/* SKIM: editable HTML/CSS. Coordinates use the 1680 × 1079 reference artboard. */
:root{--paper:#f4f4f4;--ink:#090909;--blue:#4eaaff;--pale-blue:#a1cbf3;--edge:#9accfa;--pulse-duration:2300ms;--ease:cubic-bezier(.22,.74,.19,1)}
@font-face{font-family:SkimArial;src:local('Arial');font-weight:400;font-display:swap}
@font-face{font-family:SkimArial;src:local('Arial Bold');font-weight:700;font-display:swap}
@font-face{font-family:SkimBodoni;src:local('Bodoni MT');font-display:swap}
@font-face{font-family:SkimBodoni;src:local('Bodoni MT Italic');font-style:italic;font-display:swap}
@font-face{font-family:SkimCondensed;src:local('Bodoni MT Condensed');font-display:swap}
@font-face{font-family:SkimCondensed;src:local('Bodoni MT Condensed Italic');font-style:italic;font-display:swap}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:SkimArial,Arial,sans-serif;overflow-x:clip}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}button,input,a{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #0864b7;outline-offset:5px}button{color:inherit}a{color:inherit}main{width:100%}.scene{position:relative;min-height:100svh;display:grid;align-items:center}.composition{position:relative;container-type:inline-size;width:min(100%,155.6997svh);aspect-ratio:1680/1079;margin-inline:auto;--u:calc(100cqw / 1680);font-size:calc(24 * var(--u));isolation:isolate}.scene--extended{display:block;height:max(125svh,80vw)}.scene--extended .composition{position:sticky;top:max(0px,calc((100svh - 64.2262vw)/2))}.placed{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u))}.scene-heading{position:absolute;left:7.14%;top:5.86%;width:85.72%;text-align:center;font-size:calc(24*var(--u));font-weight:400;line-height:1.2}.blue-panel{background:radial-gradient(ellipse at 50% 50%,#4eaaff 0%,#7dbcf6 58%,#cee3f4 100%)}.pill-button{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border:0;border-radius:999px;text-decoration:none;white-space:nowrap}.skip{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:50}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* CSS icons share the original shapes' coordinate system. */
.star-badge{border-radius:50%;background:var(--paper);box-shadow:0 0 calc(9*var(--u)) calc(2*var(--u)) var(--edge);display:grid;place-items:center;border:0}.asterisk{position:relative;display:block;width:calc(31*var(--u));height:calc(31*var(--u));background:currentColor;clip-path:polygon(43% 0,57% 0,57% 31%,87% 19%,93% 33%,64% 45%,83% 72%,71% 81%,50% 55%,29% 81%,17% 72%,36% 45%,7% 33%,13% 19%,43% 31%)}.arrow{background:var(--ink);border-radius:999px;transform:rotate(var(--angle,0deg));transform-origin:calc(15.5*var(--u)) calc(15.5*var(--u));display:flex;align-items:center;padding:0 calc(6*var(--u));pointer-events:none}.arrow>i{width:100%;height:calc(2.8*var(--u));background:var(--paper);position:relative}.arrow>i:after{content:'';position:absolute;right:calc(-1*var(--u));top:50%;transform:translateY(-50%);border-top:calc(8*var(--u)) solid transparent;border-bottom:calc(8*var(--u)) solid transparent;border-left:calc(14*var(--u)) solid var(--paper)}
/* 01 — Cover */
[data-scene=cover] .composition{background:radial-gradient(ellipse at 49% 42%,#d3e3ef 0%,#a1c9ed 29%,#78b7f3 66%,#d3e5f3 100%)}.cover-brand{position:absolute;top:2.65%;width:100%;text-align:center;font-size:calc(24*var(--u))}.cover-title{position:absolute;left:20.8%;top:20.6%;font-size:calc(410*var(--u));font-weight:400;line-height:1.05;letter-spacing:calc(-15*var(--u))}.definition{position:absolute;left:57%;top:15%;z-index:5;padding-bottom:20px}.definition-trigger{width:calc(76*var(--u));height:calc(76*var(--u));min-width:32px;min-height:32px}.tooltip{position:absolute;left:0;top:100%;background:var(--paper);border-radius:14px;padding:18px 22px;min-width:245px;font-size:18px;box-shadow:0 0 12px var(--edge);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .2s,transform .2s,visibility .2s}.tooltip small{display:block;margin-top:8px;color:#666}.definition:hover .tooltip,.definition:focus-within .tooltip,.definition.open .tooltip{opacity:1;visibility:visible;transform:none}.learn{position:absolute;left:43%;top:69%;width:14%;height:5%;font-size:calc(24*var(--u))}.learn span{margin-left:calc(18*var(--u))}
/* 02 — History and folders */
.folder-heading{position:absolute;left:7.1429%;top:6.7655%;width:85.7143%;height:7.1362%;border-radius:999px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:calc(40*var(--u));font-weight:400}.history-card{position:absolute;left:11.0714%;top:25.2085%;width:33.1548%;height:14.7359%;border:1px solid var(--edge);border-radius:calc(8*var(--u));box-shadow:0 0 calc(10*var(--u)) var(--edge);display:grid;place-items:center;text-align:center;font-size:calc(24*var(--u));line-height:1.12}.history-card--present{left:55.119%;top:28.3596%;height:11.5848%}.year{position:absolute;left:25.0595%;top:60.3336%;width:5.2381%;height:3.3982%;font-size:calc(26.66*var(--u));line-height:1;background:var(--ink);color:var(--paper);border-radius:999px;display:grid;place-items:center;animation:pulse var(--pulse-duration) ease-in-out infinite;animation-play-state:paused}.year:before{content:'';position:absolute;bottom:calc(100% + 4*var(--u));left:50%;height:calc(242*var(--u));border-left:calc(2.5*var(--u)) dashed var(--ink);opacity:1}.year span{animation:inherit}.year{animation:none}.year--present{left:68.9881%}.folder-window{position:absolute;left:14.881%;top:76.4597%;width:70.5357%;height:18.0723%;overflow:clip}.folder-tape{display:flex;gap:calc(49*var(--u));position:absolute;left:calc(9.5*var(--u));top:calc(6*var(--u));will-change:transform}.folder-tape li{flex:0 0 calc(124*var(--u));width:calc(124*var(--u));text-align:center}.folder-tape p{font-size:calc(14*var(--u));line-height:1.15;margin-top:calc(5*var(--u));min-width:100%}.folder-icon{width:calc(112*var(--u));height:calc(78*var(--u));margin:calc(17*var(--u)) auto calc(13*var(--u));position:relative;border-radius:calc(7*var(--u));background:linear-gradient(#89d5ed,#71c6ed 15%,#509cda 100%);box-shadow:inset 0 calc(2*var(--u)) calc(2*var(--u)) #a4dff3}.folder-icon:before{content:'';position:absolute;left:0;top:calc(-10*var(--u));width:45%;height:calc(15*var(--u));background:#82cbe7;border-radius:calc(6*var(--u)) calc(10*var(--u)) 0 0;z-index:-1}.folder-icon:after{content:'';position:absolute;inset:calc(3*var(--u)) calc(3*var(--u)) auto;height:calc(5*var(--u));background:#c3e9f6;border-radius:calc(3*var(--u))}
/* 03 — Text scanning */
.scan-intro{position:absolute;left:7.2619%;top:12.85%;width:42.2619%}.scan-intro h3{font-size:calc(40*var(--u));font-weight:400;line-height:1.04;margin-bottom:calc(22*var(--u))}.scan-intro p{font-size:calc(24*var(--u));line-height:1.12}.scan-panel{position:absolute;overflow:clip;border-radius:calc(16*var(--u));background:radial-gradient(ellipse,#4eaaff 0%,#83bff6 58%,#cee3f4 100%)}.scan-panel--left{left:7.2619%;top:36.7006%;width:42.2619%;height:56.8077%}.scan-panel--right{left:57.9762%;top:16.126%;width:34.8214%;height:63.2997%}.white-block{position:absolute;width:55.66%;height:21.535%;background:var(--paper);border-radius:calc(8*var(--u));box-shadow:0 0 calc(12*var(--u)) var(--edge)}.white-block--top{left:4.65%;top:4.24%}.white-block--bottom{left:39.72%;top:73.58%}.scanner{position:absolute;width:calc(127*var(--u));height:calc(31*var(--u));border-radius:999px;background:var(--ink)}.scanner--one{left:42.39%;top:37.85%}.scanner--two{left:4.65%;top:90.05%}.scan-line{height:calc(31*var(--u));border-radius:calc(9*var(--u));background:var(--paper);box-shadow:0 0 calc(10*var(--u)) var(--edge)}.scan-star{position:absolute;left:51.0714%;top:36.2373%;width:5.3571%;height:8.3411%}.scan-arrow{position:absolute;left:49.9405%;top:51.7146%;width:7.5595%;height:2.873%}.scan-caption{position:absolute;left:57.9762%;top:82.2%;font-size:calc(24*var(--u));line-height:1.12}
/* 04 — Seven cards. Rotation belongs to the card, motion to its parent. */
.card-motion{transform:translateY(var(--enter-y,0px));will-change:transform,opacity}.content-card{position:relative;display:flex;align-items:center;width:100%;height:100%;border-radius:calc(16*var(--u));transform:rotate(var(--angle));transform-origin:0 0;overflow:clip}.content-card--blue{background:radial-gradient(ellipse,#4eaaff 0%,#7bbdf7 60%,#d8e9f6 100%);color:var(--paper);border:1px solid #a1cbf3}.content-card--black{background:var(--ink);color:var(--pale-blue)}.content-card--white{background:var(--paper);box-shadow:0 0 calc(7*var(--u)) var(--edge);border:1px solid var(--edge)}.content-card h3{position:absolute;left:calc(110*var(--u));top:calc(-29*var(--u));font-size:calc(184*var(--u));line-height:1;font-weight:700;letter-spacing:calc(-7*var(--u));white-space:nowrap}.card-number{position:absolute;left:calc(20*var(--u));font-size:calc(32*var(--u))}.content-card p{position:absolute;right:calc(28*var(--u));font-size:calc(32*var(--u));white-space:nowrap}
/* 05 — A short readable phrase */
.revealing-phrase{position:absolute;left:10%;top:45.8%;width:80%;font-size:calc(40*var(--u));line-height:1.07;text-align:center;font-weight:400}
/* 06 — Reading, word by word */
.reading-panel{position:absolute;left:7.1429%;top:19.5551%;width:85.7143%;height:60.8251%;border-radius:calc(16*var(--u));padding:calc(52*var(--u)) calc(82*var(--u));color:var(--paper);font-size:calc(48.8*var(--u));line-height:1.02;letter-spacing:calc(-.9*var(--u))}.reading-panel p{font-weight:400}.reading-word{color:inherit}.reading-word.is-read{color:var(--ink)}.read-counter{position:absolute;left:7.1429%;top:88.1372%;width:3.6461%;height:3.1511%;border-radius:calc(12.4*var(--u));box-shadow:0 0 calc(8*var(--u)) var(--edge);overflow:clip;font-size:calc(28*var(--u));background:var(--paper)}.counter-tape{display:flex;height:100%;will-change:transform}.counter-tape span{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.read-track{position:absolute;left:7.1429%;top:92.3077%;width:85.7143%;height:1.2048%;border-radius:999px;box-shadow:0 0 calc(8*var(--u)) var(--edge);border:1px solid var(--edge)}.read-runner{position:absolute;left:0;top:-1px;height:calc(100% + 2px);width:12.7778%;background:var(--ink);border-radius:999px;will-change:transform}
/* 07 — CSS padlocks */
.lock-heading{top:6.6%}.lock-heading>span{color:var(--pale-blue)}.locked-main{position:absolute;left:14.4048%;top:33.0862%;width:71.1905%;height:45.876%;border-radius:calc(43*var(--u));box-shadow:0 0 calc(9*var(--u)) calc(2*var(--u)) var(--edge);display:grid;place-items:center}.locked-row{position:absolute;left:14.3452%;top:82.0204%;width:71.25%;height:11.4921%;display:flex;gap:calc(20*var(--u))}.locked-tile{flex:1;border-radius:calc(10*var(--u));display:grid;place-items:center}.lock-badge{width:calc(68*var(--u));height:calc(35*var(--u));border-radius:999px;background:var(--ink);display:grid;place-items:center;color:var(--paper);animation:pulse var(--pulse-duration) ease-in-out infinite;animation-play-state:paused}.lock{position:relative;width:calc(20*var(--u));height:calc(14*var(--u));border:calc(1.8*var(--u)) solid currentColor;border-radius:calc(3*var(--u));margin-top:calc(6*var(--u))}.lock:before{content:'';position:absolute;left:calc(3*var(--u));bottom:calc(11*var(--u));width:calc(10*var(--u));height:calc(9*var(--u));border:calc(1.8*var(--u)) solid currentColor;border-bottom:0;border-radius:calc(7*var(--u)) calc(7*var(--u)) 0 0}.lock:after{content:'';position:absolute;left:calc(7*var(--u));top:calc(4*var(--u));height:calc(4*var(--u));width:calc(2*var(--u));background:currentColor;border-radius:999px}.is-visible .lock-badge,.is-visible .year span{animation-play-state:running}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
/* 08 — Dome. The polygon is the boundary used by both CSS and the collision code. */
.dome-heading{top:6.6%}.break-button{position:absolute;left:43.0952%;top:17.3309%;width:13.869%;height:4.07785%;font-size:calc(24*var(--u))}.dome-shape{position:absolute;inset:0;background:#9accfa;clip-path:polygon(var(--dome-outline));pointer-events:none;filter:drop-shadow(0 0 calc(10*var(--u)) #9accfa)}.dome-shape:after{content:'';position:absolute;inset:0;background:linear-gradient(#78b7f3,#6bb6fb);clip-path:polygon(var(--dome-inner))}.dome-symbols{position:absolute;inset:0;clip-path:polygon(var(--dome-inner));pointer-events:none}.dome-symbol{font-size:calc(38*var(--u));line-height:1;display:grid;place-items:center;transform:translate(-50%,-50%) translate(var(--dx,0px),var(--dy,0px)) rotate(var(--angle));transform-origin:center;will-change:transform}.outer-question{font-size:calc(38*var(--u));line-height:1;transform:rotate(var(--angle));transform-origin:center}
/* 09 — Real text and a native accessible range */
.resize-panel{position:absolute;left:14.4048%;top:27.0621%;width:71.1905%;height:45.876%;border-radius:calc(43*var(--u));box-shadow:0 0 calc(9*var(--u)) calc(2*var(--u)) var(--edge);padding:calc(24*var(--u)) calc(56*var(--u));overflow:clip}.resize-copy{height:100%;font-size:calc(14*var(--u));line-height:1.05;text-align:justify;overflow:clip;overflow-wrap:normal}.text-size-control{position:absolute;left:21.6071%;top:89.8%;width:56.7857%;height:4.2%}.size-track{position:absolute;top:45%;left:0;width:100%;height:calc(14*var(--u));border-radius:999px;background:var(--ink)}.size-thumb{position:absolute;top:calc(45% - 9.5*var(--u));left:10%;width:calc(52*var(--u));height:calc(33*var(--u));border-radius:calc(12*var(--u));background:var(--paper);box-shadow:0 0 calc(8*var(--u)) var(--edge);display:grid;place-items:center;transform:translateX(-50%);pointer-events:none}.size-thumb i{position:relative;width:calc(22*var(--u));height:calc(3*var(--u));background:var(--ink)}.size-thumb i:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);border-left:calc(12*var(--u)) solid var(--ink);border-top:calc(8*var(--u)) solid transparent;border-bottom:calc(8*var(--u)) solid transparent}.text-size-control input{appearance:none;-webkit-appearance:none;position:absolute;width:100%;height:100%;inset:0;background:transparent;margin:0;cursor:ew-resize;touch-action:pan-y}.text-size-control input::-webkit-slider-thumb{appearance:none;width:calc(52*var(--u));height:44px;background:transparent;border:0}.text-size-control input::-moz-range-thumb{width:calc(52*var(--u));height:44px;background:transparent;border:0}.text-size-control input:focus-visible{outline-offset:8px}
/* 10 — Text remains text, even in the collage. No horizontal font scaling. */
.collage{position:absolute;inset:0;overflow:clip}.collage-word{position:absolute;font-size:calc(var(--font)*var(--u));line-height:1;white-space:nowrap;letter-spacing:calc(-3*var(--u))}.serif-heavy{font-family:'Times New Roman',serif;font-weight:700;-webkit-text-stroke:calc(1.6*var(--u)) var(--ink)}.serif-italic{font-family:SkimBodoni,'Bodoni MT','Times New Roman',serif;font-style:italic;letter-spacing:calc(-4*var(--u))}.condensed{font-family:SkimCondensed,'Bodoni MT Condensed','Times New Roman',serif;letter-spacing:calc(-3*var(--u))}.sans-heavy{-webkit-text-stroke:calc(1.8*var(--u)) var(--ink)}.collage-skim{font-family:SkimCondensed,'Bodoni MT Condensed','Times New Roman',serif;letter-spacing:calc(-18*var(--u));-webkit-text-stroke:calc(3*var(--u)) var(--ink)}.collage-arrows,.collage-stars{position:absolute;inset:0;pointer-events:none}
/* Reduced motion keeps every piece of content and all controls available. */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.year span,.lock-badge{animation:none!important}}
/* Small screens use readable flowing text instead of scaling the whole page. */
@media(max-width:1000px){
 .scene{min-height:100svh;padding:48px 20px;display:flex;align-items:center}.scene--extended{height:auto;min-height:110svh}.composition,.scene--extended .composition{position:relative;top:auto;width:100%;aspect-ratio:auto;min-height:550px;--u:calc(100cqw / 700);font-size:16px}.scene-heading{position:relative;left:auto;top:auto;width:100%;font-size:16px;line-height:1.3;margin-bottom:35px}.desktop-break{display:none}.pill-button{font-size:16px;min-height:40px}.tooltip{left:auto;right:-16px;min-width:210px;font-size:16px}
 [data-scene=cover]{padding:0}[data-scene=cover] .composition{min-height:100svh}.cover-brand{font-size:16px;top:24px}.cover-title{top:28%;left:5%;font-size:29cqw;letter-spacing:-1.5cqw}.definition{left:62%;top:19%}.definition-trigger{width:48px;height:48px}.asterisk{width:23px;height:23px}.learn{left:32%;top:66%;width:36%;height:44px}
 .folder-heading{position:relative;left:auto;top:auto;width:100%;height:auto;padding:14px 20px;font-size:20px;line-height:1.2;text-align:center;margin-bottom:36px}.history-card{position:relative;left:auto;top:auto;width:100%;height:auto;padding:20px 10px;margin-bottom:38px;font-size:15px}.history-card br{display:none}.history-card--present{left:auto;top:auto;height:auto}.year{left:calc(25% - 24px);top:385px;width:56px;height:25px;font-size:17px}.year:before{height:30px}.year--present{left:calc(75% - 24px)}.folder-window{position:relative;left:auto;top:auto;width:100%;height:160px;margin-top:100px}.folder-tape{gap:24px;left:0;top:12px}.folder-tape li{width:110px;flex-basis:110px}.folder-tape p{font-size:12px}.folder-icon{width:90px;height:65px;margin-top:10px;margin-bottom:13px}.folder-icon:before{height:15px;top:-8px}.folder-icon:after{height:4px;inset:3px 3px auto}
 .scan-intro{position:relative;left:auto;top:auto;width:100%;margin-bottom:24px}.scan-intro h3{font-size:23px;line-height:1.1;margin-bottom:14px}.scan-intro p{font-size:15px;line-height:1.25}.scan-intro br{display:none}.scan-panel--left,.scan-panel--right{position:relative;left:auto;top:auto;width:100%;height:275px;margin-bottom:30px}.scan-panel--right{height:340px}.scan-line{left:calc(var(--x)*100% / 585);top:calc(var(--y)*100% / 683);width:calc(var(--w)*100% / 585);height:15px}.scanner{width:58px;height:15px}.white-block{border-radius:6px}.scan-star{left:calc(50% - 24px);top:451px;width:48px;height:48px;display:none}.scan-arrow{display:none}.scan-caption{position:relative;left:auto;top:auto;font-size:15px;line-height:1.25}.scan-caption br{display:none}
 [data-scene=cards] .composition{min-height:630px}.card-motion{left:calc((var(--x) - 100)*100% / 1600);top:calc((var(--y) - 180)*.55px + 140px);width:90%;height:78px}.content-card{border-radius:7px}.content-card h3{left:32px;top:4px;font-size:clamp(34px,11cqw,66px);letter-spacing:-2px}.card-number{left:8px;font-size:12px}.content-card p{right:12px;bottom:4px;font-size:12px}
 [data-scene=phrase] .composition{min-height:300px}.revealing-phrase{position:relative;left:auto;top:auto;width:100%;font-size:26px;line-height:1.15;margin-top:90px}.revealing-phrase br{display:none}
 .reading-panel{position:relative;left:auto;top:auto;width:100%;height:auto;padding:26px 22px;font-size:20px;letter-spacing:-.3px;line-height:1.08;border-radius:10px}.reading-panel p+p{margin-top:14px}.read-counter{position:relative;left:auto;top:auto;margin-top:30px;width:52px;height:30px;font-size:22px;border-radius:8px}.read-track{position:relative;left:auto;top:auto;width:100%;height:8px;margin-top:8px}.read-runner{width:12.7778%}
 .lock-heading{top:auto}.locked-main{position:relative;left:auto;top:auto;width:100%;height:280px;border-radius:22px;margin-top:55px}.locked-row{position:relative;left:auto;top:auto;width:100%;height:72px;gap:8px;margin-top:16px}.locked-tile{border-radius:6px}.lock-badge{width:36px;height:21px}.lock{width:13px;height:10px;border-width:1px;margin-top:5px}.lock:before{left:2px;bottom:8px;width:7px;height:7px;border-width:1px;border-bottom:0;border-radius:5px 5px 0 0}.lock:after{left:5px;top:2px;width:1px;height:3px}
 [data-scene=dome] .composition{min-height:560px}.dome-heading{top:auto}.break-button{left:calc(50% - 60px);top:95px;width:120px;height:40px}.dome-shape,.dome-symbols{inset:170px -20px 0}.dome-symbol{font-size:20px;width:24px;height:24px;left:calc(var(--x)*100% / 1680);top:calc(var(--y)*100% / 1079)}.outer-question{left:calc(var(--x)*100% / 1680);top:calc(var(--y)*.3px + 30px);width:22px;height:26px;font-size:22px}
 .resize-panel{position:relative;left:auto;top:auto;width:100%;height:390px;padding:22px;border-radius:24px;margin-top:65px}.resize-copy{font-size:14px;line-height:1.12}.text-size-control{position:relative;left:auto;top:auto;width:90%;height:44px;margin:58px auto 0}.size-track{height:7px;top:18px}.size-thumb{top:9px;width:34px;height:25px;border-radius:8px}.size-thumb i{width:18px;height:2px}.size-thumb i:after{border-width:6px 0 6px 10px}.text-size-control input::-webkit-slider-thumb{width:34px}.text-size-control input::-moz-range-thumb{width:34px}
 [data-scene=final]{padding-inline:0;min-height:100svh}[data-scene=final] .composition{min-height:560px;--u:calc(100cqw / 1680)}[data-scene=final] .scene-heading{padding:0 24px;font-size:15px}.collage{position:relative;inset:auto;height:calc(1079*var(--u));margin-top:70px}.collage-word{font-size:max(17px,calc(var(--font)*var(--u)))}.collage-skim{font-size:calc(470*var(--u))}.collage .asterisk{width:calc(31*var(--u));height:calc(31*var(--u))}
}
/* Refinements from side-by-side reference comparison. */
[data-scene=cover] .composition{background:var(--paper);overflow:clip}
.cover-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1}
.cover-atmosphere i{position:absolute;background:#78b7f3;inset:0;filter:blur(calc(127.311*var(--u)))}
.cover-atmosphere:before,.cover-atmosphere:after{content:'';position:absolute;left:21.6071%;width:56.0714%;background:var(--paper)}
.cover-atmosphere:before{top:25.94995%;height:26.1353%;filter:blur(calc(144.3*var(--u)))}
.cover-atmosphere:after{top:67.84%;height:8.8971%;filter:blur(calc(88.65*var(--u)))}
.cover-title{font-size:calc(424*var(--u));top:19.8%;letter-spacing:calc(-12*var(--u));-webkit-text-stroke:calc(3*var(--u)) var(--ink)}
[data-scene=folders] .composition{overflow:clip}
[data-scene=folders] .composition:before{content:'';position:absolute;left:0;top:-99.07%;width:100%;height:100%;background:#78b7f3;filter:blur(calc(127.311*var(--u)))}
.year{background:transparent}.year span{background:var(--ink);width:100%;height:100%;border-radius:999px;display:grid;place-items:center;animation:pulse var(--pulse-duration) ease-in-out infinite;animation-play-state:paused}
.folder-icon{margin-top:calc(24*var(--u));margin-bottom:calc(18*var(--u))}
.scan-panel,.reading-panel,.content-card--blue,.locked-tile{background:none;isolation:isolate;overflow:clip}
.scan-panel:before,.reading-panel:before,.content-card--blue:before,.locked-tile:before{content:'';position:absolute;inset:3.99% 2.29%;background:#4eaaff;z-index:-1;filter:blur(calc(var(--blur,127.311)*var(--u)));border-radius:inherit;pointer-events:none}
.content-card--blue{--blur:33.45}.locked-tile{--blur:30.5016}
.collage-word{letter-spacing:calc(var(--tracking,-3)*var(--u))}
@media(max-width:1000px){.cover-title{font-size:29cqw;top:28%;letter-spacing:-1.5cqw;-webkit-text-stroke:1px}.folder-icon{margin-top:10px;margin-bottom:13px}.scan-panel:before{filter:blur(55px)}.reading-panel:before{filter:blur(60px)}.content-card--blue:before{filter:blur(16px)}.locked-tile:before{filter:blur(12px)}[data-scene=folders] .composition:before{display:none}}
.cover-atmosphere i{z-index:-1}
.cover-title{font-weight:700;font-size:calc(400*var(--u));letter-spacing:calc(-4*var(--u));-webkit-text-stroke:0;top:20.1%}
@media(max-width:1000px){.cover-title{font-size:29cqw;letter-spacing:-1.5cqw;top:28%}}
.locked-tile{position:relative}.content-card--blue{background:var(--paper)}
[data-scene=cards] .composition{overflow:clip}
@media(max-width:1000px){
 .content-card h3{font-size:clamp(30px,10cqw,64px);left:28px}
 .content-card p{top:30px;bottom:auto;right:10px;font-size:11px}
 [data-scene=dome] .composition{min-height:480px}
 .dome-shape,.dome-symbols{inset:auto -20px 0;height:auto;aspect-ratio:1680/1079}
}
.content-card h3{left:calc(var(--title-x,110)*var(--u));top:calc(var(--title-y,-29)*var(--u));font-size:calc(var(--title-size,184)*var(--u));letter-spacing:calc(var(--title-track,-7)*var(--u))}
@media(max-width:1000px){.content-card h3{font-size:clamp(30px,10cqw,64px);left:28px;top:4px;letter-spacing:-2px}}
.resize-copy{line-height:1}
@media(max-width:1000px){.resize-copy{line-height:1.12}}
.reading-panel{font-size:calc(48*var(--u));line-height:calc(49*var(--u))}
@media(max-width:1000px){.reading-panel{font-size:20px;line-height:1.08}}
.reading-panel{font-size:calc(48.8*var(--u))}
@media(max-width:1000px){.reading-panel{font-size:20px}}
.dome-shape:after{background:radial-gradient(ellipse 40% 44% at 50% 73%,#a1cffa 0%,#84c2fc 40%,#79befc 72%,#4eaafe 100%)}