body:has(.dir){overscroll-behavior:auto;overflow:auto}html:has(.dir){scroll-behavior:smooth}.dir{min-height:100vh;display:flow-root}.dir-main{width:100%;padding:0 var(--dpad);z-index:1;background:var(--white);margin-bottom:100vh;position:relative}.dir-main>*{animation:.8s cubic-bezier(.4,0,.2,1) .1s both dir-reveal}@keyframes dir-reveal{0%{opacity:0;transform:translateY(8px)}}.dir-main:before,.dir-main:after{content:"";background:var(--rule);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.dir-main:before{left:var(--dpad)}.dir-main:after{right:var(--dpad)}.dir-inner{max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,64px)}.dir-main.is-bleed{padding:0}.dir-main.is-bleed:before,.dir-main.is-bleed:after{content:none}.dir-footer{z-index:0;background:var(--bg);height:100vh;position:fixed;bottom:0;left:0;right:0}.dir-footer .ft-mark{text-decoration:none;display:block}.dir-footer .ft-mark svg{color:#c0c0be;fill:#c0c0be;-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(circle,#000 1.4px,#0000 1.4px),linear-gradient(#000 40%,#0000 95%);mask-image:radial-gradient(circle,#000 1.4px,#0000 1.4px),linear-gradient(#000 40%,#0000 95%);-webkit-mask-size:5px 5px,100% 100%;mask-size:5px 5px,100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}.dir-footer .ft-demo{text-decoration:none;display:inline-block}@media (max-width:900px){.dir-footer{padding:0 var(--pad);flex-direction:column;justify-content:center;align-items:center;gap:38px;display:flex}.dir-footer .ft-mark,.dir-footer .ft-cta,.dir-footer .ft-nav{position:static;top:auto;left:auto;transform:none}}@media (prefers-reduced-motion:reduce){.dir-head,.dir-main>*{animation:none}}