.type-in{display:block}.type-in-word{white-space:nowrap;display:inline-block}.type-in[data-mode=driven] .type-in-char{opacity:clamp(0, calc((var(--p,1) * (var(--n) + 6) - var(--i)) / 6), 1)}@media (prefers-reduced-motion:no-preference){@keyframes reveal-load{0%{opacity:.01}}.type-in[data-mode=load] .type-in-char{animation:reveal-load .64s var(--concept-ease) backwards;animation-delay:calc(var(--type-in-delay,.16s) + var(--i) * 30ms)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes reveal-rise{0%{opacity:0;translate:0 .3em}}.type-in[data-mode=scroll]{animation:linear both reveal-rise;animation-timeline:view();animation-range:entry}}}
@property --tilt-x{syntax:"<angle>";inherits:false;initial-value:0deg}@property --tilt-y{syntax:"<angle>";inherits:false;initial-value:0deg}@property --nod{syntax:"<number>";inherits:false;initial-value:0}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.today-phone{--depth:34px;perspective:2400px;-webkit-user-select:none;user-select:none}.today-phone img{-webkit-user-drag:none}.today-phone[data-tilt]{cursor:grab}.today-phone[data-grabbed]{cursor:grabbing}.today-phone[data-grabbed] .phone-body{transition-duration:.14s,.14s}.phone-body{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(calc(var(--tilt-x) + var(--nod) * 3deg)) rotateY(calc(var(--spin) + var(--tilt-y) - var(--nod) * 9deg));transition:--tilt-x .7s cubic-bezier(.22,1,.36,1),--tilt-y .7s cubic-bezier(.22,1,.36,1);position:relative}.phone-front,.phone-back{backface-visibility:hidden;position:absolute;inset:0}.phone-front{transform:translateZ(calc(var(--depth) / 2))}.phone-rim{height:var(--depth);margin-top:calc(var(--depth) / -2);background:linear-gradient(180deg, #00000073, transparent 26% 74%, #00000073), color-mix(in srgb, #7d8390 calc(var(--lit) * 100%), #1b1d23);position:absolute;top:50%;left:50%}.phone-back{transform:translateZ(calc(var(--depth) / -2)) rotateY(180deg);background:radial-gradient(120% 80% at 30% 10%,#3a3f4a,#0000 60%),linear-gradient(160deg,#22252c,#101116 60%,#0b0c10);border-radius:68px;box-shadow:inset 0 0 0 2px #2c3038,inset 0 2px 1px #ffffff1f}.phone-camera{background:linear-gradient(150deg,#2b2f38,#16181d);border-radius:44px;width:164px;height:164px;position:absolute;top:24px;left:24px;box-shadow:inset 0 0 0 1.5px #ffffff1a,0 6px 18px #00000080}.phone-camera i{background:radial-gradient(circle,#0d1a2a 28%,#05070a 30% 52%,#30343c 54% 64%,#121418 66%);border-radius:50%;width:62px;height:62px;position:absolute;left:16px;box-shadow:0 0 0 3px #1c1f25,0 2px 6px #0009}.phone-camera i:first-child{top:16px}.phone-camera i:nth-child(2){top:86px}.phone-camera b{background:radial-gradient(#f2e7c9,#9a8f73);border-radius:50%;width:18px;height:18px;position:absolute;top:30px;right:22px}.phone-back-mark{filter:grayscale()brightness(1.5)contrast(.8);opacity:.32;width:96px;height:96px;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes phone-nod{35%{--nod:1}}@media (prefers-reduced-motion:no-preference){.today-phone[data-loading] .phone-body{animation:.7s cubic-bezier(.45,0,.2,1) phone-nod}}