:root{--color-bg:#f5f0eb;--color-bg-alt:#ede8e2;--color-text:#1a1a1a;--color-text-muted:#6b6560;--color-accent:#2d5a3d;--color-accent-light:#3a7a52;--color-surface:#fff;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:3rem;--font-size-hero:clamp(2.5rem, 8vw, 6rem);--font-size-title:clamp(1.5rem, 4vw, 3rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--max-width:1200px;--gutter:var(--space-6);--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-in-out:cubic-bezier(.42, 0, .58, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.8s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img,video,canvas{max-width:100%;height:auto;display:block}a{color:var(--color-accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-accent-light)}ul{list-style:none}h1,h2,h3{letter-spacing:-.02em;font-weight:600;line-height:1.1}figcaption{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-3);line-height:1.4}.section{padding:var(--space-16) var(--gutter);max-width:var(--max-width);margin:0 auto}.section--hero,.section--footer{max-width:none}.section--packa,.section--happyworks{background-color:var(--color-bg)}.section--openmote,.section--about{background-color:var(--color-bg-alt);max-width:none}.section--openmote>*{max-width:var(--max-width);margin-left:auto;margin-right:auto}.section__header{margin-bottom:var(--space-12)}.section__title{font-size:var(--font-size-title);margin-bottom:var(--space-2)}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:400}.site-nav{z-index:100;padding:var(--space-4) var(--space-6);-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:transform var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out), backdrop-filter var(--duration-normal) var(--ease-out);background:0 0;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-nav--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f0ebd9}.site-nav__name{font-size:var(--font-size-sm);color:var(--color-bg);letter-spacing:-.01em;transition:color var(--duration-normal) var(--ease-out);font-weight:600}.site-nav--scrolled .site-nav__name{color:var(--color-text)}.site-nav__links{gap:var(--space-6);display:flex}.site-nav__links a{font-size:var(--font-size-sm);color:#f5f0eb99;transition:color var(--duration-fast) var(--ease-out)}.site-nav--scrolled .site-nav__links a{color:var(--color-text-muted)}.site-nav__links a:hover{color:var(--color-bg)}.site-nav--scrolled .site-nav__links a:hover{color:var(--color-text)}.section--hero{text-align:center;min-height:100dvh;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__image-container{z-index:0;position:absolute;inset:0}.hero__image-container img,.hero__image-container .placeholder{object-fit:cover;width:100%;height:100%}.hero__image-container img{object-position:center 60%}.hero__content{z-index:1;-webkit-backdrop-filter:blur(80px)saturate(1.4);backdrop-filter:blur(80px)saturate(1.4);padding:var(--space-8) var(--space-12);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0d 40%,#ffffff14 100%);border:1px solid #ffffff2e;border-radius:40px;position:relative;box-shadow:0 8px 32px #0000001f,inset 0 1px #fff3}.hero__tag{font-size:var(--font-size-sm);color:#f5f0eb99;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4);opacity:0;animation:heroFadeIn .8s var(--ease-out) .1s forwards;font-weight:400;transform:translateY(20px)}.hero__name{font-size:var(--font-size-hero);letter-spacing:-.03em;color:var(--color-bg);opacity:0;animation:heroFadeIn .8s var(--ease-out) .3s forwards;font-weight:600;transform:translateY(20px)}.hero__title{color:#f5f0ebb3;letter-spacing:.05em;text-transform:uppercase;margin-top:var(--space-2);opacity:0;animation:heroFadeIn .8s var(--ease-out) .5s forwards;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400;transform:translateY(20px)}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.hero__scroll-indicator{bottom:var(--space-8);z-index:1;position:absolute;left:50%;transform:translate(-50%)}.scroll-line{background:var(--color-bg);opacity:.3;width:1px;height:48px;animation:scrollPulse 2s var(--ease-in-out) infinite;display:block}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.1;transform:scaleY(.5)}}.section-tabs{justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--gutter);max-width:var(--max-width);flex-wrap:wrap;margin:0 auto;display:flex}.section-tabs__tab{font-size:var(--font-size-sm);letter-spacing:.02em;color:var(--color-text-muted);padding:var(--space-2) var(--space-6);background:var(--color-surface);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border:1px solid #00000014;border-radius:999px;font-weight:500}.section-tabs__tab:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-bg)}.media-card{margin-bottom:var(--space-12)}.media-card img,.media-card .placeholder{border-radius:4px;width:100%}.process__heading{font-size:var(--font-size-xl);margin-bottom:var(--space-6)}.process-strip{gap:var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4);display:flex;overflow-x:auto}.process-strip::-webkit-scrollbar{height:4px}.process-strip::-webkit-scrollbar-track{background:var(--color-bg-alt);border-radius:2px}.process-strip::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:2px}.process-strip__item{scroll-snap-align:start;flex:0 0 280px}.process-strip__item img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;display:block}.openmote__assembly .process-strip__item img{background:#f4f0eb}.packa__process .process-strip__item img{background:#ece8e2}.packa__teardown{margin-bottom:var(--space-12);position:relative}.packa__teardown-image{border-radius:4px;width:100%;height:auto;display:block}.packa__teardown-canvas{width:100%;height:auto;display:none}.packa__product-photos{gap:var(--space-4);margin-bottom:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.packa__product-photo{border-radius:4px;margin:0;overflow:hidden}.packa__product-photo img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=640px){.packa__product-photos{grid-template-columns:1fr}}.packa__snap{margin-bottom:var(--space-12)}.packa__snap video,.packa__snap .placeholder{border-radius:4px;width:100%}.packa__snap-caption{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.cmf-heading{font-size:var(--font-size-xl);color:var(--color-accent);margin-bottom:var(--space-6)}.packa__cmf{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:1fr;display:grid}.packa__cmf .media-card img{width:100%;height:auto}.packa__process{margin-bottom:var(--space-12)}.packa__cmf-header{margin-bottom:var(--space-2)}.packa__assembly,.happyworks__assembly{margin-top:var(--space-12);margin-bottom:var(--space-12)}.packa__assembly-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.packa__assembly-item{border-radius:4px;margin:0;overflow:hidden}.packa__assembly-item img{object-fit:cover;background:#ece8e2;width:100%;height:100%;display:block}@media (width<=640px){.packa__assembly-grid{grid-template-columns:1fr}}.openmote__bridge{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin-bottom:var(--space-12);font-style:italic;line-height:1.5}.openmote__comparison{margin-bottom:var(--space-12)}.comparison-caption{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.openmote__assembly{margin-bottom:var(--space-12)}.openmote__traction{gap:var(--space-12);margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid #00000014;flex-wrap:wrap;display:flex}.stat{flex-direction:column;display:flex}.stat__number{font-size:var(--font-size-2xl);color:var(--color-accent);letter-spacing:-.02em;font-weight:600}.stat__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.traction__note{width:100%;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.happyworks__gallery{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.happyworks__gallery .placeholder{border-radius:4px}.happyworks__card{margin:0}.happyworks__card img{aspect-ratio:1;object-fit:cover;background:#ece8e2;border-radius:4px;width:100%;display:block}.section--about{padding:var(--space-24) var(--gutter)}.about__inner{max-width:var(--max-width);gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.about__portrait{flex-shrink:0}.about__portrait .placeholder,.about__portrait img{object-fit:cover;border-radius:50%;width:200px;height:200px}.about__name{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.about__bio{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin-bottom:var(--space-6);line-height:1.6}.about__brands{gap:var(--space-6);font-size:var(--font-size-lg);flex-wrap:wrap;font-weight:500;display:flex}.about__brands li{position:relative}.about__brands li:not(:last-child):after{content:"·";right:calc(var(--space-6) / -2);color:var(--color-text-muted);position:absolute;transform:translate(50%)}.section--footer{text-align:center;padding:var(--space-24) var(--gutter);background-color:var(--color-text);color:var(--color-bg)}.footer__heading{font-size:var(--font-size-3xl);color:var(--color-bg);margin-bottom:var(--space-8)}.footer__links{justify-content:center;gap:var(--space-8);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.footer__links a{color:var(--color-bg);font-size:var(--font-size-lg);padding-bottom:2px;position:relative}.footer__links a:after{content:"";background:var(--color-bg);transform-origin:100%;width:100%;height:1px;transition:transform var(--duration-normal) var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer__links a:hover{color:var(--color-bg)}.footer__links a:hover:after{transform-origin:0;transform:scaleX(1)}.footer__colophon{font-size:var(--font-size-sm);opacity:.4}.model-viewer-container{margin-bottom:var(--space-3);background:var(--color-bg-alt);border-radius:4px;position:relative;overflow:hidden}.model-viewer__caption{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-12);text-align:center;letter-spacing:.01em;line-height:1.4}.model-viewer-container model-viewer{border-radius:4px}.model-viewer__load-btn{cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-accent);transition:background var(--duration-fast) var(--ease-out);background:#00000008;border:1px dashed #0000001a;border-radius:4px;justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:0}.model-viewer__load-btn:hover{background:#0000000f}model-viewer::part(default-progress-bar){display:none}.openmote__comparison{position:relative}.comparison-slider{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#f4f0eb;border-radius:4px;position:relative;overflow:hidden}.comparison-slider__img{pointer-events:none;width:100%;height:auto;display:block}.comparison-slider__overlay{clip-path:inset(0);width:100%;height:100%;position:absolute;top:0;left:0}.comparison-slider__overlay .comparison-slider__img--over{object-fit:cover;background:#f4f0eb;width:100%;height:100%}.comparison-slider__handle{pointer-events:none;z-index:2;flex-direction:column;align-items:center;width:2px;display:flex;position:absolute;top:0;bottom:0;left:50%}.comparison-slider__line{background:var(--color-accent);flex:1;width:2px}.comparison-slider__grip{background:var(--color-accent);border:2px solid #fff;border-radius:14px;flex-shrink:0;width:28px;height:44px;position:relative;box-shadow:0 2px 8px #0003}.comparison-slider__grip:before{content:"◂";color:#fff;font-size:8px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.comparison-slider__grip:after{content:"▸";color:#fff;font-size:8px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.comparison-slider__toggle{bottom:var(--space-4);position:absolute}.pcb-view-toggle{bottom:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#1a1a1ad9;border-radius:4px;gap:2px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pcb-view-toggle__btn{font-family:var(--font-sans);font-size:var(--font-size-xs);letter-spacing:.03em;cursor:pointer;color:#ffffff80;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:4px;padding:6px 16px;font-weight:500}.pcb-view-toggle__btn:hover{color:#fffc}.pcb-view-toggle__btn--active{background:var(--color-accent);color:#fff}.placeholder{background:var(--color-bg-alt);border:1px dashed #0000001a;justify-content:center;align-items:center;display:flex}.placeholder__label{font-size:var(--font-size-sm);color:var(--color-text-muted);opacity:.5}.placeholder--hero{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-bg-alt) 0%, var(--color-bg) 100%);border:none}.placeholder--landscape{aspect-ratio:16/10}.placeholder--square{aspect-ratio:1}.placeholder--portrait{aspect-ratio:3/4;border-radius:50%;width:200px;height:auto}.placeholder--video,.placeholder--teardown{aspect-ratio:16/9}.custom-cursor{border:1.5px solid var(--color-accent);pointer-events:none;z-index:9999;width:20px;height:20px;transition:width .25s var(--ease-out), height .25s var(--ease-out), top .25s var(--ease-out), left .25s var(--ease-out), border-color .25s var(--ease-out), background .25s var(--ease-out);mix-blend-mode:exclusion;border-radius:50%;position:fixed;top:-10px;left:-10px}.custom-cursor--hover{border-color:var(--color-accent-light);background:#2d5a3d14;width:48px;height:48px;top:-24px;left:-24px}body:has(.custom-cursor){cursor:none}:is(body:has(.custom-cursor) a,body:has(.custom-cursor) button){cursor:none}.reveal{opacity:0;transform:translateY(30px)}@media (width>=768px){.packa__cmf{grid-template-columns:1fr 1fr}.process-strip__item{flex:0 0 320px}}@media (width>=1024px){.section{padding:var(--space-24) var(--gutter)}.about__inner{align-items:start;gap:var(--space-16);flex-direction:row}.about__portrait .placeholder,.about__portrait img{width:280px;height:280px}.process-strip__item{flex:0 0 360px}}@media (prefers-reduced-motion:reduce){.hero__tag,.hero__name,.hero__title{opacity:1;animation:none;transform:none}.scroll-line{opacity:.3;animation:none}.reveal{opacity:1;transform:none}}