.ao-story{border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 22% 55%,color-mix(in oklch,var(--brand) 7%,transparent),transparent 55%),var(--background);position:relative;overflow:clip}.ao-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1280px;margin-inline:auto;padding:clamp(3.5rem,7vw,6rem) clamp(1rem,4vw,2.5rem);display:grid}.ao-visual{min-width:0;position:relative}.ao-scene{aspect-ratio:1;isolation:isolate;direction:ltr;width:100%;max-width:560px;margin-inline:auto;position:relative}.ao-atmosphere{background:radial-gradient(ellipse,color-mix(in oklch,var(--brand) 21%,transparent),transparent 67%);position:absolute;inset:5% 0}.ao-floor{opacity:.35;background-image:linear-gradient(color-mix(in oklch,var(--brand) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--brand) 22%,transparent) 1px,transparent 1px);background-size:32px 32px;position:absolute;inset:53% 0 0;transform:perspective(400px)rotateX(66deg);-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.ao-door{border:1px solid color-mix(in oklch,var(--brand) 75%,var(--border));transform-origin:bottom;background:linear-gradient(105deg,color-mix(in oklch,var(--brand) 15%,var(--background)),var(--background) 75%);width:43%;height:73%;box-shadow:-5px 0 25px color-mix(in oklch,var(--brand) 22%,transparent),inset 5px 0 20px color-mix(in oklch,var(--brand) 10%,transparent);border-radius:3px 3px 0 0;position:absolute;top:7%;left:36%;transform:perspective(700px)rotateY(-23deg)skewY(-5deg)}.ao-door:before{content:"";border:1px solid color-mix(in oklch,var(--brand) 18%,var(--border));border-radius:inherit;z-index:-1;position:absolute;inset:-10px 8px 9px -10px}.ao-door-light{background:linear-gradient(90deg,color-mix(in oklch,var(--brand) 38%,transparent),transparent 45%);position:absolute;inset:0}.ao-door-edge{background:color-mix(in oklch,var(--brand) 50%,white);width:2px;box-shadow:0 0 16px var(--brand),0 0 40px color-mix(in oklch,var(--brand) 65%,transparent);position:absolute;top:0;bottom:0;left:-1px}.ao-card-arrival{z-index:2;width:76%;position:absolute;top:32%;left:8%}.ao-card-float{width:100%}.ao-card{aspect-ratio:1.586;color:#eee7fa;background:#141419;border:1px solid #a99bc66b;border-radius:clamp(10px,2vw,17px);width:100%;position:relative;overflow:hidden;transform:perspective(800px)rotateY(-13deg)rotate(-13deg);box-shadow:3px 5px #25232e,4px 6px #8b779366,12px 28px 40px #0005}.ao-card>img{object-fit:cover;opacity:.76;width:100%;height:100%;position:absolute;inset:0}.ao-card:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff12,#0000 40%,#03030955);position:absolute;inset:0;box-shadow:inset 1px 1px 1px #fff5}.ao-card-monogram{letter-spacing:-.09em;font-size:clamp(10px,1.3vw,17px);font-weight:650;position:absolute;top:16%;left:10%}.ao-card-monogram>span{background:#c7acf1;border-radius:50%;width:4px;height:4px;margin-left:5px;display:inline-block;box-shadow:0 0 10px #b58ced}.ao-card-wordmark{letter-spacing:-.04em;text-shadow:0 1px 1px #000;font-size:clamp(22px,3.2vw,40px);font-weight:500;position:absolute;top:45%;left:10%}.ao-card-caption{letter-spacing:.18em;color:#cec1dc;font-size:clamp(5px,.6vw,8px);position:absolute;bottom:18%;left:10%}.ao-nfc{color:#d1bedf;width:8%;height:auto;position:absolute;top:16%;right:9%}.ao-card-edge{background:linear-gradient(90deg,#c7acf16b,#0000);height:1px;position:absolute;bottom:8%;left:10%;right:10%}.ao-card-glint{pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff15 48%,#0000 64%);position:absolute;inset:-70% -10%;transform:translate(-180%)}.ao-threshold{background:color-mix(in oklch,var(--brand) 22%,transparent);filter:blur(15px);border-radius:50%;height:7%;position:absolute;bottom:17%;left:17%;right:7%;transform:rotate(-8deg)}.ao-copy{overflow-wrap:anywhere;min-width:0}.ao-copy h2{letter-spacing:-.055em;text-wrap:balance;max-width:14ch;margin:1.5rem 0;font-size:clamp(2.4rem,4.5vw,4rem);font-weight:500;line-height:1.07}.ao-description{max-width:42ch;color:var(--muted-foreground);margin:0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.8}.ao-meta{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:.75rem;margin:2rem 0 0;padding-top:1.25rem;font-size:.75rem;line-height:1.7;display:flex}.ao-meta>span{background:var(--brand);border-radius:50%;flex-shrink:0;width:6px;height:6px}.ao-motion{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--muted-foreground);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.7rem;display:inline-flex}.ao-motion:hover{color:var(--foreground);border-color:var(--brand)}@media(max-width:767px){.ao-layout{grid-template-columns:minmax(0,1fr);gap:1.25rem}.ao-copy{order:-1}.ao-copy h2{max-width:18ch}.ao-scene{aspect-ratio:1.1;max-width:430px}.ao-card-wordmark{font-size:clamp(24px,7vw,36px)}.ao-card-monogram{font-size:14px}.ao-card-caption{font-size:6px}}@media(prefers-reduced-motion:reduce){.ao-motion{display:none}}.ao-story[data-motion-static=true] .ao-motion{display:none}@media(prefers-reduced-motion:no-preference){.ao-story[data-motion-entered=true][data-motion-static=false][data-motion-settled=false] .ao-door{animation:ao-door-enter var(--cw-motion-image) var(--cw-motion-ease-settle) both}.ao-story[data-motion-entered=true][data-motion-static=false][data-motion-settled=false] .ao-card-arrival{animation:ao-card-enter var(--cw-motion-image) .12s var(--cw-motion-ease-settle) both}.ao-story[data-motion-entered=true][data-motion-static=false][data-motion-settled=false] .ao-copy>*{animation:ao-copy-enter var(--cw-motion-image) var(--ao-delay,.25s) var(--cw-motion-ease-settle) both}.ao-copy>:nth-child(2){--ao-delay:.37s}.ao-copy>:nth-child(3){--ao-delay:.49s}.ao-copy>:nth-child(4){--ao-delay:.61s}.ao-story[data-motion-entered=true][data-motion-static=false][data-motion-settled=false] .ao-card-glint{animation:1.4s ease-in-out .55s both ao-glint}.ao-story[data-motion-entered=true][data-motion-static=false] .ao-card-float{animation:3.6s cubic-bezier(.37,0,.63,1) infinite alternate ao-float}.ao-story[data-motion-entered=true][data-motion-static=false][data-motion-playing=false] :is(.ao-door,.ao-card-arrival,.ao-card-glint,.ao-card-float,.ao-copy>*){animation-play-state:paused}}@keyframes ao-door-enter{0%{opacity:0;transform:perspective(700px)rotateY(-23deg)skewY(-5deg)scaleY(.86)}to{opacity:1;transform:perspective(700px)rotateY(-23deg)skewY(-5deg)scaleY(1)}}@keyframes ao-card-enter{0%{opacity:0;transform:translate(50px,70px)scale(.72)rotate(9deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes ao-copy-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ao-glint{0%{transform:translate(-180%)}to{transform:translate(220%)}}@keyframes ao-float{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-9px)rotate(1.2deg)}}.ao-story{--motion-progress:1}.ao-story[data-motion-clock=story] :is(.ao-door,.ao-card-arrival,.ao-card-glint,.ao-card-float,.ao-copy>*){animation:none!important}.ao-story[data-motion-clock=story] .ao-door{opacity:calc(.35 + var(--motion-progress) * .65);transform:perspective(700px) rotateY(-23deg) skewY(-5deg) scaleY(calc(.86 + var(--motion-progress) * .14))}.ao-story[data-motion-clock=story] .ao-card-arrival{--arrival:clamp(0, calc(var(--motion-progress) * 1.6), 1);opacity:calc(.3 + var(--arrival) * .7);transform:translate(calc((1 - var(--arrival)) * 50px),calc((1 - var(--arrival)) * 70px)) scale(calc(.72 + var(--arrival) * .28)) rotate(calc((1 - var(--arrival)) * 9deg))}.ao-story[data-motion-clock=story] .ao-card-float{transform:translateY(calc(var(--motion-progress) * -9px)) rotate(calc(var(--motion-progress) * 1.2deg))}.ao-story[data-motion-clock=story] .ao-card-glint{transform:translate(calc(-180% + var(--motion-progress) * 400%))}.ao-story[data-motion-static=true]{--motion-progress:1!important}