/* Store round 1: the established Coign / Inter system, with room for the collection. */
body{font-family:EditorialInter,Arial,sans-serif}
.lookbook.store-journal{display:block;background:#fdfdfd;color:#090a10;min-width:0}
.store-journal figure{margin:0}
.journal-editorial,.journal-social{padding:clamp(56px,8vw,132px) var(--gutter)}
.journal-heading,.social-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,4vw,60px)}
.journal-kicker{margin:0 0 20px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#60616b}
.store-journal h2{margin:0;font-family:Coign,Impact,sans-serif;font-size:clamp(64px,8vw,132px);line-height:.94;font-weight:700;letter-spacing:0;text-transform:uppercase;white-space:pre-line}
.product-colors{display:flex;gap:8px;padding-bottom:5px}
.product-colors i{display:block;width:12px;height:12px;border-radius:50%;background:#15161a}
.product-colors i:nth-child(2){background:#0038ff}.product-colors i:nth-child(3){background:#e2a9bc}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.product-photo{aspect-ratio:4/5;overflow:hidden;background:#f4f4f3}
.product-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.65,.2,1)}
@media(hover:hover){.product-card:hover .product-photo img{transform:scale(1.025)}}
.product-card figcaption{display:flex;justify-content:space-between;gap:12px;padding:22px 0 18px;border-bottom:1px solid #d8d8da;font-size:12px;line-height:1.4}
.product-card figcaption span:last-child{color:#686975}
.journal-motion{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:clamp(48px,7vw,108px) clamp(24px,8vw,140px);background:#101115;color:#fdfdfd}
.journal-motion .journal-kicker{color:#989ba4}
.journal-motion-heading h2{font-size:clamp(68px,9vw,156px);max-width:8ch}
.journal-model-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #45464e;max-width:260px;margin-top:44px;padding:18px 0;font-size:13px}
.journal-model-link svg{width:18px;height:18px}
.journal-motion-film{width:min(100%,440px);justify-self:end}
.journal-film-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;padding-bottom:16px;color:#bcbec7}
.journal-video-frame{aspect-ratio:9/16;background:#18191e;overflow:hidden}
.journal-video-frame video{display:block;width:100%;height:100%;object-fit:contain}
.journal-progress{height:2px;background:#33353d;overflow:hidden}
.journal-progress>span{display:block;height:100%;background:#0038ff;transform:scaleX(0);transform-origin:left center;will-change:transform}
.journal-film-controls{display:flex;justify-content:space-between;gap:16px;padding-top:10px}
.journal-film-controls button{background:none;color:inherit;border:0;padding:12px 0;min-height:44px;font-size:11px}
.signature-section{position:relative;padding:clamp(68px,11vw,176px) var(--gutter);background:#fdfdfd}
.signature-mask{position:relative;aspect-ratio:1727.42/208.81;width:100%;background:#0038ff;mask:url('/assets/kit/logo/wordmark.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/kit/logo/wordmark.svg') center/100% 100% no-repeat}
.signature-mask video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s}
.signature-mask video[data-playback='playing']{opacity:1}
.signature-fallback{position:absolute;inset:0;display:none;width:100%;height:100%;filter:brightness(0)}
.signature-toggle{position:absolute;right:var(--gutter);bottom:20px;border:0;background:transparent;color:#60616b;font-size:10px;min-height:44px;padding:10px 0}
@supports not (mask:url('')){.signature-mask{background:transparent}.signature-mask video{display:none}.signature-fallback{display:block}}
.journal-social{padding-top:0}
.social-heading{border-top:1px solid #d8d8da;padding-top:36px}
.social-heading h2{font-family:EditorialInter,Arial,sans-serif;font-size:clamp(40px,6.2vw,98px);font-weight:650;letter-spacing:-.065em;text-transform:none;line-height:1.08}
.social-heading h2 a{display:flex;align-items:center;gap:clamp(24px,4vw,64px)}
.social-heading h2 svg{width:clamp(28px,4vw,54px);height:clamp(28px,4vw,54px);stroke:#0038ff;stroke-width:1.25}
.social-source{font-size:11px;color:#686975;padding-bottom:8px;max-width:200px;text-align:right}
.instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,24px)}
.instagram-tile{display:block;position:relative;overflow:hidden;aspect-ratio:1;background:#eeedf0}
.instagram-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.2,.65,.2,1)}
.instagram-tile-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;background:#fdfdfde8;color:#090a10;font-size:24px;line-height:1}
@media(hover:hover){.instagram-tile:hover img{transform:scale(1.045)}}
.journal-closing{margin:0 var(--gutter);padding:42px 0 56px;border-top:1px solid #d8d8da;display:flex;align-items:center;justify-content:space-between;gap:28px}
.journal-closing h2{font:500 clamp(20px,2.4vw,34px)/1.4 EditorialInter,Arial,sans-serif;letter-spacing:-.04em;text-transform:none}
.closing-dot{color:#0038ff;margin:0 .3em}
.journal-closing>div{display:flex;gap:32px;font-size:12px;flex-shrink:0}
.journal-closing a{padding:12px 0}
@media(max-width:760px){
 .journal-editorial,.journal-social{padding:52px var(--gutter)}
 .journal-heading{gap:16px;margin-bottom:28px}.journal-kicker{font-size:9px;margin-bottom:16px}
 .store-journal h2{font-size:64px}.product-colors{gap:6px}.product-colors i{width:9px;height:9px}
 .product-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.product-card{flex:0 0 82%;min-width:0;scroll-snap-align:start}.product-card figcaption{display:flex;padding:18px 0;font-size:11px}.product-card figcaption span{display:block}
 .journal-motion{grid-template-columns:minmax(0,1fr);gap:36px;padding:48px var(--gutter)}
 .journal-motion-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px}
 .journal-motion-heading .journal-kicker{grid-column:1/-1;margin:0}
 .journal-motion-heading h2{font-size:68px}.journal-model-link{font-size:11px;margin:0 0 4px;padding:14px 0;gap:16px}
 .journal-motion-film{width:min(100%,400px);justify-self:center}
 .signature-section{padding:72px var(--gutter)}
 .signature-toggle{bottom:8px}.journal-social{padding-top:0}
 .social-heading{display:block;margin-bottom:28px;padding-top:28px}.social-heading h2{font-size:48px}.social-heading h2 a{justify-content:space-between;gap:12px}
 .social-source{display:block;text-align:left;margin-top:20px;max-width:none;padding:0}
 .instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.instagram-tile-arrow{right:10px;bottom:10px;width:28px;height:28px;font-size:20px}
 .journal-closing{display:block;padding:32px 0 36px}.journal-closing h2{font-size:23px}.journal-closing>div{margin-top:18px;gap:28px;font-size:11px}
}
@media(max-width:380px){.journal-motion-heading{display:block}.journal-motion-heading h2{margin-top:18px}.journal-model-link{margin-top:20px;max-width:180px}.social-heading h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.product-photo img,.instagram-tile img,.signature-mask video{transition:none}.product-card:hover .product-photo img,.instagram-tile:hover img{transform:none}}

/* The wordmark is a single arrival moment, outside the page layout. */
.arrival-intro{display:none;position:fixed;inset:0;z-index:200;place-items:center;background:#fdfdfd;padding:clamp(20px,4vw,80px);overflow:hidden;contain:layout paint}
.arrival-pending .arrival-intro{display:grid}
.arrival-pending{overflow:hidden}
.arrival-pending .page{visibility:hidden}
.arrival-leaving .page{visibility:visible}
.arrival-intro .signature-mask{width:100%;background:#090a10}
.arrival-intro .signature-mask video{transition:opacity .22s ease}
.arrival-intro .signature-mask video[data-playback='poster']{opacity:1}
.hero{height:calc(100svh - var(--header-height))}
.photo-frame.whole::after,.photo-frame.cap::after{content:'';position:absolute;inset:0 0 60%;background:linear-gradient(#0005,transparent);pointer-events:none}
.card-heading,.card-brand,.card-number,.card-footnote{z-index:2}
.hoodie .card-brand{filter:brightness(0)}
.crop-outline{position:absolute;z-index:1;border:1px solid #fff9;mix-blend-mode:difference}
.crop-hoodie{left:30%;top:24%;width:40%;height:43%}.crop-cap{left:62%;top:16%;width:29%;height:28%}.crop-fabric{left:35%;top:68%;width:29%;height:27%}
.journal-social{padding-top:clamp(56px,8vw,128px)}
.social-heading{border-top:0;padding-top:0;margin-bottom:36px}
.social-follow{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.social-follow-link{display:flex;align-items:center;gap:28px;padding:14px 19px;background:#0038ff;color:#fff;font-size:12px}
.social-follow-link>span:last-child{font-size:24px;line-height:1}
.social-source{padding:0}
.instagram-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(8px,1vw,18px)}
.instagram-tile{grid-column:span 3}
.instagram-tile:nth-child(-n+2){grid-column:span 6;aspect-ratio:1.18}
.instagram-tile-arrow{background:transparent;color:#fff;text-shadow:0 1px 8px #0008;right:12px;bottom:12px;width:28px;height:28px}
.instagram-tile::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0002);pointer-events:none}
.instagram-tile-arrow{z-index:1}
@media(max-width:760px){
 .hero{height:calc(100svh - var(--header-height))}
 .statement{padding:12px 20px 14px}
 h1{font-size:clamp(56px,17vw,112px);margin:12px 0 10px}
 :lang(de) h1{font-size:clamp(48px,14vw,96px)}:lang(sk) h1{font-size:clamp(54px,16vw,104px)}
 .intro h2{font-size:12px}
 .social-heading{display:flex;align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:24px}
 .social-heading>div:first-child{width:100%}
 .social-follow{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}
 .social-follow-link{padding:12px;font-size:10px;gap:12px;flex-shrink:0}.social-source{margin:0;font-size:9px;text-align:right;max-width:120px}
 .instagram-grid{gap:8px}.instagram-tile,.instagram-tile:nth-child(-n+2){grid-column:span 6;aspect-ratio:1}
 .instagram-tile:first-child{grid-column:span 12;aspect-ratio:1.2}
 .instagram-tile:last-child{grid-column:span 12;aspect-ratio:1.6}
 .journal-social{padding-top:56px}
}

/* Localized photo crops retain clear dark/light regions under the typography. */
.photo-frame.cap .card-photo{top:-24%}
.photo-frame.fabric .card-photo{top:-203%}
.hoodie .card-footnote{color:#090a10}
.fabric .card-brand{filter:none}
.fabric .card-number{color:#fff}
.fabric .card-heading{text-transform:none}

@media(prefers-reduced-motion:reduce){.arrival-intro .signature-mask video{transition:none}}

/* Let the collection film stand on its own, without a second text column. */
.journal-motion{display:block;padding:clamp(40px,5vw,72px) var(--gutter)}
.journal-motion-film{position:relative;width:min(100%,calc((100svh - 96px)*.5625));margin-inline:auto!important}
.journal-film-controls{position:absolute;inset:auto 14px 16px;display:flex;padding:0;gap:10px;z-index:2;pointer-events:none}
.journal-film-controls button{pointer-events:auto;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.3);border-radius:2px;min-height:40px;padding:10px 12px;color:#fff;font:400 12px/1.1 EditorialInter,sans-serif;text-transform:uppercase;backdrop-filter:blur(12px)}
.journal-progress{height:2px}