:root{
  --black:#090909;
  --black2:#11100f;
  --charcoal:#171513;
  --cream:#f3eee6;
  --cream2:#e8dfd2;
  --white:#fffdf8;
  --gold:#c6a15b;
  --gold2:#e3c47a;
  --gold3:#8f6b31;
  --ink:#171513;
  --muted:#716b63;
  --line:rgba(23,21,19,.14);
  --darkline:rgba(227,196,122,.22);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 30px 70px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.68;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
button,input,textarea,select{font:inherit}
.wrap{width:min(1240px,calc(100% - 64px));margin:0 auto}
.display{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:.96}
.display em{font-style:italic;color:var(--gold)}
.eyebrow,.section-label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold3)}
.light-label{color:var(--gold2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 24px;border:1px solid var(--gold);border-radius:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:.3s ease;cursor:pointer}
.btn:hover{background:var(--gold);color:var(--black);transform:translateY(-1px)}
.btn.light{color:var(--gold2);border-color:var(--gold)}
.btn.dark{color:var(--gold2);border-color:var(--gold)}
.text-link{display:inline-flex;gap:9px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}
.text-link:hover{color:var(--gold)}

/* HEADER */
.site-header{position:fixed;inset:0 0 auto;z-index:60;color:white;background:linear-gradient(180deg,rgba(5,5,5,.9),rgba(5,5,5,.5) 65%,transparent);transition:.32s ease}
.site-header.scrolled{background:rgba(8,8,8,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(198,161,91,.22);box-shadow:0 10px 35px rgba(0,0,0,.18)}
.topnav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:13px;min-width:245px}
.brand-mark{width:52px;height:52px;object-fit:cover;border:1px solid rgba(198,161,91,.36);background:#0a0a0a}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--white)}
.brand-copy small{font-size:7px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold2);margin-top:7px}
.nav-links{display:flex;align-items:center;gap:27px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.nav-links>a:not(.nav-cta){position:relative;padding:12px 0}
.nav-links>a:not(.nav-cta)::after{content:'';position:absolute;left:0;bottom:5px;width:0;height:1px;background:var(--gold);transition:.25s}
.nav-links>a:not(.nav-cta):hover{color:white}.nav-links>a:not(.nav-cta):hover::after{width:100%}
.nav-cta{min-height:44px;padding:0 19px;color:var(--gold2)}
.menu{display:none;border:0;background:none;width:42px;height:42px;padding:8px;position:relative}
.menu span{position:absolute;left:8px;right:8px;height:1px;background:var(--gold2);transition:.25s}.menu span:first-child{top:15px}.menu span:last-child{top:25px}

/* HOME HERO */
.hero-premium{height:90svh;min-height:690px;position:relative;color:white;display:flex;align-items:flex-end;overflow:hidden;background:var(--black)}
.hero-bg,.hero-overlay{position:absolute;inset:0}
.hero-bg img{filter:saturate(.72) contrast(1.08) brightness(.72);animation:heroScale 18s ease-out forwards}
.hero-overlay{background:linear-gradient(90deg,rgba(4,4,4,.93) 0%,rgba(4,4,4,.80) 30%,rgba(4,4,4,.28) 67%,rgba(4,4,4,.52) 100%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 55%)}
@keyframes heroScale{from{transform:scale(1.04)}to{transform:scale(1.11)}}
.hero-content{position:relative;z-index:2;padding-bottom:135px;max-width:720px;margin-left:max(0px,calc((100vw - 1240px)/2))}
.hero-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);font-weight:600;margin-bottom:25px}
.hero-content h1{font-family:var(--serif);font-weight:400;font-size:clamp(62px,6.5vw,96px);line-height:.93;letter-spacing:-.045em;margin:0 0 28px;color:var(--white)}
.hero-content h1 em{font-style:italic;color:var(--gold2)}
.hero-content>p{max-width:585px;color:rgba(255,255,255,.74);font-size:17px;margin:0 0 31px}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.hero-actions .text-link{color:rgba(255,255,255,.82)}
.hero-index{position:absolute;z-index:3;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,7,7,.93);border-top:1px solid rgba(198,161,91,.32);backdrop-filter:blur(12px)}
.hero-index .hero-feature{padding:23px 26px;border-right:1px solid rgba(198,161,91,.2);display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start}
.hero-feature b{font-family:var(--serif);font-size:27px;font-weight:400;color:var(--gold2);line-height:1}.hero-feature strong{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:white}.hero-feature small{grid-column:2;color:rgba(255,255,255,.49);font-size:10px;margin-top:4px}

/* HOME SHOWCASE */
.visual-strip{padding:104px 0 112px;background:var(--cream)}
.visual-head{display:grid;grid-template-columns:.45fr 1.3fr .7fr;gap:45px;align-items:end;margin-bottom:46px}.visual-head h2{font-size:clamp(52px,5.8vw,80px);margin:0}.visual-head p{color:var(--muted);margin:0;max-width:380px}
.visual-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:390px 260px;gap:14px}.visual-grid figure{margin:0;overflow:hidden;position:relative;background:#d8d0c6}.visual-grid figure:first-child{grid-row:1/3}.visual-grid img{filter:saturate(.78) contrast(1.03);transition:.8s ease}.visual-grid figure:hover img{transform:scale(1.035)}
.visual-note{background:var(--black);color:white;padding:33px;display:flex;flex-direction:column;justify-content:flex-end;border-top:2px solid var(--gold)}.visual-note p{font-family:var(--serif);font-size:31px;line-height:1.08;margin:0;color:var(--white)}.visual-note small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:auto;color:var(--gold2)}

/* SERVICES */
.services-compact{background:var(--black);color:white;padding:96px 0 103px;border-top:1px solid rgba(198,161,91,.2);border-bottom:1px solid rgba(198,161,91,.2)}
.section-top{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:49px}.section-top h2{font-size:clamp(52px,5.7vw,80px);margin:10px 0 0}.section-top>p{max-width:420px;color:rgba(255,255,255,.58);margin:0}
.service-panels{border-top:1px solid var(--darkline)}.service-panel{display:grid;grid-template-columns:70px 1fr 190px;gap:25px;align-items:center;padding:31px 0;border-bottom:1px solid var(--darkline);transition:.28s}.service-panel:hover{padding-left:12px;background:linear-gradient(90deg,rgba(198,161,91,.06),transparent)}.service-panel>span{font-family:var(--serif);font-size:27px;color:var(--gold)}.service-panel h3{font-family:var(--serif);font-size:36px;font-weight:400;margin:0 0 5px;color:var(--white)}.service-panel p{margin:0;color:rgba(255,255,255,.52);max-width:650px}.service-panel b{text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold2)}

/* ABOUT / METHOD */
.home-about{padding:108px 0;background:var(--cream)}.about-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}.about-portrait{aspect-ratio:4/5;background:var(--black);position:relative;overflow:hidden;border:1px solid rgba(198,161,91,.3);box-shadow:var(--shadow)}.about-portrait::after{content:'';position:absolute;inset:18px;border:1px solid rgba(198,161,91,.22);pointer-events:none}.about-portrait .brand-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18%;background:radial-gradient(circle at 50% 42%,rgba(198,161,91,.11),transparent 44%),#090909}.about-portrait .brand-panel img{object-fit:contain;height:auto;filter:contrast(1.04)}
.about-copy h2{font-size:clamp(52px,5.4vw,78px);margin:14px 0 25px}.about-copy>p{color:var(--muted);font-size:17px;max-width:650px}.facts{margin-top:33px;border-top:1px solid var(--line)}.facts>div{display:grid;grid-template-columns:40px 170px 1fr;gap:22px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px;align-items:start}.facts span:first-child{font-family:var(--serif);font-size:22px;color:var(--gold3)}.facts span:nth-child(2){font-weight:600;color:var(--ink)}.facts b{font-weight:400;color:var(--muted)}

/* ZONES */
.home-zones{padding:100px 0;background:var(--cream2)}.zones-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:88px;align-items:start}.zones-copy h2{font-size:clamp(52px,5.6vw,78px);margin:12px 0 24px}.zones-copy p{color:var(--muted);max-width:480px}.zone-list{border-top:1px solid var(--line)}.zone-link{display:grid;grid-template-columns:55px 1fr auto;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line);transition:.25s}.zone-link:hover{padding-left:10px;color:var(--gold3)}.zone-link span{font-family:var(--serif);font-size:22px;color:var(--gold3)}.zone-link strong{font-family:var(--serif);font-size:29px;font-weight:400}.zone-link small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.zone-link b{font-weight:400;color:var(--gold3)}

/* LOCAL HERO */
.local-hero{padding:150px 0 74px;background:var(--black);color:white;position:relative;overflow:hidden;border-bottom:1px solid rgba(198,161,91,.25)}
.local-hero::before{content:'';position:absolute;width:540px;height:540px;border:1px solid rgba(198,161,91,.08);border-radius:50%;left:-250px;bottom:-310px}
.local-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;grid-template-rows:auto auto;column-gap:72px;row-gap:30px;align-items:stretch;position:relative;z-index:1}
.local-hero-grid>div:first-child{grid-column:1;grid-row:1}.local-visual{grid-column:2;grid-row:1/3;min-height:560px;position:relative;overflow:hidden;border:1px solid rgba(198,161,91,.26);box-shadow:0 36px 80px rgba(0,0,0,.35)}.local-visual img{filter:saturate(.67) contrast(1.08) brightness(.72);transition:1.2s ease}.local-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))}.local-visual:hover img{transform:scale(1.025)}
.breadcrumbs{display:flex;gap:9px;align-items:center;color:rgba(255,255,255,.45);font-size:10px;margin-bottom:28px}.breadcrumbs b{font-weight:500;color:rgba(255,255,255,.82)}.breadcrumbs a:hover{color:var(--gold2)}
.local-hero .eyebrow{color:var(--gold2)}.local-hero h1{font-size:clamp(58px,6vw,88px);margin:13px 0 25px;color:var(--white)}.local-hero h1 em{color:var(--gold2)}.local-intro{color:rgba(255,255,255,.66);font-size:17px;max-width:700px;margin:0}.local-hero .hero-actions{margin-top:30px!important}.local-side{grid-column:1;grid-row:2;border-top:1px solid var(--darkline);padding:23px 0 0}.local-side>span{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold2)}.local-side p{color:rgba(255,255,255,.52);margin:12px 0 17px;font-size:13px}.zone-tags{display:flex;gap:7px;flex-wrap:wrap}.zone-tags span{border:1px solid rgba(198,161,91,.28);padding:6px 9px;font-size:9px;color:rgba(255,255,255,.66);text-transform:uppercase;letter-spacing:.05em}

/* LOCAL CONTENT */
.local-editorial{padding:96px 0;background:var(--cream)}.local-content-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.local-content-grid h2{font-size:clamp(48px,5vw,70px);margin:12px 0}.rich-copy p{color:var(--muted);font-size:16px;margin:0 0 21px;max-width:800px}.rich-copy strong{color:var(--ink);font-weight:600}
.intent-section{padding:94px 0;background:var(--black);color:white}.intent-title{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.intent-title h2{font-size:clamp(48px,5.2vw,72px);margin:10px 0 0}.intent-title p{color:rgba(255,255,255,.53);max-width:440px;margin:0}.intent-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--darkline);border-left:1px solid var(--darkline)}.intent-grid article{padding:31px;min-height:255px;border-right:1px solid var(--darkline);border-bottom:1px solid var(--darkline);transition:.3s}.intent-grid article:hover{background:rgba(198,161,91,.06)}.intent-grid article>span{font-family:var(--serif);color:var(--gold);font-size:24px}.intent-grid h3{font-family:var(--serif);font-weight:400;font-size:31px;margin:29px 0 10px;color:var(--white)}.intent-grid p{color:rgba(255,255,255,.5);margin:0;font-size:13px}
.microarea{padding:95px 0;background:var(--cream2)}.microarea-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:84px}.microarea h2{font-size:clamp(48px,4.9vw,68px);margin:12px 0 20px}.microarea p{color:var(--muted)}.area-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.area-card{padding:25px;border:1px solid var(--line);background:rgba(255,255,255,.36);transition:.28s}.area-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.58);border-color:rgba(143,107,49,.35)}.area-card h3{font-family:var(--serif);font-weight:500;font-size:27px;margin:0 0 9px}.area-card p{font-size:13px;margin:0}
.faq-new{padding:94px 0;background:var(--cream)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:88px}.faq-layout h2{font-size:clamp(48px,4.9vw,68px);margin:12px 0}.accordion{border-top:1px solid var(--line)}.accordion details{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;padding:21px 45px 21px 0;font-family:var(--serif);font-size:25px;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary::after{content:'+';position:absolute;right:0;top:20px;font-family:var(--sans);font-size:17px;color:var(--gold3)}.accordion details[open] summary::after{content:'–'}.accordion p{color:var(--muted);max-width:780px;margin:-3px 0 24px}
.related{padding:58px 0;background:#e3d8ca;border-top:1px solid var(--line)}.related-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.related-links a{padding:10px 14px;border:1px solid rgba(23,21,19,.18);font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.28);transition:.25s}.related-links a:hover{background:var(--black);color:var(--gold2);border-color:var(--black)}
.cta-new{background:linear-gradient(120deg,#0b0b0b,#17130e);color:white;padding:94px 0;text-align:center;border-top:1px solid rgba(198,161,91,.25)}.cta-inner>span{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2)}.cta-inner h2{font-size:clamp(58px,6.7vw,96px);margin:15px auto 25px;color:var(--white)}.cta-inner h2 em{color:var(--gold2)}.cta-inner p{max-width:620px;margin:0 auto 29px;color:rgba(255,255,255,.53);font-size:16px}

/* FOOTER */
.footer{background:#060606;color:white;padding:68px 0 25px;border-top:1px solid rgba(198,161,91,.25)}.footer-top{display:grid;grid-template-columns:1.35fr repeat(3,.65fr);gap:50px;padding-bottom:56px}.footer-brandline{display:flex;align-items:center;gap:15px}.footer-logo{width:64px;height:64px;border:1px solid rgba(198,161,91,.3)}.footer-intro h2{font-family:var(--serif);font-weight:400;font-size:33px;margin:14px 0 8px}.footer-intro p{color:rgba(255,255,255,.43);max-width:420px;font-size:12px}.footer-col{display:flex;flex-direction:column;gap:9px;font-size:11px;color:rgba(255,255,255,.55)}.footer-col>span{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--gold2);margin-bottom:8px}.footer-col a:hover{color:var(--gold2)}.footer-bottom{border-top:1px solid rgba(198,161,91,.16);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.32);font-size:9px;letter-spacing:.07em;text-transform:uppercase}.mobile-cta{display:none}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.on{opacity:1;transform:none}

@media(max-width:1080px){.nav-links{gap:17px}.nav-links>a:not(.nav-cta){display:none}.nav-links .nav-cta{display:inline-flex}.local-hero-grid{column-gap:45px}.footer-top{grid-template-columns:1.2fr 1fr 1fr}.footer-col:last-child{display:none}.intent-grid{grid-template-columns:1fr 1fr}.hero-index{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
  .wrap{width:min(100% - 34px,1240px)}.topnav{height:74px}.brand{min-width:0}.brand-mark{width:44px;height:44px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:6px}.menu{display:block;z-index:2}.nav-links{display:none;position:fixed;inset:74px 0 auto;background:rgba(8,8,8,.99);padding:24px 18px 31px;border-bottom:1px solid rgba(198,161,91,.22);flex-direction:column;align-items:stretch;gap:0;font-size:13px;color:white}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){display:block;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.nav-links>a:not(.nav-cta)::after{display:none}.nav-cta{width:100%;margin-top:18px}
  .hero-premium{height:86svh;min-height:660px}.hero-content{padding:0 17px 128px;margin:0}.hero-content h1{font-size:clamp(53px,13vw,76px)}.hero-content>p{font-size:15px;max-width:520px}.hero-index{grid-template-columns:1fr 1fr}.hero-index .hero-feature{padding:15px 15px}.hero-feature b{font-size:22px}.hero-feature small{display:none}
  .visual-strip,.services-compact,.home-about,.home-zones,.local-editorial,.intent-section,.microarea,.faq-new{padding:76px 0}.visual-head,.about-layout,.zones-layout,.local-content-grid,.microarea-grid,.faq-layout{grid-template-columns:1fr;gap:40px}.visual-head{gap:18px}.visual-grid{grid-template-columns:1fr;grid-template-rows:390px 280px auto}.visual-grid figure:first-child{grid-row:1}.section-top,.intent-title{flex-direction:column;align-items:flex-start;gap:22px}.service-panel{grid-template-columns:42px 1fr;gap:13px}.service-panel b{grid-column:2;text-align:left}.service-panel h3{font-size:31px}.facts>div{grid-template-columns:35px 150px 1fr}.local-hero{padding:112px 0 58px}.local-hero-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:30px}.local-hero-grid>div:first-child,.local-side,.local-visual{grid-column:1;grid-row:auto}.local-visual{min-height:460px;order:2}.local-side{order:3}.local-hero h1{font-size:clamp(51px,12vw,74px)}.intent-grid{grid-template-columns:1fr}.area-cards{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-intro{grid-column:1/3}.footer-col:last-child{display:flex}.footer-bottom{flex-direction:column}.mobile-cta{display:block;position:fixed;z-index:55;left:13px;right:13px;bottom:13px;background:rgba(7,7,7,.97);color:var(--gold2);border:1px solid var(--gold);padding:13px 17px;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 18px 45px rgba(0,0,0,.28)}.footer{padding-bottom:92px}
}
@media(max-width:520px){.brand-copy small{display:none}.brand-copy strong{font-size:17px}.hero-index .hero-feature:nth-child(n+3){display:none}.hero-index{grid-template-columns:1fr 1fr}.visual-head h2,.section-top h2,.about-copy h2,.zones-copy h2,.local-content-grid h2,.microarea h2,.faq-layout h2{font-size:44px}.about-portrait{aspect-ratio:1/1}.facts>div{grid-template-columns:33px 1fr}.facts b{grid-column:2}.zone-link{grid-template-columns:42px 1fr auto}.zone-link strong{font-size:25px}.footer-top{grid-template-columns:1fr}.footer-intro{grid-column:1}.footer-col:last-child{display:none}.local-visual{min-height:360px}.local-hero h1{font-size:48px}.local-intro{font-size:15px}.hero-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-bg img{animation:none}}


/* ==========================================================
   V2 · INTERIORISMO ONLINE / 30-08-2026
   ========================================================== */
.nav-online{color:var(--gold2)!important}
.hero-online .hero-overlay{background:linear-gradient(90deg,rgba(4,4,4,.94) 0%,rgba(4,4,4,.8) 34%,rgba(4,4,4,.25) 70%,rgba(4,4,4,.55) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 58%)}
.online-intro{padding:112px 0;background:var(--cream)}
.online-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:96px;align-items:start}
.online-intro h2{font-size:clamp(54px,5.6vw,82px);margin:14px 0 0}
.online-intro-copy{padding-top:32px;border-top:1px solid var(--line)}
.online-intro-copy p{font-size:17px;color:var(--muted);margin:0 0 20px;max-width:650px}.online-intro-copy strong{color:var(--ink)}
.process-band{padding:100px 0;background:var(--black);color:white;border-top:1px solid var(--darkline);border-bottom:1px solid var(--darkline)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--darkline);border-top:1px solid var(--darkline)}
.process-grid article{min-height:285px;padding:30px 27px;border-right:1px solid var(--darkline);border-bottom:1px solid var(--darkline);display:flex;flex-direction:column}
.process-grid article>span{font-family:var(--serif);font-size:27px;color:var(--gold)}.process-grid h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05;margin:auto 0 13px;color:var(--white)}.process-grid p{font-size:13px;color:rgba(255,255,255,.5);margin:0}
.featured-service{background:linear-gradient(90deg,rgba(198,161,91,.1),transparent)}
.deliverables-preview{padding:108px 0;background:var(--cream2)}
.deliverables-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:84px;align-items:start}
.deliverables-layout>div:first-child{position:sticky;top:124px}.deliverables-layout h2{font-size:clamp(52px,5.2vw,74px);margin:14px 0 23px}.deliverables-layout>div:first-child>p{color:var(--muted);max-width:470px;margin-bottom:26px}
.deliverables-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.deliverables-grid article{padding:28px;min-height:215px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.22)}
.deliverables-grid span{font-family:var(--serif);font-size:23px;color:var(--gold3)}.deliverables-grid h3{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.08;margin:31px 0 9px}.deliverables-grid p{color:var(--muted);font-size:13px;margin:0}
.online-service-hero .local-visual{min-height:610px}.online-fit{padding:100px 0;background:var(--cream2)}
.fit-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:42px}.fit-head h2{font-size:clamp(52px,5.4vw,78px);margin:13px 0 0}.fit-head>p{max-width:430px;color:var(--muted);margin:0}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fit-grid article{padding:38px 40px;min-height:350px;border:1px solid var(--line)}.fit-grid article>span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.fit-yes{background:var(--black);color:white;border-color:var(--darkline)!important}.fit-yes>span{color:var(--gold2)}.fit-no{background:rgba(255,255,255,.35)}.fit-no>span{color:var(--gold3)}
.fit-grid ul{list-style:none;padding:0;margin:32px 0 0}.fit-grid li{position:relative;padding:16px 0 16px 28px;border-top:1px solid currentColor;font-size:14px}.fit-grid li:last-child{border-bottom:1px solid currentColor}.fit-grid li::before{position:absolute;left:0;top:15px;color:var(--gold)}.fit-yes li{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.12)}.fit-yes li::before{content:'✓'}.fit-no li{color:var(--muted);border-color:var(--line)}.fit-no li::before{content:'—'}
.steps-timeline{margin-top:65px;border-top:1px solid var(--line)}.steps-timeline article{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}.steps-timeline span{font-family:var(--serif);font-size:26px;color:var(--gold3)}.steps-timeline h3{font-family:var(--serif);font-size:31px;font-weight:500;margin:0 0 7px}.steps-timeline p{color:var(--muted);margin:0;max-width:720px}
.online-inputs{padding:100px 0;background:var(--black);color:white}.input-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--darkline);border-left:1px solid var(--darkline)}.input-grid article{padding:27px 24px;min-height:260px;border-right:1px solid var(--darkline);border-bottom:1px solid var(--darkline)}.input-grid b{font-family:var(--serif);font-weight:400;font-size:26px;color:var(--gold)}.input-grid h3{font-family:var(--serif);font-weight:400;font-size:27px;color:var(--white);line-height:1.05;margin:57px 0 10px}.input-grid p{color:rgba(255,255,255,.49);font-size:12px;margin:0}.online-deliverables{background:var(--cream)}
.three-d-feature{padding:105px 0;background:#11100f;color:white}.three-d-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.three-d-grid figure{margin:0;height:610px;overflow:hidden;border:1px solid rgba(198,161,91,.28)}.three-d-grid figure img{filter:saturate(.7) brightness(.78)}.three-d-grid h2{font-size:clamp(53px,5.4vw,78px);margin:14px 0 25px}.three-d-grid p{color:rgba(255,255,255,.58);font-size:16px;margin:0 0 26px}.three-d-grid .text-link{color:var(--gold2)}
.projects-hero{padding:165px 0 80px;background:var(--black);color:white}.projects-hero h1{font-size:clamp(58px,6.3vw,92px);margin:20px 0}.projects-hero p{color:rgba(255,255,255,.58);max-width:720px}.projects-template-grid{padding:90px 0;background:var(--cream)}.project-template-card{display:grid;grid-template-columns:1.25fr .75fr;min-height:610px;margin-bottom:80px;border-bottom:1px solid var(--line)}.project-template-card.reverse{grid-template-columns:.75fr 1.25fr}.project-template-card.reverse .project-placeholder{order:2}.project-placeholder{background:#d9d0c4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--muted);min-height:560px}.project-placeholder span{font-family:var(--serif);font-size:52px;color:var(--gold3)}.project-placeholder strong{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.project-meta{padding:55px;display:flex;flex-direction:column;justify-content:flex-end}.project-meta>span{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold3)}.project-meta h2{font-family:var(--serif);font-weight:400;font-size:46px;line-height:1;margin:14px 0}.project-meta p{color:var(--muted)}
@media(max-width:1080px){.process-grid{grid-template-columns:1fr 1fr}.input-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.online-intro,.process-band,.deliverables-preview,.online-fit,.online-inputs,.three-d-feature{padding:76px 0}.online-intro-grid,.deliverables-layout,.three-d-grid{grid-template-columns:1fr;gap:42px}.deliverables-layout>div:first-child{position:static}.process-grid{grid-template-columns:1fr 1fr}.fit-head{flex-direction:column;align-items:flex-start;gap:20px}.fit-grid{grid-template-columns:1fr}.input-grid{grid-template-columns:1fr 1fr}.three-d-grid figure{height:440px}.project-template-card,.project-template-card.reverse{grid-template-columns:1fr;min-height:0;margin-bottom:55px}.project-template-card.reverse .project-placeholder{order:0}.project-placeholder{min-height:380px}.project-meta{padding:34px 0}.online-service-hero .local-visual{min-height:460px}}
@media(max-width:520px){.process-grid,.deliverables-grid,.input-grid{grid-template-columns:1fr}.process-grid article{min-height:220px}.fit-grid article{padding:30px 25px}.steps-timeline article{grid-template-columns:55px 1fr}.three-d-grid figure{height:340px}}
