/* Klaus / Collection Stories. Direction 02. */
:root{--paper:#f3f3ef;--ink:#222921;--wine:#344236;--muted:#677063;--line:#d0d4ca;--forest:#202f27}h2{letter-spacing:-2px}.tiny{font-size:8px;letter-spacing:1.6px;line-height:1.8}.header{position:fixed;top:0;left:0;right:0;height:82px;background:transparent;border:0;color:var(--paper);backdrop-filter:none;padding:0 3%;z-index:25;transition:background .35s,color .35s;display:grid;grid-template-columns:1fr auto 1fr}.header.scrolled{background:var(--paper);color:var(--ink);box-shadow:0 1px #22292112}.header nav{gap:27px;font-size:10px;letter-spacing:.5px}.wordmark{font-size:21px;letter-spacing:5px}.header-tools{justify-content:flex-end;align-items:center;gap:12px}.header-contact{font-size:9px;margin-left:15px;letter-spacing:.5px}.hero.fashion-hero{height:100svh;min-height:720px;max-height:1100px;background:var(--forest)}.hero-image img{object-position:65% center;transition:none}.hero-shade{background:linear-gradient(90deg,#101c1529,transparent 72%),linear-gradient(0deg,#07150c59,transparent 30%)}.hero-masthead{position:absolute;top:100px;left:5.4%;font-family:Arial,sans-serif;font-size:14.5vw;letter-spacing:-1.05vw;font-weight:400;line-height:1;color:#f3f3ef}.hero-side{position:absolute;right:26px;top:43%;font-size:8px;letter-spacing:2.5px;writing-mode:vertical-rl}.hero-copy{left:6%;top:auto;bottom:16%;transform:none}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:21px}.hero h1{font-size:clamp(50px,5.4vw,85px);line-height:1.04;letter-spacing:-3px;margin:0}.hero h1 em{font-size:1em}.hero-discover{display:flex;align-items:center;gap:42px;font-size:11px;margin-top:30px;width:max-content}.circle-arrow{width:53px;height:53px;border:1px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:24px Arial;transition:transform .4s,background .4s,color .4s}.hero-discover:hover .circle-arrow{transform:rotate(45deg);background:var(--paper);color:var(--ink)}.hero-bottom{left:3%;right:3%;bottom:23px;letter-spacing:1.5px;font-size:8px;border-top:1px solid #ffffff36;padding-top:17px}.hero-bottom>span{display:block}.hero-bottom small{font-size:8px;color:#e4e5dd}.hero-bottom>a{gap:24px}.opening-note{padding:100px 6% 104px;display:grid;grid-template-columns:1fr 1fr;gap:24px 9%;position:relative}.opening-note>.eyebrow{grid-column:1/-1;font-size:8px}.opening-note h2{font-size:clamp(42px,4.5vw,72px);line-height:1.12;max-width:18ch}.opening-aside{display:grid;grid-template-columns:50px 1fr;gap:25px 35px;padding-top:15px;align-content:center}.fine-cross{font:43px Georgia;color:#52624c}.opening-aside p{max-width:32ch;font-size:12px}.opening-aside>.tiny{grid-column:2;font-size:7px;color:var(--muted)}.stories{padding:75px 3% 70px;background:#e6e9e1}.stories-heading{display:flex;align-items:center;justify-content:space-between;margin:0 3% 49px}.stories-heading>.eyebrow{font-size:8px;max-width:15ch}.stories-heading h2{font-size:55px;line-height:1.1;margin-right:14%}.story-counter{font:11px monospace;letter-spacing:2px}.story-layout{display:grid;grid-template-columns:.67fr 1.33fr .75fr;gap:3.5%;align-items:start}.story-index{padding:15px 0 0 10%}.story-tabs{margin:28px 0 32px}.story-tabs button{font:29px 'Bodoni Moda',Georgia;display:block;text-align:left;width:100%;border-bottom:1px solid #bbc2b5;padding:24px 0 23px 28px;position:relative;color:#677063;transition:color .3s}.story-tabs button>span{position:absolute;left:0;top:28px;font:9px Manrope}.story-tabs button>small{font:7px Manrope;letter-spacing:1.1px;display:block;margin-top:10px}.story-tabs button[aria-selected=true]{color:#202f27;border-bottom-color:#202f27}.story-tabs button[aria-selected=true]:after{content:'↗';position:absolute;right:2px;top:25px;font:19px Arial}.story-index>p{font-size:10px;color:var(--muted);max-width:24ch}.index-link{display:inline-block;margin-top:25px;font-size:10px;border-bottom:1px solid;padding-bottom:7px}.story-visual{height:650px;position:relative;overflow:hidden;background:#d1d6ca}.story-visual>img{object-position:center 35%;transition:opacity .4s,transform 1.1s var(--ease)}.story-panel.changing .story-visual>img{opacity:.3;transform:scale(1.035)}#story-photo-note{position:absolute;bottom:16px;left:17px;font-size:7px;letter-spacing:1px;color:var(--paper);background:#1f2b228a;padding:7px}.story-image-number{position:absolute;left:18px;top:14px;font:55px 'Bodoni Moda';color:var(--paper)}.look-hotspot{position:absolute;right:14%;top:51%;display:flex;align-items:center;gap:9px;padding:0;color:var(--paper)}.look-hotspot>span{width:39px;height:39px;border:1px solid #f3f3ef;border-radius:50%;display:grid;place-items:center;font:26px Arial;background:#202f2766;box-shadow:0 0 0 7px #f3f3ef23;transition:transform .3s}.look-hotspot:hover>span{transform:rotate(90deg)}.look-hotspot small{font-size:9px;max-width:10ch;text-align:left;text-shadow:0 1px 4px #111}.story-caption{padding:15px 0;display:flex;justify-content:space-between;gap:15px;align-items:center;font:15px 'Bodoni Moda';font-style:italic}.story-caption>button{font:7px Manrope;letter-spacing:.6px;display:flex;gap:13px;align-items:center;min-height:44px}.story-caption>button span{font-size:20px}.story-shopping{padding-top:20px;padding-right:6%}.story-shopping>.eyebrow{font-size:7px;letter-spacing:1.3px}.story-shopping h3{font-size:42px;line-height:1.02;margin:23px 0 20px;letter-spacing:-1px}.story-shopping>p{font-size:10px;line-height:1.9;max-width:30ch;color:var(--muted)}#story-products{display:grid;gap:13px;margin:26px 0}.story-product{display:grid;grid-template-columns:73px 1fr;gap:14px;align-items:center;text-align:left;padding:0;border-bottom:1px solid #c7cec0;padding-bottom:13px}.story-product img{width:73px;height:83px;object-fit:cover;mix-blend-mode:multiply}.story-product>span{font-size:9px;line-height:1.7}.story-product small{display:block;font-size:9px;margin-top:6px}.story-cta{font-size:10px;display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid}.story-shopping>small{font-size:8px;display:block;margin-top:16px;color:var(--muted)}.fashion-statement{padding:53px 9% 65px;background:var(--forest);color:var(--paper);position:relative;overflow:hidden;min-height:590px}.statement-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;position:relative;z-index:1}.fashion-statement h2{font-size:clamp(80px,10vw,165px);line-height:.95;letter-spacing:-4px;margin:56px 0 50px;position:relative;z-index:1}.fashion-statement h2 em{padding-left:20%}.statement-bottom{display:flex;justify-content:space-between;position:relative;z-index:1}.statement-bottom p{font-size:11px;color:#cad1c3}.statement-mark{font:630px Georgia;position:absolute;right:-25px;top:20px;opacity:.045;line-height:1}.material-edit{padding:120px 6%;display:grid;grid-template-columns:.8fr 1.15fr .8fr;gap:4%;align-items:center}.material-title>.eyebrow{font-size:8px;margin-bottom:25px}.material-title h2{font-size:clamp(48px,4.7vw,75px);line-height:1.07}.material-title p{font-size:11px;color:var(--muted);margin:25px 0}.material-main{padding:0;position:relative;height:560px;overflow:hidden}.material-main img{object-fit:cover;transition:transform .8s}.material-main:hover img{transform:scale(1.06)}.material-main>span{position:absolute;bottom:20px;left:20px;right:20px;font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;background:var(--paper);padding:17px}.material-main b{font-size:16px;font-weight:400}.material-small{padding-top:135px}.material-small button{padding:0;text-align:left;width:100%}.material-small img{height:280px;object-fit:cover}.material-small button>span{display:block;margin-top:14px;font-size:10px}.material-small>p{font:19px/1.55 'Bodoni Moda';margin:32px 0;color:var(--muted)}.collection{background:#e9ebe5;padding:78px 6%;border:0}.section-top h2{font-size:57px}.collection .section-top .eyebrow{font-size:8px}.collection-bar{margin-top:35px}.product-photo{height:370px;background:#dfe3d9}.product-meta{display:block}.product-meta button{font-size:11px}.product-price{display:block;margin-top:7px;font-size:11px}.product-sub{font-size:8px}.product-label{font-size:6px;background:#f3f3efda;padding:5px 7px}.favorite{background:#f3f3efce}.quick-view{font-size:8px}.collection-end small{font-size:8px}.maison{padding:110px 6% 120px;display:grid;grid-template-columns:1fr 1.12fr .75fr;gap:5%;align-items:center}.maison-title .eyebrow{font-size:8px;margin-bottom:30px}.maison-title h2{font-size:clamp(48px,5vw,80px);line-height:1.1}.maison-signature{display:block;font:22px 'Bodoni Moda';font-style:italic;margin-top:35px}.maison-portrait{height:570px;position:relative;overflow:hidden}.maison-portrait img{object-position:50% 22%;filter:grayscale(1);transition:filter 1s}.maison-portrait:hover img{filter:grayscale(0)}.maison-portrait>span{position:absolute;bottom:15px;left:15px;color:var(--paper);font-size:6px;letter-spacing:1px;background:#202f27a0;padding:5px}.maison-text{padding-top:80px}.maison-text>p{font-size:11px;line-height:1.95;color:var(--muted);margin:20px 0}.maison-text .text-link{font-size:9px}.maison-k{display:block;font:100px 'Bodoni Moda';color:var(--forest);margin-top:36px}.concierge{text-align:center;background:#e6e9e1;padding:92px 20px 88px}.concierge .eyebrow{font-size:7px;letter-spacing:1.8px}.concierge h2{font-size:clamp(43px,5vw,80px);margin:30px 0;line-height:1.15}.concierge-link{font-size:12px;display:inline-flex;gap:40px;align-items:center;padding:16px 0;border-bottom:1px solid}.concierge-link span{font-size:22px}.concierge>small{display:block;font-size:8px;margin-top:25px;color:var(--muted)}.fashion-footer{padding:0 4%;background:#202f27;color:var(--paper)}.footer-links{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:41px 0 20px;font-size:9px}.footer-links>span{font-size:7px;letter-spacing:1.5px;margin-right:auto}.footer-giant{font:24vw/.95 Arial;letter-spacing:-1.5vw;display:block;text-align:center;margin:24px 0 5px;overflow:hidden;padding-right:1.5vw}.footer-bottom{padding:20px 0;border-color:#f3f3ef33;color:#bfc9bd;font-size:7px}.story-panel:focus-visible{outline:2px solid var(--forest)}.filters{gap:28px}.header.scrolled .menu-toggle span{background:var(--ink)}.menu-toggle span{background:var(--paper)}
@media(min-width:1600px){.story-visual{height:740px}.material-main{height:680px}.material-small img{height:350px}}
@media(max-width:1100px){.header-contact{display:none}.hero-masthead{top:130px;font-size:15vw}.hero-copy{bottom:16%}.story-layout{grid-template-columns:.8fr 1.5fr .9fr;gap:3%}.story-tabs button{font-size:23px;padding-left:21px}.story-tabs button[aria-selected=true]:after{display:none}.story-tabs button>small{font-size:6px;letter-spacing:.5px}.story-visual{height:550px}.story-shopping h3{font-size:34px}.story-product{grid-template-columns:55px 1fr;gap:10px}.story-product img{width:55px;height:65px}.material-main{height:470px}.material-small img{height:230px}.product-photo{height:285px}.maison{gap:3%}.maison-portrait{height:490px}.maison-title h2{font-size:54px}.maison-text{padding-top:30px}.opening-aside{gap:20px}.stories-heading h2{font-size:48px}}
@media(max-width:760px){.header{height:70px;grid-template-columns:1fr auto 1fr;padding:0 5%;gap:0}.menu-toggle{display:flex;justify-self:start}.wordmark{font-size:20px;letter-spacing:4px}.header-tools{gap:0}.header nav{position:absolute;top:70px;color:var(--ink);padding:25px;font-size:15px;gap:15px}.header nav.open{display:flex}.hero.fashion-hero{min-height:710px;height:100svh;max-height:950px}.hero-image img{object-position:68% center}.hero-shade{background:linear-gradient(0deg,#101d14b8,transparent 72%),linear-gradient(90deg,#17231830,transparent)}.hero-masthead{left:5%;top:96px;font-size:24vw;letter-spacing:-1.5vw;line-height:.9}.hero-side{right:10px;font-size:6px;top:36%;letter-spacing:1.2px}.hero-copy{bottom:110px;left:6%}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:15px}.hero h1{font-size:54px;letter-spacing:-1.9px}.hero-discover{margin-top:20px;font-size:10px;gap:28px}.circle-arrow{width:43px;height:43px;font-size:21px}.hero-bottom{left:6%;right:6%;bottom:17px;font-size:6px;gap:9px;padding-top:12px;align-items:center}.hero-bottom>span{font-size:6px}.hero-bottom>a{font-size:6px;gap:10px}.hero-bottom>a>span{font-size:16px}.hero-bottom small{font-size:6px}.opening-note{padding:64px 6%;grid-template-columns:1fr;gap:22px}.opening-note h2{font-size:41px;letter-spacing:-1.5px}.opening-aside{grid-template-columns:30px 1fr;padding:0;gap:14px 23px}.opening-aside p{font-size:11px;max-width:33ch}.fine-cross{font-size:33px}.opening-aside>.tiny{font-size:6px}.stories{padding:46px 6% 45px}.stories-heading{margin:0 0 29px;display:grid;grid-template-columns:1fr auto;gap:19px}.stories-heading>.eyebrow{max-width:none;grid-column:1/-1;font-size:7px}.stories-heading h2{font-size:42px;margin:0;letter-spacing:-1.5px}.story-counter{font-size:9px;align-self:end}.story-layout{display:flex;flex-direction:column;gap:23px}.story-index{padding:0;width:100%}.story-index>.tiny,.story-index>p,.index-link{display:none}.story-tabs{display:flex;margin:0;gap:15px}.story-tabs button{font-size:16px;padding:10px 0 14px;flex:1}.story-tabs button>span{position:static;display:block;font-size:7px;margin-bottom:7px}.story-tabs button>small{display:none}.story-panel{width:100%}.story-visual{height:470px}.story-image-number{font-size:42px}.story-caption{font-size:13px;padding:9px 0 0}.story-caption>button{font-size:6px;gap:7px}.story-shopping{padding:0;width:100%}.story-shopping h3{font-size:35px;margin:12px 0}.story-shopping h3 br{display:none}.story-shopping>p{font-size:10px;max-width:45ch}.story-shopping>.eyebrow{font-size:6px}.story-product{grid-template-columns:64px 1fr;gap:15px}.story-product img{width:64px;height:74px}.story-product>span{font-size:11px}.story-product small{font-size:10px;margin-top:3px}#story-products{gap:12px;margin:19px 0}.story-shopping>small{font-size:8px;max-width:43ch}.fashion-statement{padding:33px 7% 40px;min-height:385px}.statement-top{font-size:6px;letter-spacing:1px}.fashion-statement h2{font-size:69px;letter-spacing:-2.5px;margin:48px 0 34px}.fashion-statement h2 em{padding-left:11%}.statement-bottom p{font-size:9px}.statement-mark{font-size:390px;right:-45px;top:30px}.material-edit{padding:62px 6%;grid-template-columns:1fr 1fr;gap:22px 16px;align-items:start}.material-title{grid-column:1/-1}.material-title>.eyebrow{font-size:7px;margin-bottom:17px}.material-title h2{font-size:44px}.material-title h2 br{display:none}.material-title p{font-size:10px;margin:17px 0 7px}.material-title .text-link{font-size:10px}.material-main{height:280px}.material-main img{object-position:48% center}.material-main>span{left:7px;right:7px;bottom:8px;padding:9px;font-size:5px;letter-spacing:.5px}.material-main b{font-size:10px}.material-small{padding-top:50px}.material-small img{height:190px}.material-small button>span{font-size:8px;line-height:1.7}.material-small>p{font-size:14px;margin:20px 0 0}.collection{padding:51px 6%}.section-top h2{font-size:41px}.collection-bar{margin-top:17px}.collection .section-top .eyebrow{font-size:7px}.filters{gap:20px}.product-photo{height:245px}.product-meta button{font-size:10px}.product-price{font-size:10px;margin-top:5px}.product-sub{font-size:7px;line-height:1.6}.maison{padding:67px 6%;grid-template-columns:1fr 1fr;gap:25px 18px;align-items:start}.maison-title{grid-column:1/-1}.maison-title .eyebrow{font-size:7px;margin-bottom:20px}.maison-title h2{font-size:51px;line-height:1.05}.maison-title h2 br:nth-child(2){display:none}.maison-signature{font-size:20px;margin-top:20px}.maison-portrait{height:330px}.maison-portrait img{object-position:49% top}.maison-portrait>span{font-size:4px;left:5px;bottom:5px;letter-spacing:0;padding:4px}.maison-text{padding-top:7px}.maison-text>.tiny{font-size:6px;letter-spacing:1px}.maison-text>p{font-size:9px;margin:13px 0;line-height:1.8}.maison-text .text-link{font-size:8px;padding:5px 0}.maison-k{font-size:55px;margin-top:13px}.concierge{padding:55px 6%}.concierge .eyebrow{font-size:6px;letter-spacing:1px;max-width:40ch;margin:auto}.concierge h2{font-size:39px;letter-spacing:-1.5px;margin:23px 0}.concierge-link{font-size:11px;gap:30px}.fashion-footer{padding:0 6%}.footer-links{display:grid;grid-template-columns:1fr 1fr;padding:30px 0 15px;gap:18px;font-size:8px}.footer-links>span{grid-column:1/-1;font-size:6px}.footer-giant{font-size:24vw;margin:20px 0 15px}.footer-bottom{font-size:6px;gap:12px}.header.scrolled nav{background:var(--paper)}.look-hotspot{right:8%}}
@media(max-width:380px){.hero.fashion-hero{min-height:690px}.hero h1{font-size:51px}.story-visual{height:420px}.story-tabs button{font-size:15px}.product-photo{height:220px}.fashion-statement h2{font-size:63px}.maison-portrait{height:300px}}
@media(prefers-reduced-motion:reduce){.story-panel.changing .story-visual>img{opacity:1;transform:none}.hero-image img{transform:none!important}.hero-masthead{transform:none!important}.look-hotspot:hover>span{transform:none}}

.capsule-label{font-size:10px;border:1px solid #677063;padding:10px 15px;margin-bottom:25px;min-height:44px}
@media(max-width:760px){.story-shopping h3 br{display:initial}.maison-title h2 br:nth-child(2){display:initial}}