: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(255,255,255,.12);background:linear-gradient(180deg,rgba(3,4,5,.78),rgba(3,4,5,.12))}.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:55px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.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}.footer-links a{font-size:9px;color:#8c8984;margin-left:20px}.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.png') 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.png') center/cover no-repeat;
}
.page-home .why{
  background:
    linear-gradient(rgba(6,8,9,.91),rgba(6,8,9,.94)),
    url('backgrounds/liquid-obsidian.png') 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.png') 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.png') 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.png') 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.png') 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.png') 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.png') 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.png') 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.png') 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;right:22px;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{right:14px;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.png') 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.png') 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.png') 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.png') 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.png') 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.png') 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.png') 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.png');
  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.png');
  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.png');
  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.png');
  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.png');
  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.png');
  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.png');
  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.png') 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.png')}
.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.png')}
.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.png')}
.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.png')}
.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.png');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.png');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}
}