@font-face{font-family:Barlow;src:url('assets/barlow-condensed-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--ink:#10120f;--black:#050605;--paper:#edeee5;--green:#98f34b;--muted:#a6ac9d;--line:#3c4036;--pad:clamp(24px,5vw,88px);--display:Barlow,'Arial Narrow',sans-serif;--body:Manrope,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:var(--green) var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased}::selection{background:var(--green);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:7px}p{line-height:1.65}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.025em}a,summary{-webkit-tap-highlight-color:transparent}.access-skip{position:fixed;left:20px;top:-90px;z-index:100;background:var(--green);color:var(--ink);padding:14px}.access-skip:focus{top:14px}.header{height:104px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:20}.brand{display:flex;gap:13px;align-items:center;font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand img{object-fit:contain}.brand-dot{font-size:11px;margin-left:3px;vertical-align:top}nav{display:flex;align-items:center;gap:35px;font-size:12px}nav>a:first-child{padding:12px 0}.nav-cta{border:1px solid #a6ac9d88;border-radius:40px;padding:12px 18px;display:flex;gap:20px;align-items:center;transition:background .2s,color .2s}.nav-cta:hover{background:var(--paper);color:var(--ink)}nav>a:first-child:hover{text-decoration:underline;text-underline-offset:6px}.story{height:100svh;min-height:600px;position:relative;background:var(--black)}.stage{position:relative;height:100%;overflow:hidden;background:var(--black)}.visual{position:absolute;inset:0}.poster{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:var(--black)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#10120f 5%,#10120f 31%,#10120f88 45%,#10120f00 70%),linear-gradient(0deg,#10120fe8,transparent 24%,transparent 80%,#10120fcc);pointer-events:none}.hero-copy{position:absolute;left:var(--pad);top:25%;width:59%;z-index:2;will-change:transform,opacity}h1{font-size:clamp(76px,8.5vw,136px);line-height:.91;max-width:900px}h1 span{color:var(--green)}.hero-copy p{margin-top:28px;color:#d6d9cf;font-size:14px}.round-link{display:inline-flex;align-items:center;gap:22px;font-size:12px}.hero-copy .round-link{margin-top:28px}.circle{display:flex;align-items:center;justify-content:center;border:1px solid #9fa59588;border-radius:50%;width:43px;height:43px;transition:background .2s,color .2s,transform .2s}.round-link:hover .circle{background:var(--green);border-color:var(--green);color:var(--ink);transform:rotate(7deg)}.story-footer{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.06em;z-index:5}.story-footer a,.scroll-cue{display:flex;align-items:center;gap:12px}.story-footer a:hover{color:var(--green)}.scroll-cue svg{width:16px}.course{padding:94px var(--pad) 0;background:var(--black);scroll-margin-top:0}.course:focus{outline:none}.course-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.09em;padding-bottom:54px}.course-heading{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:7vw}.course h2{font-size:clamp(60px,7.2vw,110px);line-height:.94}.course h2 em{font-style:normal;color:var(--green)}.course-description{padding-bottom:5px}.course-description p{font-size:15px;max-width:36ch;color:#c3c9ba}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 24px;border-radius:40px;background:var(--green);color:var(--ink);font-size:12px;font-weight:700;margin-top:30px;transition:background .2s,transform .2s}.button:hover{background:var(--paper);transform:translateY(-2px)}.manifesto{margin-top:85px;border-top:1px solid var(--line);display:flex;gap:40px;padding:40px 0;align-items:center}.manifesto-mark{font-family:var(--display);font-size:58px;font-style:italic;color:var(--green);line-height:1}.manifesto p{font-size:15px;line-height:1.5}.manifesto p span{color:var(--muted)}.curriculum{background:var(--paper);color:var(--ink);padding:100px var(--pad)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:50px}.section-title h2{font-size:clamp(58px,6.8vw,96px);line-height:1}.section-title p{font-size:13px;line-height:1.5;color:#4a5141}.module-list{border-top:1px solid #b8bfaf}.module{border-bottom:1px solid #b8bfaf}.module summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:60px 1fr 180px 30px;gap:20px;align-items:center;padding:28px 0}.module summary::-webkit-details-marker{display:none}.module summary:hover h3{transform:translateX(8px)}.module h3{font-size:clamp(30px,3.5vw,48px);line-height:1;transition:transform .25s}.module-number{font-size:12px;color:#59624d;font-variant-numeric:tabular-nums}.module-label{font-size:12px;color:#4a5141}.module-plus{font-size:27px;line-height:1;font-weight:400;text-align:right}.module[open] .module-plus{transform:rotate(45deg)}.module-content{padding:0 50px 28px 80px;max-width:790px;color:#424b38;font-size:14px;line-height:1.7}.draft-note{margin-top:27px;font-size:11px;color:#59624d}.curriculum a:focus-visible,.curriculum summary:focus-visible{outline-color:var(--ink)}.closing{background:var(--green);color:var(--ink);padding:76px var(--pad) 50px}.closing>p{font-size:11px;letter-spacing:.07em}.closing h2{font-size:clamp(76px,10.8vw,170px);line-height:.88;margin-top:35px}.closing h2 span{color:#315617}.closing-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:60px;font-size:11px;line-height:1.8}.closing-bottom b{font-weight:400;font-size:13px}.closing .circle{border-color:#315617}.closing .round-link:hover .circle{background:var(--ink);color:var(--green)}.footer{padding:35px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.footer .brand{color:var(--paper);font-size:12px}.footer>a:last-child{display:flex;gap:10px;align-items:center}.footer>a:last-child:hover{color:var(--green)}.footer svg{width:15px}
@media(min-width:1700px){h1{font-size:155px}.hero-copy{top:30%}}
@media(max-width:800px){.header{height:85px}.brand{font-size:12px;gap:8px}.brand img{width:39px}.header nav>a:first-child{display:none}.nav-cta{padding:10px 13px;gap:12px;font-size:11px}.nav-cta svg{width:15px}.story{min-height:640px}.shade{background:linear-gradient(0deg,#10120f 0%,#10120fcc 18%,transparent 55%,#10120f99 100%)}.hero-copy{top:auto;bottom:100px;width:90%}h1{font-size:clamp(70px,14vw,108px);line-height:.88}.hero-copy p{font-size:12px;margin-top:17px}.hero-copy .round-link{margin-top:15px}.story-footer{bottom:27px;font-size:11px}.course{padding-top:65px}.course-top{padding-bottom:38px;font-size:11px;gap:20px}.course-top>span:last-child{text-align:right}.course-heading{grid-template-columns:1fr;gap:28px}.course h2{font-size:clamp(56px,11.5vw,82px)}.course-description p{max-width:45ch;font-size:14px}.manifesto{margin-top:55px;gap:25px;padding:30px 0}.curriculum{padding-top:65px;padding-bottom:65px}.section-title{display:block;margin-bottom:35px}.section-title h2{font-size:clamp(54px,10.7vw,76px)}.section-title p{margin-top:18px}.module summary{grid-template-columns:30px 1fr 24px;gap:12px;padding:25px 0}.module-label{display:none}.module h3{font-size:clamp(29px,6vw,43px)}.module-content{padding:0 20px 24px 42px;font-size:13px}.closing{padding-top:52px}.closing h2{font-size:18vw}.closing-bottom{align-items:start;flex-direction:column;gap:25px;margin-top:40px}.closing>p{font-size:11px}.footer{flex-wrap:wrap;gap:24px}.footer>span{display:none}.footer .brand{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero-copy{opacity:1!important;transform:none!important}}
/* Film: the clip plays as a looping video inside a single-viewport opening, with pause and sound controls. */
.film-visual .film{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:opacity .45s}
.film-visual .film.is-ending{opacity:0}
.film-controls{display:flex;align-items:center;gap:10px}
.film-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 16px;border:1px solid #a6ac9d88;border-radius:40px;background:#10120fb3;color:var(--paper);letter-spacing:.06em;font-size:11px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.film-button svg{width:16px;height:16px;stroke-width:2}
.film-button.icon-only{width:40px;padding:0}
.film-button[aria-pressed="true"]{border-color:var(--green);color:var(--green)}
.film-button:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.film-button .icon-on,.film-button .icon-pause{display:none}
.film-button[aria-pressed="true"] .icon-on,.film-button.is-playing .icon-pause{display:block}
.film-button[aria-pressed="true"] .icon-off,.film-button.is-playing .icon-play{display:none}
@media(max-width:800px){.film-visual .poster,.film-visual .film{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.film-visual .film{transition:none}}
/* Social presence: the cinematic palette continues into a digital world. */
.course{padding-top:120px;overflow:hidden}.course-heading{position:relative;z-index:2}.course h2{font-size:clamp(58px,7vw,100px)}
.presence-art{height:670px;position:relative;margin:20px -5vw 0;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#22301d66,transparent 63%)}
#network{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.orbit{position:absolute;border:1px solid #98f34b40;width:720px;height:300px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-19deg)}.orbit-two{width:600px;height:410px;transform:translate(-50%,-50%) rotate(26deg);border-color:#edeee523}
.creator-phone{position:absolute;left:50%;top:45%;width:232px;height:395px;padding:25px 19px;background:linear-gradient(135deg,#222720,#070807 50%,#192115);border:4px solid #53594d;border-radius:32px;transform:translate(-50%,-50%) rotate(-9deg);box-shadow:26px 38px 60px #000a;overflow:hidden}.phone-notch{width:75px;height:13px;background:#050605;border-radius:20px;position:absolute;left:75px;top:7px}.phone-top{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:18px}.phone-top span{font-size:8px;color:var(--muted)}.pixel-title{font-family:var(--display);font-size:63px;line-height:.94;letter-spacing:.015em;margin-top:28px;color:var(--green);text-shadow:2px 0 #d3ffb5}.pixel-title span{color:var(--paper)}.phone-wave{height:54px;margin-top:18px;background:repeating-linear-gradient(90deg,transparent 0 5px,#98f34b 5px 7px);clip-path:polygon(0 40%,10% 20%,20% 45%,30% 0,40% 40%,50% 10%,60% 65%,70% 25%,80% 55%,90% 10%,100% 50%,100% 65%,90% 30%,80% 70%,70% 45%,60% 85%,50% 30%,40% 60%,30% 20%,20% 65%,10% 40%,0 60%)}.phone-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:7px;letter-spacing:.1em}
.social-node{position:absolute;z-index:3;width:76px;height:76px;border:1px solid #757e6b;border-radius:20px;background:linear-gradient(145deg,#343b2f,#0e110d);color:var(--paper);box-shadow:12px 20px 30px #0008;cursor:pointer;transition:transform .3s,color .3s,border-color .3s}.social-node svg{width:38px;height:38px;stroke-width:1.7}.social-node:hover,.social-node.active{color:var(--green);border-color:var(--green);transform:translateY(-9px) rotate(-6deg)}.instagram{left:23%;top:17%;transform:rotate(-12deg)}.youtube{right:19%;top:24%;transform:rotate(12deg)}.tiktok{left:18%;top:57%;transform:rotate(-15deg)}.x-social{right:25%;top:65%;transform:rotate(10deg)}.platform-caption{position:absolute;bottom:52px;left:var(--pad);max-width:250px}.platform-caption>span{color:var(--green);font-size:13px}.platform-caption p{font-size:15px;margin-top:9px}.art-note{position:absolute;bottom:55px;right:var(--pad);font-size:9px;letter-spacing:.13em;color:var(--muted)}
.connection{padding:90px var(--pad);background:#080a08;border-top:1px solid #252b21}.connection-title{display:flex;justify-content:space-between;gap:50px;align-items:end}.connection h2{font-size:clamp(35px,4.5vw,66px);line-height:1.05}.connection h2 span{color:#8e9785}.connection-title p{font-size:13px;color:var(--muted)}.signal-line{height:160px;display:flex;align-items:center;justify-content:space-between;margin:40px 0;overflow:hidden}.signal-line span{width:2.8%;height:var(--height,60%);background-image:radial-gradient(circle,#c3edaa 1px,transparent 1.5px);background-size:5px 5px;opacity:.8}.signal-line span:nth-child(3n){height:90%}.signal-line span:nth-child(4n){height:30%}.signal-line span:nth-child(5n){height:100%}.principles{display:flex;gap:8%;border-top:1px solid var(--line);padding-top:30px}.principles p{flex:1;color:var(--muted);font-size:13px}.principles b{display:block;color:var(--paper);margin-bottom:8px;font-weight:400;font-size:17px}
.curriculum{background:#10120f;color:var(--paper);padding-top:110px;padding-bottom:100px}.section-title p,.module-label,.draft-note{color:var(--muted)}.module-list,.module{border-color:var(--line)}.module-number{color:var(--green)}.module-content{color:#c3c9ba}.module[open]{background:#1b2116}.module[open] summary,.module[open] .module-content{padding-left:18px}.module[open] .module-content{padding-left:98px}.curriculum summary:focus-visible{outline-color:var(--green)}
.deals{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:80px var(--pad) 100px;background:#080a08;border-top:1px solid #252b21;overflow:hidden}.deals h2{font-size:clamp(58px,6vw,92px);line-height:.95}.deals em{font-style:normal;color:var(--green)}.deals-copy p{max-width:37ch;color:var(--muted);margin:28px 0}.deal-world{position:relative;min-height:380px}.deal-ring{position:absolute;inset:5% 7% 15%;border:1px dashed #627053;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#98f34b13,transparent 65%)}.deal-center{position:absolute;left:43%;top:37%;font:italic 65px var(--display);color:var(--green)}.company{position:absolute;font-size:25px;background:#080a08;padding:8px}.stake{top:0;left:29%;font-style:italic;font-weight:700}.polymarket{right:-2%;top:27%;font-size:19px}.kalshi{top:57%;right:7%;font-size:29px}.rubber{left:0;top:28%;font-size:21px}.rainbow{left:7%;top:62%;font-weight:700}.deal-world p{position:absolute;bottom:0;width:100%;text-align:center;color:var(--muted);font-size:10px}.closing{background:#10120f;color:var(--paper);border:0;padding-top:80px}.closing h2{font-size:clamp(62px,8vw,118px);margin-top:0}.closing h2 span{color:var(--green)}.closing .circle{border-color:var(--green)}.closing .round-link:hover .circle{background:var(--green);color:var(--ink)}
@media(max-width:800px){.course{padding-top:70px}.presence-art{height:600px;margin-top:25px}.creator-phone{width:205px;height:365px;top:42%}.pixel-title{font-size:57px}.phone-notch{left:62px}.orbit{width:480px;height:250px}.orbit-two{width:330px;height:350px}.social-node{width:54px;height:54px;border-radius:14px}.social-node svg{width:29px;height:29px}.instagram{left:7%;top:12%}.youtube{right:5%;top:19%}.tiktok{left:5%;top:49%}.x-social{right:8%;top:55%}.platform-caption{bottom:52px;left:7%;max-width:245px}.art-note{bottom:19px;left:7%;right:auto;font-size:8px}.connection{padding:65px var(--pad)}.connection-title{display:block}.connection-title p{margin-top:24px}.connection h2{font-size:36px}.signal-line{height:110px;margin:30px 0}.principles{flex-direction:column;gap:25px}.deals{grid-template-columns:1fr;padding-top:65px;gap:45px}.deals h2{font-size:64px}.deal-world{min-height:330px}.company{font-size:22px}.polymarket{font-size:18px}.module[open] .module-content{padding-left:42px}.closing h2{font-size:15vw}.closing{padding-top:60px}.curriculum{padding-top:65px;padding-bottom:65px}}

img.pixel-title{display:block;width:170px;height:178px;margin-top:28px;image-rendering:pixelated}@media(max-width:800px){img.pixel-title{width:150px;height:158px}}
.art-note,.deal-world p{font-size:11px}
/* Opening controls: readable from across the room, within the existing palette. */
.hero-copy h1{font-size:clamp(83.6px,9.35vw,149.6px)}
@media(min-width:1700px){.hero-copy h1{font-size:170.5px}}
@media(max-width:800px){.hero-copy h1{font-size:clamp(77px,15.4vw,118.8px)}}
.header .brand{font-size:18px;gap:16px}
.header .brand img{width:62px;height:42px}
.header nav>a:first-child{font-size:15px}
.header .nav-cta{font-size:17.6px;font-weight:700;padding:18.7px 28.6px;border:1px solid var(--paper);background:var(--paper);color:var(--ink);gap:26.4px}
.header .nav-cta svg{width:24.2px;height:24.2px}
.header .nav-cta:hover{background:var(--green);border-color:var(--green)}
.hero-copy p{font-size:clamp(18px,1.35vw,24px);line-height:1.5;max-width:35ch;color:var(--paper);margin-top:30px}
.hero-copy .round-link{font-size:clamp(18px,1.4vw,24px);font-weight:700;background:var(--green);color:var(--ink);padding:14px 18px 14px 30px;border-radius:60px;gap:32px;margin-top:30px;min-height:76px;transition:background .2s,transform .2s}
.hero-copy .round-link .circle{width:48px;height:48px;border-color:#10120f66}
.hero-copy .round-link .circle svg{width:27px;height:27px}
.hero-copy .round-link:hover{background:var(--paper);transform:translateY(-2px)}
.hero-copy .round-link:hover .circle{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(max-width:800px){.header .brand{font-size:13px;gap:9px}.header .brand img{width:46px;height:34px}.header .nav-cta{font-size:13.2px;padding:13.2px 15.4px;gap:11px}.header .nav-cta svg{width:16.5px;height:16.5px}.hero-copy p{font-size:16px;max-width:31ch;margin-top:20px}.hero-copy .round-link{font-size:17px;min-height:62px;padding:10px 12px 10px 22px;gap:22px;margin-top:22px}.hero-copy .round-link .circle{width:40px;height:40px}}
/* Reference-led studio treatment, scoped entirely below the film. */
.course{background:#050605;padding-top:100px}.course-heading{align-items:center;gap:8vw}.course h2{font-size:clamp(58px,6.8vw,96px)}.course-description p{font-size:14px;line-height:1.8}.course .button{border-radius:0;padding:17px 22px;background:var(--paper)}.course .button:hover{background:var(--green)}
.presence-art.studio-art{height:auto;aspect-ratio:1.65;max-height:820px;margin:35px calc(-1 * var(--pad)) 0;background:#050605;overflow:hidden}.studio-image{width:100%;height:100%;object-fit:cover;display:block;mask-image:linear-gradient(black 85%,transparent)}.studio-statement{position:absolute;left:var(--pad);top:16%;font-family:var(--display);font-size:clamp(37px,5vw,78px);line-height:.95;letter-spacing:-.015em}.studio-statement span{display:block}.studio-statement span:last-child{color:var(--green)}
.platform-selector{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;border-top:1px solid #35382f;padding:28px 0 48px}.platform-options{display:flex;gap:28px;align-items:center;justify-content:space-between}.platform-choice{display:flex;flex-direction:column;gap:13px;align-items:center;background:none;border:0;color:#b3b8ac;padding:14px 7px;cursor:pointer;font-size:11px}.platform-choice img{filter:invert(1);object-fit:contain;opacity:.65;transition:opacity .2s,transform .2s}.platform-choice:hover img,.platform-choice.active img{opacity:1;transform:translateY(-3px)}.platform-choice.active{color:var(--green)}.platform-selector .platform-caption{position:static;max-width:none;padding-left:35px;border-left:1px solid #35382f;min-height:65px}.platform-caption>span{font-size:12px;color:#a6ac9d}.platform-caption p{font-size:15px;max-width:32ch;margin-top:6px}
.connection{padding:85px var(--pad) 95px;background:#0b0d0b}.connection-title{align-items:start}.connection h2{font-family:var(--body);font-weight:400;font-size:clamp(29px,3.4vw,50px);line-height:1.2;letter-spacing:-.035em;max-width:780px}.connection h2 span{color:#a3aa9b}.connection-title p{min-width:205px;font-size:13px}.principles{margin-top:58px;padding-top:30px;gap:6%}.principles b{font-size:17px}.curriculum{background:#0b0d0b;border-top:1px solid #2b3026}.section-title h2{font-size:clamp(54px,6.3vw,90px)}.module h3{font-family:var(--body);font-size:clamp(23px,2.6vw,36px);font-weight:400;letter-spacing:-.025em}.module[open]{background:transparent}.module[open] summary{padding-left:0}.module[open] .module-content{padding-left:80px}.module summary{padding:32px 0}.module summary:hover h3{transform:none;color:var(--green)}
.deals{background:#050605;grid-template-columns:1fr 1fr;gap:9vw;padding-top:105px;padding-bottom:105px}.deals h2{font-size:clamp(58px,6vw,90px)}.deal-world{display:flex;flex-direction:column;justify-content:center;min-height:300px}.brand-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:38px;row-gap:32px}.brand-list .company{position:static;display:inline-block;background:none!important;padding:0;font-size:27px;line-height:1.2;color:#e4e7df}.brand-list .stake{font:italic 700 40px Georgia,serif}.brand-list .kalshi{font-size:38px;letter-spacing:-.05em}.brand-list .rainbow{font-size:31px;letter-spacing:-.035em}.deal-world p{position:static;text-align:left;margin-top:45px;max-width:38ch;font-size:11px;line-height:1.6}.closing{background:#0b0d0b}.closing h2{font-size:clamp(58px,7.5vw,108px)}
@media(max-width:800px){.course{padding-top:65px}.course-heading{gap:24px}.presence-art.studio-art{aspect-ratio:.95;margin-top:28px;max-height:630px}.studio-image{object-fit:cover;object-position:54% center}.studio-statement{top:6%;font-size:33px;left:24px}.platform-selector{grid-template-columns:1fr;gap:22px;padding-top:12px;padding-bottom:35px}.platform-options{gap:8px}.platform-choice{font-size:11px}.platform-selector .platform-caption{padding:20px 0 0;border-left:0;border-top:1px solid #35382f}.platform-caption p{max-width:100%;font-size:14px}.connection{padding-top:60px;padding-bottom:60px}.connection h2{font-size:31px;line-height:1.25}.connection-title p{margin-top:25px}.principles{margin-top:35px;gap:27px}.module[open] .module-content{padding-left:42px}.module h3{font-size:25px}.deals{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:38px}.deals h2{font-size:60px}.deal-world{min-height:0}.brand-list{gap:25px 30px}.brand-list .company{font-size:24px}.brand-list .stake,.brand-list .kalshi{font-size:34px}.deal-world p{margin-top:28px}.closing h2{font-size:14vw}}
/* Promo: the captioned talking-head film sits directly under the opening. It autoplays muted in view; the lime control turns the voice on. */
.promo{position:relative;background:var(--black);padding:60px var(--pad) 20px}
.promo-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 0 16px;font-size:11px;letter-spacing:.06em;color:var(--muted)}
.promo-head b{font-weight:400;color:var(--paper)}
.promo-head,.promo-frame,.promo-controls{width:100%;margin-left:0;margin-right:0}
.promo-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;isolation:isolate}
.promo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#000}
.promo-tap{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;z-index:1}
.promo-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;border:1px solid var(--paper);background:#10120fb3;color:var(--paper);display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.promo-center svg{width:32px;height:32px;margin-left:4px;stroke-width:1.5}
.promo-center:hover{background:var(--green);color:var(--ink);border-color:var(--green);transform:translate(-50%,-50%) scale(1.05)}
.promo-frame.is-playing .promo-center{display:none}
.promo-controls{display:flex;align-items:center;gap:16px;padding:16px 0 0}
.promo-track{flex:1;height:22px;position:relative;cursor:pointer;display:flex;align-items:center}
.promo-track:before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:#edeee52b}
.promo-fill{position:relative;width:100%;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left}
.promo-time{font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.06em;color:#c2c8b8;white-space:nowrap}
.film-button.is-loud{background:var(--green);color:var(--ink);border-color:var(--green)}
.film-button.is-loud:hover{background:var(--paper);border-color:var(--paper)}
@media(max-width:800px){.promo-head,.promo-frame,.promo-controls{width:100%}.promo-head{padding:26px 0 12px}.promo-center{width:72px;height:72px}.promo-center svg{width:26px;height:26px}.promo-controls{flex-wrap:wrap;gap:12px 14px}.promo-track{flex-basis:100%;order:-1}.promo-time{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.promo-center{transition:none}}

/* Full-width imagery moves vertically into a continuous dark surface. */
.film-visual { transform: translateY(var(--film-travel, 0px)); will-change: transform; }
.stage::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg, var(--black), transparent 38%); z-index: 1; }
.promo { padding-top: 50px; }
.promo-heading { position: relative; display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 34px; }
.promo-eyebrow { font-size: 10px; letter-spacing: .12em; color: var(--muted); }
.promo-heading h2 { font-size: clamp(50px, 5.8vw, 88px); line-height: .95; margin-top: 17px; }
.promo-heading em { font-style: normal; color: var(--green); }
.promo-layout { position: relative; display: grid; grid-template-columns: minmax(0, 3.8fr) minmax(250px, 1fr); gap: clamp(24px, 2.5vw, 40px); align-items: start; transform: translateY(var(--content-lift, 0px)); }
.promo-player { min-width: 0; }
.promo-head { padding: 0 0 15px; font-size: 10px; }
.promo-head > span:first-child { display: flex; align-items: center; gap: 8px; }
.promo-head i { width: 5px; height: 5px; background: var(--green); border-radius: 50%; }
.promo-frame { border: 1px solid #edeee51c; }
.promo-chapters { display: block; padding-top: 31.5px; }
.chapter { position: relative; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 10px; width: 100%; min-height: 88px; padding: 20px 0; border: 0; border-top: 1px solid #edeee528; text-align: left; background: transparent; color: var(--paper); cursor: pointer; }
.chapter-number, .chapter-time { font-size: 10px; font-variant-numeric: tabular-nums; color: var(--muted); }
.chapter-copy strong { display: block; font-size: clamp(14px, 1.25vw, 18px); font-weight: 400; transition: color .2s; }
.chapter-copy small { display: block; color: var(--muted); font-size: 11px; line-height: 1.6; margin-top: 5px; }
.chapter:hover .chapter-copy strong, .chapter.is-active .chapter-copy strong, .chapter.is-active .chapter-number, .chapter.is-active .chapter-time { color: var(--green); }
.chapter::before { content: ""; position: absolute; inset: 0 -12px; background: linear-gradient(90deg, #98f34b0b, transparent); opacity: 0; transition: opacity .25s; pointer-events: none; }
.chapter.is-active::before, .chapter:hover::before { opacity: 1; }
.chapter-progress { position: absolute; top: -1px; left: 0; height: 1px; width: 100%; background: var(--green); transform: scaleX(var(--chapter-progress, 0)); transform-origin: left; }
/* Place chapters in the video row so their rules span the picture's height. */
@media (min-width: 1051px) {
  .promo-layout { row-gap: 0; }
  .promo-player { display: contents; }
  .promo-head { grid-column: 1; grid-row: 1; }
  .promo-frame { grid-column: 1; grid-row: 2; }
  .promo-controls { grid-column: 1; grid-row: 3; }
  .promo-chapters { grid-column: 2; grid-row: 2; display: grid; grid-template-rows: repeat(4, 1fr); gap: 0; align-items: stretch; align-self: stretch; padding-top: 0; border-bottom: 1px solid #edeee528; }
  .chapter-copy strong { font-size: clamp(18px, 1.3vw, 28px); line-height: 1.3; }
  .chapter-copy small { font-size: clamp(12px, .75vw, 16px); margin-top: 9px; }
  .chapter-number, .chapter-time { font-size: clamp(10px, .65vw, 13px); }
}
@media (min-width: 1051px) and (max-width: 1350px) {
  .chapter { padding: 14px 0; }
  .chapter-copy strong { font-size: 16px; }
  .chapter-copy small { font-size: 11px; margin-top: 5px; }
}
@media (max-width: 1050px) and (min-width: 801px) { .promo-layout { grid-template-columns: minmax(0, 1.85fr) minmax(250px, 1fr); gap: 28px; } .chapter { min-height: 73px; padding: 14px 0; } .chapter-copy small { font-size: 10px; } .promo-controls { gap: 9px; } .promo-controls .film-button { padding: 0 10px; font-size: 9px; } }
@media (max-width: 800px) { .promo { padding-top: 46px; } .promo-heading { display: block; margin-bottom: 26px; } .promo-heading h2 { font-size: clamp(48px, 10vw, 76px); } .promo-layout { grid-template-columns: 1fr; gap: 32px; } .promo-eyebrow { font-size: 9px; } .promo-head { font-size: 9px; padding: 0 0 12px; } .chapter { min-height: 80px; } .chapter-copy strong { font-size: 16px; } .promo-chapters { padding-top: 0; } }
@media (prefers-reduced-motion: reduce) { .film-visual, .promo-layout { transform: none; } }

.closing-brands { margin-top: 48px; padding-top: 32px; border: 0; }
.closing-brands .brand-list { justify-content: space-between; }
.closing-brands p { margin-top: 24px; color: var(--muted); font-size: 11px; line-height: 1.6; }
@media (max-width: 800px) { .closing-brands { margin-top: 32px; padding-top: 26px; } .closing-brands .brand-list { justify-content: flex-start; } }

/* The mobile film bleeds behind navigation; actions share a row below the copy. */
@media (max-width: 800px) {
  .header { height: 72px; padding-inline: 20px; }
  .header .brand { font-size: 11px; gap: 7px; }
  .header .brand img { width: 40px; height: 28px; }
  .header .nav-cta { min-height: 44px; font-size: 11px; padding: 10px 12px; gap: 8px; white-space: nowrap; }
  .header .nav-cta svg { width: 15px; height: 15px; }
  .story { height: auto; min-height: 0; padding-bottom: 12px; }
  .stage { height: auto; }
  .film-visual { position: relative; inset: auto; width: 100%; aspect-ratio: 4 / 3; transform: none; will-change: auto; }
  .film-visual .poster, .film-visual .film { object-fit: cover; object-position: 60% center; }
  .film-visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg, var(--black), transparent 32%), linear-gradient(180deg, #05060599, transparent 35%); }
  .shade, .stage::after { display: none; }
  .hero-copy { position: relative; inset: auto; width: auto; margin: -30px 20px 0; }
  .hero-copy h1 { font-size: clamp(60px, 16vw, 96px); line-height: .92; }
  .hero-copy p { margin-top: 16px; max-width: 34ch; font-size: 14px; line-height: 1.55; }
  .hero-copy .round-link { min-height: 52px; margin-top: 18px; padding: 8px 10px 8px 20px; gap: 22px; font-size: 15px; }
  .hero-copy .round-link .circle { width: 34px; height: 34px; }
  .hero-copy .round-link .circle svg { width: 21px; height: 21px; }
  .story-footer, .scroll-cue { display: none; }
  .hero-actions { display: flex; align-items: center; gap: 8px; margin-top: 18px; }
  .hero-actions .round-link { flex: 1; min-width: 0; min-height: 48px; margin-top: 0; padding: 0 14px; justify-content: center; font-size: 14px; white-space: nowrap; }
  .hero-actions .round-link .circle { display: none; }
  .hero-actions .film-controls { flex-shrink: 0; }
  .hero-actions #film-sound { width: 44px; padding: 0; }
  .hero-actions #film-sound span { display: none; }
  .film-controls { gap: 8px; }
  .film-button { min-height: 44px; padding-inline: 12px; font-size: 10px; }
  .film-button.icon-only { width: 44px; flex: 0 0 44px; }
  .promo { padding: 24px 20px 16px; }
  .promo-heading { margin-bottom: 22px; }
  .promo-heading h2 { margin-top: 0; font-size: clamp(42px, 10.8vw, 76px); }
  .promo-eyebrow { display: none; }
  .promo-layout { gap: 20px; transform: none; }
  .promo-head { gap: 10px; font-size: 8px; }
  .promo-controls { padding-top: 8px; gap: 6px 12px; }
  .promo-track { height: 32px; }
  .promo-track::before { top: 15px; }
  .promo-time { font-size: 10px; letter-spacing: 0; }
  .promo-chapters { border-bottom: 1px solid #edeee528; }
  .chapter { min-height: 56px; padding: 12px 8px; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 8px; }
  .chapter-copy strong { font-size: 15px; line-height: 1.4; }
  .chapter-copy small { display: none; }
  .chapter-time { font-size: 11px; }
  .chapter::before { inset-inline: 0; }
  .chapter:focus-visible { outline-offset: 2px; }
}
@media (max-width: 360px) {
  .header .brand span { display: none; }
}

/* A fixed responsive frame reserves space for the tallest profile.
   Slides move horizontally only; shorter profiles are vertically centered. */
.creator-section { padding: 76px var(--pad) 32px; }
.creator-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 14px; }
.creator-heading h2 { font-size: clamp(52px, 6vw, 88px); }
.creator-navigation { display: flex; gap: 10px; align-items: center; }
.creator-navigation > span { color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; margin-right: 14px; }
.creator-navigation button { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--paper); cursor: pointer; font-size: 20px; }
.creator-navigation button:hover { background: var(--green); color: var(--black); border-color: var(--green); }
.creator-stage { --pair-width: min(760px, 74vw); --pair-step: calc(var(--pair-width) + 48px); --profile-stack-height: calc((var(--pair-width) - 40px) * .694319 + 32px); position: relative; height: calc(var(--profile-stack-height) + 144px); perspective: 1600px; overflow: hidden; isolation: isolate; }
.creator-pair { position: absolute; top: 12px; left: 50%; width: var(--pair-width); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 40px; align-items: start; transform-origin: center top; transform: translateX(calc(-50% + var(--offset) * var(--pair-step))); opacity: calc(1 - var(--distance) * .5); will-change: transform; }
.creator-pair.is-away { visibility: hidden; }
.creator-pair-handle { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: 9px; min-height: 32px; margin-bottom: 10px; color: var(--green); font-size: 16px; font-weight: 600; letter-spacing: -.015em; }
.creator-platform-logo { display: block; flex: 0 0 22px; width: 22px; height: 22px; object-fit: contain; }
.creator-pair-handle:hover { text-decoration: underline; text-underline-offset: 4px; }
.creator-shot { margin: 0; min-width: 0; display: grid; grid-template-rows: var(--profile-stack-height, auto) auto; }
.creator-profile-stack { align-self: center; min-width: 0; }
.creator-shot figcaption { display: flex; justify-content: space-between; gap: 8px; align-items: center; font-weight: 500; font-size: 11px; letter-spacing: .12em; margin-bottom: 12px; color: var(--paper); }
.creator-shot-frame { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; cursor: zoom-in; }
.creator-profile { position: relative; width: 100%; container-type: inline-size; }
.creator-profile-crop { position: relative; width: 100%; overflow: hidden; background: white; border-radius: 3px; }
.creator-profile-crop > img { position: absolute; inset: 0; display: block; width: 100%; height: auto; max-width: none; }
.creator-profile-count { position: absolute; display: flex; align-items: center; background: #fff; color: #000; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-weight: 700; letter-spacing: -.025em; line-height: 1; text-align: left; white-space: nowrap; }
.creator-followers { display: flex; align-items: baseline; gap: 7px; padding-top: 16px; flex-direction: column; align-items: flex-start; }
.creator-followers strong { font-size: clamp(26px, 3vw, 38px); line-height: 1; font-weight: 500; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.creator-followers span { font-size: 11px; color: var(--muted); }
.creator-shot-before .creator-followers strong { color: var(--muted); }
.creator-source-note { color: var(--muted); font-size: 10px; line-height: 1.6; margin: 16px 0 0; }
.creator-rotation { justify-self: end; display: flex; align-items: center; gap: 10px; min-height: 44px; color: var(--muted); border: 0; padding: 0; background: none; font: inherit; font-size: 11px; cursor: pointer; }
.creator-rotation:hover { color: var(--paper); }
.creator-caption { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: center; padding: 4px 0; border: 0; }
#creator-link { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; min-height: 44px; }
#creator-link:hover { color: var(--green); }
.creator-rail { display: flex; gap: 2px; }
.creator-choice { position: relative; width: 36px; height: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.creator-choice::after { content: ""; position: absolute; top: 20px; left: 12px; width: 12px; height: 3px; background: var(--line); transition: background .2s, transform .2s; }
.creator-choice[aria-pressed="true"]::after { background: var(--green); transform: scaleX(1.5); }
.creator-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.creator-dialog { width: min(620px, calc(100vw - 32px)); max-height: calc(100svh - 40px); padding: 0; border: 0; border-radius: 0; background: #0b0e10; color: var(--paper); }
.creator-dialog::backdrop { background: #000d; backdrop-filter: blur(8px); }
.creator-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 14px; position: sticky; top: 0; z-index: 1; background: #10120f; }
.creator-dialog-header a { font-size: 13px; }
.creator-dialog-header button { width: 44px; height: 44px; border: 0; background: transparent; color: var(--paper); font-size: 28px; cursor: pointer; }
.creator-dialog .creator-source-note { padding: 12px 16px; margin: 0; }
@media (max-width: 800px) {
  .creator-section { padding: 48px 20px 24px; }
  .creator-heading { align-items: center; gap: 12px; margin-bottom: 10px; }
  .creator-heading h2 { font-size: clamp(38px, 8vw, 64px); }
  .creator-navigation { gap: 6px; }
  .creator-navigation > span { display: none; }
  .creator-navigation button { width: 40px; height: 44px; }
  .creator-stage { --pair-width: min(620px, calc(100vw - 40px)); --pair-step: calc(var(--pair-width) + 24px); --profile-stack-height: calc((var(--pair-width) - 16px) * .694319 + 26px); height: calc(var(--profile-stack-height) + 124px); margin-inline: -20px; }
  .creator-pair { top: 8px; gap: 0 16px; }
  .creator-pair-handle { min-height: 28px; margin-bottom: 8px; font-size: 14px; }
  .creator-shot figcaption { font-size: 10px; margin-bottom: 10px; letter-spacing: .06em; }
  .creator-followers { padding-top: 12px; gap: 6px; }
  .creator-followers strong { font-size: clamp(24px, 5vw, 32px); }
  .creator-followers span { font-size: 9px; }
  .creator-source-note { font-size: 9px; max-width: 48ch; }
  .creator-rotation { grid-column: 2; grid-row: 2; justify-self: end; font-size: 10px; }
  .creator-caption { grid-template-columns: 1fr auto; gap: 0 12px; }
  #creator-link { grid-column: 1 / -1; }
  .creator-rail { grid-column: 1; grid-row: 2; }
  #creator-link { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .creator-pair, .creator-choice::after { transition: none; } }

.brand-list .brand-logo { display: block; max-width: 100%; object-fit: contain; filter: brightness(0) invert(1); opacity: .9; }
@media (max-width: 800px) { .brand-list .brand-logo-stake { width: 90px; height: 45px; } .brand-list .brand-logo-polymarket { width: 156px; height: 30px; } .brand-list .brand-logo-kalshi { width: 108px; height: 33px; } }

@media (max-width: 800px) { .closing-brands .brand-list { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 16px; } .brand-list .brand-logo-higgsfield { width: 156px; height: 39px; } }

.closing { padding-bottom: 80px; border-top: 0; background: linear-gradient(180deg, var(--black) 0, #0b0d0b 140px); }
@media (max-width: 800px) { .closing { padding-bottom: 48px; } }

.creator-stage.is-selecting .creator-pair { transition: transform 1.2s cubic-bezier(.22,.61,.36,1), opacity 1.2s; }
@media (prefers-reduced-motion: reduce) { .creator-stage.is-selecting .creator-pair { transition: none; } }

.closing-brands .brand-opportunity { margin: 0 0 24px; color: var(--paper); font-size: 15px; line-height: 1.5; }
@media (max-width: 800px) { .closing-brands .brand-opportunity { margin-bottom: 20px; font-size: 13px; } }
@media (prefers-reduced-motion: reduce) { .creator-stage { transition: none; } }
