html:has(body.scroll-journey){overflow-x:hidden;overflow-y:auto;height:auto}body.scroll-journey{height:auto;overflow:visible;--journey-opacity:1;--journey-transform:none}body.scroll-journey[data-mode=work],body.scroll-journey[data-mode=about]{overflow:hidden;height:100dvh}body.scroll-journey>header{position:fixed;top:0;left:0;right:0}body.scroll-journey #room,body.scroll-journey #clear-monitor{opacity:1;transform:var(--journey-transform);transform-origin:50% 50%;will-change:transform}body.scroll-journey #studio-caption,body.scroll-journey>.room-nav,body.scroll-journey>footer,body.scroll-journey>.scroll-cue{opacity:var(--journey-opacity)}body.journey-away #room,body.journey-away #clear-monitor,body.journey-away>.room-nav,body.journey-away>.scroll-cue{pointer-events:none}body.journey-away #tooltip,body.journey-away #world-pages{visibility:hidden}body.journey-work>header{background:rgba(253,251,247,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scroll-work{position:relative;z-index:3;margin:100vh auto 0;padding:110px 6vw 100px;width:min(1280px,100%);min-height:100vh;scroll-margin-top:0;color:var(--ink)}.scroll-work-content>h2,.scroll-work h3{font-family:'P22 Mackinac',Georgia,serif;font-weight:500}.scroll-work-content>h2{font-size:clamp(32px,4.2vw,58px);line-height:1.2;color:var(--accent);max-width:850px;margin:18px 0 48px}.scroll-work .eyebrow,.scroll-work .project-meta>span,.scroll-work .back{color:var(--accent)}.scroll-work .project-grid{gap:60px 32px}.scroll-work .project-art{height:auto;aspect-ratio:1.65;border-radius:12px;background:#eee7df}.scroll-work .project-meta h3{font-size:clamp(21px,2vw,28px);line-height:1.35}.scroll-work .project-meta p{font-size:15px;line-height:1.7;color:#7b736b}.scroll-work .project-meta>span{font-size:11px}.scroll-work .case-step p{color:var(--ink);font-size:18px}.scroll-work .case-top h2{font-family:'P22 Mackinac',Georgia,serif;color:var(--accent);font-size:clamp(30px,4vw,52px);line-height:1.3}.scroll-work .case-step h3{font-size:26px}.scroll-home{margin-bottom:38px;font-size:14px}.scroll-cue{position:fixed;z-index:4;left:50%;bottom:5%;transform:translateX(-50%);border:1px solid #b9a99588;border-radius:30px;background:#fdfbf7dc;color:#665447;padding:12px 24px;font-size:13px;white-space:nowrap}body[data-mode=work] .scroll-work,body[data-mode=about] .scroll-work,body[data-mode=work] .scroll-cue,body[data-mode=about] .scroll-cue{display:none}body.scroll-journey>.room-nav{bottom:11%}body.scroll-journey #room{touch-action:pan-y!important}@media(max-width:700px){.scroll-work{padding:100px 24px 70px}.scroll-work .project-grid{grid-template-columns:1fr;gap:40px}.scroll-work .case-step p{font-size:16px}.scroll-cue{bottom:4%}}@media(prefers-reduced-motion:reduce){.scroll-work .project-art{transition:none}}

body.journey-away #little-things,body.journey-away .object-bubble{visibility:hidden;pointer-events:none}

.scroll-work .contact-footer{position:relative;inset:auto;display:block;width:100%;margin:100px 0 0;padding:64px 0 0;border-top:1px solid #d9d0c5;z-index:auto;opacity:1!important;color:var(--ink);font-size:16px}.contact-footer h2{font-family:'P22 Mackinac',Georgia,serif;font-weight:500;font-size:clamp(36px,5.5vw,70px);line-height:1.15;color:var(--accent);margin:22px 0}.contact-note{max-width:480px;line-height:1.8;color:#796e63;margin-bottom:24px}.contact-email{display:inline-block;font-size:clamp(19px,2.5vw,28px);color:var(--accent);text-decoration:none;border-bottom:1px solid #a79584;padding-bottom:6px;transition:color .2s,border-color .2s}.contact-email:hover{color:#302b28;border-color:#302b28}.contact-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:44px}.contact-links a,.contact-links button{font:inherit;font-size:14px;color:var(--accent);background:none;border:0;padding:0;text-decoration:none}.contact-links a:hover,.contact-links button:hover{text-decoration:underline;text-underline-offset:5px}.contact-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:55px;padding-top:24px;border-top:1px solid #e5dfd6;font-size:12px;color:#817467}.contact-footer a:focus-visible,.contact-footer button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media(max-width:700px){.scroll-work .contact-footer{margin-top:64px;padding-top:42px}.contact-bottom{flex-direction:column;line-height:1.7}.contact-links{gap:20px}}

/* An understated text cue, without a pill background. */
body.scroll-journey>.scroll-cue{border:0;border-radius:0;background:transparent;box-shadow:none;color:#81796f;padding:8px 12px;font-size:10px;letter-spacing:.08em;opacity:calc(var(--journey-opacity)*.62)}
body.scroll-journey>.scroll-cue:hover{color:#493f35;opacity:var(--journey-opacity)}
body.scroll-journey>.scroll-cue:focus-visible{outline:1px solid #81796f;outline-offset:3px;opacity:1}

/* Compact site header, preserving the existing horizontal alignment. */
body.scroll-journey>header{padding:16px 4.3vw}body.scroll-journey>header #brand{padding:0!important}body.scroll-journey>header #brand small{margin-top:4px}@media(max-width:760px){body.scroll-journey>header{padding:12px 22px}}

/* Case studies are a reading page, without the studio scroll region. */
body.case-reading .scroll-work{margin-top:0}
body.case-reading #room,body.case-reading #clear-monitor,body.case-reading #world-pages,body.case-reading #studio-caption,body.case-reading>.room-nav,body.case-reading>.scroll-cue,body.case-reading #little-things,body.case-reading .object-bubble,body.case-reading #tooltip,body.case-reading>footer,body.case-reading .scroll-home{display:none!important}