.atlas-page .experience-main{padding-top:0}
.look-carousel{margin:0;padding:18px max(var(--gutter),calc((100vw - var(--page-max))/2 + var(--gutter))) 28px;background:var(--theme-bg);color:var(--theme-fg)}
.look-carousel-heading{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:32px;margin-bottom:14px;border-bottom:1px solid var(--theme-line)}
.look-kicker{display:block;margin-bottom:6px;font:800 .65rem/1.2 system-ui;letter-spacing:.2em;color:var(--theme-muted)}
.look-carousel-heading h1{margin:0;color:var(--theme-heading);font:900 clamp(1.75rem,2.2vw,2rem)/1 var(--display);letter-spacing:-.035em}
.look-carousel-heading p{display:flex;gap:18px;margin:0;color:var(--theme-muted);font:800 .68rem/1.2 system-ui;letter-spacing:.14em;text-align:right}
.look-carousel-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(210px,16vw,235px) clamp(88px,7vw,104px);grid-template-rows:minmax(0,1fr);height:clamp(600px,44.5vw,640px);min-height:0;overflow:hidden;overflow-anchor:none;border:0;background:var(--theme-bg);isolation:isolate;outline-offset:8px}
.look-hero{position:relative;grid-column:1;min-width:0;height:100%;margin:0;overflow:hidden;background:var(--theme-bg);isolation:isolate}
.look-poster-plane{position:absolute;pointer-events:none}
.look-poster-plane-yellow{z-index:0;inset:0 -4% 0 36%;background:var(--yellow);clip-path:polygon(24% 0,100% 0,76% 100%,0 100%)}
.look-poster-plane-ink{z-index:1;top:0;right:-1px;width:20%;height:29%;background:var(--theme-heading);clip-path:polygon(42% 0,100% 0,100% 100%,0 78%)}
.look-poster-plane-cut{z-index:1;right:6%;bottom:0;width:28%;height:18%;background:var(--theme-bg);clip-path:polygon(26% 0,100% 28%,100% 100%,0 100%)}
.look-poster-word{position:absolute;z-index:2;left:-.04em;top:12%;display:block;color:var(--theme-heading);font:950 clamp(13rem,19vw,17.5rem)/.76 'Arial Black',system-ui,sans-serif;letter-spacing:-.085em;white-space:nowrap;pointer-events:none;user-select:none}
.look-hero-image{position:absolute;z-index:3;left:0;top:0;display:block;width:100%;max-width:none;height:100%;object-fit:contain;object-position:50% 50%;filter:drop-shadow(0 0 8px rgb(247 198 0 / 44%)) drop-shadow(0 14px 18px rgb(17 19 15 / 18%));transform:none;opacity:1;transition:opacity 180ms ease,filter 460ms ease;will-change:opacity}
.look-hero-image.is-changing{opacity:.12}
.look-hero-image.is-active{opacity:1}
.look-poster-info{position:relative;z-index:4;grid-column:2;display:flex;flex-direction:column;justify-content:space-between;min-width:0;height:100%;padding:34px 24px 30px;border-inline-start:1px solid var(--theme-line);background:var(--theme-bg);color:var(--theme-fg)}
.look-info-label{display:block;color:var(--theme-muted);font:800 .62rem/1.2 system-ui;letter-spacing:.17em;text-transform:uppercase}
.look-poster-sequence,.look-poster-copy,.look-poster-guide{padding-bottom:24px;border-bottom:1px solid var(--theme-line)}
.look-poster-guide{padding-bottom:0;border-bottom:0}
.look-current{display:flex;align-items:baseline;gap:5px;margin-top:12px;color:var(--theme-heading);font-family:var(--display);white-space:nowrap}
.look-current span:first-child{font-size:clamp(3.3rem,4.8vw,4.5rem);font-weight:950;line-height:.9;letter-spacing:-.07em}
.look-current span:last-child,.look-current i{color:var(--theme-muted);font:800 1rem/1 system-ui;font-style:normal;letter-spacing:0}
.look-poster-copy h2{margin:14px 0 12px;color:var(--theme-heading);font:900 clamp(1.35rem,1.8vw,1.6rem)/1.08 var(--display);letter-spacing:-.04em}
.look-poster-copy p,.look-poster-guide p{margin:0;color:var(--theme-muted);font-size:.84rem;line-height:1.65}
.look-poster-guide p{margin-top:12px}
.look-rail-shell{position:relative;z-index:5;grid-column:3;display:grid;grid-template-rows:48px minmax(0,1fr) 48px;min-width:0;height:100%;border-inline-start:1px solid var(--theme-line);background:var(--theme-bg)}
.look-rail-step{display:grid;place-items:center;width:100%;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--theme-muted);font:800 .6rem/1 system-ui;letter-spacing:.12em;cursor:pointer;transition:color 160ms ease,background-color 160ms ease}
.look-rail-step:hover,.look-rail-step:focus-visible{background:color-mix(in srgb,var(--yellow) 15%,transparent);color:var(--theme-heading)}
.look-rail-step:disabled{opacity:.38;cursor:default}
.look-thumb-rail{position:relative;display:flex;flex-direction:column;gap:7px;min-height:0;overflow-x:hidden;overflow-y:auto;overflow-anchor:none;padding-block:var(--rail-pad,0px);scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-block:16px;touch-action:pan-y;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:var(--yellow) transparent;mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}
.look-thumb-rail::-webkit-scrollbar{width:4px}
.look-thumb-rail::-webkit-scrollbar-track{background:transparent}
.look-thumb-rail::-webkit-scrollbar-thumb{background:var(--yellow)}
.look-thumb{position:relative;flex:0 0 clamp(88px,7.6vw,102px);display:block;width:100%;min-width:44px;min-height:44px;padding:0;overflow:hidden;border:0;border-inline-start:4px solid transparent;background:transparent;color:inherit;opacity:.78;scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer;transition:opacity 220ms ease,transform 320ms cubic-bezier(.2,.8,.2,1),border-color 220ms ease,background-color 220ms ease}
.look-thumb:hover{opacity:.94}
.look-thumb:focus-visible{opacity:1;outline:2px solid var(--theme-heading);outline-offset:-3px}
.look-thumb[aria-selected=true]{border-inline-start-color:var(--yellow);background:color-mix(in srgb,var(--yellow) 12%,transparent);opacity:1;transform:translateX(-2px)}
.look-thumb img{position:absolute;left:50%;top:50%;display:block;width:auto;max-width:none;height:108%;object-fit:contain;filter:drop-shadow(0 5px 8px rgb(17 19 15 / 18%));transform:translate(-50%,-50%);pointer-events:none}
.look-carousel-note{margin:0;padding-top:13px;color:var(--theme-muted);font-size:.74rem;line-height:1.55}
.atlas-page .atlas-works{margin-top:50px}
:root[data-theme] .look-carousel,:root[data-theme] .look-carousel-stage,:root[data-theme] .look-hero,:root[data-theme] .look-poster-info,:root[data-theme] .look-rail-shell{background:var(--theme-bg)}
:root[data-theme=dark] .look-poster-plane-ink{background:#fff}
:root[data-theme=dark] .look-poster-plane-cut{background:#11130f}
:root[data-theme=dark] .look-poster-word{color:var(--yellow)}
:root[data-theme=dark] .look-hero-image{filter:drop-shadow(0 0 9px rgb(247 198 0 / 52%)) drop-shadow(0 16px 22px rgb(0 0 0 / 36%))}
:root[lang=zh-CN] .look-carousel-heading h1,:root[lang=zh-CN] .look-poster-copy h2{font-family:system-ui,'Microsoft YaHei',sans-serif;line-height:var(--display-leading-cjk);letter-spacing:var(--display-tracking-cjk);word-break:normal;overflow-wrap:break-word}
@media(max-width:900px){
  .look-carousel-stage{grid-template-columns:minmax(0,1fr) 210px 88px;height:clamp(540px,70vw,620px)}
  .look-poster-info{padding:28px 18px 24px}
  .look-poster-word{font-size:clamp(9.5rem,25vw,13rem);top:16%}
  .look-current span:first-child{font-size:3.15rem}
}
@media(max-width:600px){
  .look-carousel{padding:14px 20px 22px}
  .look-carousel-heading{min-height:64px;gap:14px;margin-bottom:12px}
  .look-kicker{margin-bottom:4px;font-size:.55rem;letter-spacing:.16em}
  .look-carousel-heading h1{font-size:1.55rem}
  .look-carousel-heading p{flex-direction:column;gap:3px;font-size:.56rem;letter-spacing:.11em}
  .look-carousel-stage{grid-template-columns:minmax(0,1fr) clamp(56px,17vw,64px);grid-template-rows:clamp(430px,112vw,460px) auto;width:100%;height:auto;margin:0}
  .look-hero{grid-column:1;grid-row:1}
  .look-poster-plane-yellow{inset:0 -8% 0 34%;clip-path:polygon(24% 0,100% 0,76% 100%,0 100%)}
  .look-poster-plane-ink{width:24%;height:24%}
  .look-poster-plane-cut{right:4%;width:34%;height:15%}
  .look-poster-word{left:-.035em;top:0;font-family:var(--display);font-size:clamp(7rem,31vw,8.25rem);line-height:.78;letter-spacing:-.095em}
  .look-poster-info{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);grid-template-rows:auto auto;height:auto;padding:17px 4px 8px;border-inline-start:0;border-top:1px solid var(--theme-line);gap:13px 20px}
  .look-poster-sequence{grid-column:1;grid-row:1/3;padding:0 14px 0 0;border-bottom:0;border-inline-end:1px solid var(--theme-line)}
  .look-poster-copy{grid-column:2;grid-row:1;padding:0 0 12px;border-bottom:1px solid var(--theme-line)}
  .look-poster-guide{grid-column:2;grid-row:2;padding:0;border:0}
  .look-current{margin-top:9px}
  .look-current span:first-child{font-size:2.8rem}
  .look-poster-copy h2{margin:8px 0 6px;font-size:1.15rem;line-height:1.12}
  .look-poster-copy p,.look-poster-guide p{font-size:.72rem;line-height:1.55}
  .look-poster-guide p{margin-top:7px}
  .look-rail-shell{grid-column:2;grid-row:1;grid-template-rows:44px minmax(0,1fr) 44px}
  .look-thumb-rail{gap:4px;mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}
  .look-thumb{flex-basis:82px}
  .look-carousel-note{padding-top:10px;font-size:.69rem}
}
@media(max-width:360px){
  .look-carousel{padding-inline:16px}
  .look-carousel-heading h1{font-size:1.38rem}
  .look-carousel-stage{grid-template-columns:minmax(0,1fr) 56px;grid-template-rows:430px auto}
  .look-poster-word{font-size:7rem;top:0}
  .look-poster-info{gap:12px 14px}
  .look-current span:first-child{font-size:2.45rem}
  .look-poster-copy p{display:none}
  .look-thumb{flex-basis:80px}
}
@media(prefers-reduced-motion:reduce){
  .look-thumb-rail{scroll-behavior:auto}
  .look-hero-image,.look-thumb,.look-rail-step{transition:none}
}