@font-face{font-family: "Archivo";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/archivo-latin.woff2") format("woff2")}:root{--ink: #101517;--bg: #ffffff;--surface: #f1f4f4;--muted: #56636a;--line: #d9dedf;--brand: #54c5d0;--action: #0b7384;--accent: var(--action);--error-ink: #8f2114;--error-bg: #fdf0ee;--error-line: #efc0b9;--font-display: "Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-text: var(--font-display);--display-weight: 400;--display-tracking: -0.035em;--display-tracking-xl: -0.042em;--t-h1: clamp(2.375rem,1.14rem + 4.2vw,4.5rem);--t-h1-page: clamp(2.25rem,1.3rem + 3vw,3.75rem);--t-h2: clamp(1.875rem,1.31rem + 1.9vw,3rem);--t-h3: clamp(1.375rem,1.31rem + 0.21vw,1.5rem);--t-lead: clamp(1.125rem,1.06rem + 0.21vw,1.25rem);--t-card: clamp(1.125rem,1.06rem + 0.21vw,1.25rem);--t-body: 1rem;--t-small: 0.875rem;--t-label: 0.8125rem;--t-nav: 0.9375rem;--t-prose: 1.0625rem;--t-h2-prose: clamp(1.5rem,1.38rem + 0.42vw,1.75rem);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--nav: 72px;--gut: 80px;--padt: 120px;--padb: 72px;--hgap: 48px;--hpadb: 64px;--gap: 24px;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-btn: 999px;--btn-h: 44px;--ease-out: cubic-bezier(0.23,1,0.32,1);--ease-in-out: cubic-bezier(0.77,0,0.175,1);--m-in: 150ms;--m-out: 120ms;--m-press: 100ms;--m-panel: 200ms;--m-image: 300ms;--m-image-out: 200ms;color-scheme: light}@media (max-width: 1279px){:root{--gut: 48px}}@media (max-width: 1023px){:root{--padt: 96px;--padb: 64px}}@media (max-width: 639px){:root{--nav: 56px;--gut: 24px;--padt: 72px;--padb: 48px;--hgap: 32px;--hpadb: 40px;--gap: 12px;--btn-h: 48px}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--nav) + 24px);scrollbar-color: #aab3b5 transparent}html,body{margin: 0}body{padding: 0 env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}body{background: var(--bg);color: var(--ink);font-family: var(--font-text);font-size: var(--t-body);line-height: 1.625;font-weight: 400;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;caret-color: var(--action);accent-color: var(--action);-webkit-tap-highlight-color: transparent}::selection{background: var(--brand);color: var(--ink)}img{max-width: 100%;height: auto;display: block}[id]{scroll-margin-top: calc(var(--nav) + 24px)}h1,h2,h3,h4{font-family: var(--font-display);font-weight: var(--display-weight);color: var(--ink);margin: 0;text-wrap: balance}h1{font-size: var(--t-h1);line-height: 1.02;letter-spacing: var(--display-tracking-xl)}h2{font-size: var(--t-h2);line-height: 1.06;letter-spacing: var(--display-tracking)}h3{font-size: var(--t-h3);line-height: 1.15;letter-spacing: -0.022em}h4{font-size: var(--t-card);line-height: 1.3;letter-spacing: -0.012em;font-weight: 500}p{margin: 0 0 1em;text-wrap: pretty}ul,ol{margin: 0 0 1.2em;padding-left: 1.2em}li{margin-bottom: 0.45em}li::marker{font-variant-numeric: normal}strong{font-weight: 500}small,.small{font-size: var(--t-small);line-height: 1.5}.muted{color: var(--muted)}.lead{font-size: var(--t-lead);line-height: 1.5;max-width: 34em;margin: 0}a{color: inherit;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.22em;text-decoration-color: color-mix(in oklab,var(--action) 55%,transparent);transition: text-decoration-color var(--m-out) ease,opacity var(--m-press) ease;touch-action: manipulation}.textlink{display: inline-flex;align-items: center;gap: 8px}@media (max-width: 1023px){.textlink{min-height: 44px}}.textlink::after{content: "";width: 12px;height: 12px;flex: none;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h9M6.5 2.5 10 6l-3.5 3.5'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h9M6.5 2.5 10 6l-3.5 3.5'/%3E%3C/svg%3E") center / contain no-repeat;transition: transform var(--m-out) var(--ease-out)}:focus-visible{outline: 2px solid var(--action);outline-offset: 2px}.wrap{width: 100%;max-width: 1280px;margin: 0 auto}.grid{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));column-gap: var(--gap)}.head{position: fixed;inset: 0 0 auto 0;z-index: 50;height: var(--nav);padding: 0 var(--gut);background: var(--bg);border-bottom: 1px solid var(--line)}.head__in{position: relative;display: flex;align-items: center;justify-content: space-between;gap: var(--s-5);height: 100%}.skip{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;background: var(--ink);color: #fff;padding: 10px 16px;border-radius: var(--r-sm);text-decoration: none;opacity: 0;pointer-events: none;transition: none}.skip:focus-visible{opacity: 1;pointer-events: auto}.brand{display: inline-flex;align-items: center;gap: 14px;min-height: 44px;color: var(--ink);text-decoration: none}.brand__logo{height: 22px;width: auto}.brand__name{font-size: var(--t-label);font-weight: 500;line-height: 1.2;color: var(--muted);padding-left: 14px;border-left: 1px solid var(--line);white-space: nowrap}.menu{display: flex;align-items: center;gap: var(--s-6)}.menu__links{display: flex;align-items: center;gap: 28px}.menu__links a{position: relative;display: inline-flex;align-items: center;height: var(--nav);font-size: var(--t-nav);font-weight: 500;text-decoration: none;white-space: nowrap}.menu__links a::after{content: "";position: absolute;left: 0;right: 0;bottom: 22px;height: 1px;background: currentColor;transform: scaleX(0);transform-origin: 0 50%;transition: transform var(--m-out) var(--ease-out)}.menu__links a[aria-current="page"]::after{transform: none;height: 2px;bottom: 0}.nav-toggle{font: inherit;touch-action: manipulation;-webkit-user-select: none;user-select: none;display: none;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;background: none;border: 1px solid color-mix(in oklab,var(--ink) 30%,transparent);border-radius: var(--r-btn);color: var(--ink);cursor: pointer}.nav-toggle svg{width: 20px;height: 20px}@media (min-width: 1024px) and (max-width: 1159px){.brand__name{display: none}}.nav-toggle .x{display: none}.nav-open .nav-toggle .x{display: block}.nav-open .nav-toggle .bars{display: none}@media (max-width: 1023px){.nav-toggle{display: inline-flex;order: 3}.menu{gap: var(--s-3)}.menu__links{position: fixed;inset: var(--nav) 0 0 0;z-index: 49;background: var(--bg);flex-direction: column;align-items: stretch;gap: 0;padding: var(--s-4) var(--gut) var(--s-7);overflow-y: auto;overscroll-behavior: contain;visibility: hidden;opacity: 0;transform: translateY(-6px);transition: opacity var(--m-out) var(--ease-out),transform var(--m-out) var(--ease-out),visibility 0s linear var(--m-out)}.nav-open .menu__links{visibility: visible;opacity: 1;transform: none;transition: opacity var(--m-panel) var(--ease-out),transform var(--m-panel) var(--ease-out),visibility 0s}.menu__links a{height: 56px;font-size: 1.25rem;font-weight: 400;border-bottom: 1px solid var(--line)}.menu__links a::after{display: none}.nav-open,.nav-open body{overflow: hidden}}@media (max-width: 639px){.brand{flex-direction: column;align-items: flex-start;justify-content: center;gap: 4px}.brand__logo{height: 18px}.brand__name{padding-left: 0;border-left: 0}.menu > .btn{display: none}.nav-open .menu > .btn{display: inline-flex;position: fixed;left: var(--gut);right: var(--gut);bottom: calc(var(--s-5) + env(safe-area-inset-bottom));z-index: 51}}.btn{position: relative;isolation: isolate;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: var(--btn-h);padding: 0 24px;border-radius: var(--r-btn);background: var(--ink);color: #fff;border: 1px solid var(--ink);font: inherit;font-size: 1rem;font-weight: 500;line-height: 1.1;white-space: nowrap;text-decoration: none;cursor: pointer;-webkit-user-select: none;user-select: none;touch-action: manipulation;-webkit-touch-callout: none;transition: transform var(--m-out) var(--ease-out),border-color var(--m-out) ease,background-color var(--m-out) ease}.btn::before{content: "";position: absolute;inset: -1px;z-index: -1;background: var(--action);transform: translateY(102%);transition: transform 200ms var(--ease-out)}.btn:active{transform: scale(0.97);transition-duration: var(--m-press)}.btn--ghost{background: var(--bg);color: var(--ink);border-color: color-mix(in oklab,var(--ink) 30%,var(--bg))}.btn--ghost::before{display: none}.btn[disabled]{opacity: 0.55;cursor: progress}.btn-row{display: flex;flex-wrap: wrap;gap: var(--s-3);margin-top: var(--s-6)}@media (max-width: 639px){.btn-row{flex-direction: column;align-items: stretch}}.hero{padding: calc(var(--nav) + var(--hgap)) var(--gut) var(--hpadb)}.crumbs{font-size: var(--t-label);line-height: 1.4;color: var(--muted);margin: -14px 0 2px}.crumbs a{display: inline-block;padding: 14px 0;text-decoration: none}.crumbs span[aria-hidden]{margin: 0 6px}.hero--page .hero__grid{align-items: start;row-gap: var(--s-6)}.hero--page .hero__text{grid-column: 1 / span 6}.hero--page h1{font-size: var(--t-h1-page);line-height: 1.04}.hero--page .lead,.hero .lead{margin-top: var(--s-5)}.hero__media{grid-column: 8 / span 5;aspect-ratio: 4 / 5;border-radius: var(--r-lg);overflow: hidden;background: var(--surface);margin: 0}.hero__media img{width: 100%;height: 100%;object-fit: cover}.hero__media img.blend{mix-blend-mode: multiply;object-fit: contain}.hero--plain .lead + *,.hero--plain h1 + p:not(.lead){margin-top: var(--s-6)}.hero--plain ol,.hero--plain ul{max-width: 46rem}@media (max-width: 1023px){.hero--page .hero__text,.hero__media{grid-column: 1 / -1}.hero__media{aspect-ratio: 3 / 2}}.hero--plain h1{font-size: var(--t-h1-page);line-height: 1.04}.narrow{max-width: 46rem}.section{padding: var(--padt) var(--gut) var(--padb)}.section--soft{background: var(--surface)}.section--tight{padding-top: var(--s-8)}.section__head{max-width: 46rem;margin-bottom: var(--s-7)}.section__head p{font-size: var(--t-lead);line-height: 1.5;margin: var(--s-4) 0 0}.section__foot{margin: var(--s-6) 0 0}@media (max-width: 639px){.section__head{margin-bottom: var(--s-6)}}.g2 .g2__b{padding-top: calc(var(--padt) + var(--padb))}}.g2 .g2__b{padding-top: var(--s-7)}.tiles{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-7) var(--gap)}.tile{display: block;color: inherit;text-decoration: none}.tile__img,.model__img{aspect-ratio: 5 / 3;border-radius: var(--r-lg);overflow: hidden;background: var(--surface)}.section--soft .tile__img,.section--soft .model__img{background: var(--bg)}.tile__img img,.model__img img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: multiply;transition: transform var(--m-image-out) var(--ease-out)}.tile__row{display: flex;align-items: baseline;justify-content: space-between;gap: var(--s-4);margin-top: var(--s-4)}.tile__row span{font-size: var(--t-body);white-space: nowrap}.tile p{margin: var(--s-2) 0 0;max-width: 26em}@media (max-width: 639px){.tiles{grid-template-columns: 1fr;gap: var(--s-6)}.tile__img{aspect-ratio: 3 / 2}}@media (min-width: 640px) and (max-width: 1023px){.tile__row{flex-direction: column;gap: 2px}}.specs{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-5) var(--gap);margin: var(--s-6) 0 0}.specs + .models-note{margin-top: var(--s-5)}.specs div{min-width: 0}.specs dt{font-size: var(--t-label);font-weight: 500;color: var(--muted)}.specs dd{margin: 2px 0 0}@media (max-width: 639px){.specs{grid-template-columns: 1fr;gap: var(--s-4)}}.split{align-items: start;row-gap: var(--s-6)}.split__text{grid-column: 1 / span 6}.split__text h2{margin-bottom: var(--s-5)}.split__text > p{max-width: 34em}.split__text > .lead{margin-bottom: var(--s-4)}.split__media{grid-column: 8 / span 5;aspect-ratio: 4 / 5;border-radius: var(--r-lg);overflow: hidden;background: var(--surface);margin: 0}.split__media img{width: 100%;height: 100%;object-fit: cover}.split__side{grid-column: 8 / span 5}.split__pic{margin: var(--s-6) 0 0;aspect-ratio: 4 / 5;border-radius: var(--r-lg);overflow: hidden;max-width: 368px}.split__pic img{width: 100%;height: 100%;object-fit: cover}@media (max-width: 1023px){.split__text,.split__media,.split__side{grid-column: 1 / -1}.split__media{aspect-ratio: 3 / 2}}.points{list-style: none;padding: 0;margin: var(--s-6) 0 0}.points li{margin: 0;padding: var(--s-4) 0;border-top: 1px solid var(--line)}.points h3{margin-bottom: var(--s-2)}.points p{margin: 0;max-width: 34em}.steps{list-style: none;counter-reset: step;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-7) var(--gap)}.steps li{counter-increment: step;margin: 0;padding-top: var(--s-4);border-top: 1px solid var(--line)}.steps li::before{content: counter(step);display: block;font-size: var(--t-label);font-weight: 500;color: var(--muted);margin-bottom: var(--s-3)}.steps h3{margin-bottom: var(--s-2)}.steps p{margin: 0}@media (max-width: 899px){.steps{grid-template-columns: 1fr;gap: var(--s-5)}}.develop{margin: 0;border-radius: var(--r-lg);overflow: hidden;background: var(--surface);aspect-ratio: 8 / 3}.develop > img{width: 100%;height: 100%;object-fit: cover}@media (max-width: 899px){.develop{aspect-ratio: 3 / 2}}.wall{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));gap: 2px;border-radius: var(--r-lg);overflow: hidden}.wall figure{margin: 0;overflow: hidden}.wall img{width: 100%;height: 100%;object-fit: cover}.wall__p{grid-column: span 3;aspect-ratio: 4 / 5}.wall__l{grid-column: span 4;aspect-ratio: 16 / 9}.g-tall{grid-column: span 4;aspect-ratio: 3 / 4}.g-wide{grid-column: span 8;aspect-ratio: 3 / 2}.g-half{grid-column: span 6;aspect-ratio: 3 / 2}.g-third{grid-column: span 4;aspect-ratio: 1 / 1}@media (max-width: 759px){.wall__p,.g-tall,.g-third{grid-column: span 6;aspect-ratio: 4 / 5}.wall__l,.g-wide,.g-half{grid-column: span 12;aspect-ratio: 3 / 2}.wall > .g-third:last-child:nth-child(odd),.wall > .g-tall:last-child:nth-child(odd){grid-column: span 12;aspect-ratio: 3 / 2}}.statement{max-width: 20em;font-size: var(--t-h2)}.mo-wh__text{margin: 0}.families{margin-top: var(--s-8);row-gap: var(--s-7)}.families > div{grid-column: 1 / span 6}.families > div + div{grid-column: 8 / span 5}.families h3{margin-bottom: var(--s-4)}@media (max-width: 899px){.families > div,.families > div + div{grid-column: 1 / -1}}.checks{list-style: none;padding: 0;margin: 0 0 var(--s-5);max-width: 34em}.checks li{margin: 0;padding: var(--s-3) 0;border-top: 1px solid var(--line)}.qa{margin: 0}.qa > div{padding-bottom: var(--s-5)}.qa > div + div{padding-top: var(--s-5);border-top: 1px solid var(--line)}.qa > div:last-child{padding-bottom: 0}.qa dt{font-family: var(--font-display);font-size: var(--t-card);font-weight: 500;line-height: 1.3;letter-spacing: -0.012em;margin-bottom: var(--s-2)}.qa dd{margin: 0;max-width: 40em}.qa dd p:last-child{margin-bottom: 0}.qa-group{margin-top: var(--s-8)}.qa-group:first-child{margin-top: 0}.qa-group h2{font-size: var(--t-h2-prose);line-height: 1.15;letter-spacing: -0.022em;margin-bottom: var(--s-6)}.qa-group .qa{grid-column: 5 / span 8}.qa-group h2{grid-column: 1 / span 4}@media (max-width: 1023px){.qa-group h2,.qa-group .qa{grid-column: 1 / -1}}.duo{display: grid;grid-template-columns: 1fr 1fr;gap: var(--gap)}.panel,.note{background: var(--surface);border-radius: var(--r-md);padding: var(--s-6)}.section--soft .panel,.section--soft .note{background: var(--bg)}.panel :is(h2,h3){font-size: var(--t-h3);line-height: 1.15;letter-spacing: -0.022em;margin-bottom: var(--s-3)}.panel > :last-child,.note > :last-child{margin-bottom: 0}.panel .btn,.panel .textlink{margin-top: var(--s-2)}.panel .checks li:first-child{border-top: 0;padding-top: 0}.note{margin: var(--s-6) 0;padding: var(--s-5) var(--s-6)}@media (max-width: 899px){.duo{grid-template-columns: 1fr}}@media (max-width: 639px){.panel,.note{padding: var(--s-5)}}.prose{font-size: var(--t-prose);line-height: 1.65;max-width: 38rem}.prose h2{font-size: var(--t-h2-prose);line-height: 1.15;letter-spacing: -0.022em;margin: var(--s-8) 0 var(--s-4)}.prose > h2:first-child{margin-top: 0}.prose h3{font-size: var(--t-card);font-weight: 500;letter-spacing: -0.012em;line-height: 1.3;margin: var(--s-6) 0 var(--s-2)}.prose li{margin-bottom: 0.55em}.prose-grid{align-items: start;row-gap: var(--s-7)}.prose-grid > .prose{grid-column: 1 / span 7}.aside{grid-column: 9 / span 4;position: sticky;top: calc(var(--nav) + var(--s-5));display: grid;gap: var(--gap)}.aside figure{margin: 0}.aside figure img{border-radius: var(--r-md);width: 100%}.aside figcaption{font-size: var(--t-small);line-height: 1.5;color: var(--muted);padding-top: var(--s-2)}@media (max-width: 1023px){.prose-grid > .prose,.aside{grid-column: 1 / -1}.aside{position: static}}.table-wrap{overflow-x: auto;margin: 0 0 var(--s-7)}table{border-collapse: collapse;width: 100%;font-size: var(--t-body);line-height: 1.5}caption{text-align: left;font-family: var(--font-display);font-size: var(--t-h3);line-height: 1.15;letter-spacing: -0.022em;padding: 0 0 var(--s-4)}th,td{text-align: left;padding: var(--s-3) var(--s-5) var(--s-3) 0;border-bottom: 1px solid var(--line);vertical-align: top}th:last-child,td:last-child{padding-right: 0}thead th{font-size: var(--t-label);font-weight: 500;color: var(--muted);border-bottom-color: var(--ink)}tbody th{font-weight: 500}.price-table tbody th{width: 30%}td.num,th.num{text-align: right;white-space: nowrap}td.num{font-weight: 500}.prose table{font-size: 1rem}@media (max-width: 639px){th,td{padding-right: var(--s-4)}.price-table tbody th{width: auto}}.closing{background: var(--brand);color: var(--ink);padding: var(--padt) var(--gut) var(--padb);font-size: var(--t-small);line-height: 1.6}.closing > .wrap{display: flex;flex-direction: column}.closing ::selection{background: var(--ink);color: #fff}.closing :focus-visible{outline-color: var(--ink)}.closing a{text-decoration-color: color-mix(in oklab,var(--ink) 45%,transparent)}.close{position: relative;padding-bottom: var(--s-7);font-size: var(--t-body)}.close__text{max-width: 46rem}.close p{font-size: var(--t-lead);line-height: 1.5;max-width: 30em;margin: var(--s-5) 0 0}.close .btn-row{align-items: center;gap: var(--s-3) var(--s-6)}@media (max-width: 639px){.close .btn-row{align-items: stretch}.close .textlink{justify-content: center}}.close__tap{display: none;position: absolute;z-index: 0;right: calc((100% + var(--gap)) / 12 * 1.5);bottom: var(--s-6);height: clamp(260px,36svh,320px);width: auto;pointer-events: none}.foot{margin-top: auto}.foot__logo{height: 26px;width: auto;margin-bottom: var(--s-5)}.foot__grid{row-gap: var(--s-6)}.foot__brand{grid-column: 1 / span 6}.foot__brand p{max-width: 26em;margin-bottom: var(--s-3)}.foot__dir{grid-column: 8 / span 5;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-6) var(--gap)}.foot__label{font-size: var(--t-label);font-weight: 500;line-height: 1.4;margin: 0 0 var(--s-2);color: color-mix(in oklab,var(--ink) 72%,var(--brand))}.foot ul{list-style: none;padding: 0;margin: 0}.foot li{margin: 0}.foot li a{display: inline-block;padding: 3px 0;text-decoration: none;white-space: nowrap}.foot address{font-style: normal;color: color-mix(in oklab,var(--ink) 72%,var(--brand))}.foot__base{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: var(--s-2) var(--s-5);margin-top: var(--s-6);font-size: var(--t-label)}.foot__base a{display: inline-flex;align-items: center;text-decoration: none}@media (max-width: 1023px){.foot__brand,.foot__dir{grid-column: 1 / -1}.close{padding-bottom: var(--s-8)}.close__tap{display: none}.foot li a{padding: 12px 0}.foot__base a{min-height: 44px}}@media (max-width: 559px){.foot__dir{grid-template-columns: 1fr 1fr}}.form-grid{align-items: start;row-gap: var(--s-7)}.form-grid > .form-main{grid-column: 1 / span 7}@media (max-width: 1023px){.form-grid > .form-main{grid-column: 1 / -1}}.form{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-4) var(--gap);margin-top: var(--s-7)}.form .full{grid-column: 1 / -1}.form fieldset{border: 0;padding: 0;margin: 0;grid-column: 1 / -1;display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-4) var(--gap)}.form legend{font-family: var(--font-display);font-size: var(--t-h3);line-height: 1.15;letter-spacing: -0.022em;padding: var(--s-6) 0 var(--s-4);margin: 0}.form label{display: block;font-size: var(--t-small);font-weight: 500;line-height: 1.4;margin-bottom: 6px}.form label .opt{font-weight: 400;color: var(--muted)}.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form input[type="number"],.form select,.form textarea{width: 100%;font: inherit;font-size: 1rem;color: var(--ink);background: var(--bg);border: 1px solid color-mix(in oklab,var(--ink) 30%,transparent);border-radius: var(--r-sm);padding: 0 14px;height: 48px;transition: border-color 140ms var(--ease-out),box-shadow 140ms var(--ease-out)}.form ::placeholder{color: var(--muted);opacity: 1}.form select{-webkit-appearance: none;appearance: none;padding-right: 40px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23101517' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center;background-size: 12px 12px}.form textarea{height: auto;min-height: 130px;padding: 12px 14px;resize: vertical}.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline: none;border-color: var(--action);box-shadow: 0 0 0 3px color-mix(in oklab,var(--action) 22%,transparent)}.form .check{display: flex;gap: var(--s-3);align-items: flex-start;font-weight: 400;font-size: 1rem;line-height: 1.5;margin: 0;padding: 6px 0}.form .check input{width: 20px;height: 20px;margin-top: 2px;flex: none}.form .hp{position: absolute;left: -9999px}.form__submit{display: flex;flex-wrap: wrap;gap: var(--s-3) var(--s-5);align-items: center;margin-top: var(--s-2)}.form__status{grid-column: 1 / -1;margin: 0;padding: var(--s-4);border-radius: var(--r-sm);background: var(--error-bg);color: var(--error-ink);border: 1px solid var(--error-line)}.form__status[hidden]{display: none}@media (max-width: 559px){.form,.form fieldset{grid-template-columns: 1fr}}.wiz__steps{list-style: none;display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-6);padding: 0 0 var(--s-4);margin: 0;border-bottom: 1px solid var(--line);font-size: var(--t-small);color: var(--muted)}.wiz__steps li{display: flex;align-items: center;gap: var(--s-2);margin: 0}.wiz__steps span{display: grid;place-items: center;width: 24px;height: 24px;border-radius: 50%;border: 1px solid var(--line);font-size: var(--t-label);font-weight: 500}.wiz__steps [aria-current]{color: var(--ink);font-weight: 500}.wiz__steps [aria-current] span{background: var(--ink);border-color: var(--ink);color: #fff}.wiz__step{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-4) var(--gap)}.wiz__step > :not(fieldset){grid-column: 1 / -1}.js .wiz[data-at="1"] [data-step="2"],.js .wiz[data-at="2"] [data-step="1"]{display: none}html:not(.js) :is(.wiz__steps,.wiz__next,.wiz__recap){display: none}.form legend:focus{outline: none}.chip{min-height: 40px;padding: 0 16px;border-radius: var(--r-btn);border: 1px solid var(--line);background: var(--bg);color: var(--ink);font: inherit;font-size: var(--t-small);font-weight: 500;cursor: pointer;transition: border-color var(--m-out) ease,background-color var(--m-out) ease}.chips{display: flex;flex-wrap: wrap;gap: var(--s-2)}.form .chip{display: inline-flex;align-items: center;gap: var(--s-2);margin: 0;position: relative}.chip input{position: absolute;opacity: 0;inset: 0;width: 100%;height: 100%;margin: 0;cursor: pointer}.chip i{width: 18px;height: 18px;border-radius: 50%;border: 1px solid color-mix(in oklab,var(--ink) 25%,var(--bg));flex: none}.chip:has(input:checked){border-color: var(--ink);box-shadow: 0 0 0 1px var(--ink)}.chip:has(input:focus-visible){border-color: var(--action);box-shadow: 0 0 0 3px color-mix(in oklab,var(--action) 22%,transparent)}.wiz__recap{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--s-2) var(--s-5);padding: var(--s-4) var(--s-5);background: var(--surface);border-radius: var(--r-md)}.wiz__recap p{margin: 0;font-weight: 500;overflow-wrap: anywhere}.wiz__recap .textlink{background: none;border: 0;padding: 0;font: inherit;cursor: pointer}.wiz .form__status{background: var(--error-bg)}@media (max-width: 559px){.wiz__step{grid-template-columns: 1fr}}@media (hover: hover) and (pointer: fine){.chip:hover{border-color: var(--ink)}}@media (pointer: coarse){.chip{min-height: 44px}}@media (max-width: 639px){.form__submit .btn{width: 100%}}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.form__label{font-size: var(--t-small);font-weight: 500;line-height: 1.4;margin: 0 0 6px}.form__hint{margin: 6px 0 0}.form .note{margin: 0}.scene{background: var(--brand);padding: calc(var(--nav) + var(--hgap)) var(--gut) var(--hpadb)}.scene ::selection{background: var(--ink);color: #fff}.scene :focus-visible{outline-color: var(--ink)}.scene a:not(.btn){text-decoration-color: color-mix(in oklab,var(--ink) 45%,transparent)}.scene__in{position: relative;align-items: start;row-gap: var(--s-6)}.scene__words{grid-column: 1 / span 6;display: grid;row-gap: var(--s-8)}.scene__stage{grid-column: 8 / span 5;display: grid;place-items: center;position: sticky;top: calc(var(--nav) + var(--s-5))}.scene h1{max-width: 11em}.beat h2{font-size: var(--t-h1-page);line-height: 1.04;letter-spacing: var(--display-tracking-xl);max-width: 12em}.beat .lead{margin-top: var(--s-5);max-width: 30em}.scene .btn--ghost{background: transparent;border-color: color-mix(in oklab,var(--ink) 45%,transparent)}.scene__hint,.scene__dots{display: none}.bottle{position: relative;height: min(74svh,720px);max-width: 100%}.bottle img,.bottle canvas{position: absolute;inset: 0;width: 100%;height: 100%}.bottle canvas{opacity: 0}.bottle.is-live canvas{opacity: 1}.bottle.is-live img{opacity: 0}.bottle::before{content: "";position: absolute;left: 14%;right: 14%;bottom: 3.2%;height: 5%;border-radius: 50%;background: radial-gradient(closest-side,color-mix(in oklab,var(--ink) 34%,transparent),transparent);filter: blur(6px)}.facts{margin: var(--s-6) 0 0;max-width: 30em}.facts div{padding: var(--s-3) 0;border-top: 1px solid color-mix(in oklab,var(--ink) 28%,transparent)}.facts dt{font-family: var(--font-display);font-size: var(--t-h3);line-height: 1.15;letter-spacing: -0.022em}.facts dd{margin: 2px 0 0}.try{margin-top: var(--s-5);max-width: 30em}.try[hidden]{display: none}.try__sw{display: flex;flex-wrap: wrap;gap: var(--s-2)}.sw{display: inline-flex;align-items: center;gap: var(--s-2);min-height: 40px;padding: 0 14px 0 10px;border-radius: var(--r-btn);border: 1px solid color-mix(in oklab,var(--ink) 30%,transparent);background: transparent;color: var(--ink);font: inherit;font-size: var(--t-small);font-weight: 500;cursor: pointer;touch-action: manipulation;transition: background-color var(--m-out) ease,border-color var(--m-out) ease,transform var(--m-press) var(--ease-out)}.sw i{width: 20px;height: 20px;border-radius: 50%;flex: none}.sw--full{background: conic-gradient(#d3222a,#f2b632,#1f7a4d,#1d4f9c,#8a3fa0,#d3222a)}.sw[aria-pressed="true"]{background: #fff;border-color: var(--ink)}.sw:active{transform: scale(0.97)}.try__up{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3) var(--s-5);margin-top: var(--s-4)}.try__file{position: relative}.try__file input{position: absolute;inset: 0;opacity: 0;width: 100%;height: 100%;cursor: pointer;font-size: 0}.try__file:focus-within{outline: 2px solid var(--ink);outline-offset: 2px}.try__reset{background: none;border: 0;padding: 0;font: inherit;color: inherit;cursor: pointer;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.22em}.try__reset[hidden]{display: none}.try__note{margin: var(--s-4) 0 0;color: color-mix(in oklab,var(--ink) 80%,var(--brand))}@media (max-width: 1023px){.scene__words,.scene__stage{grid-column: 1 / -1}.scene__stage{position: static;order: -1}.bottle{height: min(46svh,420px)}}.scene-on .scene{height: 400svh;padding: 0}.scene-on .scene__pin{position: sticky;top: 0;height: 100svh;padding: calc(var(--nav) + var(--s-5)) var(--gut) var(--s-6);overflow: hidden}.scene-on .scene__in{height: 100%;align-items: center;grid-template-rows: minmax(0,1fr)}.scene-on .scene__words{row-gap: 0;align-self: center}.scene-on .scene__stage{position: static;align-self: center;height: 100%}.scene-on .beat{grid-area: 1 / 1;align-self: center;opacity: 0;visibility: hidden;transform: translateY(14px);transition: opacity 160ms ease,transform 160ms var(--ease-out),visibility 0s linear 160ms}.scene-on .beat.is-on{opacity: 1;visibility: visible;transform: none;transition: opacity 260ms ease 90ms,transform 320ms var(--ease-out) 90ms,visibility 0s}.scene-on .beat.is-past{transform: translateY(-14px)}.scene-on .scene__dots{display: flex;gap: 6px;list-style: none;padding: 0;margin: 0;position: absolute;left: 0;bottom: 0}.scene__dots li{width: 28px;height: 2px;margin: 0;background: color-mix(in oklab,var(--ink) 26%,transparent);transition: background-color 200ms ease}.scene__dots li.is-on{background: var(--ink)}.scene-on .scene__hint{display: flex;align-items: center;gap: var(--s-3);position: absolute;right: 0;bottom: -4px;margin: 0;font-size: var(--t-label);font-weight: 500;transition: opacity 200ms ease}.scene__hint::after{content: "";width: 1px;height: 28px;background: currentColor;transform-origin: 50% 0}.scene-on .scene__hint.is-gone{opacity: 0}@keyframes hint-drop{0%{transform: scaleY(0)}55%,100%{transform: scaleY(1)}}@media (prefers-reduced-motion: no-preference){.scene-on .scene__hint::after{animation: hint-drop 1.8s var(--ease-in-out) 1.2s infinite}}@media (min-width: 1024px){.scene-on .scene h1{font-size: min(var(--t-h1),9svh)}.scene-on .beat h2{font-size: min(var(--t-h1-page),8svh)}.scene-on .bottle{height: min(100%,780px)}}@media (max-width: 1023px){.scene-on .scene__pin{padding-top: calc(var(--nav) + var(--s-3));padding-bottom: var(--s-5)}.scene-on .scene__in{display: flex;flex-direction: column;align-items: stretch;row-gap: var(--s-4)}.scene-on .scene__stage{flex: 1 1 0;height: auto;min-height: 30svh;max-height: 52svh}.scene-on .bottle{height: 100%}.scene-on .scene__words{flex: 0 0 auto;align-self: stretch;align-content: start;padding-bottom: var(--s-5)}.scene-on .beat{align-self: start}.scene-on .scene h1{font-size: min(var(--t-h1),5.2svh)}.scene-on .beat h2{font-size: min(var(--t-h2),4.4svh)}.scene-on .beat .lead{margin-top: var(--s-3);font-size: min(var(--t-lead),2.3svh)}.scene-on .scene .btn-row{margin-top: var(--s-4)}.scene-on .scene .btn--ghost:not(.try__file){display: none}.scene-on .try,.scene-on .facts{margin-top: var(--s-3)}.scene-on .sw span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%)}.scene-on .sw{width: 44px;height: 44px;min-height: 44px;padding: 0;justify-content: center}.scene-on .sw i{width: 24px;height: 24px}.scene-on .try__up{margin-top: var(--s-3)}.scene-on .try:not(.has-logo) .try__note{display: none}.scene-on .try__note{margin-top: var(--s-2);font-size: var(--t-label)}.scene-on .facts div{padding: var(--s-2) 0}.scene-on .facts dt{font-size: var(--t-card)}.scene-on .scene__hint{display: none}.scene-on .scene__dots{bottom: -8px}}.shelf{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--s-7) var(--gap)}.shelf__img{display: flex;align-items: flex-end;justify-content: center;height: clamp(300px,34vw,440px);padding: var(--s-6) var(--s-5) 0;border-radius: var(--r-lg) var(--r-lg) 0 0;background: linear-gradient(var(--surface),var(--surface)) bottom / 100% 62% no-repeat}.shelf__img img{height: 100%;width: auto;max-width: 100%;object-fit: contain;object-position: 50% 100%;transition: transform 700ms var(--ease-out) calc(var(--d,0) * 1ms)}.shelf__item{border-top: 0}.shelf__item h3{margin: var(--s-4) 0 var(--s-2);padding-top: var(--s-4);border-top: 1px solid var(--ink)}.shelf__item p{margin: 0}.js [data-settle]:not(.is-in) .shelf__img img{transform: translateY(22px)}@media (max-width: 899px){.shelf{grid-template-columns: repeat(2,minmax(0,1fr))}.shelf__img{height: clamp(240px,62vw,380px)}}.specs--4{grid-template-columns: repeat(4,minmax(0,1fr));margin-top: var(--s-8);padding-top: var(--s-5);border-top: 1px solid var(--line)}@media (max-width: 899px){.specs--4{grid-template-columns: 1fr 1fr}}@media (max-width: 559px){.specs--4{grid-template-columns: 1fr}}.uses{margin-top: var(--s-7)}.uses dt{font-family: var(--font-display);font-size: var(--t-h3);font-weight: 400;line-height: 1.15;letter-spacing: -0.022em;color: var(--ink)}.uses dd{margin-top: var(--s-2);max-width: 26em}.rows{margin: var(--s-5) 0;padding: 0;border-top: 1px solid var(--line)}.rows div{display: grid;grid-template-columns: 7.5rem 1fr;gap: var(--s-4);padding: var(--s-3) 0;border-bottom: 1px solid var(--line)}.rows dt{color: var(--muted);font-size: var(--t-small);line-height: 1.6}.rows dd{margin: 0}.section--soft .rows,.section--soft .rows div{border-color: color-mix(in oklab,var(--ink) 16%,transparent)}.techs{row-gap: var(--s-7)}.tech{grid-column: span 6}.tech + .tech{grid-column: 8 / span 5}.tech h3{font-size: var(--t-h2-prose);margin-bottom: var(--s-3)}.tech p{max-width: 30em}@media (max-width: 899px){.tech,.tech + .tech{grid-column: 1 / -1}}.statement{max-width: 22em;font-family: var(--font-display);font-size: var(--t-h2);line-height: 1.1;letter-spacing: var(--display-tracking);margin: 0}.quad{margin: var(--s-8) 0 0;row-gap: var(--s-6)}.quad div{grid-column: span 3;padding-top: var(--s-4);border-top: 1px solid var(--ink)}.quad dt{font-family: var(--font-display);font-size: var(--t-h3);line-height: 1.15;letter-spacing: -0.022em;margin-bottom: var(--s-2)}.quad dd{margin: 0}@media (max-width: 1023px){.quad div{grid-column: span 6}}@media (max-width: 559px){.quad div{grid-column: 1 / -1}}.steps li{border-top-color: color-mix(in oklab,var(--ink) 16%,transparent)}.split__media--dark{background: #000;aspect-ratio: 1 / 1}.split__media--dark img{object-fit: contain}@keyframes enter-rise{from{opacity: 0;transform: translateY(24px)}}@keyframes enter-fade{from{opacity: 0;transform: translateY(12px)}}@keyframes enter-settle{from{transform: translateY(18px)}}@keyframes enter-zoom{from{transform: scale(1.05)}}@media (prefers-reduced-motion: no-preference){.m-enter [data-enter] h1{animation: enter-rise 500ms var(--ease-out) both}.m-enter [data-enter] :is(.crumbs,.lead){animation: enter-fade 400ms var(--ease-out) 60ms both}.m-enter [data-enter] .btn-row{animation: enter-fade 360ms var(--ease-out) 80ms both}.m-enter [data-enter] .hero__media img{animation: enter-zoom 900ms var(--ease-out) both}.m-enter .scene .bottle{animation: enter-settle 900ms var(--ease-out) both}}:is(.tile,.textlink,.menu__links a,.foot a,.crumbs a,.brand):active{opacity: 0.6}@media (hover: hover) and (pointer: fine){a:hover{text-decoration-color: currentColor;transition-duration: var(--m-in)}.btn:hover{transform: translateY(-1px);transition-duration: var(--m-in)}.btn:not(.btn--ghost):hover{border-color: var(--action)}.btn:not(.btn--ghost):hover::before{transform: none}.btn--ghost:hover{background: color-mix(in oklab,var(--ink) 6%,var(--bg));border-color: var(--ink)}.btn:active{transform: scale(0.97);transition-duration: var(--m-press)}.textlink:hover::after{transform: translateX(3px);transition-duration: var(--m-in)}.menu__links a:hover::after{transform: none;transition-duration: var(--m-in)}.nav-toggle:hover{border-color: var(--ink)}.foot li a:hover,.foot__base a:hover,.crumbs a:hover{text-decoration: underline;text-decoration-color: currentColor}.tile:hover .tile__img img{transform: scale(1.03);transition-duration: var(--m-image)}.tile:hover h3{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.18em}}@media (prefers-reduced-motion: reduce){.btn,.btn::before,.tile__img img,.textlink::after,.menu__links,.menu__links a::after{transition-duration: 0.01ms !important}.btn:hover,.btn:active{transform: none}}@media print{.head,.closing,.btn-row{display: none}.hero{padding-top: 0}}@media (hover: hover) and (pointer: fine){.sw:hover{border-color: var(--ink)}.try__reset:hover{text-decoration-color: currentColor}}@media (prefers-reduced-motion: reduce){.shelf__img img,.beat{transition-duration: 0.01ms !important}.js [data-settle]:not(.is-in) .shelf__img img{transform: none}}@media (max-width: 1023px) and (max-height: 700px){.scene-on .scene__dots{display: none}.scene-on .scene__words{padding-bottom: 0}}