@layer utilities{@keyframes timeline-draw{0%{scale:var(--timeline-scale-from)}to{scale:var(--timeline-scale-to)}}@keyframes step-reveal{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes polaroid-land{0%{opacity:0;translate:var(--scatter-x,0) var(--scatter-y,0);rotate:var(--scatter-rotate,0deg);scale:.9}to{opacity:1;translate:0;rotate:none;scale:1}}@keyframes polaroid-land-simple{0%{opacity:0;translate:0 20px;scale:.95}to{opacity:1;translate:0;scale:1}}@keyframes doodle-draw-scroll{0%{stroke-dashoffset:var(--path-length)}to{stroke-dashoffset:0}}@keyframes parallax-image-translate{0%{translate:0 var(--parallax-from)}to{translate:0 var(--parallax-to)}}@supports (animation-timeline:view()){.timeline-line-desktop{transform-origin:0;--timeline-scale-from:0 1;--timeline-scale-to:1 1;animation:linear both timeline-draw;animation-timeline:view();animation-range:entry 10% entry 80%;scale:0 1}.timeline-line-mobile{transform-origin:top;--timeline-scale-from:1 0;--timeline-scale-to:1 1;animation:linear both timeline-draw;animation-timeline:view();animation-range:entry cover 60%;scale:1 0}.timeline-step-scroll{animation:linear both step-reveal;animation-timeline:view()}.timeline-step-scroll:first-child{animation-range:entry 5% entry 50%}.timeline-step-scroll:nth-child(2){animation-range:entry 15% entry 60%}.timeline-step-scroll:nth-child(3){animation-range:entry 25% entry 70%}.timeline-step-scroll:nth-child(4){animation-range:entry 35% entry 80%}.mobile-step-scroll{animation:linear both step-reveal;animation-timeline:view();animation-range:entry 20% entry 70%}.polaroid-scatter{animation:linear both polaroid-land-simple;animation-timeline:view();animation-range:entry 5% entry 50%}@media (min-width:1024px){.polaroid-scatter{animation-name:polaroid-land;animation-range:entry 10% entry 70%}}.doodle-draw-scroll{stroke-dashoffset:var(--path-length);stroke-dasharray:var(--path-length);animation:linear both doodle-draw-scroll;animation-timeline:view();animation-range:entry 20% cover 40%}.signature-reveal .signature-name{animation:linear both step-reveal;animation-timeline:view();animation-range:entry 30% cover 50%}.parallax-image-scroll{will-change:translate;animation:linear both parallax-image-translate;animation-timeline:view();animation-range:cover}}@property --confession-glow-a{syntax:"<color>";inherits:false;initial-value:oklch(86% .1 341/.2)}@property --confession-glow-b{syntax:"<color>";inherits:false;initial-value:oklch(75% .12 280/.16)}.confession-glow{isolation:isolate;position:relative}.confession-glow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%, var(--confession-glow-a) 0%, var(--confession-glow-b) 50%, transparent 80%);position:absolute;inset:-2.5rem -1.5rem;-webkit-mask-image:radial-gradient(#000 45%,#0000 78%);mask-image:radial-gradient(#000 45%,#0000 78%)}@media (min-width:640px){.confession-glow:before{inset:-3.5rem -2.5rem}}@media (prefers-reduced-motion:reduce){.timeline-line-desktop,.timeline-line-mobile{animation:none;scale:1}.timeline-step-scroll,.mobile-step-scroll{opacity:1;animation:none;scale:1}.polaroid-scatter{opacity:1;animation:none;translate:0;rotate:none;scale:1}.signature-reveal .signature-name{opacity:1;animation:none;scale:1}.parallax-image-scroll{animation:none;translate:0}}}