@layer components{.heading-water-canvas{pointer-events:none;z-index:3;width:100%;height:100%;position:fixed;inset:0}.heading-water-canvas[hidden]{display:none}@media (prefers-reduced-motion:reduce),(forced-colors:active),(hover:none),(pointer:coarse){.heading-water-canvas{display:none}}.hero-prism-surface{position:absolute;inset:0}.hero-canvas{touch-action:pan-y;place-items:center;display:grid;position:absolute;inset:0;container-type:size}.hero-scene-frame{width:min(100cqw,110.769cqh);height:min(100cqh,90.2778cqw)}.hero-canvas canvas{touch-action:pan-y!important}.hero-note{width:calc(11ch + 1.98em);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.18em;color:var(--color-muted);pointer-events:none;font-size:10px;line-height:1.6;position:absolute;top:26%;right:0}.hero-slogan-line{white-space:nowrap;display:block}.project-visual{isolation:isolate;cursor:pointer;touch-action:pan-y pinch-zoom;background:0 0;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-image{aspect-ratio:2.05;object-fit:cover;background:#eeedf0;width:100%;height:auto;display:block}.project-2 .project-image{aspect-ratio:2.65}.project-3 .project-image{aspect-ratio:2.55}.project-preview{object-fit:fill;opacity:0;transition:opacity .5s var(--ease-interaction)}.project-visual[data-shader-ready] .project-preview{transition:none}.project-video{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.project-video:not([data-frame-ready]){visibility:hidden}.project-transition{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.project-transition[hidden]{display:none}.project-visual:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}:is(.project-visual[data-tap-preview][data-preview-ready]:not([data-shader-pending]) .project-preview,.project:has(:focus-visible) .project-visual[data-preview-ready]:not([data-shader-pending]) .project-preview){opacity:1}@media (hover:hover) and (pointer:fine){.project:hover .project-visual[data-preview-ready]:not([data-shader-pending]) .project-preview{opacity:1}}@media (prefers-reduced-motion:reduce),(forced-colors:active){.project-preview{transition:none}.project-transition{display:none}}.capability-art{isolation:isolate;justify-content:center;align-items:center;height:230px;display:flex;position:relative}.capability-art:after{content:"";filter:blur(9px);z-index:-1;background:#b4a9c335;border-radius:50%;width:85%;height:22px;position:absolute;bottom:12px}.browser-object{background:#faf9f7;border:1px solid #d6d1d6;border-radius:3px;width:76%;height:175px;padding:12px;position:relative;overflow:hidden;box-shadow:0 15px 25px #44324612}.browser-object>i{background:#c7c1c9;width:22px;height:3px;margin-bottom:12px;display:block}.interface-orb{background:#f0edf2;height:135px;overflow:hidden}.interface-orb:after{content:"";background:linear-gradient(135deg,#e5dcf5,#baa6de 65%,#8c7caf);border-radius:50%;width:180px;height:180px;margin:22px auto 0;display:block;transform:skewY(20deg)}.phone-object{--phone-width:59px;width:var(--phone-width);background:#faf9f7;border:2px solid #29252d;border-radius:8px;height:111px;padding:7px 4px;position:absolute;bottom:12px;right:5%;box-shadow:0 5px 12px #35253d25}.phone-object>i{background:#c7c1c9;width:17px;height:2px;margin-bottom:15px;display:block}.phone-object>div{background:radial-gradient(circle at 50% 100%,#b6a1d7 60%,#ebe6f0 61%);height:55px}.glass-ring{z-index:1;background:linear-gradient(110deg,#fff8,#e6ddf12b);border:5px solid #d2c6e3;border-radius:50%;width:149px;height:185px;transform:rotate(-18deg);box-shadow:inset 3px 1px 4px #fff,inset -3px -2px 5px #8e78b5,3px 5px 5px #a998bb45}.dimension-orb{background:radial-gradient(circle at 25% 20%,#eee7f8,#b5a2d6 65%,#8d77ad);border-radius:50%;width:115px;height:115px;position:absolute;bottom:24px;left:45%}.motion-art i{transform-origin:90%;width:142px;height:52px;transform:rotate(var(--petal-angle));background:linear-gradient(160deg,#efebef,#b5a7bc);border-radius:50%;position:absolute;bottom:50px;right:22%;box-shadow:0 4px 5px #71617620}@media (min-width:701px){.hero-note{top:27%;right:3%}.capability-art{height:260px}}@media (min-width:1000px){.capability-art{height:300px}.browser-object{height:210px}.interface-orb{height:170px}.phone-object{--phone-width:72px;height:140px;bottom:25px;right:4%}.phone-object>div{height:83px}.glass-ring{width:175px;height:220px}.dimension-orb{width:145px;height:145px;bottom:35px}.motion-art i{width:175px;height:64px;bottom:65px}}.hero-prism-surface:after{content:"";pointer-events:none;background:linear-gradient(to right, var(--color-background), transparent 7%, transparent 93%, var(--color-background)), linear-gradient(to bottom, var(--color-background), transparent 7%, transparent 93%, var(--color-background));position:absolute;inset:0}}