/* A quieter homepage, with one destination per card. */
.home-intro{padding:85px 0 70px;max-width:1280px}.home-intro .eyebrow{margin-bottom:32px}.home-lead{max-width:930px;font-size:clamp(26px,3.15vw,44px);line-height:1.35;letter-spacing:-.025em;margin:0}.home-destinations{padding-bottom:90px}.destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding-top:30px}.destination-card{padding:0 24px;border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.destination-card:first-child{padding-left:0}.destination-card:last-child{padding-right:0;border-right:0}.destination-card h2{font-size:32px;min-height:2.1em;line-height:1.1;margin:0 0 28px}.destination-image{margin-top:auto}.destination-image img{display:block;width:100%;height:280px;object-fit:cover}.destination-card:last-child .destination-image img{object-fit:contain;background:white}.destination-caption{display:flex;gap:12px;align-items:start;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:15px;font-size:11px}.destination-caption>span:last-child{font-size:20px}.home-practice{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:45px;padding:55px 0 95px;border-top:1px solid var(--line)}.home-practice h2{font-size:36px;line-height:1.1;margin:0 0 24px}.home-practice p{font-size:15px;line-height:1.65;margin:0 0 25px}.home-practice>.eyebrow{font-size:10px}.quiet-link{display:inline-flex;align-items:start;justify-content:space-between;gap:26px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:13px}.quiet-link span{font-family:'DM Sans',sans-serif}.quiet-link:hover{border-color:var(--ink)}.destination-card:hover img,.project-index-card:hover img{opacity:.9}.destination-card:focus-visible,.project-index-card:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
/* A shared, calm page grid. */
.page-title{padding-top:145px;padding-bottom:60px}.page-title>.eyebrow{margin-bottom:36px}.page-title h1{font:450 clamp(52px,6.5vw,92px)/1.02 'Josefin Sans',sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0}.page-deck{max-width:800px;font-size:23px;line-height:1.5;margin:35px 0 0}.studio-cover{margin-bottom:65px}.studio-cover img{width:100%;height:auto;max-height:680px;object-fit:cover}.studio-story .studio-image img{aspect-ratio:2/3!important;object-fit:contain}.approach-process .process-content{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:70px 0}.approach-end{padding:0 0 100px}.approach-process .process-list{padding:0}.approach-process .process-list h3{font-size:28px}.approach-process .process-project-note{font-size:17px}
/* Project index: a feature, then six measured entries. */
.project-feature{padding-top:150px;padding-bottom:75px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.feature-copy{display:flex;flex-direction:column;align-items:start}.feature-copy>.eyebrow{margin-bottom:36px}.feature-copy h1{font:450 clamp(46px,5vw,72px)/1.03 'Josefin Sans',sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 30px}.feature-copy>p:not(.eyebrow){font-size:15px;line-height:1.6}.project-status{font-size:11px;color:var(--muted);margin:7px 0 35px}.feature-copy>.quiet-link{margin-top:auto}.feature-image{display:block}.feature-image img{width:100%;height:520px;object-fit:cover}.image-note{display:block;font-size:10px;margin-top:12px;color:var(--muted)}.project-index{padding-bottom:100px}.project-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 30px}.project-index-card{position:relative;display:block;border-bottom:1px solid var(--line);padding-bottom:24px;min-width:0}.project-index-card img{display:block;width:100%;height:285px;object-fit:cover;background:white;margin-bottom:25px}.project-index-card:nth-child(2) img,.project-index-card:nth-child(4) img{object-fit:contain}.project-index-card>.eyebrow{font-size:10px;margin-bottom:18px}.project-index-card h2{font-size:32px;line-height:1.15;margin:0 25px 12px 0}.entry-note{font-size:10px;color:var(--muted);margin:0}.project-card-arrow{position:absolute;right:0;bottom:24px;font-size:19px}.prototype-note{max-width:620px;margin:45px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
/* Compact project page: full width image, information left, prose right, image row. */
.sample-banner{font-size:11px;color:var(--muted);padding:14px 0;border-top:1px solid var(--line);margin-bottom:30px}.sample-hero{margin:0 0 70px;width:100%}.sample-hero>img{display:block;width:100%;height:min(77vh,840px);object-fit:cover;background:white}.sample-hero figcaption{font-size:11px;line-height:1.5;margin-top:14px;color:var(--muted)}.project-summary{display:grid;grid-template-columns:1fr 2fr;gap:80px;margin-bottom:70px}.project-summary dl{margin:0;display:grid;gap:25px;align-content:start}.project-summary dt{font-size:10px;text-transform:uppercase;margin-bottom:9px;color:var(--muted)}.project-summary dd{font-size:14px;margin:0;line-height:1.5}.project-summary-copy{max-width:740px}.project-summary-copy p{font-size:18px;line-height:1.65;margin:0 0 25px}.image-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-bottom:65px}.image-row img{display:block;width:100%;height:330px;object-fit:cover;background:white}.image-row figcaption{font-size:10px;line-height:1.5;margin-top:13px;color:var(--muted)}.project-end{display:flex;justify-content:space-between;gap:30px;padding:30px 0 100px;border-top:1px solid var(--line)}
@media(max-width:900px){.destination-card{padding-inline:15px}.destination-card h2{font-size:27px}.destination-image img{height:220px}.home-practice{gap:28px;grid-template-columns:1fr 1fr}.home-practice>.eyebrow{grid-column:1/-1;margin-bottom:0}.project-feature{gap:30px}.feature-image img{height:450px}.project-index-grid{gap:45px 22px}.project-index-card img{height:240px}.project-index-card h2{font-size:27px}.project-summary{gap:45px}.image-row img{height:260px}}
@media(max-width:700px){.home-intro{padding:54px 0 42px}.home-intro .eyebrow{font-size:10px;margin-bottom:24px}.home-lead{font-size:25px;line-height:1.4}.home-destinations{padding-bottom:38px}.destination-grid{grid-template-columns:1fr 1fr;gap:30px 18px;padding-top:25px}.destination-card,.destination-card:first-child,.destination-card:last-child{padding:0;border:0}.destination-card h2{font-size:24px;line-height:1.1;margin-bottom:20px;min-height:2.2em}.destination-image img{height:150px}.destination-caption{font-size:10px;line-height:1.4;gap:5px;margin-top:12px;padding-top:12px}.destination-caption>span:last-child{font-size:16px}.home-practice{display:block;padding:32px 0 55px}.home-practice>.eyebrow{margin-bottom:24px}.home-practice h2{font-size:31px;margin-bottom:22px}.home-practice p{font-size:14px;line-height:1.6;margin-bottom:24px}.home-practice .quiet-link{font-size:12px}.page-title{padding-top:116px;padding-bottom:38px}.page-title>.eyebrow{font-size:10px;margin-bottom:28px}.page-title h1{font-size:46px;line-height:1.08}.page-deck{font-size:18px;line-height:1.5;margin-top:28px}.studio-cover{margin-bottom:20px}.studio-cover img{aspect-ratio:1.2;object-fit:cover}.approach-process .process-content{display:block;padding:40px 0}.approach-process .process-project-note{font-size:15px;margin-bottom:35px}.approach-process .process-list h3{font-size:26px}.approach-end{padding-bottom:60px}.project-feature{display:flex;flex-direction:column;padding-top:115px;padding-bottom:45px;gap:30px}.feature-copy>.eyebrow{margin-bottom:27px}.feature-copy h1{font-size:49px;margin-bottom:24px}.feature-copy>p:not(.eyebrow){font-size:14px;margin-top:0}.project-status{margin:0 0 25px}.feature-copy>.quiet-link{font-size:12px}.feature-image img{height:auto;aspect-ratio:1.2;object-fit:cover}.project-index{padding-bottom:60px}.project-index-grid{grid-template-columns:1fr 1fr;gap:35px 18px}.project-index-card img{height:160px;margin-bottom:18px}.project-index-card>.eyebrow{font-size:9px;line-height:1.5;min-height:2.5em;margin-bottom:12px}.project-index-card h2{font-size:23px;line-height:1.2;margin-right:0;min-height:2.4em}.project-index-card{padding-bottom:40px}.entry-note{font-size:9px;line-height:1.5}.project-card-arrow{font-size:16px;bottom:13px}.prototype-note{font-size:11px;margin-top:30px}.sample-banner{font-size:10px;line-height:1.5;margin-bottom:20px}.sample-hero{margin-bottom:40px}.sample-hero>img{height:65vh;max-height:550px;object-fit:cover}.sample-hero figcaption{font-size:10px}.project-summary{display:block;margin-bottom:40px}.project-summary dl{grid-template-columns:1fr 1fr;gap:25px 20px;margin-bottom:35px}.project-summary dd{font-size:13px}.project-summary-copy p{font-size:16px;line-height:1.65;margin-bottom:22px}.image-row{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:18px;padding-bottom:24px}.image-row figure{flex:0 0 84%;scroll-snap-align:start}.image-row img{height:330px}.image-row figcaption{font-size:10px}.project-end{display:block;padding:25px 0 65px;margin-top:30px}.project-end a{display:flex;margin-top:20px;font-size:12px}.compact-bar>div>a:first-child{display:inline}}
@media(prefers-reduced-motion:reduce){.destination-card img,.project-index-card img{transition:none}}
/* Selected option C: native D-DIN Condensed, original Grove logo and DM Sans body. */
@font-face{font-family:'Grove D-DIN';src:url('/assets/type-refined/d-din/D-DINCondensed.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
html[data-type=ddin] h1,html[data-type=ddin] h2,html[data-type=ddin] h3,html[data-type=ddin] .menu-links a,html[data-type=ddin] .menu-links button{font-family:'Grove D-DIN',sans-serif;font-weight:400;letter-spacing:0}
html[data-type=ddin] .condensed-heading{transform:none;width:100%;font-weight:400}
.destination-caption>span:last-child,.project-card-arrow,.quiet-link span{font-family:Arial,sans-serif}
.mobile-process{display:none}
/* Scanned hand drawings blend into the paper. Documentation remains white. */
img[src*="interior-"][src*="-sketch"],img[src*="kitchen-concept-sketch"]{mix-blend-mode:multiply!important;background:transparent!important;object-fit:contain!important}
.sketch-study figure,.destination-card:last-child .destination-image{background:var(--paper)}
img[src*="smethwick-technical"],img[src*="smethwick-design-plans"],img[src*="smethwick-kitchen-plan-detail"]{background:white;box-shadow:0 2px 14px #2728200c;mix-blend-mode:normal}
.sample-hero img[src*="interior-"],.image-row img[src="/assets/studio.jpg"]{object-fit:contain;background:var(--paper)}
@media(min-width:701px){.stage-bottom-nav{display:none}.project-stage{position:relative;isolation:isolate}.project-stage:nth-of-type(even):before{content:'';position:absolute;inset:0 -28px;background:#f0efe9;z-index:-1}.project-stage:nth-of-type(even){border-bottom:0}}
@media(max-width:700px){.page-title h1{font-size:43px}.mobile-process{display:block;border-top:1px solid var(--line);margin-bottom:55px}.mobile-process summary{display:flex;justify-content:space-between;list-style:none;padding:24px 0;font-size:17px;cursor:pointer}.mobile-process summary::-webkit-details-marker{display:none}.mobile-process summary span{font-size:23px;line-height:1}.mobile-process details[open] summary span{transform:rotate(45deg)}.mobile-process ol{padding-left:20px;margin:4px 0 25px;font-size:14px;line-height:2}.mobile-process .quiet-link{font-size:12px}}
.contact-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:100px;padding-bottom:110px}.contact-copy>p:first-child{font-size:21px;line-height:1.55;margin:0 0 30px}.contact-privacy-note{font-size:12px;line-height:1.6;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}.contact-address{margin-top:45px;font-size:14px;line-height:1.7}.contact-address .eyebrow{font-size:10px;margin-bottom:12px}.contact-address a{border-bottom:1px solid var(--line);padding-bottom:6px}.contact-copy blockquote{margin:65px 0 0;font-size:18px;line-height:1.55}.contact-copy cite{display:block;font-size:11px;font-style:normal;margin-top:18px;color:var(--muted)}#contact-enquiry{display:flex;flex-direction:column;gap:30px}#contact-enquiry fieldset{padding:0;border:0;margin:0}#contact-enquiry legend,#contact-enquiry>label{font-size:14px;line-height:1.5}#contact-enquiry legend{padding:0;margin-bottom:15px}#contact-enquiry label>span,#contact-enquiry legend span{color:var(--muted);font-size:11px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.name-fields label{font-size:11px}#contact-enquiry input,#contact-enquiry textarea{display:block;width:100%;margin-top:10px;border:1px solid var(--line);border-radius:0;background:transparent;padding:14px 12px;color:var(--ink);font:16px/1.5 'DM Sans',sans-serif;box-shadow:none}#contact-enquiry input:focus,#contact-enquiry textarea:focus{outline:1px solid var(--ink);outline-offset:1px}#contact-enquiry textarea{resize:vertical;min-height:155px}#contact-send{display:flex;justify-content:space-between;gap:55px;align-self:flex-start;background:var(--ink);color:var(--paper);padding:16px 25px;border:0;font-size:13px;cursor:pointer}#contact-send span{font-family:Arial,sans-serif;font-size:18px}.form-safety{font-size:11px;color:var(--muted);margin:-16px 0 0}#form-result{font-size:13px;border-top:1px solid var(--line);padding-top:22px;margin:0}#form-result[hidden]{display:none}
@media(max-width:900px){.contact-layout{gap:55px}}@media(max-width:700px){.contact-layout{display:flex;flex-direction:column;gap:38px;padding-bottom:65px}.contact-copy>p:first-child{font-size:18px}.contact-privacy-note{font-size:11px}.contact-address{margin-top:30px}.contact-copy blockquote{display:none}.name-fields{gap:15px}#contact-enquiry{gap:25px}#contact-enquiry legend,#contact-enquiry>label{font-size:13px}}
.inline-arrow{display:inline-block;width:15px;height:15px;flex:none;vertical-align:middle}.destination-caption .inline-arrow{width:14px;height:14px}.quiet-link .inline-arrow{margin-top:2px}#contact-send .inline-arrow{width:15px;height:15px}
/* Measured against the reference's small feature heading and generous outer gutter. */
@media(min-width:701px){body:not([data-page=home]):not([data-page=project]):not([data-page=sketches]) main .wrap{width:84%;max-width:1280px}.page-title{padding-top:145px;padding-bottom:55px}.page-title h1{font-size:clamp(42px,4.8vw,64px)}.feature-copy h1{font-size:42px;line-height:1.08}.project-feature{grid-template-columns:1fr 2fr;gap:36px;padding-bottom:60px}.feature-copy>.eyebrow{margin-bottom:30px}.feature-image img{height:auto;aspect-ratio:1.5;object-fit:cover}.project-index-grid{gap:55px 30px}.project-index-card h2{font-size:29px}.project-index-card img{height:270px}.sample-hero>img{height:auto;max-height:850px;aspect-ratio:1.85;object-fit:cover}}
@media(max-width:700px){.feature-copy h1{font-size:41px}.page-title h1{font-size:38px}.page-title{padding-bottom:34px}.sample-hero>img{height:auto;aspect-ratio:1.05;max-height:550px}}
.project-index-card>div:first-child{height:330px;display:flex;align-items:flex-end;margin-bottom:24px}.project-index-card img{max-height:330px;height:auto;width:100%;object-fit:contain!important;margin-bottom:0;background:transparent}.project-index-card h2{min-height:1.2em}.reference-hero>img{height:auto!important;max-height:850px;aspect-ratio:auto!important;object-fit:contain!important;width:100%;background:#f3f2ed}.related-references .image-row{width:100%;margin:0}.related-references .image-row img{object-fit:contain;background:#f3f2ed}.reference-hero figcaption{padding-top:3px}.destination-card:nth-child(2) .destination-image img{object-fit:cover}
@media(max-width:700px){.project-index-card>div:first-child{height:205px;margin-bottom:20px}.project-index-card img{max-height:205px;height:auto}.project-index-card h2{min-height:2.4em}.reference-hero>img{max-height:650px}.related-references .image-row{padding-bottom:20px}}
/* Revision: restore the approved left/right introductory copy. */
body[data-page=home] .editorial-intro{padding:85px 0 70px}
/* Every grid image has the same portrait frame. The project feature remains separate. */
.project-index-card>div:first-child{display:block;aspect-ratio:3/4;height:auto;margin-bottom:24px;overflow:hidden}
.project-index-card img{width:100%;height:100%;max-height:none;aspect-ratio:3/4;object-fit:cover!important;object-position:center}
.project-index-card img[src*="project-01-steel-kitchen"]{object-position:center bottom}
/* Same font file and heading tracking as selected comparison C. */
html[data-type=ddin] h1,html[data-type=ddin] h2,html[data-type=ddin] h3{letter-spacing:-.025em}
html[data-type=ddin] #search-input,html[data-type=ddin] #search-results a{font-family:'Grove D-DIN',sans-serif;font-weight:400}
/* Page titles stay visible immediately, even if entrance observation is delayed. */
.page-title{opacity:1;transform:none}
@media(max-width:700px){body[data-page=home] .editorial-intro{padding:54px 0 42px}.project-index-card>div:first-child{height:auto;margin-bottom:20px}.project-index-card img{height:100%;max-height:none}}
/* Final homepage sequence: introduction, four destinations, footer. */
.home-destinations{padding-bottom:85px}.destination-card:last-child .destination-image img{object-fit:cover;background:transparent}.destination-card:nth-child(3) .destination-image img{object-position:center 42%}
.social-link{display:flex!important;align-items:center;gap:10px}.social-icon{width:15px;height:15px;flex:none}
.project-sketchbook{padding:0 0 100px}.project-sketchbook .index-heading h2{font-size:30px;margin:0}.sketchbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.sketchbook-grid figure{background:#eae7df;padding:24px 16px 17px}.sketchbook-grid img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.sketchbook-grid figcaption{font-size:11px;margin-top:20px;color:#565b51}
/* Composited comparison is blended as one unit, so Option A still masks B. */
.journal-comparison{background:#eae7df;padding:24px;isolation:isolate}.journal-comparison .interactive-comparison{mix-blend-mode:multiply;background:white}.journal-comparison .interactive-comparison svg{mix-blend-mode:normal}.comparison-handle>span svg{width:20px;height:16px}.concept-animation-pair .journal-figure{background:#eeebe4;padding:20px}.concept-animation-pair picture,.concept-animation-pair .concept-model{mix-blend-mode:multiply}.journal-floorplans .floorplan-view{background:white;box-shadow:0 2px 14px #27282012}.journal-figure:has(img[src*="kitchen-concept-sketch"]){background:#eae7df;padding:24px}.project-cover:has(svg){background:#eeebe4}.project-cover>svg{mix-blend-mode:multiply}
/* The stage rail follows the section tone but keeps a high-contrast ink layer. */
body[data-page=project] .stage-nav{background:rgba(250,250,247,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color .22s;border-top-color:#2a2b2730}
body[data-page=project] .stage-nav[data-active-stage="2"],body[data-page=project] .stage-nav[data-active-stage="4"]{background:rgba(240,239,233,.84)}
body[data-page=project] .stage-nav a,body[data-page=project] .stage-nav .stage-number{color:#555b51}body[data-page=project] .stage-nav a[aria-current=step],body[data-page=project] .stage-nav a[aria-current=step] .stage-number{color:#20231e}body[data-page=project] .stage-nav a[aria-current=step]{font-weight:600}.stage-progress{background:#bdc2b7}
html[data-type=ddin] .journal-subheading{font-family:'Grove D-DIN',sans-serif;font-weight:400;letter-spacing:-.025em}
body[data-page=project] .project-intro h1{font-size:clamp(56px,6.5vw,84px)}body[data-page=project] .original-stage-title h2{font-size:48px}
.contact-layout{grid-template-columns:1.1fr 1.5fr;gap:85px}.contact-photo{margin:25px 0 28px}.contact-photo img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover}.contact-photo figcaption{font-size:10px;color:var(--muted);margin-top:11px}.contact-copy blockquote{margin-top:38px;font-size:16px}#contact-enquiry input,#contact-enquiry textarea{border-color:#878b81}
@media(max-width:700px){.home-destinations{padding-bottom:48px}.project-sketchbook{padding-bottom:60px}.sketchbook-grid{grid-template-columns:1fr;gap:22px}.sketchbook-grid figure{padding:25px 18px 18px}.project-sketchbook .index-heading h2{font-size:27px}.journal-comparison{padding:10px}.comparison-handle>span svg{width:17px;height:14px}.concept-animation-pair .journal-figure{padding:12px}.journal-figure:has(img[src*="kitchen-concept-sketch"]){padding:12px}body[data-page=project] .project-intro h1{font-size:44px}body[data-page=project] .original-stage-title h2{font-size:32px}.contact-layout{gap:32px}.contact-photo{margin:25px 0}.contact-photo img{aspect-ratio:1.65}.contact-copy>p:first-child{font-size:17px}}
@media(prefers-reduced-motion:reduce){body[data-page=project] .stage-nav{transition:none}}

/* Mobile destination cards: natural title height; image rows still align. */
@media(max-width:700px){body[data-page=home] .destination-grid{row-gap:32px;padding-top:24px}body[data-page=home] .destination-card h2{min-height:0;margin-bottom:18px}body[data-page=home] .destination-caption{margin-top:10px;padding-top:10px}}