@layer tokens{:root{--space-unit:.25rem;--space-2:calc(var(--space-unit) * 2);--space-3:calc(var(--space-unit) * 3);--space-4:calc(var(--space-unit) * 4);--space-6:calc(var(--space-unit) * 6);--space-8:calc(var(--space-unit) * 8);--space-10:calc(var(--space-unit) * 10);--space-12:calc(var(--space-unit) * 12);--font-family:var(--font-uncut);--font-accent:var(--font-gd-trio);--font-body:1rem;--type-ratio:1.25;--font-small:calc(var(--font-body) * 7 / 8);--font-note:calc(var(--font-body) * 5 / 8);--font-reading:calc(var(--font-small) * 153 / 100);--weight-reading:500;--weight-label:475;--leading-reading:calc(7 / 5);--tracking-reading:.01em;--tracking-badge:calc(var(--tracking-reading) * 7);--badge-ink-width:calc(1em / 40);--font-inline-inset:.08;--reading-edge:calc(1em * var(--font-inline-inset));--font-cap-height:calc(700 / 1000);--icon-size:1em;--font-ascent:.965;--font-descent:.235;--font-cap-inset:calc(( var(--leading-reading) + var(--font-ascent) - var(--font-descent) - var(--font-cap-height) ) / 2);--font-heading:calc(var(--font-body) * var(--type-ratio) * var(--type-ratio));--weight-heading:600;--font-display:max(calc(var(--font-heading) * 3 / 2), calc(var(--font-body) + 100cqi / 12));--leading-display:calc(11 / 10);--font-error:min(44cqi, calc(var(--viewport-content-height) * 11 / 25), calc(var(--font-body) * 32));--tracking-display:calc(1em / 128);--line-height:1.5;--stroke:1px;--surface-outline-width:var(--stroke);--focus-width:calc(2 * var(--stroke));--focus-gap:var(--space-unit);--focus-space:calc(var(--focus-gap) + var(--focus-width));--motion-duration:.32s;--dialog-duration:calc(var(--motion-duration) * 3 / 2);--motion-easing-expo:cubic-bezier(.76, 0, .24, 1);--dialog-easing:var(--motion-easing-expo);--dialog-blur:var(--space-2);--dialog-content-offset:var(--space-2);--reveal-duration:calc(var(--motion-duration) * 3 / 2);--reveal-delay:calc(var(--motion-duration) / 8);--reveal-spread:calc(var(--motion-duration) * 3 / 4);--motion-easing:ease-out;--control-min:calc(var(--space-unit) * 11);--control-compact:calc(var(--space-8) - var(--space-unit));--control-padding:calc(var(--space-unit) * 5 / 2);--badge-size:calc(var(--control-compact) * var(--font-note) / var(--font-small));--badge-gap:max(0px, calc((var(--control-compact) - var(--badge-size)) / 2));--control-press-duration:calc(var(--motion-duration) * 7 / 16);--control-press-shrink:.375px;--control-icon-press-shrink:.75px;--viewport-content-height:100vh;--viewport-height:100vh;--viewport-top:0px;--object-height:calc(var(--viewport-content-height) * 2 / 3);--product-square-fill:calc(3 / 4);--radius-small:var(--space-unit);--optical-inline-overhang:calc(var(--radius-small) * (1 - sin(45deg)));--radius-surface:var(--space-4);--layer-content:1;--layer-overlay:2;--grid-lines:30;--layout-name:S;--layout-scale:2;--frame-safe-inset:max(env(safe-area-inset-top), env(safe-area-inset-right), env(safe-area-inset-bottom), env(safe-area-inset-left));--nav-block-size:var(--control-compact);--dialog-control-inset:var(--space-4);--media-landscape-ratio:calc(16 / 9);--media-width-max:calc(var(--space-4) * 62);--media-landscape-depth:calc(5 / 6);--media-gap:var(--space-2);--label-max:calc(var(--space-unit) * 30);--reading-max:calc(var(--label-max) * 6);--column-gap:var(--space-10)}body{--layout-viewport-width:100cqi;--grid-step:calc(var(--layout-viewport-width) / (var(--grid-lines) - 1));--grid-quantum:calc(var(--grid-step) * min(1, var(--layout-scale)));--grid-frame-offset:calc(2 * var(--grid-quantum) - var(--grid-step));--hero-overhang:var(--grid-step);--gutter:max(calc(var(--grid-step) * var(--layout-scale)), round(up, var(--frame-safe-inset), var(--grid-quantum)));--frame-width:max(0px, calc(var(--layout-viewport-width) - 2 * var(--gutter)));--product-stage-room:max(0px, calc(var(--viewport-content-height) - var(--nav-block-size) - var(--gutter)));--product-stage-gap:min(var(--gutter), calc(var(--product-stage-room) / 4));--product-stage-height:max(var(--stroke), calc(var(--product-stage-room) - 2 * var(--product-stage-gap)));--media-available-height:max(0px, calc(var(--viewport-content-height) - 2 * var(--gutter)));--media-width-limit:min(var(--media-width-max), calc(100cqi - 2 * var(--gutter)), calc(var(--media-available-height) * var(--media-landscape-ratio)));--media-width:min(var(--media-width-limit), max(var(--grid-step), calc(var(--grid-frame-offset) + round(down, calc(var(--media-width-limit) - var(--grid-frame-offset)), calc(2 * var(--grid-quantum))))));--media-height:min(calc(var(--media-width) * var(--media-landscape-depth)), calc(var(--media-width-max) / var(--media-landscape-ratio)), var(--media-available-height));--reading-width:max(var(--grid-step), calc(var(--grid-frame-offset) + round(down, calc(var(--reading-max) - var(--grid-frame-offset)), calc(2 * var(--grid-quantum)))));--reading-label-width:round(up, var(--label-max), var(--grid-quantum));--dialog-inline-size:min(var(--frame-width), max(var(--grid-step), calc(var(--grid-frame-offset) + round(down, calc(var(--label-max) * 4 + var(--column-gap) - var(--grid-frame-offset)), calc(2 * var(--grid-quantum))))));--section-space:clamp(calc(var(--space-10) * 4), calc(var(--grid-step) * 4), calc(var(--space-12) * 5));--footer-gap:clamp(calc(var(--space-10) * 2), calc(var(--layout-viewport-width) / 10), calc(var(--space-12) * 5 / 2))}@media (width<45rem){:root:has(.template-nav__add){--nav-block-size:calc(2 * var(--control-compact) + var(--space-2))}}@media (width>=48rem){:root{--layout-name:M;--layout-scale:1;--media-landscape-depth:calc(3 / 4)}}@media (width>=64rem){:root{--layout-name:L;--layout-scale:.5}}@media (prefers-contrast:more){:root{--surface-outline-width:calc(2 * var(--stroke));--focus-width:calc(3 * var(--stroke))}}@supports (height:100svh){:root{--viewport-content-height:100svh}}@supports (height:100lvh){:root{--viewport-height:100lvh}}:root{color-scheme:light dark;--palette-chroma:.08;--color-canvas:light-dark(oklch(100% 0 0),oklch(14% 0 0));--color-ink:light-dark(oklch(0% 0 0),oklch(96% 0 0));--color-clear:oklch(0% 0 0/0);--color-surface:light-dark(oklch(98.75% 0 0),oklch(0% 0 0));--color-page-start:var(--color-canvas);--color-page-end:var(--color-canvas);--color-dialog-origin:var(--color-surface);--color-dialog-target:var(--color-canvas);--color-state-step:.02;--color-hover:light-dark(oklch(from var(--color-surface) calc(l - 3 * var(--color-state-step) / 2) c h),oklch(from var(--color-canvas) calc(l + 3 * var(--color-state-step) / 2) c h));--color-pressed:light-dark(oklch(from var(--color-hover) calc(l - 2 * var(--color-state-step)) c h),oklch(from var(--color-hover) calc(l + 2 * var(--color-state-step)) c h));--color-inline-link:color-mix(in oklch, var(--color-canvas), var(--color-hover));--color-text-hover:light-dark(oklch(40% 0 0),oklch(78% 0 0));--color-muted:light-dark(oklch(50% 0 0),oklch(66% 0 0));--color-text-pressed:var(--color-muted);--color-border:light-dark(oklch(from var(--color-surface) calc(l - 5 * var(--color-state-step)) c h / 35%),oklch(32% 0 0/.35));--color-border-hover:light-dark(oklch(from var(--color-border) calc(l - 3 * var(--color-state-step)) c h / alpha),oklch(from var(--color-border) calc(l + 3 * var(--color-state-step)) c h / alpha));--color-border-pressed:light-dark(oklch(from var(--color-border-hover) calc(l - var(--color-state-step)) c h / alpha),oklch(from var(--color-border-hover) calc(l + var(--color-state-step)) c h / alpha));--color-dialog-outline-origin:var(--color-border);--guide-alpha:.5;--color-guide-mask-visible:oklch(100% 0 0);--color-guide-mask-hidden:oklch(0% 0 0);--color-guide-ink:light-dark(oklch(56% calc(var(--palette-chroma) * 2.5) 30),oklch(70% calc(var(--palette-chroma) * 2.5) 30));--color-grid:oklch(from var(--color-guide-ink) l c h / var(--guide-alpha));--color-grid-half:oklch(from var(--color-grid) l c 190);--color-highlight:light-dark(oklch(94% var(--palette-chroma) 90),oklch(34% var(--palette-chroma) 90))}:root:has(:is([data-template=landing],[data-template=error])){--color-page-start:var(--color-surface)}.footer-links{--color-text-hover:light-dark(oklch(45% 0 0),oklch(72% 0 0));--color-text-pressed:light-dark(oklch(55% 0 0),oklch(60% 0 0))}[data-icon=separator]{--color-separator:light-dark(oklch(from var(--color-border) calc(l - 2 * var(--color-state-step) - var(--separator-dim,0)) c h / alpha),oklch(from var(--color-border) calc(l + 8 * var(--color-state-step) - var(--separator-dim,0)) c h / alpha))}@media (prefers-contrast:no-preference){[data-sticky-bar]{--separator-dim:calc(3 * var(--color-state-step))}}[data-dialog-panel]{--color-dialog-fill:var(--color-dialog-target);--color-dialog-outline:var(--color-border)}[data-dialog-outline-origin=hover]{--color-dialog-outline-origin:var(--color-border-hover)}[data-dialog-outline-origin=pressed]{--color-dialog-outline-origin:var(--color-border-pressed)}[data-dialog-motion] [data-dialog-panel]{--color-dialog-outline:color-mix(in oklch, var(--color-dialog-outline-origin) calc((1 - var(--dialog-progress)) * 100%), var(--color-border));--color-dialog-fill:color-mix(in oklch, var(--color-dialog-target) calc(round(up, calc(var(--dialog-progress) - 1 / 8), 1) * 100%), var(--color-dialog-origin))}[data-dialog-origin=bare]{--color-dialog-origin:var(--color-clear)}[data-dialog-origin=hover]{--color-dialog-origin:var(--color-hover)}[data-dialog-origin=pressed]{--color-dialog-origin:var(--color-pressed)}@media (prefers-contrast:more){:root{--color-state-step:.08;--color-border:oklch(from var(--color-ink) l c h / 70%);--color-border-hover:var(--color-border);--color-border-pressed:var(--color-border);--color-muted:light-dark(oklch(40% 0 0),oklch(78% 0 0));--color-text-hover:light-dark(oklch(25% 0 0),oklch(86% 0 0));--color-text-pressed:light-dark(oklch(35% 0 0),oklch(80% 0 0))}.footer-links{--color-text-hover:inherit;--color-text-pressed:inherit}}@media print{:root{color-scheme:light}}}@layer reset{*,:before,:after{box-sizing:border-box;cursor:default}html{scrollbar-gutter:stable;font-family:var(--font-family);font-feature-settings:"ss05" 1;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-body);line-height:var(--line-height);background:var(--color-canvas);color:var(--color-ink)}:where(body,h1,h2,ul){margin:0}html[data-page-pending] body{opacity:0}:where(h1,h2){font-size:var(--font-heading);font-weight:var(--weight-heading);line-height:var(--type-ratio)}a{color:inherit}:where(button,input,select,textarea){font:inherit;letter-spacing:inherit}dialog{max-block-size:none;max-inline-size:none;color:inherit;background:0 0;border:0;padding:0;position:fixed}:focus-visible{outline:var(--focus-width) solid var(--color-ink);outline-offset:var(--focus-gap)}:focus:not(:focus-visible),.page-surface:focus{outline:none}}@layer layout{html{container-type:inline-size}[data-dialog-clip]{--corner-fill:none;block-size:100%;inline-size:100%;overflow:clip}[data-dialog-content]{inline-size:100%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}[data-dialog-motion=closing] [data-dialog-panel]{pointer-events:none}@media (prefers-reduced-motion:no-preference){html[data-keyboard-navigation],html[data-keyboard-navigation] :is([data-scroll],.information-dialog__scroll){scroll-behavior:smooth}}html:has(dialog:modal){overscroll-behavior:none;scroll-snap-type:none;overflow:hidden}html.coming-soon{background:var(--color-surface);scrollbar-gutter:auto;overflow:clip}.coming-soon main{block-size:var(--viewport-content-height);place-items:center;display:grid}.coming-soon h1{inline-size:calc(21 * var(--grid-step));max-inline-size:calc(var(--viewport-content-height) * 9027.97 / 1472)}}@layer components{:root[data-focus-hidden] :focus-visible{outline-color:var(--color-clear)}:root[data-focus-hidden] [data-control-focus]{visibility:hidden}.wordmark{clip-path:inset(0);block-size:auto;inline-size:100%;display:block;overflow:hidden}.wordmark>g>g{transform-box:view-box}@media screen and (prefers-reduced-motion:no-preference){.coming-soon[data-wordmark-pending] .wordmark{visibility:hidden}}}@layer utilities{[data-dialog-clip]{border-radius:inherit}[data-dialog-panel]{inline-size:100%;position:absolute;inset:auto auto 0 0}[data-dialog-source-ink]{z-index:var(--layer-content);pointer-events:none;max-inline-size:none;position:absolute;inset:50% auto auto 0;translate:0 -50%}[data-dialog-source-ink],[data-dialog-source-ink] .corner-surface{background:0 0}[data-dialog-motion=closing] [data-dialog-panel],[data-dialog-motion=closing] [data-dialog-panel] *{pointer-events:none}[data-dialog-source-hidden],[data-dialog-source-hidden] *{visibility:hidden}.type-label,.type-note{font:var(--weight-label) var(--font-small) / var(--leading-reading) var(--font-family);font-feature-settings:inherit;letter-spacing:var(--tracking-reading)}.type-note{font-size:var(--font-note)}[data-font=accent]{font-family:var(--font-accent);font-feature-settings:normal;font-style:normal;font-weight:400}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media print{.sticky-bar,.cookie-marquee{display:none}}}@layer guides;@property --reveal-duration{syntax:"<time>";inherits:true;initial-value:0s}@property --reveal-delay{syntax:"<time>";inherits:true;initial-value:0s}@property --reveal-spread{syntax:"<time>";inherits:true;initial-value:0s}@property --dialog-progress{syntax:"<number>";inherits:true;initial-value:1}@property --dialog-duration{syntax:"<time>";inherits:true;initial-value:0s}@property --dialog-content-offset{syntax:"<length>";inherits:true;initial-value:0}@property --dialog-blur{syntax:"<length>";inherits:true;initial-value:0}@property --layout-viewport-width{syntax:"<length>";inherits:true;initial-value:0}
