/* Lintel — local identity and website study, 0.4. 16 October 2026. */
:root{--paper:#F1F1EB;--birch:#DDDFD5;--ink:#1C2923;--forest:#263D32;--oak:#9A8466;--moss:#6F7A70;--line:#CDD1C7;--pad:clamp(24px,5vw,88px)}
body{font-size:15px;line-height:1.75}h1,h2,h3{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(44px,5.2vw,76px)}h2{font-size:clamp(34px,3.6vw,54px)}h3{font-size:25px}
.site-header{height:98px;border-bottom-color:var(--line)}.brand{width:176px}.site-header nav{gap:30px;font-weight:400;font-size:12px}.nav-contact{margin-left:30px}.home .site-header{border:0}.home .site-header nav a{opacity:.9}.home .site-header nav a:hover{opacity:1}.nav-contact span{font-size:19px}
.eyebrow,.section-label{font-family:Inter,sans-serif;letter-spacing:.13em;font-size:10px;line-height:1.5;font-weight:500}.eyebrow.light{color:#e1e4d9}.section{padding-block:120px}.section-label{padding-top:4px}
.hero{height:100svh;min-height:680px;max-height:1120px;background:#26312b}.hero-body{padding:0;position:absolute;left:var(--pad);top:33%;max-width:520px}.hero h1{font:400 clamp(45px,4.1vw,66px)/1.09 Inter,sans-serif;letter-spacing:-.048em;margin:27px 0 38px}.hero .hero-shade{background:linear-gradient(90deg,rgba(8,20,15,.45),rgba(8,20,15,.02) 75%),linear-gradient(180deg,rgba(10,24,19,.24),transparent 25%,transparent 68%,rgba(10,24,19,.65))}.hero .hero-image,.hero .film{object-position:56% center}.hero .light-button{padding:12px 0;background:transparent;color:var(--paper);border:0;border-bottom:1px solid #f1f1eb6b;min-height:44px;min-width:222px;font-weight:400;font-size:12px}.hero .light-button:hover{border-color:var(--paper)}.hero .light-button span{font-size:16px}
.hero-foot{display:grid;grid-template-columns:1fr auto auto;align-items:end;padding:28px 0 30px;gap:45px;font:400 12px/1.6 Inter,sans-serif;border-color:#f1f1eb55}.hero-foot .hero-description{max-width:350px;color:#e1e4de;font-size:13px}.hero-foot .hero-description strong{display:block;font-weight:400;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;color:#fff}.hero-foot .hero-credit{font-size:10px;opacity:.72}.film-toggle{font:11px Inter,sans-serif;border:0;border-bottom:1px solid #ffffff66;padding:10px 0;min-width:80px;min-height:38px;text-align:right}.film-toggle:hover{background:transparent;border-color:#fff}
.intro{background:var(--ink);color:var(--paper);grid-template-columns:24% 1fr;min-height:620px;align-content:center;padding-block:136px}.intro .section-label{color:#aab8a9}.intro h2{font-size:clamp(37px,3.6vw,54px);max-width:640px;line-height:1.18}.intro-copy{gap:48px;max-width:830px;color:#bec6bb;margin:40px 0 36px;font-size:14px;line-height:1.9}.intro .text-link{color:#e1e4d9}.text-link{font-weight:400;font-size:12px;min-height:44px}.button{border-radius:0;font-size:12px;font-weight:400}.button:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.platform-section{padding-block:120px 135px;border-top:0}.section-heading{margin:35px 0 64px}.section-heading p{font-size:13px;line-height:1.8}.layer-row{grid-template-columns:14% 1fr 1fr 30px;padding:34px 0;gap:25px}.layer-row h3{font-size:29px;letter-spacing:-.04em}.layer-row p{font-size:13px;max-width:300px}.layer-row:hover{padding-left:0;background:#e8eae2}.layer-no{color:#627164;font-size:10px}.arrow{font-size:22px}
.approach{grid-template-columns:24% 1fr;background:#e5e8df;border-top:1px solid var(--line);gap:30px}.approach h2{font-size:clamp(34px,3.6vw,52px)}.steps{margin-top:44px}.steps summary{font:400 20px/1.4 Inter,sans-serif;letter-spacing:-.025em;padding:26px 0;gap:26px}.steps details p{font-size:14px;line-height:1.85;max-width:630px;margin-left:45px}.steps summary span{font-size:10px}.status-note{font-size:11px;max-width:580px;margin-top:32px}
.home-information{display:grid;grid-template-columns:1fr 1fr;padding:0 var(--pad);gap:72px}.home-information .structure-section{padding:90px 0 95px;border:0;background:transparent;display:block}.home-information h2{font-size:32px;line-height:1.15;margin:24px 0}.home-information p:not(.eyebrow){font-size:13px;max-width:360px;line-height:1.8;min-height:50px}.home-information .text-link{margin-top:24px}.home-materials{padding-block:60px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-materials h2{font-size:29px;line-height:1.2;margin-top:18px}.home-materials .text-link{font-size:12px}
.cta{background:var(--forest);color:var(--paper);border:0;padding-block:100px 110px}.cta .eyebrow{color:#bdc8b9}.cta-title{font:400 clamp(40px,4.5vw,66px)/1.12 Inter,sans-serif;letter-spacing:-.05em;max-width:1150px;margin:34px 0 28px}.cta-title span{font-size:50px;font-weight:400}.cta p{color:#bec7b9;font-size:12px}.site-footer{background:#17251f;padding-top:65px}.site-footer .brand{color:#eef0e7}.footer-top p{font-size:15px;font-weight:400;line-height:1.7}.footer-top>div{font-size:12px;gap:16px}.footer-bottom{font-size:10px}.footer-bottom nav{gap:22px}
.page-hero{padding-top:90px;padding-bottom:90px}.page-hero h1{margin:28px 0 32px}.lead{font-size:17px;line-height:1.8;max-width:650px}.page-hero .button{margin-top:30px}.company-split{background:#e6e8df;gap:80px}.company-split img{object-fit:contain}.scope-panel h2{font-size:44px}.scope-tabs button{font-family:Inter;font-size:12px}.statement{background:var(--forest)}.principle h3{font-size:23px}.company-download h2{font-size:40px}
/* Spatial model: opaque massing, quiet chrome, a readable horizontal chapter rail. */
.world{height:360vh;background:#e9eae3}.world .stage-grid,.world .stage-vignette{display:none}.world .stage-top{top:35px;left:var(--pad);right:var(--pad);font:10px Inter,sans-serif;letter-spacing:.08em}.world .stage-top .principle span{font:10px Inter,sans-serif;letter-spacing:.08em}.world .stage-copy,.world.is-overview .stage-copy{left:var(--pad);bottom:126px;width:min(33vw,440px)}.world .stage-copy h2,.world.is-overview .stage-copy h2{font:400 clamp(30px,3vw,44px)/1.13 Inter,sans-serif;letter-spacing:-.045em;max-width:13ch}.world .stage-copy p,.world.is-overview .stage-copy p{font-size:12px;line-height:1.85;max-width:36ch;margin-top:22px}.world .eyebrow{font:500 9px/1.5 Inter,sans-serif;letter-spacing:.11em;color:#637165;margin-bottom:20px}.world .stage-facts{right:var(--pad);bottom:136px;width:205px;border-left:1px solid #abb4a7;padding-left:20px;gap:9px}.world .stage-facts strong{font:400 16px/1.2 Inter,sans-serif;letter-spacing:-.025em}.world .fact-label,.world .fact-detail{font:9px/1.5 Inter,sans-serif;letter-spacing:.07em}.world .stage-nav{top:auto;left:var(--pad);right:var(--pad);bottom:32px;transform:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #aab4a360}.world .stage-nav button{width:auto;height:57px;text-align:left;padding:24px 0 0;font:11px Inter,sans-serif;color:#4e5f51}.world .stage-nav button:before{content:'0' attr(data-label);font:9px Plex,monospace;margin-right:12px;color:#74816f}.world .stage-nav button:after{top:-1px;right:auto;left:0;width:100%;height:1px;background:transparent}.world .stage-nav button[aria-current]:after{width:100%;height:2px;background:var(--forest)}.world .stage-nav button span{position:static;opacity:1;transform:none;font:11px Inter,sans-serif;letter-spacing:0;text-transform:none}.world .stage-nav button[aria-current]{color:var(--forest)}.world .scroll-cue{display:none}.world .w-label{background:#f1f1ebcc;backdrop-filter:blur(5px);font:9px/1.4 Inter,sans-serif;letter-spacing:.035em;border:0;border-left:1px solid #71816b;padding:5px 9px;color:#405345}.world:not(.show-model-labels) .w-label{opacity:0!important}.model-detail-toggle{position:absolute;z-index:8;top:72px;right:var(--pad);font:10px/1.3 Inter,sans-serif;border:0;border-bottom:1px solid #80917c;background:none;padding:9px 0;color:#4e5f51;min-height:36px}.model-caption{font:10px/1.6 Inter,sans-serif;padding:17px var(--pad);background:#e9eae3;margin:0;color:#627061;border-top:0}
/* Identity is genuine editable vector artwork, not an image substituted for type. */
.logo-stage{margin-top:45px}.logo-stage>div{min-height:280px;background:#e9ebe3}.logo-stage .dark{background:var(--forest)}.logo-stage svg{max-width:400px}.brand-intro{gap:70px}.brand-intro h2{font-size:42px}.brand-intro p,.rule-grid p{font-size:13px}.rule-grid h3{font-size:22px}.type-sample>div{font:400 clamp(38px,5vw,70px)/1.1 Inter,sans-serif}.type-pair p{font-family:Inter;font-weight:400}.type-sample span,.type-sample small,.type-pair span,.type-pair small{font-family:Inter}.color-section{background:#e5e8df}.wording .two-columns h3{font-size:22px}.wording .two-columns{margin-top:50px}.identity-review-link{display:inline-block;margin-top:24px;font-size:12px;border-bottom:1px solid var(--forest);padding:8px 0}
@media(min-width:1500px){.hero-body{top:34%}.hero h1{font-size:68px}.hero-foot{padding-bottom:36px}}
@media(max-width:1000px){.site-header nav{gap:21px}.nav-contact{margin-left:8px}.brand{width:155px}.intro{grid-template-columns:20% 1fr}.hero-foot{gap:30px}.world .stage-facts{display:none}.world .stage-copy,.world.is-overview .stage-copy{width:38vw}.home-information{gap:45px}}
@media(max-width:820px){.site-header{height:84px}.brand{width:151px}.menu-toggle{font-family:Inter;font-size:12px}.site-header nav.open{background:var(--paper);color:var(--forest)}.hero{height:100svh;min-height:650px;max-height:1000px}.hero-body{top:29%;right:24px;left:24px}.hero h1{font-size:clamp(43px,7.5vw,60px);line-height:1.1;margin:24px 0 32px;max-width:11ch}.hero .hero-shade{background:linear-gradient(90deg,#09180f65,transparent),linear-gradient(0deg,#09180fcc,transparent 50%,#09180f44)}.hero .hero-image,.hero .film{object-position:50% center}.hero .light-button{min-width:205px;font-size:11px}.hero-foot{grid-template-columns:1fr auto;gap:15px;padding:24px 0 25px;align-items:end}.hero-foot .hero-description{font-size:11px;max-width:225px}.hero-foot .hero-description strong{font-size:9px;letter-spacing:.1em;margin-bottom:8px}.hero-foot .hero-credit{display:none}.film-toggle{font-size:10px;min-width:70px}.section{padding-block:76px}.intro{grid-template-columns:1fr;gap:35px;min-height:auto;padding-block:85px}.intro h2{font-size:35px;line-height:1.18}.intro-copy{grid-template-columns:1fr;gap:24px;margin:30px 0 25px;font-size:14px;max-width:600px}.intro-copy p{max-width:54ch}.section-heading{display:block;margin:30px 0 40px}.section-heading h2{font-size:36px}.section-heading p{margin-top:25px}.layer-row{grid-template-columns:30px 1fr 20px;gap:15px;padding:27px 0}.layer-row h3{font-size:26px}.layer-row p{grid-column:2;grid-row:2;font-size:12px}.layer-row .arrow{grid-column:3;grid-row:1}.approach{grid-template-columns:1fr;gap:30px}.approach h2{font-size:35px}.steps summary{font-size:18px;gap:18px;padding:23px 0}.steps details p{margin-left:36px;margin-right:10px;font-size:13px}.home-information{display:block}.home-information .structure-section{padding:62px 0;border-bottom:1px solid var(--line)}.home-information .structure-section:last-child{border:0}.home-information h2{font-size:32px}.home-materials{gap:30px;align-items:start}.cta-title{font-size:42px}.cta-title span{font-size:34px}.cta p{max-width:270px}.footer-top{grid-template-columns:1fr 1fr;gap:36px}.footer-top>div{grid-column:1/-1;font-size:12px}.footer-top p{font-size:12px}.footer-bottom{gap:20px;flex-wrap:wrap}.page-hero h1{font-size:43px}.lead{font-size:15px}.brand-intro h2{font-size:33px}.company-split{gap:45px}.logo-stage>div{min-height:210px}.world{height:360vh}.world .stage-top{top:24px}.world .stage-top .principle span{font-size:8px;letter-spacing:.06em}.world .stage-copy,.world.is-overview .stage-copy{left:24px;bottom:110px;width:calc(100% - 48px)}.world .stage-copy h2,.world.is-overview .stage-copy h2{font-size:32px;max-width:14ch;line-height:1.1}.world .stage-copy p,.world.is-overview .stage-copy p{font-size:12px;max-width:40ch;line-height:1.65;margin-top:18px}.world .eyebrow{font-size:8px;margin-bottom:13px}.world .stage-nav{bottom:24px;left:24px;right:24px;gap:12px}.world .stage-nav button{height:54px;font-size:9px;padding-top:15px;display:flex;flex-direction:column;gap:8px}.world .stage-nav button:before{font-size:8px;margin:0}.world .stage-nav button span{display:inline;font-size:9px}.model-detail-toggle{top:56px;right:24px;font-size:9px}.model-caption{font-size:9px;line-height:1.8}.world .stage-copy{pointer-events:none}.type-sample>div{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world .stage-copy.is-changing>*{animation:none}.hero .film{transition:none}}