/* A continuous visual world, choreographed by native scroll position. */
:root{--cinema-ease:cubic-bezier(.22,1,.36,1);--world-progress:0;--scene-progress:0}
.immersive .art-stage{position:fixed;inset:0;z-index:3;width:100%;height:100svh;max-height:none;margin:0;pointer-events:none;opacity:1;transition:opacity .65s var(--cinema-ease);contain:strict}
.immersive #sculpture{width:100%;height:100%}.immersive .art-coordinate{display:none}.immersive .art-halo{inset:15% -10% 5% 40%}.immersive .art-fallback{inset:20% 4% 12% 49%;width:auto;height:auto;opacity:.8}.immersive .webgl-ready .art-fallback{opacity:0}
.world-frame{position:fixed;z-index:90;inset:0;pointer-events:none;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.035'/%3E%3C/svg%3E")}
.world-frame:before,.world-frame:after{content:'';position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#af9d7e17 15%,#af9d7e17 85%,transparent)}.world-frame:before{left:calc(var(--gutter) - 18px)}.world-frame:after{right:calc(var(--gutter) - 18px)}
.chapter-rail{position:fixed;z-index:96;left:20px;top:50%;translate:0 -50%;display:flex;flex-direction:column;gap:17px}.chapter-rail a{display:flex;align-items:center;gap:14px;min-height:28px;font-size:8px;letter-spacing:.1em;color:#99917f;position:relative}.chapter-rail a:before{content:'';position:absolute;left:-10px;top:9px;width:2px;height:12px;background:#cfb58c;scale:1 0;transition:scale .4s var(--cinema-ease)}.chapter-rail a.active{color:var(--gold)}.chapter-rail a.active:before{scale:1}.chapter-rail i{font-size:9px;font-style:normal;opacity:0;translate:-5px 0;transition:opacity .3s,translate .3s;background:#1a1b16e6;padding:4px 7px;border-radius:4px;color:var(--cream)}.chapter-rail a:hover i,.chapter-rail a:focus-visible i{opacity:1;translate:0 0}.scene-status{position:fixed;z-index:92;bottom:22px;left:var(--gutter);display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;pointer-events:none;color:#c8c1ae;mix-blend-mode:difference}.scene-line{width:38px;height:1px;background:currentColor;transform-origin:left;scale:var(--scene-progress) 1}.scene-number{font-size:10px;font-variant-numeric:tabular-nums}.scene-name{min-width:100px}
.hero-bridge{display:none}.static-monogram{display:none}.venture-toolbar,.venture-chapters{display:none}
/* Keep every section's content in front of the persistent sculpture. */
.immersive .about-grid,.immersive .credentials,.immersive .section-heading,.immersive .section-kicker,.immersive .journal-grid,.immersive .contact-content,.immersive .venture-footnote{position:relative;z-index:5}
.immersive .footer{position:relative;z-index:6}
/* Introduction: first composition, camera dive, second composition. */
.scroll-cinema .intro-track{height:270svh;position:relative;background:var(--dark)}
.scroll-cinema .hero{position:sticky;top:0;min-height:0;height:100svh;overflow:clip;display:block;padding:clamp(130px,21vh,190px) var(--gutter) 90px;isolation:auto;background:radial-gradient(ellipse at 75% 50%,#3d35244a,transparent 60%),#151512}
.scroll-cinema .hero:after{display:none}.scroll-cinema .hero-glow{z-index:0}.scroll-cinema .hero-top,.scroll-cinema .hero-copy,.scroll-cinema .hero-bottom{z-index:6;position:relative}.scroll-cinema .hero-copy{margin-top:30px;transform-origin:0 50%;max-width:770px;will-change:transform,opacity}.scroll-cinema .hero h1{font-size:clamp(85px,10.2vw,153px);line-height:.9}.scroll-cinema .hero-copy p{font-size:15px;margin-top:30px}.scroll-cinema .hero-copy .button{font-size:13px;min-height:52px;border-radius:0;background:#f0ede5}.scroll-cinema .hero-bottom{position:absolute;bottom:48px;left:var(--gutter);right:var(--gutter);width:auto;font-size:9px}.scroll-cinema .hero-bridge{display:block;position:absolute;z-index:7;left:var(--gutter);right:var(--gutter);top:50%;translate:0 -50%;opacity:0;pointer-events:none;will-change:transform,opacity;max-width:950px}.hero-bridge .eyebrow{color:#bfa887}.hero-bridge h2{font-size:clamp(72px,8.5vw,130px);line-height:.95;margin:25px 0}.hero-bridge p{font-size:14px;color:#c6c2b7;margin-bottom:15px}.hero-bridge .text-link{color:#e2d8c6;font-size:13px}.scroll-cinema .hero-bridge.is-active{pointer-events:auto}
/* Perspective: the title holds while the text comes into focus. */
.scroll-cinema .about{padding-top:135px;padding-bottom:140px}.scroll-cinema .about-grid{grid-template-columns:1.05fr 1fr;gap:10%;min-height:410px}.scroll-cinema .about-heading{align-self:start;position:sticky;top:160px}.scroll-cinema .about-copy{padding-top:100px;padding-bottom:40px}.scroll-cinema .about-copy .lead{font-size:26px;line-height:1.4}.ink-word{display:inline-block;opacity:var(--word-opacity,1);filter:blur(var(--word-blur,0px));will-change:auto}.scroll-cinema .credentials{padding-bottom:25px}.scroll-cinema .foundation-mark{transform:rotate(var(--mark-rotation,0deg));transition:none}
/* One pinned collection: vertical scroll becomes a moving gallery. */
.scroll-cinema .ventures{padding-top:110px;padding-bottom:70px;position:relative;background:radial-gradient(ellipse at 60% 35%,#343326,#191b16 65%)}
.scroll-cinema .venture-track{height:440svh;position:relative;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}
.scroll-cinema .venture-pin{position:sticky;top:0;height:100svh;padding:105px var(--gutter) 48px;z-index:6;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.scroll-cinema .venture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex:0 0 auto;color:#b4af9f}.venture-count{margin-left:20px;color:var(--gold);font-variant-numeric:tabular-nums}.venture-controls{display:flex;gap:7px}.venture-controls button{display:grid;place-items:center;background:#c5b79909;border:1px solid #c5b79940;color:var(--gold);height:42px;width:42px;border-radius:50%;font-size:19px;transition:background .2s,color .2s}.venture-controls button:hover{background:var(--gold);color:var(--dark)}.venture-controls button:disabled{opacity:.25;cursor:default}.venture-scroll-label{font-size:9px;letter-spacing:.1em}
.scroll-cinema .venture-window{overflow:visible;flex:0 0 auto}.scroll-cinema .venture-rail{display:flex;flex-wrap:nowrap;gap:40px;width:max-content;perspective:1700px;will-change:transform;transform:translate3d(var(--rail-x,0px),0,0);align-items:stretch}
.scroll-cinema .venture-card{flex:0 0 calc(100vw - 2 * var(--gutter));width:calc(100vw - 2 * var(--gutter));display:grid;grid-template-columns:1.2fr .85fr;align-items:stretch;gap:0;background:#22251e;border:1px solid #bda77c30;min-width:0;opacity:1;translate:none!important;transition:opacity .4s;transform:perspective(1700px) rotateY(var(--panel-rotation,0deg)) scale(var(--panel-scale,1));transform-origin:center;filter:blur(var(--panel-blur,0px));border-radius:0}
.scroll-cinema .venture-art{height:clamp(300px,57svh,650px);aspect-ratio:auto;min-width:0;border-radius:0;transform:none!important;overflow:hidden}.scroll-cinema .venture-art-type{font-size:clamp(90px,12vw,165px);left:9%;bottom:10%}.scroll-cinema .venture-info{min-width:0;padding:45px;align-items:flex-start;justify-content:center;flex-direction:column;position:relative;background:linear-gradient(120deg,#a3a17d06,transparent)}.scroll-cinema .venture-info h3{font-size:clamp(47px,5.5vw,90px);line-height:.98;letter-spacing:-.04em;margin:22px 0 18px;overflow-wrap:normal}.scroll-cinema .venture-index{font-size:9px;color:#bfae8d}.scroll-cinema .venture-destination{font-size:13px;color:#b9bcad}.scroll-cinema .circle-arrow{margin-top:30px;height:56px;width:56px;font-size:27px}.scroll-cinema .venture-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.venture-chapters button{position:relative;background:none;border:0;border-top:1px solid #b6a78730;color:#94998a;font-size:11px;min-height:44px;text-align:left;padding:15px 0 5px;line-height:1.4;display:flex;gap:12px;align-items:center}.venture-chapters button span{font-size:9px;color:#a69676}.venture-chapters button:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--gold);transform-origin:left;scale:var(--chapter-fill,0) 1}.venture-chapters button.active{color:var(--cream)}.scroll-cinema .venture-footnote{margin-top:20px}
/* The middle chapter is a spacious, typographic scene. */
.scroll-cinema .manifesto-track{height:190svh;background:#e7e2d7;position:relative}.scroll-cinema .manifesto{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px var(--gutter);background:transparent;isolation:auto}.scroll-cinema .manifesto p{z-index:5;position:relative;font-size:clamp(65px,7.5vw,115px);line-height:1.02;letter-spacing:-.04em}.scroll-cinema .manifesto .eyebrow,.scroll-cinema .manifesto-signoff{z-index:5}.scroll-cinema .manifesto-orbit{transform:translate(-50%,-50%) rotate(var(--orbit-turn,-14deg)) scale(var(--orbit-scale,1));border-color:#a3967645}
/* Notebook and connection stay in the same visual rhythm. */
.scroll-cinema .notebook{position:relative;padding-top:125px;padding-bottom:145px}.scroll-cinema .journal-grid{gap:7%}.scroll-cinema .journal-entry{transform:perspective(1400px) translate3d(0,var(--journal-y,0px),0) rotateY(var(--journal-turn,0deg));transform-origin:50% 80%;transition:none}.scroll-cinema .journal-cover{border-radius:0;transform:scale(var(--cover-scale,1));transition:none}.scroll-cinema .paper-fold{translate:var(--paper-drift,0px) 0}.scroll-cinema .journal-sphere{translate:0 var(--sphere-drift,0px)}
.scroll-cinema .contact{min-height:100svh;padding-top:125px;padding-bottom:130px;background:radial-gradient(ellipse at 85% 50%,#41362330,transparent 65%),#151712}.scroll-cinema .contact-content{transform:translateY(var(--contact-rise,0px));transition:none}.scroll-cinema .contact h2{font-size:clamp(80px,10.5vw,155px)}.scroll-cinema .contact-watermark{z-index:0;transform:translateY(var(--watermark-drift,0px))}.scroll-cinema .contact-button{perspective:1700px}.scroll-cinema .contact-arrow{height:96px;width:96px;font-size:45px}
/* Natural-flow fallback retains the complete experience and all links. */
.motion-paused .art-stage{display:none}.motion-paused .hero{position:relative;isolation:isolate}.motion-paused .static-monogram{display:block;position:absolute;right:8%;top:35%;font:italic 210px var(--serif);color:#cfb58c24;z-index:-1;letter-spacing:-30px}.motion-paused .hero-bridge{display:none}.motion-paused .ink-word{opacity:1!important;filter:none!important}.motion-paused .scene-status{display:none}
@media(min-width:1700px){.scroll-cinema .hero-copy{margin-top:40px}.scroll-cinema .venture-art{height:60svh}.chapter-rail{left:35px}}
@media(max-width:1100px){.chapter-rail{display:none}.scroll-cinema .about-grid{gap:7%}.scroll-cinema .venture-info{padding:28px}.scroll-cinema .venture-info h3{font-size:58px}.scroll-cinema .venture-scroll-label{display:none}}
@media(max-width:760px){
  .world-frame:before{left:10px}.world-frame:after{right:10px}.scene-status{left:24px;bottom:max(22px,env(safe-area-inset-bottom));font-size:7px;gap:8px}.scene-number{font-size:9px}.scene-line{width:24px}.scene-name{min-width:70px}.immersive .art-stage{height:100svh;width:100%;inset:0;margin:0}.immersive .art-fallback{inset:49% 10% 6%;width:auto;height:auto}
  .scroll-cinema .intro-track{height:245svh}.scroll-cinema .hero{padding:130px var(--gutter) 65px}.scroll-cinema .hero-top{font-size:9px;letter-spacing:.07em;max-width:320px}.scroll-cinema .hero-copy{margin-top:25px}.scroll-cinema .hero h1{font-size:clamp(58px,14.5vw,95px);line-height:.9}.scroll-cinema .hero .title-italic{white-space:normal}.scroll-cinema .hero-copy p{font-size:13px;line-height:1.65;margin-top:22px;margin-bottom:19px;max-width:300px}.scroll-cinema .hero .button{font-size:12px;min-height:46px;padding:10px 18px}.scroll-cinema .hero-bottom{font-size:8px;bottom:60px;padding-top:15px;z-index:6}.scroll-cinema .hero-bridge{left:var(--gutter);right:var(--gutter);top:37%;max-width:100%}.hero-bridge h2{font-size:clamp(48px,11vw,78px);margin:24px 0}.hero-bridge p{font-size:12px;max-width:260px}.hero-bridge .text-link{font-size:12px}.hero-bridge .eyebrow{font-size:9px}
  .scroll-cinema .about{padding-top:75px;padding-bottom:75px}.scroll-cinema .about-grid{grid-template-columns:1fr;gap:30px;min-height:0}.scroll-cinema .about-heading{position:relative;top:auto}.scroll-cinema .about-copy{padding-top:15px;padding-bottom:15px}.scroll-cinema .about-copy .lead{font-size:23px}.scroll-cinema .credentials{padding-bottom:0}
  .scroll-cinema .ventures{padding-top:70px;padding-bottom:55px}.scroll-cinema .venture-track{height:390svh}.scroll-cinema .venture-pin{padding:100px var(--gutter) 55px;justify-content:center}.scroll-cinema .venture-toolbar{margin-bottom:14px;gap:12px}.venture-toolbar>.eyebrow{font-size:9px}.venture-count{margin-left:10px}.venture-controls button{height:40px;width:40px}.scroll-cinema .venture-rail{gap:24px}.scroll-cinema .venture-card{grid-template-columns:1fr;grid-template-rows:auto auto}.scroll-cinema .venture-art{height:calc(100svh - 360px);min-height:230px;max-height:470px}.scroll-cinema .venture-info{padding:18px 20px;flex-direction:row;justify-content:space-between;align-items:center;gap:14px}.scroll-cinema .venture-info h3{font-size:38px;margin:10px 0 8px}.scroll-cinema .venture-index{font-size:8px}.scroll-cinema .venture-destination{font-size:11px}.scroll-cinema .circle-arrow{height:44px;width:44px;flex-shrink:0;margin:0;font-size:23px}.scroll-cinema .venture-art-type{font-size:100px}.scroll-cinema .venture-chapters{gap:10px;margin-top:17px}.venture-chapters button{font-size:9px;letter-spacing:0;gap:0;align-items:flex-start;min-height:45px;padding-top:13px}.venture-chapters button span{display:none}
  .scroll-cinema .manifesto-track{height:165svh}.scroll-cinema .manifesto{padding:100px var(--gutter)}.scroll-cinema .manifesto p{font-size:clamp(41px,9.7vw,66px);line-height:1.08;margin-top:30px}.scroll-cinema .notebook{padding-top:75px;padding-bottom:90px}.scroll-cinema .journal-grid{gap:60px}.scroll-cinema .journal-entry{transform:translateY(var(--journal-y,0px))}.scroll-cinema .contact{padding-top:85px;padding-bottom:95px;min-height:90svh}.scroll-cinema .contact h2{font-size:clamp(60px,12.5vw,95px)}.scroll-cinema .contact-arrow{width:65px;height:65px;font-size:32px}.scroll-cinema .contact-bottom p{font-size:13px}.motion-paused .static-monogram{font-size:150px;top:60%;right:20%;letter-spacing:-20px}
}
@media(max-width:370px){.scroll-cinema .hero{padding-top:123px}.scroll-cinema .hero h1{font-size:53px}.scroll-cinema .hero-copy p{font-size:12px}.scroll-cinema .hero-top{font-size:8px}.scroll-cinema .hero-bottom{bottom:52px}.scroll-cinema .venture-pin{padding-top:90px;padding-bottom:45px}.scroll-cinema .venture-art{height:calc(100svh - 330px);min-height:210px}.scroll-cinema .venture-info h3{font-size:33px}.scroll-cinema .venture-info{padding:14px 16px}.venture-chapters button{font-size:8px}.scene-name{max-width:65px}}
@media(prefers-reduced-motion:reduce){.immersive .art-stage{display:none}.ink-word{opacity:1!important;filter:none!important}.scene-status{display:none}}
/* Sticky panels stay transparent so the persistent WebGL world remains visible. */
.scroll-cinema .intro-track{background:radial-gradient(ellipse at 75% 50%,#352e204a,transparent 60%),#151512}
.scroll-cinema .hero{background:transparent;z-index:4}
.scroll-cinema .manifesto{z-index:5}
.scroll-cinema .contact{isolation:auto}
.scroll-cinema .venture-card.reveal.pending{opacity:1;translate:none}
.hero-bridge h2{text-shadow:0 2px 35px #15151280}
body.menu-open .chapter-rail,body.menu-open .scene-status{visibility:hidden}
.immersive:not(.scroll-cinema) .static-monogram{display:block;position:absolute;right:8%;top:35%;font:italic 210px var(--serif);color:#cfb58c24;z-index:0;letter-spacing:-30px;pointer-events:none}
.immersive:not(.scroll-cinema) .hero-copy{position:relative;z-index:1}
@media(max-width:760px){.immersive:not(.scroll-cinema) .static-monogram{font-size:150px;top:55%;right:10%;letter-spacing:-20px}}
/* Reserve a quiet footer zone for the global motion control at all sizes. */
.scroll-cinema .venture-pin{padding-bottom:80px}
.scroll-cinema .venture-art{height:clamp(200px,calc(100svh - 330px),650px)}
@media(max-height:820px) and (min-width:761px){.scroll-cinema .venture-info{padding:28px}.scroll-cinema .venture-info h3{font-size:54px;margin:15px 0 13px}.scroll-cinema .circle-arrow{height:44px;width:44px;margin-top:20px;font-size:24px}}
@media(max-height:720px) and (min-width:761px){.scroll-cinema .venture-pin{padding-top:90px;padding-bottom:75px}.scroll-cinema .venture-toolbar{margin-bottom:14px}.scroll-cinema .venture-chapters{margin-top:17px}.scroll-cinema .venture-info{padding:22px}.scroll-cinema .venture-info h3{font-size:46px;margin:12px 0}.scroll-cinema .venture-destination{font-size:11px}.scroll-cinema .circle-arrow{margin-top:16px;height:40px;width:40px}}
@media(max-width:760px){.scroll-cinema .venture-pin{padding-top:100px;padding-bottom:80px}.scroll-cinema .venture-art{height:calc(100svh - 460px);min-height:190px;max-height:470px}.scroll-cinema .venture-info{padding:16px 20px}.scroll-cinema .venture-info h3{font-size:36px}.scroll-cinema .circle-arrow{margin:0}}
