/* Only journal adaptations; typography, rail and buttons come from the exact Process CSS. */
body.process-journal{background:#fff}
body.process-journal #header{background:#fff!important}
.gs-process.journal-process .gs-stage>.gs-columns{min-height:max(var(--gs-stage-height,0px),160px)}
.journal-nav-origin{display:block;height:0}
.journal-controls-slot{position:sticky;top:var(--header-height,117px);z-index:20;margin-top:2.25rem;background:#fff}
.gs-process.journal-process .journal-controls-slot .gs-controls{margin-top:0}
.gs-process.journal-process .gs-controls [data-journal-next]{font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;padding-left:.75rem;padding-right:.75rem}
.gs-process.journal-process .gs-controls [data-journal-next]:disabled{text-decoration:none}
.journal-content{margin-top:2.25rem}
.journal-entry{margin:0 0 3.5rem}
.journal-copy{max-width:45rem}
.gs-process.journal-process .journal-figure{margin:0 0 2rem;max-width:none}
.journal-image-frame{width:100%;aspect-ratio:4/3;max-height:calc(100svh - var(--header-height,117px) - 100px);background:#f5f5f5;overflow:hidden}
.journal-image-frame img,.journal-image-frame svg{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.gs-process.journal-process p.journal-caption{font-size:.9rem;line-height:1.5;margin:.75rem 0 0}
.gs-process.journal-process .journal-image-frame:not(:first-child){margin-top:2rem}
.gs-process.journal-process .gs-example figcaption{margin-top:.75rem}
@media(max-width:700px){.gs-process.journal-process .gs-stage>.gs-columns{min-height:max(var(--gs-stage-height,0px),242px)}.journal-image-frame{aspect-ratio:4/5;max-height:calc(100svh - var(--header-height,84px) - 100px)}.journal-controls-slot{top:var(--header-height,84px)}}
/* Review refinements: natural image proportions, a clear reading edge and compact captions. */
.gs-process.journal-process .gs-stage>.gs-columns{display:block;min-height:0}
.gs-process.journal-process .gs-stage>.gs-columns p{margin-top:.5rem}
.journal-image-frame{height:auto;max-height:none;aspect-ratio:auto;background:transparent;overflow:visible}
.journal-image-frame img{width:100%;height:auto;object-fit:initial}
.journal-image-frame svg{width:100%;height:auto}
.journal-image-frame.journal-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.journal-pair img{width:100%;height:100%;aspect-ratio:2/3;object-fit:cover}
.gs-process.journal-process .journal-figure figcaption{font-size:14px;line-height:1.45;margin:.5rem 0 0}
.gs-process.journal-process .journal-image-frame:not(:first-child){margin-top:2rem}
.journal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.journal-card p{font-size:16px;line-height:1.5;margin:.6rem 0 0}
.journal-card strong{font-weight:600}
.journal-end{border-top:1px solid #ddd;padding:1.5rem 0 3rem;text-align:right}
.journal-end button{font:700 16px Almarai,sans-serif;color:inherit;border:0;border-bottom:1px solid;background:none;padding:0 0 5px;cursor:pointer}
.gs-process.journal-process .journal-copy{max-width:45rem;margin-left:0}
@media(max-width:700px){.gs-process.journal-process .gs-stage>.gs-columns{min-height:0}.journal-cards{grid-template-columns:1fr}.journal-pair img{aspect-ratio:2/3}.journal-card p{font-size:16px}}
.gs-process.journal-process .gs-stop.journal-complete:before{background:#888;border-color:#888}
.gs-process.journal-process .gs-stop[aria-current=step]:before{background:#000;border-color:#000}
.journal-card ul{font-size:16px;line-height:1.5;padding-left:1.2em;margin:.65rem 0 0}
.journal-card li{margin-bottom:.35em}
.journal-after{margin-top:2rem!important}
.gs-process.journal-process .gs-controls{align-items:flex-start;flex-wrap:wrap}
.gs-process.journal-process .gs-controls nav{justify-content:flex-end;flex-wrap:wrap}
@media(max-width:700px){.gs-process.journal-process .gs-controls{display:block}.gs-process.journal-process .gs-controls nav{justify-content:space-between;flex-wrap:nowrap}.gs-process.journal-process .gs-controls button{font-size:13px;line-height:1.25;text-align:left}.gs-process.journal-process .gs-controls [data-journal-next]{text-align:right}}
/* Align the stage indicator with the navigation labels. */
.gs-process.journal-process .journal-controls-slot .gs-controls{align-items:center;font-size:16px;line-height:1.5}
.gs-process.journal-process .journal-controls-slot .gs-controls button{font-size:16px;line-height:1.5}
@media(max-width:700px){.gs-process.journal-process .journal-controls-slot .gs-controls nav{gap:.5rem}.gs-process.journal-process .journal-controls-slot .gs-controls button{font-size:16px;line-height:1.35;min-width:0;max-width:52%}}
.journal-cabinet{max-width:380px}
.journal-cabinet-note{max-width:38rem;margin:.6rem 0 2rem;font-size:14px;line-height:1.5}
.gs-process.journal-process .journal-cabinet-note p{font-size:14px;line-height:1.5;margin:.4rem 0}
.journal-photo-placeholder{display:flex;aspect-ratio:2/3;justify-content:center;align-items:center;flex-direction:column;text-align:center;border:1px solid #aaa;padding:1rem;font-size:16px;line-height:1.5}
.journal-photo-placeholder small{font-size:14px}
/* Keep the journal's sticky controls out of a clipping scroll container. */
body.process-journal .fluid-engine{overflow:visible}
body.process-journal .journal-entry,body.process-journal .journal-figure{scroll-margin-top:calc(var(--header-height, 117px) + 100px)}
.gs-process.journal-process .journal-reference-card p{font-size:14px;line-height:1.45;margin:.5rem 0 0}
/* Align the navigation's visible right edge with the journal image grid. */
.gs-process.journal-process .journal-controls-slot .gs-controls [data-journal-next]{padding-right:0}
.gs-process.journal-process .journal-controls-slot .gs-controls nav{align-items:center;gap:1.5rem}
@media(max-width:700px){.gs-process.journal-process .journal-controls-slot .gs-controls nav{gap:1rem}.gs-process.journal-process .journal-controls-slot .gs-controls [data-journal-next]{padding-right:0}}
/* The concept label uses the same quiet treatment as figure descriptors. */
.gs-process.journal-process .gs-outcome-label{font-size:14px;line-height:1.45;font-weight:400;margin:0 0 .5rem}
.gs-process.journal-process .journal-figure figcaption{margin-top:.35rem}
.journal-pair.journal-cabinet-pair img{aspect-ratio:4/5;object-fit:cover}
.journal-animation{max-width:600px!important;margin-top:2rem!important}
.journal-animation img{display:block;width:100%;height:auto}
.journal-comparison{margin-top:2rem!important}
.journal-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.journal-comparison-grid img{display:block;width:100%;height:auto}
.gs-process.journal-process .journal-comparison-grid p{font-size:14px;line-height:1.45;margin:.4rem 0 0}
@media(max-width:700px){.journal-comparison-grid{grid-template-columns:1fr;gap:1.5rem}}
.section-reveal{position:relative;width:100%;aspect-ratio:3900/1650;background:white;overflow:hidden}
.section-reveal svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.section-reveal .section-reveal-a{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}
.section-reveal-line{position:absolute;top:0;bottom:0;left:var(--reveal);border-left:2px solid #222;pointer-events:none;transform:translateX(-1px)}
.section-compare-controls{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;gap:1rem;align-items:end;margin-top:.75rem}
.section-compare-controls label{font-size:14px;line-height:1.4}
.section-compare-controls input{display:block;width:100%;accent-color:#222;min-height:44px;margin:0}
.section-compare-controls button{font:400 14px var(--body-font-font-family,'DM Sans',sans-serif);text-decoration:underline;text-underline-offset:4px;min-height:44px;background:none;border:0;cursor:pointer;color:inherit}
@media(max-width:700px){.section-compare-controls{grid-template-columns:1fr 1fr;gap:.25rem 1rem}.section-compare-controls label{grid-column:1/-1;grid-row:1}.section-compare-controls button:last-child{text-align:right}.section-compare-controls button:first-child{text-align:left}}
.section-reveal-line{width:44px;border:0;transform:translateX(-50%);touch-action:none;cursor:ew-resize;pointer-events:auto;display:flex;align-items:center;justify-content:center}
.section-reveal-line:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:2px solid #222}
.section-reveal-line span{position:relative;border:1px solid #222;border-radius:50%;background:#fff;width:36px;height:36px;display:grid;place-items:center;font:20px sans-serif;color:#222}
.gs-process.journal-process .journal-animation{max-width:none!important}
.journal-sketch-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
.journal-sketch-pair img{width:100%;height:auto;display:block}
@media(max-width:700px){.journal-sketch-pair{grid-template-columns:1fr;gap:1.5rem}}
.journal-diagram-crop{position:relative;overflow:hidden;aspect-ratio:690/700}
.journal-diagram-crop picture img{position:absolute;max-width:none;width:163.478%;height:auto;left:-43.478%;top:-4.286%}
.journal-diagram-stage{width:80%;justify-self:center}
.journal-diagram-crop{position:relative;overflow:hidden;aspect-ratio:690/700}
.diagram-frame{position:absolute;inset:0;opacity:0;animation:diagram-cycle 9s infinite}
.diagram-frame-1{animation-delay:3s}.diagram-frame-2{animation-delay:6s}
.diagram-frame img{position:absolute;max-width:none;width:163.478%;height:auto;left:-43.478%;top:-4.286%}
.diagram-frame span{position:absolute;top:.5rem;left:.5rem;background:rgba(255,255,255,.92);color:#111;padding:.2rem .35rem;font-size:12px;line-height:1.3}
@keyframes diagram-cycle{0%,28%{opacity:1}33%,95%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.diagram-frame{animation:none;opacity:0}.diagram-frame-0{opacity:1}}
.cabinet-pair-item{min-width:0}.cabinet-image{position:relative}
.gs-process.journal-process .cabinet-overlay{position:absolute;top:0;left:0;max-width:100%;margin:0;padding:.75rem;background:rgba(0,0,0,.78);color:white;font-size:14px;line-height:1.4;font-weight:400}
.gs-process.journal-process .cabinet-caption{font-size:14px;line-height:1.45;margin:.4rem 0 0;font-weight:400}
.section-reveal-label{position:absolute;top:.5rem;font-size:14px;background:rgba(255,255,255,.9);padding:.2rem .4rem;pointer-events:none}
.section-reveal-label-a{left:.5rem}.section-reveal-label-b{right:.5rem}
.section-reveal-line:focus-visible span{outline:3px solid #1764aa;outline-offset:3px}
.journal-end a{font:700 16px var(--primary-button-font-font-family,Almarai,sans-serif);color:inherit;text-decoration:underline;text-underline-offset:5px}
.journal-cabinet-pair .cabinet-pair-item>img,.journal-cabinet-pair .cabinet-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
@media(max-width:700px){.journal-cabinet-pair{position:relative}.journal-cabinet-pair .cabinet-image{position:static}.gs-process.journal-process .cabinet-overlay{right:0;max-width:none}}
/* Tighten the diagram label and optimise the journal for narrow screens. */
.diagram-frame span{top:0}
.journal-development-hero svg{display:block;width:100%;height:auto}
.journal-floorplans img{display:block;width:100%;height:auto}
@media(max-width:700px){
 .journal-direction-cards{display:none}
 .journal-sketch-pair>div:first-child{display:none}
 .journal-sketch-pair{gap:0}
 .journal-diagram-stage{width:80%}
 .gs-process.journal-process .journal-reference-card p{font-size:12px;line-height:1.35}
 .journal-image-frame[data-image-name="design-what-we-are-drawing-from.jpg"] .journal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .journal-end{text-align:center}
}
/* Review: the paired plans scale together and slide controls remain explicit. */
.journal-carousel{width:100%;margin:2.5rem 0}
.carousel-slide[hidden]{display:none!important}
.gs-process.journal-process .carousel-slide .journal-figure{margin-bottom:0;width:100%;max-width:none}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;font-size:14px}
.carousel-controls button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid;padding:.5rem 0;cursor:pointer}
.carousel-controls button:disabled{opacity:.4;cursor:default}
.carousel-controls button:focus-visible{outline:2px solid #333;outline-offset:4px}
.journal-map img{width:100%;height:auto}
.journal-map svg{display:block;width:100%;height:auto}
@media(max-width:700px){
 .floorplan-view{overflow:visible}
 .floorplan-view img{min-width:0;max-width:100%;width:100%}
 .journal-direction-cards .journal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .journal-direction-cards .journal-card p{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
}
@media(max-width:700px){
 .gs-process.journal-process .journal-controls-slot .gs-controls{font-size:14px;line-height:1.2}
 .gs-process.journal-process .journal-controls-slot .gs-controls button{font-size:14px;line-height:1.2;min-height:36px;padding-top:.15rem;padding-bottom:.15rem}
 .gs-process.journal-process .journal-controls-slot .gs-controls nav{gap:.5rem}
}
.journal-read-hint{display:none}
@media(max-width:700px){
 .gs-process.journal-process .gs-motion{display:none}
 .gs-process.journal-process .gs-stage{margin-top:2.5rem}
 .journal-read-hint{display:inline-block;margin-top:1.25rem;font-size:14px;color:inherit;text-decoration:underline;text-underline-offset:4px}
 .journal-section{scroll-margin-top:calc(var(--header-height,84px) + 85px)}
}
.floorplan-mobile-hint{display:none}
@media(max-width:700px){
 .floorplan-view{overflow-x:auto;overscroll-behavior-x:contain}
 .floorplan-view img{min-width:720px;max-width:none}
 .floorplan-mobile-hint{display:inline}
 body.process-journal .content-wrapper{padding-bottom:1rem!important}
 .journal-end{padding-bottom:1rem}
}
.gs-process.journal-process .journal-map p{font-size:14px;line-height:1.45;margin:.4rem 0 0}
.gs-process.journal-process .journal-map a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:360px){.journal-image-frame[data-image-name="design-what-we-are-drawing-from.jpg"] .journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reading rhythm: a shared left edge, quieter captions, and generous pauses between ideas. */
.gs-process.journal-process .journal-content{margin-top:3.25rem}
.gs-process.journal-process .journal-entry{margin-bottom:clamp(4rem,7vw,6.5rem)}
.gs-process.journal-process .journal-copy{max-width:45rem}
.gs-process.journal-process .journal-copy p{line-height:1.7;margin:0 0 1.35em}
.gs-process.journal-process .journal-copy p:last-child{margin-bottom:0}
.gs-process.journal-process .journal-figure figcaption,.gs-process.journal-process .journal-caption,.gs-process.journal-process .cabinet-caption{font-style:italic;font-weight:400}
.gs-process.journal-process .journal-copy .journal-option-label{font-style:normal;font-weight:500}
.gs-process.journal-process .journal-copy + .journal-figure{margin-top:2.5rem}
.gs-process.journal-process .journal-figure{margin-bottom:2.25rem}
.gs-process.journal-process .journal-figure figcaption,.gs-process.journal-process .cabinet-caption{color:#555;line-height:1.5}
.journal-image-frame.journal-pair{align-items:start;gap:1rem}
.journal-pair img,.journal-cabinet-pair .cabinet-pair-item>img,.journal-cabinet-pair .cabinet-image img{height:auto;aspect-ratio:auto;object-fit:contain}
.journal-image-frame[data-image-name="canning-st-construction-photo-of-clients-photo-by-client.jpg"] img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.gs-process.journal-process .cabinet-overlay{position:static;background:transparent;color:inherit;max-width:36rem;padding:.6rem 0 0;font-size:14px;line-height:1.5}
.journal-gallery-label{font-size:14px;line-height:1.5;margin:2.75rem 0 .75rem}
.journal-gallery-label span{color:#666}
.journal-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:1rem;scrollbar-width:thin}
.journal-gallery:focus-visible{outline:2px solid #333;outline-offset:4px}
.gs-process.journal-process .journal-gallery .journal-figure{margin:0;scroll-snap-align:start;min-width:0}
.journal-gallery .journal-image-frame{height:auto}
@media(max-width:700px){
 .gs-process.journal-process .journal-content{margin-top:2.5rem}
 .gs-process.journal-process .journal-entry{margin-bottom:4rem}
 .gs-process.journal-process .journal-copy p{line-height:1.65}
 .journal-direction-cards{display:block}
 .journal-sketch-pair>div:first-child{display:block}
 .journal-sketch-pair{gap:1.5rem}
 .journal-gallery{grid-auto-columns:92%;gap:.75rem}
}
@media(max-width:700px){.floorplan-view{overflow:visible}.floorplan-view img{min-width:0;max-width:100%;width:100%}}
/* Equal-height paired images keep their shared top and bottom edges. */
.journal-cabinet-pair .cabinet-pair-item>img,.journal-cabinet-pair .cabinet-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
/* The drag handle is a control, not selectable text. Keep its keyboard focus ring. */
.section-reveal-line,.section-reveal-line span{user-select:none;-webkit-user-select:none}
.section-reveal{aspect-ratio:1850/740}
/* Keep the comparison labels from becoming selected while dragging. */
.section-reveal,.section-reveal *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.carousel-slides{display:grid}
.carousel-slide{grid-area:1/1;min-width:0}
.carousel-slide.is-inactive{visibility:hidden;pointer-events:none}
.journal-subheading,.gs-process.journal-process .gs-outcome-label{font-size:14px;line-height:1.45;font-weight:600;margin:0 0 .5rem}
.journal-card strong{font-size:14px;font-weight:600;line-height:1.45}
.gs-process.journal-process .journal-floorplans figcaption{font-size:14px;font-weight:600;line-height:1.45;color:inherit}
.journal-carousel[aria-label="Design thinking"] .journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.journal-carousel[aria-label="Design thinking"] .journal-card svg{display:block;width:100%;aspect-ratio:3/4;height:auto}
.journal-carousel[aria-label="Design thinking"] .journal-card p{font-size:14px;line-height:1.45}
@media(min-width:768px){
 .gs-process.journal-process .journal-copy{max-width:none;column-count:1}
 .gs-process.journal-process.journal-two-column .journal-copy{column-count:2;column-gap:3rem;column-fill:balance}
}
@media(max-width:700px){
 .journal-carousel[aria-label="Design thinking"] .journal-cards{gap:8px}
 .journal-carousel[aria-label="Design thinking"] .journal-card p,.journal-carousel[aria-label="Design thinking"] .journal-card strong{font-size:12px;line-height:1.4}
}
.journal-layout-review{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin:1rem 0 0;font-size:13px;color:#555}
.journal-layout-review button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;cursor:pointer;padding:.4rem 0}
.journal-layout-review button:focus-visible{outline:2px solid #333;outline-offset:3px}
@media(max-width:767px){.journal-layout-review{display:none}}
.sun-study{position:relative;width:100%;aspect-ratio:4096/2861;align-self:center;overflow:hidden}
.sun-study-frame{position:absolute;inset:0}
.sun-study-frame img{display:block;width:100%;height:100%;object-fit:contain}
.sun-study-yellow{animation:sun-cycle 8s infinite;opacity:0}
@keyframes sun-cycle{0%,44%{opacity:0}50%,94%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.sun-study{display:grid;gap:.75rem;aspect-ratio:auto;overflow:visible}.sun-study-frame{position:static}.sun-study-yellow{animation:none;opacity:1}}
.gs-process.journal-process .journal-subheading,.gs-process.journal-process .gs-outcome-label,.gs-process.journal-process .journal-card strong,.gs-process.journal-process .journal-floorplans figcaption,.section-reveal-label{font-weight:400;text-decoration:none}
.development-intro{margin-bottom:2.5rem!important}
.journal-invitation{border-top:1px solid #ddd;padding-top:1.5rem}
.gs-process.journal-process .journal-invitation .journal-copy{max-width:45rem;column-count:1;margin:2.5rem 0 0}
.journal-invitation .journal-end{border-top:0}
.gs-process.journal-process .journal-entry[data-paragraph="8"]{margin-bottom:1.75rem}
.journal-carousel[aria-label="Bedroom design development"]{max-width:700px}
.journal-carousel[aria-label="Bedroom design development"] .carousel-slide:nth-child(2) .journal-image-frame{max-width:76%;margin:auto}
.gs-process.journal-process .journal-sun-study{max-width:700px}
.journal-sun-study a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.concept-animation-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.concept-animation-pair picture,.concept-animation-pair img{display:block;width:100%;height:auto}
.concept-animation-pair picture,.concept-animation-pair .concept-model{aspect-ratio:4/3;width:100%}
.concept-animation-pair picture img{width:100%;height:100%;object-fit:contain}
.concept-model{display:grid;place-items:center}
.concept-model .journal-diagram-stage{width:auto;height:100%;aspect-ratio:690/700}
.concept-model .diagram-frame img{position:absolute;width:163.478%;max-width:none;height:auto}
@media(max-width:700px){.concept-animation-pair{grid-template-columns:1fr;gap:1.5rem}}
/* Consolidated design-development carousel. */
.journal-carousel[aria-label="Design development"]{max-width:700px}
.development-boards{display:grid;gap:1rem}
.development-boards .journal-image-frame svg,.development-boards .journal-image-frame img{display:block;width:100%;height:auto}
.journal-carousel[aria-label="Design development"] .journal-cabinet-pair .cabinet-pair-item>img,.journal-carousel[aria-label="Design development"] .journal-cabinet-pair .cabinet-image img{aspect-ratio:auto;object-fit:contain}
.concept-animation-pair .sun-study{aspect-ratio:4/3}
@media(prefers-reduced-motion:reduce){.concept-animation-pair .sun-study{aspect-ratio:auto}}
/* Keep the two concept explanations together. */
.gs-process.journal-process .journal-entry[data-paragraph="4"]{margin-bottom:1.35em}
/* Match the visible edges of the two reference boards. */
.journal-carousel[aria-label="Design development"]{max-width:none}
.development-boards .journal-image-frame svg{width:100%;height:auto}
/* A shared frame keeps captions in one place while retaining each drawing's proportions. */
.journal-carousel[aria-label="Design development"] .carousel-slide:nth-child(n+3) .journal-image-frame,
.journal-carousel[aria-label="Kitchen and dining perspectives"] .journal-image-frame{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.journal-carousel[aria-label="Design development"] .carousel-slide:nth-child(n+3) .journal-image-frame img,
.journal-carousel[aria-label="Design development"] .carousel-slide:nth-child(n+3) .journal-image-frame svg,
.journal-carousel[aria-label="Kitchen and dining perspectives"] .journal-image-frame img,
.journal-carousel[aria-label="Kitchen and dining perspectives"] .journal-image-frame svg{display:block;width:100%;height:100%;object-fit:contain}
.journal-carousel[aria-label="Design development"] .journal-cabinet-pair{aspect-ratio:4/3;display:grid;grid-template-columns:1fr 1fr;align-items:start;overflow:visible}
.journal-carousel[aria-label="Design development"] .journal-cabinet-pair .cabinet-image img,.journal-carousel[aria-label="Design development"] .journal-cabinet-pair .cabinet-pair-item>img{width:100%;height:auto;max-height:45vw;object-fit:contain;object-position:top left}
@media(min-width:701px){.journal-carousel[aria-label="Design development"] .journal-cabinet-pair .cabinet-image img,.journal-carousel[aria-label="Design development"] .journal-cabinet-pair .cabinet-pair-item>img{max-height:48vh}}
/* Shared visual and caption regions for all six development slides. */
.journal-carousel[aria-label="Design development"] .development-visual,
.journal-carousel[aria-label="Design development"] .carousel-slide:nth-child(n+3) .journal-image-frame{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.journal-carousel[aria-label="Design development"] .development-boards{display:flex;flex-direction:column;justify-content:center;gap:.4rem}
.development-boards>div{width:100%;min-height:0}
.development-boards svg{display:block;width:100%;height:auto}
.development-boards span{display:block;color:#555;font-size:14px;line-height:1.4;margin-top:.2rem}
.development-materials{display:grid!important;grid-template-columns:1fr 1fr;gap:1rem}
.development-materials img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.journal-carousel[aria-label="Design development"] .carousel-slide figcaption{margin-top:.35rem}
.development-materials img{object-position:center bottom}
/* Match the materials photographs' visible height without cropping. */
.development-materials{grid-template-columns:.7787fr .8818fr;align-items:end}
.development-materials img{height:auto;max-height:100%;align-self:end}
.journal-carousel[aria-label="Design development"] .development-materials{align-items:end}
.drawing-enlarge{display:inline-block;color:inherit;text-decoration:underline;text-underline-offset:3px;margin-left:.4rem}
/* Align the first content edge across reference, material and study-colour slides. */
.journal-carousel[aria-label="Design development"] .development-boards{justify-content:flex-start}
.journal-carousel[aria-label="Design development"] .development-materials{align-items:start}
.journal-carousel[aria-label="Design development"] .development-materials img{align-self:start;object-position:center top}