.jota-about{position:relative;min-height:100svh;background:#131313;color:#f4efe8}.jota-about__sticky{--about-clock-size: min( calc(100% - 64px) , clamp(240px, 40svh, 360px));--about-clock-center: 42svh;position:relative;z-index:10;min-height:100svh;padding:var(--section-top-safe) var(--section-x-safe) var(--section-bottom-safe);overflow:hidden;background:linear-gradient(180deg,#131313f0,#131313fa 18%),radial-gradient(circle at 50% 56%,rgba(244,239,232,.032),transparent 46%),#131313}@media(min-width:901px){.jota-about__sticky{padding:var(--frame-top-safe) max(var(--section-x-safe),var(--frame-x) + 24px) var(--frame-bottom-safe)}}.jota-about__title{position:relative;z-index:3;width:fit-content}.jota-about__title h2{font-size:clamp(36px,10vw,64px);line-height:.92;color:#f4efe8e0}@media(min-width:901px){.jota-about__title h2{font-size:clamp(58px,5vw,120px);white-space:normal}}.jota-about__stage{position:absolute;inset:0}.jota-about__clock-wrap{position:absolute;left:50%;top:var(--about-clock-center);width:var(--about-clock-size);min-width:0;opacity:1;transform:translate(-50%,-50%)}@media(min-width:901px){.jota-about__clock-wrap{top:clamp(360px,52vh,680px);width:min(42.5vw,610px);min-width:430px}}.jota-about__clock{display:block;width:100%;filter:brightness(1.28) contrast(1.08)}.jota-about__clock-hands{position:absolute;inset:0;z-index:1;pointer-events:none}.jota-about__clock-hand{position:absolute;left:50%;bottom:50%;width:clamp(2px,.7%,5px);border-radius:999px;background:#f4efe8;box-shadow:0 0 12px #f4efe82b;transform-origin:50% 100%;transform:translate(-50%);transition:transform .76s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.jota-about__clock-hand{transition:none}}.jota-about__clock-hand--hour{height:26%;transform:translate(-50%) rotate(var(--about-clock-hour-angle))}.jota-about__clock-hand--minute{height:37%;transform:translate(-50%) rotate(var(--about-clock-minute-angle))}.jota-about__clock-pin{position:absolute;left:50%;top:50%;width:clamp(8px,3%,18px);aspect-ratio:1;border-radius:50%;background:#b5005d;box-shadow:0 0 0 3px #131313bf;transform:translate(-50%,-50%)}.jota-about__states{position:absolute;inset:0;z-index:2}.jota-about__state{--about-state-x: min(27vw, 420px);--about-state-y: -82px;--about-state-r: 0deg;--about-state-s: 1;--about-state-opacity: 0;--about-line-opacity: 0;--about-state-z: 1;position:absolute;left:var(--section-x-safe);right:var(--section-x-safe);top:max(70svh,var(--about-clock-center) + var(--about-clock-size) / 2 + 32px);width:auto;color:#f4efe8;z-index:var(--about-state-z);opacity:var(--about-state-opacity);transform:translateY(36px);transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);pointer-events:none}.jota-about__state:before{display:none}.jota-about__state:after{display:none}.jota-about__state h3{margin:0 0 26px;font-size:16px;line-height:1.05;font-weight:300;text-transform:uppercase}@media(min-width:901px){.jota-about__state h3{position:relative;margin-bottom:44px;font-size:clamp(15px,1vw,24px)}.jota-about__state h3:before{content:"";position:absolute;left:-64px;bottom:-18px;width:64px;height:1px;background:#f4efe847;transform:rotate(-34deg);transform-origin:100% 50%;opacity:var(--about-line-opacity)}.jota-about__state h3:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:1px;background:#f4efe847;opacity:var(--about-line-opacity)}}.jota-about__state p{max-width:none;margin:0;color:#f4efe8db;font-size:var(--fs-meta);line-height:1.48}.jota-about__state.is-active{opacity:1;transform:none}.jota-about__state.is-active .jota-about__state-fade{opacity:0}.jota-about__state:not(.is-active){opacity:0;transform:translateY(36px)}.jota-about__state.is-instant{transition:none}@media(prefers-reduced-motion:reduce){.jota-about__state{transition:none}}@media(max-height:700px)and (max-width:900px){.jota-about__state{top:max(68svh,var(--about-clock-center) + var(--about-clock-size) / 2 + 24px)}.jota-about__state h3{margin-bottom:18px;font-size:15px}.jota-about__state p{line-height:1.35}}@media(min-width:901px){.jota-about__state{left:50%;right:auto;top:clamp(330px,50vh,650px);width:min(20vw,320px);opacity:var(--about-state-opacity);transform:translate(-50%,-50%) translate(var(--about-state-x, 24vw),var(--about-state-y, -84px)) rotate(var(--about-state-r, 0deg)) scale(var(--about-state-s, .96));pointer-events:none}.jota-about__state:before{display:block}.jota-about__state.is-active{--about-state-x: calc(min(26vw, 380px) + min(20vw, 320px)/2) ;--about-state-y: -105px;--about-state-r: 0deg;--about-state-s: 1;--about-state-opacity: 1;--about-line-opacity: 1;--about-state-z: 3;opacity:1;transform:translate(-50%,-50%) translate(var(--about-state-x),var(--about-state-y)) rotate(var(--about-state-r)) scale(var(--about-state-s));pointer-events:auto}.jota-about__state.is-before{--about-state-x: min(34vw, 500px);--about-state-y: -190px;--about-state-r: -10deg;--about-state-s: .96;--about-state-opacity: 0;--about-line-opacity: 0;--about-state-z: 2}.jota-about__state.is-after{--about-state-x: min(25vw, 385px);--about-state-y: min(24vw, 360px);--about-state-r: 58deg;--about-state-s: .94;--about-state-opacity: .28;--about-line-opacity: .44;--about-state-z: 1}.jota-about__state.is-after:before{content:"";position:absolute;right:0;bottom:0;width:100%;height:100%;background:linear-gradient(312deg,#131313 25%,#f4efe800);z-index:1}.jota-about__state.is-after .jota-about__state-fade{opacity:0}.jota-about__state.is-after h3,.jota-about__state.is-after p,.jota-about__state.is-after .jota-typewriter,.jota-about__state.is-after .jota-copy-word{opacity:1!important}.jota-about__state.is-after .jota-typewriter__char,.jota-about__state.is-after .jota-copy-word{transform:none!important}.jota-about__state:not(.is-active){opacity:var(--about-state-opacity);transform:translate(-50%,-50%) translate(var(--about-state-x, 24vw),var(--about-state-y, -84px)) rotate(var(--about-state-r, 0deg)) scale(var(--about-state-s, .96))}}.jota-about__state-fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,#131313 100%);pointer-events:none;opacity:0;transition:opacity .42s cubic-bezier(.22,1,.36,1)}@media(min-width:901px){.jota-about__state-fade{background:linear-gradient(to right,transparent 30%,#131313 88%)}}.jota-about__progress{position:absolute;left:var(--section-x-safe);right:var(--section-x-safe);top:auto;bottom:max(58px,var(--frame-bottom-safe));z-index:3;display:grid;grid-template-columns:repeat(var(--about-states-count, 4),minmax(34px,1fr));width:auto;transform:none;border-top:1px solid rgba(244,239,232,.22)}.jota-about__progress button{position:relative;height:26px;border:0;background:transparent;cursor:pointer}.jota-about__progress button:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:transparent;transition:background .22s ease,transform .22s ease}.jota-about__progress button:hover:before,.jota-about__progress button.is-active:before{background:#f4efe8}.jota-about__progress button.is-active:before{transform:scaleX(.92)}@media(min-width:901px){.jota-about__progress{left:50%;right:auto;top:clamp(360px,52vh,680px);bottom:auto;width:min(20vw,320px);transform:translate(min(26vw,380px))}}