:root{--ink:#171717;--paper:#f7f6f3;--lime:#d9f75f;--orange:#ec6c42;--line:#d8d6d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.announcement{height:35px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem}.announcement span{color:var(--lime);margin:0 12px}header{height:82px;padding:0 4vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10;background:#fff}.logo{font:800 1.13rem "Manrope";letter-spacing:-.03em}.logo span{display:inline-grid;place-items:center;background:var(--ink);color:var(--lime);width:42px;height:42px;border-radius:50%;margin-right:10px;font-size:.82rem;letter-spacing:0}nav{display:flex;justify-content:center;gap:28px;font-size:.87rem;font-weight:600}.cart-button,.nav-toggle{border:0;background:transparent;font-weight:700;cursor:pointer}.cart-count{display:inline-grid;place-items:center;background:var(--lime);width:25px;height:25px;border-radius:50%;margin-left:5px}.nav-toggle{display:none}.hero{min-height:650px;height:calc(100vh - 117px);position:relative;overflow:hidden;background:#eee8de}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;left:7vw;top:50%;transform:translateY(-50%);max-width:530px}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:700;margin:0 0 18px}.hero h1,.section-heading h2,.shop-hero h1,.signup h2{font:800 clamp(3.5rem,7vw,7rem)/.93 "Manrope";letter-spacing:-.065em;margin:0 0 26px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p:not(.kicker){font-size:1.05rem;max-width:460px;margin-bottom:32px}.button{display:inline-block;border:0;padding:15px 22px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.dark{background:var(--ink);color:white}.text-link{margin-left:20px;font-size:.82rem;font-weight:700;border-bottom:1px solid}.departments,.featured{padding:100px 6vw}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-heading h2{font-size:clamp(2.4rem,4.5vw,4.8rem);margin:0}.section-heading>a{font-size:.82rem;font-weight:700;border-bottom:1px solid}.dept-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:260px 260px;gap:14px}.dept{position:relative;overflow:hidden;background-image:url("assets/products.png");background-repeat:no-repeat;border-radius:2px}.dept::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}.dept span{position:absolute;z-index:1;left:22px;bottom:18px;color:white;font:700 1.35rem "Manrope"}.dept.women{grid-column:span 5;background-size:300% 200%;background-position:0 0}.dept.men{grid-column:span 4;background:#232d39}.dept.men::before{content:"A.L";position:absolute;inset:0;display:grid;place-items:center;color:#88a0b8;font:800 5rem "Manrope"}.dept.kids{grid-column:span 3;background-size:300% 200%;background-position:100% 0}.dept.tech{grid-column:span 6;background-size:300% 200%;background-position:50% 100%}.dept.accessories{grid-column:span 6;background-size:300% 200%;background-position:100% 100%}.featured{background:var(--paper)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.product-image,.colour-card{display:block;aspect-ratio:.9;background-color:#eee;background-image:url("assets/products.png");background-repeat:no-repeat;margin-bottom:17px}.crop{background-size:300% 200%}.bag{background-position:0 0}.watch{background-position:50% 0}.shoes{background-position:100% 0}.baby{background-position:0 100%}.headphones{background-position:50% 100%}.glasses{background-position:100% 100%}.product .tag{margin:0 0 3px;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;color:#777}.product h3{font:700 1rem "Manrope";margin:0}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price-row strong{font-size:.9rem}.quick-add{border:1px solid var(--ink);background:transparent;padding:7px 13px;font-size:.72rem;font-weight:700;cursor:pointer}.quick-add:hover{background:var(--ink);color:white}.promise{padding:80px 6vw;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;border-bottom:1px solid var(--line)}.promise strong{color:var(--orange)}.promise h3{font:700 1.2rem "Manrope";margin:14px 0 5px}.promise p{color:#666;margin:0}.signup{padding:100px 6vw;text-align:center;background:var(--lime)}.signup h2{font-size:clamp(2.5rem,5vw,5rem)}.signup form{display:flex;max-width:560px;margin:30px auto 0}.signup input{flex:1;border:1px solid var(--ink);padding:14px;background:white}.signup-status{min-height:25px}footer{background:var(--ink);color:white;padding:65px 5vw 35px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-logo span{background:var(--lime);color:var(--ink)}footer h3{font:700 .75rem "Manrope";text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px}footer p{color:#aaa;max-width:430px}footer>p{grid-column:1/-1;border-top:1px solid #363636;padding-top:22px}.cart{position:fixed;z-index:30;right:0;top:0;width:min(430px,90vw);height:100vh;background:white;transform:translateX(105%);transition:.3s;padding:28px;display:flex;flex-direction:column}.cart.open{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.cart-head h2{font:800 1.5rem "Manrope"}.cart-close{font-size:2rem;background:none;border:0;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:20px 0}.cart-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.empty{color:#777}.cart-foot>div{display:flex;justify-content:space-between;margin-bottom:15px}.checkout{width:100%;text-align:center}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:20;opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.shop-hero{text-align:center;padding:90px 5vw 65px;background:var(--paper)}.shop-hero h1{font-size:clamp(3.5rem,6vw,6.5rem)}.shop-hero p:last-child{color:#666}.filters{display:flex;justify-content:center;gap:8px;padding:20px;position:sticky;top:0;background:rgba(255,255,255,.95);z-index:5;border-bottom:1px solid var(--line);overflow:auto}.filters button{white-space:nowrap;border:1px solid var(--line);background:white;padding:9px 16px;font-size:.72rem;font-weight:700;cursor:pointer}.filters button.active{background:var(--ink);color:white}.catalog{padding:60px 6vw 100px}.product.hidden{display:none}.colour-card{background-image:none;display:grid;place-items:center}.colour-card span{font:800 4rem "Manrope";opacity:.25}.coral{background:#e77b63}.navy{background:#283648;color:white}.sand{background:#d8c8ae}
@media(max-width:900px){header{grid-template-columns:1fr auto auto;gap:12px;padding:0 22px}header nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;flex-direction:column;align-items:flex-start;padding:25px;border-bottom:1px solid var(--line)}header nav.open{display:flex}.nav-toggle{display:block}.hero-copy{left:6vw}.hero img{object-position:60% center}.dept-grid{grid-template-rows:220px 220px}.product-grid{grid-template-columns:repeat(2,1fr)}.promise{grid-template-columns:1fr}.departments,.featured{padding:75px 5vw}}
@media(max-width:580px){.announcement{font-size:.55rem;text-align:center;padding:0 12px}.logo{font-size:.9rem}.logo span{width:36px;height:36px}.hero{height:720px}.hero img{object-position:67% center;opacity:.55}.hero-copy{right:6vw;top:42%}.hero h1{font-size:3.7rem}.text-link{display:block;margin:18px 0 0}.section-heading{align-items:flex-start;gap:20px}.dept-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,180px)}.dept.women,.dept.men,.dept.kids,.dept.tech{grid-column:span 1}.dept.accessories{grid-column:1/-1}.product-grid{gap:14px}.product h3{font-size:.88rem}.catalog{padding:35px 4vw 80px}.signup form{flex-direction:column;gap:8px}footer{grid-template-columns:1fr}.shop-hero{padding:65px 5vw 45px}}