/* A closed cloth-bound book on the existing painted study table. */
.study-intro[hidden]{display:none!important}
.is-study-intro .study-room-label{display:none}
.is-study-intro #app{padding:0 24px calc(var(--primary-nav-height) + 20px)}
.study-intro{max-width:960px;min-height:calc(100svh - var(--primary-nav-height) - 20px);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0 24px;font-family:var(--serif);color:#373c32}
.study-intro-heading{text-align:center;position:relative;z-index:1}
.study-intro-heading:before{content:'';position:absolute;inset:-30px -80px;background:radial-gradient(ellipse,#f7eed8df,transparent 70%);z-index:-1;pointer-events:none}
.study-intro-heading>p{font-size:19px;letter-spacing:.18em;color:#63533b;margin:0 0 14px}
.study-intro-heading h1{font:400 44px/1.45 var(--serif);letter-spacing:.07em;margin:0;text-shadow:0 1px 8px #fff5dd}
.study-intro-heading h1:focus{outline:none}
.study-intro-scene{width:100%;display:flex;justify-content:center;align-items:center;gap:70px;margin:34px 0 30px}
.study-closed-book{position:relative;display:block;flex-shrink:0;width:218px;height:290px;padding:0;border:0;background:transparent;perspective:900px;transform:rotate(-5deg);cursor:pointer;filter:drop-shadow(12px 18px 12px #3c271c66);transition:transform .25s}
.study-book-pages{position:absolute;inset:7px -7px -6px 9px;background:repeating-linear-gradient(0deg,#d7c7a6 0 1px,#f0e2c5 1px 3px);border:1px solid #b49a6f;border-radius:2px 6px 7px 2px;transform:skewY(1deg)}
.study-book-cover{position:absolute;inset:0;display:block;transform-origin:left center;border:1px solid #718176;border-radius:2px 4px 4px 2px;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#172c230b 0 1px,transparent 1px 4px),linear-gradient(110deg,#40574e,#65796a 48%,#4b6255);box-shadow:inset 7px 0 8px #15251f40,inset 0 0 0 6px #7f8c7126;transition:transform .48s ease-in,filter .48s}
.study-book-title{position:absolute;right:28px;top:25px;writing-mode:vertical-rl;font:32px/1.5 var(--serif);letter-spacing:.18em;padding:16px 7px;color:#394236;background:linear-gradient(90deg,#e0cda6,#f4e7c8 45%,#e9d8b3);border:1px solid #b9a37c;box-shadow:inset 0 0 0 3px #f2e4c7,inset 0 0 0 4px #c0a780}
.study-book-binding{position:absolute;left:13px;top:18px;bottom:18px;width:14px;border-left:1px solid #a3976b88;display:flex;flex-direction:column;justify-content:space-around}
.study-book-binding i{display:block;width:26px;height:17px;border-top:2px solid #d9c99e;border-bottom:2px solid #b9ab80;transform:translateX(-15px) skewY(-15deg);filter:drop-shadow(0 1px 1px #15251f)}
.study-book-seal{position:absolute;bottom:26px;right:33px;writing-mode:vertical-rl;border:1px solid #b9936c;color:#e0b992;background:#874c3ad9;padding:6px 3px;font:17px/1.2 var(--serif)}
.study-closed-book:hover{transform:rotate(-3deg) translateY(-4px)}
.study-intro-questions{padding:20px 24px;position:relative;isolation:isolate}
.study-intro-questions:before{content:'';position:absolute;inset:-18px -38px;background:radial-gradient(ellipse,#f7eddbf0 25%,#f3e4cac9 50%,transparent 72%);z-index:-1;pointer-events:none}
.study-intro-questions p{font:23px/1.8 var(--serif);margin:13px 0;color:#675840}
.study-intro-questions strong{font-weight:500;color:#343e32}
.study-open-book{display:flex;align-items:center;justify-content:center;gap:32px;padding:16px 38px;min-height:60px;border:1px solid #b7986c;border-radius:3px;background:linear-gradient(110deg,#40594c,#5b705e 55%,#3f584a);box-shadow:inset 0 0 0 3px #40594c,inset 0 0 0 4px #bdab7e88,0 8px 20px #302c2338;color:#fff1d2;font:23px/1.4 var(--serif);letter-spacing:.12em;cursor:pointer;transition:transform .2s,box-shadow .2s}
.study-open-book:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 3px #40594c,inset 0 0 0 4px #dbc597,0 10px 24px #302c234d}
.study-open-book:focus-visible,.study-closed-book:focus-visible,.study-close-book:focus-visible{outline:2px solid #854c36;outline-offset:7px}
.study-intro.is-opening .study-book-cover{transform:rotateY(-115deg);filter:brightness(1.15)}
.study-intro.is-opening .study-intro-questions,.study-intro.is-opening .study-open-book{opacity:0;transition:opacity .4s}
.study-close-book{display:block;margin:0 0 14px auto;border:0;border-bottom:1px solid #9c856455;padding:6px 0;background:none;color:#78654a;font:18px/1.5 var(--serif);cursor:pointer}
@media(max-width:650px){
 .is-study-intro #app{padding-left:12px;padding-right:12px}
 .study-intro{padding:22px 0 14px}
 .study-intro-heading>p{font-size:18px;margin-bottom:10px}
 .study-intro-heading h1{font-size:32px;line-height:1.45}
 .study-intro-heading:before{inset:-15px -25px}
 .study-intro-scene{flex-direction:column;gap:15px;margin:20px 0 18px}
 .study-closed-book{width:142px;height:184px;filter:drop-shadow(8px 12px 9px #3c271c66)}
 .study-book-title{top:15px;right:17px;font-size:24px;padding:9px 5px;letter-spacing:.12em}
 .study-book-seal{font-size:15px;right:20px;bottom:13px;padding:3px 2px}
 .study-book-binding{left:11px;top:11px;bottom:11px}
 .study-book-binding i{width:23px;height:12px}
 .study-intro-questions{padding:0 4px}
 .study-intro-questions p{font-size:19px;line-height:1.65;margin:5px 0}
 .study-intro-questions:before{inset:-15px -18px}
 .study-open-book{font-size:21px;min-height:56px;padding:14px 28px;gap:24px}
}
@media(max-height:740px) and (max-width:650px){
 .study-intro{padding-top:14px}
 .study-intro-heading h1{font-size:29px}
 .study-intro-scene{margin:15px 0;gap:12px}
 .study-closed-book{height:156px;width:126px}
 .study-book-title{font-size:21px;top:11px;right:15px;padding:7px 4px}
 .study-book-seal{right:17px;bottom:9px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.study-intro *{transition:none!important}.study-intro.is-opening .study-book-cover{transform:none}}