@font-face{font-family:Manrope;src:url("/assets/fonts/manrope-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("/assets/fonts/manrope-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url("/assets/fonts/manrope-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url("/assets/fonts/manrope-700.ttf") format("truetype");font-weight:700;font-display:swap}
:root{
  --black:#000000;--surface:var(--ui-ink);--white:var(--ui-surface);--muted:var(--ui-muted-on-dark);--ink:var(--ui-ink);--signal:#ff9b51;--line:#ffffff26;
  --s0:0;--s2:2px;--s4:4px;--s8:8px;--s12:12px;--s16:16px;--s24:24px;--s32:32px;--s40:40px;--s48:48px;--s64:64px;--s80:80px;--s96:96px;
  --xs:12px;--sm:14px;--base:16px;--lg:18px;--xl:20px;--h3:24px;--h2:48px;--display:72px;
  --gutter:64px;--ease:cubic-bezier(.22,1,.36,1);--move:500ms;--fade:300ms;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:Manrope,sans-serif;background:var(--black);color:var(--white);font-size:var(--base);line-height:24px;-webkit-font-smoothing:antialiased}
body:has(dialog[open]),html.nav-open{overflow:hidden}
h1,h2,h3,p,figure,dl{margin:0}
h1,h2,h3{text-wrap:balance;font-weight:500}
p,li,dt,dd,figcaption{text-wrap:pretty;overflow-wrap:break-word;hyphens:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:active,.button:active{scale:.98}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:24px;height:24px;fill:currentColor;stroke:none;flex-shrink:0}
.eyebrow,.section-label{font-size:var(--xs);line-height:16px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.skip-link{position:fixed;top:16px;inset-inline-start:16px;transform:translateY(-96px);padding:12px;z-index:200;background:white;color:black;border-radius:8px}
.skip-link:focus{transform:none}
.site-header{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:32px;padding:16px 24px;z-index:100;background:#f5f5f5e8;backdrop-filter:blur(24px);color:var(--ink);border-radius:24px;box-shadow:0 4px 32px #00000012}
.wordmark{font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.06em}
.desktop-nav{display:flex;align-items:center;gap:24px;font-size:var(--sm);line-height:20px;white-space:nowrap}
.desktop-nav a{color:var(--ui-muted);transition:color var(--fade) var(--ease)}
.desktop-nav a:hover{color:#000}
.menu-toggle{display:none}
.mobile-nav{display:none}
.home-guides{padding:80px var(--gutter);background:var(--ui-page);color:var(--ink)}
.home-guides .eyebrow{color:var(--ui-muted)}
.home-guides-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px}
.home-guides-heading h2{font-size:48px;line-height:1;letter-spacing:-.04em;margin-top:16px}
.home-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.home-guide{display:block}
.home-guide>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.home-guide .eyebrow{margin-top:24px}
.home-guide h3{font-size:24px;line-height:32px;margin:12px 0 24px;letter-spacing:-.03em}
.home-guide>span{display:inline-flex;align-items:center;gap:12px;font-size:14px;line-height:20px;font-weight:600;transition:color 300ms var(--ease),transform 500ms var(--ease)}
.home-guide:hover>span{color:var(--ui-ink);text-decoration:underline;text-underline-offset:4px;transform:translateX(4px)}
@media(max-width:800px){.home-guide-grid{grid-template-columns:1fr;gap:40px}.home-guides{padding:48px var(--gutter)}.home-guides-heading{display:block;margin-bottom:32px}.home-guides-heading h2{font-size:36px;line-height:40px}.home-guides-heading .text-link{margin-top:24px}.home-guide>img{max-height:400px}.home-guide h3{max-width:680px}}

/* The garment is positioned with transforms; its base dimensions stay fixed. */
.cinema{height:260svh;position:relative;scroll-margin-top:-96px}
.cinema-stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;background:#000;isolation:isolate}
.product-scene{position:absolute;inset:0;pointer-events:none}
.garment{position:absolute;aspect-ratio:530/1252;height:100%;left:0;top:0;transform-origin:center;will-change:transform,opacity}
.garment-front{transform:translate3d(var(--front-x,70vw),var(--suit-y,50svh),0) translate(-50%,-50%) scale(var(--suit-scale,.8)) rotate(var(--front-rotation,-6deg));z-index:3}
.garment-back{aspect-ratio:554/1251;transform:translate3d(var(--back-x,80vw),var(--suit-y,50svh),0) translate(-50%,-50%) scale(var(--suit-scale,.8)) rotate(var(--back-rotation,5deg));opacity:var(--back-opacity,0);z-index:2}
.suit-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 24px 16px #0009)}
.garment-base{filter:grayscale(1) brightness(.85) contrast(1.1)}
.electrode-color{opacity:0}
.signal-route{fill:none;stroke:var(--signal);stroke-width:1.7;stroke-linecap:round;opacity:.65}
.signal-travel{fill:none;stroke:#ffe5d3;stroke-width:4;stroke-linecap:round;filter:url(#signal-glow-front)}
.signal-dot{fill:#fff1e7;filter:url(#signal-glow-front)}
.view-label{position:absolute;bottom:-24px;left:0;right:0;text-align:center;font-size:var(--xs);line-height:16px;letter-spacing:.08em;color:var(--muted);opacity:var(--view-opacity,0)}
.controller{position:absolute;width:17%;aspect-ratio:82/134;left:17%;top:60%;transform:translate(calc(-50% + var(--controller-dx,150px)),calc(-50% + var(--controller-dy,-70px))) scale(var(--controller-scale,2.6)) rotate(var(--controller-rotation,-20deg));transform-origin:center;z-index:5;opacity:var(--controller-opacity,0);filter:drop-shadow(4px 12px 8px #0009)}
.controller img{width:100%;height:100%;object-fit:contain;filter:brightness(1.25) contrast(1.05)}
.controller-led{position:absolute;left:49%;top:22%;width:4%;aspect-ratio:1;border-radius:9999px;background:var(--signal);box-shadow:0 0 8px #ff9b5188;opacity:var(--connected,0)}
.mount-target{position:absolute;width:21%;aspect-ratio:.7;left:17%;top:60%;transform:translate(-50%,-50%);opacity:var(--mount-opacity,0);border:1px dashed #eeeeee55;border-radius:16px;z-index:4}
.mount-target span{position:absolute;inset:20%;border:1px solid #aaa5;border-radius:8px}
.mount-target i{position:absolute;inset:-18%;border:1px solid var(--signal);border-radius:24px;opacity:var(--dock-flash,0);transform:scale(var(--dock-scale,1))}
.mount-caption{position:absolute;left:0;top:70%;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:var(--xs);line-height:16px;letter-spacing:.04em;color:var(--muted);opacity:var(--mount-caption-opacity,0);transform:rotate(calc(-1 * var(--front-rotation,0deg)))}
.mount-caption-line{width:48px;height:1px;background:var(--ui-muted-on-dark)}
.beat-copy{position:absolute;left:var(--gutter);top:33%;width:28%;z-index:6}
.beat-copy article{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(16px)}
.beat-copy article.is-active{opacity:1;visibility:visible;transform:none;transition:opacity var(--move) var(--ease),transform var(--move) var(--ease)}
.beat-copy h2{font-size:48px;line-height:1;letter-spacing:-.05em;margin:24px 0}
.beat-copy article>p:last-child{color:var(--muted);font-size:var(--base);line-height:24px}
.signal-readout{position:absolute;right:var(--gutter);top:36%;width:180px;opacity:var(--readout-opacity,0);transform:translateY(var(--readout-y,8px));pointer-events:none}
.signal-heading{display:flex;align-items:center;gap:8px;font-size:var(--xs);line-height:16px;color:var(--ui-border)}
.status-dot{width:4px;height:4px;background:var(--signal);border-radius:9999px;flex-shrink:0}
.waveform{width:100%;height:64px;margin:12px 0 4px}
.wave-guide{fill:none;stroke:#ffffff26;stroke-width:1}
.wave-trace{fill:none;stroke:var(--signal);stroke-width:1.25;opacity:.85}
.zone-meter{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:var(--xs);line-height:16px;color:var(--muted)}
.zone-meter i{display:block;width:32px;height:2px;background:#ffffff26;flex-shrink:0}
.zone-meter b{display:block;height:100%;width:100%;background:var(--signal);transform:scaleX(0);transform-origin:left}
.signal-readout>p{font-size:var(--xs);line-height:16px;color:var(--muted);margin-top:12px}
.cinema-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;z-index:10}
.sequence-navigation{position:relative;display:flex;gap:24px;padding-bottom:12px}
.sequence-navigation button{min-height:32px;background:none;border:0;color:var(--muted);padding:8px 0;font-size:var(--xs);line-height:16px;transition:color var(--fade) var(--ease),transform var(--move) var(--ease)}
.sequence-navigation button.is-active,.sequence-navigation button:hover{color:#fff}
.sequence-track{position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff2}
.sequence-track i{display:block;background:var(--ui-white);height:1px;width:100%;transform:scaleX(var(--sequence-progress,0));transform-origin:left}
.sequence-play{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #ffffff40;border-radius:9999px;padding:8px 12px;font-size:var(--sm);line-height:20px;color:var(--ui-border);transition:background-color var(--fade) var(--ease),transform var(--move) var(--ease)}
.sequence-play .icon{width:16px;height:16px}
.sequence-play:hover{background:var(--ui-ink)}
.scene-note{position:absolute;bottom:16px;left:var(--gutter);font-size:var(--xs);line-height:16px;color:var(--muted);opacity:var(--note-opacity,0)}
.scene-next{position:absolute;left:var(--gutter);bottom:96px;z-index:8;display:flex;align-items:center;gap:12px;font-size:var(--sm);line-height:20px;color:white;padding:8px 0}

.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.product-card{padding:16px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);text-align:start;min-width:0;color:var(--ink);transition:background-color var(--fade) var(--ease)}
.product-card:hover{background:white}
.product-card-top{display:flex;justify-content:space-between;gap:8px;font-size:var(--xs);line-height:16px;color:var(--ui-muted)}
.product-tag{font-size:var(--xs);line-height:16px}
.product-image{height:280px;margin:24px 0;overflow:hidden}
.product-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--move) var(--ease)}
.product-card:hover img{transform:scale(1.04)}
.product-card-info{display:flex;align-items:center;justify-content:space-between;gap:8px}
.product-card h3{font-size:var(--lg);line-height:28px}
.product-card p{font-size:var(--xs);line-height:16px;color:var(--ui-muted);margin-top:8px}
.circle-arrow{width:32px;height:32px;border:1px solid var(--ui-border);border-radius:8px;display:grid;place-items:center;flex-shrink:0}
.circle-arrow .icon{width:16px;height:16px}

.contact-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:64px;padding:96px var(--gutter);background:#000}
.contact-intro{min-width:0}
.contact-intro h2{font-size:60px;line-height:1;letter-spacing:-.05em;margin:24px 0 40px;max-width:680px}
.contact-description{font-size:var(--base);line-height:24px;color:var(--muted)}
.email-address{display:inline-block;color:var(--muted);font-size:var(--sm);line-height:20px;margin-top:24px}
@media(max-width:1000px){.contact-section{grid-template-columns:minmax(0,1fr);gap:40px}}
footer{padding:32px var(--gutter);display:flex;align-items:center;gap:32px;background:var(--ui-ink);flex-wrap:wrap}
footer p{font-size:var(--xs);line-height:16px;color:var(--muted)}
footer>div{display:flex;flex-wrap:wrap;gap:24px;margin-inline-start:auto;font-size:var(--sm);line-height:20px;color:var(--ui-border)}
footer a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-sitemap{flex-basis:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:32px}
.footer-sitemap>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-sitemap h2{font-size:14px;line-height:20px;font-weight:600;margin-bottom:8px}
.footer-sitemap a{font-size:14px;line-height:20px;color:var(--muted);transition:color 300ms var(--ease)}
.footer-sitemap a:hover{color:var(--white)}
@media(max-width:600px){.footer-sitemap{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
.product-dialog{border:0;border-radius:16px;padding:0;background:var(--ui-surface);color:var(--ui-ink);width:min(960px,calc(100% - 32px));max-height:calc(100svh - 32px)}
.product-dialog[open]{display:grid;grid-template-columns:1fr 1.1fr}
.product-dialog::backdrop{background:#000000cc;backdrop-filter:blur(16px)}
.dialog-close{position:absolute;top:16px;inset-inline-end:16px;background:var(--ui-surface);border:0;border-radius:9999px;padding:8px;z-index:2;transition:background-color var(--fade) var(--ease),transform var(--move) var(--ease)}
.dialog-close:hover{background:#e5e5e5}
.dialog-image{position:relative;display:grid;place-items:center;padding:32px;background:#e5e5e5;overflow:hidden}
.dialog-image img{width:100%;height:440px;object-fit:contain;mix-blend-mode:multiply;transition:opacity var(--fade) var(--ease)}
.dialog-image.is-loading img,.dialog-image.has-error img{opacity:0}
.dialog-image.is-loading::before{content:"";position:absolute;width:45%;height:75%;border-radius:24px;background:var(--ui-border)}
.dialog-image-status{position:absolute;inset:auto 24px 24px;font-size:var(--sm);line-height:20px;color:var(--ui-muted);text-align:center}
.dialog-content{padding:64px 32px 40px}
.dialog-content .eyebrow{color:var(--ui-muted)}
.dialog-content h2{font-size:36px;line-height:40px;letter-spacing:-.04em;margin:24px 0}
.dialog-content>p:not(.eyebrow){font-size:var(--sm);line-height:20px;color:var(--ui-muted)}
.dialog-content dl{display:grid;grid-template-columns:1fr 1fr;font-size:var(--sm);line-height:20px;gap:16px;margin:24px 0;padding:16px;background:#e5e5e5;border-radius:8px}
.dialog-content dt{color:var(--ui-muted)}
.dialog-content dd{text-align:end;margin:0}
.dialog-content .button{display:flex;width:fit-content;margin-top:24px}
.dialog-content .text-link{margin-top:16px}
.dialog-content .dialog-care{margin-top:12px}
.dialog-content #dialog-size-chart{margin-inline-start:24px}
.hardware-dialog{border:0;border-radius:16px;padding:48px 32px;background:var(--ui-surface);color:var(--ui-ink);width:min(1120px,calc(100% - 32px));max-height:calc(100svh - 32px)}
.hardware-dialog::backdrop{background:#000000cc;backdrop-filter:blur(16px)}
.hardware-intro{max-width:680px;padding-inline-end:32px}
.hardware-intro .eyebrow{color:var(--ui-muted)}
.hardware-intro h2{font-size:36px;line-height:40px;letter-spacing:-.04em;margin:16px 0}
.hardware-intro>p:last-child{font-size:16px;line-height:24px;color:var(--ui-muted)}
.hardware-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.hardware-image{position:relative;aspect-ratio:1;background:white;border-radius:8px;overflow:hidden}
.hardware-image img{width:100%;height:100%;object-fit:contain;transition:opacity var(--fade) var(--ease)}
.hardware-image.is-loading::before{content:"";position:absolute;inset:24px;border-radius:8px;background:#e5e5e5}
.hardware-image.is-loading img,.hardware-image.has-error img{opacity:0}
.hardware-image-status{position:absolute;inset:auto 16px 16px;font-size:14px;line-height:20px;color:var(--ui-muted)}
.hardware-gallery figcaption{padding-top:16px}
.hardware-gallery h3{font-size:18px;line-height:28px;margin-bottom:8px}
.hardware-gallery figcaption p{font-size:14px;line-height:20px;color:var(--ui-muted)}
@media(max-width:760px){.hardware-dialog{padding:48px 24px 32px}.hardware-intro h2{font-size:30px;line-height:36px}.hardware-intro>p:last-child{font-size:14px;line-height:20px}.hardware-gallery{grid-template-columns:1fr;gap:32px}.hardware-image{max-height:320px}.dialog-content #dialog-size-chart{margin-inline-start:16px}}
.motion-reduced .cinema{height:100svh;min-height:0}
.motion-reduced .scene-note{opacity:1}
.motion-reduced .sequence-play{display:none}

@media(min-width:1600px){:root{--gutter:96px}}
@media(max-width:1200px){:root{--gutter:40px;--display:60px}.site-header{gap:24px}.desktop-nav{gap:16px}.beat-copy h2{font-size:36px;line-height:40px}.signal-readout{width:160px}.product-grid{gap:16px}.product-card{padding:12px}.product-card h3{font-size:var(--base);line-height:24px}.circle-arrow{width:24px;height:24px}}
@media(max-width:1000px){.site-header{width:calc(100% - 32px);padding:16px;gap:16px}.desktop-nav{display:none}.header-cta{margin-left:auto}.menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:32px;height:32px;padding:4px;background:none;border:0;flex-shrink:0}.menu-toggle span{width:24px;height:2px;background:var(--ink);transform-origin:center;transition:transform var(--move) var(--ease)}.nav-open .menu-toggle span:first-child{transform:translateY(5px) rotate(45deg)}.nav-open .menu-toggle span:last-child{transform:translateY(-5px) rotate(-45deg)}.mobile-nav{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;overflow-y:auto;flex-direction:column;gap:24px;padding:96px 32px;background:#f5f5f5f5;backdrop-filter:blur(32px);z-index:90;color:var(--ui-ink);opacity:0;visibility:hidden;transform:translateY(-32px);transition:opacity var(--move) var(--ease),transform var(--move) var(--ease)}.nav-open .mobile-nav{opacity:1;visibility:visible;transform:none}.mobile-nav a{font-size:30px;line-height:36px;opacity:0;transform:translateY(24px);transition:opacity var(--move) var(--ease),transform var(--move) var(--ease)}.nav-open .mobile-nav a{opacity:1;transform:none;transition-delay:calc(var(--nav-index,0) * 60ms)}.mobile-nav a:last-child{font-size:var(--base);line-height:24px;font-weight:600;margin-top:8px}}
@media(max-width:760px){
  :root{--gutter:24px;--h2:36px;--display:48px}
  .site-header .wordmark{font-size:20px;line-height:28px}.header-cta{font-size:14px;line-height:20px}.header-cta .icon{display:none}
  .cinema{height:220svh}.cinema-stage{min-height:0}
  .beat-copy{top:96px;width:calc(100% - 48px)}.beat-copy h2{font-size:30px;line-height:36px;margin:12px 0}.beat-copy article>p:last-child{font-size:14px;line-height:20px}.mount-caption{display:none}
  .signal-readout{top:128px;right:24px;width:112px}.signal-heading{font-size:12px;line-height:16px}.waveform{height:24px;margin:8px 0}.zone-meter{font-size:12px;line-height:16px;gap:8px;padding:4px 0}.zone-meter i{width:16px}.signal-readout>p{display:none}
  .cinema-stage[data-beat="1"] .beat-copy{width:calc(100% - 184px)}.cinema-stage[data-beat="1"] .beat-copy article>p:last-child{max-width:180px}
  .cinema-bottom{bottom:48px;gap:12px;flex-wrap:wrap}.sequence-navigation{width:100%;gap:8px;justify-content:space-between}.sequence-navigation button{font-size:12px;line-height:16px}.sequence-play{position:absolute;right:0;bottom:64px;padding:8px;font-size:12px;line-height:16px}.sequence-play span{display:none}.sequence-play .icon{width:20px;height:20px}.scene-note{bottom:16px;right:24px;font-size:12px;line-height:16px}.scene-next{bottom:96px;font-size:12px;line-height:16px;max-width:250px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{padding:12px;border-radius:12px}.product-card-top{flex-wrap:wrap}.product-image{height:220px;margin:16px 0}.product-card-info{align-items:flex-start}.product-card h3{font-size:14px;line-height:20px}.product-card p{font-size:12px;line-height:16px}.product-card .circle-arrow{display:none}
  .contact-section{padding:64px 24px}.contact-intro h2{font-size:36px;line-height:40px;margin:24px 0 32px}.contact-description{font-size:14px;line-height:20px}.email-address{font-size:14px;line-height:20px;overflow-wrap:anywhere}
  footer{padding:32px 24px;gap:24px}footer p{flex:1;text-align:right}footer>div{margin:0;gap:16px;width:100%;font-size:12px;line-height:16px}
  .product-dialog[open]{display:block}.dialog-image{padding:24px;height:280px}.dialog-image img{height:240px}.dialog-content{padding:32px 24px}.dialog-content h2{font-size:30px;line-height:36px;margin:16px 0}
}
@media(max-width:380px){.site-header .header-cta{display:none}.menu-toggle{margin-left:auto}.product-card-top>span:first-child{display:none}.sequence-navigation{gap:4px}}
@media(max-width:760px) and (orientation:landscape){.beat-copy,.cinema-stage[data-beat="1"] .beat-copy{top:96px;width:36%}.beat-copy h2{font-size:24px;line-height:32px;margin:8px 0}.beat-copy article>p:last-child{font-size:12px;line-height:16px}.signal-readout{display:none}.cinema-bottom{bottom:24px}.scene-note{display:none}.scene-next{bottom:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-property:opacity!important;transition-duration:300ms!important;transition-timing-function:var(--ease)!important}.mobile-nav,.mobile-nav a{transform:none}.button:hover,.text-link:hover{transform:none}button:active,.button:active{scale:1}}