@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Pixelify+Sans:wght@400..700&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-leading:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.top-1\/2{top:50%}.top-\[41\%\]{top:41%}.right-\[5\%\]{right:5%}.left-1\/2{left:50%}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.container{width:100%}.mb-\[15px\]{margin-bottom:15px}.flex{display:flex}.hidden{display:none}.h-auto{height:auto}.w-\[70\%\]{width:70%}.w-\[95\%\]{width:95%}.w-full{width:100%}.max-w-\[70\%\]{max-width:70%}.max-w-\[400px\]{max-width:400px}.max-w-\[535px\]{max-width:535px}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.self-end{align-self:flex-end}.rounded-\[10px\]{border-radius:10px}.bg-transparent{background-color:#0000}.object-center{-o-object-position:center;object-position:center}.p-\[30px\]{padding:30px}.text-end{text-align:end}.text-\[2rem\]{font-size:2rem}.text-\[18px\]{font-size:18px}.text-\[18vw\]{font-size:18vw}.leading-\[0\.7\]{--tw-leading:.7;line-height:.7}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.opacity-0{opacity:0}.opacity-90{opacity:.9}.opacity-100{opacity:1}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-\[800ms\]{--tw-duration:.8s;transition-duration:.8s}@font-face{font-family:Yipes Regular;src:url(/transition-study/fonts/Yipes%20Regular.otf)format("opentype")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;padding:0}body{scroll-behavior:smooth;font-family:IBM Plex Mono,monospace;overflow:hidden}.container{scroll-snap-type:y mandatory;height:100vh;overflow:hidden scroll}.bgds-img{-o-object-position:center;object-position:center;z-index:1;width:auto;min-width:100%;height:100vh;position:absolute;left:50%;transform:translate(-50%)}.bgd-img{-o-object-position:center;object-position:center;z-index:0;width:150vh;min-width:100%;height:auto;max-height:252vh;position:absolute;left:50%;transform:translate(-50%)}.pp-img{-o-object-position:center;object-position:center;opacity:0;z-index:4;pointer-events:none;width:100%;height:auto;transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .8s ease-in-out;position:fixed;bottom:0;left:0;transform:translateY(100%)}.pp-img.enter{opacity:1;transform:translateY(0)}.pp-img.exit{opacity:0;transform:translateY(100%)}.scene{position:relative}.bgd-section{height:251.887vh;position:relative;overflow:visible}.bgd-section:not(:first-child){margin-top:-100vh}.scene-text{color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border-radius:10px;max-width:400px;padding:30px;transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .6s ease-in-out;position:fixed;top:50%;left:5%;transform:translateY(-50%);z-index:3!important}.scene-text.active{opacity:1!important}.scene-text.parallax-up{transform:translateY(-60%)}.scene-text.parallax-down{transform:translateY(-40%)}.scene-text h2{margin-bottom:15px;font-size:2rem;font-weight:600}.scene-text p{opacity:.9;font-size:1rem;line-height:1.6}.landing-title-div{color:#e1bc49;text-align:end;flex-flow:column wrap;align-content:flex-end;width:70%;max-width:70%;display:flex;top:35%;right:5%;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;left:auto!important}.landing-title-div h1{letter-spacing:-.05em;font-family:Yipes Regular,sans-serif;font-size:18vw;font-weight:100;line-height:.7}.landing-title-div p{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0000004d;border-radius:10px;align-self:flex-end;width:95%;max-width:535px;margin-top:10px;padding:15px 20px;font-size:18px;font-weight:400;line-height:1.1}.scene-text-top{z-index:5!important;top:5%!important;transform:translateY(0)!important}@media (max-width:1000px){.scene-text,.landing-title-div{z-index:5!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}