:root{--cream:#f5efdf;--ink:#393127;--dim:#b4a591;--paper:#f6f1e7;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#241d18}body{font-family:var(--sans);color:var(--cream);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:wait}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #ecd6a5;outline-offset:5px}button{border:0;background:none}#room{height:100%;height:100dvh;position:relative;isolation:isolate}#scene{position:absolute;inset:0;background:url(ari-room-concept-v1.png) center/cover;overflow:hidden;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s}body.ready #scene canvas{opacity:1}.veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(20,15,11,.38),transparent 23%,transparent 61%,rgba(19,15,12,.66));z-index:1}.room-header{position:absolute;z-index:4;top:28px;left:40px;right:40px;display:flex;align-items:center;gap:28px}.signature,.signature:hover{text-decoration:none}.signature{width:74px;display:block;position:relative;flex-shrink:0}.signature img{display:block;width:100%;height:auto}.header-note{font-family:var(--serif);font-style:italic;font-size:22px;color:#f0e6d4;text-shadow:0 1px 12px #291b0d}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:13px}.header-actions button{font-size:13px;padding:10px 0;text-shadow:0 1px 10px #000}.header-actions #fullscreen{font-size:25px;padding:5px}.header-actions a{padding:10px 0}.header-actions a span{padding-left:8px}.welcome{position:absolute;left:47px;bottom:153px;z-index:2;pointer-events:none;text-shadow:0 2px 25px #211709;transition:opacity 1s,transform 1s}.eyebrow{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:500}.welcome .eyebrow{color:#dcd0bb}.welcome h1{font-family:var(--serif);font-weight:400;font-size:clamp(58px,5.5vw,84px);line-height:1;margin:15px 0 23px;letter-spacing:-1px}.welcome p{font-size:14px;line-height:1.9;margin:0;color:#e5dccd}body.exploring .welcome{opacity:0;transform:translateY(12px)}.help{position:absolute;z-index:2;bottom:111px;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;color:#e4dac9;white-space:nowrap;text-shadow:0 2px 9px #100b07;transition:opacity .5s}.places{position:absolute;bottom:41px;left:40px;z-index:4;display:flex;gap:7px;align-items:center}.places button{font-size:12px;padding:11px 14px;border:1px solid transparent;border-radius:28px;transition:background .2s,border-color .2s;color:#ded4c4;background:#20191344;backdrop-filter:blur(9px)}.places button[aria-pressed=true]{color:#fff4e1;border-color:#dfc69a88;background:#42372a8c}.places button:hover{background:#65503899}.place-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ebd09c;margin:0 8px 2px 0}.room-dock{position:absolute;z-index:4;bottom:34px;left:50%;transform:translateX(-50%);display:flex;padding:6px;border:1px solid #e4d3b745;border-radius:50px;background:#241d16ad;backdrop-filter:blur(20px);box-shadow:0 6px 35px #100b0933}.room-dock button{font-size:14px;padding:13px 20px;white-space:nowrap;border-radius:28px;transition:background .2s}.room-dock button:hover{background:#dfc29124}.room-dock button>span{padding-right:9px;color:#d5bc91;font-size:18px;vertical-align:-1px}.room-dock #help-toggle{font-family:var(--serif);font-size:20px;padding:8px 17px;color:#cebfa8;border-left:1px solid #e4d3b729;border-radius:0}.look-controls{position:absolute;right:40px;bottom:42px;z-index:4;display:flex;gap:6px}.look-controls button{height:38px;width:38px;background:#2a201b66;border-radius:50%;border:1px solid #e3d3b92e;font-size:19px;backdrop-filter:blur(9px)}.look-controls button:hover{background:#66523a99}#hotspots{position:absolute;inset:0;pointer-events:none;z-index:3}.hotspot{position:absolute;left:0;top:0;pointer-events:auto;display:flex;align-items:center;gap:10px;white-space:nowrap;transform:translate(-50%,-50%);padding:8px 14px 8px 9px;border:1px solid #f2deb045;border-radius:30px;background:#2b2116a6;backdrop-filter:blur(8px);color:#f5ebd6;font-size:12px;box-shadow:0 2px 20px #1d110826;transition:opacity .3s,background .2s}.hotspot::before{content:'';width:7px;height:7px;border-radius:50%;background:#f3dba9;box-shadow:0 0 0 5px #e4c68917;flex-shrink:0}.hotspot:hover{background:#655039e0}.hotspot[hidden]{display:none}body.quiet .hotspot{opacity:0;pointer-events:none}body.quiet .help,body.quiet .welcome{opacity:0}.error-note{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);padding:23px;background:#251c15dd;border-radius:15px;z-index:5;text-align:center;font-size:14px}.error-note button{border-bottom:1px solid #c6ac82;padding:8px}.no-script{position:absolute;top:40%;padding:25px;background:#291d15;z-index:10}dialog{padding:0;border:1px solid #d8c9b3;border-radius:4px;background:var(--paper);color:var(--ink);box-shadow:0 28px 100px #0007;max-height:calc(100dvh - 74px);width:min(660px,calc(100% - 34px));margin:auto;font-size:16px}dialog::backdrop{background:#100b0763;backdrop-filter:blur(5px)}dialog[open]{animation:appear .28s ease-out}.panel-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:22px 38px 16px;background:var(--paper);border-bottom:1px solid #d8cbb95e}.panel-top .eyebrow{color:#887960}.panel-top button{font-size:28px;line-height:1;padding:4px 7px;color:#71644f}.panel-top button:hover{color:#231e17}#panel-body,.music-body{padding:32px 42px 42px}dialog h2{font-family:var(--serif);font-size:52px;font-weight:400;line-height:1.04;margin:0 0 19px}dialog p{line-height:1.8;font-size:16px;color:#625746}dialog a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c0ad8f}dialog button:focus-visible,dialog a:focus-visible{outline-color:#87663d}.shelf-item{display:block;width:100%;text-align:left;padding:23px 30px 24px 0;border-top:1px solid #d8cbb9;position:relative;color:var(--ink)}.shelf-item .eyebrow{font-size:10px;color:#8c785b}.shelf-item h3{font:normal 30px/1.12 var(--serif);margin:9px 0}.shelf-item p{font-size:13px;margin:0;color:#817058}.shelf-item::after{content:'↗';position:absolute;right:0;top:50%;color:#8b704e}.shelf-item:hover h3{text-decoration:underline;text-underline-offset:4px}.panel-intro{margin-bottom:29px}.back-reading{padding:0 0 22px;font-size:13px;color:#877153}.essay-subtitle{font-family:var(--serif);font-size:24px!important;line-height:1.35!important}.essay-meta{font-size:12px!important;color:#928067!important;margin-bottom:32px}.essay-body{font-family:Georgia,serif;font-size:18px;line-height:1.9}.essay-body p,.essay-body li{font-family:Georgia,serif;font-size:18px;line-height:1.9;color:#443c32}.essay-body h2{font-size:35px;margin:36px 0 17px}.essay-body h3{font:normal 28px/1.3 var(--serif);margin-top:29px}.essay-body blockquote{border-left:2px solid #b29870;padding-left:23px;margin:25px 0;color:#776246}.essay-body hr{border:0;border-top:1px solid #d7c7ad;margin:30px 0}.essay-body ul,.essay-body ol{padding-left:24px}.essay-source{display:block;margin-top:35px;padding-top:20px;border-top:1px solid #d4c5af;font:13px var(--sans)}.music-frame{width:100%;height:330px;border:0;border-radius:4px;background:#e8dfd0}.music-toggle{background:#3b4035;color:#f2eddc;padding:14px 21px;border-radius:3px;font-size:14px;margin:5px 0 15px}.music-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;font-size:13px}.background-list{padding:0;list-style:none;margin:25px 0}.background-list li{padding:19px 0;border-top:1px solid #d8cbb9}.background-list strong{font:normal 27px var(--serif);display:block}.background-list span{font-size:13px;color:#807059}.resume-link{display:inline-block;background:#3b4035;color:#f2eddc;padding:14px 22px;text-decoration:none;margin-top:15px;border-radius:3px}#instructions{padding:39px;max-width:450px}#instructions h2{font-size:43px;margin-top:17px}#instructions p{font-size:14px}.help-close{position:absolute;top:13px;right:18px;font-size:27px}.help-done{margin-top:14px;padding:12px 17px;border:1px solid #b7a385;border-radius:3px;font-size:14px}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.places{bottom:109px;left:50%;transform:translateX(-50%);white-space:nowrap}.help{bottom:165px}.look-controls{bottom:45px}.welcome{bottom:220px}}@media(max-width:650px){.room-header{left:21px;right:21px;top:19px;gap:15px}.signature{width:56px}.header-note{font-size:18px}.header-actions{gap:14px}.header-actions #quiet{display:none}.header-actions a{font-size:12px}.header-actions #fullscreen{font-size:23px}.welcome{left:25px;bottom:235px}.welcome h1{font-size:59px}.welcome p{font-size:13px}.welcome .eyebrow{font-size:10px}.room-dock{bottom:25px;width:calc(100% - 40px);justify-content:center}.room-dock button{padding:11px 12px;font-size:13px}.room-dock button>span{padding-right:5px;font-size:16px}.room-dock #help-toggle{padding:8px 13px}.places{bottom:97px;gap:3px}.places button{font-size:11px;padding:9px 12px}.help{bottom:145px;font-size:11px;max-width:90%;white-space:normal;width:100%}.look-controls{bottom:189px;left:25px;right:auto}.look-controls button{width:31px;height:31px;font-size:16px}.hotspot{font-size:11px;padding:7px 10px;gap:8px}dialog{max-height:calc(100dvh - 36px)}.panel-top{padding:17px 24px 13px}#panel-body,.music-body{padding:25px 25px 32px}dialog h2{font-size:44px}.essay-body p,.essay-body li{font-size:17px}.shelf-item h3{font-size:28px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}