/* Local sensory study: original artwork, finite movement, readable content at all times. */
.sensorial{--sensory-ease:cubic-bezier(.2,.65,.3,1)}
.sensory-tools{max-width:1240px;margin:0 auto;padding:0 24px;height:48px;display:flex;justify-content:flex-end;align-items:center}
.sensory-toggle{font:400 12px/1.5 system-ui,sans-serif;min-height:44px;border:0;background:transparent;color:var(--cl-muted);padding:8px 4px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.sensory-toggle[hidden]{display:none}
.sensory-toggle:hover{color:var(--cl-purple-deep)}
.sensory-toggle:focus-visible{outline:3px solid var(--cl-purple-deep);outline-offset:3px}
.sensorial .identity-hero{padding-top:6px;padding-bottom:0;max-width:1440px}
.sensorial .identity-hero>.eyebrow{text-align:center;margin-bottom:22px;color:var(--cl-muted)}
.sensorial .identity-scene{max-width:1160px;margin:auto}
.sensorial .identity-scene h1{top:8%;left:34%;width:33%;font-size:clamp(30px,3.5vw,50px);line-height:1.13}
.sensorial .identity-intro{max-width:1040px;margin:36px auto 0;padding:32px 20px 52px;gap:48px;border-bottom:1px solid var(--cl-border)}
.sensorial .identity-intro .lead{font:400 clamp(19px,2vw,24px)/1.6 Georgia,serif;max-width:38ch}
.sensorial .worlds{padding-block:64px 70px;max-width:1124px}
.sensorial .world-grid{gap:22px;margin-top:30px}
.sensorial .world-grid>*{padding:30px 26px;border-radius:4px;min-height:160px}
.sensorial .world-grid strong{font:400 26px/1.25 Georgia,serif}
.sensorial .world-grid small{margin-top:18px;max-width:30ch}
.sensorial .world-grid>a,.sensorial .collection-card{transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.sensorial .world-grid>a:hover,.sensorial .collection-card:hover{background:var(--cl-ivory);border-color:var(--cl-purple-deep);box-shadow:0 5px 18px #342c3812}
.sensorial .world-grid>a strong,.sensorial .collection-card h3{text-decoration-color:transparent;text-underline-offset:7px;text-decoration-thickness:1px;transition:text-decoration-color 180ms ease}
.sensorial .world-grid>a:hover strong,.sensorial .collection-card:hover h3{text-decoration-line:underline;text-decoration-color:var(--cl-purple)}
.sensorial.motion-ready:not(.motion-off) .identity-scene>img{animation:paper-arrive 1400ms var(--sensory-ease) 1 both}
.sensorial.motion-ready:not(.motion-off) .sensory-arrived{animation:margin-arrive 550ms var(--sensory-ease) 1 both}
@keyframes paper-arrive{from{transform:translateY(6px)}to{transform:translateY(0)}}
@keyframes margin-arrive{from{transform:translateY(4px)}to{transform:translateY(0)}}
.sensorial.motion-off *, .sensorial.motion-off *::before,.sensorial.motion-off *::after{animation:none!important;transition:none!important}
@media(max-width:700px){
 .sensory-tools{padding-inline:24px;height:44px}
 .sensorial .identity-hero{padding:8px 0 0}
 .sensorial .identity-hero>.eyebrow{text-align:left;margin:0 24px 20px}
 .sensorial .identity-scene h1{position:static;order:-1;width:auto;max-width:15ch;margin:0 24px 14px;font-size:clamp(34px,9vw,42px)}
 .sensorial .identity-scene>img{width:100%;height:auto}
 .sensorial .identity-intro{display:block;margin:14px 24px 0;padding:16px 0 32px}
 .sensorial .identity-intro .lead{font-size:20px;line-height:1.55;margin-bottom:24px}
 .sensorial .worlds{padding-block:40px 48px}
 .sensorial .world-grid>*{padding:24px;min-height:0}
 .sensorial .world-grid{gap:14px;margin-top:24px}
 .sensorial .world-grid strong{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.sensorial *,.sensorial *::before,.sensorial *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sensory-toggle[aria-pressed="true"]{font-weight:600;color:var(--cl-purple-deep)}
.sensory-toggle[aria-pressed="true"]::before{content:"✓ ";text-decoration:none}
.sensory-toggle:disabled{cursor:default;opacity:1}