:root{--gold:#ffb400;--logo-gold:#cfa358;--black:#000;--charcoal:#181817;--white:#fff;--paper:#f6f2e9;--muted:#686762;--line:rgba(0,0,0,.18);--display:'DM Sans',sans-serif;--serif:'Instrument Serif',serif;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--charcoal);font-family:var(--display);line-height:1.5;overflow-x:hidden}img{display:block;max-width:100%;height:auto}figure{margin:0}a{color:inherit}.site-header{height:86px;display:grid;grid-template-columns:280px 1fr auto;align-items:center;gap:2rem;padding:0 max(3.5vw,1.25rem);background:var(--gold);position:absolute;inset:0 0 auto;z-index:20}.logo-link{height:86px;min-width:240px;display:flex;align-items:center;background:var(--white);padding:1rem 1.25rem;margin-left:-1.25rem}.logo-link img{width:215px}.site-header nav{display:flex;justify-content:center;gap:clamp(1rem,3vw,3rem)}.site-header nav a,.header-call{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.header-call{min-height:48px;display:flex;align-items:center;padding-inline:1.1rem;background:var(--black);color:var(--white)}.menu-toggle,.mobile-menu{display:none}.hero{padding-top:86px;min-height:100vh;display:grid;grid-template-columns:minmax(0,43fr) minmax(0,52fr) 72px;background:var(--charcoal);overflow:hidden}.hero-statement{min-width:0;padding:clamp(3rem,6vw,6rem) clamp(2rem,4.5vw,4.8rem);display:flex;flex-direction:column;justify-content:center;color:var(--white)}.kicker,.section-heading>p,.work-intro>p,.process>p,.contact p{margin:0;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:1.1rem 0 0;font:700 clamp(3.4rem,4.75vw,5.1rem)/.94 var(--display);letter-spacing:-.055em;text-transform:uppercase}.hero h1 span{display:block}.hero-copy{max-width:36rem;margin:1.6rem 0 0;color:rgba(255,255,255,.68);font-size:clamp(1rem,1.3vw,1.2rem)}.hero-actions{display:flex;align-items:center;gap:1.3rem;margin-top:2rem}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.15rem;text-decoration:none;font-weight:700}.button.gold{background:var(--gold);color:var(--black)}.button.dark{background:var(--black);color:var(--white)}.text-link{min-height:48px;display:flex;align-items:center;color:var(--white);font-weight:600;text-underline-offset:5px}.hero-image{position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image figcaption,.work figcaption{position:absolute;left:0;bottom:0;background:var(--white);padding:.7rem 1rem;color:var(--black);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-index{background:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.3rem 0;font-size:.7rem;font-weight:700}.hero-index span{writing-mode:vertical-rl}.hero-index b{width:1px;flex:1;margin-block:1rem;background:rgba(0,0,0,.45)}h2,h3{margin:0;font-weight:700;line-height:.98;letter-spacing:-.045em}h2{font-size:clamp(2.8rem,5.2vw,5.6rem)}h3{font-size:clamp(2rem,3.3vw,3.7rem)}.scope{padding:clamp(5rem,10vw,10rem) max(5%,calc((100% - 1240px)/2));background:var(--paper)}.section-heading{display:grid;grid-template-columns:.7fr 1.7fr;gap:4vw;align-items:start;margin-bottom:clamp(3rem,6vw,6rem)}.section-heading h2{max-width:18ch}.section-heading>p{color:#80600a;margin-top:.5rem}.scope-panel{display:grid;grid-template-columns:minmax(320px,.8fr) 1.4fr;background:var(--white);border-top:5px solid var(--gold)}.scope-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line)}.scope-tabs button{min-height:92px;padding:1rem 1.3rem;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:.5rem;border:0;border-bottom:1px solid var(--line);background:var(--white);text-align:left;font:700 .86rem/1.3 var(--display);text-transform:uppercase;cursor:pointer}.scope-tabs button span{font-family:var(--serif);font-size:1.4rem;font-weight:400;color:#80600a}.scope-tabs button[aria-selected=true]{background:var(--charcoal);color:var(--white)}.scope-tabs button[aria-selected=true] span{color:var(--gold)}.scope-tabs button:focus-visible{outline:3px solid var(--gold);outline-offset:-5px}.scope-note{min-height:450px;padding:clamp(2.3rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.scope-note>p{margin:0 0 auto;color:#80600a;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.scope-note h3{max-width:15ch;margin:2rem 0 1rem}.scope-note>span{max-width:58ch;color:var(--muted)}.scope-note i{position:absolute;left:0;bottom:0;width:100%;height:6px;background:var(--gold);transform:scaleX(.25);transform-origin:left;transition:transform .5s var(--ease)}.work{display:grid;grid-template-columns:1fr 1.15fr .7fr;grid-template-rows:auto 560px;background:var(--charcoal);color:var(--white)}.work-intro{grid-column:1/4;padding:clamp(4rem,7vw,7rem) max(5%,calc((100% - 1240px)/2));display:grid;grid-template-columns:.65fr 1.5fr 1fr;gap:4vw;align-items:start}.work-intro h2{font-size:clamp(2.8rem,4.6vw,5rem);max-width:15ch}.work-intro>span{color:rgba(255,255,255,.65);max-width:40ch}.work figure{position:relative;overflow:hidden}.work figure img{width:100%;height:100%;object-fit:cover}.work-bath img{object-position:center 40%}.process{padding:clamp(5rem,10vw,9rem) max(5%,calc((100% - 1240px)/2));background:var(--white)}.process>p{color:#80600a}.process>h2{max-width:19ch;margin:1rem 0 clamp(3rem,6vw,6rem)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.process-grid article{padding:2rem 2rem 2rem 0;border-right:1px solid var(--line)}.process-grid article+article{padding-left:2rem}.process-grid article:last-child{border:0}.process-grid span{font-family:var(--serif);font-size:2rem;color:#80600a}.process-grid h3{font-size:1.4rem;margin:.8rem 0}.process-grid p{color:var(--muted)}.contact{padding:clamp(5rem,9vw,8rem) max(5%,calc((100% - 1240px)/2));display:grid;grid-template-columns:1.4fr .8fr;gap:6vw;align-items:end;background:var(--gold);color:var(--black)}.contact p{color:var(--black)}.contact h2{max-width:15ch;margin-top:1rem}.contact aside{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}.contact aside>a:not(.button){min-height:44px;display:flex;align-items:center;font-weight:700}footer{padding:2rem max(5%,calc((100% - 1240px)/2));display:grid;grid-template-columns:220px 1fr auto;gap:2rem;align-items:center;background:var(--black);color:rgba(255,255,255,.65);font-size:.74rem}footer img{width:180px}.button,.header-call{transition:transform .25s var(--ease)}.button:hover,.header-call:hover{transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:1024px){.site-header{grid-template-columns:1fr auto auto}.site-header nav{display:none}.menu-toggle{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;background:var(--black)}.menu-toggle span{width:21px;height:2px;background:var(--gold)}.mobile-menu{position:fixed;inset:0;z-index:50;background:var(--charcoal);padding:6rem 7vw 3rem;flex-direction:column;justify-content:center}.mobile-menu:not([hidden]){display:flex}.mobile-menu>a{min-height:56px;display:flex;align-items:center;color:var(--white);font-size:clamp(1.8rem,7vw,4rem);font-weight:700;text-transform:uppercase;text-decoration:none}.menu-close{position:absolute;top:1.2rem;right:1.2rem;min-width:48px;min-height:48px;border:0;background:var(--gold);font-weight:700}.hero{grid-template-columns:minmax(0,47fr) minmax(0,48fr) 48px}.hero h1{font-size:clamp(3.1rem,5.8vw,4.2rem)}.work{grid-template-columns:1fr 1fr}.work-intro{grid-column:1/3}.work-deck{display:none}}@media(max-width:768px){.site-header{height:70px}.logo-link{height:70px;min-width:0;padding:.7rem;margin-left:-1.25rem}.logo-link img{width:180px}.header-call{display:none}.hero{padding-top:70px;min-height:100svh;grid-template-columns:1fr 36px;grid-template-rows:42% 58%}.hero-image{grid-column:1;grid-row:1}.hero-statement{grid-column:1;grid-row:2;padding:1.25rem 1.2rem 1rem}.hero-index{grid-column:2;grid-row:1/3}.kicker{margin-bottom:.2rem}.hero h1{font-size:clamp(2.45rem,10.7vw,3.2rem);line-height:.92}.hero-copy{font-size:.9rem;margin-top:.8rem}.hero-actions{margin-top:.9rem;gap:.75rem}.hero-actions .button{font-size:.86rem;padding-inline:.8rem}.text-link{max-width:125px;font-size:.84rem}.section-heading{display:block}.section-heading h2{margin-top:1rem}.scope-panel{grid-template-columns:1fr}.scope-tabs{flex-direction:row;overflow-x:auto;border:0}.scope-tabs button{min-width:190px;min-height:70px}.scope-note{min-height:330px}.work{display:block}.work-intro{display:block}.work-intro h2{margin:1rem 0}.work-intro>span{display:block}.work figure{height:430px}.work-bath{display:none}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article+article{padding:1.5rem 0;border-right:0;border-bottom:1px solid var(--line)}.contact{grid-template-columns:1fr}.contact aside{margin-top:2rem}footer{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.hero h1{font-size:clamp(2.25rem,9.7vw,2.8rem)}.scope,.process{padding-inline:1.2rem}.contact{padding-inline:1.2rem}.contact h2{font-size:clamp(2.7rem,11.5vw,3.5rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
