*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f5;color:#111;font-family:Inter,Arial,sans-serif}.top{background:#111;color:#fff;text-align:center;font-size:9px;letter-spacing:2px;padding:10px}header{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:20;border-bottom:1px solid #ddd}.logo img{width:90px;max-height:45px;object-fit:contain}nav{display:flex;gap:35px}a{text-decoration:none;color:inherit}nav a,.actions button{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.actions{display:flex;gap:20px}.actions button,header button{border:0;background:none;cursor:pointer}.actions b{display:inline-grid;place-items:center;background:#111;color:#fff;border-radius:50%;width:18px;height:18px;font-size:8px}.hero{height:78vh;min-height:560px;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.1)),url('assets/activewear-studio.png') center/cover;display:flex;align-items:end;padding:7vw;color:#fff}.hero div{max-width:650px}.hero small,.intro small,.split small,.about small{font-size:9px;letter-spacing:2.5px}.hero h1{font-size:clamp(70px,10vw,140px);line-height:.82;letter-spacing:-6px;margin:22px 0}.hero i,.split i{font-family:"Playfair Display",serif;font-weight:500}.hero p{max-width:470px;line-height:1.7;margin-bottom:30px}.light,.black{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 28px;font-size:9px;letter-spacing:1.8px;font-weight:600;border:1px solid #111}.light{background:#fff}.intro{display:grid;grid-template-columns:1fr 1fr;padding:110px 7vw 70px;gap:8vw}.intro h2,.about h2{font-size:clamp(45px,6vw,82px);line-height:.92;letter-spacing:-4px;margin:18px 0}.intro p{align-self:end;line-height:1.8;color:#666;max-width:480px}.shopbar{display:flex;justify-content:space-between;padding:0 7vw 30px;border-bottom:1px solid #ddd}.filters{display:flex;gap:26px}.filters button{background:none;border:0;border-bottom:1px solid transparent;padding:0 0 6px;font-size:9px;letter-spacing:1.6px;cursor:pointer;color:#888}.filters button.active{color:#111;border-color:#111}.shopbar select{border:0;background:none;font-size:9px;text-transform:uppercase;letter-spacing:1px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0 7vw 110px}.card{cursor:pointer}.photo{aspect-ratio:4/5;background:#eee;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover .photo img{transform:scale(1.04)}.badge{position:absolute;left:12px;top:12px;background:#fff;padding:7px;font-size:8px;letter-spacing:1px}.cardinfo{padding-top:13px}.cardinfo h3{font-size:12px;font-weight:500;margin:0 0 6px}.meta{display:flex;justify-content:space-between;color:#777;font-size:9px}.price{color:#111}.split{display:grid;grid-template-columns:1.15fr .85fr;background:#e8e8e5;min-height:650px}.split.rev{grid-template-columns:.85fr 1.15fr}.split.rev .pic{order:2}.pic{background:center/cover}.split>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:8vw}.split h2{font-size:clamp(50px,6vw,90px);line-height:.9;letter-spacing:-4px;margin:18px 0}.split p{color:#666;line-height:1.8;max-width:430px}.split a{font-size:9px;letter-spacing:1.8px;margin-top:20px}.about{background:#111;color:#fff;padding:120px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.about p{align-self:end;color:#aaa;line-height:1.9;max-width:520px}footer{background:#fff;padding:50px 7vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid #ddd}footer img{width:75px}footer div{display:flex;justify-content:center;gap:20px}footer div a,footer span{font-size:9px;color:#777}.shade{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:30;opacity:0;pointer-events:none;transition:.3s}.shade.on{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:40;right:0;top:0;height:100%;width:min(470px,100%);background:#fff;transform:translateX(100%);transition:.35s;display:flex;flex-direction:column}.drawer.open{transform:none}.dh{display:flex;justify-content:space-between;padding:27px;border-bottom:1px solid #ddd}.dh h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.dh button,.x,.search button{border:0;background:none;font-size:28px;cursor:pointer}.baglist{padding:25px;overflow:auto;flex:1}.bagrow{display:grid;grid-template-columns:75px 1fr auto;gap:13px;margin-bottom:20px}.bagrow img{width:75px;height:90px;object-fit:cover;background:#eee}.bagrow h4{font-size:11px;margin:4px 0}.bagrow p{font-size:9px;color:#777;margin:0}.qty{display:flex;align-items:center;gap:8px;margin-top:10px}.qty button{width:22px;height:22px;background:#fff;border:1px solid #ddd}.remove{font-size:8px;border:0;background:none;color:#888;margin-top:5px}.df{padding:25px;border-top:1px solid #ddd}.total{display:flex;justify-content:space-between;font-size:12px;margin-bottom:18px}.full{width:100%;background:#111;color:#fff}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;display:none;place-items:center;padding:20px}.modal.on{display:grid}.modalbox{width:min(800px,100%);background:#fff;padding:0;position:relative;max-height:90vh;overflow:auto}.x{position:absolute;right:18px;top:12px;z-index:3}.productdetail{display:grid;grid-template-columns:1fr 1fr}.productdetail img{width:100%;height:100%;max-height:650px;object-fit:cover;background:#eee}.pdinfo{padding:45px}.pdinfo small{color:#777;letter-spacing:1.5px}.pdinfo h2{font-size:32px;line-height:1.05}.pdprice{font-size:18px;margin:15px 0 25px}.pdinfo p{color:#666;font-size:12px;line-height:1.8}.choices{margin:22px 0}.choices label{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px}.choice{display:inline-block;border:1px solid #ddd;padding:10px 13px;margin:0 5px 6px 0;font-size:9px;cursor:pointer}.choice.selected{background:#111;color:#fff;border-color:#111}.pdqty{display:flex;align-items:center;gap:14px;margin:20px 0}.pdqty button{border:1px solid #ddd;background:#fff;width:30px;height:30px}.smallbox{width:min(520px,100%);padding:40px}.smallbox h2{font-size:30px}.smallbox form{display:grid;gap:12px;margin-top:20px}.smallbox input,.smallbox textarea{border:1px solid #ddd;padding:14px;font:inherit;font-size:12px}.smallbox textarea{min-height:90px}.search{position:fixed;inset:0;background:rgba(247,247,245,.98);z-index:70;display:none;align-items:center;justify-content:center;padding:10vw}.search.on{display:flex}.search input{width:100%;font-size:clamp(35px,6vw,75px);border:0;border-bottom:2px solid #111;background:none;outline:0}.search button{position:absolute;right:35px;top:25px}@media(max-width:900px){nav{display:none}.grid{grid-template-columns:repeat(2,1fr);padding-left:5vw;padding-right:5vw}.intro,.about{grid-template-columns:1fr}.split,.split.rev{grid-template-columns:1fr}.split.rev .pic{order:0}.pic{min-height:55vh}.productdetail{grid-template-columns:1fr}.pdinfo{padding:30px}.shopbar{padding-left:5vw;padding-right:5vw}}@media(max-width:520px){.hero{padding:9vw 6vw}.hero h1{letter-spacing:-4px}.grid{gap:16px}.cardinfo h3{font-size:10px}.quick{}footer{grid-template-columns:1fr;gap:20px}footer div{justify-content:flex-start;flex-wrap:wrap}}
