:root{--black:#050708;--ink:#090b0c;--charcoal:#101214;--bone:#f1eee9;--muted:#aaa69f;--copper:#b46a44;--copper2:#d49b77;--platinum:#cbd0d4;--line:rgba(255,255,255,.14);--max:1540px;--pad:clamp(24px,4.1vw,68px);--serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:var(--sans)}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.skip{position:absolute;left:-9999px}.site-header{position:absolute;z-index:50;top:0;left:0;width:100%;height:92px;border-bottom:1px solid rgba(212,155,119,.28);box-shadow:0 1px 0 rgba(0,0,0,.55),0 6px 22px rgba(3,4,5,.42);background:linear-gradient(180deg,rgba(3,4,5,.86),rgba(3,4,5,.30))}.header-inner{max-width:var(--max);height:100%;margin:auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;min-width:250px}.brand img{width:46px;height:46px;object-fit:contain}.brand b{display:block;font-size:13px;letter-spacing:.27em}.brand small{display:block;font-size:7px;letter-spacing:.28em;color:#aaa59f;margin-top:5px}.nav{display:flex;align-items:center;gap:26px;font-size:8px;letter-spacing:.15em}.nav a{opacity:.88}.nav a:hover{color:var(--copper2)}.commission-nav{border:1px solid rgba(180,106,68,.65);padding:12px 17px}.pro-nav{color:#d8dcdf}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:9px;letter-spacing:.18em}.eyebrow{font-size:9px;letter-spacing:.27em;color:var(--copper2);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;border:1px solid transparent}.btn.copper{background:linear-gradient(90deg,#c5794f,#d69a76);color:#090909}.btn.outline{border-color:#666;color:#eee}.btn.platinum{background:linear-gradient(180deg,#f1f2f3,#abb1b5);color:#090a0b}.actions{display:flex;gap:12px;flex-wrap:wrap}.home-hero{min-height:92svh;background:linear-gradient(90deg,rgba(3,4,5,.94) 0%,rgba(3,4,5,.63) 42%,rgba(3,4,5,.20) 100%),url('brand/damascus-clean.webp') center/cover no-repeat;border:1px solid #1b1e20;position:relative}.hero-grid{max-width:var(--max);margin:auto;padding:150px var(--pad) 32px;min-height:92svh;display:flex;flex-direction:column;justify-content:center}.hero-copy{max-width:760px}.home-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(62px,7.1vw,120px);line-height:.88;letter-spacing:-.04em;margin:24px 0 26px}.home-hero h1 em,.split-copy h1 em,.method-copy h1 em,.applications-copy h1 em,.work-copy h1 em,.collective-copy h1 em,.specialist-copy h1 em,.statement-band em{color:var(--copper2);font-weight:400}.hero-copy p{max-width:700px;color:#c2bdb6;font-size:14px;line-height:1.65}.hero-copy p strong{color:var(--bone);font-weight:500}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;border-top:1px solid rgba(255,255,255,.10);padding-top:14px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.18em;color:#bbb7b1}.global-section{display:grid;grid-template-columns:.42fr .58fr;min-height:420px;border:1px solid #1c2022;border-top:0;background:linear-gradient(115deg,#091016,#081016 55%,#050708)}.global-copy{padding:42px var(--pad)}.global-copy h2,.why h2,.split-copy h1,.method-copy h1,.applications-copy h1,.specialist-copy h1,.work-copy h1,.collective-copy h1,.statement-band h2,.pro-platform h2,.pro-reference h2{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.global-copy h2{font-size:38px;line-height:1.02;margin:0 0 18px}.global-copy p{color:#aaa6a0;font-size:12px;max-width:450px;line-height:1.6}.global-pills{display:flex;gap:38px;margin-top:35px}.global-pills b{font-family:var(--serif);display:block;font-weight:400;font-size:20px}.global-pills span{display:block;margin-top:7px;color:#6f767a;font-size:7px;letter-spacing:.12em}.map-shell{padding:22px 32px 22px 0;display:flex;align-items:center}.map-shell img{width:100%;filter:drop-shadow(0 0 20px rgba(180,106,68,.08))}.why{padding:30px var(--pad) 42px;border:1px solid #1c2022;border-top:0;background:#090b0c}.why h2{font-size:30px;margin:0 0 20px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.why-grid article{border-right:1px solid #303336;padding-right:14px}.why-grid article:last-child{border-right:0}.why-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #3a3e40;filter:saturate(.82)}.why-grid h3{font-family:var(--serif);font-weight:400;font-size:18px;margin:12px 0 5px}.why-grid p{color:#8c8882;font-size:9px;line-height:1.5}.pro-home-callout{padding:70px var(--pad);display:grid;grid-template-columns:1.15fr 1.4fr auto;align-items:center;gap:40px;background:linear-gradient(120deg,#17191b,#08090a 64%);border-top:1px solid #42474b;border-bottom:1px solid #42474b}.pro-home-brand{display:flex;align-items:center;gap:20px}.pro-home-brand img{width:86px}.pro-home-brand span{display:block;font-size:10px;letter-spacing:.4em}.pro-home-brand b{display:block;font-family:var(--serif);font-size:68px;font-weight:400;line-height:.8;background:linear-gradient(#fff,#93999d);-webkit-background-clip:text;color:transparent}.pro-home-brand small{font-size:7px;letter-spacing:.18em;color:#9ca2a6}.pro-home-callout p{color:#969ca0;font-size:12px;line-height:1.55}.split-hero{min-height:75svh;display:grid;grid-template-columns:.44fr .56fr;background:#090b0c;padding-top:92px}.split-copy{padding:80px var(--pad);align-self:center}.split-copy h1{font-size:clamp(58px,6vw,94px);line-height:.9;margin:16px 0 24px}.split-copy p{color:#aaa59f;font-size:13px;line-height:1.65;max-width:530px}.split-media{min-height:600px;overflow:hidden}.split-media video{width:100%;height:100%;object-fit:cover}.icon-led-grid{display:grid;border-top:1px solid #272a2c;border-bottom:1px solid #272a2c;background:#090b0c}.icon-led-grid.five{grid-template-columns:repeat(5,1fr)}.icon-led-grid.six{grid-template-columns:repeat(6,1fr)}.icon-led-grid article{text-align:center;padding:28px 14px;border-right:1px solid #272a2c}.icon-led-grid article:last-child{border-right:0}.icon-led-grid span{color:var(--copper2);font-size:25px}.icon-led-grid h3{font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin:12px 0}.icon-led-grid p{font-size:9px;color:#85817c}.statement-band{text-align:center;padding:90px var(--pad);background:#0d1011}.statement-band h2{font-size:clamp(50px,6vw,90px);margin:0}.statement-band p{color:#8d8984}.method-hero{min-height:100svh;padding:155px var(--pad) 70px;display:grid;grid-template-columns:.58fr .42fr;align-items:center;background:linear-gradient(90deg,#07090a 0%,#07090a 45%,rgba(7,9,10,.42) 72%),url('brand/damascus-clean.webp') center right/cover no-repeat}.method-copy h1{font-size:clamp(58px,6vw,98px);line-height:.92;margin:16px 0}.method-copy p{color:#aaa6a0;max-width:520px;line-height:1.6}.method-steps{border-left:1px solid #555b5f;padding-left:44px}.method-steps div{display:grid;grid-template-columns:35px 120px 1fr;gap:12px;align-items:start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.method-steps span{color:var(--copper2);font-size:9px}.method-steps b{font-size:11px;letter-spacing:.15em}.method-steps p{margin:0;color:#8e8b86;font-size:10px}.applications-hero,.work-hero,.specialist-hero,.commission-hero{min-height:78svh;position:relative;overflow:hidden;padding-top:92px}.applications-hero video,.work-hero video,.specialist-hero video,.commission-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,6,.94),rgba(3,5,6,.55) 48%,rgba(3,5,6,.20))}.applications-copy,.work-copy,.specialist-copy,.commission-copy{position:relative;z-index:3;padding:90px var(--pad);max-width:760px}.applications-copy h1,.work-copy h1,.specialist-copy h1,.commission-copy h1{font-size:clamp(58px,6.5vw,104px);line-height:.9;margin:15px 0 22px}.applications-copy p,.work-copy p,.specialist-copy p,.commission-copy p{color:#c1bdb7;font-size:13px;line-height:1.6;max-width:610px}.sector-strip,.impact-strip{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;background:rgba(5,7,8,.92);border-top:1px solid #363a3c}.sector-strip{grid-template-columns:repeat(5,1fr)}.impact-strip{grid-template-columns:repeat(6,1fr)}.sector-strip span,.impact-strip span{text-align:center;padding:22px 10px;border-right:1px solid #363a3c;font-size:8px;line-height:1.5;letter-spacing:.11em}.app-suite{display:grid;grid-template-columns:repeat(4,1fr);background:#0b0d0e;border-bottom:1px solid #333739}.app-suite article{padding:42px 28px;border-right:1px solid #333739;min-height:300px}.app-code{font-size:8px;color:var(--copper2);letter-spacing:.15em}.app-suite h2{font-family:var(--serif);font-weight:400;font-size:38px;margin:26px 0 14px}.app-suite p{color:#95918b;font-size:11px;line-height:1.6}.app-suite a{display:block;margin-top:24px;font-size:9px;letter-spacing:.12em;color:var(--copper2)}.codex{display:inline-block;font-size:8px;padding:5px 7px;border:1px solid rgba(180,106,68,.55);color:var(--copper2)}.specialist-copy{padding-top:140px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#090b0c;border-top:1px solid #333739}.feature-grid article{padding:38px 26px;border-right:1px solid #333739;min-height:180px}.feature-grid h3{font-family:var(--serif);font-weight:400;font-size:22px}.feature-grid p{color:#8f8b85;font-size:10px;line-height:1.55}.codex-section{padding:90px var(--pad);display:grid;grid-template-columns:.42fr .58fr;gap:50px;background:#0b0d0e}.codex-section h2{font-family:var(--serif);font-size:55px;font-weight:400}.codex-section p{color:#97938d}.codex-board{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #333739}.codex-board div{min-height:115px;padding:18px;border-right:1px solid #333739;border-bottom:1px solid #333739}.codex-board span{display:block;font-size:7px;letter-spacing:.13em;color:#73787b}.codex-board b{display:block;margin-top:35px;font-family:var(--serif);font-weight:400;font-size:18px}.pro-page{background:#040506}.pro-page .site-header{border-bottom-color:rgba(203,208,212,.18)}.pro-page .brand img{filter:grayscale(1) brightness(1.35)}.pro-hero{min-height:100svh;position:relative;padding:150px var(--pad) 70px;overflow:hidden;background:radial-gradient(circle at 75% 45%,#1a1f22 0%,#090b0c 40%,#040506 75%)}.pro-ring{position:absolute;width:min(62vw,900px);right:-7vw;top:4vh;opacity:.16}.motion{animation:spin 42s linear infinite}.pro-copy{position:relative;z-index:3;max-width:650px;padding-top:90px}.pro-overline{font-size:13px;letter-spacing:.42em}.pro-word{font-family:var(--serif);font-size:clamp(100px,14vw,220px);line-height:.7;letter-spacing:.04em;background:linear-gradient(180deg,#fff,#8f9599);-webkit-background-clip:text;color:transparent}.pro-copy h1{font-family:var(--serif);font-weight:400;font-size:30px;margin:28px 0 5px}.pro-copy p{color:#aeb4b7}.pro-tags{margin-top:40px;display:flex;gap:30px;color:#aeb4b7;font-size:8px;letter-spacing:.2em}.laptop{position:absolute;right:5vw;bottom:9vh;width:min(47vw,740px);transform:perspective(1000px) rotateY(-4deg) rotateX(1deg)}.laptop-screen{aspect-ratio:16/10;background:#0c1114;border:8px solid #1e2225;border-radius:16px 16px 8px 8px;padding:16px;box-shadow:0 35px 60px rgba(0,0,0,.55)}.laptop-base{height:18px;background:linear-gradient(180deg,#aeb3b6,#4b5053);border-radius:0 0 50% 50%;margin:-1px -30px 0}.dash-top{display:flex;justify-content:space-between;font-size:7px;color:#9fa6aa;border-bottom:1px solid #2a3033;padding-bottom:10px}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.dash-kpis div{background:#101518;border:1px solid #222a2e;padding:12px}.dash-kpis small{font-size:6px;color:#6e777b}.dash-kpis b{display:block;font-family:var(--serif);font-size:22px;color:#cfd4d7}.dash-main{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:8px}.dash-map,.dash-chart{height:180px;border:1px solid #222a2e;background:radial-gradient(circle at 35% 40%,rgba(180,106,68,.28),transparent 6%),radial-gradient(circle at 65% 55%,rgba(190,196,200,.20),transparent 4%),linear-gradient(#0d1316,#0a0e10)}.dash-chart{background:repeating-linear-gradient(to bottom,transparent 0 32px,#1a2023 33px),linear-gradient(160deg,transparent 0 30%,rgba(180,106,68,.65) 31% 32%,transparent 33% 55%,rgba(199,205,209,.55) 56% 57%,transparent 58%)}.dash-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.dash-actions span{padding:10px;border:1px solid #222a2e;font-size:6px;color:#778085}.pro-platform{padding:110px var(--pad);background:#080a0b}.pro-title{display:flex;align-items:center;gap:30px}.pro-title img{width:100px}.pro-platform h2,.pro-reference h2{font-size:60px;font-weight:400;margin:0}.pro-platform h2 em,.pro-reference h2 em{color:#d0d5d8}.platinum-text{color:#cbd0d4}.pro-modules{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border:1px solid #33393c}.pro-modules span{padding:22px;border-right:1px solid #33393c;border-bottom:1px solid #33393c;font-size:8px;letter-spacing:.12em;color:#a9b0b4}.operation-chain{margin-top:28px;padding:24px;border:1px solid #33393c;color:#a9b0b4;font-size:9px;letter-spacing:.08em;line-height:1.7}.pro-reference{padding:100px var(--pad);background:#040506}.pro-reference img{margin-top:45px;width:100%;border:1px solid #30363a}.work-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#313536;border-top:1px solid #313536}.work-cards article{background:#090b0c;padding-bottom:28px}.work-cards img{width:100%;aspect-ratio:16/9;object-fit:cover}.work-cards h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:20px 20px 7px}.work-cards p{color:#8d8983;font-size:10px;margin:0 20px}.collective-hero{min-height:82svh;padding:150px var(--pad) 70px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 50%,rgba(180,106,68,.14),transparent 32%),#07090a}.collective-copy{max-width:660px;position:relative;z-index:3}.collective-copy h1{font-size:clamp(60px,7vw,108px);line-height:.9;margin:15px 0 25px}.collective-copy p{color:#a9a49e;line-height:1.6}.collective-orbit{position:absolute;right:2vw;top:10vh;width:min(55vw,780px);opacity:.70;mix-blend-mode:screen;animation:spin 65s linear infinite}.commission-hero{min-height:85svh}.commission-copy{padding-top:140px}.commission-list{position:absolute;z-index:3;right:7vw;top:28vh;width:340px;background:rgba(5,7,8,.70);border-left:1px solid #4d5153;padding:20px 26px}.commission-list span{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px}.commission-list small{display:block;margin-top:20px;color:#8a8580}.legal{max-width:900px;margin:auto;padding:170px var(--pad) 100px}.legal h1{font-family:var(--serif);font-size:72px;font-weight:400}.legal p{color:#aaa69f;line-height:1.7}.footer{background:#050708;border-top:1px solid #25292b}.footer-main{max-width:var(--max);margin:auto;padding:64px var(--pad) 60px;display:grid;grid-template-columns:1.2fr 1.6fr 1fr;align-items:start;gap:clamp(40px,5vw,90px)}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:60px}.footer-brand b{display:block;letter-spacing:.24em}.footer-brand small{display:block;font-size:7px;color:#8a8782;letter-spacing:.22em;margin-top:4px}.footer-phrase{text-align:center;font-family:var(--serif);font-size:18px}.footer-phrase em{color:var(--copper2)}.footer-links{text-align:right;display:flex;justify-content:flex-end;gap:28px}.footer-links a{font-size:9px;color:#8c8984;letter-spacing:.08em}.footer-bar{border-top:1px solid #24282a;padding:16px var(--pad);display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.12em;color:#aaa6a0}.city-line{font-size:7px;color:#777c7f}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.nav{gap:14px}.home-hero h1{font-size:74px}.global-section{grid-template-columns:1fr}.map-shell{padding:0 var(--pad) 35px}.global-pills{flex-wrap:wrap}.pro-home-callout{grid-template-columns:1fr}.split-hero{grid-template-columns:1fr}.icon-led-grid.five{grid-template-columns:repeat(3,1fr)}.icon-led-grid.six{grid-template-columns:repeat(3,1fr)}.method-hero{grid-template-columns:1fr}.method-steps{margin-top:45px}.app-suite{grid-template-columns:repeat(2,1fr)}.laptop{position:relative;right:auto;bottom:auto;width:100%;margin-top:60px}.pro-copy{padding-top:40px}.pro-ring{right:-30vw}.pro-hero{padding-bottom:110px}.work-cards{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-links{display:none}.city-line{display:none}}
@media(max-width:800px){.site-header{height:76px}.header-inner{padding:0 20px}.brand img{width:40px;height:40px}.brand{min-width:0}.nav{position:fixed;top:76px;left:0;right:0;background:#060809;padding:28px 24px;display:none;flex-direction:column;align-items:flex-start;border-top:1px solid #2b2e30}.nav.open{display:flex}.menu-btn{display:block}.hero-grid{padding:125px 24px 30px}.home-hero h1{font-size:58px}.hero-bottom{left:24px;right:24px}.why{padding:30px 24px}.why-grid{grid-template-columns:repeat(2,1fr)}.global-copy{padding:40px 24px}.split-copy{padding:60px 24px}.icon-led-grid.five,.icon-led-grid.six{grid-template-columns:1fr 1fr}.method-hero{padding:125px 24px 60px}.method-copy h1,.applications-copy h1,.specialist-copy h1,.work-copy h1,.collective-copy h1,.commission-copy h1{font-size:55px}.method-steps{padding-left:20px}.method-steps div{grid-template-columns:32px 90px 1fr}.applications-copy,.work-copy,.specialist-copy,.commission-copy{padding:100px 24px 120px}.sector-strip,.impact-strip{grid-template-columns:repeat(3,1fr)}.sector-strip span:nth-child(n+4),.impact-strip span:nth-child(n+4){display:none}.codex-section{grid-template-columns:1fr;padding:70px 24px}.codex-board{grid-template-columns:repeat(2,1fr)}.pro-hero{padding:120px 24px 75px}.pro-ring{width:120vw;right:-60vw;opacity:.1}.pro-word{font-size:110px}.pro-platform,.pro-reference{padding:80px 24px}.pro-platform h2,.pro-reference h2{font-size:48px}.pro-modules{grid-template-columns:repeat(2,1fr)}.collective-hero{padding:120px 24px 80px}.collective-orbit{width:95vw;right:-43vw;opacity:.28}.commission-list{position:relative;right:auto;top:auto;width:auto;margin:0 24px 60px}.footer-main{padding:45px 24px;grid-template-columns:1fr}.footer-phrase{text-align:left;margin-top:25px}.footer-bar{padding:15px 24px}.footer-bar span:nth-child(2){display:none}}
@media(max-width:520px){.brand span small{display:none}.brand b{font-size:11px}.home-hero h1{font-size:49px}.hero-bottom span:last-child{display:none}.why-grid,.icon-led-grid.five,.icon-led-grid.six,.app-suite,.feature-grid,.work-cards{grid-template-columns:1fr}.global-pills{gap:22px}.method-steps div{grid-template-columns:28px 1fr}.method-steps div p{grid-column:2}.sector-strip,.impact-strip{grid-template-columns:repeat(2,1fr)}.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-main{grid-template-columns:1fr}.dash-map{display:none}.laptop-screen{padding:10px}.pro-modules{grid-template-columns:1fr}.footer-bar{display:block}.footer-bar span{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* ========================================================================== */
/* FINAL v3.0 — MATERIAL / COLOUR TRANSITION SYSTEM                            */
/* Uses the approved earlier GASTRO-LX background family.                     */
/* ========================================================================== */
:root{--warm-bone:#eee7dc;--warm-ink:#1a1714;--copper-deep:#8b4e30}

/* HOME — topographic obsidian with controlled copper depth */
.page-home .home-hero{
  background:
    linear-gradient(90deg,rgba(3,4,5,.95) 0%,rgba(3,4,5,.72) 45%,rgba(3,4,5,.26) 100%),
    url('backgrounds/topographic-obsidian.webp') center/cover no-repeat;
}
.page-home .global-section{
  background:
    linear-gradient(105deg,rgba(5,9,12,.95),rgba(5,8,10,.88)),
    url('backgrounds/copper-ripple.webp') center/cover no-repeat;
}
.page-home .why{
  background:
    linear-gradient(rgba(6,8,9,.91),rgba(6,8,9,.94)),
    url('backgrounds/liquid-obsidian.webp') center/cover no-repeat;
}

/* PRACTICE — material darkness → live image → light editorial reset */
.page-practice .split-hero{
  background:
    linear-gradient(90deg,rgba(5,7,8,.95) 0%,rgba(5,7,8,.80) 44%,rgba(5,7,8,.18) 100%),
    url('backgrounds/topographic-obsidian.webp') left center/cover no-repeat;
}
.page-practice .statement-band{
  background:var(--warm-bone); color:var(--warm-ink); border-block:1px solid rgba(28,22,18,.14);
}
.page-practice .statement-band h2{color:var(--warm-ink)}
.page-practice .statement-band p{color:#5f5851}
.page-practice .statement-band em{color:var(--copper-deep)}

/* METHOD — ripple / systems thinking */
.page-method .method-hero{
  background:
    linear-gradient(90deg,rgba(5,7,8,.97) 0%,rgba(5,7,8,.77) 46%,rgba(5,7,8,.50) 100%),
    url('backgrounds/ripple-gunmetal.webp') center/cover no-repeat;
}

/* APPLICATIONS — cinematic hero followed by liquid operating surface */
.page-applications .app-suite{
  background:
    linear-gradient(rgba(5,7,8,.88),rgba(5,7,8,.94)),
    url('backgrounds/liquid-obsidian.webp') center/cover no-repeat;
}
.page-applications .app-suite article{background:rgba(7,9,10,.76);backdrop-filter:blur(2px)}

/* ATELIER — dark moving craft → bone intelligence surface */
.page-atelier .feature-grid{
  background:var(--warm-bone); color:var(--warm-ink); border-color:rgba(28,22,18,.16);
}
.page-atelier .feature-grid article{border-color:rgba(28,22,18,.14)}
.page-atelier .feature-grid h3{color:var(--warm-ink)}
.page-atelier .feature-grid p{color:#625b54}
.page-atelier .specialist-hero{background:#07090a}

/* RECIPE / CODEX — technical content intentionally shifts lighter */
.page-recipe .codex-section{
  background:
    linear-gradient(rgba(238,231,220,.94),rgba(238,231,220,.96)),
    url('backgrounds/copper-ripple.webp') center/cover no-repeat;
  color:var(--warm-ink);
}
.page-recipe .codex-section h2{color:var(--warm-ink)}
.page-recipe .codex-section p{color:#625b54}
.page-recipe .codex-board{border-color:rgba(28,22,18,.22)}
.page-recipe .codex-board div{border-color:rgba(28,22,18,.18);background:rgba(255,255,255,.18)}
.page-recipe .codex-board span{color:#70675f}.page-recipe .codex-board b{color:var(--warm-ink)}

/* PLAYBOOK — structured operating knowledge, darker architectural mesh */
.page-playbook .feature-grid{
  background:
    linear-gradient(rgba(5,7,8,.88),rgba(5,7,8,.94)),
    url('backgrounds/lattice-obsidian.webp') center/cover no-repeat;
}
.page-playbook .feature-grid article{background:rgba(5,7,8,.50)}

/* ACADEMY — human development / credential clarity gets a light reset */
.page-academy .feature-grid{
  background:var(--warm-bone); color:var(--warm-ink); border-color:rgba(28,22,18,.16);
}
.page-academy .feature-grid article{border-color:rgba(28,22,18,.14)}
.page-academy .feature-grid h3{color:var(--warm-ink)}
.page-academy .feature-grid p{color:#625b54}

/* WORK — liquid black/copper between cinematic case-study imagery */
.page-work .work-cards{
  background:
    linear-gradient(rgba(5,7,8,.90),rgba(5,7,8,.96)),
    url('backgrounds/molten-copper.webp') center/cover no-repeat;
}
.page-work .work-cards article{background:rgba(7,9,10,.76)}

/* COLLECTIVE — connection / orbit language */
.page-collective .collective-hero{
  background:
    radial-gradient(circle at 78% 50%,rgba(180,106,68,.16),transparent 34%),
    linear-gradient(90deg,rgba(5,7,8,.97),rgba(5,7,8,.66)),
    url('backgrounds/copper-ripple.webp') center/cover no-repeat;
}
.page-collective .statement-band{
  background:
    linear-gradient(rgba(11,8,7,.90),rgba(11,8,7,.94)),
    url('backgrounds/molten-copper.webp') center/cover no-repeat;
}

/* COMMISSION — premium copper liquid surface beneath live hospitality media */
.page-commission .commission-list{background:rgba(5,7,8,.78);backdrop-filter:blur(12px)}
.page-commission .commission-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(135deg,transparent 55%,rgba(180,106,68,.07));
}

/* PRO remains deliberately separate: platinum / graphite / black. */
.page-pro{--copper2:#cbd0d4}
.page-pro .pro-platform{background:linear-gradient(145deg,#0a0c0e,#050607 65%)}
.page-pro .pro-reference{background:#030405}

/* Section edge gives the site the deliberate slide-to-slide rhythm. */
main>section{position:relative}
main>section+section::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,106,68,.36),transparent);z-index:6}

/* ========================================================================== */
/* SOUND CONTROL — browser-compliant user gesture activates audio.            */
/* ========================================================================== */
.glx-sound-toggle{
  position:fixed;left:22px;right:auto;bottom:22px;z-index:220;display:flex;align-items:center;gap:9px;
  border:1px solid rgba(180,106,68,.68);background:rgba(5,7,8,.82);backdrop-filter:blur(12px);
  color:#d9d2ca;padding:10px 14px;font:500 8px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;
  cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.28);transition:.25s ease;
}
.glx-sound-toggle::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--copper2);box-shadow:0 0 0 0 rgba(180,106,68,.35)}
.glx-sound-toggle[data-on="false"]::before{animation:soundPulse 2s ease-out infinite}
.glx-sound-toggle[data-on="true"]{background:rgba(180,106,68,.94);color:#08090a;border-color:#d69a76}
.glx-sound-toggle[data-on="true"]::before{background:#08090a;border-color:#08090a;animation:none}
.glx-sound-toggle:hover{transform:translateY(-1px);border-color:#d69a76}
@keyframes soundPulse{70%{box-shadow:0 0 0 8px rgba(180,106,68,0)}100%{box-shadow:0 0 0 0 rgba(180,106,68,0)}}
@media(max-width:800px){.glx-sound-toggle{left:14px;right:auto;bottom:14px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.glx-sound-toggle::before{animation:none!important}}

/* PHASE 1 VISUAL LOCK v3.2 */
.page-home .site-header,.page-practice .site-header,.page-method .site-header,.page-applications .site-header{background:linear-gradient(180deg,rgba(4,5,6,.92),rgba(4,5,6,.34));backdrop-filter:blur(4px)}
.page-home .home-hero{min-height:96vh}
.page-home .hero-copy{max-width:780px}
.page-home .hero-copy>p{max-width:700px}
.page-home .global-section{min-height:680px;align-items:center}
.page-home .map-shell img{filter:contrast(1.08) saturate(.88);opacity:.96}
.page-home .why{padding-top:58px;padding-bottom:70px}
.page-home .why-grid article{background:rgba(5,7,8,.48);border:1px solid rgba(180,106,68,.14);padding-bottom:24px}
.page-home .why-grid article img{aspect-ratio:4/3;object-fit:cover}
.page-practice .split-media:after,.page-applications .applications-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,5,6,.42),transparent 52%,rgba(4,5,6,.04));z-index:1}
.page-practice .split-media video,.page-applications .applications-hero video{filter:saturate(.82) contrast(1.04) brightness(.84)}
.page-practice .split-copy,.page-applications .applications-copy{z-index:3}
.page-method .method-hero:after{content:"";position:absolute;width:min(48vw,700px);aspect-ratio:1;border-radius:50%;left:48%;top:50%;transform:translate(-50%,-50%);background:url('../assets/brand/orbit-copper.jpg') center/cover no-repeat;mix-blend-mode:screen;opacity:.36;filter:saturate(.75) sepia(.22);pointer-events:none}
.page-method .method-copy,.page-method .method-steps{position:relative;z-index:2}
.page-applications .applications-hero{min-height:82vh}
@media(max-width:1000px){.page-method .method-hero:after{opacity:.18;left:55%}}

/* ========================================================================== */
/* PHASE 1 v3.3 — BRIGHT TEXTURED SLIDE RHYTHM                               */
/* Brighter copper / bone / bronze / graphite material changes between slides.*/
/* ========================================================================== */
:root{
  --copper-bright:#e0a07a;
  --copper-light:#efb48c;
  --bronze-light:#b98363;
  --bone-bright:#f4ede4;
  --bone-warm:#e7d9ca;
  --graphite-light:#c4c0ba;
}

/* HOME: dark hero stays dramatic, but texture itself is now more visible. */
.page-home .home-hero{
  background:
    linear-gradient(90deg,rgba(3,4,5,.90) 0%,rgba(3,4,5,.58) 44%,rgba(3,4,5,.10) 100%),
    url('backgrounds/topographic-obsidian.webp') center/cover no-repeat;
}
.page-home .home-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 78% 36%,rgba(224,160,122,.14),transparent 27%);
  mix-blend-mode:screen;
}
.page-home .hero-grid{position:relative;z-index:2}

/* GLOBAL: brighter bronze/copper slide, intentionally distinct from hero. */
.page-home .global-section{
  background:
    linear-gradient(100deg,rgba(66,35,24,.90) 0%,rgba(20,22,22,.78) 52%,rgba(6,9,10,.72) 100%),
    url('backgrounds/bronze-orbit.webp') center/cover no-repeat;
  border-color:rgba(224,160,122,.38);
}
.page-home .global-copy h2{color:#fff7ef}.page-home .global-copy h2 em{color:var(--copper-light)}
.page-home .global-copy p{color:#e1d5ca}
.page-home .global-pills b{color:var(--copper-light);font-size:24px}
.page-home .global-pills span{color:#d1b7a7}
.page-home .map-shell img{filter:brightness(1.16) contrast(1.06) saturate(1.10) drop-shadow(0 0 28px rgba(224,160,122,.20));opacity:1}

/* WHY: deliberately becomes a warm, light editorial slide. */
.page-home .why{
  color:var(--warm-ink);
  background:
    linear-gradient(105deg,rgba(244,237,228,.94),rgba(231,217,202,.91)),
    url('backgrounds/copper-ripple.webp') center/cover no-repeat;
  background-blend-mode:screen,normal;
  border-color:rgba(95,58,41,.20);
}
.page-home .why h2{color:#241b16}.page-home .why h2::after{content:"";display:block;width:52px;height:2px;background:var(--copper);margin-top:12px}
.page-home .why-grid article{
  background:rgba(255,251,246,.55);border:1px solid rgba(91,55,38,.16);padding:0 0 24px;
  box-shadow:0 16px 50px rgba(75,47,31,.06);
}
.page-home .why-grid article img{filter:saturate(1.04) contrast(1.03) brightness(1.06);border:0;border-bottom:1px solid rgba(91,55,38,.16)}
.page-home .why-grid h3{color:#241b16;padding-inline:16px}.page-home .why-grid p{color:#675950;padding-inline:16px;font-size:10px}

/* PRO callout: cool graphite/platinum reset after warm section. */
.page-home .pro-home-callout{
  background:linear-gradient(115deg,#d7d7d5 0%,#b9bdc0 33%,#25292c 34%,#090b0c 100%);
  border-color:#73787c;
}
.page-home .pro-home-callout>p{color:#c8cccf}.page-home .pro-home-brand span,.page-home .pro-home-brand small{color:#1b1d1f}
.page-home .pro-home-brand b{background:linear-gradient(#131518,#747a7f);-webkit-background-clip:text;color:transparent}

/* PRACTICE: brighter copper-vein split background + live image. */
.page-practice .split-hero{
  background:
    linear-gradient(90deg,rgba(7,8,8,.87) 0%,rgba(26,16,12,.62) 44%,rgba(7,8,8,.06) 100%),
    url('backgrounds/copper-vein-lattice.webp') left center/cover no-repeat;
}
.page-practice .split-copy p{color:#ddd1c8}
.page-practice .split-media video{filter:saturate(.98) contrast(1.03) brightness(.98)}

/* Practice disciplines become a bright copper/bone slide. */
.page-practice .icon-led-grid{
  color:#211914;
  background:
    linear-gradient(100deg,rgba(238,211,190,.96),rgba(244,237,228,.94)),
    url('backgrounds/topographic-obsidian.webp') center/cover no-repeat;
  background-blend-mode:screen,normal;
  border-color:rgba(91,55,38,.20);
}
.page-practice .icon-led-grid article{border-color:rgba(91,55,38,.17)}
.page-practice .icon-led-grid span{color:#8f4f31}.page-practice .icon-led-grid h3{color:#211914}.page-practice .icon-led-grid p{color:#66584e}
.page-practice .statement-band{
  background:
    linear-gradient(115deg,rgba(153,81,49,.96),rgba(94,48,32,.94)),
    url('backgrounds/bronze-orbit.webp') center/cover no-repeat;
  color:#fff7ef;
}
.page-practice .statement-band h2{color:#fff7ef}.page-practice .statement-band p{color:#ead8ca}.page-practice .statement-band em{color:#ffd1ae}

/* METHOD: make copper/ripple material luminous instead of almost black. */
.page-method .method-hero{
  background:
    linear-gradient(90deg,rgba(7,8,8,.90) 0%,rgba(34,21,15,.62) 45%,rgba(17,12,10,.46) 100%),
    url('backgrounds/ripple-gunmetal.webp') center/cover no-repeat;
}
.page-method .method-hero:before{
  content:"";position:absolute;inset:92px 0 0;pointer-events:none;
  background:radial-gradient(circle at 56% 48%,rgba(239,180,140,.20),transparent 31%);
  mix-blend-mode:screen;
}
.page-method .method-hero:after{opacity:.58;filter:brightness(1.20) saturate(1.05)}
.page-method .method-copy p{color:#e0d4cb}
.page-method .method-steps{background:rgba(24,15,12,.42);border:1px solid rgba(239,180,140,.22);padding:18px 24px 18px 34px;backdrop-filter:blur(5px)}
.page-method .method-steps span{color:#ffbd91}.page-method .method-steps p{color:#d8c8bd}

/* APPLICATIONS: cinematic hero is brighter, then cards vary like material slides. */
.page-applications .applications-hero video{filter:saturate(1.04) contrast(1.02) brightness(.98)}
.page-applications .hero-overlay{background:linear-gradient(90deg,rgba(3,5,6,.90),rgba(3,5,6,.43) 47%,rgba(3,5,6,.06))}
.page-applications .app-suite{background:none;border-top:1px solid rgba(224,160,122,.30)}
.page-applications .app-suite article{backdrop-filter:none;border-color:rgba(51,37,29,.18)}
.page-applications .app-suite article:nth-child(1){background:linear-gradient(145deg,#b46843,#8b4e30);color:#fff8f2}
.page-applications .app-suite article:nth-child(2){background:linear-gradient(145deg,#f2eadf,#dfc8b6);color:#211914}
.page-applications .app-suite article:nth-child(3){background:linear-gradient(145deg,#4a3329,#201a17);color:#fff8f2}
.page-applications .app-suite article:nth-child(4){background:linear-gradient(145deg,#c7c4bf,#9ba0a3);color:#151719}
.page-applications .app-suite article:nth-child(1) p,.page-applications .app-suite article:nth-child(3) p{color:#f0ded2}
.page-applications .app-suite article:nth-child(2) p,.page-applications .app-suite article:nth-child(4) p{color:#4d443e}
.page-applications .app-suite article:nth-child(1) .app-code,.page-applications .app-suite article:nth-child(3) .app-code{color:#ffd0ae}
.page-applications .app-suite article:nth-child(2) .app-code,.page-applications .app-suite article:nth-child(4) .app-code{color:#7d472f}
.page-applications .app-suite article:nth-child(1) a,.page-applications .app-suite article:nth-child(3) a{color:#ffd0ae}
.page-applications .app-suite article:nth-child(2) a,.page-applications .app-suite article:nth-child(4) a{color:#713f2c}
.page-applications .codex{border-color:rgba(122,66,43,.48);color:#6d3c2b}

/* Keep the varied material system coherent on small screens. */
@media(max-width:900px){
  .page-home .pro-home-callout{background:linear-gradient(165deg,#c5c7c8 0%,#34383b 33%,#080a0b 64%)}
  .page-home .pro-home-brand span,.page-home .pro-home-brand small{color:#dfe1e2}
  .page-home .pro-home-brand b{background:linear-gradient(#fff,#8e959a);-webkit-background-clip:text;color:transparent}
  .page-method .method-steps{margin-top:30px}
}

/* ========================================================================== */
/* GASTRO-LX PHASE 1 REBUILD v4.0 — ACTUAL TEXTURE / MATERIAL LOCK           */
/* These rules intentionally override earlier staging experiments.             */
/* ========================================================================== */
:root{
  --v4-copper:#c87d54;
  --v4-copper-hot:#e7a27a;
  --v4-bone:#f1e8dc;
  --v4-ink:#08090a;
}
body{background:#050607}
.site-header{background:linear-gradient(180deg,rgba(4,5,6,.94),rgba(4,5,6,.25));backdrop-filter:blur(10px);border-bottom-color:rgba(205,133,88,.18)}
.page-home .nav a[href="index.html"],
.page-practice .nav a[href="practice.html"],
.page-method .nav a[href="method.html"],
.page-applications .nav a[href="applications.html"],
.page-pro .nav a[href="pro.html"],
.page-work .nav a[href="work.html"],
.page-collective .nav a[href="collective.html"],
.page-commission .nav a[href="commission.html"]{color:var(--v4-copper-hot)}

/* HOME / HERO — exact obsidian topographic family, visibly exposed. */
.page-home .home-hero{
  min-height:100svh;
  background-image:
    linear-gradient(90deg,rgba(2,3,4,.94) 0%,rgba(2,3,4,.78) 36%,rgba(2,3,4,.18) 72%,rgba(2,3,4,.06) 100%),
    url('backgrounds/topographic-obsidian.webp');
  background-size:cover,cover;
  background-position:center,center;
  background-repeat:no-repeat;
  border:0;
}
.page-home .home-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 38%,rgba(231,162,122,.11),transparent 28%)}
.page-home .hero-grid{min-height:100svh;padding-top:145px}
.page-home .home-hero h1{max-width:980px}
.page-home .home-hero h1 em{color:var(--v4-copper-hot)}
.page-home .hero-copy p{color:#d2cbc3}

/* HOME / GLOBAL — bronze orbit as a material slide behind the network map. */
.page-home .global-section{
  min-height:700px;
  background-image:
    linear-gradient(100deg,rgba(8,7,7,.94) 0%,rgba(20,13,10,.78) 40%,rgba(4,6,7,.30) 100%),
    url('backgrounds/bronze-orbit.webp');
  background-size:cover,cover;
  background-position:center,center;
  border-top:1px solid rgba(231,162,122,.35);
  border-bottom:1px solid rgba(231,162,122,.25);
}
.page-home .global-copy{position:relative;z-index:2;padding-block:90px}
.page-home .global-copy h2{font-size:clamp(48px,5vw,78px);color:#f6efe7}
.page-home .global-copy h2 em{color:var(--v4-copper-hot)}
.page-home .global-copy p{color:#dfd1c4;font-size:14px}
.page-home .global-pills{margin-top:56px}
.page-home .global-pills div{border-left-color:rgba(231,162,122,.42)}
.page-home .global-pills b{color:#f2b28a}
.page-home .map-shell{position:relative;z-index:2}
.page-home .map-shell::before{content:"";position:absolute;inset:8%;background:radial-gradient(circle at center,rgba(211,127,80,.20),transparent 58%);filter:blur(30px)}
.page-home .map-shell img{position:relative;z-index:2;filter:brightness(1.15) contrast(1.08) sepia(.12) saturate(1.28) drop-shadow(0 0 30px rgba(211,127,80,.18));opacity:1}

/* HOME / WHY — warm bone slide with the copper ripple visibly beneath it. */
.page-home .why{
  color:#221914;
  padding:75px var(--pad) 90px;
  background-image:
    linear-gradient(110deg,rgba(244,238,231,.90),rgba(226,211,199,.82)),
    url('backgrounds/copper-ripple.webp');
  background-size:cover,cover;
  background-position:center,center;
  background-blend-mode:normal,soft-light;
  border-bottom:1px solid rgba(72,44,31,.22);
}
.page-home .why h2{font-size:clamp(42px,4vw,62px);color:#251b16}
.page-home .why-grid{gap:22px}
.page-home .why-grid article{background:rgba(255,252,248,.72);border:1px solid rgba(77,48,34,.18);box-shadow:0 22px 55px rgba(64,37,24,.08)}
.page-home .why-grid h3{color:#281d17;font-size:23px}
.page-home .why-grid p{color:#66564b;font-size:11px;line-height:1.55}
.page-home .why-grid img{filter:saturate(.92) contrast(1.04)}

/* HOME / PRO reset — platinum separation, no copper-dominant PRO. */
.page-home .pro-home-callout{background:linear-gradient(100deg,#d7dadb 0 28%,#1a1e21 28.2%,#060809 100%);border-top:1px solid #62696e;border-bottom:1px solid #292e32}
.page-home .pro-home-brand span,.page-home .pro-home-brand small{color:#1e2327}
.page-home .pro-home-brand b{background:linear-gradient(180deg,#111518,#71787d);-webkit-background-clip:text;color:transparent}

/* PRACTICE — texture and live culinary film deliberately coexist. */
.page-practice .split-hero{
  min-height:88svh;
  background-image:
    linear-gradient(90deg,rgba(5,6,7,.93) 0%,rgba(15,10,8,.78) 47%,rgba(5,6,7,.12) 100%),
    url('backgrounds/copper-vein-lattice.webp');
  background-size:cover,cover;
  background-position:left center,left center;
}
.page-practice .split-copy{position:relative;z-index:4;padding-top:150px}
.page-practice .split-copy h1 em{color:var(--v4-copper-hot)}
.page-practice .split-media{position:relative;overflow:hidden}
.page-practice .split-media::before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.54),transparent 35%);pointer-events:none}
.page-practice .split-media video{filter:brightness(.92) contrast(1.08) saturate(.95)}
.page-practice .icon-led-grid{
  background-image:
    linear-gradient(115deg,rgba(244,235,226,.92),rgba(220,197,180,.84)),
    url('backgrounds/tone-shift-reference.webp');
  background-size:cover,cover;
  background-blend-mode:normal,soft-light;
  color:#231913;
}
.page-practice .icon-led-grid article{background:rgba(255,252,247,.22)}
.page-practice .statement-band{
  background-image:
    linear-gradient(100deg,rgba(25,12,8,.84),rgba(91,45,27,.72)),
    url('backgrounds/molten-copper.webp');
  background-size:cover,cover;
  background-position:center,center;
}

/* METHOD — gunmetal ripple is the hero, orbit is a separate luminous system layer. */
.page-method .method-hero{
  min-height:100svh;
  background-image:
    linear-gradient(90deg,rgba(4,5,6,.91),rgba(8,8,8,.72) 46%,rgba(24,13,9,.44)),
    url('backgrounds/ripple-gunmetal.webp');
  background-size:cover,cover;
  background-position:center,center;
}
.page-method .method-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 58% 48%,rgba(231,162,122,.15),transparent 29%)}
.page-method .method-hero::after{content:"";position:absolute;width:min(46vw,680px);aspect-ratio:1;left:55%;top:52%;transform:translate(-50%,-50%);background:url('backgrounds/bronze-orbit.webp') center/cover no-repeat;mix-blend-mode:screen;opacity:.56;filter:saturate(.92) brightness(1.05);pointer-events:none}
.page-method .method-copy,.page-method .method-steps{position:relative;z-index:3}
.page-method .method-copy h1 em{color:var(--v4-copper-hot)}
.page-method .method-steps{background:rgba(7,8,9,.64);border:1px solid rgba(231,162,122,.24);backdrop-filter:blur(12px)}
.page-method .method-steps div{border-bottom-color:rgba(231,162,122,.17)}
.page-method .method-steps span{color:#f0a87c}

/* APPLICATIONS — media first, material variation immediately after. */
.page-applications .applications-hero{min-height:88svh;background:#07090a}
.page-applications .applications-hero video{filter:brightness(.88) contrast(1.08) saturate(.92)}
.page-applications .hero-overlay{background:linear-gradient(90deg,rgba(3,4,5,.95) 0%,rgba(3,4,5,.67) 40%,rgba(3,4,5,.08) 72%)}
.page-applications .applications-copy{padding-top:145px}
.page-applications .applications-copy h1 em{color:var(--v4-copper-hot)}
.page-applications .sector-strip{background:rgba(6,7,8,.90);backdrop-filter:blur(10px)}
.page-applications .app-suite{display:grid;grid-template-columns:repeat(4,1fr);background:#08090a}
.page-applications .app-suite article{position:relative;overflow:hidden;min-height:370px;padding:50px 30px}
.page-applications .app-suite article::before{content:"";position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.58}
.page-applications .app-suite article>*{position:relative;z-index:2}
.page-applications .app-suite article:nth-child(1){color:#f8eee6;background:#2b160f}.page-applications .app-suite article:nth-child(1)::before{background-image:linear-gradient(rgba(78,35,20,.54),rgba(29,14,9,.72)),url('backgrounds/molten-copper.webp')}
.page-applications .app-suite article:nth-child(2){color:#251a14;background:#efe5d8}.page-applications .app-suite article:nth-child(2)::before{background-image:linear-gradient(rgba(244,236,227,.84),rgba(226,208,192,.82)),url('backgrounds/copper-ripple.webp')}
.page-applications .app-suite article:nth-child(3){color:#f4ece6;background:#161719}.page-applications .app-suite article:nth-child(3)::before{background-image:linear-gradient(rgba(14,15,17,.74),rgba(8,9,10,.82)),url('backgrounds/lattice-obsidian.webp')}
.page-applications .app-suite article:nth-child(4){color:#e4e8ea;background:#101315}.page-applications .app-suite article:nth-child(4)::before{background-image:linear-gradient(rgba(12,15,17,.70),rgba(12,15,17,.88)),url('backgrounds/liquid-obsidian.webp')}
.page-applications .app-suite article:nth-child(2) p{color:#5d5047}.page-applications .app-suite article:nth-child(2) .app-code,.page-applications .app-suite article:nth-child(2) a{color:#81472f}
.page-applications .app-suite article:nth-child(1) p,.page-applications .app-suite article:nth-child(3) p,.page-applications .app-suite article:nth-child(4) p{color:#cfc4bd}
.page-applications .app-suite article:nth-child(1) .app-code,.page-applications .app-suite article:nth-child(1) a{color:#ffc29b}
.page-applications .app-suite article:nth-child(3) .app-code,.page-applications .app-suite article:nth-child(3) a{color:#d6a083}
.page-applications .app-suite article:nth-child(4) .app-code,.page-applications .app-suite article:nth-child(4) a{color:#c8d0d4}

/* Later-page material continuity so navigating out of Phase 1 does not collapse visually. */
.page-collective .collective-hero{background-image:linear-gradient(90deg,rgba(5,6,7,.90),rgba(5,6,7,.48)),url('backgrounds/bronze-orbit.webp');background-size:cover;background-position:center}
.page-work .work-hero{background-color:#07090a}
.page-commission .commission-hero{background-color:#07090a}
.page-atelier .statement,.page-recipe .codex-section,.page-playbook .feature-grid,.page-academy .feature-grid{background-image:linear-gradient(rgba(238,227,216,.93),rgba(229,211,197,.90)),url('backgrounds/copper-ripple.webp');background-size:cover}

/* Staging cache-busting visual badge is NOT displayed; version exists only in source. */
html::after{content:"v4.0";display:none}

@media(max-width:1050px){
  .page-home .global-section{min-height:auto}
  .page-applications .app-suite{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .page-home .global-copy{padding-block:55px}
  .page-home .why{padding:55px 24px 70px}
  .page-method .method-hero::after{opacity:.25;left:68%;width:86vw}
  .page-applications .app-suite{grid-template-columns:1fr}
}

/* GASTRO-LX REFRESH v4.1 — clarity / media / enquiry reset */
:root{--black:#050708;--ink:#090b0c;--charcoal:#101214;--bone:#f1eee9;--muted:#aaa69f;--copper:#b46a44;--copper2:#d49b77;--platinum:#d6dadd;--platinum2:#9ca4aa;--line:rgba(255,255,255,.14);--max:1540px;--pad:clamp(24px,4.1vw,68px);--serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:Inter,Arial,sans-serif}
body{overflow-x:hidden}.skip:focus{left:18px;top:18px;z-index:999;background:var(--bone);color:#111;padding:10px 14px}.site-header{height:108px;background:linear-gradient(180deg,rgba(3,4,5,.96),rgba(3,4,5,.68) 75%,rgba(3,4,5,.08));backdrop-filter:blur(8px)}.header-inner{align-items:center}.brand{min-width:240px}.brand img{width:50px;height:50px}.brand b{font-size:14px}.brand small{font-size:7px}.header-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.utility{display:flex;align-items:center;justify-content:flex-end;gap:24px;width:100%;font-size:8px;letter-spacing:.14em;color:#aaa7a2}.utility-email{transition:.25s}.utility-email:hover{color:var(--bone)}.lang-switch{display:flex;gap:8px;align-items:center}.lang-switch button{appearance:none;background:none;border:0;padding:0;color:#777b7e;font:600 8px var(--sans);letter-spacing:.18em;cursor:pointer}.lang-switch button.active,.lang-switch button:hover{color:var(--copper2)}.lang-switch span{color:#464a4d}.nav{gap:24px;font-size:8px}.commission-nav{padding:10px 16px}.pro-nav{color:#e1e4e6!important}.menu-btn{order:2}.footer{background:#07090a}.footer-contact span{font-size:7px;letter-spacing:.15em;color:#62676a}.footer-contact a{color:#beb9b3}.footer-contact a:hover{color:var(--copper2)}.footer-bar>span:last-child{text-align:right}

/* Homepage */
.home-hero{min-height:100svh;background:radial-gradient(circle at 75% 35%,rgba(180,106,68,.15),transparent 27%),linear-gradient(90deg,rgba(3,4,5,.98),rgba(3,4,5,.82) 45%,rgba(3,4,5,.28)),url('backgrounds/topographic-obsidian.webp') center/cover no-repeat}.hero-grid{min-height:100svh;padding-top:174px;padding-bottom:50px;position:relative}.hero-copy{max-width:840px}.home-hero h1{font-size:clamp(68px,8vw,132px);line-height:.84;margin:24px 0 30px}.hero-lead{font-size:clamp(15px,1.2vw,20px)!important;line-height:1.55!important;color:#e0ddd8!important;max-width:760px!important}.hero-support{max-width:690px!important;color:#8f9294!important}.hero-signal{position:absolute;right:var(--pad);top:48%;transform:translateY(-15%);width:290px;padding:26px 0 26px 30px;border-left:1px solid rgba(212,155,119,.65);text-align:left}.hero-signal span,.hero-signal small{display:block;color:#74797c;font-size:8px;letter-spacing:.18em}.hero-signal b{display:block;font-family:var(--serif);font-weight:400;font-size:34px;margin:8px 0 12px}.hero-signal small{line-height:1.6;letter-spacing:.1em}.architecture{padding:100px var(--pad);background:var(--bone);color:#161718}.section-intro{display:grid;grid-template-columns:.6fr 1.1fr 1fr;gap:40px;align-items:end;max-width:var(--max);margin:auto 46px}.section-intro .eyebrow{color:#9c5734}.section-intro h2,.architecture h3,.why h2,.method-preview h2,.closing-cta h2,.contact-section h2,.form-head h2,.commission-sequence h2,.pro-value h2,.pro-cta h2{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}.section-intro h2{font-size:clamp(40px,4vw,68px);line-height:.98;margin:0}.section-intro h2 em{color:#a75e3b;font-weight:400}.section-intro p{font-size:12px;line-height:1.65;color:#64615d;margin:0}.architecture-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdb7b0;border-bottom:1px solid #bdb7b0}.architecture-grid>a{padding:34px 30px 38px;border-right:1px solid #c8c2ba;min-height:300px;position:relative;transition:.28s}.architecture-grid>a:last-child{border-right:0}.architecture-grid>a:hover{background:#e7e1da;transform:translateY(-3px)}.architecture-grid span{color:#9f9790;font-size:9px}.architecture-grid small{display:block;color:#9c5734;font-size:8px;letter-spacing:.2em;margin-top:38px}.architecture-grid h3{font-size:34px;margin:14px 0}.architecture-grid p{font-size:11px;line-height:1.6;color:#6d6862;max-width:350px}.architecture-grid b{position:absolute;bottom:34px;font-size:8px;letter-spacing:.16em}.architecture-grid .arch-pro{background:#111417;color:#eceff1}.architecture-grid .arch-pro p{color:#8f969a}.architecture-grid .arch-pro small,.architecture-grid .arch-pro b{color:#cdd2d5}.architecture-grid .arch-pro:hover{background:#171b1e}.global-section{min-height:500px}.global-copy{padding-top:75px;padding-bottom:75px}.global-copy h2{font-size:clamp(46px,4vw,70px)}.global-copy h2 em{color:var(--copper2);font-weight:400}.why{padding:90px var(--pad);background:#0a0c0d}.why-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.why h2{font-size:clamp(42px,4vw,66px);margin:0}.why-grid{gap:18px}.why-grid article{border:0;padding:0}.why-grid img{aspect-ratio:1.42;border:1px solid #34383a;filter:saturate(.75) contrast(1.05)}.why-grid h3{font-size:23px}.why-grid p{font-size:10px;line-height:1.6;max-width:300px}.method-preview{padding:80px var(--pad);display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;background:linear-gradient(110deg,#15191b,#090b0c);border-top:1px solid #262b2e;border-bottom:1px solid #262b2e}.method-preview h2{font-size:52px;margin:14px 0}.method-preview p{color:#92908c;line-height:1.6;max-width:520px}.text-link{font-size:9px;letter-spacing:.16em;color:var(--copper2)}.method-preview ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #373c3f}.method-preview li{padding:24px 18px;border-right:1px solid #373c3f;min-height:155px;display:flex;flex-direction:column;justify-content:space-between}.method-preview li b{font-family:var(--serif);font-weight:400;font-size:28px;color:#686e71}.method-preview li span{font-size:9px;letter-spacing:.2em}.pro-home-callout{grid-template-columns:1.1fr 1.2fr auto;padding-top:82px;padding-bottom:82px}.pro-composed-mark,.pro-lockup-large{display:flex;align-items:center;gap:24px}.pro-enso{position:relative;width:112px;height:112px;flex:none;display:grid;place-items:center}.pro-enso img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain}.pro-enso strong{position:relative;z-index:2;font-family:var(--serif);font-size:21px;letter-spacing:.14em;color:#e5e7e8;font-weight:400}.pro-composed-mark>div:last-child span{display:block;font-size:9px;letter-spacing:.35em;color:#9da2a5}.pro-composed-mark>div:last-child b{display:block;font-family:var(--serif);font-size:62px;font-weight:400;line-height:.85;background:linear-gradient(#fff,#8d9498);-webkit-background-clip:text;color:transparent}.pro-composed-mark>div:last-child small{font-size:7px;letter-spacing:.16em;color:#858b8f}.closing-cta{padding:105px var(--pad);text-align:center;background:var(--bone);color:#151617}.closing-cta .eyebrow{color:#9c5734}.closing-cta h2{font-size:clamp(50px,6vw,92px);margin:12px 0}.closing-cta p{color:#68645e;margin-bottom:30px}

/* Generic static hero media */
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.split-media{position:relative}.split-media .hero-media{position:relative;min-height:600px}.static-hero{position:relative}.commission-hero{min-height:82svh}.commission-copy{padding-top:115px}.commission-copy h1{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}.commission-copy h1 em{color:var(--copper2);font-weight:400}.contact-section{padding:95px var(--pad);max-width:var(--max);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:72px}.contact-intro{padding-top:20px}.contact-intro h2{font-size:58px;line-height:.95;margin:16px 0 24px}.contact-intro h2 em{color:var(--copper2);font-weight:400}.contact-intro>p{color:#8f8c87;line-height:1.6;max-width:450px}.contact-routes{margin-top:40px;border-top:1px solid #303436}.contact-routes a{display:block;padding:19px 0;border-bottom:1px solid #303436}.contact-routes span{display:block;font-size:7px;letter-spacing:.18em;color:#6f7477;margin-bottom:7px}.contact-routes b{font-size:12px;font-weight:400}.contact-routes a:hover b{color:var(--copper2)}.enquiry-form{background:var(--bone);color:#171819;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;border-top:3px solid var(--copper)}.form-head{grid-column:1/-1;margin-bottom:10px}.form-head .eyebrow{color:#9b5736}.form-head h2{font-size:46px;margin:10px 0}.form-head p{font-size:11px;color:#66615c}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:8px;letter-spacing:.15em;color:#5f5b57;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #aaa39b;background:transparent;border-radius:0;padding:12px 4px;color:#1b1c1c;font:12px var(--sans);outline:none}.field textarea{min-height:145px;resize:vertical;border:1px solid #b8b1a8;padding:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--copper)}.form-actions{display:flex;align-items:center;gap:18px}.form-actions span{font-size:9px;color:#77716a;line-height:1.5}.form-result{padding:12px;border:1px solid #a9a199;font-size:10px;line-height:1.5}.form-result.success{border-color:#627b66}.form-result.error{border-color:#9d655c}.hp-field{position:absolute!important;left:-9999px!important}.commission-sequence{padding:65px var(--pad) 100px;background:#0d1011}.commission-sequence>.eyebrow{max-width:var(--max);margin:0 auto 24px}.sequence-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #323638;border-bottom:1px solid #323638}.sequence-grid div{padding:28px 22px;border-right:1px solid #323638}.sequence-grid div:last-child{border-right:0}.sequence-grid b{display:block;font-family:var(--serif);font-size:30px;color:#5d6265;font-weight:400}.sequence-grid span{display:block;font-size:10px;letter-spacing:.18em;margin:24px 0 8px}.sequence-grid small{color:#777c7f}

/* PRO refresh */
.pro-page{background:#050708}.pro-hero{min-height:100svh;padding:170px var(--pad) 90px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;background:radial-gradient(circle at 80% 32%,rgba(210,215,219,.09),transparent 27%),linear-gradient(120deg,#0c0f11,#050708)}.pro-copy{position:relative;z-index:2}.pro-lockup-large{margin-bottom:35px}.pro-lockup-large .pro-enso{width:92px;height:92px}.pro-lockup-large>div:last-child small{display:block;font-size:8px;letter-spacing:.35em;color:#9aa0a4}.pro-lockup-large>div:last-child b{display:block;font-family:var(--serif);font-size:48px;font-weight:400;line-height:.85;color:#e0e3e5}.pro-lockup-large>div:last-child span{display:block;font-size:7px;letter-spacing:.18em;color:#747a7e;margin-top:9px}.pro-copy h1{font-family:var(--serif);font-size:clamp(70px,7vw,118px);font-weight:400;line-height:.84;letter-spacing:-.04em;margin:17px 0 28px}.pro-copy h1 em,.pro-platform h2 em{font-weight:400;color:#d9dde0}.pro-copy>p{font-size:16px;color:#a5aaad;line-height:1.6;max-width:560px}.pro-tags{display:flex;gap:22px;margin-top:32px;font-size:7px;letter-spacing:.19em;color:#777d81}.laptop{width:min(720px,100%);margin:auto}.laptop-screen{aspect-ratio:1.48;background:#111518;border:6px solid #30363a;border-radius:12px 12px 5px 5px;padding:23px;box-shadow:0 35px 80px rgba(0,0,0,.45)}.dash-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.15em;color:#aeb4b8;padding-bottom:18px;border-bottom:1px solid #30363a}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.dash-kpis div{background:#181d20;padding:13px}.dash-kpis small{display:block;font-size:6px;color:#70777b}.dash-kpis b{display:block;font-family:var(--serif);font-weight:400;font-size:21px;margin-top:8px;color:#d5dadd}.dash-main{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;height:210px}.dash-map,.dash-chart{background:linear-gradient(145deg,#151a1d,#0c0f11);border:1px solid #22282b;position:relative;overflow:hidden}.dash-map:before{content:"";position:absolute;inset:18%;border:1px solid #333a3e;border-radius:50%}.dash-map i{position:absolute;width:5px;height:5px;background:#c7ccd0;border-radius:50%;box-shadow:0 0 16px rgba(220,225,228,.8)}.dash-map i:nth-child(1){left:28%;top:34%}.dash-map i:nth-child(2){left:52%;top:55%}.dash-map i:nth-child(3){left:67%;top:28%}.dash-map i:nth-child(4){left:41%;top:70%}.dash-chart{display:flex;align-items:end;gap:8px;padding:24px}.dash-chart span{flex:1;background:linear-gradient(#cbd0d3,#555e63)}.dash-chart span:nth-child(1){height:34%}.dash-chart span:nth-child(2){height:57%}.dash-chart span:nth-child(3){height:48%}.dash-chart span:nth-child(4){height:72%}.dash-chart span:nth-child(5){height:82%}.dash-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.dash-actions span{background:#181d20;padding:11px;font-size:6px;letter-spacing:.1em;color:#858c90}.laptop-base{height:20px;width:106%;margin-left:-3%;background:linear-gradient(#555d61,#202528);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);border-radius:0 0 35px 35px}.pro-platform{padding:105px var(--pad);background:#0c0f11}.pro-title{max-width:var(--max);margin:auto 46px;display:grid;grid-template-columns:145px 1fr;gap:40px;align-items:center}.pro-mini-mark .pro-enso{width:125px;height:125px}.pro-title h2{font-size:clamp(52px,5vw,80px);line-height:.94;margin:12px 0}.pro-title p{color:#8f9599;max-width:680px;line-height:1.6}.pro-modules{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #34393d;border-left:1px solid #34393d}.pro-modules span{padding:20px;border-right:1px solid #34393d;border-bottom:1px solid #34393d;font-size:8px;letter-spacing:.13em;color:#aab0b4}.operation-chain{max-width:var(--max);margin:30px auto 0;padding:18px;border:1px solid #34393d;font-size:8px;letter-spacing:.09em;color:#6f767a;text-align:center}.pro-value{padding:95px var(--pad);background:#07090a}.pro-value>.eyebrow,.pro-value-grid{max-width:var(--max);margin-left:auto;margin-right:auto}.pro-value-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border-top:1px solid #34393d}.pro-value-grid article{padding:35px 30px 25px 0;border-right:1px solid #34393d}.pro-value-grid article+article{padding-left:30px}.pro-value-grid article:last-child{border-right:0}.pro-value-grid span{color:#666d71;font-family:var(--serif);font-size:30px}.pro-value-grid h3{font-size:13px;letter-spacing:.2em;margin:25px 0 12px}.pro-value-grid p{color:#858b8f;font-size:11px;line-height:1.6}.pro-cta{padding:75px var(--pad);display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;background:linear-gradient(120deg,#161a1d,#080a0b);border-top:1px solid #3a4044}.pro-cta h2{font-size:clamp(38px,4vw,62px);max-width:1050px;margin:10px 0 0}

/* Remove obsolete reference montage/sound control */
.pro-reference,.glx-sound-toggle{display:none!important}

@media(max-width:1100px){.site-header{height:92px}.header-inner{align-items:center}.header-right{flex-direction:row;align-items:center;gap:16px}.utility-email{display:none}.utility{width:auto}.nav{position:fixed;top:92px;right:0;left:0;background:rgba(7,9,10,.98);padding:28px var(--pad) 36px;display:none;flex-direction:column;align-items:flex-start;border-top:1px solid #272b2d;gap:0}.nav.open{display:flex}.nav a{width:100%;padding:15px 0;border-bottom:1px solid #25292b;font-size:10px}.menu-btn{display:block}.hero-signal{display:none}.architecture-grid{grid-template-columns:1fr}.architecture-grid>a{border-right:0;border-bottom:1px solid #c8c2ba}.section-intro{grid-template-columns:1fr;gap:18px}.global-section{grid-template-columns:1fr}.map-shell{padding:10px var(--pad) 50px}.why-grid{grid-template-columns:repeat(2,1fr)}.method-preview{grid-template-columns:1fr}.method-preview ol{grid-template-columns:repeat(5,1fr)}.pro-home-callout{grid-template-columns:1fr;align-items:start}.footer-main{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.pro-hero{grid-template-columns:1fr;padding-top:145px}.laptop{max-width:760px}.contact-section{grid-template-columns:1fr}.pro-modules{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){:root{--pad:22px}.brand{min-width:auto}.brand img{width:42px;height:42px}.brand small{display:none}.utility{gap:12px}.lang-switch{gap:6px}.lang-switch button{font-size:8px}.home-hero h1{font-size:61px}.hero-grid{padding-top:145px}.hero-bottom{display:none}.architecture,.why,.contact-section{padding-top:68px;padding-bottom:68px}.why-heading{display:block}.why-heading h2{margin-top:12px}.why-grid{grid-template-columns:1fr}.method-preview{padding-top:65px;padding-bottom:65px;gap:40px}.method-preview ol{grid-template-columns:1fr;border-top:1px solid #373c3f}.method-preview li{min-height:auto;flex-direction:row;align-items:center;border-bottom:1px solid #373c3f}.pro-home-callout{padding-top:65px;padding-bottom:65px}.pro-composed-mark .pro-enso{width:86px;height:86px}.pro-composed-mark>div:last-child b{font-size:48px}.footer-main{grid-template-columns:1fr}.footer-bar{display:block}.footer-bar span{display:block;margin:6px 0;text-align:left!important}.city-line{display:none!important}.commission-copy{padding-top:95px}.commission-copy h1{font-size:56px}.contact-intro h2{font-size:48px}.enquiry-form{grid-template-columns:1fr;padding:30px 22px}.field.full,.form-head{grid-column:1}.form-actions{align-items:flex-start;flex-direction:column}.sequence-grid{grid-template-columns:1fr 1fr}.sequence-grid div{border-bottom:1px solid #323638}.pro-hero{padding:135px var(--pad) 70px;gap:45px}.pro-copy h1{font-size:66px}.laptop-screen{padding:12px}.dash-kpis{grid-template-columns:1fr 1fr}.dash-main{height:150px}.pro-title{grid-template-columns:1fr}.pro-modules{grid-template-columns:1fr 1fr}.pro-value-grid{grid-template-columns:1fr}.pro-value-grid article,.pro-value-grid article+article{border-right:0;border-bottom:1px solid #34393d;padding:28px 0}.pro-cta{grid-template-columns:1fr}.split-hero{grid-template-columns:1fr}.split-media .hero-media{min-height:430px}.icon-led-grid.five,.icon-led-grid.six{grid-template-columns:1fr 1fr}.work-cards{grid-template-columns:1fr!important}}
.pro-enso img{filter:grayscale(1) brightness(1.5) contrast(.86);opacity:.96}.split-hero{padding-top:108px}.applications-hero,.work-hero,.specialist-hero,.commission-hero{padding-top:108px}@media(max-width:1250px) and (min-width:1101px){.hero-signal{display:none}.hero-copy{max-width:760px}}

/* ── v6 Cinematic hero video layer — fire & copper pass films ─────────── */
video.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.work-hero video.hero-media,.applications-hero video.hero-media,
.specialist-hero video.hero-media,.commission-hero video.hero-media{filter:saturate(1.02) contrast(1.03) brightness(.92)}
.split-media video{width:100%;height:100%;object-fit:cover;display:block}

/* Home hero becomes a full-bleed cinematic stage */
.page-home .home-hero{overflow:hidden}
.page-home .home-hero video.hero-media{z-index:0;filter:saturate(1.05) contrast(1.05) brightness(.9);animation:heroDrift 26s ease-in-out infinite alternate}
.page-home .home-hero .hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,6,7,.95) 0%,rgba(4,6,7,.72) 40%,rgba(4,6,7,.30) 72%,rgba(4,6,7,.55) 100%),radial-gradient(120% 85% at 50% 108%,rgba(180,106,68,.16) 0%,transparent 55%)}
.page-home .home-hero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.page-home .hero-grid{position:relative;z-index:3}

/* Homepage hero headline gets the ember reveal */
.page-home .home-hero h1{animation:heroRise 1.1s cubic-bezier(.16,.7,.24,1) both .15s}
.page-home .hero-copy .eyebrow{animation:heroRise 1s cubic-bezier(.16,.7,.24,1) both}
.page-home .hero-lead,.page-home .hero-support,.page-home .actions{animation:heroRise 1.1s cubic-bezier(.16,.7,.24,1) both .35s}
@keyframes heroRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes heroDrift{from{transform:scale(1.02)}to{transform:scale(1.09)}}

/* Reveal-on-scroll for sections */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,.7,.24,1)}
.reveal.in{opacity:1;transform:none}

/* Reduced motion: hold everything still */
@media(prefers-reduced-motion:reduce){
  video.hero-media,.page-home .home-hero video.hero-media{animation:none!important}
  .page-home .home-hero h1,.page-home .hero-copy .eyebrow,.page-home .hero-lead,.page-home .hero-support,.page-home .actions{animation:none!important}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
}

/* ── v6 Craft in Motion band ─────────────────────────────────────────── */
.craft-motion{display:grid;grid-template-columns:1.05fr .95fr;min-height:78vh;border:1px solid #1b1e20;border-top:0;background:#06080a}
.craft-motion-media{position:relative;overflow:hidden;min-height:420px}
.craft-motion-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05) brightness(.94)}
.craft-motion-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,10,.30),transparent 45%);pointer-events:none}
.craft-motion-copy{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:clamp(48px,7vw,110px) var(--pad)}
.craft-motion-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.4vw,72px);line-height:.95;letter-spacing:-.03em;margin:0}
.craft-motion-copy h2 em{color:var(--copper2,#d49b77)}
.craft-motion-copy p{max-width:520px;color:#c2bdb6;font-size:14px;line-height:1.7;margin:0}
@media(max-width:900px){.craft-motion{grid-template-columns:1fr}.craft-motion-media{min-height:56vw}}

/* ── v6 Integration criteria: leadership, pillars, rail, stats, locales ── */

/* Method — vertical numbered rail (DISCOVER → OPTIMISE) */
.method-rail{flex-direction:column;gap:0;border-left:2px solid rgba(212,155,119,.35);padding-left:clamp(20px,3vw,44px);counter-reset:step}
.method-rail>div{position:relative;padding:22px 0 26px;border-bottom:1px solid rgba(255,255,255,.08);counter-increment:step}
.method-rail>div:last-child{border-bottom:0}
.method-rail>div span{position:absolute;left:calc(-1 * clamp(20px,3vw,44px) - 9px);top:24px;width:16px;height:16px;border-radius:50%;background:#0b0d0e;border:2px solid var(--copper2,#d49b77);font-size:0}
.method-rail>div b{display:block;font-size:11px;letter-spacing:.22em;color:var(--copper2,#d49b77);margin-bottom:8px}

.method-rail>div p{margin:0;color:#c2bdb6;font-size:13px;line-height:1.6;max-width:560px}

/* Practice — six-pillar grid */
.pillars{padding:clamp(56px,7vw,100px) 0;border:1px solid #1b1e20;border-top:0;background:#07090b}
.pillars .section-intro{padding:0 var(--pad);margin-bottom:clamp(30px,4vw,54px)}
.pillars-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.08)}
.pillar{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,40px) clamp(18px,2vw,28px);border-right:1px solid rgba(255,255,255,.08);transition:background .3s}
.pillar:last-child{border-right:0}
.pillar:hover{background:rgba(212,155,119,.05)}
/* Six pillar marks — 3D objects, floating, no frames */
.pillar i{display:block;width:64px;height:64px;position:relative;opacity:.92;transition:opacity .3s,transform .3s}
.pillar:hover i{opacity:1;transform:translateY(-2px)}
.pillar i::before,.pillar i::after{content:none}
.pillar i img{width:100%;height:100%;object-fit:contain;display:block}
.pillar b{font-size:10px;letter-spacing:.2em;color:var(--bone)}
.pillar span{font-size:10.5px;line-height:1.55;color:#8f8a83}
@media(max-width:1100px){.pillars-grid{grid-template-columns:repeat(3,1fr)}.pillar{border-bottom:1px solid rgba(255,255,255,.08)}}
@media(max-width:640px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}

/* Homepage — impact stat band */
.impact{padding:clamp(56px,7vw,96px) var(--pad);border:1px solid #1b1e20;border-top:0;background:linear-gradient(180deg,#08090a,#050708)}
.impact-head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.impact-head p{color:#a49f98;font-size:13px;line-height:1.6;margin:14px 0 0}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,40px)}
.impact-grid>div{border-top:2px solid var(--copper2,#d49b77);padding-top:18px}
.impact-grid b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.6vw,56px);color:var(--bone);letter-spacing:-.02em}
.impact-grid span{font-size:9px;letter-spacing:.24em;color:#8f8a83}
@media(max-width:640px){.impact-grid{grid-template-columns:1fr}}

/* Leadership page */
.leadership-hero{position:relative;min-height:78svh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,6,7,.96) 0%,rgba(4,6,7,.72) 48%,rgba(4,6,7,.34) 100%),url('backgrounds/topographic-obsidian.webp') center/cover;border:1px solid #1b1e20}
.leadership-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(4,6,7,.72) 0%,rgba(4,6,7,.48) 34%,rgba(4,6,7,.18) 58%,transparent 74%),radial-gradient(110% 80% at 70% 100%,rgba(180,106,68,.10),transparent 55%);pointer-events:none}
.leadership-copy{position:relative;z-index:2;max-width:820px;padding:150px var(--pad) 80px}
.leadership-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,6vw,96px);line-height:.92;letter-spacing:-.03em;margin:22px 0 24px}
.leadership-copy h1 em{color:var(--copper2,#d49b77)}
.leadership-copy p{max-width:620px;color:#c2bdb6;font-size:14px;line-height:1.7}
.leadership-principle{padding:clamp(60px,8vw,110px) var(--pad);border:1px solid #1b1e20;border-top:0;background:#07090b}
.leadership-disciplines{padding:clamp(60px,8vw,110px) var(--pad);border:1px solid #1b1e20;border-top:0;background:#06080a}
.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.07);margin-top:clamp(30px,4vw,50px)}
.leadership-grid article{background:#07090b;padding:clamp(28px,3vw,44px)}
.leadership-grid b{display:block;font-size:10px;letter-spacing:.22em;color:var(--copper2,#d49b77);margin-bottom:12px}
.leadership-grid p{margin:0;color:#a49f98;font-size:12.5px;line-height:1.6}
@media(max-width:900px){.leadership-grid{grid-template-columns:1fr}}

/* RTL support for Arabic */
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .nav,html[dir="rtl"] .header-inner,html[dir="rtl"] .footer-main{direction:rtl}
html[dir="rtl"] .method-rail{border-left:0;border-right:2px solid rgba(212,155,119,.35);padding-left:0;padding-right:clamp(20px,3vw,44px)}
html[dir="rtl"] .method-rail>div span{left:auto;right:calc(-1 * clamp(20px,3vw,44px) - 9px)}

/* v6.1 method rail refinement — stack label above number, no overlap */
.method-rail>div b{display:block;margin:0 0 6px 26px}
.method-rail>div b::after{content:"";display:none}
.method-rail>div p{margin-left:26px}
.method-rail>div::after{content:"0" counter(step);position:absolute;left:26px;top:22px;font-family:var(--serif);font-size:22px;color:rgba(212,155,119,.55);letter-spacing:0}
.method-rail>div b{margin-top:26px}

/* ── v6.2 Method page mobile overflow fix ────────────────────────────── */
@media(max-width:900px){
  .page-method .method-hero{grid-template-columns:1fr;overflow-x:hidden;max-width:100vw}
  .page-method .method-rail{padding-left:34px;border-left-width:2px;max-width:100%}
  .page-method .method-rail>div{display:block;grid-template-columns:none}
  .page-method .method-rail>div span{left:calc(-34px - 9px)}
  .page-method .method-rail>div::after{position:static;display:block;margin:0 0 6px;font-size:15px}
  .page-method .method-rail>div b{margin:0 0 6px}
  .page-method .method-rail>div p{margin-left:0;max-width:100%}
}
/* global hard guard against any horizontal scroll */
html,body{overflow-x:hidden}

/* ── v6.3 Mobile LCP: poster image is the LCP, video fades over it ────── */
.page-home .home-hero img.hero-lcp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(1.05) contrast(1.05) brightness(.9)}
.page-home .home-hero video.hero-video{z-index:1;opacity:0;transition:opacity .9s ease .1s}
.page-home .home-hero video.hero-video.playing{opacity:1}
/* On mobile: keep poster as the visual until video can play smoothly */
@media(max-width:900px){
  .page-home .home-hero video.hero-video{opacity:0;transition:opacity .8s ease .3s}
}

/* ── v6.4 Hero: topographic "architecture of hospitality" (text-led) ──── */
.page-home .home-hero{background:linear-gradient(90deg,rgba(5,7,8,.97) 0%,rgba(5,7,8,.80) 40%,rgba(5,7,8,.34) 72%,rgba(5,7,8,.12) 100%),url('backgrounds/topographic-obsidian.webp') right center/cover no-repeat}
.page-home .home-hero::before{display:none}
@media(max-width:900px){.page-home .home-hero{background:linear-gradient(180deg,rgba(5,7,8,.96) 0%,rgba(5,7,8,.72) 55%,rgba(5,7,8,.5) 100%),url('backgrounds/topographic-obsidian.webp') center/cover no-repeat}}

/* ── v6.5 Why: light editorial panel (reset build design) ────────────── */
.page-home .why{padding:clamp(56px,7vw,90px) var(--pad);border:1px solid #e6ded2;border-top:0;background:linear-gradient(180deg,#efe9df 0%,#e9e1d4 100%)}
.page-home .why h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,54px);letter-spacing:-.02em;color:#241b16;margin:0 0 clamp(28px,3.5vw,44px)}
.page-home .why h2::after{content:"";display:block;width:52px;height:2px;background:var(--copper);margin-top:14px}
.page-home .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}
.page-home .why-grid article{background:rgba(255,255,255,.55);border:1px solid rgba(180,106,68,.16);padding-bottom:26px;transition:transform .35s ease,box-shadow .35s ease}
.page-home .why-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(36,27,22,.25)}
.page-home .why-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid rgba(91,55,38,.14);filter:saturate(1.04) contrast(1.03) brightness(1.06)}
.page-home .why-grid h3{font-family:var(--serif);font-weight:400;font-size:clamp(19px,1.5vw,23px);color:#241b16;margin:18px 0 8px;padding-inline:18px}
.page-home .why-grid p{color:#675950;font-size:11.5px;line-height:1.6;padding-inline:18px;margin:0}
@media(max-width:1000px){.page-home .why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.page-home .why-grid{grid-template-columns:1fr}}

/* ── v6.6 Ambient sound toggle ───────────────────────────────────────── */
.sound-toggle{position:fixed;left:clamp(16px,3vw,36px);right:auto;bottom:clamp(16px,3vw,32px);z-index:120;display:flex;align-items:center;gap:9px;background:rgba(9,11,12,.72);backdrop-filter:blur(10px);border:1px solid rgba(212,155,119,.35);color:#d8d2c8;padding:10px 16px;cursor:pointer;font-family:inherit;transition:border-color .3s,background .3s}
.sound-toggle:hover{border-color:var(--copper2,#d49b77);background:rgba(9,11,12,.88)}
.sound-toggle:focus-visible{outline:2px solid var(--copper2,#d49b77);outline-offset:3px}
.sound-label{font-size:8px;letter-spacing:.24em;text-transform:uppercase}
.sound-bars{display:flex;align-items:flex-end;gap:2.5px;height:14px}
.sound-bars i{display:block;width:2px;height:4px;background:var(--copper2,#d49b77);opacity:.5;transition:height .2s,opacity .3s}
.sound-toggle.on .sound-bars i{opacity:1;animation:sndBar 1s ease-in-out infinite}
.sound-toggle.on .sound-bars i:nth-child(2){animation-delay:.15s}
.sound-toggle.on .sound-bars i:nth-child(3){animation-delay:.3s}
.sound-toggle.on .sound-bars i:nth-child(4){animation-delay:.45s}
@keyframes sndBar{0%,100%{height:4px}50%{height:14px}}
@media(prefers-reduced-motion:reduce){.sound-toggle.on .sound-bars i{animation:none;height:10px}}
@media(max-width:640px){.sound-toggle{right:12px;bottom:12px;padding:9px 12px}.sound-label{display:none}}

/* Leadership — text definition over video (video untouched) */
.leadership-hero .leadership-copy{position:relative;z-index:2;max-width:720px}
.leadership-hero h1{text-shadow:0 2px 18px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.9),0 0 42px rgba(4,6,7,.6)}
.leadership-hero h1 em{text-shadow:0 2px 18px rgba(0,0,0,.8),0 0 36px rgba(180,106,68,.28)}
.leadership-hero .leadership-copy p{text-shadow:0 1px 10px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,1)}
.leadership-hero .eyebrow{text-shadow:0 1px 8px rgba(0,0,0,.9)}
@media(max-width:800px){.leadership-hero .leadership-copy{padding:26px 20px;background:linear-gradient(180deg,rgba(4,6,7,.72),rgba(4,6,7,.5))}}

/* v6.7 — method hero aligned to reset design: no orbit overlay */
.page-method .method-hero::after{display:none}

/* v6.7 — footer contact + links alignment */
.footer-contact{display:flex;flex-direction:column;gap:6px;font-size:9px}
.footer-contact span{letter-spacing:.18em;color:#8a8782;font-size:7.5px;margin-top:6px}
.footer-contact span:first-child{margin-top:0}
.footer-contact a{color:var(--bone);letter-spacing:.05em}
.footer-contact a:hover{color:var(--copper2,#d49b77)}
@media(max-width:1100px){.footer-main{grid-template-columns:1fr 1fr}}

/* v6.9 — footer refinement: clean two-tier structure */
.footer-brand img{width:52px}
.footer-brand b{font-size:12px;letter-spacing:.26em}
.footer-brand small{font-size:6.5px;letter-spacing:.26em;color:#7e7b76;margin-top:6px}
.footer-phrase{font-size:21px;line-height:1.35;color:#ded9d2}
.footer-phrase em{color:var(--copper2,#d49b77)}
.footer-contact{gap:10px}
.footer-contact span{letter-spacing:.2em;font-size:7px;color:#6f6c67;margin:0 0 2px}
.footer-contact a{font-size:11px;letter-spacing:.06em;color:#d6d1ca;line-height:1.4}
.footer-contact a+a{margin-top:10px}
.footer-contact .fc-group{display:flex;flex-direction:column;margin-bottom:18px}
.footer-contact .fc-group:last-child{margin-bottom:0}
.footer-links{flex-direction:column;align-items:flex-end;gap:12px;padding-top:4px}
.footer-links a{font-size:8.5px;letter-spacing:.14em;color:#8c8984;margin:0}
.footer-links a:hover{color:var(--copper2,#d49b77)}
.footer-bar{border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:1100px){.footer-main{grid-template-columns:1fr 1fr;gap:40px}.footer-links{align-items:flex-start}}
@media(max-width:640px){.footer-main{grid-template-columns:1fr;gap:36px;padding:48px var(--pad) 44px}.footer-links{flex-direction:row;gap:22px}}

/* v6.10 — footer final layout: pillars up, slogan uncompressed, legal in bar */
.footer-id{display:flex;flex-direction:column;gap:26px}
.footer-pillars{font-size:7.5px;letter-spacing:.24em;color:#8a8782}
.footer-phrase{font-size:clamp(22px,2.2vw,30px);line-height:1.28;color:#e5e0d8;white-space:normal}
.footer-phrase br{display:none}
.footer-phrase em{color:var(--copper2,#d49b77)}
.footer-bar{display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer-legal{display:flex;gap:26px}
.footer-legal a{font-size:8.5px;letter-spacing:.14em;color:#8c8984;text-decoration:none}
.footer-legal a:hover{color:var(--copper2,#d49b77)}
.footer-bar .city-line{font-size:7px;letter-spacing:.18em;color:#6f6c67}
@media(max-width:1100px){.footer-main{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:640px){.footer-main{grid-template-columns:1fr;gap:36px}.footer-bar{flex-wrap:wrap;gap:14px}}

/* v6.11 — clear the sound toggle from the pillar strip */
.footer-id{padding-left:clamp(110px,10vw,150px)}
.footer-brand{margin-left:calc(-1 * clamp(110px,10vw,150px))}
.footer-id .footer-pillars{margin-left:0}

/* v6.12 — slogan: one centered line, Together carries the impact */
.footer-main{grid-template-columns:1fr 2fr 1fr;align-items:center}
.footer-phrase{white-space:nowrap;font-size:clamp(24px,2.6vw,36px);line-height:1;text-align:center;letter-spacing:-.01em}
.footer-phrase em{font-size:1.28em;color:var(--copper2,#d49b77);font-style:italic;letter-spacing:-.02em}
@media(max-width:1100px){.footer-phrase{white-space:normal}}

/* v6.13 — slogan: white line smaller, Together on its own line beneath, size contrast emphasized */
.footer-phrase{white-space:normal;line-height:1.18;text-align:center;font-size:clamp(16px,1.5vw,20px);color:#c9c4bd;letter-spacing:.01em}
.footer-phrase br{display:block}
.footer-phrase em{display:block;font-size:clamp(26px,2.9vw,40px);line-height:1.15;margin-top:10px;color:var(--copper2,#d49b77);font-style:italic;letter-spacing:-.015em}

/* v6.14 — PRO standalone button (platinum tier) + emphasized HELLO GASTRO-LX */
.pro-btn{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 8px;border:1px solid rgba(203,208,212,.42);border-radius:999px;background:linear-gradient(180deg,rgba(203,208,212,.10),rgba(203,208,212,.03));transition:border-color .3s,background .3s,transform .3s}
.pro-btn img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(203,208,212,.35))}
.pro-btn span{font-size:8.5px;letter-spacing:.26em;color:#dfe3e6;font-weight:600}
.pro-btn:hover{border-color:rgba(203,208,212,.85);background:linear-gradient(180deg,rgba(203,208,212,.18),rgba(203,208,212,.06));transform:translateY(-1px)}
.commission-nav{border:1.5px solid rgba(212,155,119,.85)!important;padding:13px 22px!important;font-weight:600;letter-spacing:.2em;background:linear-gradient(90deg,rgba(197,121,79,.16),rgba(214,154,118,.10));box-shadow:0 0 0 0 rgba(212,155,119,0);transition:box-shadow .35s,background .35s,transform .3s}
.commission-nav:hover{background:linear-gradient(90deg,#c5794f,#d69a76);color:#090909!important;box-shadow:0 6px 24px rgba(197,121,79,.35);transform:translateY(-1px)}
@media(max-width:800px){.pro-btn{margin:14px 0 4px}.commission-nav{margin-top:8px}}

/* v6.15 — PRO button: spinning ensō + serif wordmark to match the standard lockup */
@keyframes proEnsoSpin{to{transform:rotate(360deg)}}
.pro-btn img.pro-spin{animation:proEnsoSpin 14s linear infinite;transform-origin:50% 50%}
.pro-btn:hover img.pro-spin{animation-duration:5s}
.pro-btn span{font-family:var(--serif);font-size:12px;letter-spacing:.22em;font-weight:400;color:#e6eaed}
@media(prefers-reduced-motion:reduce){.pro-btn img.pro-spin{animation:none}}

/* ── v6.17 — Disciplines section: open layout, headline breathes full width ── */
.leadership-disciplines .section-intro{display:block;max-width:var(--max);margin:0 auto}
.leadership-disciplines .section-intro .eyebrow{margin-bottom:18px}
.leadership-disciplines .section-intro h2{max-width:900px;font-size:clamp(44px,4.6vw,76px);line-height:1.02}
.leadership-disciplines{max-width:var(--max);margin-left:auto;margin-right:auto;border-left:1px solid #1b1e20;border-right:1px solid #1b1e20}
@media(max-width:900px){.leadership-disciplines .section-intro h2{font-size:clamp(38px,8.4vw,52px)}}

/* ── v6.19 — close header-to-content gap ── */
.split-hero{padding-top:92px;min-height:68svh}
.split-copy{padding:52px var(--pad) 60px}
.split-media{min-height:480px}
.applications-hero,.work-hero,.specialist-hero,.commission-hero{min-height:74svh;padding-top:92px}
.applications-copy,.work-copy,.specialist-copy,.commission-copy{padding:64px var(--pad) 90px}
.hero-grid{padding-top:128px}
.method-hero{padding-top:118px}
.collective-hero{padding-top:118px}
@media(max-width:800px){
  .split-copy{padding:44px 24px 48px}
  .applications-copy,.work-copy,.specialist-copy,.commission-copy{padding:56px 24px 100px}
}

/* ── v6.23 — Header rebuild: defined PRO lockup + bold CTA ── */
.pro-btn{padding:6px;border-radius:50%;border:1.5px solid rgba(203,208,212,.55);background:radial-gradient(circle at 50% 42%,rgba(203,208,212,.14),rgba(203,208,212,.03) 68%);box-shadow:0 0 18px rgba(203,208,212,.14),inset 0 0 10px rgba(203,208,212,.06);transition:border-color .3s,box-shadow .35s,transform .3s}
.pro-btn img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(203,208,212,.55)) brightness(1.15) contrast(1.08)}
.pro-btn:hover{border-color:rgba(230,234,237,.95);box-shadow:0 0 30px rgba(203,208,212,.35),inset 0 0 14px rgba(203,208,212,.12);transform:translateY(-1px) scale(1.04)}
.pro-btn img.pro-spin{animation:proEnsoSpin 9s linear infinite;transform-origin:50% 50%}
.pro-btn:hover img.pro-spin{animation-duration:2.8s}
.commission-nav{border:2px solid rgba(224,160,120,.95)!important;padding:14px 26px!important;font-weight:700;letter-spacing:.24em;font-size:11px;color:#f2d7c4;background:linear-gradient(90deg,rgba(197,121,79,.30),rgba(214,154,118,.18));box-shadow:0 0 16px rgba(212,155,119,.18),inset 0 0 8px rgba(212,155,119,.06);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.commission-nav:hover{background:linear-gradient(90deg,#c5794f,#e0a678);color:#070808!important;box-shadow:0 8px 30px rgba(197,121,79,.5);text-shadow:none;transform:translateY(-1px)}
@media(max-width:800px){.pro-btn img{width:38px;height:38px}}

/* ═══════════════════════════════════════════════════════════════════
   v6.34 · Hero flame background + kitchen-pots interstitial
   Additive on top of baseline v658. Layers UNDER existing copy.
   ═══════════════════════════════════════════════════════════════════ */
.home-hero{position:relative;overflow:hidden}
.home-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.home-hero-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 40%;
  opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);
  filter:saturate(.82) contrast(1.02) brightness(.86);
  will-change:opacity;
}
.home-hero-video.is-ready{opacity:.72}
.home-hero-scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(circle at 75% 35%,rgba(180,106,68,.18),transparent 32%),
    linear-gradient(90deg,rgba(3,4,5,.94),rgba(3,4,5,.78) 45%,rgba(3,4,5,.34) 78%,rgba(3,4,5,.15));
}
.home-hero > .hero-grid{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){
  .home-hero-video{display:none}
}

/* Kitchen-pots interstitial — between the WHY grid and CRAFT-IN-MOTION */
.pots-interstitial{
  position:relative;
  height:clamp(260px,42vw,520px);
  overflow:hidden;
  background:#050607;
  border-top:1px solid rgba(212,155,119,.12);
  border-bottom:1px solid rgba(212,155,119,.12);
}
.pots-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 50%;
  filter:saturate(.78) contrast(1.05) brightness(.82);
}
.pots-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(3,4,5,.55) 0%,transparent 30%,transparent 70%,rgba(3,4,5,.70) 100%),
    linear-gradient(90deg,rgba(3,4,5,.42),transparent 55%);
}
.pots-caption{
  position:absolute;left:clamp(20px,4vw,64px);bottom:clamp(28px,4vw,52px);
  z-index:2;color:#e6dfd4;max-width:420px;
}
.pots-caption .eyebrow{
  display:block;font-size:9px;letter-spacing:.32em;color:var(--copper2,#d49b77);
  text-transform:uppercase;margin-bottom:10px;font-weight:500;
}
.pots-caption small{
  display:block;font-family:var(--serif,'Playfair Display',serif);
  font-style:italic;font-size:clamp(15px,1.6vw,22px);line-height:1.4;
  color:#dcd6cd;letter-spacing:-.005em;
}
@media (max-width:640px){
  .pots-interstitial{height:clamp(220px,60vw,340px)}
}

/* ═══════════════════════════════════════════════════════════════════
   v6.35 · Atelier — "On Record" soundtrack section
   Editorial insert between feature-grid and </main>. Apple Music embed.
   Additive on top of v6.34.
   ═══════════════════════════════════════════════════════════════════ */
.atelier-soundtrack{
  padding:clamp(60px,8vw,120px) var(--pad);
  background:linear-gradient(180deg,#0a0c0d 0%,#080a0b 100%);
  border-top:1px solid rgba(212,155,119,.10);
  border-bottom:1px solid rgba(212,155,119,.10);
  position:relative;
}
.atelier-soundtrack::before{
  content:"";position:absolute;top:0;left:var(--pad);
  width:40px;height:1px;background:var(--copper2,#d49b77);
}
.soundtrack-inner{
  max-width:var(--max,1240px);margin:0 auto;
  display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,80px);
  align-items:center;
}
.soundtrack-copy .eyebrow{
  color:var(--copper2,#d49b77);
  font-size:9px;letter-spacing:.32em;text-transform:uppercase;
  margin-bottom:20px;font-family:'JetBrains Mono','SFMono-Regular',ui-monospace,monospace;
  display:block;
}
.soundtrack-copy h2{
  font-family:var(--serif,'Playfair Display',serif);font-weight:400;
  font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.02em;
  color:#f0eae0;margin:0 0 24px;
}
.soundtrack-copy h2 em{
  font-style:italic;color:var(--copper2,#d49b77);font-weight:400;
}
.soundtrack-copy p{
  font-size:14px;line-height:1.65;color:#94908a;
  max-width:420px;margin:0;font-weight:300;
}
.soundtrack-player{
  display:flex;flex-direction:column;gap:12px;
  padding:24px;background:rgba(20,18,16,.5);
  border:1px solid rgba(212,155,119,.14);
  backdrop-filter:blur(6px);
}
.soundtrack-player iframe{
  width:100%;max-width:660px;height:150px;
  overflow:hidden;background:transparent;
  border:0;border-radius:8px;
  display:block;
}
.soundtrack-player small{
  font-family:'JetBrains Mono','SFMono-Regular',ui-monospace,monospace;
  font-size:9px;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(212,155,119,.6);
  padding-left:2px;
}
@media (max-width:820px){
  .soundtrack-inner{grid-template-columns:1fr;gap:32px}
  .soundtrack-copy h2{font-size:34px}
}