@layer reset,tokens,base;@layer components{.hero-look-frame{--hero-look-room:calc(100svh - var(--site-header-height,6rem) - var(--hero-padding-start,3rem) - var(--hero-padding-end,3rem));inline-size:min(36rem, 48vw, var(--hero-look-room));aspect-ratio:1;perspective:70rem;min-inline-size:18rem;display:grid;overflow:clip}.hero-look-frame--landscape{inline-size:min(36rem, 48vw, calc(var(--hero-look-room) * 3 / 2));aspect-ratio:3/2;min-inline-size:24rem}@media (width<=960px){.hero-look-frame{inline-size:min(100%,40rem);min-inline-size:0}.hero-look-frame--landscape{inline-size:min(100%,40rem)}}.hero-look-frame>figure{aspect-ratio:4/5;min-block-size:0;inline-size:76%;box-shadow:0 1rem 3rem color-mix(in srgb, var(--fx-bg) 32%, transparent);backface-visibility:hidden;grid-area:1/1;place-self:center;margin:0;transition:transform .28s cubic-bezier(.23,1,.32,1),opacity .28s cubic-bezier(.23,1,.32,1),visibility;position:relative}.hero-look-frame--landscape>figure{aspect-ratio:3/2}.hero-look-frame>figure[data-position=active]{z-index:3;transform:translateZ(0)}.hero-look-frame>figure[data-position=previous]{z-index:2;transform:translate(-27%)translateZ(-7rem)rotateY(18deg)}.hero-look-frame>figure[data-position=next]{z-index:2;transform:translate(27%)translateZ(-7rem)rotateY(-18deg)}.hero-look-frame>figure[data-position=behind]{z-index:1;opacity:0;visibility:hidden;transition:transform .28s cubic-bezier(.23,1,.32,1),opacity .28s cubic-bezier(.23,1,.32,1),visibility 0s .28s;transform:translateZ(-12rem)scale(.9)}.hero-look-frame picture,.hero-look-frame img{block-size:100%;inline-size:100%}.hero-look-frame img{object-fit:cover}.hero-look-frame figcaption{padding:var(--fx-space-1) var(--fx-space-2);border:var(--fx-border-width) solid var(--fx-line);border-radius:calc(var(--fx-radius-control) * var(--fx-corner-radius-scale));background:var(--fx-panel);position:absolute;inset-block-end:var(--fx-space-3);inset-inline-start:var(--fx-space-3);@supports (corner-shape:squircle){corner-shape:var(--fx-control-corner-shape)}color:var(--fx-muted);font-size:var(--fx-font-caption);line-height:1.5}.hero-look-frame figcaption span{color:var(--fx-text)}.hero-look-frame>figure:not([data-active]) figcaption{visibility:hidden}:root:has(.hero-look-picker :focus-visible) .hero-look-frame>figure{transition:none}.hero-look-picker{gap:1.75rem;inline-size:min(100%,42rem);display:grid;container-type:inline-size}.hero-look-picker .ui-segmented-label{font-size:.78rem}.hero-look-picker .ui-segmented{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:.5rem;display:grid}.hero-look-picker .ui-segmented:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.hero-look-picker .ui-segmented .ui-segmented-option{box-sizing:border-box;border:var(--fx-border-width) solid var(--fx-line);background:color-mix(in srgb, var(--fx-text) 4%, transparent);text-align:center;border-radius:999px;min-block-size:3rem;min-inline-size:0;padding:.4rem .65rem;font-size:.85rem;line-height:1.25}.hero-look-picker .ui-segmented-option:has([data-checked]){border-color:var(--fx-accent)}.hero-look-picker .ui-segmented-indicator[data-checked]{background:color-mix(in srgb, var(--fx-accent) 12%, transparent)}.hero-look-picker .ui-segmented-icon img{object-fit:cover;border-radius:50%;flex:none;block-size:1.75rem;inline-size:1.75rem;display:block}.hero-look-picker .ui-segmented:has(.ui-segmented-radio:focus-visible){outline:none}.hero-look-picker .ui-segmented-option:has(.ui-segmented-radio:focus-visible){outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:2px}@supports (corner-shape:round){.hero-look-picker .ui-segmented-option{corner-shape:round}}@container (width<=40rem){.hero-look-picker[data-option-label=effect] .ui-segmented{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=24rem){.hero-look-picker .ui-segmented{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-look-cta-labels{text-align:start;display:inline-grid}.hero-look-cta-labels>span{grid-area:1/1}.hero-look-cta-labels>span:not([data-active]){visibility:hidden}@media (prefers-reduced-motion:reduce){.hero-look-frame>figure,.hero-look-frame>figure[data-position=behind]{transition:none}}.effect-compare-layout{grid-template-columns:minmax(0,max(24rem,150svh - 13.5rem)) minmax(16rem,22rem);justify-content:start;align-items:end;gap:2rem 3rem;display:grid}@media (width<=960px){.effect-compare-layout{grid-template-columns:minmax(0,max(24rem,150svh - 13.5rem))}}.effect-compare{--reveal:50%;aspect-ratio:3/2;border-radius:calc(var(--fx-radius-marketing,0px) * var(--fx-corner-radius-scale));inline-size:100%;display:grid;position:relative;overflow:clip;@supports (corner-shape:squircle){corner-shape:var(--fx-corner-shape)}background:var(--fx-panel);user-select:none}.effect-compare>figure{grid-area:1/1;min-block-size:0;margin:0;position:relative}.effect-compare .effect-compare-original picture,.effect-compare .effect-compare-look picture{border-radius:0;block-size:100%}.effect-compare img{object-fit:cover;block-size:100%;inline-size:100%}.effect-compare-look{clip-path:inset(0 0 0 var(--reveal));opacity:0;visibility:hidden;transition:opacity .18s cubic-bezier(.23,1,.32,1),visibility 0s .18s}.effect-compare-look[data-active]{z-index:1;opacity:1;visibility:visible;transition:opacity .18s cubic-bezier(.23,1,.32,1),visibility}.effect-compare figcaption{padding:var(--fx-space-1) var(--fx-space-2);border:var(--fx-border-width) solid var(--fx-line);border-radius:calc(var(--fx-radius-control) * var(--fx-corner-radius-scale));position:absolute;inset-block-start:var(--fx-space-3);@supports (corner-shape:squircle){corner-shape:var(--fx-control-corner-shape)}background:var(--fx-panel);color:var(--fx-text);font-size:var(--fx-font-caption);line-height:1.5}.effect-compare-original figcaption{inset-inline-start:var(--fx-space-3)}.effect-compare-look figcaption{inset-inline-end:var(--fx-space-3)}.effect-compare-divider{z-index:2;background:var(--fx-text);inline-size:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--fx-bg) 50%, transparent);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:var(--reveal);translate:-50%}.effect-compare-knob{border:2px solid var(--fx-text);background:var(--fx-bg);block-size:2.75rem;inline-size:2.75rem;color:var(--fx-text);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.effect-compare-range{z-index:3;opacity:0;cursor:ew-resize;touch-action:pan-y;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.effect-compare:has(.effect-compare-range:focus-visible) .effect-compare-knob{outline:3px solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}:root:has(.hero-look-picker :focus-visible) .effect-compare-look{transition:none}@media (prefers-reduced-motion:reduce){.effect-compare-look,.effect-compare-look[data-active]{transition:none}}}@layer layouts,skins,density,utilities;.home-requirements[data-astro-cid-lcdefpme]{max-inline-size:70ch;padding-block:2rem 4rem}.home-requirements[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{font-family:var(--fx-font-display);margin:0 0 1rem;font-size:1.75rem}.home-requirements[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--fx-muted);margin:0 0 1rem;line-height:1.7}
