/* FWZ project stories — image-led chapters in the house's existing palette. */
.sector-links a{grid-template-rows:auto;min-height:132px;align-content:center;grid-template-columns:25px 1fr 35px}
.sector-links .sector-number{display:block}
.sector-links .sector-label{grid-column:2}
.sector-links .sector-arrow{grid-column:3}
.sector-links .sector-arrow{grid-row:1!important}
.story-breadcrumb{margin:130px 4.7vw 48px;display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}
.story-breadcrumb a:hover,.story-link:hover{text-decoration:underline;text-underline-offset:6px}
.story-title{padding:0 4.7vw 55px}
.story-title h1,.category-masthead h1{font-size:clamp(64px,9vw,148px);letter-spacing:-.065em;line-height:1.06;margin:20px 0 35px;font-weight:400}
.story-title em,.story-chapter em,.story-intro em,.story-outcome em,.story-reveal em,.category-masthead em{font-family:Italiana,Georgia,serif;font-style:normal;letter-spacing:-.035em}
.story-title>div{display:flex;align-items:center;justify-content:space-between;gap:25px}
.story-title>div>p{font-size:18px}
.story-status{font-size:14px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}
.story-cover{margin:0 20px;position:relative;background:#111}
.story-cover img{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover}
.story-cover figcaption{background:var(--paper);padding:12px 0;font-size:13px;color:var(--muted)}
.story-nav{position:sticky;top:0;z-index:15;background:var(--paper);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:35px;padding:20px;overflow:auto}
.story-nav a{font-size:14px;white-space:nowrap;padding-bottom:4px;border-bottom:1px solid transparent}
.story-nav a[aria-current]{border-color:var(--ink)}
.story-intro{padding:130px 6vw;display:grid;grid-template-columns:1fr 3fr;gap:6vw;scroll-margin-top:90px}
.story-intro h2{font-size:clamp(42px,5.4vw,84px);line-height:1.1}
.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:45px 0}
.story-columns p{font-size:17px;line-height:1.8;color:#54584f}
.story-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:60px 0 0;border-top:1px solid var(--line);padding-top:24px}
.story-facts dt{font-size:14px;color:var(--muted);margin-bottom:10px}
.story-facts dd{font-size:16px;margin:0}
.story-chapter{padding:110px 4.7vw;scroll-margin-top:60px}
.story-heading{display:grid;grid-template-columns:1fr 2fr;gap:24px 7vw;align-items:start;margin-bottom:65px}
.story-heading .eyebrow{grid-column:1/-1}
.story-heading h2{font-size:clamp(40px,4.6vw,72px)}
.story-heading>p:last-child{max-width:580px;font-size:18px;line-height:1.8;justify-self:end}
.story-diptych{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.story-diptych .story-figure:nth-child(2){margin-top:100px}
.story-figure .project-image{display:block;padding:0;width:100%;position:relative;overflow:hidden}
.story-figure img{width:100%;height:auto;transition:transform .65s}
.story-figure .project-image:hover img{transform:scale(1.015)}
.story-figure figcaption{font-size:14px;margin-top:16px;color:var(--muted)}
.story-figure.paper img{object-fit:contain;background:#f7f6f2}
.story-diptych img{aspect-ratio:4/5;object-fit:cover}
.story-figure.narrow img{object-fit:contain;background:#d3d5cc}
.story-dark{background:#172019;color:#eeeee7}
.story-dark .story-figure figcaption{color:#bfc6b7}
.story-dark .story-heading>p:last-child{color:#d0d5c9}
.story-wide{margin-top:80px}
.story-reveal{position:relative;margin:95px 20px 0}
.story-reveal>div{position:absolute;top:40px;left:40px;background:#172019ed;padding:28px;color:#f4f3ec;pointer-events:none}
.story-reveal h2{font-size:clamp(32px,3vw,48px);margin-top:15px}
.story-outcome{padding:130px 7vw;max-width:1100px;margin:auto;text-align:center;scroll-margin-top:80px}
.story-outcome h2{margin:30px 0}
.story-outcome>p:not(.eyebrow){max-width:670px;margin:0 auto;font-size:18px;color:#54584f;line-height:1.8}
.story-link{display:inline-flex;gap:35px;font-size:16px;margin-top:35px}
.watch-study{display:grid;grid-template-columns:1.6fr 1fr;gap:7vw;align-items:center}
.watch-study .project-image{background:#000}
.watch-study img{max-height:800px;object-fit:contain}
.study-notes article{border-top:1px solid #ffffff30;padding:26px 0}
.study-notes article>span{font-size:14px;color:#bcc5b7}
.study-notes h3{margin:10px 0 14px}
.study-notes p{color:#d0d5c9;max-width:370px}
.category-masthead{padding:115px 4.7vw 80px}
.category-masthead>.eyebrow{margin-top:70px}
.category-masthead h1{font-size:clamp(62px,8.5vw,136px);margin-bottom:65px}
.category-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw}
.category-intro h2{font-size:clamp(34px,3.4vw,54px)}
.category-intro>p{max-width:520px;justify-self:end;font-size:18px;line-height:1.8;color:#54584f}
.category-collection{padding:0 4.7vw 110px}
.category-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0}
.category-bar h2{font-size:16px;letter-spacing:0}
.category-bar span{font-size:14px;color:var(--muted)}
.category-project{display:block}
.category-project-image{overflow:hidden;position:relative}
.category-project-image img{width:100%;aspect-ratio:1.85;object-fit:cover;transition:transform .8s}
.category-project-image>span{position:absolute;right:28px;bottom:28px;background:var(--paper);padding:16px 25px;font-size:14px}
.category-project:hover img{transform:scale(1.025)}
.category-project-caption{display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center;padding:25px 0}
.category-project-caption h3{font-size:32px}
.category-project-caption p{font-size:14px;color:var(--muted)}
.category-project-caption>span{font-size:32px}
.category-siblings{padding:0 4.7vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.category-siblings a{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;gap:20px;font-size:24px}
.category-siblings a span:first-child{font-size:14px;color:var(--muted)}
.category-siblings a span:last-child{margin-left:auto}
.story-chapter .eyebrow,.story-intro .eyebrow,.story-outcome .eyebrow,.story-title .eyebrow,.category-masthead .eyebrow{font-size:14px}
@media(max-width:760px){
.sector-links{display:grid;position:relative;grid-template-columns:1fr;background:var(--forest)}
.sector-links a{min-height:95px;border-bottom:1px solid #ffffff30}
.story-breadcrumb{margin:100px 22px 35px}.story-breadcrumb>span{display:none}
.story-title{padding:0 22px 35px}.story-title h1{font-size:clamp(49px,12vw,76px);letter-spacing:-.055em}
.story-title>div{display:block}.story-status{display:block;margin-top:20px;font-size:13px}
.story-cover{margin:0 12px}.story-cover img{aspect-ratio:auto}
.story-nav{justify-content:flex-start;gap:24px;padding:16px 22px}
.story-intro{display:block;padding:75px 22px}.story-intro>.eyebrow{margin-bottom:30px}
.story-intro h2{font-size:43px}.story-columns{grid-template-columns:1fr;gap:22px;margin:30px 0}
.story-facts{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:35px}
.story-chapter{padding:70px 22px}.story-heading{display:block;margin-bottom:35px}
.story-heading h2{font-size:42px;margin:22px 0}.story-heading>p:last-child{font-size:16px}
.story-diptych{gap:36px;grid-template-columns:1fr}.story-diptych .story-figure:nth-child(2){margin-top:0}
.story-diptych img{max-height:620px;object-fit:contain}
.story-wide{margin-top:40px}.story-figure figcaption{font-size:13px}
.story-reveal{margin:60px 12px 0}.story-reveal>div{position:static;padding:28px 22px}.story-reveal h2{font-size:36px}
.story-outcome{padding:75px 22px}.story-outcome h2{font-size:40px}.story-outcome>p:not(.eyebrow){font-size:16px}
.watch-study{display:block}.study-notes{margin-top:40px}
.category-masthead{padding:95px 22px 50px}.category-masthead>.eyebrow{margin-top:45px}
.category-masthead h1{font-size:clamp(42px,10.5vw,76px);margin-bottom:40px}
.category-intro{display:block}.category-intro h2{font-size:36px;margin-bottom:25px}.category-intro>p{font-size:16px}
.category-collection{padding:0 22px 65px}.category-project-image img{aspect-ratio:1.4}
.category-project-image>span{right:12px;bottom:12px;padding:10px 14px}
.category-project-caption{grid-template-columns:1fr auto;gap:12px}.category-project-caption h3{font-size:26px}
.category-project-caption p{grid-column:1;grid-row:2}.category-project-caption>span{grid-column:2;grid-row:1}
.category-siblings{padding:0 22px 65px;grid-template-columns:1fr;gap:30px}.category-siblings a{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.story-figure img,.category-project-image img{transition:none}}

/* Typography: restrained weight contrast and deliberate page-level composition. */
body{font-kerning:normal;text-rendering:optimizeLegibility}
.hero h1,.coast h2,.sector-copy h3,.story-title h1,.category-masthead h1{line-height:1.06}
.eyebrow{font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:14px}
.hero-copy .eyebrow,.sector-copy .eyebrow{font-size:14px;letter-spacing:.07em}
.header-enquiry,.hero-bottom>a,.sector-copy>a,.story-link,.founder-link,.category-project-image>span,.all-projects{font-weight:600}
@media(min-width:761px){
 .category-product .category-masthead>.eyebrow,.category-product .category-masthead>h1{text-align:center}
 .category-mobility .category-masthead>.eyebrow,.category-mobility .category-masthead>h1{text-align:right}
 .story-dark .story-heading{grid-template-columns:1fr 1.25fr}
 .story-dark .story-heading h2{grid-column:2;grid-row:2;text-align:right}
 .story-dark .story-heading>p:last-child{grid-column:1;grid-row:2;justify-self:start}
}
@media(max-width:760px){
 .hero-copy .eyebrow,.sector-copy .eyebrow{font-size:12px}
 .hero-copy .eyebrow{max-width:30ch}
 .hero-image{margin-top:350px}
}