/* Home stories share the material palette and quiet movement of the gallery. */
:root #story-dialog.story-home{width:min(1120px,94vw);height:min(730px,88dvh);max-height:88dvh;overflow:hidden;background:#1c181c;box-shadow:0 35px 110px #0005}
:root #story-dialog.story-home[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
:root #story-dialog.story-home .case-toolbar{position:relative;padding:18px 4.5%;background:transparent}
:root #story-dialog.story-home #story-body{min-width:0;min-height:0;padding:0;display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative}
:root #story-dialog.story-home #story-title.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-track{display:flex;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;cursor:grab;outline-offset:-4px;direction:ltr}
.home-track::-webkit-scrollbar{display:none}
.home-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.home-slide{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:15px;flex:0 0 100%;min-width:0;min-height:0;height:100%;padding:35px 4.5% 26px;scroll-snap-align:start;scroll-snap-stop:always;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at 80% 55%,#bd15920b,transparent 60%);box-sizing:border-box}
.home-copy{position:relative;z-index:2;min-width:0;padding:0 0 10px}
:root #story-body .home-copy .eyebrow{display:flex;align-items:center;gap:16px;font:10px/1.6 var(--exhibit-type);letter-spacing:.1em;margin:0 0 31px;color:var(--brand-muted)}
.home-copy .eyebrow i{width:34px;height:1px;background:var(--brand-rule)}
.home-copy .eyebrow>span{color:var(--brand-accent)}
.home-brand-number{white-space:nowrap}
:root #story-body .home-copy h3{font:400 clamp(25px,2.65vw,38px)/1.48 var(--exhibit-type);letter-spacing:-.035em;margin:0;color:var(--brand-copy);text-wrap:pretty}
:root #story-body .home-subtitle{position:relative;font:400 clamp(15px,1.5vw,20px)/1.65 var(--exhibit-type);margin:28px 0 0;padding:0 0 0 33px;color:var(--brand-accent)}
.home-subtitle:before{content:'';position:absolute;left:0;top:.8em;width:20px;height:2px;background:currentColor}
.home-art{position:relative;min-width:0;align-self:stretch;min-height:200px;display:grid;place-items:center;perspective:900px;pointer-events:none}
.home-art-perspective{position:relative;z-index:1;width:100%;height:100%;transform:rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}
:root #story-body .home-object{display:block;width:100%;height:100%;max-height:485px;object-fit:contain;object-position:center;filter:drop-shadow(0 25px 22px #0004);animation-play-state:paused!important;user-select:none;-webkit-user-drag:none}
.home-orbit{position:absolute;inset:18% 4%;border:1px solid var(--brand-rule);border-radius:50%;transform:rotate(-26deg) scaleY(.54);opacity:.6}
.home-orbit:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--brand-accent);left:15%;top:12%;box-shadow:0 0 14px #bd1592}
.home-art-coordinate{position:absolute;bottom:0;right:0;font:9px/1.5 var(--exhibit-type);letter-spacing:.18em;color:var(--brand-muted)}
:root #story-body .home-slide-hand .home-object{animation:home-hand-gesture 6.5s ease-in-out infinite;transform-origin:80% 90%}
:root #story-body .home-slide-rocket .home-object{animation:home-rocket-flight 5.5s ease-in-out infinite;transform-origin:50% 55%}
:root #story-body .home-slide-stars .home-object{animation:home-stars-turn 8s ease-in-out infinite;transform-origin:50% 55%}
:root #story-body .home-slide.is-active .home-object{animation-play-state:running!important}
:root #story-body .home-footer{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;min-width:0;padding:21px 4.5%;border-top:1px solid var(--brand-rule);background:#1c181c;z-index:2}
:root #story-body #home-scroll-hint{font:9px/1.8 var(--exhibit-type);letter-spacing:.03em;color:var(--brand-muted);text-align:center;margin:0}
#home-scroll-hint>span{display:block;font-size:24px;line-height:1.1;color:var(--brand-accent)}
.home-pagination{display:flex;gap:12px;align-items:center}
.home-dots{display:flex;gap:3px}
:root .home-pagination button{border:0;background:none;color:var(--brand-muted);padding:0;cursor:pointer;min-width:35px;height:42px;font:11px/1 var(--exhibit-type)}
:root .home-dots button{position:relative}
.home-dots button:after{content:'';position:absolute;bottom:3px;left:9px;right:9px;height:1px;background:var(--brand-accent);transform:scaleX(0);transition:transform .25s}
:root .home-dots button[aria-current=true]{color:var(--brand-accent)}
.home-dots button[aria-current=true]:after{transform:scaleX(1)}
:root .home-pagination .home-arrow{width:42px;min-width:42px;border:1px solid var(--brand-rule);border-radius:50%;display:grid;place-items:center;color:var(--brand-copy);transition:border-color .2s,color .2s}
.home-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.1}
.home-prev svg{transform:rotate(180deg)}
:root .home-pagination button:hover:enabled{color:var(--brand-accent);border-color:var(--brand-accent)}
:root .home-pagination button:disabled{opacity:.25;cursor:default}
:root .home-track:focus-visible,:root .home-pagination button:focus-visible{outline:1px solid var(--brand-accent);outline-offset:3px}
:root[data-theme=day] #story-dialog.story-home{background:#f4f2f4}
:root[data-theme=day] #story-body .home-footer{background:#f4f2f4}
:root[data-theme=day] .home-slide{background:radial-gradient(ellipse at 80% 55%,#bd15920e,transparent 60%)}
@keyframes home-hand-gesture{0%,100%{transform:translate3d(0,5px,0) rotate(-3deg)}50%{transform:translate3d(-7px,-9px,0) rotate(3deg)}}
@keyframes home-rocket-flight{0%,100%{transform:translate3d(6px,11px,0) rotate(2deg)}50%{transform:translate3d(-9px,-12px,0) rotate(-2deg)}}
@keyframes home-stars-turn{0%,100%{transform:translate3d(0,8px,0) rotate(-4deg) rotateY(-9deg)}50%{transform:translate3d(0,-9px,0) rotate(5deg) rotateY(12deg)}}
:root body.motion-paused #story-body .home-slide .home-object,:root body.is-background #story-body .home-slide .home-object{animation-play-state:paused!important}
:root .motion-paused .home-art-perspective{transform:none!important}
@media(max-width:850px){
 :root #story-body .home-footer{grid-template-columns:1fr auto;gap:9px 15px;padding:15px 4.5%}
 .home-pagination{grid-column:2;grid-row:1}
 :root #story-body #home-scroll-hint{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:15px}
 #home-scroll-hint>span{display:inline;font-size:21px}
 :root #story-body .home-copy h3{font-size:29px}
 .home-pagination{gap:7px}.home-dots{gap:0}
}
@media(max-width:620px){
 :root #story-dialog.story-home{height:91dvh;max-height:91dvh;width:94vw}
 :root #story-dialog.story-home .case-toolbar{padding:13px 6%}
 .home-slide{grid-template-columns:1fr;grid-template-rows:auto minmax(170px,1fr);align-items:start;gap:8px;padding:23px 6% 14px}
 .home-copy{padding:0}
 :root #story-body .home-copy .eyebrow{font-size:9px;margin-bottom:17px}
 :root #story-body .home-copy h3{font-size:clamp(21px,5.6vw,29px);line-height:1.55;letter-spacing:-.025em}
 :root #story-body .home-subtitle{font-size:14px;line-height:1.6;margin-top:18px;padding-left:29px}
 .home-art{min-height:170px;height:100%;width:86%;justify-self:center;align-self:stretch}
 :root #story-body .home-object{max-height:310px;position:absolute;inset:0}
 .home-art-coordinate{font-size:8px;right:-5%;bottom:5px}
 :root #story-body .home-footer{padding:13px 5%;gap:10px}
 .home-pagination{gap:4px}
 :root .home-pagination button{min-width:25px;height:36px;font-size:10px}
 :root .home-pagination .home-arrow{width:33px;min-width:33px;height:33px}
 .home-arrow svg{width:16px;height:16px}
 :root #story-body #home-scroll-hint{font-size:8px}
}
@media(prefers-reduced-motion:reduce){:root #story-body .home-object{animation:none!important}.home-art-perspective{transform:none!important;transition:none}.home-dots button:after{transition:none}}
