.lookbook-page.lookbook-mosaic{max-width:none;margin:0;padding:36px clamp(20px,3.5vw,72px) 0;background:#141617;color:#f5f1eb}
.mosaic-page-header{display:grid;grid-template-columns:1.05fr 1fr auto;align-items:end;gap:42px;padding-bottom:38px}
.lookbook-mosaic .mosaic-eyebrow{font:500 10px/1.4 Manrope,sans-serif;letter-spacing:.13em;margin-bottom:14px;color:#c5c8c5}
.lookbook-mosaic .mosaic-page-header h1{font:400 clamp(64px,5.7vw,110px)/1 'Days One',sans-serif;letter-spacing:-.055em}
.lookbook-mosaic .mosaic-intro{max-width:420px;font:400 clamp(14px,1.1vw,19px)/1.65 Manrope,sans-serif;margin:0 0 4px;text-wrap:pretty;color:#c8cbc8}
.mosaic-catalogue{display:flex;gap:32px;align-items:center;padding:0 0 10px;border-bottom:1px solid #ffffff65;color:inherit;text-decoration:none;font:500 12px/1.5 Manrope,sans-serif;white-space:nowrap;margin-bottom:4px}
.mosaic-catalogue span{font-size:25px}
.mosaic-chapters{display:flex;flex-direction:column;gap:80px}
.mosaic-story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;height:clamp(580px,32vw,700px);isolation:isolate}
.mosaic-frame{display:block;position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;background:#242728;color:white;text-decoration:none;border-radius:2px;isolation:isolate}
.mosaic-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--frame-position,50% 35%);transition:transform .75s cubic-bezier(.2,.65,.3,1),filter .3s}
.mosaic-a{grid-area:1/1/4/4}.mosaic-b{grid-area:1/4/2/8}.mosaic-c{grid-area:1/8/2/10}.mosaic-d{grid-area:1/10/2/13}.mosaic-copy{grid-area:2/4/4/7}.mosaic-e{grid-area:2/7/4/9}.mosaic-f{grid-area:2/9/3/13}.mosaic-g{grid-area:3/9/4/11}.mosaic-h{grid-area:3/11/4/13}
.mosaic-copy{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:18px clamp(14px,1.5vw,30px);min-width:0}
.mosaic-copy-line{display:block;width:34px;height:1px;background:#b0b5b370;margin-bottom:25px}
.lookbook-mosaic .mosaic-copy h2{font:400 clamp(26px,2.4vw,43px)/1.12 'Days One',sans-serif;letter-spacing:-.045em;margin:0 0 20px;text-wrap:balance}
.lookbook-mosaic .mosaic-copy p{font:400 clamp(12px,.91vw,16px)/1.7 Manrope,sans-serif;color:#c3c7c5;margin:0;max-width:35ch;text-wrap:pretty}
.mosaic-accent{background:#242728}
.mosaic-accent img{filter:none;mix-blend-mode:normal}
.mosaic-accent::after{content:none}
.mosaic-action{position:absolute;right:13px;bottom:13px;z-index:2;display:flex;align-items:center;gap:20px;padding:10px 13px;font:400 11px/1.4 Manrope,sans-serif;background:#101314b8;backdrop-filter:blur(12px);color:#fff;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.mosaic-action b{font-size:19px;line-height:1;font-weight:400}
.mosaic-frame:is(:hover,:focus-visible) .mosaic-action{opacity:1;transform:none}
a.mosaic-frame:hover img{transform:scale(1.035)}
.lookbook-mosaic .mosaic-frame:focus-visible{outline:2px solid #fff;outline-offset:4px}

.mosaic-story-reverse .mosaic-a{grid-area:1/10/4/13}.mosaic-story-reverse .mosaic-b{grid-area:1/6/2/10}.mosaic-story-reverse .mosaic-c{grid-area:1/4/2/6}.mosaic-story-reverse .mosaic-d{grid-area:1/1/2/4}.mosaic-story-reverse .mosaic-copy{grid-area:2/7/4/10}.mosaic-story-reverse .mosaic-e{grid-area:2/5/4/7}.mosaic-story-reverse .mosaic-f{grid-area:2/1/3/5}.mosaic-story-reverse .mosaic-g{grid-area:3/3/4/5}.mosaic-story-reverse .mosaic-h{grid-area:3/1/4/3}
.mosaic-ending{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:100px 0 90px}
.lookbook-mosaic .mosaic-ending p{max-width:760px;font:400 clamp(35px,4.8vw,78px)/1.15 'Days One',sans-serif;letter-spacing:-.05em}
.mosaic-ending a{display:flex;align-items:center;gap:50px;white-space:nowrap;padding-bottom:14px;border-bottom:1px solid #ffffff70;text-decoration:none;color:inherit;font:500 13px/1.5 Manrope,sans-serif}
.mosaic-ending a span{font-size:26px}
.lookbook-mosaic a:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:1150px){.lookbook-page.lookbook-mosaic{padding:28px 22px 0}.mosaic-page-header{gap:24px;grid-template-columns:1fr 1fr auto}.mosaic-page-header h1{font-size:64px!important}.mosaic-intro{font-size:13px!important}.mosaic-catalogue{font-size:11px;gap:14px}.mosaic-story{gap:9px;height:570px}.mosaic-copy{padding:14px}.lookbook-mosaic .mosaic-copy h2{font-size:27px}.lookbook-mosaic .mosaic-copy p{font-size:12px;line-height:1.6}.mosaic-copy-line{margin-bottom:18px}.mosaic-action{right:9px;bottom:9px;font-size:10px;gap:10px;padding:9px}.mosaic-chapters{gap:58px}}
@media(max-width:700px){.lookbook-page.lookbook-mosaic{padding:26px 12px 0}.mosaic-page-header{grid-template-columns:1fr auto;gap:21px 14px;padding:0 7px 28px}.mosaic-page-header>div{grid-column:1/-1}.lookbook-mosaic .mosaic-page-header h1{font-size:66px!important}.lookbook-mosaic .mosaic-eyebrow{font-size:8px;margin-bottom:12px}.lookbook-mosaic .mosaic-intro{font-size:12px!important;max-width:27ch;line-height:1.65}.mosaic-catalogue{font-size:10px;gap:10px;margin-bottom:3px;align-self:end}.mosaic-catalogue span{font-size:21px}.mosaic-story{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,48vw) auto 60vw 45vw 58vw;gap:8px}.mosaic-story .mosaic-a{grid-area:1/1/3/2}.mosaic-story .mosaic-b{grid-area:1/2/2/3}.mosaic-story .mosaic-c{grid-area:2/2/3/3}.mosaic-story .mosaic-copy{grid-area:3/1/4/3;padding:29px 16px 33px}.mosaic-story .mosaic-d{grid-area:4/1/5/2}.mosaic-story .mosaic-e{grid-area:4/2/5/3}.mosaic-story .mosaic-f{grid-area:5/1/6/3}.mosaic-story .mosaic-g{grid-area:6/1/7/2}.mosaic-story .mosaic-h{grid-area:6/2/7/3}.lookbook-mosaic .mosaic-copy h2{font-size:31px;max-width:16ch;margin-bottom:16px}.lookbook-mosaic .mosaic-copy p{font-size:13px;line-height:1.75;max-width:44ch}.mosaic-copy-line{margin-bottom:20px}.mosaic-action{opacity:1;transform:none;font-size:9px;gap:8px;right:7px;bottom:8px;padding:8px}.mosaic-action b{font-size:16px}.mosaic-chapters{gap:45px}.mosaic-ending{display:block;padding:66px 8px}.lookbook-mosaic .mosaic-ending p{font-size:35px}.mosaic-ending a{width:fit-content;max-width:100%;margin-top:30px;font-size:12px;gap:45px}}
@media(prefers-reduced-motion:reduce){.lookbook-mosaic *{transition:none!important}}
.mosaic-a .mosaic-action{opacity:1;transform:none}

/* Portrait photographs retain vertical space; the compact frames carry details. */
@media(min-width:1251px){.mosaic-portrait-tail .mosaic-f{grid-area:2/9/4/11}.mosaic-portrait-tail .mosaic-g{grid-area:2/11/3/13}.mosaic-portrait-tail .mosaic-h{grid-area:3/11/4/13}.mosaic-portrait-tail.mosaic-story-reverse .mosaic-f{grid-area:2/3/4/5}.mosaic-portrait-tail.mosaic-story-reverse .mosaic-g{grid-area:2/1/3/3}.mosaic-portrait-tail.mosaic-story-reverse .mosaic-h{grid-area:3/1/4/3}}
@media(max-width:700px){.mosaic-story{grid-template-rows:auto 45vw auto auto auto auto}.mosaic-story .mosaic-a{grid-area:1/1/2/3;aspect-ratio:3/4}.mosaic-story .mosaic-b{grid-area:2/1/3/2}.mosaic-story .mosaic-c{grid-area:2/2/3/3}.mosaic-story .mosaic-copy{grid-area:3/1/4/3}.mosaic-story .mosaic-d{grid-area:4/1/5/2;aspect-ratio:2/3}.mosaic-story .mosaic-e{grid-area:4/2/5/3;aspect-ratio:2/3}.mosaic-story .mosaic-f{grid-area:5/1/6/3;aspect-ratio:auto}.mosaic-story .mosaic-f img{height:auto;object-fit:contain}.mosaic-story .mosaic-g{grid-area:6/1/7/2;aspect-ratio:2/3}.mosaic-story .mosaic-h{grid-area:6/2/7/3;aspect-ratio:2/3}}

@media(min-width:1251px){.mosaic-story:has(#mosaic-story-3){grid-template-rows:1.35fr .825fr .825fr}.mosaic-story:has(#mosaic-story-6){grid-template-rows:1.25fr .875fr .875fr}}

@media(min-width:1251px){.mosaic-story:has(#mosaic-story-0),.mosaic-story:has(#mosaic-story-2){grid-template-rows:1.2fr .9fr .9fr}}

/* On tablets the photographs need width as well as height. */
@media(min-width:701px) and (max-width:1250px){
.lookbook-mosaic .mosaic-story{height:auto;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:34vw 34vw auto 48vw 38vw;gap:10px}
.lookbook-mosaic .mosaic-story .mosaic-a{grid-area:1/1/3/4}
.lookbook-mosaic .mosaic-story .mosaic-b{grid-area:1/4/2/7}
.lookbook-mosaic .mosaic-story .mosaic-c{grid-area:2/4/3/7}
.lookbook-mosaic .mosaic-story .mosaic-copy{grid-area:3/1/4/7;display:grid;grid-template-columns:1fr 1.6fr;gap:30px;align-items:center;padding:28px 12px 34px}
.lookbook-mosaic .mosaic-copy-line{display:none}
.lookbook-mosaic .mosaic-copy h2{font-size:30px;margin:0}
.lookbook-mosaic .mosaic-copy p{font-size:14px;line-height:1.7;max-width:48ch}
.lookbook-mosaic .mosaic-story .mosaic-d{grid-area:4/1/5/3}
.lookbook-mosaic .mosaic-story .mosaic-e{grid-area:4/3/5/5}
.lookbook-mosaic .mosaic-story .mosaic-f{grid-area:4/5/5/7}
.lookbook-mosaic .mosaic-story .mosaic-g{grid-area:5/1/6/4}
.lookbook-mosaic .mosaic-story .mosaic-h{grid-area:5/4/6/7}
}

/* The taller upper row fits medium clothing shots, while wide cells hold fabric details. */
@media(min-width:1251px){
.lookbook-mosaic .mosaic-story{height:clamp(620px,42vw,820px);grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:43% minmax(0,1fr) minmax(0,1fr)!important}
.lookbook-mosaic .mosaic-story .mosaic-a{grid-area:1/1/4/5}
.lookbook-mosaic .mosaic-story .mosaic-b{grid-area:1/5/2/9}
.lookbook-mosaic .mosaic-story .mosaic-c{grid-area:1/9/2/12}
.lookbook-mosaic .mosaic-story .mosaic-d{grid-area:1/12/2/15}
.lookbook-mosaic .mosaic-story .mosaic-copy{grid-area:2/5/4/9}
.lookbook-mosaic .mosaic-story .mosaic-e{grid-area:2/9/4/11}
.lookbook-mosaic .mosaic-story .mosaic-f{grid-area:2/11/3/15}
.lookbook-mosaic .mosaic-story .mosaic-g{grid-area:3/11/4/13}
.lookbook-mosaic .mosaic-story .mosaic-h{grid-area:3/13/4/15}
.lookbook-mosaic .mosaic-portrait-tail .mosaic-f{grid-area:2/11/4/13}
.lookbook-mosaic .mosaic-portrait-tail .mosaic-g{grid-area:2/13/3/15}
.lookbook-mosaic .mosaic-portrait-tail .mosaic-h{grid-area:3/13/4/15}
.lookbook-mosaic .mosaic-story-reverse .mosaic-a{grid-area:1/11/4/15}
.lookbook-mosaic .mosaic-story-reverse .mosaic-b{grid-area:1/7/2/11}
.lookbook-mosaic .mosaic-story-reverse .mosaic-c{grid-area:1/4/2/7}
.lookbook-mosaic .mosaic-story-reverse .mosaic-d{grid-area:1/1/2/4}
.lookbook-mosaic .mosaic-story-reverse .mosaic-copy{grid-area:2/7/4/11}
.lookbook-mosaic .mosaic-story-reverse .mosaic-e{grid-area:2/5/4/7}
.lookbook-mosaic .mosaic-story-reverse .mosaic-f{grid-area:2/1/3/5}
.lookbook-mosaic .mosaic-story-reverse .mosaic-g{grid-area:3/3/4/5}
.lookbook-mosaic .mosaic-story-reverse .mosaic-h{grid-area:3/1/4/3}
.lookbook-mosaic .mosaic-portrait-tail.mosaic-story-reverse .mosaic-f{grid-area:2/3/4/5}
.lookbook-mosaic .mosaic-portrait-tail.mosaic-story-reverse .mosaic-g{grid-area:2/1/3/3}
.lookbook-mosaic .mosaic-portrait-tail.mosaic-story-reverse .mosaic-h{grid-area:3/1/4/3}
}