/* Direction III: an original AI-assisted campaign, based on real catalogue products. */
html{scroll-padding-top:100px}header{position:absolute;left:0;right:0;top:27px;background:transparent;color:#fff;box-shadow:none;z-index:10}header .brand img{filter:url(#white-logo);mix-blend-mode:normal}nav a:hover{color:#dfd5c4}#menu-toggle span{background:currentColor}header.compact{position:fixed;top:0;background:#111;color:#fff;box-shadow:0 1px 0 #ffffff1a}header.compact .brand img{filter:url(#white-logo);mix-blend-mode:normal}.hero{height:calc(100svh - 27px);min-height:760px;max-height:1100px;background:#15120e}.campaign-panels{display:block}.campaign-frame{height:100%;background:#15120e}.campaign-frame img{height:100%;width:100%;object-fit:cover;object-position:60% 50%;mix-blend-mode:normal;filter:none}.hero:after{background:linear-gradient(90deg,#0003 0%,transparent 60%),linear-gradient(180deg,#0004 0%,transparent 32%,transparent 85%,#0005 100%)}.hero-copy{left:6.5%;right:auto;bottom:27%;padding:0;align-items:flex-start;text-align:left;max-width:500px}.hero h1{font-size:clamp(70px,7vw,108px);letter-spacing:-3px;line-height:.98;margin:26px 0 34px}.hero-copy .eyebrow{font-size:8px;letter-spacing:2.4px}.campaign-link{font-size:8px;letter-spacing:1.2px}.campaign-credit{left:6.5%;bottom:30px;font-size:7px;letter-spacing:1.5px}.campaign-scroll{right:4%;bottom:24px}.brand-statement{padding:120px 25px 115px}.brand-statement h2{font-size:43px;line-height:1.18}.collection-stories{padding:0;gap:2px}.story-photo{height:760px;background:#292016}.story-photo img{mix-blend-mode:normal;filter:none;object-fit:cover}.story-bags .story-photo img{object-position:50% 38%}.story-small .story-photo{background:#15150e}.story-small .story-photo img{position:static;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;object-position:center 50%}.story-small:after{position:absolute;inset:50% 0 0;content:'';background:linear-gradient(transparent,#0008);pointer-events:none}.story-caption,.story-small .story-caption{color:white;z-index:1;bottom:48px}.story-caption h2{font-size:20px;letter-spacing:3px}.editorial-image{background:#201a13}.editorial-image img{mix-blend-mode:normal;filter:none;object-position:69% 50%;object-fit:cover}.image-label{color:#fff;background:#0005;padding:7px 9px;left:25px}.editorial-copy{background:#f6f5f1}.collection .section-heading h2{font-size:22px}.footer-bottom>span:nth-child(2){font-size:7px}
@media(min-width:1600px){.story-photo{height:880px}.hero-copy{bottom:29%}}
@media(max-width:1000px){.hero{min-height:740px}.hero-copy{left:5%;max-width:400px;bottom:27%}.hero h1{font-size:78px}.story-photo{height:610px}.brand-statement h2{font-size:38px}}
@media(max-width:700px){header{top:24px;height:88px;background:transparent;color:white}header.menu-open{background:#111}header.menu-open nav{color:white;background:#111}header.menu-open nav a{border-color:#ffffff30}header.compact{top:0}header.compact nav{background:#111;color:white}.hero{height:calc(100svh - 24px);min-height:690px;max-height:920px}.campaign-frame img{object-position:72% 50%}.hero:after{background:linear-gradient(90deg,#0006 0%,transparent 68%),linear-gradient(180deg,#0005 0%,transparent 20%,transparent 78%,#0004 100%)}.hero-copy{left:24px;right:20px;bottom:auto;top:25%;max-width:250px}.hero h1{font-size:51px;letter-spacing:-1.8px;line-height:1.02;margin:20px 0 26px;max-width:250px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.5px}.campaign-link{font-size:7px;letter-spacing:.8px}.campaign-credit{left:23px;bottom:25px;font-size:6px;letter-spacing:1px}.campaign-scroll{right:22px;bottom:18px}.brand-statement{padding:75px 25px}.brand-statement h2{font-size:32px;line-height:1.18;margin:22px 0 28px}.collection-stories{padding:0;gap:2px}.story-photo{height:570px}.story-small .story-photo{height:510px}.story-small .story-photo img{height:100%;width:100%;position:static;object-fit:cover;object-position:center 50%}.story-caption,.story-small .story-caption{bottom:35px}.story-caption h2{font-size:20px}.editorial-image{height:550px}.editorial-image img{object-position:69% 50%}.image-label{font-size:6px;left:15px;bottom:16px;padding:6px 8px}.collection .section-heading h2{font-size:18px}.footer-bottom>span:nth-child(2){font-size:6px;line-height:1.7}}
.campaign-frame picture{display:block;width:100%;height:100%}
@media(max-width:700px){.campaign-frame img{object-position:50% 50%}}
