/* Compact proportions, preserving readable body text. */
body{max-width:1536px;margin-inline:auto}
.section-shell{padding-block:4.8rem}
.site-header{min-height:5.2rem;padding-block:.8rem}
.wordmark>span{font-size:2.72rem}
.hero{min-height:33.6rem}
.hero-copy{padding-top:2.88rem;padding-bottom:1.76rem}
.hero h1{font-size:clamp(3.36rem,5.36vw,6rem);margin:1.24rem 0 1.36rem}
.hero-footnote{padding-top:2.72rem}
.featured-gallery{min-height:34.4rem}
h2,.who-heading h2{font-size:clamp(2.08rem,3.64vw,3.84rem)}
.introduction{padding-block:3.76rem;gap:2rem}
.introduction h2{font-size:clamp(1.84rem,2.44vw,2.72rem)}
.section-heading{margin-bottom:2.4rem;gap:2.4rem}
.who-story{margin:2.8rem 0 3.2rem;padding-left:0;gap:3rem}
.who-story .who-lead{font-size:clamp(1.3rem,1.6vw,1.6rem)}
.who-we-are .workshop-gallery{position:relative;top:auto;width:70%;max-width:672px;margin:0 auto 3.2rem;background:transparent}
.workshop-toggle{position:absolute;right:.6rem;top:.6rem;border:1px solid #ffffff70;background:#153d43dd;color:white;width:44px;height:44px;cursor:pointer;font-size:1rem}
.philosophy-grid article{padding-block:1.6rem 1.92rem}
.philosophy-grid h3{font-size:clamp(1.44rem,1.92vw,2rem);margin-top:1.2rem}
.direction-grid{margin-top:3.2rem}
.direction-grid article{padding:1.92rem}
.direction-grid h3{font-size:clamp(1.28rem,1.84vw,1.88rem)}
.collection-grid{gap:2.4rem 1.4rem}
.interactive-product .product-image{aspect-ratio:1}
.interactive-product h3{font-size:1.6rem}
.manufacturing{gap:4.8rem}
.capability-accordion summary{padding-block:1.36rem}
.capability-accordion summary h3{font-size:1.96rem}
.contact{padding-block:4.4rem;gap:4rem}
.contact h2{font-size:clamp(2.16rem,3.44vw,3.84rem)}
.why-details summary{font-size:1.44rem}
.why-details details{padding-block:.88rem}
.site-footer{padding-top:2.4rem}
.development-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0;margin:0}
.development-flow>li{border:1px solid var(--line);padding:1.4rem;background:var(--paper);min-width:0}
.step-number{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);width:2.5rem;height:2.5rem;font-size:.875rem}
.development-flow h3{font-family:var(--serif);font-size:1.65rem;line-height:1.2;margin:1.1rem 0 .75rem}
.development-flow p{font-size:1rem;line-height:1.6}
.development-flow details{margin-top:1.1rem;border-top:1px solid var(--line)}
.development-flow summary{cursor:pointer;font-size:.875rem;padding:.8rem 0;min-height:44px}
.development-flow ul{font-size:1rem;line-height:1.6;padding-left:1.2rem;margin:.25rem 0 .5rem;color:var(--ink-soft)}
.development-flow li li+li{margin-top:.45rem}
.development-contact{margin-top:1.6rem}
@media(max-width:1100px){.featured-gallery{min-height:32rem}.development-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.manufacturing,.contact{gap:2.4rem}}
@media(max-width:760px){.section-shell{padding-block:2.8rem}.hero{min-height:0}.hero-copy{padding-top:1.92rem;padding-bottom:1.6rem}.hero h1{font-size:clamp(3.6rem,10.8vw,5.2rem)}.featured-gallery{min-height:30.4rem}.site-header{min-height:4.48rem}.wordmark>span{font-size:2.32rem}.who-story{gap:1.2rem;margin:2rem 0 2.4rem}.who-heading h2{margin-top:.8rem}.introduction h2{font-size:2.12rem}.manufacturing h2{font-size:2.96rem}.contact h2{font-size:clamp(2.08rem,6.4vw,2.88rem)}.who-we-are .workshop-gallery{margin-bottom:2.4rem}.direction-grid{margin-top:2.4rem}.section-heading>p{margin-top:1rem}.section-heading>p br{display:none}.interactive-product .product-image{aspect-ratio:15/16}.development-flow{grid-template-columns:1fr}.development-flow>li{padding:1.2rem}.development-flow h3{margin-top:.8rem}.contact-details{margin-top:2rem}}
@media(max-width:390px){.featured-gallery{min-height:28rem}.interactive-product .product-image{aspect-ratio:1}}