*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#f6f4f0}a{text-decoration:none;color:inherit}header{height:74px;background:#080808;color:white;display:flex;align-items:center;padding:0 5%;position:sticky;top:0;z-index:10}.brand{width:190px}.brand img{width:150px;display:block;filter:grayscale(1) brightness(0) invert(1)}nav{display:flex;gap:40px;margin:auto;font-weight:800;font-size:13px}nav a.active,nav a:hover{color:#f21b1b}.icons{font-size:20px}.hero{height:510px;position:relative;background:url('assets/home-reference.png') center 7%/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.12),rgba(0,0,0,.55))}.heroText{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-shadow:0 3px 10px #000}.script,.footlogo{font-family:Georgia,serif;font-weight:900;font-style:italic}.script{font-size:100px;line-height:.85}.hero h1{font-size:45px;color:#ed2024;margin:12px}.hero p{letter-spacing:8px}.btn{background:#fff;color:#111;padding:16px 32px;font-weight:900;display:inline-block;margin-top:12px;text-shadow:none}.perks{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 7%;background:#fff;gap:20px}.perks span{display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.perks small{grid-column:2;color:#666}.promo{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 2%}.promo a{height:230px;padding:30px;color:white;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#37100d);border:1px solid #333}.promo a:nth-child(2){background:linear-gradient(135deg,#151515,#777)}.promo b{font-size:45px;line-height:.9}.promo em{background:#fff;color:#111;padding:10px;width:max-content;margin-top:20px;font-style:normal;font-weight:bold}.products{padding:0 2% 30px}.sectionHead{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #bbb;padding:10px 0}.sectionHead h2{font-size:30px;margin:0}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:white;padding:10px;position:relative}.shirt{height:250px;display:grid;place-items:center;background:#eee;font-size:72px}.card h3{font-size:13px;margin:12px 0 6px}.card b{font-size:14px}.new{position:absolute;right:8px;top:8px;background:#f22;color:white;padding:5px;font-size:10px}.dots{margin-top:8px;letter-spacing:3px}.city{min-height:190px;background:linear-gradient(90deg,#1b0907,#111,#2a0909);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.city strong{font-size:52px;font-style:italic}.city i{color:red}.city small{letter-spacing:5px}.subhero{height:270px;color:white;background:linear-gradient(90deg,#090909,#4a100c,#090909);display:flex;flex-direction:column;align-items:center;justify-content:center}.subhero h1{font-size:90px;margin:0;font-style:italic}.subhero p{letter-spacing:6px}.drop{height:390px;background:linear-gradient(120deg,#050505,#70120e,#111)}.drop h1{line-height:.75}.shop{display:grid;grid-template-columns:230px 1fr;max-width:1200px;margin:30px auto}.shop aside{padding:20px;background:#fff}.shop aside h3{margin-top:25px}.shop aside label{display:block;margin:11px 0}.shopProducts{padding:20px}.tabs{background:#fff;padding:10px;font-size:12px}.tabs:first-letter{color:red}footer{background:#090909;color:#fff;padding:30px 5%;display:grid;grid-template-columns:1.3fr 1fr 1fr 2fr;gap:40px}footer div{display:flex;flex-direction:column;gap:8px}.footlogo{font-size:38px}footer a,footer small{color:#aaa;font-size:12px}footer input{background:#111;border:1px solid #555;padding:12px;color:white;display:inline-block}footer button{background:red;color:white;border:0;padding:12px}@media(max-width:800px){nav{gap:12px;font-size:9px}.brand{width:110px}.brand img{width:100px}.hero{height:420px}.script{font-size:55px}.hero h1{font-size:25px}.hero p{letter-spacing:2px}.perks,.grid,.grid.three,.grid.four{grid-template-columns:repeat(2,1fr)}.promo{grid-template-columns:1fr}.shop{grid-template-columns:1fr}.shop aside{display:none}footer{grid-template-columns:1fr 1fr}.city strong{font-size:32px}}
