:root{--ink:#182019;--paper:#eeeae1;--cream:#f7f4ed;--moss:#465343;--clay:#a46d4f;--line:rgba(24,32,25,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",sans-serif;font-weight:300}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;width:100%}::selection{background:var(--moss);color:var(--cream)}
.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-150%);background:var(--cream);padding:12px 18px}.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:20;inset:0 0 auto;height:92px;padding:0 3.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}
.brand{display:inline-flex;width:max-content;align-items:center;gap:9px;font-size:12px;letter-spacing:.2em;font-weight:500}.brand i{width:18px;height:1px;background:currentColor;transform:rotate(-58deg);transform-origin:center}
.desktop-nav{display:flex;gap:36px;font-size:13px}.desktop-nav a,.menu-button{transition:opacity .25s}.desktop-nav a:hover,.menu-button:hover{opacity:.6}.menu-button{justify-self:end;border:0;background:transparent;color:inherit;display:flex;gap:12px;align-items:center;cursor:pointer;font-size:13px}.menu-mark{width:19px;height:10px;position:relative;border-top:1px solid;border-bottom:1px solid;transition:transform .3s}.menu-open .menu-mark{transform:rotate(90deg)}
.menu-panel{position:fixed;z-index:15;inset:0;background:var(--ink);color:var(--paper);transform:translateY(-102%);transition:transform .6s cubic-bezier(.77,0,.18,1);visibility:hidden}.menu-panel.open{transform:translateY(0);visibility:visible}.menu-inner{min-height:100%;padding:150px 8vw 50px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end}.menu-inner nav{display:flex;flex-direction:column}.menu-inner nav a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2);font-family:"Newsreader",serif;font-size:clamp(40px,6vw,86px)}.menu-inner nav a span{margin-left:26px}.menu-inner>p:last-child{align-self:end;line-height:1.6;font-size:13px}
.hero{position:relative;height:min(900px,100svh);min-height:690px;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;animation:hero-in 1.6s ease-out both}@keyframes hero-in{from{transform:scale(1.06);opacity:.5}to{transform:scale(1);opacity:1}}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,17,12,.55),rgba(10,17,12,.03) 65%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 45%)}.hero-copy{position:absolute;left:7vw;bottom:12vh}.eyebrow{margin:0 0 28px;font:300 10px/1.3 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.18em}h1,h2,h3,blockquote{font-family:"Newsreader",serif;font-weight:300;letter-spacing:-.035em}h1{margin:0 0 44px;font-size:clamp(60px,8vw,124px);line-height:.84}.text-link{display:inline-flex;align-items:center;gap:42px;border-bottom:1px solid currentColor;padding:0 0 10px;font-size:13px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(5px,5px)}.hero-index,.hero-note{position:absolute;bottom:4vh;margin:0;font:300 10px/1.6 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.15em}.hero-index{left:3.5vw}.hero-note{right:3.5vw;text-align:right}
.section-pad{padding:130px 7vw}.intro{display:grid;grid-template-columns:1fr 3fr;border-bottom:1px solid var(--line)}.intro h2,.section-heading h2,.material-copy h2,.enquire h2{font-size:clamp(50px,6.4vw,96px);line-height:.94;margin:0}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin:75px 0 0 25%;max-width:780px}.intro-copy p,.material-copy>p,.section-heading>p:last-child,.enquire-copy>p:last-child{font-size:18px;line-height:1.65;margin:0}
.principles{display:grid;grid-template-columns:repeat(3,1fr);padding:0 7vw}.principle{min-height:430px;padding:48px 38px 52px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.principle+.principle{padding-left:38px}.principle:last-child{border-right:0}.number,.model-head>span,.process li>span{font:300 10px/1 "DM Mono",monospace;letter-spacing:.15em}.principle h3{margin:auto 0 24px;font-size:clamp(38px,4vw,59px);line-height:.95}.principle p{max-width:320px;margin:0;line-height:1.6;font-size:14px}
.collection{background:var(--ink);color:var(--paper)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:4vw;align-items:end}.section-heading .eyebrow{align-self:start}.section-heading>p:last-child{font-size:15px}.model-list{margin-top:110px}.model{border-top:1px solid rgba(238,234,225,.32)}.model:last-child{border-bottom:1px solid rgba(238,234,225,.32)}.model-head{min-height:138px;display:grid;grid-template-columns:1fr 3fr 1fr auto;gap:2vw;align-items:center}.model-head h3{margin:0;font-size:clamp(54px,7vw,104px);line-height:1}.model-head p{font:300 11px/1 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em}.model-toggle{width:50px;height:50px;border-radius:50%;border:1px solid currentColor;background:none;color:inherit;font-size:26px;font-weight:200;cursor:pointer;transition:.25s}.model-toggle:hover{background:var(--paper);color:var(--ink)}.model.open .model-toggle{transform:rotate(45deg)}.model-details{display:grid;grid-template-columns:2fr 1fr;gap:6vw;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .35s ease,padding .5s ease}.model.open .model-details{max-height:300px;opacity:1;padding:0 0 46px calc(25% + 1vw)}.model-details>p{max-width:600px;margin:0;font:300 28px/1.3 "Newsreader",serif}.model-details dl{margin:0}.model-details dl div{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(238,234,225,.22);padding:10px 0;font-size:11px}.model-details dt{opacity:.6}.model-details dd{margin:0}
.landscape-image{position:relative;background:var(--ink);padding:0 3.5vw 3.5vw;color:#fff}.landscape-image img{height:76vw;max-height:900px;object-fit:cover}.landscape-image p{position:absolute;left:6vw;bottom:6vw;margin:0;padding:9px 12px;background:rgba(18,26,20,.65);backdrop-filter:blur(8px);font:300 10px/1 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em}
.material-story{display:grid;grid-template-columns:1.25fr 1fr;gap:9vw;align-items:center}.material-image img{height:760px;object-fit:cover}.material-copy{padding-right:5vw}.material-copy h2{margin-bottom:50px}.material-copy>p{font-size:16px;margin:0 0 24px}.material-copy .text-link{margin-top:30px}
.process{background:#d8d5c9}.process .section-heading{grid-template-columns:1fr 3fr}.process ol{list-style:none;margin:100px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.process li{min-height:260px;padding:28px 28px 20px 0;border-top:1px solid var(--ink);border-right:1px solid var(--line);display:flex;flex-direction:column}.process li+li{padding-left:28px}.process li:last-child{border-right:0}.process li h3{margin:auto 0 14px;font-size:42px}.process li p{margin:0;font-size:13px;line-height:1.55;max-width:220px}
.quote{min-height:650px;padding:120px 12vw;background:var(--moss);color:var(--cream);display:grid;place-content:center;text-align:center}.quote blockquote{max-width:1100px;margin:0 auto 45px;font-size:clamp(46px,6vw,88px);line-height:1.02}.quote p{margin:0;font:300 10px/1 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.16em}
.enquire{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:130px 7vw;background:var(--clay);color:var(--cream)}.enquire-copy>p:last-child{max-width:480px;margin-top:50px;font-size:16px}.enquiry-form{display:flex;flex-direction:column}.enquiry-form label{display:grid;grid-template-columns:180px 1fr;align-items:start;border-top:1px solid rgba(255,255,255,.5);padding:23px 0}.enquiry-form label span{font:300 10px/1.4 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em}.enquiry-form input,.enquiry-form textarea{width:100%;border:0;outline:none;background:transparent;color:inherit;padding:0;resize:vertical}.enquiry-form input::placeholder{color:rgba(255,255,255,.55)}.submit-button{margin-top:30px;align-self:flex-end;width:180px;height:180px;border-radius:50%;border:0;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:transform .3s,background .3s}.submit-button:hover{transform:scale(1.04);background:#293128}.form-status{min-height:1.5em;margin:18px 0 0;font-size:13px}
footer{background:var(--ink);color:var(--paper);padding:80px 3.5vw 35px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:4vw}.footer-brand{font-size:20px;align-self:start}footer p,footer a,footer span{font-size:12px;line-height:1.8}footer a:hover{text-decoration:underline}.copyright{grid-column:4;margin-top:70px;opacity:.55}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:76px;grid-template-columns:1fr auto}.desktop-nav{display:none}.menu-inner{grid-template-columns:1fr;padding-top:115px}.menu-inner>.eyebrow{display:none}.menu-inner>p:last-child{margin-top:50px}.hero{min-height:680px}.hero-copy{left:6vw;bottom:15vh}.hero-note{display:none}.section-pad{padding:90px 6vw}.intro,.section-heading,.process .section-heading,.material-story,.enquire{grid-template-columns:1fr}.intro>.eyebrow,.section-heading .eyebrow{margin-bottom:55px}.intro-copy{margin:55px 0 0}.principles{grid-template-columns:1fr;padding:0 6vw}.principle,.principle+.principle{min-height:300px;padding:35px 0;border-right:0;border-bottom:1px solid var(--line)}.principle:last-child{border-bottom:0}.principle h3{margin-top:80px}.section-heading>p:last-child{margin-top:35px;max-width:420px}.model-list{margin-top:75px}.model-head{grid-template-columns:40px 1fr auto;min-height:110px}.model-head p{display:none}.model.open .model-details{padding-left:40px}.material-image img{height:65vw;min-height:420px}.material-copy{padding:30px 0 0}.process ol{grid-template-columns:1fr 1fr}.process li:nth-child(2){border-right:0}.process li+li{padding-left:22px}.enquiry-form{margin-top:60px}footer{grid-template-columns:1.7fr 1fr 1fr}footer>div:nth-of-type(3){display:none}.copyright{grid-column:3}}
@media(max-width:560px){.hero{min-height:650px}.hero>img{object-position:63% center}h1{font-size:55px}.hero-copy{bottom:13vh}.intro h2,.section-heading h2,.material-copy h2,.enquire h2{font-size:48px}.intro-copy{grid-template-columns:1fr;gap:24px}.model-head h3{font-size:51px}.model-details{grid-template-columns:1fr}.model.open .model-details{padding:0 0 35px 40px;max-height:400px}.landscape-image{padding:0}.landscape-image img{height:125vw}.landscape-image p{left:5vw;bottom:5vw}.material-story{padding-left:0;padding-right:0}.material-copy{padding:35px 6vw 0}.material-image img{height:110vw}.process ol{grid-template-columns:1fr}.process li,.process li+li{min-height:200px;padding:25px 0;border-right:0}.process li h3{margin-top:55px}.quote{min-height:560px;padding:90px 6vw}.enquiry-form label{grid-template-columns:1fr;gap:16px}.submit-button{width:150px;height:150px}footer{grid-template-columns:1fr 1fr;gap:45px 25px}.footer-brand{grid-column:1/-1}footer>div:nth-of-type(3){display:block}.copyright{grid-column:1/-1;margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}