.site-motion{isolation:isolate;--vd-accent:#22382c;--vd-accent-hover:#182a20;--vd-on-accent:#f0ebdd;--vd-accent-soft:#e3eae1}.site-motion .hero .vd-site-lead>div>*,.site-motion .hero .index li,.site-motion .phero .wrap>*{animation:none}.site-stage{z-index:-1;background:var(--vd-canvas);pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.site-motion .hero,.site-motion .phero,.site-motion .rooms-intro,.site-motion #about,.site-motion .contact,.site-motion footer{background:var(--vd-canvas)}.site-motion #products{padding-bottom:0}.site-motion .rooms-intro{padding-bottom:var(--vd-space-8)}.motion-room{background:var(--r-canvas);color:var(--r-ink);padding:clamp(64px,12vh,140px) 0}.site-motion .motion-family{gap:0}.motion-room .room-layout{gap:var(--vd-space-12);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid}.room-copy{background:var(--r-canvas);min-width:0;padding:var(--vd-space-4)}.room-copy .room-heading{gap:var(--vd-space-4);margin-bottom:var(--vd-space-5);flex-wrap:wrap;align-items:center;display:flex}.room-heading>div{overflow-wrap:anywhere;min-width:0;max-width:100%}.room-heading .emblem{color:var(--r-accent);flex:none}.room-heading h2{font-size:clamp(2.5rem,5vw,4.5rem)}.room-copy .latin,.room-copy .for,.room-copy .honest{color:var(--r-soft)}.room-copy .for{margin-bottom:var(--vd-space-5)}.room-copy .honest{border-top:1px solid var(--r-line);padding-top:var(--vd-space-4);margin-top:var(--vd-space-5);font-size:var(--vd-fs-body-sm)}.room-copy .honest strong{color:var(--r-ink)}.room-copy .go{color:var(--r-ink);margin-top:var(--vd-space-5);gap:var(--vd-space-2)}.screen-frame{aspect-ratio:1;border:1px solid var(--r-strong);background:var(--r-raised);flex-direction:column;justify-self:center;width:100%;min-width:0;max-width:460px;margin:0;display:flex}.screen-bar{padding:var(--vd-space-4);gap:var(--vd-space-2);border-bottom:1px solid var(--r-line);font-size:var(--vd-fs-body-sm);flex-wrap:wrap;justify-content:space-between;display:flex}.screen-bar span{color:var(--r-soft)}.screen-rows{flex:1;margin:0;padding:0;list-style:none}.screen-rows li{align-items:center;gap:var(--vd-space-3);padding:var(--vd-space-4);border-bottom:1px solid var(--r-line);font-size:var(--vd-fs-body-sm);font-variant-numeric:tabular-nums;grid-template-columns:3.6rem minmax(0,1fr) auto;display:grid}.screen-key{color:var(--r-soft)}.screen-state{padding:var(--vd-space-1) var(--vd-space-2);border:1px solid var(--r-strong);color:var(--r-soft);font-size:var(--vd-fs-body-sm);max-width:10rem}.screen-frame figcaption{padding:var(--vd-space-4);border-top:1px solid var(--r-line);color:var(--r-soft);font-size:var(--vd-fs-body-sm)}.site-rail{display:none}.site-scrollbar{background:var(--site-sail);height:2px;transform:scaleX(var(--scroll-depth,0));transform-origin:0;z-index:1000;pointer-events:none;display:none;position:fixed;top:0;bottom:auto;left:0;right:0}.motion-ready .site-scrollbar{display:block}.headline-clip{margin-bottom:-.13em;padding-bottom:.13em;display:block;overflow:clip}.headline-rise{display:block}.site-motion .btn{background-image:linear-gradient(var(--site-sail),var(--site-sail));background-repeat:no-repeat;background-size:0 100%;border-radius:0}.site-motion .btn:hover{background-color:var(--site-sail);border-color:var(--site-sail);color:var(--vd-on-accent);background-size:100% 100%}.site-motion .nav a.btn--primary:hover{background-color:var(--site-sail)}.site-motion .btn .arrow,.site-motion .go .arrow{display:inline-block}@media (min-width:900px){.site-motion .wrap{padding-inline-start:60px;padding-inline-end:60px}.site-rail{z-index:100;color:var(--rail-ink,var(--vd-ink));flex-direction:column;display:flex;position:fixed;top:50%;left:4px;transform:translateY(-50%)}.site-rail:before,.site-rail:after{content:"";background:currentColor;width:1px;position:absolute;top:22px;bottom:22px;left:22px}.site-rail:before{background:var(--vd-line-strong)}.site-rail:after{transform:scaleY(var(--scroll-depth,0));transform-origin:top}.site-rail a{z-index:1;width:44px;height:44px;color:inherit;place-items:center;display:grid;position:relative}.site-rail a:before{content:"";background:var(--rail-canvas,var(--vd-canvas));border:1px solid;width:7px;height:7px}.site-rail a[aria-current=location]:before{background:currentColor;transform:rotate(45deg)}.site-scrollbar,.motion-ready .site-scrollbar{display:none}}@media (max-width:899.98px){.motion-room .room-layout{gap:var(--vd-space-8);grid-template-columns:minmax(0,1fr)}}@media (max-width:479.98px){.screen-rows li{gap:var(--vd-space-2);grid-template-columns:3rem minmax(0,1fr)}.screen-state{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:no-preference){.motion-ready .site-stage{transition:background-color .64s var(--vd-ease)}.motion-ready .motion-room{background:0 0}.headline-rise{animation:site-rise .56s var(--vd-ease) both;animation-delay:calc(var(--line-index,0) * 90ms)}.site-motion .btn{transition:background-size .32s var(--vd-ease),color .32s var(--vd-ease)}.site-motion .btn:hover{background-color:var(--vd-surface)}.site-motion .btn--primary:hover,.site-motion .nav a.btn--primary:hover{background-color:var(--vd-accent)}.site-motion .arrow{transition:transform .32s var(--vd-ease)}.site-motion .btn:hover .arrow,.site-motion .go:hover .arrow{transform:translate(3px)}@keyframes site-rise{0%{transform:translateY(.62em)}to{transform:translateY(0)}}@supports (animation-timeline:view()){.motion-ready .motion-room .room-copy,.motion-ready .motion-room .screen-frame{animation:linear both site-entry;animation-timeline:view();animation-range:entry}.motion-ready .motion-room .emblem>*{stroke-dasharray:1;animation:linear both site-draw;animation-timeline:view();animation-range:entry cover 35%}@keyframes site-entry{0%{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes site-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}}}@media (prefers-reduced-motion:reduce){.site-motion *,.site-motion :before,.site-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.site-stage,.site-scrollbar,.site-rail:after{display:none!important}}
