@property --rim{syntax:"<number>";inherits:true;initial-value:.2}.sec--glass,.sec--night{isolation:isolate}.ambient{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.ambient__view{height:100svh;position:sticky;top:0;overflow:hidden}.ambient__pool{aspect-ratio:1;border-radius:50%;width:64vmax;position:absolute}.ambient__pool--cool{background:radial-gradient(closest-side,#86dccf21,#86dccf0b 55%,#86dccf00);top:-24vmax;left:-20vmax}.ambient__pool--warm{background:radial-gradient(closest-side,#e9b87216,#e9b87208 55%,#e9b87200);bottom:-28vmax;right:-24vmax}.ambient__mullion{background:linear-gradient(#e8f1f200,#e8f1f20e 22% 78%,#e8f1f200);width:1px;display:none;position:absolute;top:0;bottom:0;overflow:hidden}@media (min-width:80rem){.ambient__mullion{display:block}.ambient__mullion--a{left:calc(50% - 37rem)}.ambient__mullion--b{left:calc(50% + 37rem)}}.ambient__mullion:after{content:"";background:linear-gradient(#86dccf00,#86dccfbf,#86dccf00);width:1px;height:24vh;position:absolute;top:0;left:0;transform:translateY(-30vh)}.ambient--night .ambient__view:before,.ambient--night .ambient__view:after{content:"";background-repeat:no-repeat;position:absolute;inset:0}.ambient--night .ambient__view:before{background-image:radial-gradient(1px at 7% 18%,#e8f1f28c 98%,#0000),radial-gradient(1px at 21% 64%,#e8f1f266 98%,#0000),radial-gradient(1.5px at 38% 12%,#e9b87280 98%,#0000),radial-gradient(1px at 52% 83%,#e8f1f273 98%,#0000),radial-gradient(1px at 71% 31%,#e8f1f280 98%,#0000),radial-gradient(1.5px at 89% 72%,#86dccf80 98%,#0000)}.ambient--night .ambient__view:after{opacity:.35;background-image:radial-gradient(1px at 13% 44%,#e8f1f273 98%,#0000),radial-gradient(1.5px at 29% 91%,#e9b87273 98%,#0000),radial-gradient(1px at 46% 38%,#e8f1f266 98%,#0000),radial-gradient(1px at 63% 9%,#86dccf80 98%,#0000),radial-gradient(1px at 81% 52%,#e8f1f273 98%,#0000),radial-gradient(1px at 94% 21%,#e8f1f266 98%,#0000)}.pane{isolation:isolate;transition:transform .26s var(--ease), --rim .26s var(--ease);background-image:linear-gradient(160deg,#e8f1f20f,#e8f1f200 42%),linear-gradient(112deg,#e8f1f200 42%,#e8f1f212 50%,#e8f1f200 58%);background-position:0 0,120% 0;background-repeat:no-repeat;background-size:100% 100%,300% 100%;position:relative}.pane:before{content:"";z-index:3;border-radius:inherit;background:linear-gradient(135deg, rgb(255 255 255/calc(var(--rim) + .14)), #ffffff08 30%, #86dccf00 58%, rgb(134 220 207/var(--rim)));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.pane:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(22rem circle at var(--lx,30%) var(--ly,0%), #e8f1f216, #e8f1f200 70%);opacity:0;transition:opacity .42s var(--ease);pointer-events:none;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.pane:hover{--rim:.46;transform:translateY(-2px)}.pane:hover:after{opacity:1}.site-btn:not(.site-btn--ghost):not(.site-btn--ink),.site-btn:not(.site-btn--ghost):not(.site-btn--ink):hover{transition:background-color .18s var(--ease), border-color .18s var(--ease), translate .18s var(--ease), background-position .7s var(--ease);background-image:linear-gradient(110deg,#fff0 38%,#ffffff73 50%,#fff0 62%);background-position:130% 0;background-repeat:no-repeat;background-size:260% 100%}.site-btn:not(.site-btn--ghost):not(.site-btn--ink):hover{background-position:-30% 0}}.kicker--type{width:fit-content}@media (prefers-reduced-motion:no-preference){.ambient__pool,.ambient__mullion:after,.ambient--night .ambient__view:after{animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.ambient__pool--cool{animation-name:pool-cool;animation-duration:34s;animation-direction:alternate}.ambient__pool--warm{animation-name:pool-warm;animation-duration:43s;animation-direction:alternate}.ambient__mullion:after{animation-name:glint;animation-duration:11s;animation-timing-function:linear}.ambient__mullion--b:after{animation-duration:15s;animation-delay:-6s}.ambient--night .ambient__view:after{animation-name:specks;animation-duration:7s;animation-direction:alternate}.ambient--live .ambient__pool,.ambient--live .ambient__mullion:after,.ambient--live .ambient__view:after{animation-play-state:running}.compare__img{animation:2.6s cubic-bezier(.2,.7,.2,1) both settle}.hero .kicker:before{transform-origin:0;animation:draw .9s var(--ease) .35s both}.manifest .lamp:not(.lamp--built):before{animation:3.4s ease-out infinite lamp}@supports (animation-timeline:view()){.sec__head .kicker--type,.form-card .kicker--type{animation:steps(24,jump-none) both typed;animation-timeline:view();animation-range:entry 10%}.sec--glass .kicker:before,.sec--night .kicker:before{transform-origin:0;animation:linear both draw;animation-timeline:view();animation-range:entry 40% cover 30%}.pane{animation:linear both sheen;animation-timeline:view();animation-range:entry 40% cover 50%}.pane.reveal{animation:linear both rise,linear both sheen;animation-timeline:view(),view();animation-range:entry entry 55%,entry 40% cover 50%}}}@media (prefers-reduced-motion:reduce){.pane,.pane:after{transition:none}.pane:hover{transform:none}.ambient__mullion:after{display:none}}@keyframes pool-cool{to{transform:translate(22vw,26vh)scale(1.18)}}@keyframes pool-warm{to{transform:translate(-26vw,-20vh)scale(.88)}}@keyframes glint{0%{transform:translateY(-30vh)}38%,to{transform:translateY(110vh)}}@keyframes specks{to{opacity:1}}@keyframes settle{0%{transform:scale(1.06)}}@keyframes draw{0%{transform:scaleX(0)}}@keyframes lamp{0%{box-shadow:0 0 #86dccf80}70%,to{box-shadow:0 0 0 7px #86dccf00}}@keyframes typed{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sheen{0%{background-position:0 0,120% 0}to{background-position:0 0,-20% 0}}.compare{--lens:clamp(8.5rem, 5rem + 9vw, 13rem)}.compare--lens{cursor:none}.compare--lens:has(.compare__range:hover){cursor:ew-resize}.hero:has(.hero__copy a:hover,.hero__copy button:hover) .compare__lens{opacity:0;scale:.55}.compare__lens{left:var(--lx,50%);top:var(--ly,50%);z-index:5;width:var(--lens);aspect-ratio:1;opacity:0;pointer-events:none;transition:opacity .22s var(--ease), scale .38s cubic-bezier(.3, 1.4, .5, 1);border-radius:50%;position:absolute;overflow:hidden;translate:-50% -50%;scale:.55;box-shadow:0 24px 60px -12px #0000008c}.compare--lens .compare__lens{opacity:1;scale:1}.compare__lensImg{left:calc(var(--lens) / 2 - var(--lx));top:calc(var(--lens) / 2 - var(--ly));width:var(--pw);height:var(--ph);object-fit:cover;object-position:50% 45%;max-width:none;transform-origin:var(--lx) var(--ly);position:absolute;scale:1.14}.compare__lens--paper .compare__lensImg{filter:sepia(.8)saturate(.55)contrast(.9)brightness(1.03)}.compare__words{left:calc(var(--lens) / 2 - var(--lx));top:calc(var(--lens) / 2 - var(--ly));width:var(--pw);height:var(--ph);transform-origin:var(--lx) var(--ly);pointer-events:none;position:absolute;scale:1.14}.compare__word{max-width:calc(var(--lens) * .78);text-align:center;text-wrap:balance;line-height:1.3;position:absolute;translate:-50% -50%}.compare__word--paper{font-family:var(--type);letter-spacing:.02em;color:var(--carbon);background:color-mix(in oklab, var(--paper-3) 84%, transparent);box-shadow:0 1px 7px color-mix(in oklab, var(--carbon) 28%, transparent);padding:.3em .55em;font-size:.78rem}.compare__word--glass{font-family:var(--code);letter-spacing:.01em;color:var(--frost);background:color-mix(in oklab, var(--night) 64%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--signal) 38%, transparent);border-radius:7px;padding:.32em .6em;font-size:.82rem}.compare__lensGlass{background:radial-gradient(120% 90% at 28% 16%,#ffffff4d,#fff0 34%),radial-gradient(circle,#fff0 58%,#ffffff0f 76%,#86dccf38 94%,#ffffff80 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff9,inset 0 -14px 26px -6px #00000059,inset 0 12px 20px -8px #ffffff40}.compare__handle{-webkit-backdrop-filter:blur(6px)saturate(1.4);backdrop-filter:blur(6px)saturate(1.4);background:linear-gradient(90deg,#ebe3d399 50%,#86dccf8c 50%);border:0;box-shadow:inset 0 0 0 1px #fffc,inset 0 9px 12px -6px #ffffffa6,inset 0 -9px 12px -6px #00000040,0 10px 26px #00000059}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.44s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-old(root){animation-duration:.24s}::view-transition-new(root){animation-duration:.24s}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.product__stage .shot{animation:linear both tray;animation-timeline:view();animation-range:entry entry 70%}.product__stage .shot:nth-child(2){animation-range:entry 12% entry 85%}.product__stage .shot:nth-child(3){animation-range:entry 24%}.shot__glare{animation:linear both glare;animation-timeline:view();animation-range:entry 25% cover 35%}}}@keyframes tray{0%{transform:translateY(22%)}}@keyframes glare{0%{background-position:135% 0}to{background-position:-35% 0}}