@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#161719;--surface:#222326;--text:#f5f5f2;--muted:#b3b4b6;--orange:#ff7847;--border:#393a3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;gap:48px}.brand{font-family:Manrope,Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.8px;white-space:nowrap}.brand span{color:var(--orange)}.brand i{font-size:12px;vertical-align:top;font-style:normal;letter-spacing:0;margin-left:4px}nav{display:flex;gap:32px;margin:auto;font-size:14px}nav a:hover,footer a:hover{color:var(--orange)}.outline{border:1px solid #626367;padding:11px 18px;border-radius:6px;font-size:14px}.contact span{margin-left:22px}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px;padding:32px 5% 56px;gap:36px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow span{height:7px;width:7px;background:var(--orange);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(42px,4.8vw,70px)/1.09 Manrope,Arial,sans-serif;letter-spacing:-3px;margin:26px 0}h1 em{font-style:normal;color:var(--orange)}.intro{color:var(--muted);max-width:440px;line-height:1.75}.button{background:var(--orange);color:#181819;border-radius:5px;padding:15px 22px;font-weight:700;display:inline-flex;gap:36px;align-items:center;margin-top:16px;min-height:52px}.button:hover{background:#ff926a}.hero-bottom{display:flex;width:100%;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;margin-top:48px;font-size:11px;letter-spacing:1.5px;color:var(--muted)}.hero-photo{position:relative;min-height:500px;border-radius:10px;overflow:hidden;background:#252628}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.photo-label{position:absolute;left:24px;bottom:40px;font-size:14px;text-shadow:0 1px 8px black}.image-note{position:absolute;left:24px;bottom:20px;font-size:12px;color:#ccc}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:23px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:1.7px}.ticker b{font-size:24px;color:var(--orange)}.collection{padding:78px 5% 84px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-head .eyebrow{color:var(--orange)}h2{font:500 clamp(30px,3vw,42px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-1.5px;margin-bottom:20px}.section-head>p{color:var(--muted);font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.filters button{padding:10px 21px;border:1px solid var(--border);border-radius:40px;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;min-height:44px}.filters button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.filters small{font-size:12px;margin-left:10px;opacity:.6}.demo-note{font-size:12px;color:var(--muted);margin:24px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-image{height:320px;position:relative;overflow:hidden;border-radius:8px;background:#242629}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.04)}.badge{position:absolute;top:16px;left:16px;font-size:12px;background:#171819db;padding:4px 10px;border-radius:4px}.product-body{padding:22px 0 0}.product-cat{color:var(--muted);font-size:12px;margin-bottom:6px}.product h3{font:600 23px/1.3 Manrope,Arial,sans-serif;margin-bottom:10px;letter-spacing:-.5px}.description{font-size:14px;color:var(--muted);min-height:45px}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:18px;gap:12px}.price{font-size:14px}.product-bottom a{font-size:14px;color:var(--orange);padding:8px 0}.product-bottom a:hover{text-decoration:underline}.how{margin:0 5% 70px;border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:50px;background:#1c1d1f}.how h2{font-size:44px}.how .eyebrow{color:var(--muted)}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--border)}li:first-child{padding-top:0}li:last-child{border:0}li>span{color:var(--orange);font-size:14px;padding-top:3px}li h3{font-size:18px;margin-bottom:5px;font-weight:500}li p{font-size:14px;color:var(--muted);margin:0}footer{border-top:1px solid var(--border);padding:36px 5% 48px;display:flex;align-items:center;gap:32px;max-width:1440px;margin:auto}footer p{color:var(--muted);font-size:14px;margin:0 auto 0 0}footer a:not(.brand),footer small{font-size:12px}footer small{color:var(--muted)}.floating{position:fixed;right:24px;bottom:24px;border-radius:50%;width:56px;height:56px;background:#b9f4b1;color:#15361c;display:grid;place-items:center;box-shadow:0 4px 25px #0007;z-index:5}.floating svg{width:29px;height:29px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){.hero{min-height:640px}}@media(max-width:900px){header{gap:20px}nav{gap:20px}.hero{gap:24px}h1{letter-spacing:-2px}.hero-photo{min-height:440px}.hero-bottom{font-size:9px}.product-image{height:240px}.how{padding:32px;gap:30px}footer{flex-wrap:wrap}footer small{width:100%}.product-bottom{align-items:flex-start;flex-direction:column;gap:0}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:27px}nav{display:none}.contact{margin-left:auto;padding:9px 12px;font-size:12px}.contact span{margin-left:7px}.hero{padding:20px 6% 30px;grid-template-columns:1fr;gap:30px}.hero-copy{padding-top:12px}h1{font-size:48px;margin:18px 0}.intro{font-size:16px}.hero-bottom{display:none}.hero-photo{min-height:340px}.hero-photo img{object-position:center}.ticker{justify-content:flex-start;padding:14px 6%;gap:24px}.collection{padding:50px 6%}.section-head{display:block}.section-head>p{margin-bottom:22px}h2{font-size:32px}.filters{gap:8px}.filters button{padding:9px 15px}.products{grid-template-columns:1fr;gap:38px}.product-image{height:360px}.product-bottom{flex-direction:row;align-items:center}.description{min-height:0}.how{margin:0 6% 46px;padding:26px;grid-template-columns:1fr;gap:40px}.how h2{font-size:38px}.how .button{font-size:14px;gap:15px}footer{padding:28px 6% 95px;gap:12px}footer p{width:100%;order:2}footer>a:not(.brand){margin-left:auto}footer small{order:3}.floating{right:18px;bottom:18px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-photo img{object-position:center}
.product-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.reels{padding:0 5% 84px}
.reels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.reel{position:relative;margin:0;border-radius:10px;overflow:hidden;background:#242629;aspect-ratio:9/16}
.reel video{width:100%;height:100%;object-fit:cover;display:block}
.reel figcaption{position:absolute;left:16px;bottom:14px;font-size:13px;text-shadow:0 1px 10px #000;pointer-events:none}
@media(max-width:900px){.reels-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:600px){.reels{padding:0 6% 60px}.reels-grid{grid-template-columns:1fr;gap:22px}}
