:root{
  --paper:#efefeb;
  --ink:#1e1e1e;
  --orange:#ea5b0c;
  --white:#f8f8f4;
  --header-h:76px;
  --section-mix:0;
  --display-size:clamp(64px,6.4vw,116px);
  --kicker-size:10px;
  --body-size:clamp(14px,1vw,16px);
  --body-leading:1.58;
  --content-gutter:7vw;
}

*{box-sizing:border-box;-webkit-user-select:none;user-select:none}
html{background:var(--paper);scroll-behavior:auto}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Montserrat",Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.is-loading{overflow:hidden}
button{font:inherit;color:inherit}
img{display:block;max-width:100%}
::selection{background:transparent;color:inherit}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#d8d8d3}
::-webkit-scrollbar-thumb{background:#85857f;border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--orange)}

/* Loading ---------------------------------------------------------------- */
.site-loader{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;background:#fff;opacity:1;visibility:visible;transition:opacity .62s cubic-bezier(.4,0,.2,1),visibility 0s linear .62s}
.site-loader.is-complete{opacity:0;visibility:hidden;pointer-events:none}
.loader-mark{position:relative;width:clamp(112px,10vw,156px);aspect-ratio:292/318}
.loader-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.loader-outline{opacity:.8}
.loader-fill{position:absolute;inset:0;display:block;overflow:hidden;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);will-change:clip-path;transform:translateZ(0)}

/* Header ----------------------------------------------------------------- */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1200;pointer-events:none}
.scroll-progress span{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;will-change:transform}
.site-header{opacity:var(--space-header,1);position:fixed;z-index:900;top:0;left:0;right:0;height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 28px;color:var(--ink);pointer-events:none}
.site-header::after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:1px;background:currentColor;opacity:calc(.08 + var(--section-mix)*.06);transform:scaleX(var(--header-line,0));transform-origin:left;transition:transform .35s ease}
.site-header>*{pointer-events:auto}
.brand{display:flex;width:46px;height:50px;align-items:center;justify-content:flex-start;pointer-events:none}
.brand-mark{position:relative;display:block;width:36px;aspect-ratio:292/318}
.brand-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.brand-white{opacity:var(--section-mix)}
.brand-black{opacity:calc(1 - var(--section-mix))}
.language-switch{display:flex;align-items:center;gap:12px}
.language-switch button{position:relative;appearance:none;border:0;background:none;padding:8px 0;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.08em;opacity:.48;transition:opacity .2s ease}
.language-switch button::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.language-switch button:hover::after,.language-switch button.is-active::after{transform:scaleX(1)}
.language-switch button.is-fluid-hover::after{transform:scaleX(1)}
.language-switch button:hover,.language-switch button.is-active{opacity:1}

/* Hero ------------------------------------------------------------------- */
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:var(--paper);contain:paint}
.flow-canvas,.hero-dust-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:translateZ(0)}
.liquid-webgl{position:fixed;inset:0;z-index:950;opacity:1;mix-blend-mode:normal;image-rendering:auto;visibility:visible}
.liquid-webgl.is-outside-hero{visibility:hidden}
.hero-dust-canvas{z-index:6}
.hero-center-logo{position:absolute;left:51.5%;top:48%;width:clamp(245px,31.5vw,470px);aspect-ratio:875/798;z-index:1;pointer-events:none;perspective:1600px;transform:translate(-50%,-50%);transform-style:preserve-3d}
.hero-center-logo img{--logo-mouse-x:0px;--logo-mouse-y:0px;--logo-mouse-rx:0deg;--logo-mouse-ry:0deg;width:100%;height:100%;object-fit:contain;transform-origin:center;transform-style:preserve-3d;will-change:transform;filter:saturate(1) contrast(1.035) drop-shadow(0 26px 42px rgba(30,30,30,.13));animation:heroLogoDrift 13s linear infinite}
@keyframes heroLogoDrift{
  0%,100%{transform:translate3d(calc(var(--logo-mouse-x) - 5px),calc(var(--logo-mouse-y) + 2px),0) rotateX(calc(var(--logo-mouse-rx) + .15deg)) rotateY(calc(var(--logo-mouse-ry) - .48deg)) rotateZ(-.06deg) scale(1)}
  25%{transform:translate3d(calc(var(--logo-mouse-x) + 4px),calc(var(--logo-mouse-y) - 5px),0) rotateX(calc(var(--logo-mouse-rx) + .38deg)) rotateY(calc(var(--logo-mouse-ry) + .58deg)) rotateZ(.06deg) scale(1.005)}
  50%{transform:translate3d(calc(var(--logo-mouse-x) + 6px),calc(var(--logo-mouse-y) + 3px),0) rotateX(calc(var(--logo-mouse-rx) - .29deg)) rotateY(calc(var(--logo-mouse-ry) + .20deg)) rotateZ(.08deg) scale(1.002)}
  75%{transform:translate3d(calc(var(--logo-mouse-x) - 3px),calc(var(--logo-mouse-y) - 4px),0) rotateX(calc(var(--logo-mouse-rx) + .24deg)) rotateY(calc(var(--logo-mouse-ry) - .35deg)) rotateZ(-.05deg) scale(1.006)}
}
.hero-title-wrap{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:0 2.2vw;pointer-events:none;will-change:transform,opacity}
.hero-title{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(88px,15.9vw,310px);font-weight:400;line-height:.74;letter-spacing:-.032em;white-space:nowrap;text-align:center;color:var(--ink);pointer-events:auto;cursor:default;transition:letter-spacing .7s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1);transform-origin:center}
.hero-title .letter{display:inline-block;color:var(--ink);transform:scaleX(var(--glyph-width,1)) translateZ(0);-webkit-text-stroke:var(--glyph-stroke,0) var(--ink);transition:transform .58s cubic-bezier(.16,1,.3,1),-webkit-text-stroke .58s cubic-bezier(.16,1,.3,1);transform-origin:center 55%;will-change:transform}
.hero-title .letter-space{width:.22em;pointer-events:none}
.hero-title.is-variable-hover{letter-spacing:-.006em;transform:scaleX(1.014)}
.hero-welcome{position:absolute;left:28px;bottom:28px;z-index:7;width:min(520px,48vw);display:grid;gap:7px;will-change:transform,opacity}
.hero-welcome strong{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ink)}
.hero-welcome p{margin:0;max-width:520px;font-size:clamp(13px,1.02vw,17px);line-height:1.55;font-weight:500;letter-spacing:-.015em}
.liquid-fallback-v7::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 52% 46%,rgba(30,30,30,.06),transparent 28%)}

/* Diagonal handoff ------------------------------------------------------- */
.hero-diagonal-wipe{position:fixed;inset:0;z-index:820;width:100vw;height:100vh;pointer-events:none;background:var(--ink);opacity:0;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);will-change:clip-path,opacity;backface-visibility:hidden;contain:strict}
.hero-diagonal-wipe.is-active{opacity:1}
.manifesto-transition-preview{position:absolute!important;inset:0!important;width:100%!important;height:100vh!important;min-height:100vh!important;margin:0!important;overflow:hidden!important;pointer-events:none!important}
.manifesto-transition-preview .manifesto-sticky{position:absolute!important;inset:0!important;height:100%!important}
.manifesto-transition-preview .manifesto-title-liquid{display:none!important}

/* Section 2 -------------------------------------------------------------- */
.section-dark{background:var(--ink);color:var(--white)}
.manifesto{--immersion:0;--particle-opacity:.96;--content-opacity:1;--content-offset:0px;--attractor-brightness:1;position:relative;height:270svh;min-height:1750px;isolation:isolate;background:var(--ink);color:var(--white)}
.manifesto-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;background:var(--ink)}
.manifesto-particles{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:var(--particle-opacity)}
.attractor-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.manifesto-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;background:#080808}
.optical-filaments-fallback .manifesto-atmosphere::before{
  content:"";position:absolute;left:70%;top:50%;width:min(42vw,590px);aspect-ratio:1;
  transform:translate(-50%,-50%) rotate(-8deg);border-radius:47% 53% 58% 42%/44% 39% 61% 56%;
  border:1px solid rgba(248,248,244,.26);
  background:radial-gradient(circle at 67% 31%,rgba(248,248,244,.12),transparent 17%),radial-gradient(circle at 28% 72%,rgba(234,91,12,.16),transparent 24%),linear-gradient(132deg,rgba(248,248,244,.025),rgba(234,91,12,.035) 48%,rgba(8,8,8,.02));
  box-shadow:inset 20px -14px 42px rgba(234,91,12,.08),inset -18px 16px 42px rgba(248,248,244,.055),0 0 50px rgba(234,91,12,.035);
  backdrop-filter:blur(3px) contrast(1.08)
}
.manifesto-whiteout{position:absolute;inset:0;z-index:0;pointer-events:none;background:#fff;opacity:var(--immersion)}
.manifesto-layout{position:relative;z-index:3;height:100%;display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:3vw;padding:calc(var(--header-h) + 38px) var(--content-gutter) 7vh;opacity:var(--content-opacity);transform:translate3d(0,var(--content-offset),0);will-change:transform,opacity}
.manifesto-copy{max-width:980px;min-width:0}
.manifesto-title-shell{position:relative;width:max-content;max-width:100%}
.manifesto-title{margin:0;color:var(--white);font-family:"Bebas Neue",Impact,sans-serif;font-size:var(--display-size);font-weight:400;line-height:.86;letter-spacing:-.025em;white-space:normal;text-wrap:balance}
.manifesto-title-liquid{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.manifesto-text{width:min(490px,100%);margin-top:32px;display:grid;gap:24px}
.manifesto-text p{margin:0;color:rgba(248,248,244,.80);font-size:var(--body-size);font-weight:500;line-height:var(--body-leading);letter-spacing:-.015em;text-wrap:pretty}
.manifesto-text p:first-child{color:var(--white);font-size:var(--body-size);line-height:1.48;max-width:570px}
.manifesto-action{display:grid;place-items:center;position:absolute;left:var(--content-gutter);bottom:8vh}
.work-circle{position:relative;width:clamp(210px,18vw,320px);aspect-ratio:1;border:1px solid rgba(248,248,244,.72);border-radius:50%;display:grid;place-items:center;background:rgba(30,30,30,.18);color:var(--white);cursor:pointer;transition:color .45s ease,border-color .45s ease,transform .65s cubic-bezier(.16,1,.3,1);isolation:isolate;backdrop-filter:blur(2px)}
.work-circle::before,.work-circle::after{content:"";position:absolute;border-radius:50%;inset:-14%;border:1px solid rgba(248,248,244,.22);transition:transform .8s cubic-bezier(.16,1,.3,1),border-color .45s ease}
.work-circle::after{inset:11%;border-color:rgba(248,248,244,.26)}
.work-circle span{font-size:clamp(11px,.9vw,15px);font-weight:800;line-height:1.25;letter-spacing:.08em;text-align:center}
.work-circle:hover{color:var(--orange);border-color:var(--orange);transform:scale(1.035)}
.work-circle:hover::before{border-color:rgba(234,91,12,.52);transform:rotate(10deg) scale(.96)}
.work-circle:hover::after{border-color:rgba(234,91,12,.8);transform:scale(1.08)}

@media (min-width:761px){
  .manifesto-layout::before{content:"";position:absolute;z-index:0;inset:0 auto 0 0;width:61%;pointer-events:none;background:linear-gradient(90deg,#080808 0 60%,rgba(8,8,8,.86) 74%,transparent 100%)}
  .manifesto-copy{position:relative;z-index:1}.manifesto-action{z-index:1}
}

/* Section 3 -------------------------------------------------------------- */
.continuum{--continuum-entry:0;--continuum-content-entry:0;--continuum-label-entry:0;--continuum-surface:#ea5b0c;--title-fluid-color:#351408;--story-presence:1;--story-shift:0px;position:relative;height:430svh;min-height:2800px;isolation:isolate;contain:paint;background:var(--continuum-surface);color:#fff7f1}
.continuum-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:var(--continuum-surface,#ea5b0c)}
.continuum-lines{position:absolute;inset:-2px 0;width:100%;height:calc(100% + 4px);pointer-events:none}
.continuum-content{position:absolute;z-index:2;top:50%;left:var(--content-gutter);width:min(570px,43vw);transform:translate3d(0,calc(-50% + (1 - var(--continuum-content-entry))*54px + var(--story-shift)),0);opacity:calc(var(--continuum-content-entry)*var(--story-presence));will-change:transform,opacity}
.section-title-shell{position:relative;width:max-content;max-width:100%}
.section-title-liquid{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.continuum-content h2{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-size:var(--display-size);font-weight:400;line-height:.88;letter-spacing:-.02em;text-wrap:balance}
.continuum-copy{display:grid;gap:15px;margin-top:32px;max-width:490px}
.continuum-copy p{margin:0;color:rgba(255,247,241,.84);font-size:var(--body-size);font-weight:500;line-height:var(--body-leading);letter-spacing:-.01em;text-wrap:pretty}
.continuum-copy p:first-child{color:#fffaf6;font-weight:800}
.constellation-labels{position:absolute;inset:0;z-index:1;margin:0;padding:0;list-style:none;pointer-events:none}
.constellation-labels li{--node-energy:0;--node-opacity:1;position:absolute;left:var(--node-x);top:var(--node-y);transform:translate3d(-50%,-50%,0) scale(calc(.94 + var(--node-energy)*.08));color:rgba(255,247,241,calc(.60 + var(--node-energy)*.40));font-size:clamp(9px,.8vw,12px);font-weight:800;letter-spacing:.14em;white-space:nowrap;opacity:calc(var(--continuum-label-entry)*var(--node-opacity)*(.48 + var(--node-energy)*.52));transition:color .25s ease}
.constellation-labels li::before{content:"";position:absolute;left:50%;top:-14px;width:5px;height:5px;border-radius:50%;background:#fff7f1;transform:translateX(-50%);box-shadow:0 0 9px rgba(255,247,241,.44),0 0 20px rgba(255,226,208,.18)}
.constellation-labels li[data-node="cinema"]{--node-x:68%;--node-y:17%}
.constellation-labels li[data-node="music"]{--node-x:86%;--node-y:25%}
.constellation-labels li[data-node="philosophy"]{--node-x:76%;--node-y:38%}
.constellation-labels li[data-node="psychology"]{--node-x:91%;--node-y:48%}
.constellation-labels li[data-node="anime"]{--node-x:63%;--node-y:57%}
.constellation-labels li[data-node="design"]{--node-x:82%;--node-y:65%}
.constellation-labels li[data-node="reading"]{--node-x:70%;--node-y:82%}
.constellation-labels li[data-node="sports"]{--node-x:91%;--node-y:87%}

/* Section 4 -------------------------------------------------------------- */
.process{--process-arrival:0;--copy-0:0;--copy-1:0;--copy-2:0;position:relative;height:350svh;min-height:2250px;isolation:isolate;contain:paint;background:#fff;color:var(--ink)}
.process-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#fff}
.process-canvas{position:absolute;inset:-2px 0;width:100%;height:calc(100% + 4px);pointer-events:none}
.process-content{position:absolute;z-index:2;left:var(--content-gutter);top:50%;width:min(480px,38vw);transform:translate3d(0,calc(-50% + (1 - var(--process-arrival))*34px),0);opacity:var(--process-arrival)}
.process-content h2{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-size:var(--display-size);font-weight:400;line-height:.86;letter-spacing:-.02em;text-wrap:balance}
.process-copy{display:grid;gap:17px;margin-top:36px;max-width:435px}
.process-copy p{margin:0;color:var(--ink);font-size:var(--body-size);font-weight:500;line-height:var(--body-leading);letter-spacing:-.01em;text-wrap:pretty;transform:translate3d(0,calc((1 - var(--copy-opacity))*12px),0);opacity:var(--copy-opacity);transition:opacity .1s linear}
.process-copy p:nth-child(1){--copy-opacity:var(--copy-0)}
.process-copy p:nth-child(2){--copy-opacity:var(--copy-1)}
.process-copy p:nth-child(3){--copy-opacity:var(--copy-2)}

@media (max-width:1000px){
  .manifesto-layout{grid-template-columns:minmax(0,1fr) 250px;gap:3vw;padding-left:5vw;padding-right:5vw}
  .manifesto-title{font-size:clamp(48px,6.8vw,76px)}
  .work-circle{width:210px}
}

@media (max-width:760px){
  :root{--header-h:66px;--display-size:clamp(50px,13.1vw,72px);--kicker-size:9px;--body-size:clamp(12px,3.25vw,13px);--body-leading:1.48;--content-gutter:18px}
  html,body{overscroll-behavior-y:none}
  body.mobile-section-transition{touch-action:none}
  .site-header{padding:0 16px}.site-header::after{left:16px;right:16px}
  .brand{width:40px;height:44px}.brand-mark{width:31px}
  .language-switch{gap:10px}.language-switch button{font-size:9px}
  .hero{min-height:560px}
  .hero-center-logo{left:52%;top:47.5%;width:clamp(176px,46vw,290px)}
  .hero-title{font-size:clamp(72px,22vw,150px);white-space:normal;line-height:.78}
  .hero-title .letter-space{width:.12em}
  .hero-welcome{left:16px;right:16px;bottom:18px;width:auto;z-index:4}.hero-welcome p{font-size:13px;max-width:90%}
  .manifesto{height:260svh;min-height:1700px}
  .manifesto-sticky{min-height:620px}
  .manifesto-layout{display:block;padding:calc(var(--header-h) + 24px) 18px 28px}
  .manifesto-copy{width:100%}
  .manifesto-title-shell{width:100%}
  .manifesto-title{font-size:var(--display-size);letter-spacing:-.02em;white-space:normal;max-width:340px}
  .manifesto-text{width:100%;margin-top:22px;gap:18px;padding-right:3vw}.manifesto-text p{font-size:var(--body-size);line-height:var(--body-leading)}.manifesto-text p:first-child{font-size:var(--body-size);max-width:340px}
  .manifesto-action{position:absolute;z-index:4;left:18px;right:auto;bottom:5svh}
  .work-circle{width:clamp(126px,35vw,158px);background:rgba(30,30,30,.42)}
  .work-circle::before{inset:-10%}
  .work-circle span{font-size:10px}
  .manifesto-action::after{content:"";position:absolute;left:50%;bottom:-26px;width:7px;height:7px;border-right:1px solid rgba(248,248,244,.7);border-bottom:1px solid rgba(248,248,244,.7);transform:translateX(-50%) rotate(45deg);animation:scrollHint 2.4s ease-in-out infinite}
  .attractor-canvas{top:0;height:100%;clip-path:inset(35% 0 0)}
  .manifesto-particles{opacity:.72}
  .manifesto-atmosphere{background:#080808}
  .optical-filaments-fallback .manifesto-atmosphere::before{left:53%;top:72%;width:min(72vw,350px)}
  @keyframes scrollHint{0%,100%{opacity:.3;translate:0 -3px}50%{opacity:.85;translate:0 4px}}
  .continuum{height:430svh;min-height:2900px}
  .continuum-stage{min-height:560px}
  .continuum-content{top:calc(var(--header-h) + 30px);left:18px;right:18px;width:auto;transform:translate3d(0,calc((1 - var(--continuum-content-entry))*44px + var(--story-shift)),0)}
  .continuum-kicker{margin-bottom:15px;font-size:9px}
  .continuum-content h2{font-size:clamp(43px,11.6vw,64px);max-width:440px}
  .continuum-copy{gap:10px;margin-top:21px;max-width:530px}
  .continuum-copy p{font-size:var(--body-size);line-height:var(--body-leading)}
  .constellation-labels li{font-size:8px;letter-spacing:.08em}
  .constellation-labels li::before{top:-10px;width:4px;height:4px}
  .constellation-labels li[data-node="cinema"]{--node-x:15%;--node-y:73%}
  .constellation-labels li[data-node="music"]{--node-x:45%;--node-y:76%}
  .constellation-labels li[data-node="philosophy"]{--node-x:78%;--node-y:70%}
  .constellation-labels li[data-node="psychology"]{--node-x:84%;--node-y:83%}
  .constellation-labels li[data-node="anime"]{--node-x:22%;--node-y:85%}
  .constellation-labels li[data-node="design"]{--node-x:54%;--node-y:88%}
  .constellation-labels li[data-node="reading"]{--node-x:68%;--node-y:96%}
  .constellation-labels li[data-node="sports"]{--node-x:15%;--node-y:96%}
  .process{height:390svh;min-height:2650px}
  .process-stage{min-height:560px}
  .process-content{top:calc(var(--header-h) + 28px);left:18px;right:18px;width:auto;transform:none}
  .process-kicker{margin-bottom:13px;font-size:9px}
  .process-content h2{font-size:var(--display-size)}
  .process-copy{gap:10px;margin-top:17px;max-width:530px;padding-right:2px}
  .process-copy p{font-size:var(--body-size);line-height:var(--body-leading)}
  .manifesto-transition-preview{height:100svh!important;min-height:100svh!important}
  /* Mobile performance: preserve the composition while avoiding expensive full-screen filters. */
  .hero-center-logo img{filter:none}
  .attractor-canvas{filter:none;will-change:auto}
  .manifesto-atmosphere{filter:none}
  .work-circle{backdrop-filter:none}
  .hero-title .letter{will-change:auto}
}

@media (max-width:760px) and (max-height:720px){
  .continuum-stage{height:720px}
  .continuum-content{top:82px}
  .constellation-labels li[data-node="cinema"]{--node-y:77%}
}

@media (max-width:410px){
  .manifesto-title{font-size:11.8vw}
}

@media (prefers-reduced-motion:reduce){
  .hero-center-logo img{animation:none!important;transform:none!important}
  .hero-title,.hero-title .letter,.work-circle,.work-circle::before,.work-circle::after{transition:none!important}
  .hero-diagonal-wipe{display:none!important}
  .manifesto-action::after{animation:none}
  .site-loader{transition-duration:.2s}
  .manifesto{height:100svh;min-height:720px}
  .manifesto-layout{opacity:1;transform:none}
  .continuum-content{opacity:1;transform:translate3d(0,-50%,0)}
  .constellation-labels li{opacity:1}
  .process{height:100svh;min-height:720px}
  .process-content{opacity:1}
  .process-copy p{opacity:1;transform:none}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .continuum-content{transform:none}
  .process{min-height:900px}
}
/* Lote 6: one type scale and live cinematic surfaces. */
.manifesto-sticky{background:#080808}
.manifesto-title,.continuum-content h2,.process-content h2{font-size:var(--display-size);line-height:.94;letter-spacing:-.02em;font-synthesis:none}
.manifesto-title-shell,.section-title-shell{width:100%}
.manifesto-copy{max-width:540px}
.manifesto-title{max-width:520px}
.language-switch{color:inherit}
.wormhole-space{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none}
.space-whiteout{position:fixed;inset:0;z-index:1400;background:#fff;pointer-events:none;opacity:0}
.is-directed-scrolling .attractor-canvas{clip-path:none}
.manifesto-whiteout{z-index:2}
.manifesto-particles{opacity:calc(var(--particle-opacity)*.26)}
.work-circle{width:132px;height:132px}
@media(max-width:760px){
  :root{--display-size:clamp(42px,11.6vw,64px)}
  .manifesto-copy{max-width:100%}
  .manifesto-title{max-width:100%}
  .manifesto-text{max-width:540px;padding-right:0;margin-top:20px;gap:14px}
  .manifesto-layout{background:linear-gradient(#080808 0 27%,rgba(8,8,8,.85) 39%,transparent 56%)}
  .manifesto-action{bottom:5svh}
  .work-circle{width:104px;height:104px}
  .process-content{top:calc(var(--header-h) + 24px)}
  .process-copy{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.space-whiteout{display:none}}
/* Hero title remains ink; the WebGL liquid adds the orange contour only at contact. */
.hero-title,.hero-title .letter{color:var(--ink)}
.hero-title .letter{-webkit-text-stroke-color:var(--ink)}
.manifesto-action{position:relative;left:auto;bottom:auto;display:flex;justify-content:flex-start;margin:36px 0 0 16px}
.work-circle{width:104px;height:104px}
.manifesto-copy{padding-top:0}
.constellation-labels li{transform:translate3d(-50%,-50%,0) scale(var(--node-scale,1));filter:blur(var(--node-blur,0px));opacity:calc(var(--continuum-label-entry)*var(--node-opacity));}
.timeline-interaction{position:absolute;z-index:4;left:54%;top:24%;width:43%;height:51%;touch-action:pan-y;cursor:ew-resize;outline:none}
.timeline-interaction:focus-visible{outline:1px solid var(--orange);outline-offset:12px}
.timeline-interaction::after{content:attr(data-hint);position:absolute;bottom:-32px;left:0;color:#777;font-size:9px;font-weight:800;letter-spacing:.13em}
.timeline-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100svh!important;z-index:850;pointer-events:none}
.testimonials{position:relative;height:600svh;background:#fff;color:var(--ink)}
.testimonials-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#fff}
#testimonialsCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.testimonials-heading{position:absolute;left:var(--content-gutter);top:calc(var(--header-h) + 32px);z-index:2;pointer-events:none}
.testimonials-heading span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--orange)}
.testimonials-heading h2{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:clamp(48px,5vw,80px);line-height:1;margin:12px 0}
.testimonial-space{position:absolute;inset:0;perspective:1200px;perspective-origin:50% 47%;transform-style:preserve-3d}
.testimonial-card{position:absolute;left:50%;top:47%;width:min(510px,39vw);padding:30px 34px;margin:0;transform-origin:center;will-change:transform,opacity;backface-visibility:hidden;background:rgba(255,255,255,.96);border-top:1px solid rgba(234,91,12,.6);border-left:1px solid rgba(30,30,30,.12);box-shadow:14px 28px 50px rgba(30,30,30,.075);pointer-events:none}
.testimonial-card::before{content:"“";position:absolute;left:-28px;top:-22px;font-family:Georgia,serif;font-size:100px;color:var(--orange);opacity:.65}
.testimonial-card blockquote{margin:0;font-size:clamp(13px,1.05vw,16px);line-height:1.7;text-wrap:pretty}
.testimonial-card figcaption{margin-top:22px;font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.testimonial-navigation{position:absolute;z-index:4;bottom:35px;left:var(--content-gutter);display:flex;gap:25px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.12em}
.testimonial-navigation button{border:1px solid #ddd;background:#fff9;border-radius:50%;width:40px;height:40px;color:var(--ink);cursor:pointer;transition:transform .2s,border-color .2s}
.testimonial-navigation button:hover{border-color:var(--orange);transform:translateY(-2px)}
.testimonial-navigation button:disabled{opacity:.28;cursor:default}
.sound-toggle{position:fixed;right:20px;bottom:22px;z-index:1300;border:1px solid #9997;background:#f8f8f4e8;color:#1e1e1e;border-radius:30px;padding:12px 16px;font:800 9px Montserrat,Arial;letter-spacing:.12em;cursor:pointer;transition:transform .2s,border-color .2s}
.sound-toggle:hover{transform:translateY(-2px);border-color:var(--orange)}
.sound-toggle[aria-pressed="true"]{color:var(--orange)}
button:active{translate:0 1px}
button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
@media(max-width:760px){
 .manifesto-action{margin:28px 0 0 10px;position:relative;left:auto;bottom:auto}
 .work-circle{width:86px;height:86px}
 .work-circle span{font-size:8px}
 .manifesto-action::after{display:none}
 .timeline-interaction{left:6%;top:59%;width:88%;height:29%}
 .timeline-interaction::after{bottom:-22px;font-size:8px}
 .testimonials-heading{left:18px;top:calc(var(--header-h) + 22px)}
 .testimonials-heading h2{font-size:44px;margin-top:10px}
 .testimonial-card{width:calc(100vw - 58px);padding:22px 22px;top:48%}
 .testimonial-card blockquote{font-size:13px;line-height:1.55}
 .testimonial-card figcaption{font-size:10px;margin-top:17px}
 .testimonial-card::before{left:-18px;top:-12px;font-size:68px}
 .testimonial-navigation{left:20px;bottom:23px;gap:14px}
 .sound-toggle{right:14px;bottom:24px;padding:10px 12px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.testimonial-card,button,.sound-toggle{will-change:auto;transition:none}}

.process-content{opacity:calc(var(--process-arrival)*var(--editor-copy,1))}

/* Optical field composition: copy left, twisting light center, action right. */
@media(min-width:761px){
 .manifesto-layout{display:block;padding:0 7.5vw}
 .manifesto-copy{position:static;max-width:46%;padding-top:clamp(140px,22vh,240px)}
 .manifesto-title{font-size:clamp(60px,6.7vw,116px);max-width:620px}
 .manifesto-text{max-width:540px}
 .manifesto-text{position:relative;z-index:1}
 .manifesto-action{position:absolute;left:76%;top:49%;bottom:auto;margin:0;transform:translate(-50%,-50%)}
 .work-circle{width:clamp(130px,12vw,205px);height:auto;aspect-ratio:1}
 .manifesto-layout::before{width:52%;background:linear-gradient(90deg,#080808e6,#08080880 75%,transparent)}
}
@media(max-width:760px){
 .manifesto-copy{padding-top:0}
 .manifesto-action{position:absolute;left:20px;top:auto;bottom:9%;margin:0}
 .work-circle{width:110px;height:110px}
}

.constellation-labels li{left:0;top:0;transform:translate3d(var(--node-x),var(--node-y),0) translate(-50%,-50%) scale(var(--node-scale,1))}

/* Persistent S2 -> S3 particle bridge. Transparent and pointer-free: it only
   exists to prevent the sticky Section-2 canvas from being visibly cut. */
.s2s3-handoff-canvas{position:fixed;z-index:120;inset:0;width:100vw;height:100svh;pointer-events:none;opacity:0;visibility:hidden;will-change:opacity;contain:strict}
.continuum-content{z-index:132}
.continuum-lines{z-index:121}
.constellation-labels{z-index:133}
.continuum{--title-fluid-color:#ffffff;color:#ffffff}
.continuum-content h2,.continuum-copy p,.continuum-copy p:first-child{color:#ffffff}
.constellation-labels li{color:#ffffff;text-shadow:0 1px 8px rgba(80,24,0,.22)}