:root{--paper:#eeece5;--ink:#211e19;--black:#18191b;--red:#fa5840;--acid:#e7ff5e;--cream:#f7f5ee;--ui:Arial,Helvetica,sans-serif;--display:"Arial Black",Arial,Helvetica,sans-serif;--gutter:clamp(22px,3vw,58px)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--ui);overflow-x:hidden;-webkit-font-smoothing:antialiased}body,button{font-family:var(--ui)}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer;background:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}p,h1,h2,h3{margin:0}::selection{background:var(--red);color:var(--cream)}.skip-link{position:fixed;left:10px;top:-100px;z-index:110;background:var(--cream);color:var(--ink);padding:12px}.skip-link:focus{top:10px}.svg-effects{position:absolute;pointer-events:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 190 190' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");background-size:190px}.reading-line{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--red);transform-origin:left;transform:scaleX(0);z-index:85;pointer-events:none}
.site-header{position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:30px;height:88px;padding:0 var(--gutter);border-bottom:1px solid rgba(255,255,255,.2);color:var(--cream);transition:color .3s,border-color .3s,background .3s;background:rgba(29,27,24,.22);backdrop-filter:blur(8px)}.site-header.on-light{color:var(--ink);border-color:rgba(20,20,20,.18);background:rgba(238,236,229,.20)}.brand{display:flex;align-items:center;width:clamp(145px,12.6vw,205px);flex:0 0 auto}.brand img{display:block;width:100%;height:auto}.site-header.on-light .brand img{filter:none}.header-line{font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap}.header-line span{color:var(--red);margin:0 6px}.site-nav{display:flex;align-items:center;gap:clamp(14px,2vw,32px)}.site-nav a{font-size:10px;font-weight:900;letter-spacing:.06em;white-space:nowrap;transition:color .2s}.site-nav a:hover{color:var(--red)}.nav-contact span{font-size:18px;vertical-align:middle;color:var(--red);margin-left:7px}.menu-toggle,.mobile-nav{display:none}.menu-toggle span{width:25px;height:2px;background:currentColor;display:block;margin:6px 0}
.story{height:500vh;position:relative}.story-viewport{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;isolation:isolate}.story-track{display:flex;position:absolute;inset:0 auto 0 0;width:500vw;height:100%;transform:translate3d(0,0,0);will-change:transform}.story-track.is-blurring{filter:url(#horizontalMotionBlur)}.panel{height:100%;width:100vw;flex:0 0 100vw;position:relative;overflow:hidden;isolation:isolate;padding:112px var(--gutter) 45px}.panel-meta{position:relative;z-index:5;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:900;letter-spacing:.08em}.panel-meta b{color:var(--red)}.meta-arrow{color:var(--red);font-size:22px;margin-left:10px}.panel-hero{background:#211e19}.panel-approach{background:#252a32}.panel-experiments{background:#211e19;color:var(--cream)}.panel-capabilities{background:#211e19}.panel-contact{background:#f55a37;color:var(--ink)}.panel-experiments .panel-meta{border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:14px}.panel-contact .panel-meta{border-bottom:1px solid rgba(20,20,20,.17);padding-bottom:14px}
.hero-art{position:absolute;inset:0;width:100%;height:100%;opacity:.82;pointer-events:none}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:100%}.eyebrow{font-size:clamp(10px,.95vw,15px);font-weight:900;letter-spacing:.09em;margin-bottom:clamp(22px,4vh,45px)}.hero-title{font-family:var(--display);font-weight:1000;letter-spacing:-.095em;line-height:.84;font-size:clamp(112px,17vw,300px);white-space:nowrap}.hero-title>span{display:block;position:relative;width:max-content;max-width:100%}.hero-title>span+span{margin-left:10vw}.outline-white{color:transparent;-webkit-text-stroke:clamp(2px,.24vw,4px) var(--cream)}.hero-star{color:var(--red);font-size:.3em;vertical-align:top;display:inline-block;animation:rotateStar 18s linear infinite;line-height:.6}.registered{position:absolute;right:-35px;bottom:0;font-family:var(--ui);font-size:11px;color:var(--cream);letter-spacing:0;writing-mode:vertical-rl;-webkit-text-stroke:0}.hero-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:4vw;margin-top:clamp(12px,4vh,54px)}.hero-bottom p{font-size:clamp(10px,.83vw,13px);font-weight:900;line-height:1.45}.hero-caption{text-align:right;font-size:10px!important;letter-spacing:.03em}.hero-seal{width:clamp(77px,6.3vw,111px);height:clamp(77px,6.3vw,111px);border-radius:50%;display:grid;align-content:center;justify-content:center;line-height:.96;font-family:var(--display);font-size:clamp(10px,1vw,16px);letter-spacing:-.03em;font-weight:1000;background:var(--red);color:var(--cream);transform:rotate(-9deg);animation:sealTilt 5s ease-in-out infinite}.hero-seal small{position:absolute;right:13px;top:25px}.ticker{position:absolute;bottom:0;left:0;width:100%;height:60px;display:flex;align-items:center;overflow:hidden;background:#d72c11;color:var(--cream);white-space:nowrap;transform:translateZ(0)}.ticker-track{font-family:var(--display);font-weight:1000;font-size:37px;letter-spacing:-.055em;animation:marquee 24s linear infinite}
.manifesto-layout{height:calc(100% - 25px);display:grid;grid-template-columns:22% minmax(0,1fr);gap:5%;align-items:center;position:relative;z-index:2}.approach-aside{font-size:clamp(12px,1vw,16px);font-weight:900;letter-spacing:.05em;line-height:1.5}.approach-flower{font-size:clamp(90px,12vw,190px);color:var(--red);line-height:1.05;animation:rotateStar 20s linear infinite;transform-origin:center;width:max-content;margin-bottom:26px}.manifesto-main{min-width:0}.manifesto-title{font-family:var(--display);font-weight:1000;font-size:clamp(60px,10.2vw,165px);letter-spacing:-.08em;line-height:.91;white-space:nowrap}.manifesto-title em{font-style:normal;color:transparent;-webkit-text-stroke:clamp(2px,.25vw,4px) var(--red);display:inline-block;animation:wobble 4s ease-in-out infinite}.red-dot{color:var(--red)}.manifesto-caption{border-top:1px solid rgba(255,255,255,.45);display:grid;grid-template-columns:.8fr 1.25fr;gap:28px;margin-top:3vh;padding-top:2.4vh}.manifesto-caption span{font-size:11px;letter-spacing:.1em;font-weight:900}.manifesto-caption p{font-size:clamp(15px,1.4vw,22px);line-height:1.4;max-width:37ch;font-weight:700}.background-question{position:absolute;left:-6%;bottom:-23%;font-family:var(--display);font-size:75vh;color:transparent;-webkit-text-stroke:3px rgba(255,255,255,.075);pointer-events:none}
.experiment-intro{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(150px,1fr);gap:5%;align-items:end;margin:clamp(25px,4.7vh,50px) 0 clamp(20px,4vh,42px)}.experiment-intro h2{font-family:var(--display);font-size:clamp(46px,6.1vw,100px);letter-spacing:-.09em;line-height:.95}.experiment-intro h2 em{font-style:normal;color:transparent;-webkit-text-stroke:clamp(1.6px,.15vw,3px) var(--red);white-space:nowrap}.experiment-intro p{font-size:clamp(11px,.95vw,15px);font-weight:700;line-height:1.48;max-width:36ch}.experiment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,35px);height:clamp(240px,44vh,470px)}.experiment-card{min-width:0;display:flex;flex-direction:column}.experiment-label,.experiment-footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:900;letter-spacing:.06em}.experiment-label{padding-bottom:12px}.experiment-footer{padding-top:12px;font-size:clamp(13px,1.2vw,19px);font-family:var(--display);letter-spacing:-.05em}.experiment-footer small{font-family:var(--ui);letter-spacing:.03em;font-size:9px}.experiment-art{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate}.optical{background:#ef5439}.orbit{border:24px solid var(--ink);border-radius:50%;width:76%;aspect-ratio:1;position:absolute;top:2%;left:12%;mix-blend-mode:multiply;animation:orbitWarp 8s ease-in-out infinite}.orbit-two{border-color:var(--cream);animation-delay:-2s}.orbit-three{animation-delay:-4s}.optical>span{font-family:var(--display);font-size:clamp(25px,3vw,47px);line-height:.85;letter-spacing:-.085em;position:absolute;bottom:9%;left:8%;font-weight:1000;color:var(--cream);text-shadow:0 1px 0 var(--ink)}.type-art{background:#6250e7;color:#fff;overflow:hidden}.type-layers{position:absolute;inset:-20%;display:flex;flex-direction:column;justify-content:center;transform:rotate(-14deg);font-family:var(--display);font-size:clamp(75px,12vw,190px);line-height:.85;letter-spacing:-.13em;font-weight:1000}.type-layers b{color:transparent;-webkit-text-stroke:2px #fff;animation:typeShift 5s ease-in-out infinite}.type-layers b:nth-child(2){color:#fff;-webkit-text-stroke:0;animation-direction:reverse}.type-art>strong{position:absolute;right:8%;bottom:5%;font-size:clamp(95px,15vw,240px);line-height:.8;letter-spacing:-.12em;color:var(--acid);mix-blend-mode:difference}.perception{background:var(--acid)}.illusion{position:absolute;inset:-70%;background:repeating-conic-gradient(#141411 0deg 3deg,transparent 3deg 15deg);animation:rotateStar 45s linear infinite}.look-disc{position:absolute;inset:auto 8% 9% auto;width:65%;aspect-ratio:1;border-radius:50%;background:var(--acid);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--display);font-size:clamp(25px,3.5vw,60px);line-height:.88;letter-spacing:-.07em;transform:rotate(9deg)}.look-disc small{position:absolute;right:14%;bottom:12%;font-size:.55em}.experiment-tail{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.07em;font-weight:900;margin-top:3vh}
.capability-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));column-gap:clamp(35px,5vw,105px);margin:clamp(25px,4vh,50px) auto 0;max-width:1320px;height:calc(100% - 150px)}.capability{min-width:0;border-top:1px solid rgba(255,255,255,.33);display:grid;grid-template-columns:26px minmax(0,1fr) 25px;gap:10px;align-items:center;text-align:center}.capability>span{font-size:10px;font-weight:900}.capability>div{min-width:0}.capability h2{font-family:var(--display);font-weight:1000;font-size:clamp(23px,2.7vw,47px);letter-spacing:-.075em;line-height:1.03;overflow-wrap:anywhere}.capability p{margin-top:7px;font-size:10px;font-weight:800;letter-spacing:.02em}.capability b{font-size:24px;font-weight:400;transition:color .2s,transform .2s}.capability:hover h2,.capability:hover b{color:var(--red)}.capability:hover b{transform:translate(4px,-4px)}.capability-footer{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:10px;font-weight:900;letter-spacing:.1em}
.contact-content{position:relative;z-index:2;height:calc(100% - 32px);display:flex;flex-direction:column;justify-content:center}.contact-content>.eyebrow{margin-bottom:3vh}.contact-content h2{font-family:var(--display);font-size:clamp(100px,16.5vw,288px);letter-spacing:-.09em;line-height:.82;font-weight:1000}.contact-content h2 em{font-style:normal;margin-left:8vw;color:transparent;-webkit-text-stroke:clamp(2px,.25vw,5px) var(--ink)}.contact-content h2>span{color:var(--cream)}.contact-bottom{margin-top:clamp(25px,5vh,55px);display:flex;align-items:end;justify-content:space-between;gap:35px}.contact-bottom>p{font-family:var(--display);font-size:clamp(26px,3vw,49px);line-height:1;letter-spacing:-.05em}.contact-link-wrap{text-align:right}.contact-link-wrap span{display:block;font-size:10px;font-weight:900;letter-spacing:.11em;margin-bottom:10px}.contact-link-wrap a{display:inline-flex;background:var(--ink);color:var(--cream);padding:clamp(15px,1.6vw,25px);font-family:var(--display);font-size:clamp(11px,1.2vw,18px);font-weight:900;transition:background .2s,color .2s}.contact-link-wrap a:hover{background:var(--cream);color:var(--ink)}.contact-spiral{position:absolute;right:-13%;top:20%;width:52vw;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 19px,rgba(20,20,20,.24) 20px 22px);opacity:.55;animation:rotateStar 45s linear infinite;pointer-events:none}.site-footer{position:absolute;z-index:3;bottom:16px;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between;gap:18px;font-size:10px;font-weight:900;letter-spacing:.06em}.site-footer img{width:175px;height:auto;filter:none}
.global-counter{position:fixed;bottom:16px;right:var(--gutter);z-index:80;display:flex;align-items:baseline;gap:9px;color:var(--cream);mix-blend-mode:difference;font-family:var(--display);font-size:16px}.global-counter .divider{opacity:.5}.global-arrow{font-family:var(--ui);font-weight:900;letter-spacing:.09em;font-size:10px;margin-left:14px;color:var(--cream)}
.word-reveal .word{display:inline-block;opacity:var(--word-opacity,1);transform:translate3d(var(--word-shift,0px),0,0)}.panel [data-appear]{opacity:var(--appear-opacity,1);transform:translate3d(var(--appear-x,0px),0,0)}
@keyframes rotateStar{to{transform:rotate(360deg)}}@keyframes sealTilt{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes marquee{to{transform:translateX(-40%)}}@keyframes orbitWarp{0%,100%{transform:rotate(-25deg) scaleY(.7)}50%{transform:rotate(80deg) scaleY(.78)}}@keyframes typeShift{50%{transform:translateX(18%)}}@keyframes wobble{0%,100%{transform:translateX(0) rotate(0)}33%{transform:translateX(-4px) rotate(-1.5deg)}66%{transform:translateX(4px) rotate(1.4deg)}}
@media(max-width:1200px){.header-line{display:none}.hero-title{font-size:clamp(96px,17vw,210px)}.manifesto-title{font-size:clamp(54px,10vw,140px)}.experiment-intro h2{font-size:clamp(45px,6vw,80px)}}
@media(max-width:760px){:root{--gutter:18px}.site-header{height:64px;padding:0 var(--gutter)}.brand{width:156px}.site-nav{display:none}.menu-toggle{display:block;color:inherit;padding:8px;z-index:92}.mobile-nav{display:none;position:absolute;top:64px;left:0;right:0;padding:24px var(--gutter);background:#24252a;color:var(--cream);border-bottom:1px solid rgba(255,255,255,.15);flex-direction:column;gap:24px}.mobile-nav.open{display:flex}.mobile-nav a{font-family:var(--display);font-size:21px;font-weight:900}.panel{padding:78px var(--gutter) 24px}.panel-meta{font-size:8px}.panel-meta>span:last-child{display:none}.hero-content{justify-content:center}.eyebrow{font-size:9px;margin-bottom:26px}.hero-title{font-size:clamp(66px,22vw,118px);line-height:.91;letter-spacing:-.10em}.hero-title>span+span{margin-left:4vw}.hero-star{font-size:.24em}.registered{right:-14px;font-size:8px}.hero-bottom{margin-top:35px;grid-template-columns:1fr auto;gap:12px}.hero-bottom p{font-size:10px}.hero-caption{display:none}.hero-seal{width:73px;height:73px;font-size:10px}.ticker{height:43px}.ticker-track{font-size:25px}.manifesto-layout{display:flex;flex-direction:column;justify-content:center;gap:28px;align-items:stretch}.approach-aside{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:end;font-size:10px}.approach-flower{font-size:78px;margin:0}.manifesto-title{font-size:clamp(45px,12vw,78px);line-height:.94}.manifesto-caption{display:block;margin-top:22px;padding-top:18px}.manifesto-caption>span{font-size:9px}.manifesto-caption p{font-size:clamp(13px,3.8vw,17px);margin-top:16px;max-width:42ch}.background-question{font-size:60vh}.experiment-intro{display:block;margin:clamp(13px,2.4vh,30px) 0 15px}.experiment-intro h2{font-size:clamp(44px,10.8vw,70px);line-height:1}.experiment-intro p{font-size:10px;line-height:1.3;margin-top:12px;max-width:43ch}.experiment-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);height:calc(100% - 244px);min-height:285px;gap:8px}.experiment-card{display:grid;grid-template-columns:1fr 1.45fr;grid-template-rows:1fr auto;column-gap:10px;min-height:0}.experiment-label{flex-direction:column;justify-content:center;gap:8px;align-items:start;padding:0;font-size:8px}.experiment-art{grid-column:2;grid-row:1 / 3}.experiment-footer{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:3px;padding-bottom:2px;font-size:12px}.experiment-footer small{font-size:8px}.optical>span{font-size:20px}.orbit{border-width:13px}.type-layers{font-size:70px}.type-art>strong{font-size:75px}.look-disc{width:53%;font-size:23px}.experiment-tail{display:none}.capability-grid{grid-template-columns:1fr;grid-template-rows:repeat(8,minmax(0,1fr));height:calc(100% - 105px);margin-top:24px;max-width:none}.capability{grid-template-columns:19px minmax(0,1fr) 19px;gap:6px}.capability h2{font-size:clamp(19px,5vw,29px);letter-spacing:-.07em}.capability p{font-size:9px;margin-top:3px}.capability>span{font-size:8px}.capability b{font-size:18px}.capability-footer{font-size:8px;letter-spacing:0}.capability-footer span{display:none}.contact-content{justify-content:center}.contact-content>.eyebrow{font-size:10px}.contact-content h2{font-size:clamp(74px,19vw,125px);line-height:.94}.contact-content h2 em{margin-left:3vw}.contact-bottom{display:block;margin-top:40px}.contact-bottom>p{font-size:clamp(28px,6.2vw,43px)}.contact-link-wrap{text-align:left;margin-top:35px}.contact-link-wrap a{font-size:12px;padding:16px}.contact-spiral{width:100vw;top:33%;right:-39%;opacity:.4}.site-footer{bottom:50px;font-size:8px}.site-footer img{width:90px}.site-footer span:nth-child(2){display:none}.global-counter{font-size:14px;right:var(--gutter);bottom:10px}.global-arrow{font-size:8px;margin-left:4px}}
@media(max-height:720px) and (min-width:761px){.panel{padding-top:98px;padding-bottom:28px}.hero-title{font-size:clamp(94px,15.2vw,230px)}.eyebrow{margin-bottom:15px}.manifesto-title{font-size:clamp(53px,8vw,134px)}.manifesto-caption p{font-size:16px}.experiment-intro{margin:15px 0}.experiment-grid{height:42vh}.capability-grid{height:calc(100% - 105px);margin-top:20px}.contact-content h2{font-size:clamp(100px,14vw,210px)}}
@media(max-height:690px) and (max-width:760px){.hero-title{font-size:20vw}.hero-bottom{margin-top:15px}.manifesto-title{font-size:11vw}.manifesto-caption p{font-size:12px}.experiment-intro h2{font-size:10vw}.experiment-grid{height:calc(100% - 205px);min-height:235px}.contact-bottom{margin-top:22px}.contact-link-wrap{margin-top:18px}.site-footer{bottom:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.story-track{filter:none!important}.word-reveal .word,.panel [data-appear]{opacity:1!important;transform:none!important}}
/* Keep chapter counter above the opening ticker; never overlap text. */
.global-counter{bottom:76px}
@media(max-width:760px){.global-counter{bottom:56px}}

/* The last chapter has its own footer and CTA; don't float a counter over the email. */
body.at-contact .global-counter{opacity:0;pointer-events:none}

/* V6.1 — prevent rubber-band bounce interfering with one-gesture navigation */
html,body{overscroll-behavior-y:none}


/* V6.2 — fixed original-white logo, regardless of background */
.site-header .brand img,.site-header.on-light .brand img,.site-footer img{filter:none!important;opacity:1}

/* Fast one-at-a-time kinetic titles on scene 04. Hover red remains unchanged. */
@keyframes capKineticEnter{
  0%{opacity:0;transform:translate3d(36px,13px,0) skewX(-5deg);filter:blur(4px)}
  65%{opacity:1;transform:translate3d(-3px,-1px,0) skewX(.5deg);filter:blur(.3px)}
  100%{opacity:1;transform:translate3d(0,0,0) skewX(0);filter:blur(0)}
}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .panel-capabilities .capability{opacity:0;transform:translate3d(36px,13px,0)}
  .motion-ready .panel-capabilities.is-revealing .capability{
    animation:capKineticEnter .43s cubic-bezier(.16,1,.3,1) both;
    animation-delay:calc(var(--order,0) * 68ms);
  }
}
@media(prefers-reduced-motion:reduce){
 .panel-capabilities .capability{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
}


/* V6.3: stable chrome on light/dark stages. Logo remains original white.
   One consistent translucent header, never a separate logo/CTA box. */
:root{color-scheme:dark}
.site-header,.site-header.on-light{
  color:var(--cream);
  border-bottom-color:rgba(255,255,255,.16);
  background:rgba(25,25,26,.88);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}
.site-header .brand img,.site-header.on-light .brand img,.site-footer img{
  filter:none!important;opacity:1!important;
}
.site-header .menu-toggle{color:var(--cream)}
/* Initial URL hash determines chapter before deferred JavaScript first paints. */
.story-track{transform:translate3d(calc(var(--opening-chapter,0) * -100vw),0,0)}


/* V6.4: V6.2 classic palette + dark experiments, no page-03 cream.
   Preserve the actual experiments artwork colors and readable, crisp type. */
.panel-experiments{
  background:#211e19;
  color:#f7f5ee;
}
.panel-experiments .experiment-intro h2,
.panel-experiments .experiment-intro p,
.panel-experiments .experiment-label,
.panel-experiments .experiment-footer,
.panel-experiments .experiment-tail,
.panel-experiments .panel-meta{color:#f7f5ee}
.panel-experiments .experiment-intro h2 em{
  color:transparent;
  -webkit-text-stroke:clamp(1.6px,.15vw,3px) #fa5840;
}
.panel-experiments .panel-meta{border-bottom-color:rgba(247,245,238,.23)}
/* The white studio logo is always visible against the existing dark header. */
.site-header,.site-header.on-light{background:rgba(25,25,26,.88);color:#f7f5ee}

/* V6.5 — crimson contact, clean typographic field list */
.panel-contact{background:#e53935;color:var(--ink)}
.panel-contact .contact-content h2>span{color:var(--cream)}
/* Remove the ruled dividers, without changing stagger/hover color behavior. */
.panel-capabilities .capability{border-top:none;border-bottom:none;box-shadow:none}
/* Keep the original logo untouched and white in all five scenes. */
.site-header .brand img,.site-header.on-light .brand img,.site-footer img{filter:none!important;opacity:1!important}


/* V6.6 — only scene 03's top divider is removed. */
.panel-experiments .panel-meta{border-bottom:none!important;padding-bottom:0!important}

/* Minimal sound unlock/control; independent of scene background palette. */
.site-header .sound-toggle{appearance:none;border:1px solid rgba(247,245,238,.32);background:transparent;
 color:#f7f5ee;border-radius:100px;padding:8px 11px;display:inline-flex;align-items:center;
 gap:7px;flex:0 0 auto;font-family:var(--ui);font-size:9px;letter-spacing:.065em;
 font-weight:900;line-height:1.05;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.site-header .sound-toggle:hover{border-color:#fa5840;color:#fa7356}
.site-header .sound-toggle:focus-visible{outline:2px solid #fa7356;outline-offset:3px}
.site-header .sound-toggle[aria-pressed="true"]{border-color:rgba(250,88,64,.70)}
.sound-symbol{font-size:17px;line-height:1;color:#fa5840}
@media(max-width:760px){
  .site-header .sound-toggle{margin-left:auto;padding:7px 9px;font-size:8px;gap:5px}
  .site-header .sound-toggle .sound-symbol{font-size:15px}
}

@media(max-width:760px){
  .site-header{gap:8px}
  .site-header .brand{width:clamp(118px,38vw,156px)}
}