/* CRAVE : THE CASE FILE EDITION — v0.3
   Original CSS/art by OpenAI for this site; no third-party pictures.
   Intro is rendered with CSS 3D layers and responsive static HTML. */
:root{--paper:#ded4bf;--ink:#382a28;--accent:#d44851;--wine:#9e293c;--outline:#6b4652}
html{scroll-padding-top:85px}body{background:#08090b}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f07c88;outline-offset:4px}
.header{position:fixed;height:75px;background:#0b0b0dd9;border-bottom:1px solid #ffffff1b;transition:background .35s;box-shadow:0 12px 30px #0002}
.header-inner{gap:18px}.brand-mark{background:#bd3044;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);box-shadow:0 0 24px #bd304422}.brand-name{font-size:30px}.brand-name span{letter-spacing:.29em}
.primary-nav{gap:31px}.primary-nav>a{font-size:10px;letter-spacing:.2em}.primary-nav .nav-play{padding:14px 20px;background:#b83144}.nav-intro{padding:7px 0;border:none;background:none;color:#d4a4ac;letter-spacing:.19em;font-size:10px;font-weight:800;transition:color .2s}.nav-intro:hover{color:#fff}
.hero{height:max(780px,100svh);max-height:1100px;background:#100d12}.hero-art{background-image:linear-gradient(#0000,#0000),url('hero-city.svg');background-position:center center;filter:contrast(1.08) saturate(.8)}.hero-shade{background:linear-gradient(90deg,#07080afc 2%,#08080bf0 30%,#08080bc7 49%,#08080b1c 80%,#08080b82 100%),linear-gradient(0deg,#08080b 1%,#08080b23 35%,#08080b50 100%),radial-gradient(circle at 76% 39%,#9d2a3a3d,transparent 37%)}.hero::after{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#ef77821a calc(25% - 1px) 25%);opacity:.14}
.hero-topline{top:140px}.hero-copy{padding-top:80px}.hero-kicker{font-weight:500;color:#c9b7bd}.hero-title{font-size:clamp(148px,18vw,277px);letter-spacing:-.015em;line-height:.77;position:relative;z-index:2;text-shadow:0 5px 40px #0008}.hero-period{font-size:.6em;color:#d23c51}.hero-subtitle{margin-top:31px;position:relative;z-index:2}.hero-subtitle span:first-child{font-size:29px}.hero-intro{font-weight:400}.hero-actions{position:relative;z-index:3}.hero-bottom{z-index:2}.hero-edge{color:#e1acb6}.hero-vertical{opacity:.6}
.hero-evidence{position:absolute;width:min(32vw,400px);height:min(34vw,435px);right:7%;top:24%;border:1px solid #d75c6745;background:linear-gradient(150deg,#32101738,#0d0a0c10 55%,#4a162c22);transform:rotate(6deg);z-index:-1;pointer-events:none;box-shadow:0 0 140px #ce3e4b19,0 0 0 10px #ffffff04,inset 0 0 70px #0009;backdrop-filter:blur(2px);animation:evidence-sway 11s ease-in-out infinite alternate}.hero-evidence::before,.hero-evidence::after{content:"";position:absolute;inset:17px;border:1px solid #be55662b}.hero-evidence::after{inset:27px;border-style:dashed;opacity:.5}.hero-evidence-top,.hero-evidence-bottom{position:absolute;left:40px;right:40px;color:#b67e87;font:9px var(--font);font-weight:800;letter-spacing:.2em}.hero-evidence-top{top:38px}.hero-evidence-bottom{bottom:39px;display:flex;justify-content:space-between}.hero-evidence-eye{color:#cc475c;position:absolute;width:95%;left:2.5%;top:50%;transform:translateY(-50%);opacity:.6;filter:drop-shadow(0 0 30px #b42d4c)}.hero-evidence-eye svg{width:100%}@keyframes evidence-sway{from{transform:rotate(5deg) translateY(8px)}to{transform:rotate(7deg) translateY(-9px)}}
.signal-bar{height:45px;background:#a9273c}.signal-track{font-size:13px}.world-section .section-header h2,.routes-section .section-header h2,.archive-section .section-header h2{letter-spacing:-.065em}.faction{border-color:#43333b;background:#0f1014}.faction:after{opacity:.5}.faction-idx{font-size:9px}.faction-graph{font-size:300px;top:8%;right:-9%;color:#ffffff0b}.faction-eater .faction-graph{color:#f2576e20}.faction:hover{box-shadow:0 25px 60px #0005}.faction .faction-line{color:#e7bac2}.manifesto{background:radial-gradient(ellipse at center,#30111877,#0d0b0e 65%);padding:115px 0}.manifesto-inner>span{color:#c17080}.manifesto p{font-weight:700}.path{min-height:430px}.path:hover{box-shadow:0 22px 62px #0007}
.archive-section{background:radial-gradient(ellipse at 95% 0%,#40192425,transparent 35%),#0c0c0f}.archive-heading{margin-bottom:20px}.archive-file-stamp{display:flex;justify-content:space-between;gap:15px;color:#7a6970;border-bottom:1px solid #65434a;margin:25px 0;padding:0 0 10px;font-size:9px;font-weight:700;letter-spacing:.22em}.archive-toolbar{margin-top:18px}.character-card{border-color:#4b333d;background:#121116;box-shadow:inset 0 0 0 1px #fff0;transition:border .25s,transform .25s,box-shadow .25s}.character-card:hover{border-color:#d25869;transform:translateY(-5px);box-shadow:0 16px 55px #0009}.character-portrait{background:radial-gradient(circle at 50% 55%,#64344376,transparent 48%),linear-gradient(145deg,#291d29,#0b0b0f 75%);isolation:isolate}.character-portrait::before{content:"";position:absolute;width:145px;height:145px;border-radius:50%;border:1px solid #d5a1ab20;top:22%;left:50%;transform:translateX(-50%);box-shadow:0 0 0 24px #d5a1ab06,0 0 0 47px #d5a1ab03}.character-portrait::after{background:linear-gradient(0deg,#07070bd9,transparent 45%),repeating-linear-gradient(90deg,transparent 0 24px,#e1bec40b 25px,#e1bec40b 26px);opacity:.8}.character-card[data-type='human'] .character-portrait{background:radial-gradient(circle at 50% 46%,#48505b85,transparent 49%),linear-gradient(150deg,#242831,#0b0d11)}.character-card[data-type='exception'] .character-portrait{background:radial-gradient(circle at 50% 40%,#76888677,transparent 52%),linear-gradient(145deg,#232b2d,#101013)}.portrait-number{transform:none;color:transparent;-webkit-text-stroke:1px #ffffff42;font-size:clamp(76px,10vw,123px);letter-spacing:.02em;opacity:.48;position:relative;z-index:1}.portrait-sigil{font-size:8px}.portrait-top{color:#ebdade}.character-info{gap:5px}.character-info h3{font-weight:750}.archive-caption{color:#998990}.quote-strip{background:radial-gradient(ellipse at 50% 70%,#682a3863,transparent 63%),#110c10}
.end-panel{background:radial-gradient(circle at 84% 38%,#78223b50,transparent 42%),linear-gradient(110deg,#241219,#0c0d10 70%);box-shadow:0 32px 80px #0006}.footer-replay{background:none;color:#d25a69;border:0;padding:0;font-size:10px;letter-spacing:.1em;cursor:pointer}.footer-replay:hover{color:#fff}.footer-right{align-items:center}
.modal{z-index:1600}.modal-panel{width:min(660px,100%);max-height:min(91vh,900px);padding:40px 49px;background:radial-gradient(circle at 96% 8%,#6026394d,transparent 42%),#141215;border:1px solid #854d5c;box-shadow:0 34px 120px #000c}.modal-panel h2{margin-top:38px;font-weight:800}.modal-letter{opacity:.6}.modal-data{grid-template-columns:105px 1fr;gap:12px}.modal-profile{margin-top:23px;display:grid;grid-template-columns:1fr;gap:0}.modal-profile-row{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #60404a77;padding:15px 0;gap:17px}.modal-profile-row>span{font-size:10px;color:#d96c7d;letter-spacing:.09em;font-weight:800}.modal-profile-row>p{margin:0;font-size:12px;line-height:1.95;color:#d5c8cb;white-space:pre-line;word-break:keep-all}.modal-missing{color:#ae9da3;font-size:12px}.modal-notice{color:#817278;font-size:10px}
/* INTRO — editorial classified dossier and hinged hard cover */
.intro-overlay{position:fixed;inset:0;z-index:4000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#090a0c;color:#eee7dc;isolation:isolate;opacity:1;transition:opacity .8s cubic-bezier(.32,0,.1,1),visibility .8s}
html.intro-seen .intro-overlay,.intro-overlay[aria-hidden='true']:not(.intro-visible){display:none}
.intro-overlay.intro-visible{display:flex}.intro-overlay.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.intro-overlay::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 54%,#7c25332b 0%,transparent 49%),radial-gradient(circle at 50% 115%,#721d2e21,transparent 43%),linear-gradient(135deg,#141318,#08090b 72%)}
.intro-background{position:absolute;inset:0;pointer-events:none;opacity:.5;background:linear-gradient(90deg,transparent 12%,#efdfcb0b 12.07%,transparent 12.14%,transparent 87%,#efdfcb0b 87.07%,transparent 87.14%),repeating-linear-gradient(0deg,transparent 0 64px,#b69c9f0b 65px,transparent 66px)}
.intro-background::after{content:"";position:absolute;width:740px;height:740px;max-width:100vw;max-height:100vw;border:1px solid #9f3a4625;left:50%;top:49%;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 75px #961e2611,0 0 0 170px #9c27300a}
.intro-topband,.intro-bottomline{position:absolute;z-index:5;left:clamp(20px,5vw,80px);right:clamp(20px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8d7c82;font-size:10px;letter-spacing:.24em;font-weight:800}.intro-topband{top:clamp(25px,4vw,60px)}.intro-bottomline{bottom:clamp(23px,4vw,52px);border-top:1px solid #66505b77;padding-top:19px}.intro-topline{display:flex;align-items:center;gap:12px}.intro-red-dot,.intro-pulse{width:6px;height:6px;display:inline-block;border-radius:50%;background:#df4a5a;box-shadow:0 0 18px #e13b51}.intro-skip{background:#141115d9;border:1px solid #735059a1;color:#f5d8de;padding:12px 15px;min-width:126px;font-size:10px;font-weight:800;letter-spacing:.13em;display:flex;justify-content:space-between;gap:15px;transition:background .2s,border .2s}.intro-skip:hover{background:#702b3a;border-color:#e87286}.intro-headline{position:absolute;z-index:5;top:12%;text-align:center;pointer-events:none}.intro-eyebrow{font-size:9px;letter-spacing:.34em;color:#a76770;font-weight:800}.intro-headline p{font-size:clamp(15px,1.5vw,20px);font-weight:600;letter-spacing:.14em;margin:16px 0;color:#e2d0cf}.intro-cursor{color:#e3485f;animation:blink .75s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}
.intro-stage{width:min(910px,88vw);height:min(515px,55vh);max-height:540px;min-height:350px;perspective:1800px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transform:translateY(20px)}.casebook-shadow{position:absolute;left:17%;right:18%;height:44px;border-radius:50%;bottom:-10px;background:#000;filter:blur(29px);opacity:.9}.casebook{position:relative;width:min(850px,85vw);aspect-ratio:1.84;max-height:100%;transform-style:preserve-3d;transform:translateX(-20%) translateY(28px) rotateX(5deg) scale(.93);filter:drop-shadow(0 45px 48px #000a);transition:transform 2s cubic-bezier(.2,.7,.12,1)}
.intro-overlay.is-opening .casebook{transform:translateX(0) translateY(6px) rotateX(0) scale(1)}
.book-paper{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;background:#e0d4bd;border:2px solid #9f8774;box-shadow:inset 0 0 55px #4b231233,0 0 0 8px #160f13;border-radius:3px;overflow:hidden;transform:translateZ(-2px)}
.book-paper::after{content:"";position:absolute;left:calc(50% - 12px);width:24px;top:0;bottom:0;pointer-events:none;background:linear-gradient(90deg,#9f867167,transparent 48%,#f8eacd50 52%,#806b5a88);z-index:4}
.book-page{position:relative;padding:clamp(17px,2.4vw,35px);min-width:0;background:repeating-linear-gradient(0deg,#ffffff09 0 2px,transparent 3px 6px),linear-gradient(105deg,#ede2ca 0%,#d9cbb4 100%);color:#4e3934;overflow:hidden;opacity:0;transition:opacity .7s .9s}.intro-overlay.is-opening .book-page{opacity:1}.book-page-right{background:repeating-linear-gradient(0deg,#ffffff09 0 2px,transparent 3px 6px),linear-gradient(110deg,#d5c6af 0%,#e7dbc3 24%,#e9ddc5 100%)}
.paper-edge{position:absolute;top:48%;left:-53px;transform:rotate(-90deg);font:7px var(--font);letter-spacing:.2em;color:#927966}.page-heading{display:flex;justify-content:space-between;gap:7px;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.paper-rule{height:2px;background:#735648;margin:14px 0 16px;opacity:.72}.page-index{font-size:clamp(14px,1.9vw,22px);font-weight:700;line-height:1.7;letter-spacing:.09em}.page-index strong{font-size:clamp(24px,3vw,43px);letter-spacing:-.06em;color:#382b28}.paper-note{font-size:clamp(9px,1vw,12px);line-height:2;letter-spacing:.01em;margin-top:12px;color:#755f56}.paper-stamp{position:absolute;bottom:clamp(44px,7vw,83px);left:24%;transform:rotate(-13deg);font-size:clamp(15px,2vw,24px);line-height:1.1;letter-spacing:.1em;font-weight:900;color:#a13240b8;border:3px double #a13240b8;padding:8px 13px;text-align:center}.paper-stamp small{display:block;margin-top:5px;font-size:7px;letter-spacing:.1em}.paper-bottom{position:absolute;left:clamp(20px,2.4vw,35px);right:clamp(20px,2.4vw,35px);bottom:clamp(16px,2vw,25px);display:flex;justify-content:space-between;gap:10px;border-top:1px solid #765d4c88;padding-top:8px;font-size:8px;font-weight:750;letter-spacing:.08em;color:#806a5b}
.file-eye-symbol{width:min(77%,230px);margin:4% auto 3%;color:#8b4543;opacity:.9}.file-eye-symbol svg{display:block;width:100%;max-height:160px}.classification-lines{display:grid;gap:6px;margin-top:6px}.classification-lines>span{display:flex;align-items:center;gap:9px;border-bottom:1px solid #6a51434d;padding:2px 0;font-size:clamp(8px,1.2vw,12px);font-weight:750;letter-spacing:.12em}.classification-lines b{font-size:9px;color:#aa4654}.classification-lines i{margin-left:auto;font-style:normal;font-size:10px;letter-spacing:0;color:#766053}.paper-approval{position:absolute;right:10%;bottom:15%;display:flex;flex-direction:column;align-items:center;color:#a53945;font-size:9px;letter-spacing:.25em;transform:rotate(-9deg);border:2px solid #a53945a8;padding:7px 16px}.paper-approval strong{font-size:clamp(14px,2vw,22px);letter-spacing:.08em}
.book-front-cover{position:absolute;left:50%;top:0;height:100%;width:50%;transform-style:preserve-3d;transform-origin:left center;transition:transform 1.9s cubic-bezier(.3,.5,.05,1);z-index:7;transform:rotateY(0deg)}.intro-overlay.is-opening .book-front-cover{transform:rotateY(-170deg)}
.front-face,.back-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1px 4px 4px 1px;overflow:hidden;box-shadow:inset 0 0 0 3px #a45c5b40,inset 0 0 0 17px #ffffff06,0 16px 52px #000c}
.front-face{display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 50%,#61202e52,transparent 65%),repeating-linear-gradient(95deg,transparent 0 3px,#ffffff04 4px 5px),linear-gradient(125deg,#2c141c,#3a1923 70%,#1a1017);border:1px solid #8a5260;color:#eee0d0;padding:clamp(15px,2vw,30px);position:relative}.front-face::after{content:"";pointer-events:none;position:absolute;inset:13px;border:1px solid #dfbcb83c}.cover-spine{position:absolute;left:0;top:0;bottom:0;width:21px;background:linear-gradient(90deg,#100d13,#713244,#2a171f);border-right:1px solid #b169716b}.cover-top,.cover-footer{display:flex;justify-content:space-between;gap:15px;font-size:clamp(7px,.8vw,9px);letter-spacing:.15em;font-weight:700;position:relative;z-index:1}.cover-symbol{position:absolute;top:16%;left:50%;width:clamp(104px,12vw,150px);aspect-ratio:1;transform:translateX(-50%);border:1px solid #d6a1a346;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 17px #f3d8ce0b,0 0 0 37px #efbcbb06}.cover-symbol::before,.cover-symbol::after{content:"";position:absolute;top:50%;left:-38px;right:-38px;height:1px;background:#d6a1a33b}.cover-symbol::after{transform:rotate(90deg)}.cover-symbol-core{color:#c94e59;font-size:clamp(40px,5vw,74px);font-weight:200;line-height:1;text-shadow:0 0 40px #e2526499}.cover-brand{position:relative;z-index:1;text-align:center;margin-top:35%}.cover-brand>span{display:block;font-size:clamp(6px,.85vw,9px);letter-spacing:.35em;color:#cf9b9f;font-weight:800}.cover-brand>strong{display:block;font:clamp(73px,9vw,114px)/.95 var(--display);letter-spacing:.07em;margin:6px 0;color:#f2e5d6;text-shadow:0 6px 20px #0008}.cover-brand em{display:block;font-size:clamp(16px,2vw,22px);font-style:normal;letter-spacing:.28em}.cover-seal{position:absolute;right:11%;bottom:21%;transform:rotate(-17deg);border:2px solid #b55c62a8;color:#d68b90;padding:6px 10px;line-height:1.5;text-align:center;font-size:8px;letter-spacing:.1em;opacity:.7}.cover-seal strong{font-size:12px}.cover-footer{border-top:1px solid #b9858866;padding-top:13px}
.back-face{transform:rotateY(180deg);background:linear-gradient(110deg,#391722,#4c2432,#25131d);border:1px solid #9b5c67;color:#b98890;display:flex;flex-direction:column;align-items:center;justify-content:space-around;font-size:9px;letter-spacing:.24em}.back-face-emblem{font-size:75px;color:#a84051a0}.back-face small{font-size:8px}
.intro-overlay.is-leaving .intro-stage{filter:blur(10px);transform:translateY(30px) scale(1.03);transition:transform .7s,filter .7s}.intro-pulse{animation:pulse 1.2s infinite alternate}@keyframes pulse{to{box-shadow:0 0 20px #e54960;opacity:.4}}
/* Section reveal polish. The script adds this only after intersection observer exists. */
.has-scroll-reveal [data-reveal]{opacity:0;transform:translateY(27px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.has-scroll-reveal [data-reveal].is-in-view{opacity:1;transform:translateY(0)}
@media(max-width:1180px){.hero-evidence{right:2%;top:29%;opacity:.7}.hero-title{font-size:clamp(125px,18vw,240px)}.primary-nav{gap:24px}}
@media(max-width:820px){.header{height:68px}.primary-nav{top:68px}.nav-intro{text-align:left;font-size:12px;color:#d0a7af}.hero-evidence{opacity:.4;width:320px;height:360px;right:-80px;top:31%}.hero-title{font-size:clamp(104px,20vw,160px)}.intro-headline{top:12%}.intro-stage{width:95vw;height:48vh;min-height:270px}.casebook{width:min(90vw,750px)}.book-page{padding:21px}.paper-stamp{left:13%}.intro-bottomline{font-size:9px}.footer-right{gap:16px}}
@media(max-width:540px){.intro-topband{left:17px;right:17px;top:20px}.intro-topline{font-size:8px;letter-spacing:.12em;max-width:55vw;line-height:1.6}.intro-skip{font-size:9px;padding:10px;min-width:95px}.intro-headline{top:20%;width:90vw}.intro-eyebrow{font-size:8px;letter-spacing:.18em}.intro-headline p{font-size:14px;letter-spacing:.04em}.intro-stage{height:auto;min-height:220px;max-height:none;width:100vw;margin-top:12px}.casebook{width:94vw;aspect-ratio:1.7}.front-face{padding:12px}.cover-top,.cover-footer{font-size:5px;letter-spacing:.05em}.cover-top span:first-child{max-width:55%}.cover-brand>strong{font-size:clamp(36px,11.6vw,60px);letter-spacing:0}.cover-brand>span{font-size:5px;letter-spacing:.05em}.cover-brand em{font-size:12px;letter-spacing:.12em}.cover-symbol{width:50px;top:14%}.cover-symbol-core{font-size:31px}.cover-symbol::before,.cover-symbol::after{left:-13px;right:-13px}.cover-seal{display:none}.cover-footer{padding-top:6px}.cover-spine{width:10px}.book-page{padding:10px}.page-heading{font-size:5.5px;letter-spacing:0}.paper-rule{margin:6px 0 9px}.page-index{font-size:10px}.page-index strong{font-size:20px}.paper-note{font-size:7px;line-height:1.6;margin-top:4px}.paper-stamp{font-size:10px;padding:4px 5px;bottom:24px;left:12%;border-width:1.5px}.paper-stamp small{font-size:4px}.paper-bottom{font-size:4.5px;bottom:8px;left:9px;right:9px;padding-top:3px}.paper-edge{display:none}.file-eye-symbol{margin:1% auto 1%;width:65%}.classification-lines{gap:0}.classification-lines>span{font-size:6px;gap:4px;padding:2px 0}.classification-lines b{font-size:6px}.classification-lines i{font-size:6px}.paper-approval{bottom:15%;right:5%;padding:3px 6px;border-width:1px;font-size:5px}.paper-approval strong{font-size:9px}.intro-bottomline{font-size:7px;letter-spacing:.06em;left:18px;right:18px;bottom:18px}.intro-bottomline span:last-child{white-space:nowrap}.header{height:68px}.hero-title{font-size:clamp(96px,25vw,148px)}.hero-evidence{width:270px;height:315px;right:-124px;top:30%;opacity:.26}.hero-evidence-top,.hero-evidence-bottom{font-size:7px;left:23px;right:23px}.hero-copy{padding-top:95px}.hero-kicker{font-size:12px}.hero-topline{top:105px}.hero-subtitle{margin-top:23px}.archive-file-stamp{font-size:7px;letter-spacing:.08em}.archive-file-stamp span:last-child{display:none}.character-portrait{height:178px}.portrait-number{font-size:78px}.modal-panel{padding:25px 23px}.modal-profile-row{grid-template-columns:68px 1fr;gap:12px}.modal-profile-row>p{font-size:11px}.modal-profile-row>span{font-size:9px}.footer-right{align-items:start}.intro-overlay.is-leaving .intro-stage{transform:scale(1.05)}}
@media(max-width:350px){.cover-brand>strong{font-size:35px}.paper-note{display:none}.paper-stamp{bottom:22px}.intro-bottomline{font-size:6px}.hero-title{font-size:91px}}
@media(prefers-reduced-motion:reduce){.intro-overlay,.casebook,.book-front-cover,.book-page,.hero-evidence,.intro-pulse,.intro-cursor{animation:none!important;transition:none!important}.has-scroll-reveal [data-reveal]{opacity:1;transform:none}}
body.intro-lock{overflow:hidden}
/* A closed file should display only the front cover before opening. */
.book-paper{opacity:0;transition:opacity .2s linear .24s}
.intro-overlay.is-opening .book-paper{opacity:1}