@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#666 #202020}body{margin:0;background:#1c1c1c;color:#fff;font:400 1.45vw/1.5 Manrope,Arial,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,summary{outline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2{font-size:3.75vw;font-weight:500;letter-spacing:-.04em;line-height:1.13}h3{font-size:1.88vw;font-weight:700;letter-spacing:-.03em;line-height:1.3}p{line-height:1.5}a.button,button.button{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:3.5vw;padding:.8vw 2vw;background:#e8e8e8;color:#0f0f0e;border:1px solid #e8e8e8;border-radius:.45vw;font-size:1.2vw;transition:background .2s,transform .2s}.button:hover{background:#fff;transform:translateY(-2px)}.button.secondary{background:transparent;color:#fff;border-color:#666}.button.small{font-size:.86vw;min-height:2.3vw;padding:.5vw 1.5vw}.site-header{display:flex;align-items:center;justify-content:space-between;height:4.43vw;padding:0 1.67vw;position:relative}.site-header>a:first-child img,dialog header img{width:3vw;height:auto}.menu-toggle{position:absolute;left:50%;transform:translateX(-50%);padding:1vw;border:0;background:none;display:grid;gap:.25vw}.menu-toggle i{width:1.7vw;height:1px;background:#fff}.hero{text-align:center;overflow:hidden;padding-top:8vw;background:radial-gradient(ellipse at 50% 90%,#30303300 10%,#222 70%)}.hero-title{position:relative;padding:0 18vw}h1{font-size:8.95vw;line-height:.99;letter-spacing:-.08em;font-weight:700;max-width:67vw;margin:auto}.hero>p{max-width:36vw;margin:2.8vw auto 2vw}.hero-actions{display:flex;justify-content:center;gap:1.2vw}.pill{position:absolute;border-radius:5vw;padding:.25vw 1.6vw;font-size:2.7vw;line-height:1.65;font-weight:800}.pill.blue{background:#0061ff;left:6%;top:10%;transform:rotate(-15deg)}.pill.yellow{background:#eeff00;color:#09080d;right:6%;bottom:3%}.hero-art{width:84.4%;margin:2vw auto -1vw;aspect-ratio:1620/710;object-fit:contain}.section-pad{padding:7vw 1.67vw}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:15vw;margin-bottom:4.5vw}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.67vw}.features img{width:100%;border-radius:1.25vw}.features h3{margin:1.2vw 0 .65vw}.features p{font-size:1.25vw;color:#ddd}.photo-section{position:relative;min-height:45.5vw;isolation:isolate;display:flex;align-items:center;padding:4vw 1.67vw}.photo-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.photo-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 80%);z-index:-1}.photo-section>div{width:42%}.photo-section p{font-size:1.67vw;margin:2vw 0 3vw}.product-tour{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:67vw;overflow:hidden}.tour-art{height:67vw;display:flex;align-items:center}.tour-art img{width:100%;height:100%;object-fit:contain}.tour-copy{padding:5vw 1.67vw 5vw 2vw}.tour-copy>p{margin:2.3vw 0 3.7vw}.tour-step{border-bottom:1px solid #383838}.tour-step h3{font-size:1.67vw}.tour-step button{width:100%;padding:1.7vw 1.1vw;text-align:left;background:none;border:0;color:#aaa;font-weight:600;transition:color .2s}.tour-step button:hover{color:#fff}.tour-step:has([aria-expanded=true]){border:0;background:#303030;border-radius:.5vw}.tour-step button[aria-expanded=true]{color:#fff;padding-bottom:.5vw}.tour-step p{font-size:1.25vw;padding:.5vw 1.1vw 1.8vw}.faq{background:#181818}.faq>p{margin:1vw 0 3vw;color:#aaa}.faq details{border:1px solid #333;border-radius:1vw;background:#242424;margin-bottom:1.2vw;padding:1.4vw 2vw}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:2vw;font-size:1.67vw}.faq summary:after{content:'+';font-weight:200}.faq details[open] summary:after{content:'−'}.faq details p{color:#ccc;margin-top:1vw;max-width:85%}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#0f0f0e}.contact>div p{margin-top:2vw;color:#ddd}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:1.2vw 1.5vw}.contact label{display:flex;flex-direction:column;gap:.7vw;font-size:1.1vw}.contact input,.contact textarea{width:100%;background:#1c1c1c;color:#fff;border:1px solid #3e3e3e;border-radius:.5vw;padding:1vw}.full{grid-column:1/-1}.contact fieldset{margin:0;padding:0;border:0;display:flex;gap:2vw}.contact legend{margin-bottom:1vw;font-size:1.1vw}.contact fieldset label{flex-direction:row;align-items:center}.contact input[type=checkbox]{width:auto}.form-note,.form-status{font-size:.95vw;color:#999}.footer-top{border-top:1px solid #444;padding-top:3vw;font-size:1.2vw}.wordmark{display:flex;gap:3vw;align-items:center;justify-content:center;overflow:hidden;margin:4vw -1.67vw 0}.wordmark span{font-size:12vw;letter-spacing:-.075em;white-space:nowrap}.wordmark img{width:29vw;height:auto}dialog{position:fixed;inset:0;border:0;padding:0;background:#1c1c1c;color:white;width:100%;height:100%;max-width:none;max-height:none;margin:0}body:has(dialog[open]){overflow:hidden}dialog header{display:flex;align-items:center;justify-content:space-between;padding:1.3vw 1.67vw}.menu-close{position:absolute;left:50%;transform:translateX(-50%);border:0;background:none;color:#fff;font-size:3vw;line-height:1}.menu-close:hover{color:#eeff00}dialog nav{display:grid;padding:4vw 4vw}dialog nav a{font-size:6vw;letter-spacing:-.045em;line-height:1.3}dialog nav a:hover{color:#eeff00}dialog sup{font-size:1.2vw;vertical-align:top;display:inline-block;margin:2vw 1vw}.menu-footer{position:absolute;bottom:3vw;left:4vw;color:#bbb;font-size:1vw}.is-reading-zoom body{font-size:2vw}.is-reading-zoom p{font-size:max(16px,1.8vw)}[hidden]{display:none!important}@media(max-width:480px){body{font-size:2vw}.hero>p{max-width:55vw}.button.small{font-size:1.3vw}.contact label,.contact legend,.form-note{font-size:1.6vw}.features p,.tour-step p{font-size:1.7vw}.menu-toggle{padding:1vw 3vw}.menu-toggle i{width:2.5vw}.tour-step button{padding-block:2.5vw}.hero-actions .button{font-size:1.6vw}.faq summary{font-size:2vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
