:root{--kiln:#11100e;--chalk:#f5f1e9;--limestone:#e6e0d5;--brass:#c99a4c;--green:#465448;--pad:clamp(22px,5.2vw,84px);--serif:"Bodoni Moda",serif;--sans:"Outfit",sans-serif;--ease:cubic-bezier(.22,.75,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--brass) var(--kiln);overflow-x:clip}body{margin:0;background:var(--kiln);color:var(--chalk);font-family:var(--sans);font-size:16px;font-weight:300;overflow-x:clip}::selection{background:var(--brass);color:var(--kiln)}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;left:20px;top:10px;z-index:100;transform:translateY(-150%);background:var(--chalk);color:var(--kiln);padding:12px 18px;text-decoration:none}.skip-link:focus{transform:none}.progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:80}.progress span{display:block;width:100%;height:100%;background:var(--brass);transform:scaleX(0);transform-origin:left}a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:5px}
.nav-shell{position:fixed;z-index:60;top:20px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 40px));height:78px;padding:8px 9px 8px 10px;display:flex;align-items:center;justify-content:space-between;background:rgba(17,16,14,.9);border:1px solid rgba(201,154,76,.35);border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.2);backdrop-filter:blur(16px)}.identity{display:flex;align-items:center;gap:13px;text-decoration:none}.identity img{width:56px;height:56px;border-radius:50%;object-fit:cover}.identity>span{font-family:var(--serif);font-size:24px;line-height:1}.identity small{display:block;font:400 11px var(--sans);letter-spacing:.08em;color:#c5bfb5;margin-top:5px}.nav-shell nav{display:flex;align-items:center;gap:clamp(20px,2.5vw,40px)}.nav-shell nav>a{text-decoration:none;font-size:14px;position:relative}.nav-shell nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--brass);transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease)}.nav-shell nav>a:hover:after{transform:scaleX(1);transform-origin:left}.nav-cta,.button{display:inline-flex;align-items:center;gap:20px;padding:9px 10px 9px 22px;border:1px solid rgba(201,154,76,.65);border-radius:999px;text-decoration:none;transition:transform .55s var(--ease),background .55s var(--ease),color .55s var(--ease)}.nav-cta i,.button i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--brass);color:var(--kiln);transition:transform .55s var(--ease)}.nav-cta:hover,.button:hover{background:var(--brass);color:var(--kiln);transform:translateY(-2px)}.nav-cta:hover i,.button:hover i{transform:translate(2px,-2px) rotate(4deg)}.nav-toggle{display:none}
.hero{position:relative;min-height:100svh;height:980px;overflow:hidden;background:var(--kiln)}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(12,11,9,.94) 0%,rgba(12,11,9,.68) 38%,rgba(12,11,9,.14) 72%),linear-gradient(0deg,rgba(12,11,9,.72),transparent 38%)}.cutline{position:absolute;top:0;bottom:0;width:1px;background:rgba(230,224,213,.2)}.cutline-a{left:11%}.cutline-b{left:62%}.hero-content{position:absolute;left:var(--pad);right:var(--pad);bottom:140px}.hero h1{font-family:var(--serif);font-size:clamp(64px,7.2vw,108px);font-weight:400;letter-spacing:-.035em;line-height:.92;margin:0;max-width:1250px;text-wrap:balance}.hero h1 span{display:block;overflow:hidden}.hero h1 em{font-weight:400;color:var(--brass)}.hero-support{display:flex;align-items:center;gap:50px;margin-top:44px}.hero-support p{font-size:clamp(17px,1.35vw,21px);line-height:1.55;max-width:600px;margin:0;color:#e4ded3}.button{font-size:15px;white-space:nowrap}.hero-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:30px;display:flex;justify-content:space-between;font-size:13px;color:#cfc8bc}.hero-foot p{margin:0}
.atelier{background:var(--limestone);color:var(--kiln);padding:clamp(120px,15vw,230px) var(--pad);position:relative;overflow:hidden}.atelier:before{content:"";position:absolute;left:11%;top:0;bottom:0;width:1px;background:rgba(17,16,14,.14)}.atelier-title h2,.work-heading h2{font:400 clamp(52px,6.4vw,96px)/.98 var(--serif);letter-spacing:-.035em;margin:0;max-width:1250px;text-wrap:balance}.atelier-title em,.work-heading em{color:var(--green)}.atelier-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto;gap:60px;margin-top:clamp(80px,10vw,150px);align-items:start;max-width:100%}.atelier-grid>*{min-width:0}.atelier-lead{font:400 clamp(24px,2.25vw,36px)/1.35 var(--serif);margin:0;max-width:460px;overflow-wrap:break-word}.material-window{height:440px;overflow:hidden}.material-window img{width:100%;height:100%;object-fit:cover}.atelier-copy{font-size:18px;line-height:1.75;margin:0;max-width:430px;overflow-wrap:break-word}.atelier-signature{grid-column:2/4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font:400 clamp(76px,10vw,170px)/.8 var(--serif);color:rgba(17,16,14,.13);letter-spacing:-.06em}.atelier-signature span{border-top:1px solid rgba(17,16,14,.18);padding-top:25px}
.method{padding:clamp(120px,14vw,210px) var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(70px,10vw,170px);background:var(--green)}.method-intro{position:sticky;top:140px;align-self:start}.method-intro h2{font:400 clamp(44px,4.5vw,68px)/1.02 var(--serif);letter-spacing:-.03em;margin:0}.method-intro>p{font-size:18px;line-height:1.6;max-width:350px;color:#d6d4c8;margin:38px 0 0}.method-steps article{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:54px 0;border-top:1px solid rgba(245,241,233,.28)}.method-steps article:last-child{border-bottom:1px solid rgba(245,241,233,.28)}.method-steps article>span{font-size:16px;color:#d2b983;padding-top:10px}.method-steps h3{font:400 clamp(48px,5vw,76px)/1 var(--serif);margin:0 0 18px}.method-steps p{font-size:18px;line-height:1.65;color:#e1ded5;max-width:580px;margin:0}
.work{background:var(--chalk);color:var(--kiln);padding:clamp(125px,15vw,230px) var(--pad)}.work-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.work-heading p{font-size:19px;line-height:1.7;max-width:520px;margin:0}.category-nav{display:flex;gap:14px;overflow:auto;margin:90px 0 150px;padding:0 0 18px;border-bottom:1px solid rgba(17,16,14,.2);scrollbar-width:none}.category-nav a{flex:none;text-decoration:none;font-size:15px;padding:12px 18px;border-radius:999px;background:#ded8cc;transition:background .4s var(--ease),color .4s var(--ease)}.category-nav a:hover{background:var(--kiln);color:var(--chalk)}.case{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(55px,8vw,130px);align-items:start;margin-bottom:clamp(150px,18vw,280px);scroll-margin-top:130px}.case-copy{position:sticky;top:135px}.case-type{font-size:17px;font-weight:500;color:var(--green);margin:0 0 34px}.case h3{font:400 clamp(44px,4.8vw,72px)/1.02 var(--serif);letter-spacing:-.03em;margin:0 0 35px}.case-copy>p:not(.case-type){font-size:18px;line-height:1.72;max-width:510px}.case-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:44px}.case-meta span{font-size:14px;padding:10px 14px;border:1px solid rgba(17,16,14,.22);border-radius:999px}.case-gallery{min-width:0}.case-gallery figure{margin:0;overflow:hidden;background:#d4cec3}.case-gallery img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.case-gallery figure:hover img{transform:scale(1.025)}.triptych{display:grid;grid-template-columns:1fr 1fr;gap:18px}.triptych .main-shot{grid-column:1/3;height:clamp(420px,43vw,720px)}.triptych figure:not(.main-shot){height:clamp(300px,28vw,470px)}.single figure{height:min(740px,62vw)}.single.portrait{display:flex;justify-content:flex-end}.single.portrait figure{width:min(100%,650px);height:min(980px,85vw)}.single.landscape figure{height:min(690px,48vw)}.case-bath .single img{object-position:center}.case-vanity{margin-bottom:20px}
.contact{position:relative;background:var(--kiln);padding:clamp(130px,15vw,230px) var(--pad);overflow:hidden;min-height:720px;display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.contact-word{position:absolute;left:-1vw;top:25px;white-space:nowrap;font:400 clamp(100px,16vw,260px)/1 var(--serif);color:rgba(245,241,233,.055);letter-spacing:-.055em}.contact-content{position:relative}.contact-content h2{font:400 clamp(60px,7vw,104px)/.96 var(--serif);letter-spacing:-.035em;margin:0}.contact-content p{font-size:20px;line-height:1.65;max-width:590px;color:#cfc8bc;margin:40px 0}.button.light{border-color:rgba(245,241,233,.35)}.contact-list{position:relative;display:flex;flex-direction:column;gap:20px;font-size:16px;line-height:1.65}.contact-list a{text-decoration:none;border-bottom:1px solid rgba(245,241,233,.25);padding-bottom:13px}.contact-list p{color:#aaa39a}footer{background:var(--kiln);border-top:1px solid rgba(245,241,233,.15);padding:34px var(--pad);display:flex;align-items:end;justify-content:space-between;color:#9d968d;font-size:13px}.footer-brand{font:400 clamp(48px,6vw,90px)/.75 var(--serif);color:var(--brass);text-decoration:none}footer p{margin:0}
@media(max-width:900px){.nav-shell{top:12px;height:68px;width:calc(100% - 24px);border-radius:15px}.identity img{width:48px;height:48px}.identity>span{font-size:20px}.identity small{font-size:9px}.nav-toggle{display:flex;position:relative;align-items:center;justify-content:center;width:52px;height:52px;border:0;border-radius:12px;background:var(--chalk);color:var(--kiln)}.nav-toggle b{position:absolute;font:500 9px var(--sans);bottom:4px}.nav-toggle span{position:absolute;width:21px;height:1px;background:var(--kiln);top:18px;transition:transform .5s var(--ease),top .5s var(--ease)}.nav-toggle span:nth-child(2){top:24px}.nav-toggle[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){top:21px;transform:rotate(-45deg)}.nav-shell nav{position:fixed;left:-1px;right:-1px;top:-1px;height:calc(100dvh - 24px);z-index:-1;border-radius:15px;background:rgba(17,16,14,.97);padding:120px 32px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;transform:translateY(-110%);transition:transform .75s var(--ease)}.nav-shell nav.open{transform:none}.nav-shell nav>a{font:400 38px var(--serif)}.nav-shell nav .nav-cta{font:400 18px var(--sans);margin-top:15px}.hero{height:860px}.hero-overlay{background:linear-gradient(0deg,rgba(12,11,9,.93) 0%,rgba(12,11,9,.5) 58%,rgba(12,11,9,.15))}.hero-image img{object-position:62% center}.hero-content{bottom:120px}.hero h1{font-size:clamp(52px,14.6vw,78px)}.hero h1 span:nth-child(2){max-width:6.6em}.hero-support{display:block;margin-top:34px}.hero-support p{font-size:17px;max-width:530px}.hero-support .button{margin-top:26px}.hero-foot{font-size:12px;bottom:24px}.hero-foot p:last-child{display:none}.cutline-a{left:var(--pad)}.cutline-b{right:var(--pad);left:auto}.atelier-grid{grid-template-columns:1fr 1fr;gap:42px}.atelier-lead{grid-column:1/3}.material-window{height:520px}.atelier-signature{grid-column:1/3}.method{grid-template-columns:1fr;gap:75px}.method-intro{position:static}.work-heading{grid-template-columns:1fr;gap:40px}.category-nav{margin:70px 0 110px}.case{grid-template-columns:1fr;gap:55px}.case-copy{position:static}.triptych .main-shot{height:65vw}.triptych figure:not(.main-shot){height:43vw}.single figure,.single.landscape figure{height:68vw}.single.portrait{justify-content:flex-start}.single.portrait figure{height:118vw}.contact{grid-template-columns:1fr;gap:75px}.contact-word{top:70px}.contact-list{max-width:560px}}
@media(max-width:600px){:root{--pad:20px}.nav-shell{width:calc(100% - 16px);top:8px}.identity>span{font-size:19px}.identity small{display:none}.hero{height:820px}.hero-content{bottom:105px}.hero h1{font-size:clamp(48px,14.3vw,64px)}.hero-support p{font-size:16px}.button{font-size:14px}.atelier{padding-top:115px;padding-bottom:115px}.atelier-title h2,.work-heading h2{font-size:48px}.atelier-grid{display:flex;flex-direction:column;margin-top:70px}.atelier-lead{font-size:28px}.material-window{width:100%;height:110vw;max-height:500px}.atelier-copy{font-size:17px}.atelier-signature{width:100%;font-size:80px}.method{padding-top:110px;padding-bottom:110px}.method-intro h2{font-size:45px}.method-steps article{grid-template-columns:46px 1fr;padding:42px 0}.method-steps h3{font-size:50px}.method-steps p{font-size:17px}.work{padding-top:115px;padding-bottom:115px}.work-heading p{font-size:17px}.category-nav{margin:55px -20px 95px;padding-left:20px;padding-right:20px}.category-nav a{font-size:14px}.case{margin-bottom:145px;gap:42px}.case-type{font-size:16px;margin-bottom:24px}.case h3{font-size:48px;margin-bottom:25px}.case-copy>p:not(.case-type){font-size:17px}.case-meta{margin-top:30px}.triptych{gap:10px}.triptych .main-shot{height:95vw}.triptych figure:not(.main-shot){height:58vw}.single figure,.single.landscape figure{height:94vw}.single.portrait figure{height:135vw}.contact{min-height:740px;padding-top:125px;padding-bottom:100px}.contact-content h2{font-size:58px}.contact-content p{font-size:18px}.contact-list{font-size:15px;overflow-wrap:anywhere}footer{align-items:center}.footer-brand{font-size:48px}footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress{display:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}