:root{
  --ink:#11100e;
  --paper:#eee9e1;
  --paper-2:#f7f3ec;
  --gold:#d9ae73;
  --gold-dark:#9d6d35;
  --muted:#71685f;
  --line:rgba(17,16,14,.18);
  --max:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.progress{position:fixed;z-index:1000;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.12)}
.progress span{display:block;width:0;height:100%;background:var(--gold)}

.site-header{position:fixed;z-index:900;top:3px;left:0;right:0;height:84px;padding:0 42px;display:grid;grid-template-columns:250px 1fr 210px;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);color:white;transition:background .35s,color .35s,height .35s,backdrop-filter .35s}
.site-header.is-scrolled{height:70px;background:rgba(17,16,14,.86);backdrop-filter:blur(16px)}
.brand img{width:184px;filter:brightness(0) invert(1)}
.main-nav{display:flex;justify-content:center;gap:34px;font-size:14px}
.main-nav a{position:relative;padding:10px 0}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--gold);transition:right .3s}
.main-nav a:hover:after,.main-nav a:focus-visible:after{right:0}
.header-cta{justify-self:end;padding:13px 18px;border:1px solid rgba(255,255,255,.5);font-size:13px;transition:.25s}
.header-cta:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.menu-toggle{display:none;background:none;border:0}

.hero{position:relative;min-height:100svh;background:#111;color:white;overflow:hidden}
.hero-media,.hero-shade{position:absolute;inset:0}
.hero-media{overflow:hidden;animation:hero-arrival 1.35s cubic-bezier(.2,.7,.2,1) both}
.hero-media img{width:100%;height:114%;object-fit:cover;object-position:center center;filter:saturate(.72) sepia(.16) contrast(1.12) brightness(.82);transform:translate3d(0,var(--hero-shift,0px),0) scale(1.055);will-change:transform}
.hero-shade{background:linear-gradient(90deg,rgba(8,7,6,.92) 0%,rgba(8,7,6,.66) 43%,rgba(8,7,6,.17) 73%,rgba(8,7,6,.06) 100%),linear-gradient(0deg,rgba(8,7,6,.55),transparent 48%)}
@keyframes hero-arrival{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
.hero-copy{position:relative;z-index:2;padding:190px max(6vw,42px) 110px;width:min(900px,75vw)}
.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}
.eyebrow{color:var(--gold)}
.hero h1{margin:28px 0 24px;font-family:Georgia,serif;font-size:clamp(64px,8.2vw,126px);font-weight:400;line-height:.88;letter-spacing:-.055em}
.hero h1 span,.hero h1 em{display:block}
.hero h1 em{font-weight:400;color:var(--gold);margin-left:8vw}
.hero-lead{max-width:640px;color:#ded7cd;font-size:19px;line-height:1.55}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;padding:17px 24px;font-weight:700;font-size:14px;cursor:pointer}
.button-gold{background:var(--gold);color:var(--ink);transition:transform .25s,background .25s}
.button-gold:hover{transform:translateY(-3px);background:#ecc78f}
.text-link{display:inline-flex;gap:12px;align-items:center;font-size:14px;font-weight:700}
.text-link span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;transition:transform .3s}
.text-link:hover span{transform:rotate(-45deg)}
.text-link.dark{color:var(--ink)}
.hero-index{position:absolute;z-index:2;right:5vw;bottom:88px;display:grid;grid-template-columns:auto auto;gap:14px;align-items:start}
.hero-index span{color:var(--gold);font-size:12px}
.hero-index p{margin:0;font-family:Georgia,serif;font-size:20px;line-height:1.35}
.scroll-cue{position:absolute;z-index:2;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.scroll-cue span{width:42px;height:1px;background:white;position:relative}
.scroll-cue span:after{content:"";position:absolute;width:8px;height:8px;border-right:1px solid white;border-bottom:1px solid white;right:0;top:-4px;transform:rotate(45deg)}
.scroll-cue span:after{animation:scroll-cue 1.8s ease-in-out infinite}
@keyframes scroll-cue{0%,100%{translate:-7px 0;opacity:.35}50%{translate:0 0;opacity:1}}

.trust-strip{background:var(--gold);overflow:hidden;padding:18px 0}
.marquee{display:flex;align-items:center;gap:26px;width:max-content;animation:marquee 28s linear infinite;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.marquee i{width:6px;height:6px;border-radius:50%;background:var(--ink)}
@keyframes marquee{to{transform:translateX(-50%)}}

.section-pad{padding:130px max(5vw,32px)}
.section-pad>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.section-number{color:var(--gold-dark);margin-bottom:36px}
.section-number.light{color:var(--gold)}
.display{font-family:Georgia,serif;font-size:clamp(46px,6vw,86px);line-height:1.02;letter-spacing:-.045em;font-weight:400;margin:0}
.display.light{color:white}
.statement{background:var(--paper-2)}
.statement-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}
.statement-copy{font-size:19px;line-height:1.6;color:#514a43}
.statement-copy p{margin:0 0 34px}
.statement-visual{margin-top:88px;position:relative;height:70vh;min-height:540px;overflow:hidden}
.statement-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.06);transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.statement-visual:hover img{transform:scale(1.035)}
.statement-visual p{position:absolute;left:24px;bottom:22px;margin:0;padding:12px 16px;background:rgba(17,16,14,.78);color:white;font-size:13px}

.services{background:var(--paper)}
.section-head{display:grid;grid-template-columns:1.25fr .55fr;gap:80px;align-items:end;margin-bottom:70px}
.section-intro{font-size:18px;line-height:1.55;color:var(--muted);margin:0}
.service-explorer{display:grid;grid-template-columns:.8fr 1.2fr;min-height:630px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-list{display:flex;flex-direction:column}
.service-tab{flex:1;display:grid;grid-template-columns:46px 1fr auto;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:22px 26px;cursor:pointer;transition:background .3s,padding .3s}
.service-tab:last-child{border-bottom:0}
.service-tab span{font-size:11px;color:var(--gold-dark)}
.service-tab strong{font-family:Georgia,serif;font-size:24px;font-weight:400}
.service-tab i{font-style:normal;opacity:.35;transition:transform .25s,opacity .25s}
.service-tab:hover,.service-tab.is-active{background:var(--ink);color:white;padding-left:34px}
.service-tab.is-active i,.service-tab:hover i{opacity:1;transform:rotate(45deg);color:var(--gold)}
.service-stage{position:relative;overflow:hidden;background:#171512}
.service-stage>img{width:100%;height:100%;object-fit:cover;filter:saturate(.64) contrast(1.12);transition:opacity .22s,transform .7s}
.service-stage.is-changing>img{opacity:.25;transform:scale(1.04)}
.service-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,9,8,.86),transparent 65%)}
.service-overlay{position:absolute;z-index:2;left:40px;right:40px;bottom:38px;color:white}
.service-overlay>p:first-child{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.service-overlay h3{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.06;margin:10px 0 12px}
.service-overlay>p:last-child{max-width:660px;color:#ddd4c9;line-height:1.5;margin:0}

.project-story{display:grid;grid-template-columns:54% 46%;background:var(--ink);color:white}
.project-sticky{position:sticky;top:0;height:100vh;overflow:hidden}
.project-media{position:absolute;inset:0}
.project-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.12);opacity:0;transform:scale(1.05);transition:opacity .7s,transform 1.2s}
.project-image.is-active{opacity:1;transform:scale(1)}
.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(17,16,14,.55))}
.project-media-label{position:absolute;z-index:2;left:28px;bottom:28px;background:rgba(17,16,14,.8);padding:12px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.project-progress{position:absolute;z-index:3;right:0;top:0;bottom:0;width:3px;background:rgba(255,255,255,.12)}
.project-progress span{display:block;width:100%;height:0;background:var(--gold)}
.project-steps{padding:130px 7vw 150px}
.project-intro{max-width:650px;color:#bbb3a9;font-size:18px;line-height:1.6;margin:28px 0 60px}
.story-step{min-height:68vh;display:grid;grid-template-columns:50px 1fr;align-content:center;gap:18px;opacity:.35;transition:opacity .45s}
.story-step.is-active{opacity:1}
.story-step>span{color:var(--gold);font-size:12px;padding-top:9px}
.story-step h3{font-family:Georgia,serif;font-size:38px;line-height:1.1;font-weight:400;margin:14px 0}
.story-step>div>p:last-child{color:#bbb3a9;line-height:1.6}
.fact-note{padding-top:24px;border-top:1px solid rgba(255,255,255,.2);color:#8f887f;font-size:12px;line-height:1.5}

.gallery{background:var(--paper-2);overflow:hidden}
.gallery-controls{display:flex;align-items:center;gap:18px;justify-content:flex-end}
.gallery-controls button{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;transition:.25s}
.gallery-controls button:hover{background:var(--ink);color:white}
.gallery-controls span{font-size:12px;letter-spacing:.12em}
.gallery-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:15px}
.gallery-track::-webkit-scrollbar{display:none}
.gallery figure{flex:0 0 min(72vw,820px);margin:0;scroll-snap-align:start}
.gallery figure:nth-child(even){flex-basis:min(52vw,590px)}
.gallery figure img{width:100%;height:540px;object-fit:cover;filter:saturate(.72) contrast(1.04);transition:transform .7s}
.gallery figure:hover img{transform:scale(.985)}
.gallery figcaption{display:flex;gap:24px;padding:18px 2px 0;font-family:Georgia,serif;font-size:21px}
.gallery figcaption span{font-family:Arial,sans-serif;font-size:11px;color:var(--gold-dark)}

.workshop{display:grid!important;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:center;background:var(--paper)}
.workshop-image{position:relative;overflow:hidden}
.workshop-image img{width:100%;height:720px;object-fit:cover;filter:saturate(.5) contrast(1.1);transition:transform 1.1s cubic-bezier(.2,.75,.2,1)}
.workshop-image:hover img{transform:scale(1.025)}
.image-caption{position:absolute;left:20px;bottom:20px;background:rgba(17,16,14,.78);color:white;padding:11px 14px;font-size:12px}
.workshop-copy>p{font-size:18px;color:var(--muted);line-height:1.6}
.workshop-values{margin-top:45px;border-top:1px solid var(--line)}
.workshop-values div{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.workshop-values span{color:var(--gold-dark);font-size:11px}
.workshop-values p{margin:0}

.testimonials{padding:130px 0 145px;background:var(--gold);overflow:hidden}
.testimonials-head{width:min(var(--max),calc(100% - 10vw));margin:0 auto 64px;display:grid;grid-template-columns:1.25fr .55fr;gap:80px;align-items:end}
.testimonials-head .section-number{color:var(--ink)}
.testimonials-meta{display:grid;justify-items:start;gap:22px}
.testimonials-meta p{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em}
.reviews-toggle{display:inline-flex;align-items:center;gap:11px;border:1px solid rgba(17,16,14,.38);background:transparent;padding:12px 15px;cursor:pointer;font-size:12px;font-weight:700;transition:background .25s,color .25s}
.reviews-toggle:hover{background:var(--ink);color:var(--gold)}
.reviews-toggle-icon{display:flex;gap:4px}
.reviews-toggle-icon i{display:block;width:2px;height:11px;background:currentColor}
.reviews-toggle[aria-pressed="true"] .reviews-toggle-icon{width:10px;height:10px;border-left:7px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.reviews-toggle[aria-pressed="true"] .reviews-toggle-icon i{display:none}
.reviews-viewport{overflow:hidden}
.reviews-track{display:flex;width:max-content;gap:22px;padding:0 0 8px;transform:translate3d(0,0,0)}
.reviews-track.is-ready{animation:reviews-loop 34s linear infinite}
.reviews-track.is-paused,.reviews-viewport:hover .reviews-track{animation-play-state:paused}
.reviews-group{display:flex;gap:22px;padding-left:22px}
.review-card{position:relative;flex:0 0 clamp(330px,42vw,610px);min-height:340px;padding:38px 42px 34px;border:1px solid rgba(17,16,14,.28);background:rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s,background .35s}
.review-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.2)}
.review-index{position:absolute;right:24px;top:22px;font-size:11px;font-weight:700;letter-spacing:.14em;opacity:.52}
.review-card blockquote{margin:28px 0 42px;font-family:Georgia,serif;font-size:clamp(26px,2.4vw,38px);line-height:1.16;letter-spacing:-.03em}
.review-card cite{font-style:normal;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
@keyframes reviews-loop{to{transform:translate3d(calc(-50% - 11px),0,0)}}

.contact{display:grid!important;grid-template-columns:1fr 1fr;gap:9vw;background:var(--ink);color:white}
.contact-copy>p{max-width:560px;color:#bdb5ab;font-size:18px;line-height:1.6}
.contact-direct{display:flex;flex-direction:column;gap:8px;margin-top:40px;font-family:Georgia,serif;font-size:28px}
.contact-form{display:grid;gap:24px}
.contact-form label{display:grid;gap:8px;color:#d7cfc5;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.28);background:transparent;color:white;padding:12px 0;border-radius:0;outline:none;text-transform:none;letter-spacing:0}
.contact-form select{color:#bdb5ab}
.contact-form option{color:var(--ink)}
.contact-form textarea{resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}
.contact-form .button{justify-self:start}
.form-status{color:#8e877f;font-size:12px;margin:0;text-transform:none;letter-spacing:0}

footer{display:grid;grid-template-columns:1fr 1.2fr 1.2fr auto;gap:30px;align-items:center;padding:30px 5vw;background:#090806;color:#a9a198;font-size:12px;border-top:1px solid rgba(255,255,255,.1)}
footer img{width:150px;filter:brightness(0) invert(1)}
footer a{color:white}
.mobile-contact{display:none}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),transform .85s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1;transform:none}

@media (max-width:980px){
  .site-header{grid-template-columns:1fr auto;padding:0 20px;height:72px}
  .site-header.is-scrolled{height:64px}
  .brand img{width:150px}
  .menu-toggle{display:grid;gap:7px;padding:12px;z-index:3}
  .menu-toggle span:not(.sr-only){display:block;width:28px;height:1px;background:white}
  .main-nav{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(17,16,14,.98);font-family:Georgia,serif;font-size:36px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.3s}
  .menu-open .main-nav{opacity:1;visibility:visible;transform:none}
  .header-cta{display:none}
  .hero-copy{padding:155px 22px 130px;width:100%}
  .hero h1{font-size:clamp(58px,17vw,92px)}
  .hero h1 em{margin-left:0}
  .hero-lead{font-size:16px}
  .hero-index{display:none}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .section-pad{padding:90px 20px}
  .statement-grid,.section-head,.service-explorer,.workshop,.contact{grid-template-columns:1fr!important}
  .statement-grid,.section-head{gap:36px}
  .statement-visual{height:56vh;min-height:420px;margin-top:50px}
  .service-explorer{min-height:0}
  .service-list{display:grid;grid-template-columns:1fr 1fr}
  .service-tab{min-height:110px;padding:18px 15px;grid-template-columns:30px 1fr}
  .service-tab i{display:none}
  .service-tab strong{font-size:18px}
  .service-stage{min-height:520px}
  .project-story{grid-template-columns:1fr}
  .project-sticky{position:sticky;height:62vh;z-index:1}
  .project-steps{position:relative;z-index:2;padding:90px 20px 110px;background:linear-gradient(180deg,rgba(17,16,14,.25),var(--ink) 5%)}
  .story-step{min-height:58vh}
  .gallery figure,.gallery figure:nth-child(even){flex-basis:86vw}
  .gallery figure img{height:62vh}
  .workshop-image img{height:60vh}
  .testimonials{padding:100px 0 110px}
  .testimonials-head{width:calc(100% - 40px);grid-template-columns:1fr;gap:34px;margin-bottom:46px}
  .review-card{flex-basis:min(82vw,560px);min-height:320px;padding:34px 30px 30px}
  .contact{gap:70px}
  footer{grid-template-columns:1fr;align-items:start;padding-bottom:90px}
  .mobile-contact{position:fixed;z-index:850;left:0;right:0;bottom:0;display:grid;grid-template-columns:.8fr 1.2fr;background:#0b0a08;border-top:1px solid rgba(255,255,255,.16)}
  .mobile-contact a{padding:16px 12px;color:white;text-align:center;font-size:13px}
  .mobile-contact a:last-child{background:var(--gold);color:var(--ink);font-weight:700}
}

@media (max-width:560px){
  .hero-media img{height:108%;object-position:68% center}
  .hero-shade{background:linear-gradient(0deg,rgba(8,7,6,.9) 0%,rgba(8,7,6,.54) 65%,rgba(8,7,6,.42))}
  .hero h1{font-size:17vw}
  .display{font-size:13vw}
  .service-list{grid-template-columns:1fr}
  .service-tab{min-height:82px}
  .service-stage{min-height:480px}
  .service-overlay{left:22px;right:22px;bottom:24px}
  .service-overlay h3{font-size:34px}
  .project-sticky{height:56vh}
  .story-step{min-height:70vh}
  .story-step h3{font-size:31px}
  .gallery figure,.gallery figure:nth-child(even){flex-basis:89vw}
  .gallery figure img{height:55vh}
  .workshop-image img{height:54vh}
  .contact-direct{font-size:24px}
  .review-card{flex-basis:86vw;min-height:350px}
  .review-card blockquote{font-size:27px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
  .hero-media img{transform:none!important}
  .reviews-track{animation:none!important;transform:none!important}
  .reviews-group[aria-hidden="true"]{display:none}
  .reviews-viewport{overflow-x:auto}
  .reviews-toggle{display:none}
}