:root{--ink:#11111f;--navy:#19162b;--cream:#fff2d8;--coral:#ffaaa6;--cyan:#80e0dd;--paper:#efece4;--muted:#bdb4c9;--line:#fff2d829}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}::selection{background:var(--coral);color:var(--ink)}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400}h2{font-size:clamp(66px,8.2vw,145px);letter-spacing:-.025em;line-height:.9}h3{line-height:1}em{font-style:normal;color:var(--coral)}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:2px;font-weight:700}.coral{color:var(--coral)}.micro-note{font-size:12px;line-height:1.65;color:var(--muted)}.text-link{border:0;border-bottom:1px solid currentColor;background:none;padding:10px 0;display:inline-flex;gap:20px;align-items:center;font-size:14px;font-weight:700;line-height:1.3}.text-link:hover{color:var(--coral)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:20px 27px;background:var(--coral);color:var(--ink);border:0;font-size:12px;font-weight:800;letter-spacing:1px;transition:background .2s,transform .25s}.button:hover{background:var(--cream);transform:translateY(-3px)}.button span{font-size:21px}.brand{font-family:Impact,'Arial Narrow',sans-serif;font-size:37px;letter-spacing:-1px;line-height:.9}.brand span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.5px;margin-top:8px;font-weight:700;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--cream);color:var(--ink);padding:15px}.skip:focus{top:10px}.reading-progress{position:fixed;left:0;top:0;height:3px;background:var(--coral);width:0;z-index:80}.masthead{position:absolute;z-index:8;top:0;left:0;right:0;padding:28px 4vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.masthead nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.masthead nav button{background:none;border:0;padding:10px 0;font-size:13px}.masthead nav button span{margin-left:14px}.masthead nav a:hover,.masthead nav button:hover{color:var(--coral)}.pdf-pill{padding:12px 19px;border:1px solid #fff2d85c;border-radius:30px}.menu-toggle{background:none;border:0;width:45px;height:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.menu-toggle span{width:27px;height:2px;background:var(--cream)}
.cover-track{height:190svh;position:relative}.cover-sticky{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;isolation:isolate}.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(calc(1.02 + var(--cover-progress,0)*.2));will-change:transform;z-index:-3}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0f112278,transparent 70%),linear-gradient(0deg,#11111fb8,transparent 35%,transparent 78%,#11111f50);z-index:-2}.portal{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;animation:open-portal 2.25s cubic-bezier(.65,0,.2,1) .15s both;transform-origin:50% 53%}.cover-type{position:absolute;left:6vw;top:27%;transform:translateY(calc(var(--cover-progress,0)*-100px));opacity:var(--cover-copy-opacity,1);will-change:transform,opacity}.cover-type>.eyebrow{font-size:10px;letter-spacing:1.8px;animation:type-in 1s 1.4s both}h1{font-size:clamp(80px,9.4vw,158px);letter-spacing:-.025em;line-height:.89;margin:22px 0 30px;animation:type-in 1s 1.55s both}h1 span{color:var(--coral)}.cover-intro{font-size:clamp(18px,1.7vw,26px);line-height:1.45;animation:type-in 1s 1.65s both}.round-link{display:flex;align-items:center;gap:17px;background:none;border:0;padding:0;margin-top:30px;font-size:11px;font-weight:700;letter-spacing:1.4px;animation:type-in 1s 1.8s both}.play-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff2d889;border-radius:50%;font-size:11px}.round-link:hover .play-symbol{background:var(--coral);color:var(--ink)}.cover-scroll{position:absolute;bottom:36px;left:6vw;display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:2px;opacity:var(--cover-copy-opacity,1)}.scroll-line{width:70px;height:1px;background:#fff2d860;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;inset:0;background:var(--cream);animation:line-running 2.4s infinite}.cover-issue{position:absolute;right:4vw;bottom:35px;text-align:right;display:flex;flex-direction:column;gap:10px;opacity:var(--cover-copy-opacity,1)}.cover-issue>span{font-size:9px;letter-spacing:1.5px}.cover-issue strong{font:29px/1 Impact,sans-serif}.cover-after{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#11111f45;opacity:var(--cover-after-opacity,0);transform:scale(var(--cover-after-scale,.85));pointer-events:none}.cover-after>span{font-size:14px;letter-spacing:5px;margin-bottom:30px}.cover-after strong{font:clamp(120px,19vw,330px)/.83 Impact,sans-serif;text-align:center;letter-spacing:-.04em;text-shadow:0 10px 80px #11111f80}
.editorial{display:grid;grid-template-columns:.88fr 1.12fr;gap:6vw;min-height:1100px;padding:140px 7vw 150px;position:relative}.editorial-copy{position:relative;z-index:2}.editorial h2{margin:30px 0;font-size:clamp(78px,9.3vw,154px)}.editorial-copy p:not(.eyebrow):not(.author-sign){max-width:410px;font-size:17px;line-height:1.75;color:var(--muted);margin-top:23px}.editorial-copy .lead{color:var(--cream)!important;font-size:21px!important;line-height:1.5!important}.author-sign{font:italic 28px Georgia,serif;color:var(--coral);margin-top:32px}.author-sign span{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:14px;color:var(--muted)}.editorial-collage{position:relative;min-height:790px;margin-top:80px}.collage-main{position:absolute;right:-8vw;top:0;width:112%;transform:rotate(5deg) translateY(var(--drift,0px));z-index:1}.collage-main img{width:100%;height:520px;object-fit:cover;object-position:70%}.collage-main figcaption,.collage-small figcaption{padding:14px 5px;font-size:9px;letter-spacing:1.3px}.collage-small{position:absolute;left:0;top:320px;width:51%;transform:rotate(-8deg) translateY(var(--drift,0px));z-index:2;box-shadow:0 15px 50px #0005}.collage-small img{height:410px;width:100%;object-fit:cover}.collage-small figcaption{background:var(--coral);color:var(--ink);padding:15px}.collage-word{position:absolute;right:-7vw;top:570px;z-index:3;font:clamp(140px,18vw,280px)/1 Impact,sans-serif;color:var(--cyan);letter-spacing:-.04em;transform:rotate(-6deg) translateY(var(--drift,0px))}.collage-caption{position:absolute;left:12%;top:810px;font-size:13px;line-height:1.7;color:var(--muted);max-width:340px}
.scroll-story{position:relative}.prompt-track{height:360svh}.story-sticky{position:sticky;top:0;height:100svh;min-height:690px;display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden}.story-image-area{position:relative;overflow:hidden;isolation:isolate;background:#101a29}.prompt-scene-photo{height:100%;width:100%;object-fit:cover;object-position:68% center;transform:scale(var(--prompt-scale,1.12)) translateX(var(--prompt-x,0%));transition:transform 1.2s cubic-bezier(.2,.75,.2,1),filter 1.2s;filter:saturate(.72);z-index:-3;position:absolute;inset:0}.scene-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#10121fa8,transparent 45%,#10121f30);z-index:-2}.stage-ribbon{position:absolute;left:32px;right:32px;top:35px;display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #fff2d850;font-size:10px;letter-spacing:1.7px}.stage-caption{position:absolute;bottom:24px;left:32px;right:32px;font-size:11px;line-height:1.6;color:#eee5e8b8;max-width:460px}.story-copy{padding:7svh 4vw 5svh;display:flex;flex-direction:column;justify-content:center;background:var(--navy)}.story-copy h2{font-size:clamp(61px,6.1vw,100px);margin:25px 0}.step-content{min-height:115px}.step-content h3{font:700 16px Arial,sans-serif;color:var(--coral);margin-bottom:12px}.step-content p{font-size:16px;line-height:1.65;color:#d3cbd8;max-width:410px}.step-buttons{display:flex;flex-wrap:wrap;gap:0 22px;margin:25px 0 20px;border-top:1px solid var(--line)}.step-buttons button{font-size:12px;line-height:1.3;padding:15px 0;background:none;border:0;border-bottom:2px solid transparent;color:#9d93aa}.step-buttons button span{margin-right:6px;font-size:10px}.step-buttons button[aria-pressed=true]{border-color:var(--coral);color:var(--cream)}.scroll-cue{font-size:9px;letter-spacing:1.7px;color:#9d93aa;display:block;margin-bottom:16px}.story-copy>.text-link{align-self:flex-start;font-size:12px;margin-top:auto}.negative-space{position:absolute;left:5%;top:25%;width:29%;height:44%;border:1px dashed #fff2d89e;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-20px);transition:opacity .7s,transform 1s;background:#ffaaa61a}.negative-space span{font:clamp(22px,3vw,45px)/.95 Impact,sans-serif;transform:rotate(-90deg);white-space:nowrap}.light-beam{position:absolute;top:9%;height:75%;width:60%;opacity:0;mix-blend-mode:screen;pointer-events:none;transition:opacity .8s,transform 1.2s;z-index:0}.beam-coral{left:-25%;background:linear-gradient(90deg,#ff817f55,transparent);clip-path:polygon(0 0,100% 32%,100% 65%,0 100%);transform:translateX(-40px)}.beam-cyan{right:-20%;background:linear-gradient(270deg,#64ffff70,transparent);clip-path:polygon(100% 0,0 32%,0 65%,100% 100%);transform:translateX(40px)}.material-callout{position:absolute;top:30%;right:8%;font-size:10px;line-height:1.6;letter-spacing:1px;opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.material-callout span{display:block;border-left:1px solid var(--cyan);height:65px;margin-bottom:10px}.prompt-fragments{position:absolute;bottom:85px;left:32px;right:32px;display:flex;flex-wrap:wrap;gap:7px}.prompt-fragments span{font-size:12px;background:#11111fc9;backdrop-filter:blur(8px);padding:10px 14px;border:1px solid #fff2d833;color:var(--cream);transition:opacity .5s,transform .5s;opacity:.18;transform:translateY(12px)}.prompt-fragments span.active{opacity:1;transform:none}.prompt-fragments span:last-child{color:var(--cyan)}.prompt-track[data-step="1"] .negative-space,.prompt-track[data-step="3"] .negative-space{opacity:1;transform:none}.prompt-track[data-step="2"] .light-beam,.prompt-track[data-step="3"] .light-beam,.prompt-track[data-step="2"] .material-callout,.prompt-track[data-step="3"] .material-callout{opacity:1;transform:none}.prompt-track[data-step="2"] .prompt-scene-photo,.prompt-track[data-step="3"] .prompt-scene-photo{filter:saturate(1.2)}
.worlds{position:relative;padding:120px 6vw 90px;overflow:hidden;background:var(--coral);color:var(--ink);isolation:isolate}.world-background{position:absolute;inset:0;z-index:-3;opacity:.53}.world-background img{width:100%;height:100%;object-fit:cover}.worlds:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffaba9d9,#ffd3b8c9 30%,#11111f00 66%,#11111f);z-index:-2}.worlds>.eyebrow{text-align:center;font-size:11px;margin-bottom:35px}.worlds>h2{font-size:clamp(70px,13.3vw,222px);text-align:center;line-height:.86;letter-spacing:-.035em;position:relative;z-index:2}.worlds>h2 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.world-collage{position:relative;min-height:950px;max-width:1500px;margin:45px auto 0}.world-card{position:absolute;background:var(--paper);color:var(--ink);padding:12px;box-shadow:0 20px 60px #11111f50}.world-card img{width:100%;aspect-ratio:1;object-fit:cover}.world-card figcaption{font-size:9px;letter-spacing:1.4px;font-weight:700;padding:15px 3px 6px}.world-card-one{width:47%;left:2%;top:35px;transform:rotate(-5deg) translateY(var(--drift,0px))}.world-card-two{width:36%;right:4%;top:195px;transform:rotate(7deg) translateY(var(--drift,0px));z-index:1}.world-copy{position:absolute;left:4%;bottom:25px;width:42%;color:var(--cream)}.world-copy h3{font-size:clamp(48px,5vw,80px);text-transform:uppercase;line-height:.95;margin-bottom:20px}.world-copy p{font-size:17px;line-height:1.65;max-width:400px}.world-copy .text-link{margin-top:20px}.world-copy small{display:block;font-size:10px;margin-top:18px;color:var(--muted)}
.camera-track{height:300svh}.camera-sticky{height:100svh;min-height:730px;position:sticky;top:0;padding:6svh 6vw;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.camera-heading h2{font-size:clamp(52px,6.5vw,101px);margin-top:17px}.camera-workspace{display:grid;grid-template-columns:1.8fr 1fr;gap:4vw;align-items:center;margin-top:35px}.camera-view{aspect-ratio:1.75;position:relative;overflow:hidden;background:#191a26}.camera-view>img{position:absolute;width:100%;height:100%;object-fit:cover;transform:scale(var(--camera-scale,1));transform-origin:33% 25%;transition:transform 1.15s cubic-bezier(.2,.8,.2,1)}.frame-guide{position:absolute;inset:6%;border:1px solid #fff2d877;pointer-events:none}.frame-guide i{position:absolute;display:block;background:#fff2d845}.frame-guide i:nth-child(1){left:33.333%;height:100%;width:1px}.frame-guide i:nth-child(2){left:66.666%;height:100%;width:1px}.frame-guide i:nth-child(3){top:33.333%;width:100%;height:1px}.frame-guide i:nth-child(4){top:66.666%;width:100%;height:1px}.camera-frame-label{position:absolute;top:18px;left:18px;background:var(--cream);color:var(--ink);font-size:10px;font-weight:700;letter-spacing:2px;padding:8px 12px}.camera-frame-corner{position:absolute;top:16px;right:20px;font-size:25px}.camera-counter{position:absolute;bottom:20px;right:22px;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:13px}.camera-counter strong{font:43px Impact,sans-serif}.camera-tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);margin-bottom:25px}.camera-tabs button{font-size:13px;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:var(--muted)}.camera-tabs button[aria-pressed=true]{color:var(--coral);border-color:var(--coral)}#camera-text h3{font-size:38px;text-transform:uppercase;color:var(--coral);margin-bottom:14px}#camera-text p{font-size:16px;line-height:1.65;max-width:400px;min-height:78px}.camera-mini{position:relative;width:150px;margin:23px 0}.camera-mini img{width:100%}.camera-mini>span{position:absolute;inset:0;border:2px solid var(--coral);transition:inset 1s}.camera-description>.micro-note{max-width:400px;font-size:11px}.camera-description>.text-link{font-size:12px;margin-top:15px}
.comparison{background:var(--paper);color:var(--ink);padding:100px 5vw 90px}.comparison-title{text-align:center;margin-bottom:45px}.comparison-title h2{font-size:clamp(65px,9vw,145px);margin:22px 0}.comparison-title em{color:#9a414c}.comparison-title>p:last-child{font-size:17px;line-height:1.65}.compare-stage{position:relative;width:100%;aspect-ratio:1.85;overflow:hidden;background:#101927;--comparison:48%}.compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-base-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--comparison)) 0 0)}.compare-line{position:absolute;left:var(--comparison);top:0;bottom:0;width:2px;background:var(--cream);z-index:2;pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--ink);font-size:29px;box-shadow:0 5px 30px #0005}.compare-label{position:absolute;top:25px;padding:11px 14px;background:#11111fba;color:var(--cream);font-size:10px;font-weight:700;letter-spacing:1.2px;pointer-events:none}.base-label{left:25px}.directed-label{right:25px}.compare-stage input{position:absolute;inset:0;z-index:4;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.compare-stage:has(input:focus-visible){outline:3px solid #387e89;outline-offset:6px}.comparison-note{font-size:13px;line-height:1.7;max-width:940px;margin:23px auto 30px;text-align:center;color:#5c5560}.compare-prompts{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1300px;margin:auto}.compare-prompts details{border-top:1px solid #11111f44;border-bottom:1px solid #11111f44;padding:23px 0}.compare-prompts summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:20px;font-size:20px;font-weight:700}.compare-prompts summary::-webkit-details-marker{display:none}.compare-prompts summary span{font-size:11px;color:#9a414c}.compare-prompts summary b{margin-left:auto;font-size:24px;font-weight:400}.compare-prompts details[open] summary b{transform:rotate(45deg)}.compare-prompts details>p{font-size:16px;line-height:1.75;margin:23px 0}.compare-prompts .text-link{color:#9a414c}
.concepts{padding:130px 7vw 100px;overflow:hidden}.concepts-heading{display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:end;margin-bottom:80px}.concepts-heading>.eyebrow{grid-column:1/-1}.concepts-heading h2{font-size:clamp(95px,14vw,218px)}.concepts-heading>p:last-child{font-size:18px;line-height:1.65;color:var(--muted);padding-bottom:15px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 5vw;align-items:start}.concept-card:nth-child(2){padding-top:150px}.concept-card:nth-child(4){padding-top:140px}.concept-image{overflow:hidden;border-radius:7px}.concept-image img{width:100%;transition:transform 1s cubic-bezier(.2,.7,.2,1);object-fit:cover}.concept-card:hover .concept-image img{transform:scale(1.04)}.concept-card-large .concept-image{transform:rotate(-2deg)}.concept-card-high .concept-image{transform:rotate(2deg)}.concept-caption{padding-top:27px}.concept-caption>span{font-size:10px;letter-spacing:2px;color:var(--coral)}.concept-caption h3{font-size:clamp(43px,5vw,79px);margin:17px 0 14px}.concept-card:nth-child(even) .concept-caption h3{color:var(--coral)}.concept-caption .text-link{font-size:13px;color:var(--muted)}.concept-note{margin:55px 0 0;max-width:900px}
.creatures-track{height:350svh}.creatures-sticky{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#324458}.creatures-scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--creatures-bg-scale,1.12));transition:transform 1.5s;z-index:-4}.creatures-wash{position:absolute;inset:0;background:linear-gradient(90deg,#091b37ed,#091b3780 40%,transparent 75%),linear-gradient(0deg,#112134a6,transparent 30%);z-index:-3}.creatures-copy{position:absolute;left:6vw;top:15%;z-index:4;max-width:560px}.creatures-copy>.eyebrow{color:var(--cyan)}.creatures-copy h2{font-size:clamp(75px,9.7vw,157px);margin:25px 0}.creatures-copy h2 em{color:#ffdf6b}.creatures-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:420px;min-height:62px}.creatures-copy>.text-link{font-size:12px;margin-top:20px}.creatures-steps{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.creatures-steps button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:11px;color:#c4d8df}.creatures-steps button[aria-pressed=true]{color:#ffdf6b;border-color:#ffdf6b}.creatures-char{position:absolute;object-fit:contain;z-index:2;filter:drop-shadow(0 22px 25px #12212680);transition:transform 1.35s cubic-bezier(.2,.7,.2,1),opacity 1.2s;pointer-events:none;opacity:0;max-width:475px}.creatures-brasa{width:30%;height:50%;right:20%;bottom:0;transform:translateY(85%) rotate(-14deg)}.creatures-musgo{width:25%;height:39%;right:0;bottom:2%;transform:translateX(100%) rotate(15deg)}.creatures-aurora{width:34%;height:57%;right:1%;top:-6%;z-index:1;transform:translateY(-90%) rotate(-10deg)}.creatures-sunbeam{position:absolute;right:-10%;top:-15%;height:140%;width:90%;opacity:0;z-index:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(125deg,transparent 22%,#ffdb6b55 37%,#fff3b975 39%,#ffdb6b18 44%,transparent 62%);transition:opacity 1s}.creatures-pop{font:clamp(90px,15vw,240px)/1 Impact,sans-serif;position:absolute;right:0;bottom:5%;color:#ffdf6b;transform:rotate(-8deg) translateY(120%);opacity:0;transition:transform 1.2s,opacity 1s;z-index:1;letter-spacing:-.035em;-webkit-text-stroke:2px #1a3135}.creatures-disclaimer{position:absolute;bottom:20px;left:6vw;font-size:10px;line-height:1.5;color:#e2f0ebba;right:6vw;z-index:5}.creatures-track[data-step="1"] .creatures-brasa,.creatures-track[data-step="2"] .creatures-brasa,.creatures-track[data-step="3"] .creatures-brasa{opacity:1;transform:translateY(0) rotate(-4deg)}.creatures-track[data-step="1"] .creatures-musgo,.creatures-track[data-step="2"] .creatures-musgo,.creatures-track[data-step="3"] .creatures-musgo{opacity:1;transform:translateX(0) rotate(5deg)}.creatures-track[data-step="2"] .creatures-aurora,.creatures-track[data-step="3"] .creatures-aurora{opacity:1;transform:translateY(0) rotate(-6deg)}.creatures-track[data-step="2"] .creatures-sunbeam,.creatures-track[data-step="3"] .creatures-sunbeam{opacity:1}.creatures-track[data-step="3"] .creatures-pop{opacity:1;transform:rotate(-8deg) translateY(0)}.creatures-track[data-step="3"] .creatures-brasa{transform:translate(-10%,3%) rotate(-6deg) scale(1.07)}.anime-styles{background:var(--paper);color:var(--ink);padding:110px 6vw 85px}.anime-styles>div:first-child{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:25px 7vw}.anime-styles>div:first-child>.eyebrow{grid-column:1/-1;color:#964652}.anime-styles h2{font-size:clamp(65px,8vw,124px)}.anime-styles em{color:#637535}.anime-styles>div:first-child>p:last-child{font-size:18px;line-height:1.7;max-width:460px}.style-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin:55px 0 30px}.style-gallery figure:nth-child(2){transform:translateY(30px)}.style-gallery figure{background:var(--ink);color:var(--cream)}.style-gallery img{width:100%;aspect-ratio:1;object-fit:cover}.style-gallery figcaption{padding:20px}.style-gallery strong{font:40px Impact,sans-serif;display:block;color:var(--coral);margin-bottom:10px}.style-gallery span{font-size:13px;line-height:1.5}.anime-styles>.micro-note{color:#65606b;margin-top:55px}
.contents{padding:115px 7vw;background:#221c31}.contents-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:25px 7vw;align-items:end;margin-bottom:60px}.contents-heading>.eyebrow{grid-column:1/-1;color:var(--coral)}.contents-heading h2{font-size:clamp(73px,9vw,145px)}.contents-heading>p:last-child{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:10px}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.toc-card{display:flex;align-items:center;gap:23px;position:relative;min-height:102px;padding:23px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;overflow:hidden}.toc-card>span{font-size:12px;color:var(--coral);min-width:25px}.toc-card h3{font:clamp(27px,3.3vw,48px)/1.05 Impact,sans-serif;text-transform:uppercase;z-index:1;transition:transform .35s}.toc-card b{font-size:26px;font-weight:400;margin-left:auto;position:relative;z-index:1}.toc-card img{position:absolute;right:20px;top:0;width:190px;height:100%;object-fit:cover;opacity:0;transform:translateX(35px) rotate(3deg);transition:opacity .35s,transform .45s;mask-image:linear-gradient(90deg,transparent,#000 40%)}.toc-card:hover h3{transform:translateX(8px);color:var(--coral)}.toc-card:hover img{opacity:.52;transform:none}.prompt-bank{padding:120px 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw}.bank-title h2{font-size:clamp(70px,8.5vw,133px);margin:30px 0}.bank-title>p:last-child{font-size:17px;line-height:1.75;color:var(--muted)}.bank-tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);margin-bottom:25px}.bank-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:15px 0;font-size:14px;color:var(--muted)}.bank-tabs button[aria-pressed=true]{color:var(--coral);border-color:var(--coral)}.bank-workspace>label{display:block;font-size:10px;color:var(--coral);margin-bottom:15px}.bank-workspace textarea{width:100%;min-height:350px;resize:vertical;background:#211b30;color:var(--cream);border:1px solid #fff2d833;padding:24px;font-size:16px;line-height:1.75}.bank-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px}.bank-bottom .text-link{font-size:12px;color:var(--muted)}.bank-workspace>.micro-note{margin-top:20px}.closing{min-height:100svh;position:relative;padding:110px 7vw;display:flex;align-items:center;isolation:isolate;overflow:hidden}.closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;z-index:-3}.closing:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11111fe8,#11111f8a 50%,#11111f15),linear-gradient(0deg,#11111f,transparent 45%);z-index:-2}.closing h2{font-size:clamp(85px,10.8vw,172px);margin:30px 0 45px}.closing-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap}.closing-actions .text-link{font-size:13px}.closing-author{font-size:11px;letter-spacing:4px;font-weight:400;display:block;margin-top:60px}footer{padding:50px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}footer p{font-size:12px;line-height:1.7;color:var(--muted)}footer .text-link{font-size:12px}.top-link{font-size:33px}
dialog{padding:0;border:1px solid #ffffff26;color:var(--cream);background:var(--ink);max-height:92svh}dialog::backdrop{background:#080914de;backdrop-filter:blur(14px)}.close-button{display:grid;place-items:center;width:45px;height:45px;border:1px solid #fff2d855;border-radius:50%;background:none;font-size:30px;line-height:1;flex-shrink:0}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.menu-dialog{width:850px;padding:40px 45px}.menu-dialog>.eyebrow{margin-bottom:20px}.menu-shortcuts{display:flex;gap:25px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--coral);margin-bottom:20px}#menu-links{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-bottom:30px}#menu-links button{border:0;border-top:1px solid var(--line);padding:15px 0;background:none;text-align:left;font-size:18px;line-height:1.4}#menu-links button span{font-size:10px;color:var(--coral);display:inline-block;width:30px}.reader{width:min(1150px,95vw);scrollbar-color:#74637f var(--ink)}.reader-toolbar{position:sticky;top:0;z-index:2;padding:15px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#11111ff5;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.reader-toolbar>span{font-size:11px;letter-spacing:2px}.reader article{padding:35px 65px 45px}.reader h2{font-size:clamp(60px,7vw,106px);margin:15px 0 30px;color:var(--chapter-color,var(--coral))}.reader-intro{font:22px/1.7 Georgia,serif;margin-bottom:32px}.reader-image{max-height:400px;object-fit:cover;width:100%;margin:30px 0}.reader-image-note{font-size:11px!important;color:var(--muted)!important;margin:-17px 0 25px}.reader-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px;padding:35px 0;border-top:1px solid var(--line)}.reader h3{font-size:29px;text-transform:uppercase;margin-bottom:15px;color:var(--chapter-color,var(--coral))}.reader-sections p,.reader-exercise p,.reader>article>p:not(.reader-intro){font-size:17px;line-height:1.75;color:#d1c9d9}.reader-prompt{padding:30px;background:#251f35;margin:27px 0;border-left:3px solid var(--chapter-color,var(--coral))}.reader-prompt .eyebrow{font-size:11px;margin-bottom:15px;color:var(--chapter-color,var(--coral))}.reader-prompt>p:not(.eyebrow){font-size:17px;line-height:1.8}.reader-prompt .text-link{margin-top:17px}.reader-exercise{margin:35px 0}.reader ul{padding-left:20px;font-size:17px;line-height:1.8;color:#d1c9d9}.reader-navigation{display:flex;justify-content:space-between;align-items:center;padding:25px 65px 35px;border-top:1px solid var(--line)}.reader-navigation>span{font-size:12px;color:var(--muted)}.reader-stylecards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.reader-stylecards img{width:100%;aspect-ratio:1.2;object-fit:cover;margin-bottom:15px}.reader-stylecards p{font-size:15px;line-height:1.7;color:var(--muted)}.credits-dialog{padding:40px 50px;width:850px}.credits-dialog h2{font-size:75px;margin-bottom:35px;color:var(--coral)}.credits-dialog h3{font-size:33px;margin:30px 0 20px}.credits-dialog p,.credits-dialog li{font-size:16px;line-height:1.8;margin-bottom:20px;color:#d1c9d9}.credits-dialog li{margin-bottom:12px}.credits-dialog a{text-decoration:underline;text-underline-offset:4px}
.presentation{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;border:0;overflow:hidden;background:var(--ink)}.presentation-top{position:absolute;top:0;left:0;right:0;z-index:5;padding:20px 3.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(#11111f99,transparent)}.presentation-top .brand{font-size:27px}.presentation-top .brand span{font-size:7px}.presentation-top>span:nth-child(2){font-size:10px;letter-spacing:2px;margin-left:auto;margin-right:20px}.presentation-stage{position:absolute;inset:0;overflow:hidden}.deck-scene{position:absolute;inset:0;isolation:isolate;overflow:hidden}.deck-picture{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:65% center;animation:deck-visual 1.3s cubic-bezier(.2,.7,.2,1) both}.deck-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#11111fed,#11111f55 57%,transparent),linear-gradient(0deg,#11111fdd,transparent 30%)}.deck-copy{position:absolute;top:23%;left:6vw;width:55%;z-index:3}.deck-copy .eyebrow{color:var(--coral);font-size:11px;animation:type-in .7s .12s both}.deck-copy h2{font-size:clamp(62px,8.4vw,139px);margin:22px 0 25px;line-height:.9;letter-spacing:-.025em}.deck-copy h2>span{display:block;overflow:hidden}.deck-copy h2>span>i{font-style:normal;display:block;animation:deck-word .85s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.16s + var(--line)*.13s)}.deck-copy>p:not(.eyebrow){font-size:clamp(16px,1.55vw,23px);line-height:1.6;max-width:530px;animation:type-in .7s .5s both}.deck-small{font-size:11px!important;color:var(--muted);margin-top:18px}.deck-footer-note{position:absolute;bottom:115px;left:6vw;right:6vw;font-size:11px;line-height:1.5;color:#fff2d8ad;z-index:3}.deck-scene[data-kind="statement"] .deck-copy{width:90%;top:22%;text-align:center;left:5vw}.deck-scene[data-kind="statement"] .deck-copy>p{margin-left:auto;margin-right:auto;max-width:650px}.deck-scene[data-kind="statement"] .deck-copy h2{font-size:clamp(75px,13vw,200px)}.deck-scene[data-kind="statement"] .deck-shade{background:#11111fa5}.deck-scene[data-kind="prompt"] .deck-copy{width:41%;top:25%}.deck-scene[data-kind="prompt"] .deck-copy h2{font-size:clamp(58px,7vw,115px)}.deck-scene[data-kind="prompt"] .deck-picture{object-position:75% center}.deck-tokens{position:absolute;left:6vw;right:6vw;bottom:145px;display:flex;gap:9px;flex-wrap:wrap;z-index:4}.deck-tokens span{padding:11px 15px;border:1px solid #fff2d84d;background:#11111fd9;backdrop-filter:blur(8px);font-size:12px;animation:token-in .65s both;animation-delay:calc(.25s + var(--token)*.16s)}.deck-tokens span:last-child{color:var(--cyan)}.deck-annotation{position:absolute;z-index:2;animation:type-in .9s .6s both}.deck-negative{right:48%;top:18%;bottom:26%;width:12%;border:1px dashed var(--coral);background:#ffaaa60d;display:flex;align-items:center;justify-content:center}.deck-negative span{writing-mode:vertical-rl;font-size:12px;letter-spacing:3px;color:var(--coral)}.deck-light{top:12%;bottom:14%;width:40%;opacity:.8;mix-blend-mode:screen;animation:beam-in 1.4s both}.deck-light.coral-light{left:-5%;background:linear-gradient(90deg,#ff9b7e55,transparent);clip-path:polygon(0 0,100% 35%,100% 65%,0 100%)}.deck-light.cyan-light{right:-5%;background:linear-gradient(270deg,#7affff80,transparent);clip-path:polygon(100% 0,0 35%,0 65%,100% 100%)}.deck-light-label{right:6%;top:25%;font-size:12px;letter-spacing:2px;color:var(--cyan);padding:13px;background:#11111fba}.deck-light-label:before{content:'';display:block;width:1px;height:70px;background:currentColor;margin-bottom:13px}.deck-scene[data-kind="camera"] .deck-copy{width:39%;left:auto;right:5vw;top:23%}.deck-scene[data-kind="camera"] .deck-copy h2{font-size:clamp(65px,7.3vw,113px)}.deck-scene[data-kind="camera"] .deck-shade{background:linear-gradient(90deg,transparent 30%,#11111ff5 64%)}.deck-camera-viewport{position:absolute;left:0;top:0;width:62%;height:100%;overflow:hidden;z-index:-3}.deck-camera-viewport img{width:100%;height:100%;object-fit:cover;object-position:34% center;transform:scale(var(--zoom));transform-origin:34% 26%;animation:camera-in 1.4s cubic-bezier(.2,.7,.2,1) both}.deck-camera-guide{position:absolute;left:4%;right:42%;top:18%;bottom:25%;border:1px solid #fff2d888;background:linear-gradient(90deg,transparent 33%,#fff2d830 33.1%,transparent 33.2%,transparent 66%,#fff2d830 66.1%,transparent 66.2%)}.deck-camera-label{position:absolute;left:4%;top:13%;font-size:12px;letter-spacing:3px}.deck-split{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;z-index:-3}.deck-split figure{height:100%;position:relative;overflow:hidden}.deck-split img{width:100%;height:100%;object-fit:cover}.deck-split figcaption{position:absolute;top:18%;left:9%;font-size:11px;padding:13px;background:#11111fd9;letter-spacing:2px}.deck-split figure:nth-child(2){animation:split-in 1.5s cubic-bezier(.2,.7,.2,1) both}.deck-scene[data-kind="comparison"] .deck-copy{top:auto;bottom:22%;left:6%;width:90%}.deck-scene[data-kind="comparison"] .deck-copy h2{font-size:clamp(65px,8vw,122px);max-width:900px}.deck-scene[data-kind="comparison"] .deck-shade{background:linear-gradient(0deg,#11111f,transparent 75%)}.deck-style-grid{position:absolute;top:17%;right:5%;bottom:23%;width:52%;display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:rotate(4deg)}.deck-style-grid img{width:100%;height:100%;object-fit:cover;animation:photo-deal .9s both;animation-delay:calc(.2s + var(--photo)*.18s)}.deck-scene[data-kind="styles"] .deck-copy{width:40%;top:24%}.deck-scene[data-kind="styles"] .deck-copy h2{font-size:clamp(66px,7.4vw,113px)}.deck-format-grid{position:absolute;right:5%;top:23%;bottom:23%;width:49%;display:flex;align-items:center;gap:18px}.deck-format-grid figure{position:relative;flex:1;overflow:hidden;animation:photo-deal .9s both;animation-delay:calc(.3s + var(--photo)*.2s)}.deck-format-grid figure:nth-child(1){height:68%}.deck-format-grid figure:nth-child(2){height:100%}.deck-format-grid figure:nth-child(3){height:46%}.deck-format-grid img{width:100%;height:100%;object-fit:cover;object-position:75%}.deck-format-grid figcaption{position:absolute;bottom:10px;left:10px;font-size:10px;background:#11111faa;padding:6px}.deck-scene[data-kind="formats"] .deck-copy{width:40%}.deck-scene[data-kind="formats"] h2{font-size:clamp(66px,7vw,112px)}.deck-creatures{position:absolute;right:4%;bottom:13%;width:38%;max-width:475px;height:58%;object-fit:contain;z-index:1;filter:drop-shadow(0 20px 30px #11111f80);animation:creatures-pop 1.3s cubic-bezier(.2,.7,.2,1) both}.deck-creatures.second{width:29%;right:25%;height:38%;bottom:12%;animation-delay:.25s}.deck-creatures.third{width:32%;right:-1%;height:44%;top:10%;animation-delay:.45s}.deck-scene[data-kind="creatures"] .deck-copy{width:45%;top:24%}.deck-scene[data-kind="creatures"] .deck-copy h2{font-size:clamp(62px,7.5vw,121px)}.deck-scene[data-kind="creatures"] .deck-copy em{color:#ffdf6b}.presentation-bottom{position:absolute;bottom:0;left:0;right:0;z-index:8;background:linear-gradient(transparent,#11111ff5 35%);padding:24px 3.5vw 18px}.presentation-progress{height:2px;background:#fff2d829;margin-bottom:15px}.presentation-progress span{display:block;height:100%;background:var(--coral);width:5%;transition:width .6s}.presentation-controls{display:flex;justify-content:space-between;align-items:center;gap:25px}.presentation-hint{font-size:9px;letter-spacing:1px;color:var(--muted)}.presentation-navigation{display:flex;align-items:center;gap:25px}.presentation-navigation button{border:1px solid #fff2d855;border-radius:50%;width:43px;height:43px;background:none;font-size:23px}.presentation-navigation>span{font-size:12px;letter-spacing:2px;min-width:65px;text-align:center}#presentation-play{background:none;border:0;font-size:12px;padding:15px 0;min-width:98px;text-align:right}#presentation-play span{margin-left:12px;font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:200;background:var(--cream);color:var(--ink);padding:16px 24px;box-shadow:0 10px 50px #0005;transition:opacity .2s,transform .2s;font-size:14px;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{padding:30px;background:var(--cream);color:var(--ink)}
@keyframes open-portal{0%,16%{transform:scale(1);opacity:1}85%{opacity:1}100%{transform:scale(7);opacity:0;visibility:hidden}}@keyframes type-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes line-running{0%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes deck-word{from{transform:translateY(110%) rotate(3deg);opacity:0}to{transform:none;opacity:1}}@keyframes deck-visual{from{transform:scale(1.16)}to{transform:scale(1.02)}}@keyframes token-in{from{transform:translateY(25px);opacity:0}to{transform:none;opacity:1}}@keyframes beam-in{from{opacity:0;transform:scaleX(.1)}to{opacity:.8;transform:scaleX(1)}}@keyframes camera-in{from{transform:scale(calc(var(--zoom) * .82))}to{transform:scale(var(--zoom))}}@keyframes split-in{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes photo-deal{from{opacity:0;transform:translateY(70px) rotate(-9deg)}to{opacity:1;transform:none}}@keyframes creatures-pop{from{opacity:0;transform:translate(70px,80px) scale(.6) rotate(10deg)}to{opacity:1;transform:none}}