:root{--black:#111313;--charcoal:#1d2020;--stone:#dedbd3;--ivory:#f4f1ea;--copper:#a9653f;--green:#42524a;--accent:#b56d43;--selection:#a9653f;--selection-text:#fff}
body{background:var(--black);color:var(--ivory);font-family:Archivo,Arial,sans-serif}.concept-site{overflow:hidden;background:var(--black)}.roof-header{position:absolute;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:23px clamp(18px,4vw,66px);border-bottom:1px solid rgba(255,255,255,.18)}.roof-brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.roof-mark{position:relative;width:38px;height:25px;border-top:2px solid var(--copper);transform:skewY(-16deg)}.roof-mark::after{content:"";position:absolute;left:0;right:9px;top:7px;border-top:1px solid rgba(255,255,255,.65)}.roof-brand b{display:block;font-size:14px;letter-spacing:.17em}.roof-brand small{display:block;margin-top:4px;color:rgba(255,255,255,.5);font-size:7px;letter-spacing:.14em;text-transform:uppercase}.roof-nav{display:flex;gap:clamp(16px,2.4vw,34px)}.roof-nav a{color:#fff;font-size:9px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.roof-actions{justify-self:end;display:flex;align-items:center;gap:14px}.roof-lang{color:#fff;font-size:9px;font-weight:800;text-decoration:none}.roof-button{min-height:45px;padding:0 21px;border:1px solid var(--copper);background:var(--copper);color:#fff;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:.25s}.roof-button:hover{background:transparent;transform:translateY(-2px)}.roof-menu{display:none}.roof-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:130px clamp(22px,6vw,100px) 85px;isolation:isolate}.roof-hero>img,.roof-hero-shade{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.roof-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(12,14,14,.8),transparent 58%),linear-gradient(0deg,rgba(10,12,12,.8),transparent 52%)}.roof-hero-copy{display:grid;grid-template-columns:1.45fr .55fr;gap:60px;align-items:end;width:100%}.roof-kicker,.roof-label{margin:0 0 18px;color:#d4936c;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.roof-hero h1,.roof-intro h2,.craft-copy h2,.materials-heading h2,.projects-heading h2,.process-heading h2,.roof-cta h2{margin:0;font:400 clamp(66px,9vw,140px)/.78 Instrument Serif,serif;letter-spacing:-.055em}.roof-hero h1 em,.roof-intro h2 em,.craft-copy h2 em,.materials-heading h2 em,.projects-heading h2 em,.process-heading h2 em,.roof-cta h2 em{font-weight:400;color:var(--copper)}.roof-hero-aside{padding:26px;border-left:1px solid rgba(255,255,255,.3)}.roof-hero-aside p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.75}.roof-hero-aside .roof-button{margin-top:24px}.roof-scroll{position:absolute;right:clamp(18px,4vw,66px);bottom:34px;color:rgba(255,255,255,.6);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}.roof-services-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--copper);color:#fff}.roof-services-strip div{padding:24px clamp(14px,2vw,30px);border-right:1px solid rgba(255,255,255,.27)}.roof-services-strip b{display:block;font:400 25px Instrument Serif,serif}.roof-services-strip span{font-size:8px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;opacity:.72}
.roof-intro{display:grid;grid-template-columns:.4fr 1.6fr;gap:clamp(30px,7vw,110px);padding:clamp(100px,13vw,190px) clamp(22px,7vw,120px);background:var(--ivory);color:var(--black)}.roof-index{font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.roof-intro h2{font-size:clamp(58px,7.8vw,118px)}.roof-intro-copy>p{max-width:700px;margin:34px 0 0;color:#646765;font-size:15px;line-height:1.85}.roof-commitments{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}.roof-commitments article{padding-top:22px;border-top:1px solid #bcbab4}.roof-commitments span{font-size:8px;font-weight:800;letter-spacing:.14em}.roof-commitments h3{margin:48px 0 12px;font:400 31px Instrument Serif,serif}.roof-commitments p{margin:0;color:#6e706e;font-size:11px;line-height:1.7}
.craft-section{display:grid;grid-template-columns:1.08fr .92fr;min-height:820px;background:var(--charcoal)}.craft-media{min-height:620px;overflow:hidden}.craft-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.craft-media:hover img{transform:scale(1.025)}.craft-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,8vw,120px)}.craft-copy h2{font-size:clamp(58px,7vw,104px)}.craft-copy>p{color:rgba(255,255,255,.58);font-size:14px;line-height:1.85}.craft-details{margin-top:40px;border-top:1px solid rgba(255,255,255,.2)}.craft-details div{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.2)}.craft-details b{color:var(--copper);font-size:9px}.craft-details span{font-size:11px}
.materials-section{padding:clamp(100px,12vw,180px) clamp(22px,7vw,120px);background:var(--stone);color:var(--black)}.materials-heading{display:grid;grid-template-columns:.4fr 1.6fr}.materials-heading h2{font-size:clamp(58px,7.5vw,110px)}.materials-layout{display:grid;grid-template-columns:.42fr 1.58fr;gap:60px;margin-top:75px}.material-tabs{display:flex;flex-direction:column;border-top:1px solid #a7a59f}.material-tabs button{display:flex;justify-content:space-between;padding:22px 0;border:0;border-bottom:1px solid #a7a59f;background:none;color:#777977;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.material-tabs button::after{content:"→"}.material-tabs button.is-active{color:var(--black)}.material-panel{display:none}.material-panel.is-active{display:grid;grid-template-columns:1fr .7fr;gap:45px;min-height:430px;padding:clamp(36px,5vw,70px);background:var(--ivory);animation:roofIn .45s ease}@keyframes roofIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.material-panel small{font-size:8px;font-weight:800;letter-spacing:.15em;color:var(--copper);text-transform:uppercase}.material-panel h3{margin:24px 0;font:400 clamp(47px,5vw,76px)/.9 Instrument Serif,serif}.material-panel p{color:#666966;font-size:13px;line-height:1.75}.material-panel ul{align-self:end;margin:0;padding:0;list-style:none;border-top:1px solid #c8c5bd}.material-panel li{padding:14px 0;border-bottom:1px solid #c8c5bd;font-size:10px;font-weight:700}
.projects-section{padding:clamp(100px,12vw,180px) clamp(22px,5vw,82px);background:var(--green)}.projects-heading{display:grid;grid-template-columns:1fr .55fr;gap:50px;align-items:end}.projects-heading h2{font-size:clamp(64px,8.5vw,132px)}.projects-heading p{color:rgba(255,255,255,.62);font-size:13px;line-height:1.8}.project-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px;margin-top:70px}.project-card{min-height:460px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(160deg,rgba(255,255,255,.06),transparent);transition:.35s}.project-card:first-child{background:var(--copper)}.project-card:hover{transform:translateY(-8px)}.project-card span{font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.project-card h3{margin:0 0 12px;font:400 39px/.95 Instrument Serif,serif}.project-card p{margin:0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.7}.project-card:first-child p{color:rgba(255,255,255,.75)}
.process-section{padding:clamp(100px,12vw,180px) clamp(22px,7vw,120px);background:var(--ivory);color:var(--black)}.process-heading{display:grid;grid-template-columns:.4fr 1.6fr}.process-heading h2{font-size:clamp(58px,7.5vw,110px)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-left:1px solid #bdbab3}.process-grid article{min-height:330px;padding:28px;border:1px solid #bdbab3;border-left:0}.process-grid span{font-size:9px;font-weight:800;color:var(--copper)}.process-grid h3{margin:80px 0 14px;font:400 32px Instrument Serif,serif}.process-grid p{color:#676a68;font-size:11px;line-height:1.7}.roof-cta{min-height:720px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:clamp(90px,12vw,170px) clamp(22px,7vw,120px);background:var(--black);background-image:linear-gradient(120deg,transparent 52%,rgba(169,101,63,.12) 52%)}.roof-cta h2{font-size:clamp(64px,8vw,122px)}.roof-cta p{color:rgba(255,255,255,.58);font-size:13px;line-height:1.8}.roof-cta-card{padding:36px;border:1px solid rgba(255,255,255,.2)}.roof-cta-card span{font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}.roof-cta-card p{font:400 26px/1.2 Instrument Serif,serif;color:#fff}.roof-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end;padding:44px clamp(22px,4vw,66px);background:#090a0a;border-top:1px solid rgba(255,255,255,.13)}.roof-footer p{margin:0;color:rgba(255,255,255,.38);font-size:9px;line-height:1.6}.roof-footer>div{justify-self:end;display:flex;gap:20px;font-size:9px}
@media(max-width:940px){.roof-header{grid-template-columns:1fr auto auto}.roof-menu{display:grid;gap:5px;place-content:center;width:40px;height:40px;border:0;background:none}.roof-menu i{display:block;width:18px;height:1px;background:#fff}.roof-nav{position:absolute;top:100%;left:14px;right:14px;display:none;flex-direction:column;padding:22px;background:rgba(15,17,17,.97)}.roof-nav.is-open{display:flex}.roof-nav a{padding:10px}.roof-hero-copy{grid-template-columns:1fr}.roof-hero-aside{max-width:500px}.craft-section{grid-template-columns:1fr}.craft-media{min-height:520px}.project-grid{grid-template-columns:1fr 1fr}.project-card:first-child{grid-column:1/-1}.process-grid{grid-template-columns:1fr 1fr}.roof-cta{grid-template-columns:1fr}.roof-footer{grid-template-columns:1fr 1fr}.roof-footer p{grid-column:1/-1;order:3}}
@media(max-width:680px){.roof-header{padding:16px}.roof-brand small,.roof-lang{display:none}.roof-button{padding:0 13px}.roof-hero{padding:115px 18px 65px}.roof-hero h1{font-size:clamp(68px,22vw,105px)}.roof-hero-aside{padding:18px 0;border-left:0;border-top:1px solid rgba(255,255,255,.3)}.roof-scroll{display:none}.roof-services-strip{grid-template-columns:1fr 1fr}.roof-intro,.materials-heading,.materials-layout,.process-heading{grid-template-columns:1fr}.roof-commitments{grid-template-columns:1fr}.craft-copy{padding:65px 22px}.material-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.material-tabs button{justify-content:center}.material-tabs button::after{display:none}.material-panel.is-active{grid-template-columns:1fr}.projects-heading{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card:first-child{grid-column:auto}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:250px}.process-grid h3{margin-top:50px}.roof-footer{grid-template-columns:1fr}.roof-footer>div{justify-self:start}}