.hero-pages{--hero-pages-cycle:36s;--matte-front:none;--matte-016:blur(.15px) saturate(.92) brightness(.96);--matte-036:blur(.35px) saturate(.78) brightness(.9);--matte-058:blur(.6px) saturate(.62) brightness(.84);--matte-082:blur(.95px) saturate(.48) brightness(.78);--matte-1:blur(1.25px) saturate(.38) brightness(.72) contrast(.94);isolation:isolate;perspective:1200px;background:radial-gradient(55% 45% at 50% 40%,oklch(55% .08 205/.26),#0000 68%),radial-gradient(80% 70% at 18% 88%,oklch(35% .05 230/.32),#0000 55%),linear-gradient(155deg,oklch(22% .03 250),oklch(12% .025 250) 55%,oklch(10% .02 250));width:100%;height:100%;min-height:22rem;position:relative;overflow:hidden}.hero-pages__chamber{pointer-events:none;position:absolute;inset:0}.hero-pages__mist{filter:blur(36px);border-radius:45% 55% 50% 50%/55% 45%;animation:18s ease-in-out infinite liquid-morph;position:absolute}.hero-pages__mist--a{background:oklch(68% .08 205/.28);width:70%;height:55%;top:8%;left:12%}.hero-pages__mist--b{background:oklch(42% .06 240/.34);width:58%;height:48%;animation-duration:24s;animation-delay:-7s;bottom:6%;right:4%}.hero-pages__caustic{mix-blend-mode:screen;opacity:.8;background:radial-gradient(circle at 32% 28%,oklch(95% .04 205/.28),#0000 42%),radial-gradient(circle at 72% 62%,oklch(72% .08 195/.18),#0000 48%);border-radius:42% 58% 48% 52%/52% 42% 58% 48%;animation:14s ease-in-out infinite hero-pages-caustic;position:absolute;inset:12% 8%}.hero-pages__grid{opacity:.22;background-image:linear-gradient(oklch(100% 0 0/.05) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.05) 1px,#0000 1px);background-size:2.25rem 2.25rem;position:absolute;inset:0;mask-image:radial-gradient(circle at 50% 48%,#000 28%,#0000 78%)}.hero-pages__stage{transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.hero-page{aspect-ratio:10/13;width:min(74%,16.75rem);transform-style:preserve-3d;transform-origin:50% 55%;will-change:transform, opacity, filter;opacity:0;pointer-events:none;position:absolute}.hero-page--1{z-index:1;animation:hero-page-1 var(--hero-pages-cycle) cubic-bezier(.22, 1, .36, 1) infinite}.hero-page--2{z-index:2;animation:hero-page-2 var(--hero-pages-cycle) cubic-bezier(.22, 1, .36, 1) infinite}.hero-page--3{z-index:3;animation:hero-page-3 var(--hero-pages-cycle) cubic-bezier(.22, 1, .36, 1) infinite}.hero-page--4{z-index:4;animation:hero-page-4 var(--hero-pages-cycle) cubic-bezier(.22, 1, .36, 1) infinite}.hero-page--5{z-index:5;animation:hero-page-5 var(--hero-pages-cycle) cubic-bezier(.22, 1, .36, 1) infinite}.hero-page--6{z-index:6;animation:hero-page-6 var(--hero-pages-cycle) cubic-bezier(.22, 1, .36, 1) infinite}.hero-page__glass{color:oklch(96% .01 210);-webkit-backdrop-filter:blur(22px)saturate(1.5);background:linear-gradient(155deg,oklch(100% 0 0/.22),#0000 38%),linear-gradient(320deg,oklch(70% .05 205/.12),#0000 48%),oklch(28% .03 240/.42);border:1px solid oklch(100% 0 0/.22);border-radius:1.35rem;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 1.5rem 3rem -1.1rem oklch(20% .04 240/.7),inset 0 1px oklch(100% 0 0/.45),inset 0 -1px oklch(55% .04 230/.18)}.hero-page__frost{z-index:2;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:0;background:linear-gradient(oklch(82% .02 220/.35),oklch(40% .03 240/.45));position:absolute;inset:0}.hero-page__sheen{z-index:1;pointer-events:none;mix-blend-mode:soft-light;opacity:.9;background:linear-gradient(125deg,oklch(100% 0 0/.28) 0%,#0000 28% 62%,oklch(75% .05 205/.1) 100%);position:absolute;inset:0}.hero-page__header{z-index:3;justify-content:space-between;align-items:center;padding:.9rem .95rem .3rem;display:flex;position:relative}.hero-page__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklch, var(--page-accent) 75%, white);font-size:.65rem;font-weight:650}.hero-page__mark{letter-spacing:-.04em;color:oklch(12% .02 250);background:linear-gradient(145deg, oklch(100% 0 0/.9), color-mix(in oklch, var(--page-accent) 55%, white));border-radius:.45rem;place-items:center;width:1.5rem;height:1.5rem;font-size:.52rem;font-weight:700;display:grid;box-shadow:inset 0 1px oklch(100% 0 0/.55)}.hero-page__visual{z-index:3;flex:1;place-items:center;min-height:0;padding:.3rem .85rem;display:grid;position:relative}.hero-page__art{color:oklch(100% 0 0/.85);width:100%;height:auto;max-height:7rem}.hero-page__copy{z-index:3;padding:.3rem .95rem 1rem;position:relative}.hero-page__title{font-family:var(--font-display);letter-spacing:-.03em;color:oklch(98% .01 210);margin:0;font-size:1rem;font-weight:700;line-height:1.2}.hero-page__line{color:oklch(86% .02 210/.78);margin:.35rem 0 0;font-size:.74rem;line-height:1.4}.hero-pages__edge{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(125deg,oklch(100% 0 0/.16),#0000 32%),linear-gradient(320deg,oklch(70% .05 205/.08),#0000 40%);position:absolute;inset:0}.hero-pages__edge:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,oklch(100% 0 0/.2),#0000);width:38%;position:absolute;inset:-40% auto -40% -30%;transform:translate(-120%)skew(-16deg)}@keyframes hero-pages-caustic{0%,to{opacity:.72;transform:translate(0,0)scale(1)rotate(0)}40%{opacity:.9;transform:translate(3%,-2%)scale(1.05)rotate(3deg)}70%{opacity:.78;transform:translate(-2%,2.5%)scale(.97)rotate(-2deg)}}@media (hover:hover) and (pointer:fine){.hero-visual:hover .hero-pages__caustic,.hero-visual:focus-within .hero-pages__caustic{opacity:1;filter:saturate(1.12)}.hero-visual:hover .hero-page--6 .hero-page__glass,.hero-visual:focus-within .hero-page--6 .hero-page__glass{border-color:oklch(100% 0 0/.32);box-shadow:0 1.65rem 3.25rem -1rem oklch(28% .05 210/.75),inset 0 1px oklch(100% 0 0/.55),inset 0 -1px oklch(55% .04 230/.2)}.hero-visual:hover .hero-pages__edge:after,.hero-visual:focus-within .hero-pages__edge:after{animation:.9s specular-sweep}}@media (width<=639px){.hero-page{width:min(78%,14.75rem)}.hero-page__title{font-size:.92rem}.hero-page__line{font-size:.7rem}.hero-pages{--hero-pages-cycle:40s}}@media (prefers-reduced-motion:reduce){.hero-pages__mist,.hero-pages__caustic,.hero-pages__edge:after,.hero-page{animation:none!important}.hero-pages__mist,.hero-pages__edge:after{display:none!important}.hero-pages__caustic{opacity:.65}.hero-page{opacity:1;will-change:auto}.hero-page--1{z-index:1;filter:var(--matte-1);transform:translate3d(-9%,-7%,-56px)rotate(-9deg)scale(.9)}.hero-page--1 .hero-page__frost{opacity:.85}.hero-page--2{z-index:2;filter:var(--matte-082);transform:translate3d(-5%,-4%,-36px)rotate(-5deg)scale(.93)}.hero-page--2 .hero-page__frost{opacity:.7}.hero-page--3{z-index:3;filter:var(--matte-058);transform:translate3d(-1.5%,-1.5%,-18px)rotate(-1.5deg)scale(.96)}.hero-page--3 .hero-page__frost{opacity:.5}.hero-page--4{z-index:4;filter:var(--matte-036);transform:translate(2%,1%)rotate(2deg)scale(.98)}.hero-page--4 .hero-page__frost{opacity:.32}.hero-page--5{z-index:5;filter:var(--matte-016);transform:translate3d(5.5%,3.5%,18px)rotate(5deg)scale(1.01)}.hero-page--5 .hero-page__frost{opacity:.14}.hero-page--6{z-index:6;filter:none;transform:translate3d(8.5%,6%,34px)rotate(8deg)scale(1.035)}.hero-page--6 .hero-page__frost{opacity:0}}