/* Drop-in component styles. The portrait is clipped in CSS; its pixels are unchanged. */
.brain-stage{--head-width:350px;--head-ratio:1.33640553;--head-bottom:24px;--head-height:calc(var(--head-width)*var(--head-ratio));--seam:calc(100% - var(--head-bottom) - var(--head-height)*.69);--scroll-lift:0px;--mx:0;--my:0;--brain-ink:#000000;--brain-paper:#f5f0e7;--brain-pink:#ff3333;position:relative;isolation:isolate;width:min(1140px,100%);height:690px;margin-inline:auto;perspective:1200px;font-family:inherit;contain:layout style}
.brain-stage *{box-sizing:border-box}
.brain-stage img{display:block;max-width:100%;user-select:none;-webkit-user-drag:none}
.brain-shadow{position:absolute;z-index:0;width:calc(var(--head-width)*.88);height:32px;bottom:3px;left:50%;border-radius:50%;background:#000000;filter:blur(12px);transform:translateX(-50%);opacity:.5;transition:transform .8s,opacity .8s}
.head-base,.head-crown{position:absolute;left:50%;bottom:var(--head-bottom);width:var(--head-width);aspect-ratio:1085/1450;transform:translateX(-50%);will-change:transform}
.head-base img,.head-crown img{width:100%;height:100%;object-fit:contain}
.head-base{z-index:5;clip-path:polygon(0 31%,8% 30.7%,16% 31.6%,24% 30.8%,32% 31.8%,40% 30.6%,48% 31.5%,56% 30.7%,64% 31.7%,72% 30.6%,80% 31.6%,88% 30.8%,96% 31.4%,100% 31%,100% 100%,0 100%)}
.head-crown{z-index:6;clip-path:polygon(0 0,100% 0,100% 31%,96% 31.4%,88% 30.8%,80% 31.6%,72% 30.6%,64% 31.7%,56% 30.7%,48% 31.5%,40% 30.6%,32% 31.8%,24% 30.8%,16% 31.6%,8% 30.7%,0 31%);transform-origin:65% 31%;transition:transform 1s cubic-bezier(.22,.8,.2,1);filter:drop-shadow(0 8px 10px #0002)}
.brain-stage::before{content:"";position:absolute;z-index:3;top:calc(var(--seam) - 5px);left:50%;width:calc(var(--head-width)*.7);height:17px;background:#111111;border:3px solid #ff3333;border-radius:50%;transform:translate(-50%,0) scaleX(.75);opacity:0;transition:opacity .35s,transform .8s}
.forehead-rip{position:absolute;z-index:7;top:calc(var(--seam) - 1px);left:50%;width:calc(var(--head-width)*.72);height:8px;background:var(--brain-paper);clip-path:polygon(0 40%,8% 15%,16% 65%,25% 20%,33% 70%,42% 10%,51% 65%,60% 15%,69% 70%,78% 15%,87% 65%,96% 25%,100% 45%,100% 100%,0 100%);transform:translateX(-50%);opacity:0;transition:opacity .3s;pointer-events:none}
.brain-props{position:absolute;inset:0;pointer-events:none}
.brain-prop{--x:50%;--y:var(--seam);--rotation:0deg;--depth:12px;--delay:0ms;position:absolute;z-index:4;display:block;left:50%;top:var(--seam);color:var(--brain-paper);text-decoration:none;opacity:0;visibility:hidden;transform:translate(-50%,-20%) scale(.14) rotate(0deg);pointer-events:none;filter:drop-shadow(0 20px 16px #03091e35);transition:left .9s cubic-bezier(.2,.85,.2,1),top .9s cubic-bezier(.2,.85,.2,1),transform .9s cubic-bezier(.2,.85,.2,1),opacity .25s,visibility 0s .9s;outline:none;-webkit-tap-highlight-color:transparent}
.brain-prop>.vinyl,.brain-prop>.book-cover,.brain-prop>img,.brain-prop>.film-screen{animation:brain-drift 6s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:50% 50%;transition:filter .25s,scale .25s}
.brain-prop .prop-label{position:absolute;top:calc(100% + 17px);left:50%;display:block;width:max-content;max-width:160px;padding:7px 10px;border:1px solid #f5f0e74d;background:#000000bf;border-radius:0;color:var(--brain-paper);font-size:12px;font-weight:500;line-height:1.25;font-family:inherit;text-align:center;transform:translateX(-50%);transition:background .2s,color .2s;backdrop-filter:blur(8px)}
.brain-prop:focus-visible .prop-label{outline:3px solid var(--brain-pink);outline-offset:5px}
.brain-prop:hover .prop-label,.brain-prop:focus-visible .prop-label{background:var(--brain-pink);color:var(--brain-ink);border-color:var(--brain-pink)}
.brain-prop:hover>.vinyl,.brain-prop:hover>.book-cover,.brain-prop:hover>img,.brain-prop:focus-visible>.vinyl,.brain-prop:focus-visible>.book-cover,.brain-prop:focus-visible>img{animation-play-state:paused;scale:1.045;filter:brightness(1.08)}
.brain-stage.is-open .head-crown{transform:translate(calc(-50% - 63px + var(--mx)*8px),calc(-155px - var(--scroll-lift)*.3 + var(--my)*6px)) rotate(-14deg)}
.brain-stage.is-open::before{opacity:1;transform:translate(-50%,0) scaleX(1)}
.brain-stage.is-open .forehead-rip{opacity:.85}
.brain-stage.is-open .brain-prop{left:var(--x);top:var(--y);opacity:1;visibility:visible;pointer-events:auto;transform:translate(calc(-50% + var(--mx)*var(--depth)),calc(-50% + var(--my)*var(--depth) - var(--scroll-lift)*.42)) rotate(var(--rotation)) scale(1);transition-delay:var(--delay)}
.brain-stage.is-open .brain-prop>.vinyl,.brain-stage.is-open .brain-prop>.book-cover,.brain-stage.is-open .brain-prop>img,.brain-stage.is-open .brain-prop>.film-screen{animation-play-state:running}
.brain-stage.is-settled .brain-prop{transition:transform .22s ease,opacity .2s,filter .2s}
.brain-stage.is-settled .head-crown{transition:transform .3s ease}
.brain-stage.is-open .brain-shadow{transform:translateX(-50%) scaleX(.9);opacity:.35}
.brain-stage.is-motion-paused .brain-prop>*,.brain-stage.is-motion-paused .brain-prop:hover>*{animation-play-state:paused!important}
.brain-stage.is-motion-paused.is-open .brain-prop{transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1)}
.brain-stage.is-motion-paused.is-open .head-crown{transform:translate(calc(-50% - 63px),-155px) rotate(-14deg)}
.prop-record{--x:25%;--y:29%;--rotation:-13deg;--depth:17px;--delay:80ms;width:210px}
.vinyl{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 33%,#ffffff05 33.5% 34%,transparent 34.5%),repeating-radial-gradient(circle at 50% 50%,#0a0d13 0 2px,#292c31 2.6px,#080b12 3.3px 4px);border:3px solid #10131c;box-shadow:inset -15px -10px 26px #0009,inset 9px 10px 20px #ffffff12}
.vinyl::before{content:"";position:absolute;inset:4%;border-radius:50%;background:conic-gradient(from 10deg,transparent 0 12%,#ffffff23 14%,transparent 18% 61%,#ffffff15 65%,transparent 70%);pointer-events:none}
.vinyl-label{position:absolute;inset:31%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--brain-pink);border-radius:50%;color:var(--brain-ink);text-align:center;border:1px solid #1d24403d;padding:8px;box-shadow:0 0 0 1px #0009}
.vinyl-label::after{content:"";position:absolute;left:50%;top:50%;width:5px;aspect-ratio:1;border-radius:50%;background:#131722;transform:translate(-50%,-50%)}
.vinyl-label span{font-size:7px;letter-spacing:.1em;margin-bottom:9px}.vinyl-label strong{font-size:11px;line-height:1}.vinyl-label small{font-size:4.5px;letter-spacing:.015em;margin-top:4px}
.prop-book{--x:75%;--y:28%;--rotation:11deg;--depth:12px;--delay:150ms;width:155px}
.book-cover{position:relative;aspect-ratio:.7;background:var(--brain-paper);color:var(--brain-ink);padding:18px 14px 15px 20px;border-left:6px solid #d3cbc0;box-shadow:5px 3px 0 #d4cbbb,9px 6px 0 #b7afa6,inset 2px 0 4px #0002}
.book-cover::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000004 4px);pointer-events:none}
.book-series{font-size:7px;letter-spacing:.13em;display:block;margin-bottom:18px}.book-cover strong{font-size:27px;line-height:.99;letter-spacing:-.055em;font-weight:700}.book-rule{height:2px;background:var(--brain-ink);width:35px;margin:16px 0 10px}.book-author{font-size:6px;letter-spacing:.05em;line-height:1.5}.book-cover i{position:absolute;right:10px;bottom:7px;font:italic 35px/1 Georgia,serif;opacity:.2}
.prop-mic{--x:60%;--y:11%;--rotation:16deg;--depth:23px;--delay:220ms;z-index:7;width:46px}.prop-mic>img{width:100%;height:auto;animation-delay:-2s!important}.prop-mic .prop-label{top:calc(100% + 10px)}
.prop-screen{--x:85%;--y:65%;--rotation:-8deg;--depth:14px;--delay:290ms;width:220px}
.film-clap{height:23px;background:repeating-linear-gradient(125deg,#f4eee3 0 18px,#202431 18px 36px);border:2px solid #090d17;transform-origin:6px 100%;transform:rotate(-8deg);transition:transform .3s ease;border-radius:3px 3px 0 0;margin-bottom:1px}
.film-screen{position:relative;aspect-ratio:1.65;background:#151515;padding:17px 16px;border:5px solid #111111;box-shadow:2px 5px 0 #101010}.film-format{display:block;font-size:5.5px;letter-spacing:.09em;margin-bottom:12px;color:var(--brain-pink)}.film-screen b{font-size:26px;line-height:.92;letter-spacing:-.035em}.film-screen i{position:absolute;bottom:9px;right:12px;font-size:23px;color:var(--brain-pink);font-style:normal}.prop-screen:hover .film-clap,.prop-screen:focus-visible .film-clap{transform:rotate(-20deg)}
.prop-receipt{--x:16%;--y:68%;--rotation:10deg;--depth:20px;--delay:360ms;width:87px}.prop-receipt>img{width:100%;height:auto;clip-path:polygon(0 0,100% 0,100% 99%,95% 100%,90% 99%,85% 100%,80% 99%,75% 100%,70% 99%,65% 100%,60% 99%,55% 100%,50% 99%,45% 100%,40% 99%,35% 100%,30% 99%,25% 100%,20% 99%,15% 100%,10% 99%,5% 100%,0 99%);animation-delay:-3s!important}.prop-receipt .prop-label{top:calc(100% + 13px)}
@keyframes brain-drift{from{transform:translateY(-4px) rotate(-1deg)}to{transform:translateY(5px) rotate(1deg)}}
@media(min-width:1400px){.brain-stage{--head-width:380px;height:720px}}
@media(max-width:800px){.brain-stage{--head-width:290px;height:650px}.prop-record{--x:21%;width:165px}.prop-book{--x:79%;width:127px}.prop-mic{--x:59%;width:39px}.prop-screen{--x:84%;width:165px}.prop-receipt{--x:14%;width:70px}.book-cover{padding:15px 10px 11px 14px}.book-cover strong{font-size:23px}.book-series{margin-bottom:12px;font-size:6px}.book-rule{margin:12px 0 8px}.film-screen{padding:12px}.film-screen b{font-size:20px}.film-format{margin-bottom:7px;font-size:4px}.film-clap{height:18px}}
@media(max-width:560px){.brain-stage{--head-width:205px;--head-bottom:38px;height:630px}.brain-stage.is-open .head-crown,.brain-stage.is-motion-paused.is-open .head-crown{transform:translate(calc(-50% - 37px + var(--mx)*5px),calc(-174px + var(--my)*4px - var(--scroll-lift)*.2)) rotate(-16deg)}.prop-record{--x:20%;--y:36%;--rotation:-15deg;--depth:10px;width:122px}.prop-book{--x:80%;--y:35%;--rotation:12deg;--depth:9px;width:99px}.prop-mic{--x:53%;--y:15%;--rotation:12deg;--depth:11px;width:34px}.prop-screen{--x:85%;--y:67%;--rotation:-8deg;--depth:7px;width:117px}.prop-receipt{--x:15%;--y:70%;--depth:8px;width:65px}.brain-prop .prop-label{font-size:10px;padding:6px 7px;max-width:130px;top:calc(100% + 12px)}.vinyl-label{padding:3px;gap:2px}.vinyl-label span{font-size:4px;margin-bottom:5px}.vinyl-label strong{font-size:6.5px}.vinyl-label small{font-size:2.7px}.vinyl-label::after{width:3px}.book-cover{padding:13px 7px 12px 11px;border-left-width:4px;box-shadow:3px 2px 0 #d4cbbb,6px 4px 0 #b7afa6}.book-series{font-size:4.5px;margin-bottom:12px}.book-cover strong{font-size:18px}.book-rule{width:27px;margin:10px 0 7px;height:1px}.book-author{font-size:4.4px}.book-cover i{font-size:25px}.film-clap{height:15px;background-size:auto}.film-screen{padding:10px 8px;border-width:3px}.film-format{font-size:3px;margin-bottom:7px}.film-screen b{font-size:15px}.film-screen i{font-size:15px;right:6px;bottom:4px}.brain-shadow{height:22px;bottom:20px}}
@media(max-width:370px){.brain-stage{--head-width:180px;height:610px}.prop-record{width:108px}.prop-book{width:88px}.prop-screen{width:104px}.prop-receipt{width:58px}.prop-mic{width:30px}.book-cover strong{font-size:16px}.book-series{margin-bottom:8px}.book-rule{margin:7px 0}.brain-prop .prop-label{font-size:9px;padding:6px}}
@media(prefers-reduced-motion:reduce){.brain-stage *,.brain-stage::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.brain-stage.is-open .brain-prop{transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1)}}

/* Keep both parts of the screen object on the same floating plane. */
.prop-screen{animation:screen-drift 6s ease-in-out infinite alternate;animation-play-state:paused}
.brain-stage.is-open .prop-screen{animation-play-state:running}.brain-stage .prop-screen>.film-screen{animation:none}
.brain-stage.is-motion-paused .prop-screen,.prop-screen:hover,.prop-screen:focus-visible{animation-play-state:paused}
@keyframes screen-drift{from{translate:0 -4px}to{translate:0 5px}}

@media(max-width:560px){.head-crown{z-index:3}}

.brain-hero{position:relative;padding:22px 4vw 34px;overflow:hidden}.hero-kicker{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;position:relative;z-index:1}.hero-type{position:absolute;z-index:0;top:50px;left:50%;transform:translateX(-50%);text-align:center;line-height:.85;letter-spacing:-.075em;white-space:nowrap;margin:0;pointer-events:none}.hero-type>span{display:block;font-size:clamp(60px,8vw,112px);font-weight:400;letter-spacing:-.07em}.hero-type>strong{display:block;font-size:clamp(98px,17.2vw,246px);margin-top:9px;font-weight:900}.hero-bottom{position:relative;z-index:8;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding-top:12px}.hero-bottom p{font-size:14px;line-height:1.5;margin:0}.hero-bottom p span{font-size:11px;opacity:.65}.hero-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}.brain-toggle{background:var(--brain-accent);color:#000;border:0;padding:16px 20px;min-width:176px;text-align:left;font-weight:700;font-size:12px}.brain-toggle span{float:right;font-size:17px;margin-left:20px;line-height:.9}.motion-toggle{border:0;border-bottom:1px solid #f5f0e755;background:transparent;color:#f9f7ef;padding:9px 0;font-size:10px}.hero-bottom .small-note{font-size:9px;text-align:right;letter-spacing:.06em;opacity:.7}
.brain-hero{--brain-accent:#ff3333;background:#000;color:#f9f7ef;min-height:0;height:auto;isolation:isolate}
.brain-hero .hero-type{color:#ff3333;width:auto;inset:auto;top:50px;left:50%;transform:translateX(-50%);opacity:1}
.brain-hero .hero-type strong{font-family:inherit;line-height:.85}
.brain-hero .hero-kicker{position:relative;inset:auto;display:flex;width:auto}
.brain-portrait{position:absolute;z-index:5;left:50%;bottom:var(--head-bottom);width:var(--head-width);height:var(--head-height);transform:translateX(-50%);overflow:visible;pointer-events:none}
.brain-portrait .mind-cap{transform-box:fill-box;transform-origin:65% 100%;transition:transform 1s cubic-bezier(.22,.8,.2,1)}
.brain-stage.is-open .mind-cap{transform:translate(-18%,-32%) rotate(-14deg)}
.brain-stage::before{display:none}
.brain-stage.is-settled .mind-cap{transition:transform .3s ease}
.brain-hero .film-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.film-screen>span,.film-screen>b,.film-screen>i{position:relative;z-index:1}.film-screen>b{display:block}
.brain-hero .book-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}.book-cover>span,.book-cover>strong,.book-rule{position:relative}
.brain-hero .brain-toggle{color:#000;background:#ff3333}.brain-hero .motion-toggle{color:#f9f7ef}
@media(max-width:800px){.brain-hero .hero-bottom{grid-template-columns:1fr auto}.brain-hero .small-note{display:none}.brain-hero .hero-type{top:68px}.brain-hero .hero-type strong{font-size:18vw}}
@media(max-width:560px){.brain-hero{padding:22px 16px 28px}.brain-hero .hero-kicker{font-size:7px;letter-spacing:.04em}.brain-hero .hero-type{top:62px}.brain-hero .hero-type>span{font-size:54px}.brain-hero .hero-type>strong{font-size:21vw;margin-top:10px}.brain-hero .hero-bottom{grid-template-columns:1fr;gap:20px;text-align:center}.brain-hero .hero-controls{gap:20px}.brain-hero .hero-bottom p{font-size:13px}.brain-stage.is-open .mind-cap{transform:translate(-18%,-60%) rotate(-16deg)}}
@media(prefers-reduced-motion:reduce){.brain-portrait .mind-cap{transition:none!important}}

.brain-hero .hero-type strong{color:#ff3333;-webkit-text-stroke:0;-webkit-text-fill-color:#ff3333}