.sq-experience{isolation:isolate;height:calc(100dvh - var(--sound-height,52px));color:#f5efdf;background:#0b191c;grid-template-rows:auto minmax(0,1fr) auto;min-height:320px;display:grid;position:relative;overflow:hidden}.sq-experience .sq-passage h1.sq-stage-heading{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sq-experience .sq-reading{align-items:safe center;padding-block:clamp(24px,5vh,48px);display:flex}.sq-experience .sq-reading>.sq-passage{width:100%}.sq-scenery{z-index:-1;background:#142323;position:absolute;inset:0}.sq-scenery img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.sq-scenery img.is-current{opacity:1;animation:4s ease-out both sq-arrive}.sq-scenery:after{content:"";background:linear-gradient(90deg,#071617bd,#07161750),linear-gradient(#0000 30%,#071617ef);position:absolute;inset:0}.sq-stages{background:#0b191c55;border-bottom:1px solid #ddc69c25;justify-content:center;gap:clamp(8px,3vw,36px);padding:12px 16px;display:flex}.sq-stages button,.sq-controls button,.sq-controls a{color:inherit;font:400 1rem/1.4 var(--font-interface),sans-serif;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.sq-stages button{color:#c9cec6;border-bottom:1px solid #0000;padding:8px 4px}.sq-stages button[aria-current]{color:#f6dfb0;border-bottom-color:#e4c99c}.sq-stages button span{color:#cbb78f;font-size:.875rem}.sq-experience :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #f0d7a4}.sq-reading{overscroll-behavior:contain;scrollbar-width:thin;padding:clamp(20px,4vh,40px) clamp(20px,6vw,90px);overflow-y:auto}.sq-passage{max-width:960px;margin:0 auto;animation:.55s ease-out both sq-copy}.sq-passage h1{font:400 1.125rem/1.5 var(--font-interface),sans-serif;color:#ced2c9;margin:0 0 clamp(28px,6vh,64px)}.sq-passage blockquote{font:400 clamp(1.7rem,3.4vw,3rem)/1.38 var(--font-editorial),Georgia,serif;text-wrap:pretty;max-width:30ch;margin:0 0 20px}.sq-author{font:400 1.05rem/1.6 var(--font-interface),sans-serif;color:inherit;text-underline-offset:5px;text-decoration-color:#e2dbc377}.sq-citation{color:#c1c9c2;margin:8px 0 0;font-size:.875rem;line-height:1.6}.sq-keywords{color:#d5c9ae;font:400 .875rem/1.5 var(--font-interface),sans-serif;flex-wrap:wrap;gap:6px 22px;margin:24px 0 0;padding:0;list-style:none;display:flex}.sq-reflection{border-left:1px solid #d8bc8038;max-width:700px;margin-top:18px;padding:4px 0 4px 18px}.sq-reflection>span{font:400 .875rem/1.5 var(--font-interface),sans-serif;color:#bdb6a2}.sq-reflection p{font:400 clamp(1.0625rem,1.7vw,1.35rem)/1.6 var(--font-editorial),Georgia,serif;color:#e1e4d9;margin:8px 0 0}.sq-controls{padding:8px clamp(20px,6vw,90px) max(8px,env(safe-area-inset-bottom));background:#0b191ced;border-top:1px solid #ddc69c20;justify-content:space-between;align-items:center;gap:16px;display:flex}.sq-introduction{text-align:center;max-width:720px;margin:clamp(24px,12vh,140px) auto 24px;animation:.8s ease-out both sq-copy}.sq-introduction h1{font:400 clamp(2rem,5vw,4rem)/1.2 var(--font-editorial),Georgia,serif;margin:0 0 24px}.sq-introduction p{font:400 clamp(1.0625rem,2vw,1.3rem)/1.7 var(--font-interface),sans-serif;color:#e0e0d4;max-width:38ch;margin:auto}@keyframes sq-arrive{0%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes sq-copy{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:600px){.sq-stages{gap:10px;padding:6px 12px}.sq-stages button{gap:5px;font-size:.875rem}.sq-stages button span{display:none}.sq-reading{padding:20px}.sq-passage h1{margin-bottom:24px;font-size:1rem}.sq-passage blockquote{font-size:clamp(1.6rem,6.5vw,2rem);line-height:1.4}.sq-keywords{gap:6px 16px;margin-top:20px}.sq-reflection{margin-top:14px}.sq-controls{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.sq-experience *{transition:none!important;animation:none!important}}