*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Noto Sans KR',sans-serif;color:#111}a{text-decoration:none;color:inherit}button{border:0;background:none;cursor:pointer}header{height:64px;background:#080808;color:#fff;display:flex;align-items:center;padding:0 42px;position:sticky;top:0;z-index:10}.logo{font-size:32px;font-weight:900;font-style:italic;letter-spacing:-2px}nav{display:flex;gap:42px;margin:auto;font-size:14px}.actions{display:flex;gap:18px;align-items:center}.actions button{color:white;font-size:19px}.actions i{font-size:10px;background:white;color:#111;border-radius:10px;padding:2px 5px;font-style:normal}.hero{height:560px;color:#fff;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.12)),url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1800&q=85') center/cover}.heroText{position:absolute;left:7%;top:25%}.heroText small{letter-spacing:2px}.hero h1{font-size:60px;line-height:.94;letter-spacing:-3px;margin:18px 0}.hero p{line-height:1.7;color:#ddd}.hero a{display:inline-block;background:white;color:#111;padding:14px 22px;font-weight:bold;font-size:13px;margin-top:12px}.hero>strong{position:absolute;right:8%;bottom:40px;font-size:58px;font-style:italic;transform:rotate(-8deg)}.benefits{background:#090909;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:22px 7%;gap:30px}.benefits div{font-size:18px}.benefits b{font-size:13px;margin-left:8px}.benefits small{display:block;margin:5px 0 0 31px;color:#aaa;font-size:10px}.section{padding:70px 5%}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.head h2{font-size:28px;margin:0 0 7px}.head p{color:#777;font-size:13px;margin:0}.head>a{font-size:12px}.products{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.product{position:relative;cursor:pointer}.product img{width:100%;aspect-ratio:1/1.15;object-fit:cover;background:#eee;display:block;transition:.35s}.product:hover img{transform:scale(1.03)}.tag{position:absolute;top:9px;left:9px;background:#111;color:white;padding:4px 7px;font-size:9px}.info{padding:11px 2px}.brand{font-size:11px;color:#777}.name{font-size:13px;margin:5px 0 9px}.price{font-weight:bold;font-size:14px}.like{position:absolute;right:5px;bottom:52px;font-size:19px}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 5% 70px}.cat{height:260px;color:white;padding:28px;display:flex;flex-direction:column;justify-content:end;position:relative;background-size:cover;background-position:center}.cat:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.72))}.cat>*{position:relative}.cat b{font-size:30px}.cat span{font-size:11px;margin-top:8px}.c1{background-image:url('https://images.unsplash.com/photo-1551488831-00ddcb6c6bd3?auto=format&fit=crop&w=700&q=80')}.c2{background-image:url('https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?auto=format&fit=crop&w=700&q=80')}.c3{background-image:url('https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&w=700&q=80')}.c4{background-image:url('https://images.unsplash.com/photo-1521369909029-2afed882baee?auto=format&fit=crop&w=700&q=80')}.newsletter{background:#111;color:white;text-align:center;padding:90px 20px}.newsletter h2{font-size:38px}.newsletter div{display:flex;max-width:430px;margin:auto}.newsletter input{flex:1;padding:15px;border:0}.newsletter button{background:white;padding:0 20px;font-weight:bold}footer{background:#050505;color:#777;padding:40px 5%;display:flex;justify-content:space-between;font-size:10px}footer b{font-size:25px;color:white;font-style:italic}#shade{position:fixed;inset:0;background:#0008;opacity:0;pointer-events:none;transition:.3s;z-index:20}#shade.on{opacity:1;pointer-events:auto}#drawer{position:fixed;right:-420px;top:0;width:410px;height:100vh;background:white;z-index:21;padding:25px;transition:.35s;display:flex;flex-direction:column}#drawer.on{right:0}.drawerHead{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:18px}.drawerHead button{font-size:25px}#items{flex:1;overflow:auto;padding-top:10px}.cartItem{display:flex;gap:12px;border-bottom:1px solid #eee;padding:15px 0}.cartItem img{width:75px;height:90px;object-fit:cover}.cartItem div{flex:1}.cartItem b{display:block;font-size:13px;margin-bottom:8px}.remove{text-decoration:underline;font-size:11px;margin-top:10px}.total{border-top:1px solid #111;padding:20px 0;display:flex;justify-content:space-between}.checkout{background:#111;color:#fff;padding:17px;font-weight:bold}@media(max-width:900px){nav{gap:15px}.products{grid-template-columns:repeat(3,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{padding:0 18px}nav{display:none}.hero h1{font-size:43px}.hero{height:500px}.hero>strong{font-size:38px}.products{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr 1fr;padding:18px}.cats{grid-template-columns:1fr}.section{padding:50px 18px}.cats{padding:0 18px 50px}footer{flex-direction:column;gap:15px}#drawer{width:92vw}}