/* The original KASA JACK artwork anchors every page. */
:root{--header-height:142px;--logo-width:280px}
html{scroll-padding-top:calc(var(--header-height) + 18px)}
.header{position:sticky;top:0;z-index:20;height:var(--header-height);padding:14px 5% 12px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:86px 30px;gap:0;background:var(--ivory);box-shadow:0 2px 10px #382c2305}
.brand{grid-column:2;grid-row:1;display:block;width:var(--logo-width);max-width:100%;font-size:0;letter-spacing:0}
.brand-logo{display:block;width:100%;height:auto;max-height:86px;object-fit:contain;mix-blend-mode:darken}
.header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:20px}
.header #navigation{grid-column:1/-1;grid-row:2;position:static;margin:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:35px;padding:0;font-size:12px;letter-spacing:.025em;box-shadow:none}
.header #navigation a{display:block;padding:4px 0;white-space:nowrap;border-bottom:1px solid transparent;transition:border-color .2s}
.header #navigation a:hover,.header #navigation a[aria-current]{border-color:var(--ink)}
.header-icon{position:relative;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--ink);padding:8px;cursor:pointer;width:44px;height:44px;font-size:10px}
.header-icon svg{width:23px;height:23px;flex-shrink:0}.header-icon>span{position:absolute;right:-2px;top:-1px;min-width:17px;text-align:center;background:var(--ivory);font-size:10px;line-height:18px}
.header .menu-toggle{display:none}
.hero{min-height:calc(100svh - var(--header-height) - 30px);display:flex;align-items:center;padding:65px 7% 105px;color:var(--ivory)}
.hero-copy{max-width:600px}.hero-copy h1{font-size:clamp(68px,7.7vw,118px);line-height:.98}.hero-copy>p:not(.eyebrow){max-width:360px;font-size:17px;line-height:1.7}
.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#2b241ecd 0%,#2b241e70 32%,#2b241e00 68%),linear-gradient(0deg,#2b241e55,transparent 30%)}
.hero-foot{font-size:10px}.hero-copy .button{letter-spacing:.045em}
.rail-controls:has(#previous:disabled):has(#next:disabled){visibility:hidden}
.collection-heading h2{font-size:clamp(48px,5.5vw,80px)}
.collection-section .product{flex-basis:calc((100% - 56px)/3);min-width:245px;position:relative}
.collection-section .collection-heading{align-items:flex-end}.collection-toolbar{padding-bottom:12px;margin-bottom:30px}.collection-toolbar .text-link{padding:6px 0}
.product{position:relative}.save-piece{position:absolute;z-index:2;right:14px;top:14px;width:44px;height:44px;border:1px solid #382c2318;border-radius:50%;background:var(--ivory);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
.save-piece svg{width:20px;height:20px}.save-piece[aria-pressed=true]{color:var(--clay)}.save-piece[aria-pressed=true] svg{fill:currentColor}.save-piece:hover{background:var(--sand)}
.save-detail{position:static;border-radius:0;border:0;background:transparent;width:auto;gap:10px;padding:10px 0;margin-top:20px;font-size:13px}.save-detail:hover{background:transparent}
.looks-section{padding:110px 7% 100px;border-top:1px solid #382c2318}.looks-section .collection-heading{align-items:flex-end;gap:40px;margin-bottom:42px}.looks-section h2{max-width:620px}.looks-gallery{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:25px}.look-card:nth-child(3n+2){padding-top:75px}.look-card:nth-child(3n+3){padding-top:35px}.look-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--sand)}.look-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1)}.look-card:first-child .look-image{aspect-ratio:4/5}.look-card:hover img,.look-card:focus-visible img{transform:scale(1.035)}.look-instagram{position:absolute;bottom:18px;right:18px;width:40px;height:40px;background:var(--ivory);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.look-instagram svg{width:20px;height:20px}.look-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;font-size:13px}.looks-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:40px;font-size:12px;color:var(--olive)}
.wishlist-dialog{max-width:640px}.close-wishlist{border:0;background:none;color:var(--ink);font-size:13px;cursor:pointer;padding:8px}.wishlist-line{display:grid;grid-template-columns:95px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid #382c2320}.wishlist-line img{width:95px;height:124px;object-fit:contain;background:var(--sand)}.wishlist-line h3{font-size:29px}.wishlist-line p{font-size:13px;margin-top:7px}.wishlist-line .actions{display:flex;gap:24px;align-items:center;margin-top:15px}.wishlist-line .remove-line{font-size:12px}
footer{background:var(--ivory);color:var(--ink);border-top:1px solid #382c2320}.footer-top a{border-color:#382c2340}.footer-links a{color:var(--olive)}.footer-links a:hover,.footer-links a[aria-current]{color:var(--ink)}.footer-wordmark{white-space:normal;margin:55px 0 45px}.footer-wordmark img{display:block;width:min(840px,90%);height:auto;margin:auto;mix-blend-mode:darken}.footer-bottom{border-color:#382c2325}.footer-bottom>span:last-child{color:var(--olive)}
.journey-desktop .collection-stage{top:var(--header-height);height:calc(100svh - var(--header-height))}
.faq-layout aside,.legal-layout aside{top:calc(var(--header-height) + 32px)}
@media(max-width:1000px){.header #navigation{gap:24px;font-size:11px}.header-actions{gap:12px}.hero-copy h1{font-size:clamp(68px,8vw,100px)}.collection-section .product{flex-basis:42%;min-width:240px}.looks-gallery{gap:18px}.look-caption{font-size:12px}.journey-desktop .scene-card{padding:26px}.journey-desktop .scene-word{font-size:14vw}}
@media(max-width:760px){:root{--header-height:98px}.header{height:var(--header-height);padding:12px 5%;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr}.brand{grid-column:1;grid-row:1;width:min(var(--logo-width),220px);justify-self:start}.brand-logo{max-height:74px}.header-actions{grid-column:2;gap:5px}.header-icon{width:38px;height:42px;padding:7px}.header-icon svg{width:21px;height:21px}.header .menu-toggle{display:block;font-size:12px;margin-left:6px;padding:7px 0;min-height:38px}.header #navigation{display:none;position:absolute;top:var(--header-height);left:0;right:0;margin:0;padding:18px 6% 25px;background:var(--ivory);box-shadow:0 10px 20px #382c2312;max-height:calc(100svh - var(--header-height));overflow:auto;gap:0;font-size:15px;letter-spacing:0}.header #navigation.open{display:flex;flex-direction:column;align-items:stretch}.header #navigation a{display:block;padding:11px 0;border-bottom:1px solid #382c2318}.hero{min-height:calc(94svh - var(--header-height));padding:65px 7% 94px}.hero-copy h1{font-size:clamp(56px,11.8vw,84px)}.hero-copy{max-width:90%}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:290px}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#2b241ea8,#2b241e20),linear-gradient(0deg,#2b241e40,transparent 65%)}.hero-foot{font-size:9px;letter-spacing:.1em}.collection-section .product{flex-basis:82%;min-width:0}.collection-heading h2{font-size:53px}.collection-heading>p{font-size:15px}.looks-section{padding:65px 7%}.looks-section .collection-heading{display:block;margin-bottom:30px}.looks-gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--sand) transparent}.look-card,.look-card:nth-child(3n+2),.look-card:nth-child(3n+3){flex:0 0 82%;padding:0;scroll-snap-align:start}.look-card:first-child .look-image,.look-image{aspect-ratio:4/5}.looks-foot{align-items:flex-start;flex-direction:column;gap:10px;margin-top:20px}.save-piece{right:10px;top:10px}.save-detail{margin-top:15px}.footer-wordmark{margin:40px 0 32px}.footer-wordmark img{width:100%}.wishlist-line{grid-template-columns:75px 1fr;gap:16px}.wishlist-line img{width:75px;height:104px}.wishlist-line h3{font-size:26px}}
@media(max-width:380px){.brand{width:170px}.header{padding-left:4%;padding-right:4%}.header-actions{gap:1px}.header .menu-toggle{font-size:11px}.hero-copy h1{font-size:53px}}
@media(prefers-reduced-motion:reduce){.look-image img{transition:none}.header #navigation a{transition:none}}