:root{--blue:#1a1fa8;--white:#f4f4f0;--dim:#f4f4f08c;--line:#f4f4f02e;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--serif:"Times New Roman", Times, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;height:100%;overflow:clip}.app{flex-direction:column;height:100dvh;display:flex}body{background:var(--blue);color:var(--white);font-family:var(--serif);font-size:17px;line-height:1.5}a,button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:none}a:hover,button:hover{opacity:.6}.bar{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 28px;font-size:15px;display:flex}.bar nav{gap:24px;display:flex}.stamp{z-index:0;aspect-ratio:1;filter:drop-shadow(-2px -2px 1px #ffffff38)drop-shadow(3px 3px 2px #00001e73);width:min(46vw,52vh);position:fixed;bottom:-14%;right:-9%;transform:rotate(-12deg)}.stamp span{background:var(--blue);width:100%;height:100%;transition:background-color .35s;display:block;-webkit-mask:url(../logo.png) 50%/contain no-repeat;mask:url(../logo.png) 50%/contain no-repeat}.stamp:hover span{background:#a674a6}.bar,.hero,.colophon{z-index:1;position:relative}.hero{pointer-events:none;flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.hero h1{font-family:var(--sans);text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;margin-left:-.35em;font-size:min(11vw,13vh);font-weight:700;line-height:.95}.hero h1+h1{margin-top:.692308em}.hero h1.shift{margin-left:-.75em}.colophon{pointer-events:none;text-align:center;padding:0 16px 4vh}.label{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px}.modal{background:var(--blue);width:min(760px,100% - 32px);max-height:calc(100% - 64px);color:var(--white);border:1px solid var(--line);margin:auto;padding:0;overflow-y:auto}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c4699}.modal[open]{animation:.25s ease-out rise}.modal{transition:opacity .2s ease, overlay .2s allow-discrete, display .2s allow-discrete}.modal::backdrop{transition:opacity .2s}.modal:not([open]),.modal:not([open])::backdrop{opacity:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.modal-inner{padding:28px}.modal-head{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.close{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.prose{max-width:34ch;margin-bottom:32px;font-size:22px;line-height:1.4}.details{border-top:1px solid var(--line)}.details div{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;align-items:baseline;gap:16px;padding:12px 0;display:grid}.details dt{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px}.details dd{font-size:18px}.credit{letter-spacing:.02em;color:var(--dim);margin-top:28px;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:12px}.credit a{color:var(--white);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);transition:text-decoration-color .25s,color .25s}.credit a:hover{opacity:1;color:#d9b3d8;text-decoration-color:#a674a6}@media (width<=600px){.bar,.modal-inner{padding:20px 16px}}.home{animation:.5s ease-out fade}.enter{z-index:1;flex-direction:column;align-self:center;align-items:center;gap:8px;margin-bottom:4vh;display:flex;position:relative}.enter button{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.enter .restart{font-family:var(--serif);letter-spacing:0;text-transform:none;opacity:.6;font-size:13px;font-style:italic}.reading{color:#111;background:#fff}@keyframes fade{0%{opacity:0}}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:0;display:flex}.book{--pw:min(calc(76dvh * var(--a)), calc((100vw - 64px) / 2));width:calc(var(--pw) * 2);height:calc(var(--pw) / var(--a));perspective:calc(var(--pw) * 7);perspective-origin:50% 40%;transition:transform var(--open) cubic-bezier(.65, 0, .25, 1);position:relative}.book.single{--pw:min(calc(74dvh * var(--a)), calc(100vw - 48px));width:var(--pw)}.book.spread.zoomed,.book.spread.closed,.book.spread.closing,.book.spread.shut{transform:translateX(calc(var(--pw) / -2))}.zoomer{transform-origin:0 0;position:relative}.zoomer.closed,.zoomer.shut{transition:transform var(--zoom) cubic-bezier(.7, 0, .2, 1)}.reading:has(.zoomer.far){background:var(--blue)}.reading:has(.zoomer.closed,.zoomer.shut){transition:background-color 1.1s cubic-bezier(.7,0,.2,1)}.reading:has(.zoomer.zoomed)>.bar{transition:none}.slot.top .paper.cover{transition:box-shadow var(--zoom) ease;overflow:visible;box-shadow:0 30px 80px #0a0c4640,2px 0 #12178a}.slot.top .cv-top,.slot.top .cv-sub{transition:opacity .6s}.slot.top .cv-title{clip-path:inset(-50% calc(100% - 100cqw) -50% 0);transition:clip-path var(--zoom) cubic-bezier(.7, 0, .2, 1)}.zoomer.far .slot.top .paper.cover{box-shadow:0 30px 80px #0a0c4600,2px 0 #12178a00}.zoomer.far .slot.top .cv-top,.zoomer.far .slot.top .cv-sub{opacity:0}.zoomer.far .slot.top .cv-title{clip-path:inset(-50% -200vw -50% -50%)}.zoomer .slot:not(.top){transition:opacity var(--zoom) ease}.zoomer.far .slot:not(.top){opacity:0}.reading .bar{transition:opacity .6s}.reading:has(.zoomer.zoomed,.zoomer.closed,.zoomer.shut) .bar{opacity:0}.cast{pointer-events:none;z-index:1;animation:cast var(--open) cubic-bezier(.65, 0, .25, 1) forwards;background:linear-gradient(90deg,#00001e59,#00001e14);position:absolute;inset:0}@keyframes cast{to{opacity:0}}.leaf.cover-leaf{animation-timing-function:cubic-bezier(.65,0,.25,1)}.leaf.cover-leaf .face.back .paper{background:#f6f6f3}.slot{width:var(--pw);height:100%;position:absolute;top:0}.slot.l,.leaf.l{left:0}.slot.r,.leaf.r{left:var(--pw)}.slot.s,.leaf.s{left:0}.slot.top{z-index:6}.paper{background:#fff;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 12px 40px #00000012;container-type:inline-size}.paper.l:after,.paper.r:after{content:"";pointer-events:none;position:absolute;inset:0}.paper.l:after{background:linear-gradient(270deg,#00000012,#0000 9%)}.paper.r:after{background:linear-gradient(90deg,#00000012,#0000 9%)}.ln{white-space:nowrap;line-height:1.09;font-family:var(--serif);color:#111;position:absolute}.ln.c{transform:translate(-50%)}.ln.tw{font-family:"American Typewriter", var(--serif);font-variant:small-caps;font-weight:600}.art{height:auto;position:absolute}.photo{width:62%;height:auto;position:absolute;left:50%;transform:translate(-50%)}.leaf{width:var(--pw);z-index:5;height:100%;transform-style:preserve-3d;animation:turn var(--ms) cubic-bezier(.645, .045, .355, 1) forwards;position:absolute;top:0}.leaf.r,.leaf.s{transform-origin:0}.leaf.l{transform-origin:100%}@keyframes turn{0%{transform:rotateY(var(--from))}to{transform:rotateY(var(--to))}}.face{backface-visibility:hidden;position:absolute;inset:0}.face.back{transform:rotateY(180deg)}.face>.paper{box-shadow:0 0 0 1px #0000000a,0 4px 18px #0000001f}.face:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0}.face.front:after{animation:dim var(--ms) cubic-bezier(.645, .045, .355, 1) forwards}.face.back:after{animation:undim var(--ms) cubic-bezier(.645, .045, .355, 1) forwards}.leaf.r .face.front:after,.leaf.s .face.front:after,.leaf.l .face.back:after{background:linear-gradient(270deg,#00000024,#00000005 60%,#0000 100%)}.leaf.l .face.front:after,.leaf.r .face.back:after,.leaf.s .face.back:after{background:linear-gradient(90deg,#00000024,#00000005 60%,#0000 100%)}@keyframes dim{0%{opacity:0}50%,to{opacity:1}}@keyframes undim{0%,50%{opacity:1}to{opacity:0}}.under-shade{height:100%;width:var(--pw);z-index:4;pointer-events:none;animation:lift var(--ms) cubic-bezier(.645, .045, .355, 1) forwards;position:absolute;top:0}.under-shade.r{left:var(--pw);background:linear-gradient(90deg,#00000038,#0000 80%)}.under-shade.l{background:linear-gradient(270deg,#00000038,#0000 80%);left:0}@keyframes lift{0%{opacity:1}to{opacity:0}}.leaf.s.peel-out{animation-name:peel-out}.leaf.s.peel-in{animation-name:peel-in}@keyframes peel-out{0%{opacity:1;transform:rotateY(0)}60%{opacity:1}to{opacity:0;transform:rotateY(-80deg)}}@keyframes peel-in{0%{opacity:0;transform:rotateY(-80deg)}40%{opacity:1}to{opacity:1;transform:rotateY(0)}}.under-shade.s{background:linear-gradient(90deg,#0003,#0000 80%);left:0}.under-shade.s.in{animation-name:drop}@keyframes drop{0%{opacity:0}to{opacity:1}}.hit{z-index:7;width:50%;height:100%;position:absolute;top:0}.hit:hover{opacity:1}.hit.prev{cursor:w-resize;left:0}.hit.next{cursor:e-resize;right:0}.book.single .hit.prev{width:35%}.book.single .hit.next{width:65%}.pager{font-family:var(--serif);color:#777;align-items:center;gap:28px;font-size:14px;transition:opacity .4s;display:flex;position:relative}.page-no{text-align:center;min-width:6ch;color:#777!important;border-bottom:1px dotted #ccc!important;padding:2px 4px!important;font-size:14px!important}.page-no:hover{opacity:1;color:#111!important;border-bottom-color:#111!important}.jumper{z-index:20;color:#111;background:#fff;border:1px solid #0000001a;width:260px;padding:16px 18px 14px;animation:.2s ease-out fade;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000001f}.jumper .label{color:#999;margin-bottom:8px;display:block}.jump-row{align-items:baseline;gap:8px;display:flex}.jump-n{width:3.4ch;font:inherit;font-family:var(--serif);color:#111;-moz-appearance:textfield;background:0 0;border:0;border-bottom:1px solid #ddd;padding:0 0 2px;font-size:34px;line-height:1}.jump-n::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jump-n::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jump-n:focus{border-bottom-color:#111;outline:none}.jump-of{font-family:var(--serif);color:#999;font-size:16px}.jump-go{letter-spacing:.12em;text-transform:uppercase;margin-left:auto;font-family:var(--sans)!important;font-size:11px!important}.jump-range{accent-color:#111;width:100%;margin:16px 0 6px}.jump-ends{justify-content:space-between;display:flex}.jump-ends button{letter-spacing:.12em;text-transform:uppercase;font-family:var(--sans)!important;color:#999!important;padding:0!important;font-size:10px!important}.pager button{color:#111;padding:4px 8px;font-size:16px}.pager button:disabled{opacity:.2;cursor:default}.pager.hidden{opacity:0}.cover{background:var(--blue);color:var(--white)}.cover .cv-top{text-align:center;width:100%;font-family:var(--serif);font-size:3cqw;position:absolute;top:6%}.cover .cv-title{flex-direction:column;gap:9cqw;display:flex;position:absolute;top:22%;left:0}.cover .cv-title b{font-family:var(--sans);text-transform:uppercase;white-space:nowrap;letter-spacing:-.02em;margin-left:-.35em;font-size:13cqw;font-weight:700;line-height:.95}.cover .cv-title b.shift{margin-left:-.75em}.cover .cv-sub{text-align:center;width:100%;font-family:var(--serif);font-size:3cqw;line-height:1.3;position:absolute;top:74%}.blank-hint{white-space:nowrap;font-family:var(--serif);color:#b0b0b0;font-size:max(13px,3.4cqw);font-style:italic;animation:1s .6s both hint;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hint{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.leaf,.under-shade,.cast,.face:after,.home-ghost.leaving,.home.returning>:is(.bar,.colophon,.enter,.stamp){animation-duration:1ms!important}.zoomer.closed,.zoomer.shut,.book,.reading,.zoomer .slot,.slot.top .paper.cover,.slot.top .cover *{transition-duration:1ms!important}}.modes{border-right:1px solid #0000001f;gap:14px;margin-right:10px;padding-right:24px;display:inline-flex}.modes button{color:#aaa;transition:color .2s}.modes button[aria-pressed=true]{color:#111;text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.modes button:hover{opacity:1;color:#111}.paper.archive{background:#111}.full-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.arc-text{text-align:center;font-family:var(--serif);text-wrap:balance;flex-direction:column;gap:.3em;margin:0;line-height:1.3;display:flex;position:absolute}.arc-text.over{transform:translate(-50%)}.arc-text.light{color:#fff}.arc-text.dark{color:#111}.arc-text.scrim{border-radius:2px;padding:.6em .9em}.arc-text.scrim.light{background:radial-gradient(closest-side,#00000073,#00000026 70%,#0000)}.arc-text.scrim.dark{background:radial-gradient(closest-side,#ffffffb3,#ffffff4d 70%,#0000)}.paper.archive.inset{background:#fff}.inset-photo{object-fit:cover;width:78%;max-height:58%;position:absolute;top:9%;left:11%}.inset .arc-text{color:#111;top:74%;left:11%;right:11%}.photo-credit{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;opacity:.6;white-space:nowrap;font-size:max(7px,1.5cqw);position:absolute;bottom:3%;right:4%}.photo-credit.light{color:#fff}.photo-credit.dark{color:#111}.credits-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px}.credits-box .credits{border-top:1px solid var(--line);margin-bottom:8px}.credits-box .credits li:last-child{border-bottom:0}.credits-box summary{cursor:pointer;align-items:center;gap:10px;padding:14px 0;list-style:none;display:flex}.credits-box summary::-webkit-details-marker{display:none}.credits-box summary:after{content:"+";font-family:var(--sans);color:var(--dim);margin-left:auto;font-size:16px;transition:transform .25s}.credits-box[open] summary:after{transform:rotate(45deg)}.credits-box summary:hover .label,.credits-box summary:hover:after{color:var(--white)}.credits-box .count{font-family:var(--sans);color:var(--dim);font-size:11px}.credits-box[open] .credits{animation:.3s ease-out fade}.credits{border-top:1px solid var(--line);font-size:15px;list-style:none}.credits li{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:baseline;gap:12px;padding:9px 0;display:grid}.credits .pg,.credits .lic{font-family:var(--sans);letter-spacing:.08em;color:var(--dim);font-size:11px}.credits a:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.notice{color:var(--dim);gap:10px;max-width:60ch;margin-top:20px;font-size:13px;line-height:1.5;display:grid}.notice a{color:var(--white);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.notice a:hover{opacity:1;-webkit-text-decoration-color:var(--white);text-decoration-color:var(--white)}.share-wrap{position:absolute;left:calc(100% + 28px)}.share-link{width:230px;font:12px var(--sans);color:#111;background:#fff;border:1px solid #ddd;padding:6px 8px;animation:.2s ease-out fade;position:absolute;top:calc(100% + 8px);right:0}.share-link:focus{border-color:#111;outline:none}.pager .share{white-space:nowrap;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#999;font-size:10px}.pager .share:hover{opacity:1;color:#111}.gate{place-items:center;min-height:100dvh;padding:24px;display:grid}.gate-form{flex-direction:column;align-items:flex-start;gap:12px;width:min(320px,100%);display:flex}.gate-form input{width:100%;font:inherit;color:var(--white);border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;padding:8px 0}.gate-form input:focus{border-bottom-color:var(--white)}.gate-form input[aria-invalid=true]{border-bottom-color:#e9a0a0}.gate-form button{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-top:8px;font-size:11px}.gate-modal{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c4699;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gate-card{background:var(--blue);border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:14px;width:min(380px,100%);padding:28px;animation:.25s ease-out rise;display:flex}.gate-card h2{font-family:var(--sans);text-transform:uppercase;letter-spacing:-.01em;font-size:22px;font-weight:700}.gate-card a{text-decoration:underline}.gate-card button{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:11px}.gate-card{width:min(560px,100%)}.gate-video{aspect-ratio:16/9;width:100%;position:relative}.gate-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.countdown{text-align:center;position:fixed;bottom:6vh;left:0;right:0}.countdown .label{margin-bottom:6px}.countdown-time{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:min(6vw,36px);font-weight:700}.gate-stamp{aspect-ratio:1;width:56px;margin-top:18px;display:inline-block}.gate-stamp span{background:var(--white);width:100%;height:100%;display:block;-webkit-mask:url(../logo.png) 50%/contain no-repeat;mask:url(../logo.png) 50%/contain no-repeat}.gate-stamp:hover span{background:#a674a6}.gate{position:relative;overflow:hidden}.gate>*{z-index:1;position:relative}.gate>.countdown{position:absolute}.gate-bg{font-family:var(--sans);text-transform:uppercase;text-align:center;letter-spacing:-.03em;color:#f4f4f012;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;margin:0;font-size:min(16vw,26vh);font-weight:700;line-height:.85;display:flex;inset:0;z-index:0!important;position:absolute!important}.share-panel{z-index:20;color:#111;background:#fff;border:1px solid #0000001a;flex-direction:column;align-items:stretch;min-width:180px;padding:6px;animation:.2s ease-out fade;display:flex;position:absolute;bottom:calc(100% + 14px);right:0;box-shadow:0 18px 50px #0000001f}.share-panel button{text-align:left;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;font-family:var(--sans)!important;color:#111!important;padding:10px 12px!important;font-size:11px!important}.share-panel button:hover{opacity:1;background:#f3f3f3}@media (width<=720px){.share-wrap{position:static}.share-panel{right:50%;transform:translate(50%)}}.enter .bday-open{font-family:var(--serif);letter-spacing:0;text-transform:none;text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);margin-top:10px;font-size:15px}.bday .prose{margin-bottom:20px}.bday-pick{flex-wrap:wrap;gap:12px;display:flex}.bday-pick select{font:inherit;color:var(--white);border:0;border-bottom:1px solid var(--line);background:0 0;min-width:140px;padding:8px 4px;font-size:18px}.bday-pick select:focus{border-bottom-color:var(--white);outline:none}.bday-pick option{color:#111}.bday-result{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;animation:.3s ease-out rise}.bday-result blockquote{max-width:26ch;margin:10px 0 22px;font-size:clamp(24px,5vw,34px);line-height:1.25}.bday-actions{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.bday-actions .primary{background:var(--white);color:var(--blue);font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;font-size:11px}.bday-actions .share-panel{box-shadow:none;border:1px solid var(--line);background:0 0;flex-flow:wrap;padding:0;animation:none;position:static;transform:none}.bday-actions .share-panel button{color:var(--white)!important}.bday-actions .share-panel button:hover{background:#f4f4f01a}.home-ghost{z-index:30;pointer-events:none;visibility:hidden;animation:none;position:fixed;inset:0}.home-ghost.leaving{visibility:visible;animation:.5s ease-out forwards ghost-out}.home-ghost .hero{visibility:hidden}@keyframes ghost-out{to{opacity:0}}.home.returning{animation:none}.home.returning>:is(.bar,.colophon,.enter,.stamp){animation:.6s ease-out fade}
