/* Klaus, edição de campanha. A new visual composition over the working storefront. */
:root{--paper:#f7f3ed;--ink:#302226;--wine:#442630;--forest:#342027;--muted:#7c6a6c;--line:#d9cec7}
body{background:var(--paper)}
.header{height:84px;padding:0 4%;background:#301c24;color:#f7f3ed}.header.scrolled{background:#f7f3efed;backdrop-filter:blur(16px);color:#302226}.header nav{font-size:10px;gap:23px}.header .wordmark{font-size:24px;letter-spacing:6px}
.hero.fashion-hero{background:#301c24;height:100svh;min-height:960px;max-height:1200px}.fashion-hero .hero-image{inset:108px 3% 45px 46%;overflow:hidden}.fashion-hero .hero-image img{object-position:73% center!important}.fashion-hero .hero-shade{display:none}.fashion-hero .hero-masthead{top:130px;left:5%;font-size:10.3vw;letter-spacing:-.7vw;transform:none!important;line-height:1}.fashion-hero .hero-copy{left:5%;bottom:220px;max-width:38%}.fashion-hero h1{font-size:clamp(52px,5.2vw,84px);letter-spacing:-2.7px}.fashion-hero .hero-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#d0b4ba}.fashion-hero .campaign-caption{max-width:30ch;color:#e4d6d5;font-size:12px;line-height:1.8}.fashion-hero .hero-discover{margin-top:25px}.fashion-hero .campaign-controls{left:5%;bottom:107px;gap:8px}.fashion-hero .hero-bottom{left:5%;right:57%;bottom:40px;display:block;font-size:7px;line-height:1.8}.fashion-hero .hero-bottom>a{display:none}.fashion-hero .hero-bottom small{display:block;margin-top:9px;font-size:7px;letter-spacing:.1px}.fashion-hero .hero-side{right:1%;top:45%;font-size:7px}.fashion-hero .campaign-shop{margin-top:12px}.hero-edition{position:absolute;top:285px;left:5.3%;font:9px Manrope;letter-spacing:3px;color:#d0b4ba}.hero-image:after{content:'KLAUS / PORTRAITS';position:absolute;right:22px;bottom:18px;font:8px Manrope;letter-spacing:2px;color:#fff;text-shadow:0 1px 6px #000}
.motion-ribbon{background:#301c24;color:#e1c7c4;border-block-color:#62404a;padding:18px 0}.motion-ribbon-track{font-size:28px}
.campaign-index{padding:90px 4% 105px;background:#f7f3ed}.campaign-index-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 2% 44px}.campaign-index-top h2{font:clamp(48px,6.3vw,95px)/1.02 'Bodoni Moda',Georgia;margin:20px 0 0;letter-spacing:-3px}.campaign-index-top>p{font:12px/1.8 Manrope;max-width:27ch;color:#7c6a6c}.campaign-doors{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:22px;align-items:start}.campaign-door{position:relative;display:block;overflow:hidden;height:570px;color:white;background:#38272a}.campaign-door:nth-child(2){height:470px;margin-top:110px}.campaign-door:nth-child(3){height:520px;margin-top:55px}.campaign-door img{height:100%;width:100%;object-fit:cover;object-position:73% center;transition:transform 1.3s cubic-bezier(.16,1,.3,1)}.campaign-door:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1a0d1ccc,transparent 57%)}.campaign-door:hover img{transform:scale(1.055)}.campaign-door>div{position:absolute;left:28px;right:28px;bottom:27px;z-index:1}.campaign-door small{font:9px Manrope;letter-spacing:2px}.campaign-door h3{font:44px/1.05 'Bodoni Moda';margin:12px 0 18px}.campaign-door span{display:flex;justify-content:space-between;font:10px Manrope;border-top:1px solid #ffffff70;padding-top:15px}.campaign-door span b{font:17px Arial}.campaign-index-note{font:9px Manrope;color:#7c6a6c;margin:25px 0 0 2%;line-height:1.8}
.stories{background:#ded8ce;padding:90px 5%}.stories-heading{margin:0 0 50px}.stories-heading h2{font-size:70px;margin:0}.story-layout{grid-template-columns:.65fr 1.4fr .8fr;gap:4%}.story-index{padding-left:0}.story-visual{height:760px}.story-tabs button{font-size:29px;color:#897d76;border-color:#bfb3a8}.story-tabs button[aria-selected=true]{color:#442630;border-color:#442630}.story-shopping h3{font-size:47px}.story-shopping>p{font-size:12px}.story-product>span,.story-product small{font-size:11px}.story-shopping>.eyebrow{color:#77515c}.story-cta{color:#442630}.fashion-statement{background:#442630;min-height:670px;padding:55px 7%}.fashion-statement h2{font-size:clamp(85px,12vw,180px)}.statement-top{color:#d4bcb9}.statement-bottom p{color:#e8d6d1}.material-edit{background:#f7f3ed;padding:110px 6%}.material-title h2{font-size:76px}.material-main{height:650px}.material-main>span{background:#442630;color:#fff}.material-small img{height:300px}
.atelier{background:#301c24;color:#f7f3ed;padding:95px 5%}.atelier-intro h2{font-size:clamp(55px,7vw,100px)}.atelier-intro>p,.atelier-tabs button{color:#c9b5b7}.atelier-tabs{border-color:#75525d}.atelier-tabs button[aria-selected=true]{color:#fff}.atelier-tabs button:after{background:#d2b39d}.atelier-panel{gap:0;grid-template-columns:1.05fr 1fr;background:#f1eae0;color:#302226}.atelier-visual{height:730px}.atelier-curation{padding:50px 11%}.atelier-curation h3{font-size:54px}.atelier-piece{border-color:#d4c5bc}.atelier-curation>p,.atelier-curation>small,.atelier-piece-number,.atelier-piece small{color:#79666b}.atelier-foot{border-color:#75525d;color:#c9b5b7}.atelier-foot a{color:#f7f3ed}.collection{background:#f7f3ed;padding:100px 5%}.collection .section-top h2{font-size:76px}.products{gap:45px 25px}.product-photo{height:420px;background:#ebe6dd;border:none}.filters{border-bottom:1px solid #d9cec7}.filters button.active{color:#442630;border-color:#442630}.product-label{background:#442630;color:white;padding:8px 10px;font-size:7px}.favorite{background:#f7f3ede6}.product-meta button{font-size:13px}.product-price{font-size:13px;color:#442630}.product-sub{color:#79666b}.reel-edit{background:#241b20}.maison{background:#e5dbcf}.maison-portrait{height:640px}.maison-title h2{font-size:76px}.maison-text>p{font-size:12px}.concierge{background:#f7f3ed;padding:100px 6%}.concierge h2{font-size:80px}.concierge-link{background:#442630;color:#fff;border:0;padding:19px 35px;margin-top:8px}.fashion-footer{background:#301c24}.footer-links{padding-top:50px}.footer-giant{color:#dbc5bb}.footer-bottom{color:#c9b5b7}
@media(max-width:1100px) and (min-width:761px){.hero-edition{top:255px}.fashion-hero .hero-copy{bottom:210px}.fashion-hero h1{font-size:57px}.campaign-controls button{min-width:33px}.campaign-door{height:460px}.campaign-door:nth-child(2){height:380px}.campaign-door:nth-child(3){height:410px}.story-visual{height:650px}.story-shopping h3{font-size:37px}.atelier-curation{padding:40px 8%}.atelier-curation h3{font-size:43px}.product-photo{height:320px}.material-title h2{font-size:55px}}
@media(max-width:760px){.header{height:70px;padding:0 5%}.header .wordmark{font-size:19px}.header nav{background:#f7f3ed}.hero.fashion-hero{height:auto;min-height:0;max-height:none;padding:104px 6% 30px;display:flex;flex-direction:column}.fashion-hero .hero-masthead{position:static;order:0;font-size:19vw;letter-spacing:-1.25vw;line-height:.9;margin:0 0 14px;max-width:100%}.hero-edition{position:static;order:1;margin:0 0 22px;font-size:7px;letter-spacing:2px}.fashion-hero .hero-image{position:relative;inset:auto;order:2;width:100%;height:390px;flex-shrink:0}.fashion-hero .hero-image img{top:0!important;height:100%!important;mask-image:none!important;object-position:var(--mobile-position,73%) center!important}.fashion-hero.shoe-campaign .hero-image img{object-position:var(--mobile-position,65%) center!important}.hero-image:after{font-size:6px;bottom:12px;right:12px}.fashion-hero .hero-copy,.fashion-hero .hero-copy:has(.campaign-shop:not([hidden])),.fashion-hero.shoe-campaign .hero-copy:has(.campaign-shop:not([hidden])){position:static;order:3;max-width:none;transform:none;margin-top:27px}.fashion-hero h1,.fashion-hero .hero-copy h1,.fashion-hero .hero-copy:has(.campaign-shop:not([hidden])) h1{font-size:49px;line-height:1.04;letter-spacing:-2px}.fashion-hero .hero-copy .eyebrow{font-size:7px;margin-bottom:15px}.fashion-hero .campaign-caption{font-size:11px;max-width:33ch;margin-top:16px}.fashion-hero .hero-discover{margin-top:18px;font-size:11px}.fashion-hero .campaign-shop{font-size:10px;margin:12px 0 0}.fashion-hero .campaign-controls{position:static;order:4;margin-top:25px;gap:0;justify-content:space-between}.fashion-hero .hero-bottom{position:static;order:5;max-width:none;margin-top:18px;padding-top:16px;font-size:7px}.fashion-hero .hero-bottom small{font-size:7px}.fashion-hero .hero-side{display:none}.motion-ribbon-track{font-size:25px}.campaign-index{padding:58px 6%}.campaign-index-top{display:block;margin:0 0 28px}.campaign-index-top h2{font-size:49px;letter-spacing:-1.7px}.campaign-index-top>p{margin-top:20px;font-size:11px;max-width:33ch}.campaign-doors{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding-bottom:16px}.campaign-door,.campaign-door:nth-child(2),.campaign-door:nth-child(3){height:440px;margin:0;flex:0 0 89%;scroll-snap-align:start}.campaign-door>div{left:20px;right:20px;bottom:23px}.campaign-door h3{font-size:37px}.campaign-index-note{margin:12px 0 0;font-size:8px}.stories{padding:56px 6%}.stories-heading h2{font-size:45px}.story-layout{display:flex}.story-visual{height:500px}.story-tabs button{font-size:16px}.story-shopping h3{font-size:38px}.story-shopping>p{font-size:11px}.fashion-statement{min-height:400px;padding:38px 6%}.fashion-statement h2{font-size:71px}.material-edit{padding:65px 6%}.material-title h2{font-size:48px}.material-main{height:310px}.material-small img{height:210px}.atelier{padding:60px 6%}.atelier-intro h2{font-size:49px}.atelier-panel{grid-template-columns:1fr;gap:0}.atelier-visual{height:410px}.atelier-curation{padding:30px 22px}.atelier-curation h3{font-size:39px}.atelier-piece{grid-template-columns:13px 52px 1fr 16px;gap:10px}.atelier-piece img{width:52px;height:68px}.atelier-piece>span:not(.atelier-piece-number){font-size:10px}.atelier-tabs button{font-size:10px}.collection{padding:60px 6%}.collection .section-top h2{font-size:45px}.products{gap:30px 14px}.product-photo{height:245px}.product-meta button{font-size:11px}.product-price{font-size:12px}.maison{padding:65px 6%}.maison-title h2{font-size:54px}.maison-portrait{height:360px}.maison-text>p{font-size:10px}.concierge{padding:65px 6%}.concierge h2{font-size:42px}.concierge-link{padding:17px 23px;font-size:11px}.footer-links{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.campaign-door img{transition:none}}
@media(max-width:760px){.fashion-hero .hero-copy{min-height:290px}.campaign-shop{max-width:100%}.hero.fashion-hero .hero-bottom{color:#e4d6d5}}