:root{--violet:#6700d4;--cyan:#00e2ec;--yellow:#ffe31b;--paper:#fff4df;--dark:#121018;--display:'Barlow Condensed','Roboto Condensed',Impact,'Arial Narrow',sans-serif;--hand:'Permanent Marker','Comic Sans MS',cursive;--mono:'Space Mono',monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;background:#5900c2}body{margin:0;overflow-x:hidden;color:var(--paper);font-family:var(--mono);background:radial-gradient(ellipse at 50% 20%,transparent 20%,rgba(41,0,91,.33) 90%),url('assets/papel-roxo.webp') center/cover fixed}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}button{cursor:pointer}.site{max-width:1900px;margin:0 auto;isolation:isolate;overflow:hidden;position:relative}.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:13px clamp(25px,3vw,52px);border-bottom:1px solid rgba(255,255,255,.23);z-index:40;position:relative;gap:10px}.brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}.brand-seal{background:var(--cyan);color:var(--dark);width:64px;height:62px;display:grid;place-items:center;font:900 42px/1 var(--display);transform:rotate(-7deg);clip-path:polygon(2% 0,97% 4%,100% 93%,0 100%);box-shadow:4px 7px 0 var(--dark)}.brand-seal span{color:#8b05de;margin-left:-7px}.brand-info strong{font:800 19px/1 var(--display);letter-spacing:1.7px;display:block}.brand-info small{font-size:9px;letter-spacing:.35px;color:#e0caf5}.nav-middle{display:flex;align-items:center;gap:15px;font-weight:700;font-size:10px;letter-spacing:1.8px;color:#e9d5f7}.nav-middle b,.asterisk{color:var(--yellow)}.asterisk{font:48px/1 var(--display)}.social{font:700 12px var(--mono);text-decoration:none;color:#fff;white-space:nowrap}.social span{color:var(--yellow);font-size:26px;margin-left:9px}.social:hover{color:var(--yellow)}
.artboard{height:clamp(660px,calc(100svh - 190px),880px);min-height:660px;position:relative;isolation:isolate;overflow:hidden;--spotx:50%;--spoty:45%;background:radial-gradient(ellipse at 50% 30%,rgba(215,10,245,.19),transparent 65%)}.artboard:before{content:'';pointer-events:none;inset:2.3% 2%;position:absolute;border:1px solid rgba(255,255,255,.08);z-index:33}.mover{--px:0px;--py:0px;--dragx:0px;--dragy:0px;--r:var(--rot,0deg);transform:translate3d(calc(var(--px) + var(--dragx)),calc(var(--py) + var(--dragy)),0) rotate(var(--r));will-change:transform}.artboard .mover{transition:filter .25s ease}.splotch{position:absolute;z-index:0;border-radius:50%;filter:blur(70px);pointer-events:none}.splotch-1{background:rgba(224,0,255,.2);width:410px;height:340px;top:6%;left:29%}.splotch-2{background:rgba(23,0,103,.42);width:340px;height:390px;top:50%;right:9%}.grid-paper{position:absolute;pointer-events:none;z-index:1;background-image:linear-gradient(#fff9 1px,transparent 1px),linear-gradient(90deg,#fff9 1px,transparent 1px);background-size:20px 20px;opacity:.29}.grid-one{width:220px;height:145px;left:10%;top:22%;--rot:-14deg}.grid-two{width:205px;height:180px;right:20%;top:6%;--rot:13deg}.halftone{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.1;background-image:radial-gradient(#fff 1px,transparent 1.2px);background-size:9px 9px;mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000)}.spotlight{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle 155px at var(--spotx) var(--spoty),rgba(0,242,246,.19),rgba(255,231,28,.06) 40%,transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity .4s}.artboard:hover .spotlight{opacity:1}.orbit{position:absolute;z-index:2;width:230px;left:25%;top:4%;opacity:.68}.orbit svg{width:100%;height:auto}.spark{position:absolute;z-index:8;font-family:var(--display);color:var(--yellow);font-size:67px;text-shadow:2px 2px 0 #3f0089;pointer-events:none}.spark-a{left:34%;top:19%}.spark-b{right:26%;top:51%;font-size:56px}.tiny-draw{position:absolute;z-index:9;pointer-events:none}.tiny-draw-left{left:3%;bottom:23%;width:110px}.tiny-draw-right{right:6%;top:10%;width:160px}.tiny-draw svg{width:100%;height:auto}
.type-display{font-family:var(--display);font-weight:900;letter-spacing:-.055em;line-height:.72;font-stretch:condensed;text-transform:uppercase}.head-big{position:absolute;z-index:4;top:13%;left:5.5%;font-size:clamp(145px,20vw,362px);letter-spacing:-.075em;color:var(--paper);line-height:1;white-space:nowrap;filter:drop-shadow(11px 11px 0 #10071b);--rot:-4deg;paint-order:stroke;transform-origin:45% 50%;text-shadow:1px 2px 0 #25173c,-2px -1px 0 #fff6e3}.head-big:after{content:'';position:absolute;inset:17% 0 25%;z-index:1;pointer-events:none;background:repeating-linear-gradient(175deg,transparent 0 29px,rgba(95,28,133,.11) 30px 31px,transparent 33px 57px);mix-blend-mode:multiply}.head-do{position:absolute;z-index:19;top:57%;left:4.5%;font-size:clamp(88px,12vw,214px);color:var(--cyan);line-height:.9;letter-spacing:-.062em;white-space:nowrap;--rot:-5deg;filter:drop-shadow(8px 10px 0 #120b1d);-webkit-text-stroke:2px var(--dark)}.head-se{position:absolute;z-index:20;top:64%;right:3.2%;font-size:clamp(102px,13vw,237px);line-height:1;letter-spacing:-.062em;white-space:nowrap;--rot:-6deg;transform-origin:center}.head-se .type-display{display:block;background:var(--yellow);padding:12px 36px 22px 30px;clip-path:polygon(1% 1%,100% 0%,99% 94%,0 100%);color:var(--dark);-webkit-text-stroke:1px #130e1b;box-shadow:inset 0 -8px rgba(36,20,20,.12)}.head-se .period{color:#ff453e;position:absolute;right:-23px;bottom:1%;font:900 130px/1 var(--display);text-shadow:3px 4px var(--dark)}.handline-below{position:absolute;z-index:21;right:6%;top:85%;height:12px;width:29%;background:var(--yellow);border-radius:60% 35% 50% 30%;--rot:-4deg;pointer-events:none}
.manuscript{font:19px/1.38 var(--hand);position:absolute;z-index:17;color:var(--paper);pointer-events:none;text-shadow:2px 2px 0 #420083;letter-spacing:.4px}.note-left{left:3.6%;top:41%;width:215px;--rot:-7deg}.note-left svg{width:152px;margin-left:15px;margin-top:2px}.note-right{right:3.3%;top:23%;width:215px;--rot:7deg}.note-right em{color:var(--yellow);font-style:normal}.note-right .crown{display:block;font:65px/1 var(--display);color:var(--yellow);transform:rotate(-18deg);margin:10px 0 0 45px}.minitag{position:absolute;left:12%;top:8%;z-index:10;background:#170e23;padding:8px 19px;color:var(--yellow);font:700 10px/1 var(--mono);letter-spacing:1.5px;--rot:-4deg}.minitag span{font-size:17px;color:var(--cyan)}
.portrait-wrap{position:absolute;z-index:12;left:50%;top:3%;width:clamp(540px,60vw,990px);height:auto;--rot:0deg;margin-left:calc(clamp(540px,60vw,990px)/-2);pointer-events:auto;filter:drop-shadow(15px 15px 0 rgba(35,0,48,.4))}.portrait{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;position:relative;z-index:2;transform:translateZ(0)}.portrait-glow{position:absolute;inset:15% 18%;z-index:0;border-radius:50%;background:rgba(255,216,16,.13);filter:blur(35px)}.portrait-wrap:hover{filter:drop-shadow(20px 18px 0 rgba(35,0,48,.5))}.yellow-rays{position:absolute;z-index:14;pointer-events:none;color:var(--yellow);font-size:57px;font-family:var(--display)}.ray-left{top:21%;left:21%;--rot:-10deg}.ray-right{top:21%;right:28%;--rot:14deg}
.floating{position:absolute;z-index:6;border:0;background:none;padding:0;appearance:none;cursor:grab;touch-action:none;filter:drop-shadow(6px 8px 0 rgba(34,0,44,.32));transform-origin:50% 50%;animation:arrive .85s both}.floating:active{cursor:grabbing}.floating img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.floating:hover,.floating:focus-visible{filter:drop-shadow(7px 12px 0 rgba(27,0,34,.6)) brightness(1.08);z-index:28}.floating .float-caption{position:absolute;left:50%;bottom:-20px;display:block;white-space:nowrap;transform:translateX(-50%) rotate(-3deg);background:var(--paper);color:var(--dark);font:900 17px var(--display);letter-spacing:.5px;padding:4px 11px;opacity:0;transition:opacity .15s, bottom .2s}.floating:hover .float-caption,.floating:focus-visible .float-caption{opacity:1;bottom:-12px}.floating-plane{left:17%;top:9%;width:15%;max-width:185px;--rot:-11deg}.floating-ball{left:2%;top:21%;width:13%;max-width:155px;--rot:9deg}.floating-trip{right:21%;top:11%;width:12%;max-width:145px;--rot:9deg}.floating-watch{right:4%;top:43%;width:10%;max-width:130px;--rot:11deg}.floating-film{right:8%;bottom:11%;width:14%;max-width:195px;--rot:-15deg}.floating-camera{left:4%;bottom:10%;width:14%;max-width:180px;--rot:8deg}
.tagline{position:absolute;z-index:22;left:50%;bottom:18%;width:530px;margin-left:-265px;text-align:center;text-shadow:2px 3px 0 rgba(35,0,65,.7);font:700 12px/1.55 var(--mono);letter-spacing:1.3px;pointer-events:none}.tagline strong{color:var(--yellow)}.bottom-action{position:absolute;z-index:23;width:min(480px,48%);left:50%;bottom:5%;margin-left:calc(min(480px,48%)/-2);text-align:center}.cta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 18px;text-decoration:none;min-height:75px;background:var(--yellow);border:3px solid var(--dark);box-shadow:9px 10px 0 var(--cyan);color:var(--dark);font:900 clamp(21px,2vw,30px)/1 var(--display);letter-spacing:.2px;transition:filter .2s,background .2s;clip-path:polygon(.6% 0,100% 2%,99.4% 100%,0 97%);--magx:0px;--magy:0px;transform:translate(var(--magx),var(--magy))}.cta:hover{background:#fff5bd;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.32))}.download-symbol,.cta-arrow{font:900 35px/1 var(--display)}.micro-actions{margin-top:21px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--paper);font:700 9px/1.2 var(--mono);letter-spacing:1px}.micro-star{color:var(--yellow);font-size:19px}.subtle-link{color:var(--paper);border:0;border-bottom:1px solid currentColor;background:none;font-size:9px;letter-spacing:1px;font-weight:700;padding:4px}.subtle-link:hover{color:var(--yellow)}.secret{position:absolute;bottom:5%;left:4%;z-index:27;color:var(--yellow);background:rgba(23,0,56,.42);font:700 9px/1.3 var(--mono);letter-spacing:1px;padding:10px;border:1px dashed rgba(255,228,35,.7);transform:rotate(-4deg)}.secret span{font-size:17px}.secret:hover{background:var(--yellow);color:black}.secret-note{position:absolute;bottom:13%;left:3%;z-index:32;background:var(--paper);color:var(--dark);max-width:300px;padding:24px;box-shadow:8px 9px 0 var(--cyan);transform:rotate(-3deg)}.secret-note[hidden]{display:none}.secret-note>button{float:right;border:0;background:var(--yellow);font-size:24px;font-weight:bold;line-height:1}.secret-note span{display:block;color:#8119c0;font-size:10px;margin-bottom:12px;font-weight:700}.secret-note strong{display:block;font:900 29px/1 var(--display)}.secret-note small{display:block;margin-top:13px;font-size:10px}
.paper-navigation{position:relative;z-index:35;border-top:1px dashed rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;gap:1.2%;padding:11px 25px 12px;min-height:112px}.navigation-intro{font:700 9px/1.5 var(--mono);letter-spacing:1px;max-width:104px;flex:0 0 104px}.navigation-intro em{font-size:22px;color:var(--yellow);font-style:normal}.paper-tab{min-width:0;width:min(16%,220px);background:none;border:0;padding:0;filter:drop-shadow(3px 4px 0 rgba(48,0,70,.33));transition:transform .2s}.paper-tab:hover,.paper-tab:focus-visible{transform:translateY(-8px) rotate(-3deg) scale(1.05)}.paper-tab:nth-of-type(even){transform:rotate(2deg)}.paper-tab:nth-of-type(even):hover{transform:translateY(-8px) rotate(-3deg) scale(1.05)}.paper-tab img{width:100%;height:auto;display:block}.footer{border-top:1px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 3.5% 25px;color:#fff;font:700 9px/1.5 var(--mono);letter-spacing:.45px}.footer b,.footer a{color:var(--yellow)}.footer a{text-decoration:none;white-space:nowrap}.footer a:hover{text-decoration:underline}
.art-cursor{position:fixed;top:-100px;left:-100px;z-index:100;pointer-events:none;transform:translate3d(-50%,-50%,0);display:flex;align-items:center;gap:7px;opacity:0;transition:opacity .3s;mix-blend-mode:normal}.art-cursor i{display:block;border:2px solid #ffdf17;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 3px rgba(7,7,10,.35);background:rgba(255,255,255,.13)}.art-cursor span{display:none;padding:6px 10px;background:var(--yellow);color:black;font:900 16px var(--display);white-space:nowrap}.art-cursor.active span{display:block}.art-cursor.active i{border-color:var(--cyan);background:rgba(0,0,0,.4)}@media(pointer:coarse){.art-cursor{display:none}}
.topic-note[hidden],.lightbox[hidden]{display:none}.topic-note{position:fixed;z-index:80;right:3%;top:22%;max-width:325px;background:var(--paper);color:var(--dark);border:3px solid var(--dark);padding:27px 22px 23px;box-shadow:10px 11px 0 var(--yellow);transform:rotate(2deg)}.topic-note small{display:block;font-weight:700;color:#7504c5;margin-bottom:12px;font-size:10px;letter-spacing:1px}.topic-note strong{display:block;font:900 34px/1 var(--display);margin-bottom:12px}.topic-note p{font:500 12px/1.6 var(--mono);margin-bottom:19px}.topic-close{position:absolute;top:6px;right:7px;background:none;border:0;font:900 25px var(--display)}.topic-read{background:var(--cyan);color:#000;border:2px solid #000;padding:9px 14px;font:900 18px/1 var(--display)}
.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.lightbox-shade{position:absolute;inset:0;background:rgba(13,0,37,.87);backdrop-filter:blur(11px)}.lightbox-panel{background:#5200b9;border:3px solid #12071c;box-shadow:11px 12px 0 var(--yellow);padding:12px;position:relative;max-width:1150px;width:100%;max-height:95dvh;display:flex;flex-direction:column}.lightbox-top,.lightbox-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;font-weight:700;letter-spacing:1px}.lightbox-top strong{display:block;background:var(--yellow);color:#09090d;font:900 23px/1 var(--display);padding:9px 18px;clip-path:polygon(2% 0,99% 4%,98% 100%,0 95%)}#counter{margin-left:auto}.lightbox-top button{background:var(--cyan);border:0;color:#000;font-size:30px;font-weight:900;width:40px;height:40px}.lightbox-pages{min-height:0;display:flex;align-items:center;justify-content:center;position:relative;margin:12px 0}.lightbox-pages img{object-fit:contain;max-height:75dvh;max-width:100%;display:block;box-shadow:0 5px 20px #180034}.switch-page{position:absolute;top:50%;transform:translateY(-50%);background:var(--yellow);border:2px solid var(--dark);height:65px;width:45px;font:900 48px/1 var(--display);z-index:2}.switch-page:first-child{left:0}.switch-page:last-child{right:0}.lightbox-bottom a{background:var(--cyan);padding:11px 16px;text-decoration:none;color:#000;font:900 19px var(--display)}.lightbox-bottom a:hover{background:var(--yellow)}body.modal-open{overflow:hidden}
@keyframes enterPortrait{from{opacity:0;transform:translate3d(0,48px,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes inkAppear{from{opacity:0;clip-path:inset(100% 0 0)}to{opacity:1;clip-path:inset(0 0 0)}}@keyframes arrive{from{opacity:0;scale:.82}to{opacity:1;scale:1}}@keyframes breathe{0%,100%{scale:1}50%{scale:1.02}}
.portrait-wrap .portrait{animation:enterPortrait 1.2s cubic-bezier(.15,.78,.1,1) both}.head-big,.head-do,.head-se{animation:inkAppear .8s ease-out both}.head-do{animation-delay:.12s}.head-se{animation-delay:.24s}.cta{animation:breathe 5s ease-in-out infinite}.floating:nth-of-type(2n){animation-delay:.2s}
@media(min-width:1600px){.artboard{height:810px}.head-big{top:9%;font-size:350px}.head-do{top:56%;font-size:214px}.head-se{top:62%;font-size:231px}.portrait-wrap{top:-2%;width:930px;margin-left:-465px}.tagline{bottom:20%}.bottom-action{bottom:4.5%}}
@media(min-width:1100px) and (max-width:1599px){.artboard{height:710px}.portrait-wrap{top:0%;width:780px;margin-left:-390px}.head-big{top:13%;font-size:clamp(180px,20vw,290px)}.head-do{font-size:clamp(140px,12vw,180px)}.head-se{font-size:clamp(137px,13vw,202px)}.tagline{bottom:20%}.bottom-action{bottom:3.5%}.note-left{left:2%;top:38%;font-size:16px}.note-right{right:1.6%;top:24%;font-size:17px}.floating-trip{right:17%}.floating-watch{right:2%}}
@media(min-width:821px) and (max-width:1099px){.topbar{height:76px}.nav-middle{display:none}.artboard{height:760px}.portrait-wrap{width:740px;margin-left:-370px;top:6%}.head-big{top:17%;font-size:215px;left:2%}.head-do{top:57%;font-size:139px;left:2%}.head-se{top:65%;font-size:142px;right:2%}.note-right{right:1%;font-size:14px}.note-left{left:2%;font-size:15px}.tagline{bottom:20%;font-size:11px}.bottom-action{width:410px;margin-left:-205px}.secret{bottom:4%;font-size:8px}.floating-trip{right:16%}}
@media(max-width:820px){.topbar{height:72px;padding:12px 4%}.brand-seal{height:51px;width:53px;font-size:34px}.brand-info strong{font-size:16px}.brand-info small{font-size:8px}.nav-middle{display:none}.social{font-size:10px}.artboard{height:840px;min-height:840px}.portrait-wrap{width:760px;left:50%;margin-left:-380px;top:11%}.head-big{font-size:clamp(140px,23vw,210px);left:5%;top:16%}.head-do{font-size:clamp(100px,14vw,150px);left:3%;top:59%}.head-se{font-size:clamp(100px,14vw,150px);right:3%;top:64%}.floating-plane{left:10%;top:10%;width:19%}.floating-trip{right:11%;top:12%;width:17%}.floating-watch{right:3%;top:36%;width:14%}.floating-ball{left:2%;top:33%;width:16%}.floating-film{right:2%;bottom:25%;width:16%}.floating-camera{left:2%;bottom:23%;width:18%}.note-left{top:38%;left:1.5%;font-size:14px}.note-right{top:35%;right:2%;font-size:14px}.minitag{left:4%;top:5%;font-size:8px}.tagline{bottom:20%;font-size:10px}.bottom-action{width:440px;bottom:5%;margin-left:-220px}.secret{bottom:3%;left:2%;font-size:0;min-width:32px}.secret span{font-size:20px}.paper-navigation{overflow:auto;justify-content:flex-start;padding:12px 15px;gap:10px}.paper-tab{flex:0 0 160px;width:160px}.navigation-intro{flex:0 0 85px}.footer span:nth-child(2){display:none}}
@media(max-width:600px){.topbar{height:65px;padding:7px 15px}.brand{gap:10px}.brand-seal{height:47px;width:47px;font-size:31px}.brand-info strong{font-size:15px}.brand-info small{font-size:7px;max-width:180px}.social{font-size:9px}.social span{font-size:22px;margin-left:2px}.artboard{height:790px;min-height:790px;overflow:hidden}.head-big{z-index:5;top:27%;left:4%;font-size:clamp(124px,35vw,200px);line-height:.78;letter-spacing:-.06em}.portrait-wrap{width:590px;max-width:none;margin-left:-295px;top:9%;z-index:13}.head-do{top:57%;left:4%;font-size:clamp(88px,23vw,140px);z-index:19}.head-se{top:66%;right:5%;font-size:clamp(82px,22vw,132px);z-index:20}.head-se .type-display{padding:8px 12px 10px 12px}.head-se .period{font-size:70px;right:-10px}.handline-below{top:78%;right:2%;width:55%}.note-left{top:12%;left:3%;font-size:12px;line-height:1.23;width:140px;z-index:17}.note-left svg{width:95px}.note-right{top:11%;right:3%;font-size:12px;line-height:1.25;width:137px;z-index:17}.note-right .crown{font-size:30px;margin:2px 0 0 12px}.minitag{top:3%;left:50%;margin-left:-131px;width:262px;text-align:center;white-space:nowrap;padding:7px 10px;z-index:17}.floating-plane{top:21%;left:1%;width:28%;max-width:115px;z-index:9}.floating-trip{right:2%;top:25%;width:25%;max-width:95px;z-index:8}.floating-ball{top:43%;left:-7%;width:27%;max-width:105px;z-index:7}.floating-watch{top:44%;right:-4%;width:24%;max-width:92px;z-index:18}.floating-camera{bottom:24%;left:-4%;width:22%;z-index:17}.floating-film{bottom:25%;right:-3%;width:23%;z-index:17}.tagline{z-index:25;bottom:17.5%;width:94%;margin-left:-47%;font-size:9px;line-height:1.5;letter-spacing:.4px;text-shadow:2px 2px #360052}.bottom-action{bottom:3%;width:90%;margin-left:-45%;z-index:29}.cta{min-height:61px;padding:9px 13px;border-width:3px;box-shadow:6px 7px 0 var(--cyan);font-size:clamp(21px,5.4vw,28px)}.download-symbol,.cta-arrow{font-size:27px}.micro-actions{font-size:8px;gap:8px;margin-top:13px;letter-spacing:0}.subtle-link{font-size:8px;letter-spacing:0}.orbit{left:32%;top:15%;width:130px}.tiny-draw-left{width:75px;left:3%;bottom:24%}.tiny-draw-right{top:4%;right:0;width:80px}.secret{top:2%;bottom:auto;left:1%;font-size:0;border:0;background:none;padding:4px}.secret span{font-size:21px}.secret-note{left:4%;top:7%;bottom:auto;max-width:260px}.spark-a{top:21%;left:45%;font-size:42px}.spark-b{right:12%;top:58%;font-size:31px}.paper-navigation{padding:10px 8px;gap:5px;min-height:95px}.paper-tab{flex:0 0 125px;width:125px}.navigation-intro{display:none}.footer{padding:17px 4%;font-size:8px}.footer span:first-child{max-width:50%}.topic-note{right:6%;top:14%;max-width:85vw}.lightbox{padding:8px}.lightbox-panel{padding:7px;box-shadow:5px 6px 0 var(--yellow)}.lightbox-top strong{font-size:17px;padding:8px 10px}.lightbox-top button{height:35px;width:35px}.lightbox-pages img{max-height:71dvh}.switch-page{height:42px;width:29px;font-size:32px}.lightbox-bottom{font-size:8px}.lightbox-bottom a{font-size:13px;padding:9px}}
@media(max-width:390px){.artboard{height:750px;min-height:750px}.portrait-wrap{width:565px;margin-left:-282px;top:11%}.head-big{top:28%;font-size:127px}.head-do{top:59%;font-size:86px}.head-se{top:67%;font-size:81px}.tagline{bottom:17%}.bottom-action{bottom:2.6%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.mover{--px:0px!important;--py:0px!important;--dragx:0px!important;--dragy:0px!important}.spotlight{display:none}}
/* v3 finishing pass: clean visual hierarchy between headline and CTA */
@media (min-width:821px){
  .head-do{top:47%;}
  .head-se{top:51%;font-size:clamp(104px,10.9vw,185px)}
  .head-se .type-display{padding:10px 28px 15px 24px}
  .head-se .period{font-size:98px;right:-18px}
  .handline-below{top:76%;height:10px}
  .bottom-action{width:min(520px,50%);margin-left:calc(min(520px,50%)/-2)}
  .cta{font-size:clamp(20px,1.65vw,26px);min-height:71px;padding:14px 20px}
  .download-symbol,.cta-arrow{font-size:29px}
}
@media (max-width:600px){
  .head-big{top:2.4%;left:4%;z-index:22;background:var(--paper);color:#171018;font-size:clamp(100px,26vw,130px);line-height:.86;letter-spacing:-.06em;padding:9px 17px 15px;filter:drop-shadow(6px 8px 0 #1b1024);clip-path:polygon(0 5%,100% 0,98% 96%,2% 100%)}
  .head-big:after{display:none}
  .minitag,.note-left,.note-right{display:none}
  .portrait-wrap{top:12.4%}
  .cta{font-size:clamp(18px,4.8vw,23px)}
  .download-symbol,.cta-arrow{font-size:26px}
  .tagline{background:rgba(36,0,79,.72);padding:5px 4px;display:inline-block;width:88%;margin-left:-44%;clip-path:polygon(0 8%,100% 0,99% 100%,2% 94%)}
}
/* Text and portrait are art, not blockers of the floating clickable stickers. */
.head-big,.head-do,.head-se,.handline-below,.portrait-wrap,.grid-paper,.tiny-draw,.spark,.orbit,.yellow-rays,.manuscript,.tagline,.minitag{pointer-events:none}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}