:root{--black:#111;--soft:#f0f0ee;--line:#ddd;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);font-family:Inter,"Noto Sans Bengali",sans-serif}button,input,textarea,select{font:inherit}.header{height:76px;padding:0 5vw;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(14px);z-index:20}.logo{font-size:18px;font-weight:800;letter-spacing:2px;text-decoration:none;color:#111}.logo span{font-weight:400}.header nav{display:flex;gap:30px}.header nav a{font-size:13px;color:#333;text-decoration:none}.actions{display:flex;align-items:center;gap:12px}.pill{border:1px solid #bbb;background:#fff;border-radius:99px;padding:6px 11px;font-size:11px}.bag{border:0;background:none}.bag b{background:#111;color:#fff;border-radius:50%;font-size:10px;padding:2px 6px}.hamb{display:none;border:0;background:none;font-size:21px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}.hero-copy{padding:90px 8vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#777;margin:0 0 17px}.hero h1{font-size:clamp(48px,6.4vw,84px);line-height:.94;letter-spacing:-4px;margin:0 0 28px}.hero em,h2 em{font-family:Georgia,serif;font-weight:400}.lead{max-width:500px;color:#555;line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:24px}.btn{border:0;padding:15px 25px;font-size:12px;font-weight:700;cursor:pointer}.dark{background:#111;color:#fff}.under{font-size:12px;text-decoration:none;border-bottom:1px solid #999;padding-bottom:4px;color:#111}.hero-art{position:relative;min-height:650px;background:#d1d1cf}.look{position:absolute;display:grid;place-items:center;text-align:center;box-shadow:0 20px 50px #0002}.look1{width:54%;height:70%;left:13%;top:15%;background:#222;color:#fff;font-size:70px;font-weight:800}.look2{width:37%;height:46%;right:7%;bottom:8%;background:#eee;font-size:17px;letter-spacing:3px;font-weight:700}.seal{position:absolute;right:7%;top:9%;width:86px;height:86px;border:1px solid #555;border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:800}.seal small{font-size:6px;letter-spacing:1px}.ticker{height:48px;background:#111;color:#fff;display:flex;justify-content:center;gap:25px;align-items:center;white-space:nowrap;overflow:hidden;font-size:10px;letter-spacing:2px}.ticker i{color:#888}.section{max-width:var(--max);margin:auto;padding:100px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section h2,.contact h2{font-size:43px;letter-spacing:-2px;margin:0}.filters{display:flex;gap:20px}.filter{background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;font-size:12px;cursor:pointer}.filter.active{border-color:#111}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{cursor:pointer}.product-img{aspect-ratio:3/4;background:#e3e3e1;display:grid;place-items:center;position:relative;overflow:hidden}.tag{position:absolute;left:12px;top:12px;background:#fff;padding:6px 8px;font-size:8px;letter-spacing:1px}.shirt-shape{width:52%;height:65%;clip-path:polygon(20% 0,38% 10%,62% 10%,80% 0,100% 25%,80% 40%,76% 100%,24% 100%,20% 40%,0 25%);background:#222}.light{background:#f4f4f2}.gray{background:#777}.meta{padding:14px 0 25px}.meta h3{font-size:13px;margin:0 0 6px}.meta p{font-size:11px;color:#777;margin:0}.price{font-weight:700;margin-top:8px;font-size:13px}.cat-grid{display:grid;grid-template-columns:1fr 1fr .55fr;gap:16px}.cat{height:360px;padding:30px;display:flex;align-items:end;color:#fff;text-decoration:none;position:relative;overflow:hidden}.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#0007)}.cat div{position:relative;z-index:1}.cat1{background:#999}.cat2{background:#444}.cat h3{font-size:35px;margin:8px 0}.cat small,.cat span{font-size:10px}.cat-note{background:#111;color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.cat-note strong{font-size:65px;letter-spacing:-7px}.cat-note p{font:24px Georgia,serif}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 5vw;background:#e7e7e5}.benefits div{display:flex;gap:14px}.benefits b{font-size:10px;color:#777}.benefits span{font-size:12px;font-weight:600}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-mark{aspect-ratio:1;background:#111;color:#fff;display:grid;place-items:center;font-size:clamp(100px,13vw,160px);font-weight:800;letter-spacing:-12px}.body{max-width:520px;color:#666;font-size:14px;line-height:1.9}.contact{background:var(--soft);padding:100px max(5vw,calc((100vw - var(--max))/2 + 5vw));display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:60px;line-height:1}.contact form,.checkout-form{display:flex;flex-direction:column;gap:12px}.contact input,.contact textarea,.checkout-form input,.checkout-form select{border:0;border-bottom:1px solid #aaa;background:transparent;padding:14px 0;outline:none}.full{width:100%}footer{background:#111;color:#fff;padding:35px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:10px}footer a{color:#aaa;margin-left:18px;text-decoration:none}footer p{color:#888}.drawer{position:fixed;right:-440px;top:0;height:100vh;width:min(440px,100%);background:#fff;z-index:50;padding:28px;display:flex;flex-direction:column;box-shadow:-20px 0 60px #0002;transition:.3s}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:18px}.drawer-head h3{margin:0}.drawer-head button,.x{border:0;background:none;font-size:28px;cursor:pointer}.cart-items{flex:1;overflow:auto}.cart-row{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #eee}.thumb{width:68px;height:82px;background:#ddd;display:grid;place-items:center;font-size:9px}.cart-row h4{margin:0 0 6px;font-size:12px}.cart-row p{margin:0;color:#777;font-size:11px}.qty{display:flex;gap:7px;align-items:center;margin-top:9px}.qty button{border:1px solid #ccc;background:#fff;width:24px;height:24px;cursor:pointer}.remove{border:0!important;background:none!important;text-decoration:underline;font-size:10px;width:auto!important}.total{display:flex;justify-content:space-between;padding:20px 0}.overlay{position:fixed;inset:0;background:#0006;z-index:40;opacity:0;pointer-events:none;transition:.25s}.overlay.show{opacity:1;pointer-events:auto}.modal-wrap{position:fixed;inset:0;background:#0007;z-index:60;display:none;align-items:center;justify-content:center;padding:18px}.modal-wrap.show{display:flex}.modal{position:relative;background:#fff;width:min(850px,100%);display:grid;grid-template-columns:1fr 1fr}.modal-visual{min-height:520px;background:#ddd;display:grid;place-items:center}.modal-info{padding:55px 40px}.modal-info h2{font-size:34px;margin:0 0 15px}.modal-info p:not(.eyebrow){color:#666;font-size:13px;line-height:1.7}.mprice{font-size:20px;font-weight:800;margin:25px 0}.sizes{display:flex;align-items:center;gap:8px;margin-bottom:25px}.sizes span{font-size:11px;margin-right:8px}.sizes button{background:#fff;border:1px solid #ccc;padding:8px 13px;font-size:11px;cursor:pointer}.sizes .selected{background:#111;color:#fff}.checkout{position:relative;background:#fff;width:min(560px,100%);padding:45px}.checkout h2{margin:0 0 20px;font-size:32px}.summary{background:#f3f3f1;padding:15px;margin-bottom:20px;font-size:12px}.summary div{display:flex;justify-content:space-between;padding:6px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);background:#111;color:#fff;padding:12px 18px;font-size:12px;opacity:0;z-index:100;transition:.25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:800px){.header nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:20px 6vw;border-bottom:1px solid #ddd;flex-direction:column;gap:18px}.header nav.show{display:flex}.hamb{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 7vw 55px}.hero-art{min-height:450px}.section{padding:70px 6vw}.grid{grid-template-columns:repeat(2,1fr)}.cat-grid{grid-template-columns:1fr 1fr}.cat-note{grid-column:1/-1;height:180px}.benefits{grid-template-columns:1fr 1fr;gap:18px}.about,.contact{grid-template-columns:1fr;gap:45px}.modal{grid-template-columns:1fr}.modal-visual{min-height:320px}.modal-info{padding:35px}footer{flex-wrap:wrap;gap:15px}}
@media(max-width:480px){.hero h1{letter-spacing:-2px}.grid{gap:12px}.cat-grid{grid-template-columns:1fr}.cat-note{grid-column:auto}.section-head{align-items:start;gap:20px;flex-direction:column}.contact h2{font-size:45px}.benefits{grid-template-columns:1fr}}