/* Film, type and garment detail inhabit the same light architectural frame. */
.ltx-scene{position:absolute;z-index:5;inset:0;visibility:hidden;pointer-events:none;color:#1b2226;--detail-p:0}
.ltx-scene.is-present{visibility:visible}.ltx-scene[data-active=true]{pointer-events:auto}
.film-phase-anchor{position:absolute;inset:0 auto auto 0;scroll-margin-top:100px}
.ltx-frame{position:absolute;top:114px;bottom:225px;left:0;right:0;overflow:hidden;background:#efeee9;isolation:isolate;clip-path:inset(0 calc((1 - var(--handoff-p))*50%));transform:translate3d(calc(var(--editorial-p)*11vw),0,0) scale(calc(1 - var(--editorial-p)*.09));transform-origin:50% 50%}
.label-journey-film,.label-film-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%}
.label-journey-film{opacity:0}.has-film-frame .label-journey-film{opacity:1}.has-film-frame .label-film-poster{visibility:hidden}
.label-film-background,.label-film-subject{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}
.label-film-background{z-index:1}.label-film-subject{z-index:3}
.is-packed-film .label-journey-film{opacity:0!important}
.is-packed-film.has-film-frame .label-film-background,.has-film-frame.has-depth-frame .label-film-subject{opacity:1}
.look-signature{position:absolute;z-index:2;inset:0;pointer-events:none;color:#20262a;visibility:hidden}
.look-signature strong,.look-signature [data-look-category]{position:absolute;left:50%;display:block;width:max-content;font-family:Archivo,Switzer,sans-serif;font-size:clamp(65px,11.5vw,190px);font-weight:500;line-height:1;letter-spacing:-.045em;white-space:nowrap}
.look-signature [data-look-category]{top:12%;transform:translateX(-50%)}
.look-signature strong{top:52%;transform:translate3d(calc(-50% + var(--look-pan,0vw)),0,0)}
.has-depth-frame.has-film-frame .ltx-copy{width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.film-frame-line{position:absolute;inset:18px;border:1px solid #b9bdb3;opacity:calc(var(--editorial-p)*.7);pointer-events:none}
.ltx-copy{position:absolute;left:var(--gutter);top:142px;max-width:37%;opacity:calc(var(--handoff-p) * clamp(0,calc(1 - var(--editorial-p) * 2.5),1));transform:translate3d(0,calc((1 - var(--handoff-p))*20px - var(--editorial-p)*28px),0);pointer-events:none}
.ltx-copy h2{font-family:Archivo,Switzer,sans-serif;font-size:clamp(34px,4.4vw,72px);font-weight:500;line-height:1.01;letter-spacing:-.04em}
.ltx-direction-rail{position:absolute;z-index:4;left:var(--gutter);right:var(--gutter);bottom:86px;opacity:var(--handoff-p);transform:translateY(calc((1 - var(--handoff-p))*20px));}
.ltx-controller{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-block:1px solid var(--line)}
.ltx-controller button{display:flex;align-items:center;gap:12px;background:transparent;min-height:48px;padding:10px 0;text-align:left;font-size:15px;line-height:1.3}
.ltx-controller button>span{font-size:11px;font-variant-numeric:tabular-nums;color:#52605b}
.ltx-controller button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.ltx-controller button:hover{color:#1e4292}
.ltx-controller button:focus-visible,.film-rail-controls button:focus-visible,.film-rail-controls a:focus-visible,.film-detail-tabs button:focus-visible{outline:2px solid #164e70;outline-offset:4px}
.film-rail-reading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:12px}
.ltx-description{font-size:13px;line-height:1.5;color:#4c5651;min-height:20px;max-width:65ch}
.film-chapter-count{font-size:12px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
.film-rail-controls{display:flex;align-items:center;gap:30px;margin-top:4px}
.film-rail-controls button,.film-rail-controls a{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:12px;line-height:1.4;background:transparent;color:#1b2226;text-decoration:underline;text-underline-offset:4px}
.film-rail-controls svg{width:15px;height:15px}.film-rail-controls a{margin-left:auto}.film-rail-controls button:disabled{opacity:.5;cursor:default}
.ltx-loading{font-size:12px;line-height:1.5;max-width:75ch;padding:8px 0;color:#4c5651}
.ltx-notice{display:flex;gap:18px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ltx-notice p{font-size:12px;line-height:1.5;max-width:65ch}.ltx-retry{font-size:12px;min-height:44px;flex-shrink:0;background:transparent;text-decoration:underline;text-underline-offset:4px}
.ltx-loading[hidden],.ltx-notice[hidden]{display:none}
.film-editorial{position:absolute;inset:118px var(--gutter) 245px;opacity:clamp(0,calc(var(--editorial-p) * 2 - 1),1);pointer-events:none;transform:translateY(calc((1 - var(--editorial-p))*26px))}
.film-editorial h3{position:absolute;left:0;top:10%;font-family:Archivo,Switzer,sans-serif;font-size:clamp(68px,8.1vw,130px);font-weight:600;letter-spacing:-.04em;line-height:.94;pointer-events:none}
.film-editorial h3>span{display:block}.film-editorial h3>span:nth-child(2){transform:translateX(calc(var(--editorial-p)*14px))}.film-editorial h3>span:last-child{transform:translateX(calc(var(--editorial-p)*28px));color:transparent;-webkit-text-stroke:1.4px #1b2226}
.film-detail{position:absolute;z-index:6;right:var(--gutter);bottom:233px;visibility:hidden;opacity:0;width:clamp(220px,19vw,285px);padding:14px;background:var(--paper);pointer-events:none}
.ltx-scene[data-detail-active=true] .film-detail{visibility:visible;opacity:1;pointer-events:auto}
.film-detail-lens{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;background:#e6e4dc;display:none}
.has-detail-frame .film-detail-lens{display:block}
.ltx-scene[data-detail="fit"] .film-detail-lens{object-fit:contain}
.film-detail-lens-note{display:none;font-size:11px;line-height:1.5;color:#4c5651;margin-top:6px}
.has-detail-frame .film-detail-lens-note{display:block}
.film-detail h4{font-size:22px;line-height:1.1;letter-spacing:-.02em;margin-top:12px;margin-bottom:9px}
.film-detail>p[data-film-detail-copy]{font-size:12px;line-height:1.5;color:#4c5651}
.film-detail-tabs{display:flex;gap:21px;border-top:1px solid var(--line);margin-top:14px}
.film-detail-tabs button{background:transparent;min-height:44px;font-size:12px;padding:8px 0}
.film-detail-tabs button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
.film-reduced-chapters{display:none}
@media(min-width:1900px){.ltx-frame{top:132px;bottom:260px}.ltx-direction-rail{bottom:100px}.ltx-controller button{font-size:18px;min-height:58px}.ltx-description{font-size:16px}.film-rail-controls button,.film-rail-controls a{font-size:15px}.film-editorial{inset:145px var(--gutter) 275px}.film-detail-lens{height:auto}.film-detail{bottom:263px}}
@media(max-width:1100px) and (min-width:701px){.ltx-copy{top:155px;max-width:35%}.ltx-copy h2{font-size:42px}.ltx-frame{bottom:245px}.film-editorial{bottom:270px}.film-detail{bottom:258px;width:225px;padding:13px}.film-detail-lens{height:auto}.film-detail h4{font-size:22px}.film-detail>p[data-film-detail-copy]{font-size:12px}.film-editorial h3{font-size:9vw}.ltx-direction-rail{bottom:88px}.ltx-description{max-width:58ch}.ltx-controller{gap:18px}.ltx-controller button{font-size:14px;gap:8px}}
@media(max-width:700px){
  .ltx-frame{top:134px;bottom:284px;left:0;right:0;transform:translate3d(calc(var(--editorial-p)*7vw),calc(var(--editorial-p)*-12px),0) scale(calc(1 - var(--editorial-p)*.08))}
  .label-journey-film,.label-film-poster{object-fit:contain}
  .ltx-copy{top:102px;left:24px;right:24px;max-width:none;display:flex;gap:14px;justify-content:space-between;align-items:start}
    .ltx-copy h2{font-size:25px;line-height:1;max-width:14ch;text-align:left}
  .look-signature strong,.look-signature [data-look-category]{font-size:clamp(45px,16.5vw,75px)}.look-signature [data-look-category]{top:20%}.look-signature strong{top:53%}
  .ltx-direction-rail{left:24px;right:24px;bottom:72px}
  .ltx-controller{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}
  .ltx-controller button{min-height:42px;font-size:13px;padding:8px 0;gap:8px;border-bottom:1px solid var(--line)}
  .ltx-controller button>span{font-size:11px}
  .film-rail-reading{padding-top:9px;gap:10px}.ltx-description{font-size:11px;line-height:1.45;max-width:39ch;min-height:32px}.film-chapter-count{font-size:11px}
  .film-rail-controls{gap:18px;margin-top:2px;flex-wrap:wrap}.film-rail-controls button,.film-rail-controls a{font-size:11px;min-height:36px;gap:6px}.film-rail-controls svg{width:13px;height:13px}.film-rail-controls a{margin-left:0}
  .ltx-loading{font-size:11px;padding:5px 0;line-height:1.4}.ltx-notice{gap:12px;padding:12px 0}.ltx-notice p{font-size:11px;line-height:1.4}.ltx-retry{font-size:11px;min-height:40px}
  .film-editorial{inset:102px 24px 295px}.film-editorial h3{top:4px;font-size:13vw;line-height:.93}.film-editorial h3>span:nth-child(2){transform:translateX(calc(var(--editorial-p)*6px))}.film-editorial h3>span:last-child{transform:translateX(calc(var(--editorial-p)*12px));-webkit-text-stroke:1px #1b2226}
  .film-detail{bottom:295px;right:24px;width:calc((100% - 48px)*.43);min-width:140px;padding:10px}.film-detail-lens{height:auto}.film-detail-lens-note{font-size:11px;line-height:1.3}.film-detail h4{font-size:17px;margin:7px 0}.film-detail>p[data-film-detail-copy]{font-size:11px;line-height:1.4}.film-detail-tabs{gap:12px;flex-wrap:wrap;margin-top:8px}.film-detail-tabs button{font-size:11px;min-height:32px;padding:5px 0}
  .film-frame-line{inset:12px}
}
@media(max-width:700px) and (max-height:740px){
  .ltx-frame{top:132px;bottom:277px}.ltx-copy{top:97px}.ltx-copy h2{font-size:23px}.look-signature strong,.look-signature [data-look-category]{font-size:clamp(40px,15.5vw,65px)}
  .film-editorial{top:100px;bottom:278px}.film-editorial h3{font-size:11vw}.film-detail{bottom:278px;width:calc((100% - 48px)*.48);padding:9px}.film-detail-lens{height:auto}.film-detail-lens-note{display:none!important}.film-detail h4{font-size:16px}.film-detail>p[data-film-detail-copy]{font-size:11px}.film-detail-tabs{gap:9px}.film-detail-tabs button{min-height:30px}
  .ltx-direction-rail{bottom:68px}.ltx-controller button{min-height:37px;padding:6px 0;font-size:12px}.film-rail-reading{padding-top:7px}.film-rail-controls{gap:15px}.film-rail-controls button,.film-rail-controls a{min-height:32px}.ltx-description{min-height:31px}
}
@media(max-width:355px){.film-rail-controls{gap:12px}.film-rail-controls a{flex-basis:100%;min-height:26px}.ltx-direction-rail{bottom:68px}.ltx-controller{gap:9px}.ltx-controller button{font-size:12px}.film-detail>p[data-film-detail-copy]{font-size:11px}.film-detail-lens{height:auto;aspect-ratio:2/1}.film-detail{bottom:294px;width:calc((100% - 48px)*.45)}.film-detail h4{font-size:15px}.film-detail-tabs{gap:8px;flex-wrap:nowrap}.film-editorial{bottom:294px}.ltx-frame{bottom:295px}.ltx-copy h2{font-size:21px}}
@media(max-height:520px) and (orientation:landscape){
  .ltx-frame{top:90px;bottom:140px}.ltx-copy{top:104px;max-width:32%}.ltx-copy h2{font-size:31px}.look-signature strong,.look-signature [data-look-category]{font-size:clamp(42px,9vw,90px)}
  .ltx-direction-rail{bottom:45px;left:26%;right:24px}.ltx-controller{gap:14px;display:flex}.ltx-controller button{flex:1;font-size:11px;min-height:32px;padding:5px 0;gap:6px}.ltx-controller button>span{display:none}.film-rail-reading{padding-top:6px}.ltx-description{font-size:11px;min-height:0;max-width:58ch}.film-chapter-count{font-size:11px}.film-rail-controls{gap:20px;margin-top:1px}.film-rail-controls button,.film-rail-controls a{font-size:11px;min-height:28px}.ltx-loading{font-size:11px;padding:2px 0}.ltx-notice{padding:12px 0}.ltx-notice p,.ltx-retry{font-size:11px;line-height:1.3}.ltx-retry{min-height:28px}
  .film-editorial{inset:95px 24px 145px}.film-editorial h3{top:0;font-size:8vw}.film-detail{width:calc((100% - 48px)*.28);padding:10px;bottom:145px;right:24px}.film-detail-lens,.film-detail-lens-note{display:none!important}.film-detail h4{font-size:17px;margin:0 0 5px}.film-detail>p[data-film-detail-copy]{font-size:11px;line-height:1.35}.film-detail-tabs{margin-top:5px;gap:16px}.film-detail-tabs button{min-height:27px;font-size:11px;padding:4px 0}
}
@media(prefers-reduced-motion:reduce){
  .ltx-scene{position:relative;inset:auto;visibility:visible;pointer-events:auto;margin:calc(100svh - 112px) calc(var(--gutter)*-1) 0;padding:40px var(--gutter);background:var(--paper);display:grid;gap:28px;scroll-margin-top:90px}
  .ltx-frame{position:relative;inset:auto;transform:none;clip-path:none;height:auto;aspect-ratio:16/9;grid-row:2;width:100%;overflow:hidden}
  .ltx-copy{position:static;max-width:none;opacity:1;transform:none;grid-row:1;display:block;pointer-events:auto}.ltx-copy h2{font-size:clamp(38px,6vw,74px);max-width:none;text-align:left}
  .look-signature strong{transform:translateX(-50%)}
  .ltx-direction-rail{position:static;opacity:1;transform:none;grid-row:3}.film-rail-controls button,.film-rail-controls a{font-size:13px;min-height:44px}.ltx-description{font-size:14px;line-height:1.6;min-height:0;max-width:65ch}.ltx-controller button{font-size:14px;min-height:48px}.film-chapter-count{font-size:12px}
  .film-editorial{position:static;opacity:1;transform:none;grid-row:4;display:block}.film-editorial h3{position:static;font-size:clamp(60px,9vw,120px)}.film-editorial h3>span,.film-editorial h3>span:nth-child(2),.film-editorial h3>span:last-child{transform:none}.film-detail{position:static;grid-row:5;width:auto;padding:24px}.film-detail h4{font-size:25px}.film-detail>p[data-film-detail-copy]{font-size:15px}.film-detail-tabs button{font-size:13px;min-height:44px}.film-detail-lens{height:150px}.film-detail-lens-note{font-size:11px}
  .film-reduced-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px;grid-row:6}.film-reduced-chapters article{display:grid;gap:22px;align-content:start}.film-reduced-chapters img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#e9e7e1}.film-reduced-chapters article p{font-size:15px;line-height:1.6;max-width:45ch;color:#4c5651}.film-reduced-chapters article h3{font-family:Archivo,Switzer,sans-serif;font-size:32px;line-height:1.05;letter-spacing:-.03em;margin:15px 0}.film-frame-line{opacity:0}
}
@media(prefers-reduced-motion:reduce) and (max-width:700px){
  .ltx-scene{margin-top:calc(100svh - 104px);padding:32px 24px;gap:24px}.ltx-frame{aspect-ratio:3/4}.ltx-copy h2{font-size:40px}.film-editorial{display:block}.film-editorial h3{font-size:18vw;max-width:6ch;margin-bottom:28px}.film-detail{padding:20px}.film-detail h4{font-size:26px}.film-detail>p[data-film-detail-copy]{font-size:15px;line-height:1.6}.film-detail-tabs{gap:24px}.film-detail-tabs button{font-size:14px;min-height:44px}.film-reduced-chapters{grid-template-columns:1fr;gap:40px}.film-reduced-chapters article h3{font-size:33px}.film-rail-controls{gap:18px}.film-rail-controls button,.film-rail-controls a{font-size:12px;min-height:44px}.film-rail-controls a{flex-basis:auto}.film-detail-lens{height:170px}.has-detail-frame .film-detail-lens,.has-detail-frame .film-detail-lens-note{display:block!important}.ltx-loading,.ltx-notice p,.ltx-retry{font-size:12px;line-height:1.5}
}

/* Typography enters the scene only when the same-frame subject matte is ready. */
.horizon-hero .ltx-scene:not(.has-depth-frame) .look-signature,
.horizon-hero.is-scene-open .ltx-scene:not(.has-depth-frame) .look-signature,
.horizon-hero .ltx-scene:not(.has-film-frame) .look-signature{visibility:hidden;opacity:0}
.horizon-hero .ltx-scene.has-depth-frame.has-film-frame .look-signature{visibility:visible;opacity:1}

.horizon-hero.is-editorial .ltx-scene.has-depth-frame.has-film-frame .look-signature{visibility:hidden;opacity:0}
@media(prefers-reduced-motion:no-preference){
  .horizon-hero:not(.is-scene-open) .ltx-scene.has-depth-frame.has-film-frame .look-signature{visibility:hidden;opacity:0}
}

/* Portrait phones keep the frame centered: the detail card it used to make room for is hidden (below). */
@media(max-width:700px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){
  .ltx-frame{transform:translate3d(0,calc(var(--editorial-p)*-12px),0) scale(calc(1 - var(--editorial-p)*.08))}
  .film-editorial h3{display:flex;gap:8px;top:4px;font-size:28px;line-height:1.1;white-space:nowrap;max-width:none}
  .film-editorial h3>span,.film-editorial h3>span:nth-child(2),.film-editorial h3>span:last-child{transform:none}
}
@media(max-width:355px) and (max-height:740px) and (prefers-reduced-motion:no-preference){
  .film-editorial h3{display:flex;gap:6px;top:4px;font-size:20px;line-height:1.1;white-space:nowrap;max-width:none}
  .film-detail{bottom:294px}
  .film-detail h4{font-size:13px;line-height:1.15;margin:6px 0;white-space:normal}
  .film-detail>p[data-film-detail-copy]{display:none}
  .film-editorial h3>span,.film-editorial h3>span:nth-child(2),.film-editorial h3>span:last-child{transform:none}
}

/* Audit 2026-10-28: phones skip the floating detail card; it covered the look titles, and the rail description stays. */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.ltx-scene .film-detail,.ltx-scene[data-detail-active=true] .film-detail{display:none}}