/* Every scene uses the same document scroll. No timer advances the story. */
.lookbook.store-journal{position:relative;z-index:6}
.journal-editorial{padding:0;background:#f7f7f7}
.product-scene{position:relative;padding:48px var(--gutter);display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:90svh;overflow:clip}
.product-direction{position:relative;z-index:2;padding-left:4vw}
.product-direction>p,.motion-title>p{font-size:12px;font-weight:500;letter-spacing:.01em;margin:0 0 32px}
.product-color-titles{position:relative;height:1.05em;font:700 clamp(100px,15vw,260px)/1.05 Coign,Impact,sans-serif;text-transform:uppercase;overflow:hidden;letter-spacing:0}
.product-color-titles>span{display:block;position:absolute;inset:0;will-change:transform}
.product-color-titles>span:nth-child(2){color:#0038ff}
.product-color-titles>span:nth-child(3){color:#a94370}
.product-swatches{display:flex;gap:22px;margin-top:42px;flex-wrap:wrap}
.product-swatches button{display:flex;align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid transparent;padding:10px 0;color:#6b6b70;font:400 12px/1.3 EditorialInter,sans-serif;min-height:44px;cursor:pointer}
.product-swatches button[aria-pressed=true]{border-color:currentColor;color:#101115}
.product-swatches i{width:10px;height:10px;border-radius:100%;background:#15161a;box-shadow:inset 0 0 0 1px #0001}
.product-swatches button:nth-child(2) i{background:#0038ff}.product-swatches button:nth-child(3) i{background:#e4acc3}
.product-direction .product-status{margin-top:64px;margin-bottom:0;color:#6b6b70;font-size:11px}
.product-grid{position:relative;display:grid;grid-template-columns:1fr;width:min(100%,64svh);height:80svh;justify-self:center;overflow:hidden;background:#f7f7f7;scroll-snap-type:none;padding:0}
.product-card{grid-area:1/1;position:relative;width:100%;height:100%;background:#f7f7f7;transform:none}
.product-card .product-inspect,.product-card .product-photo{height:100%;width:100%;aspect-ratio:auto;border:0;border-radius:0;background:#f7f7f7}
.product-card .product-photo img{object-fit:cover;transform:scale(1.08)}
.product-card figcaption{position:absolute;bottom:12px;left:18px;right:18px;border:0;padding:0;font-size:11px;pointer-events:none}
.product-card figcaption span:first-child{display:none}
.product-card .inspect-mark{bottom:10px;right:12px}
.product-nav{display:none!important}
.motion-scene{position:relative;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:clip;padding:0 var(--gutter)}
.journal-motion,.scroll-story .journal-motion{padding:0;background:#101115}
.motion-title{position:relative;padding-left:4vw;z-index:1}
.motion-title>p{color:#a9abb1;margin-bottom:26px}
.store-journal .motion-title h2{font-size:clamp(100px,15vw,260px);max-width:6ch;line-height:.88}
.journal-motion-film{position:relative;justify-self:center;width:auto;height:92svh;aspect-ratio:9/16;max-width:100%;margin:0!important;z-index:2;transform-origin:center;will-change:transform}
.journal-motion-film .journal-video-frame{height:100%;border-radius:0;outline:0}
.journal-motion-film video{object-fit:cover}
.store-journal .journal-social.instagram-profile{max-width:none;margin:0;padding:0;background:#fdfdfd}
.social-scene{position:relative;padding:36px var(--gutter) 24px;overflow:clip;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.instagram-profile .instagram-platform{font-size:12px;font-weight:400;letter-spacing:0;margin-bottom:22px;gap:8px}
.instagram-platform svg{width:17px;height:17px}
.instagram-profile-heading{grid-template-columns:52px minmax(0,1fr) auto;gap:18px;padding:0 0 30px;transform:none}
.instagram-avatar{width:52px;height:52px}
.store-journal .instagram-profile h2{font-size:clamp(32px,4.8vw,78px);font-weight:500;line-height:1;letter-spacing:-.055em}
.instagram-profile-info .instagram-profile-name,.instagram-profile-info .instagram-profile-category,.instagram-profile .instagram-posts-heading{display:none}
.instagram-profile-follow{border-radius:0;min-height:48px;padding:12px 24px;gap:24px;font-size:12px}
.instagram-window{width:100%;overflow:clip}
.instagram-profile .instagram-grid{display:flex;gap:8px;overflow:visible;width:max-content;will-change:transform}
.instagram-profile .instagram-grid .instagram-tile:nth-child(n){width:min(54svh,40vw);height:min(54svh,40vw);aspect-ratio:1;flex:0 0 auto;overflow:hidden}
.instagram-profile .instagram-tile-arrow{display:grid;place-items:center;position:absolute;right:14px;bottom:14px;width:36px;height:36px;font-size:23px;border:1px solid #ffffff70;border-radius:50%;background:#10111525;opacity:0;transition:opacity .2s}
.instagram-profile .instagram-tile:hover .instagram-tile-arrow,.instagram-profile .instagram-tile:focus-visible .instagram-tile-arrow{opacity:1}
.social-scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}
.instagram-profile .instagram-profile-source{margin:0;font-size:11px;color:#6a6b74}
.social-scene-nav{display:flex;gap:16px;align-items:center}
.social-scene-nav .round-control{border:1px solid #d8d8dc;background:transparent}
.social-scene-progress{width:72px;height:1px;background:#d0d0d4}
.social-scene-progress i{display:block;height:100%;background:#0038ff;transform-origin:left;transform:scaleX(0)}
.cinema-enabled .journal-editorial{height:270svh}
.cinema-enabled .product-scene{position:sticky;top:0;height:100svh;min-height:0;padding-block:0}
.cinema-enabled .journal-motion{height:180svh;overflow:visible}
.cinema-enabled .motion-scene{position:sticky;top:0;height:100svh;min-height:0}
.cinema-enabled .journal-social{height:220svh}
.cinema-enabled .social-scene{position:sticky;top:0;height:100svh;min-height:0}
.store-footer{position:relative;z-index:7}
@media(hover:hover){.product-card:hover .product-photo img{transform:scale(1.08)}}
@media(max-width:760px){
 .product-scene{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:26px 16px}
 .cinema-enabled .product-scene{padding:28px 16px 18px}
 .product-direction{padding:0;display:grid;grid-template-columns:1fr auto;align-items:center}
 .product-direction>p{font-size:10px;margin-bottom:12px;grid-column:1/-1}
 .product-color-titles{font-size:clamp(76px,24vw,140px);grid-column:1}
 .product-swatches{grid-column:2;grid-row:2;margin:0;gap:8px}
 .product-swatches button{width:36px;min-height:44px;justify-content:center}
 .product-swatches i{width:14px;height:14px}
 .product-swatches button span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .product-direction .product-status{display:none}
 .product-grid{width:min(100%,56svh);height:min(67svh,125vw);align-self:center}
 .product-card{flex:none;scroll-snap-align:none}
 .product-card figcaption{left:10px;bottom:16px}
 .motion-scene{display:block;padding:0}
 .motion-title{position:absolute;left:20px;top:28px;padding:0;z-index:3;pointer-events:none;text-shadow:0 2px 20px #0005}
 .motion-title>p{display:none}
 .store-journal .motion-title h2{font-size:clamp(70px,19vw,110px);max-width:100%;white-space:nowrap}
 .journal-motion-film{height:100svh;width:min(100%,56.25svh);max-width:none;margin:0 auto!important}
 .social-scene{padding:28px 16px 22px}
 .instagram-profile .instagram-platform{margin:0 0 20px;font-size:12px}
 .instagram-profile-heading{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:0 0 24px;align-items:center}
 .instagram-avatar{width:38px;height:38px;grid-row:auto;align-self:center}
 .store-journal .instagram-profile h2{font-size:clamp(24px,6.6vw,36px)}
 .instagram-profile-follow{grid-column:auto;min-width:44px;min-height:44px;margin:0;padding:10px;gap:0;font-size:10px}
 .instagram-profile-follow span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .instagram-profile-follow svg{width:18px;height:18px}
 .instagram-profile .instagram-grid .instagram-tile:nth-child(n){width:min(82vw,53svh);height:min(82vw,53svh)}
 .social-scene-nav{gap:8px}.social-scene-progress{width:36px}
 .instagram-profile .instagram-profile-source{font-size:10px;max-width:140px}
 .cinema-enabled .journal-social{height:290svh}
 .cinema-enabled .journal-editorial{height:245svh}
}
@media(prefers-reduced-motion:reduce){
 .product-scene{display:block;padding:40px var(--gutter)}
 .product-color-titles,.product-swatches{display:none}
 .product-direction .product-status{display:block;margin:0 0 24px}
 .product-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:auto;gap:12px}
 .product-card{grid-area:auto;height:auto}
 .product-card .product-photo{aspect-ratio:4/5;height:auto}
 .product-card figcaption{position:static;padding:12px 0}
 .instagram-profile .instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
 .instagram-profile .instagram-grid .instagram-tile:nth-child(n){width:100%;height:auto;aspect-ratio:1}
 .social-scene-nav{display:none}.social-scene{min-height:0;padding-block:48px}
 .motion-title{display:none}.motion-scene{display:block;min-height:0}.journal-motion-film{margin:0 auto!important}
}
.collection-filmstrip{display:contents}
.product-card .product-photo img{transform:scale(1.26)}
.store-journal .motion-title h2{font-size:clamp(94px,13vw,220px);max-width:none;white-space:nowrap}
@media(hover:hover){.product-card:hover .product-photo img{transform:scale(1.26)}}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .cinema-enabled .collection-story .editorial{height:230svh;padding:0;overflow:visible;display:block}
 .cinema-enabled .collection-filmstrip{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;height:100svh;padding:28px 16px;overflow:clip}
 .cinema-enabled #photos-panel{overflow:clip}
 .cinema-enabled .contact-sheet{overflow:visible;scroll-snap-type:none;padding:0;gap:12px;will-change:transform}
 .cinema-enabled .contact-sheet .gallery-item{flex:0 0 min(86vw,58svh)}
 .store-journal .motion-title h2{font-size:clamp(65px,19vw,110px)}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.product-grid{grid-template-columns:1fr}}
@media(max-width:760px){.product-swatches{gap:2px}.product-swatches button{width:44px}}

/* Register the complete packshots to one chest-logo centre (701.5, 682.5
   in each 1200 x 1500 source). Keep the same 1.26 scale and the original
   garment proportions; the modal and reduced-motion layout stay untouched.
   Container units account for object-fit:cover at narrow viewport ratios. */
@supports (container-type:size){
 .cinema-enabled .product-card .product-photo{container-type:size}
 .cinema-enabled .product-card:nth-child(1){--packshot-x:-.735;--packshot-y:-1.806}
 .cinema-enabled .product-card:nth-child(2){--packshot-x:.84;--packshot-y:.588}
 .cinema-enabled .product-card:nth-child(3){--packshot-x:-.105;--packshot-y:1.218}
 .cinema-enabled .product-card .product-photo img{
  translate:calc(var(--packshot-x) * max(1cqw,.8cqh)) calc(var(--packshot-y) * max(1.25cqw,1cqh));
 }
}