/* Premium editorial treatment for the approved Home and Explore compositions. */
.poster-hero{grid-template-columns:minmax(0,39%) minmax(0,61%);min-height:calc(100svh - 72px);background:var(--theme-bg);padding:clamp(20px,2vw,32px);gap:clamp(20px,2vw,32px)}
.poster-copy{min-width:0;padding:clamp(32px,4vw,64px) clamp(24px,3.6vw,58px);border:0;border-radius:0;background:var(--theme-bg);box-shadow:none}
.poster-logo{font-size:clamp(62px,6.4vw,96px);letter-spacing:-.085em}
.poster-message{max-width:560px}
.poster-hero h1{font-size:clamp(3.6rem,5.4vw,5.7rem);line-height:var(--display-leading);letter-spacing:var(--display-tracking);margin-bottom:clamp(24px,3vw,42px);text-wrap:balance}
.poster-deck{max-width:46ch;font-size:var(--type-lead);line-height:1.55}
.poster-stage{min-width:0;min-height:0;height:auto;align-self:center;aspect-ratio:1102/941;overflow:hidden;border:1px solid rgb(17 19 15 / 20%);border-radius:var(--radius-md);box-shadow:0 22px 58px rgb(74 58 0 / 16%)}
.poster-note{max-width:36ch;font-size:.72rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.hero-links{gap:14px}

[data-ui-heading].ui-heading-ready{transition:opacity var(--motion-slow) var(--ease-premium),filter var(--motion-slow) var(--ease-premium),transform var(--motion-slow) var(--ease-premium)}
.ui-motion-ready [data-ui-heading].ui-heading-ready:not(.is-visible){opacity:0;filter:blur(12px);transform:translateY(18px)}
.ui-motion-ready [data-ui-heading].ui-heading-ready.is-visible{opacity:1;filter:blur(0);transform:none}

.home-path{width:min(calc(100% - 2 * var(--gutter)),var(--page-max));margin-inline:auto;padding-block:var(--space-section);gap:clamp(48px,7vw,112px);border:0}
.home-path-copy{position:sticky;top:100px;align-self:start}
.home-path-copy h2,.showcase-heading h2{font-size:var(--type-heading);line-height:var(--display-leading);letter-spacing:var(--display-tracking)}
.home-path-copy>p,.showcase-heading>p{max-width:44ch;font-size:var(--type-lead);line-height:1.6}
.home-path-stops{gap:0;border-top:1px solid var(--ui-line)}
.home-path-stops>li{padding:clamp(28px,3vw,46px) 0;border-bottom:1px solid var(--ui-line);border-left:0;border-right:0;border-top:0}
.path-symbol{border-radius:var(--radius-md)}
.path-state{border-width:1px;border-radius:999px;padding:6px 9px}

.showcase-section{padding:var(--space-section) max(var(--gutter),calc((100vw - var(--page-max))/2 + var(--gutter)));background:var(--theme-bg);color:var(--theme-fg)}
.showcase-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);align-items:end;gap:clamp(36px,6vw,92px);margin-bottom:clamp(38px,5vw,76px);padding-bottom:clamp(28px,3vw,44px);border-bottom:1px solid var(--ui-line)}
.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,20px);perspective:1200px}
.showcase-grid .art-frame{--ui-tilt-x:0deg;--ui-tilt-y:0deg;--ui-glare-x:50%;--ui-glare-y:50%;position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;border:0;border-radius:var(--radius-md);background:var(--theme-surface);box-shadow:0 14px 38px rgb(17 19 15 / 10%);transform:rotateX(var(--ui-tilt-x)) rotateY(var(--ui-tilt-y)) translateZ(0);transform-style:preserve-3d;transition:transform var(--motion-base) var(--ease-premium),box-shadow var(--motion-base) var(--ease-premium)}
.showcase-grid .art-frame::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at var(--ui-glare-x) var(--ui-glare-y),rgb(255 255 255 / 24%),transparent 38%);opacity:0;mix-blend-mode:soft-light;transition:opacity var(--motion-base)}
.showcase-grid .art-frame:hover{box-shadow:0 22px 54px rgb(17 19 15 / 16%)}
.showcase-grid .art-frame:hover::after{opacity:1}
.showcase-grid .art-frame img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease-premium)}
.showcase-grid .art-frame:hover img{transform:scale(1.025)}

.atlas-page .experience-main{padding-inline:0}
.atlas-works-kicker{font-size:.68rem;letter-spacing:.2em}

.atlas-page .atlas-works{width:min(calc(100% - 2 * var(--gutter)),var(--page-max));margin:0 auto;padding-block:var(--space-section)}
.atlas-works-head{gap:clamp(42px,8vw,130px);padding-bottom:clamp(28px,3vw,44px);border-bottom:1px solid var(--ui-line)}
.atlas-page .atlas-works-head h2{font-size:var(--type-heading);line-height:var(--display-leading);letter-spacing:var(--display-tracking)}
.atlas-sample-grid{gap:clamp(10px,1.2vw,20px)}
.atlas-sample-grid figure{overflow:hidden;border:0;border-radius:var(--radius-md);box-shadow:0 16px 38px rgb(17 19 15 / 10%)}
.atlas-sample-grid figcaption{padding:10px 12px;border:0;font-size:.68rem;letter-spacing:.12em}
.public-gallery{border-radius:var(--radius-lg)}
.atlas-gallery-empty{border-radius:var(--radius-md)}

.collection-invite h2{line-height:var(--display-leading);letter-spacing:var(--display-tracking);text-wrap:balance}

:root[lang=zh-CN][data-theme] :is(.poster-hero h1,.home-path-copy h2,.showcase-heading h2,.look-carousel-heading h1,.atlas-works-head h2,.collection-invite h2){line-height:var(--display-leading-cjk);letter-spacing:var(--display-tracking-cjk);word-break:normal;overflow-wrap:break-word}

@media(max-width:1000px){
  .poster-hero{min-height:calc(100svh - 112px);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
  .showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-path-copy{position:static}
}

@media(max-width:900px){
  .poster-hero{grid-template-columns:1fr;min-height:auto}
  .poster-stage{order:-1;width:100%;min-height:0;height:auto;align-self:auto;aspect-ratio:1102/941}
  .poster-copy{padding-block:clamp(34px,7vw,58px)}
}

@media(max-width:750px){
  .poster-hero{min-height:auto;padding:12px;gap:0}
  .poster-copy{padding:36px 12px 30px}
  .poster-stage{border-radius:var(--radius-md)}
  .poster-hero h1{font-size:clamp(3.2rem,15.5vw,4.5rem)}
  .home-path{width:calc(100% - 2 * var(--gutter));gap:42px}
  .showcase-heading,.atlas-works-head{grid-template-columns:1fr;gap:20px}
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}

@media(prefers-reduced-motion:reduce){
  [data-ui-heading].ui-heading-ready,.ui-motion-ready [data-ui-heading].ui-heading-ready{opacity:1;filter:none;transform:none}
  .showcase-grid .art-frame,.showcase-grid .art-frame:hover,.showcase-grid .art-frame img,.showcase-grid .art-frame:hover img{transform:none}
  .showcase-grid .art-frame::after{display:none}
}