.landing-hero{--floor-line: var(--color-mint)}.hero-floor{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.15;stroke-width:1.5}.hero-floor stop{stop-color:var(--floor-line)}.collage-wrap,.footer-wrap{container:landing / inline-size;position:relative}.collage-wrap{z-index:2}.footer-wrap{z-index:1}.collage,.landing-footer{--u: min(1px, calc(100cqw / 1440))}@supports not (width: 1cqw){.collage,.landing-footer{--u: min(1px, calc(100vw / 1440))}}.collage{--photo-h: 684;--field-h: 1051;--video-h: 780;--stage-w: 1440;--glass-fill: rgb(250 247 255 / .6);--glass-filter: blur(3px);--drift-ease: cubic-bezier(.37, 0, .63, 1);position:relative;height:calc((var(--photo-h) + var(--field-h) + var(--video-h)) * var(--u));overflow-x:clip;background:var(--color-bg)}.collage[data-glass=clear]{--glass-filter: none}.collage[data-glass=frosted]{--glass-fill: rgb(250 247 255 / .7);--glass-filter: blur(14px)}.band{position:absolute;left:0;right:0;overflow:hidden}.band-photo,.band-video{background:linear-gradient(135deg,var(--color-soft-lilac) 0%,var(--color-warm-blush) 50%,var(--color-soft-blue) 100%)}.band-photo{top:0;height:calc(var(--photo-h) * var(--u))}.band-field{top:calc(var(--photo-h) * var(--u));height:calc(var(--field-h) * var(--u));background-color:var(--color-bg);background-image:linear-gradient(rgb(180 140 255 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(180 140 255 / .05) 1px,transparent 1px);background-size:20px 20px}.band-video{top:calc((var(--photo-h) + var(--field-h)) * var(--u));height:calc(var(--video-h) * var(--u))}.band img,.band video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.stage{position:absolute;top:0;bottom:0;left:50%;width:calc(var(--stage-w) * var(--u));margin-left:calc(var(--stage-w) * var(--u) / -2);z-index:1}.phone-photo{position:absolute;left:calc(900 * var(--u));top:calc(388 * var(--u));width:calc(440 * var(--u));height:calc(659 * var(--u));display:block;object-fit:cover;border-radius:max(4px,calc(5 * var(--u)));background:var(--color-soft-lilac);z-index:4}.px-cluster{--k: 1.2;position:absolute;z-index:1;left:calc(var(--cx) * var(--u));top:calc(var(--cy) * var(--u));width:calc(110 * var(--k) * var(--u));height:calc(50 * var(--k) * var(--u));pointer-events:none}.px-cluster i{position:absolute;left:calc(var(--x) * var(--k) * var(--u));top:calc(var(--y) * var(--k) * var(--u));width:clamp(4px,calc(var(--s) * var(--u)),10px);height:clamp(4px,calc(var(--s) * var(--u)),10px);border-radius:2px;background:var(--c);opacity:var(--o)}.px-cluster i:nth-child(1){--x: 12;--y: 8;--s: 8;--c: var(--color-rose-pink);--o: .5}.px-cluster i:nth-child(2){--x: 40;--y: 28;--s: 6;--c: var(--color-lavender);--o: .35}.px-cluster i:nth-child(3){--x: 70;--y: 14;--s: 10;--c: var(--color-mint);--o: .45}.px-cluster i:nth-child(4){--x: 20;--y: 40;--s: 5;--c: var(--color-cornflower);--o: .3}.px-cluster i:nth-child(5){--x: 100;--y: 8;--s: 7;--c: var(--color-rose-pink);--o: .25}.px-cluster i:nth-child(6){--x: 85;--y: 38;--s: 9;--c: var(--color-lavender);--o: .45}.px-cluster--b{scale:-1 1}.px-cluster--b i:nth-child(1){--c: var(--color-mint)}.px-cluster--b i:nth-child(3){--c: var(--color-cornflower)}.px-cluster--b i:nth-child(4){--c: var(--color-rose-pink)}.px-cluster--b i:nth-child(6){--c: var(--color-mint);--o: .4}.px-cluster--c{rotate:180deg}.px-cluster--c i:nth-child(1){--c: var(--color-cornflower)}.px-cluster--c i:nth-child(2){--c: var(--color-mint);--o: .45}.px-cluster--c i:nth-child(5){--c: var(--color-lavender);--o: .4}.field-rail{position:absolute;z-index:1;left:calc(1392 * var(--u));top:calc(1068 * var(--u));display:flex;align-items:center;gap:10px;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-violet-ink);pointer-events:none}.field-rail:before{content:"";flex:none;width:7px;height:7px;border-radius:2px;background:var(--color-mint)}@media(max-width:1023.98px){.field-rail{display:none}}.win{--x: var(--d-x);--y: var(--d-y);--w: var(--d-w);--mh: var(--d-mh);--tx: calc(var(--travel-x-d) * var(--u));--ty: calc(var(--travel-y-d) * var(--u));--tilt: var(--tilt-d);--rise: var(--breathe-rise-d);--sink: var(--breathe-sink-d);--bwpx: calc(var(--bw) * var(--u));position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));z-index:var(--layer)}.win--size-text{--bw: 2.5;--bar: 34;--r-top: 5;--r-bot: 6;--dot: 10;--dot-gap: 13}.win--size-large{--bw: 3;--bar: 46;--r-top: 5;--r-bot: 6;--dot: 13;--dot-gap: 19}.win--size-small{--bw: 2;--bar: 25;--r-top: 4;--r-bot: 5;--dot: 7;--dot-gap: 9}.win--kind-text{--body: 212}.win--kind-image,.win--kind-video{--body: var(--mh)}.win--tint-pink{--tint: var(--color-soft-pink)}.win--tint-blue{--tint: var(--color-soft-blue)}.win--tint-lavender{--tint: var(--color-lavender-mid)}.win--tint-mint{--tint: #BCE6DC}.win-frame{position:relative;overflow:hidden;padding:var(--bwpx);border-radius:max(4px,calc(var(--r-top) * var(--u))) max(4px,calc(var(--r-top) * var(--u))) max(4px,calc(var(--r-bot) * var(--u))) max(4px,calc(var(--r-bot) * var(--u)));background:var(--color-bg);background-clip:content-box;box-shadow:calc(5 * var(--u)) calc(7 * var(--u)) 0 #1a155029;transition:box-shadow .25s ease}.win-x:hover .win-frame{box-shadow:calc(7 * var(--u)) calc(10 * var(--u)) 0 #1a155038}.win-y{position:relative}.win-outline{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.win-outline path{fill:none;stroke:var(--color-deep-navy)}.win-bar{display:flex;align-items:center;justify-content:flex-start;gap:calc(var(--dot-gap) * var(--u));padding-left:calc((var(--bar) - var(--dot)) / 2 * var(--u));height:calc((var(--bar) + var(--bw)) * var(--u));padding-bottom:var(--bwpx);background:var(--tint)}.win-bar span{flex:none;width:calc(var(--dot) * var(--u));height:calc(var(--dot) * var(--u));border-radius:50%;background:var(--color-rose-pink)}.win-bar span:nth-child(2){background:var(--color-honey)}.win-bar span:nth-child(3){background:var(--color-cornflower)}.win--kind-text .win-frame{background-color:var(--glass-fill);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.win--kind-text .win-body{display:flex;align-items:center;height:calc(var(--body) * var(--u));padding:0 calc(40 * var(--u)) calc(8 * var(--u)) calc(60 * var(--u))}.win-text{font-family:var(--font-display);font-weight:800;font-size:max(14px,calc(24 * var(--u)));line-height:1.42;color:var(--color-deep-navy)}.win-line{display:block;white-space:nowrap}.win-accent{color:var(--color-rose-ink)}.win-body--media{height:calc(var(--body) * var(--u));background:var(--color-soft-lilac)}.win-body--media img,.win-body--media video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--crop, center)}.win-x{animation:win-drift-x calc(var(--sweep-x) * var(--speed, 1)) var(--drift-ease) calc(var(--phase-x) * var(--speed, 1) * -1) infinite alternate both}.win-y{animation:win-drift-y calc(var(--sweep-y) * var(--speed, 1)) var(--drift-ease) calc(var(--phase-y) * var(--speed, 1) * -1) infinite alternate both}@keyframes win-drift-x{0%{transform:translate(calc(var(--tx) * -1)) rotate(calc(var(--tilt) * -1))}to{transform:translate(var(--tx)) rotate(var(--tilt))}}@keyframes win-drift-y{0%{transform:translateY(calc(var(--ty) * -1)) scale(var(--rise))}to{transform:translateY(var(--ty)) scale(var(--sink))}}.win-x:hover,.win-x:hover>.win-y,.win.is-offscreen .win-x,.win.is-offscreen .win-y,.collage.is-paused .win-x,.collage.is-paused .win-y{animation-play-state:paused}.collage[data-drift=off] .win-x,.collage[data-drift=off] .win-y{animation:none}@media(prefers-reduced-motion:reduce){.win-x,.win-y{animation:none}}@media(max-width:767.98px){.collage,.landing-footer{--u: calc(100cqw / 390)}@supports not (width: 1cqw){.collage,.landing-footer{--u: calc(100vw / 390)}}.collage{--photo-h: 300;--field-h: 1270;--video-h: 440;--stage-w: 390}.band-photo img{position:absolute;max-width:none;width:calc(960 * var(--u));height:calc(456 * var(--u));left:calc(-60 * var(--u));top:calc(-22 * var(--u));object-fit:fill}.band-video video{object-position:40% 50%}.px-cluster{--k: .8;left:calc(var(--cx-p) * var(--u));top:calc(var(--cy-p) * var(--u))}.phone-photo{left:calc(18 * var(--u));top:calc(350 * var(--u));width:calc(196 * var(--u));height:calc(294 * var(--u))}.win{--x: var(--p-x);--y: var(--p-y);--w: var(--p-w);--mh: var(--p-mh);--tx: calc(var(--travel-x-p) * var(--u));--ty: calc(var(--travel-y-p) * var(--u));--tilt: var(--tilt-p);--rise: var(--breathe-rise-p);--sink: var(--breathe-sink-p)}.win--desktop-only{display:none}.win--size-text{--bw: 2;--bar: 24;--r-top: 4;--r-bot: 5;--dot: 7;--dot-gap: 9}.win--size-large{--bw: 2.5;--bar: 30;--r-top: 5;--r-bot: 6;--dot: 9;--dot-gap: 12}.win--kind-text{--body: 128}.win--kind-text .win-body{padding:0 calc(20 * var(--u)) calc(4 * var(--u)) calc(30 * var(--u))}.win-text{font-size:max(14px,calc(16 * var(--u)))}}.landing-footer{--footer-h: 241;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(var(--footer-h) * var(--u));padding:32px 24px;background:var(--color-warm-blush);text-align:center}.landing-footer .pixel-dots{margin:0 0 14px;gap:4px}.landing-footer .footer-brand{font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--color-text);margin-bottom:4px}.landing-footer .footer-line{font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--color-text-secondary)}.landing-footer .footer-cta{margin-top:14px;font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary)}.landing-footer .footer-cta a{color:var(--color-violet-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}.landing-footer .footer-cta a:hover{color:var(--color-rose-ink)}@media(max-width:767.98px){.landing-footer{--footer-h: 220;padding-bottom:58px}.landing-footer .footer-line>span{display:block}.landing-footer .footer-line>.footer-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.motion-toggle{position:fixed;left:16px;bottom:16px;z-index:50;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:8px 12px;border:1.5px solid var(--color-lavender);border-radius:4px;background:var(--color-bg);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-violet-ink);cursor:pointer;transition:opacity .2s ease,transform .2s ease}.motion-toggle[hidden]{display:none}.motion-toggle.is-parked{pointer-events:none}.motion-toggle.is-parked:not(:focus-visible){opacity:0;transform:translateY(calc(100% + 24px))}.motion-toggle:hover{border-color:var(--color-violet-ink)}.motion-toggle:focus-visible{outline:2px solid var(--color-violet-ink);outline-offset:2px;box-shadow:0 0 0 6px var(--color-bg)}.motion-toggle-glyph{position:relative;flex:none;width:8px;height:9px}.motion-toggle-glyph:before,.motion-toggle-glyph:after{content:"";position:absolute;top:0;bottom:0;width:3px;border-radius:1px;background:var(--color-rose-pink)}.motion-toggle-glyph:before{left:0}.motion-toggle-glyph:after{right:0;background:var(--color-cornflower)}.motion-toggle[data-state=paused] .motion-toggle-glyph:after{display:none}.motion-toggle[data-state=paused] .motion-toggle-glyph:before{width:0;height:0;border-radius:0;background:none;border-style:solid;border-width:4.5px 0 4.5px 8px;border-color:transparent transparent transparent var(--color-rose-pink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
