.study-intro{z-index:2;pointer-events:none;max-width:1328px;height:350px;margin:55px auto 0;position:relative}.intro-copy{z-index:3;width:420px;position:relative}.intro-copy a{pointer-events:auto}.intro-copy .eyebrow{color:#b9b690;letter-spacing:.2em;align-items:center;gap:12px;font-size:9px;display:flex}.intro-copy .eyebrow span{background:#b9b690;width:26px;height:1px}.study-intro h1{font:400 clamp(38px, 3.6vw, 51px)/1.7 var(--serif);letter-spacing:.04em;margin:23px 0}.study-intro h1 em{color:#aab798;display:block}.study-intro h1>span{display:block}.intro-description{color:#a6afa0;letter-spacing:.02em;font-size:12px;line-height:2.2}.intro-link{color:#d5c49c;margin-top:13px;padding-bottom:10px}.room-caption{color:#9da695;letter-spacing:.07em;gap:20px;font-size:9px;display:flex;position:absolute;top:0;right:0}.room-coordinate{color:#b7b398}.room-section{max-width:1440px;margin:-300px auto 0;padding:0 28px;position:relative}.room-stage{aspect-ratio:3/2;isolation:isolate;width:min(1100px,100%);margin-left:auto;position:relative}.room-art-layer{transform:translate(var(--drift-x,0px), var(--drift-y,0px));z-index:-2;transition:transform 1.1s ease-out;position:absolute;inset:0}.room-art{object-fit:contain;mix-blend-mode:screen;width:100%;height:100%;mask-image:radial-gradient(at 52%,#000 46%,#000d 69%,#0000 89%)}.window-light{background:var(--companion-color,#61b58b);opacity:.08;mix-blend-mode:screen;width:33%;height:44%;box-shadow:0 0 70px 10px var(--companion-color,#61b58b);pointer-events:none;z-index:-1;border-radius:50%;position:absolute;top:4%;left:39%}.room-dust{pointer-events:none;position:absolute;inset:0}.room-dust i{background:#ecdda9;border-radius:50%;width:2px;height:2px;animation:7s ease-in-out infinite dust-drift;position:absolute;box-shadow:0 0 7px #e4ce8b}.room-dust i:first-child{top:31%;left:39%}.room-dust i:nth-child(2){animation-delay:-3s;top:47%;left:71%}.room-dust i:nth-child(3){animation-delay:-5s;top:67%;left:84%}.room-dust i:nth-child(4){animation-delay:-1s;top:48%;left:28%}@keyframes dust-drift{50%{opacity:.2;transform:translate(8px,-16px)}}.object-link{text-align:left;flex-direction:column;align-items:center;max-width:210px;display:flex;position:absolute;transform:translate(-50%,-50%)}.object-label{color:#e8e1c8;font-family:var(--serif);background:#17241ee8;border:1px solid #bca77b60;border-radius:2px;padding:10px 14px;font-size:14px;line-height:1.6;transition:transform .25s,background .25s,border-color .25s;box-shadow:0 6px 25px #050d0960}.object-label small{color:#b6b59c;letter-spacing:.12em;margin-bottom:4px;font:8px/1.8 system-ui,sans-serif;display:block}.object-label b{color:#c8b07f;margin-left:18px;font:13px system-ui}.object-dot{background:#dac793;border-radius:50%;width:7px;height:7px;margin-bottom:15px;position:relative;box-shadow:0 0 0 4px #e1d0a028,0 0 15px #e1d0a070}.object-dot:after{content:"";border-left:1px solid #dac79377;height:15px;position:absolute;top:7px;left:3px}.object-link:hover .object-label,.object-link:focus-visible .object-label{background:#2b392af5;border-color:#d8c18d;transform:translateY(-4px)}.object-shelf{top:30%;left:22%}.object-card{top:59%;left:29%}.object-notebook{top:61%;left:49%}.object-works{top:43%;left:75%}.object-now{top:28%;left:85%}.companion{text-align:center;width:170px;position:absolute;top:53%;left:79%;transform:translate(-50%)}.companion-sprite{object-fit:contain;filter:drop-shadow(0 6px 8px #0006);transform-origin:bottom;width:95px;height:99px;margin:auto;animation:5s ease-in-out infinite companion-breathe;display:block}@keyframes companion-breathe{50%{transform:translateY(-3px)rotate(2deg)}}.companion-pick{color:#304131;letter-spacing:.03em;background:#e6dfc8;border:0;border-radius:2px;min-height:44px;padding:12px 13px;font-size:10px;display:inline-block;box-shadow:0 6px 22px #0003}.companion-pick:disabled{color:#5e6957}.companion.picking .companion-sprite{animation:.5s pick-bounce}@keyframes pick-bounce{50%{transform:translateY(-20px)rotate(-12deg)}}.room-under{color:#a2aa99;letter-spacing:.07em;justify-content:space-between;gap:20px;margin:-18px 28px 0;font-size:10px;line-height:1.8;display:flex;position:relative}.room-under>span:last-child{letter-spacing:.23em;color:#7c8c7b;font-size:8px}.content-width{max-width:1160px;margin:auto}.study-pages{border-top:1px solid var(--line);grid-template-columns:310px minmax(0,1fr);gap:90px;margin-top:55px;padding-top:65px;display:grid}.now-note{color:#36472f;background:#dcd8bd;align-self:start;margin:14px 0 0;padding:33px 28px 36px;position:relative;transform:rotate(-2deg);box-shadow:6px 12px 30px #0002}.note-pin{background:#a3ac8c99;width:70px;height:24px;position:absolute;top:-8px;left:calc(50% - 35px);transform:rotate(5deg)}.now-note .eyebrow{color:#6a7256;letter-spacing:.16em;font-size:8px}.now-note h2{font:500 23px/1.7 var(--serif);margin:18px 0}.now-note>p:not(.eyebrow){font-size:13px;line-height:2.1}.handwritten{font:13px/1.8 var(--serif);color:#70785c;text-align:right;margin-top:30px;display:block}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading .eyebrow{font-size:8px}.section-heading h2{font:400 28px/1.7 var(--serif);margin:8px 0 0}.section-heading>a{white-space:nowrap;font-size:10px}.compact .note-row{gap:20px;padding:25px 0}.compact .note-row h3{font-size:20px}.compact .note-row p{font-size:11px}.compact .note-meta{font-size:9px}.book-spines{border-bottom:5px solid #786449;flex-direction:column;gap:4px;max-width:340px;margin-top:24px;padding-bottom:8px;display:flex}.book-spines a{color:#cbd1b4;font:11px/1.6 var(--serif);letter-spacing:.05em;transform:translateX(calc(var(--book-index) * 5px));background:#324537;border-left:7px solid #c3ae7760;padding:9px 18px;display:block;box-shadow:inset 0 0 0 1px #c3ae7720}.book-spines a:nth-child(2n){color:#ded0b5;background:#594b3a}.arriving #content{animation:1s ease-out both room-arrival}@keyframes room-arrival{0%{opacity:.15;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}@media (width<=1390px){.study-intro{margin-left:56px;margin-right:56px}.content-width{margin-left:70px;margin-right:70px}.room-stage{width:min(1000px,92%)}.room-caption{display:none}}@media (width<=1120px){.study-intro{min-height:300px;margin-top:35px}.intro-copy{width:340px}.study-intro h1{font-size:39px}.intro-description{font-size:11px}.room-section{margin-top:-200px;padding:0 15px}.room-stage{width:88%}.object-label{padding:9px 10px;font-size:12px}.object-label b{margin-left:8px}.object-notebook{max-width:175px}.study-pages{grid-template-columns:260px minmax(0,1fr);gap:45px}}@media (width<=900px){.study-intro{min-height:330px;margin-left:32px}.room-section{margin-top:-100px}.room-stage{width:96%}.intro-copy{width:470px}.study-intro h1{font-size:40px}.study-intro h1 br{display:none}.content-width{margin-left:35px;margin-right:35px}}@media (width<=760px){.study-intro{height:auto;min-height:0;margin:28px 26px 0}.intro-copy{width:100%}.study-intro h1{max-width:350px;margin:20px 0;font-size:34px;line-height:1.8}.intro-description{font-size:12px}.intro-copy .eyebrow{letter-spacing:.12em;font-size:8px}.intro-link{margin-top:5px}.room-section{margin:0 auto;padding:0 18px}.room-stage{aspect-ratio:auto;flex-direction:column;width:100%;display:flex}.room-art-layer{aspect-ratio:3/2;z-index:auto;width:calc(100% + 36px);margin-left:-18px;position:relative;transform:none}.room-art{display:block}.window-light,.room-dust{display:none}.room-objects{z-index:2;grid-template-columns:1fr 1fr;gap:10px;margin-top:-16px;padding:0 6px;display:grid}.object-link{max-width:none;display:block;position:static;transform:none}.object-dot{display:none}.object-label{height:100%;min-height:78px;box-shadow:none;background:#1c2b24;padding:13px 14px;font-size:13px;display:block}.object-label small{font-size:8px}.object-notebook{order:-1;grid-column:1/-1}.object-label b{float:right}.companion{justify-content:center;align-items:center;gap:15px;width:100%;margin:25px auto 15px;display:flex;position:relative;top:auto;left:auto;transform:none}.companion-sprite{width:80px;height:86px;margin:0}.companion-pick{padding:14px 17px;font-size:12px}.room-under{margin:8px 10px 0;font-size:10px}.room-under>span:last-child{display:none}.study-pages{flex-direction:column;gap:50px;margin:35px 26px 0;padding-top:35px;display:flex}.now-note{width:100%;margin:10px 0 0;padding:28px;transform:rotate(-1deg)}.recent-notes{width:100%}.section-heading h2{font-size:24px}.compact .note-row h3{font-size:19px}}