:root{--bg:#04070c;--ink:#f0f3f5;--secondary:#9caeba;--cyan:#98edff;--lavender:#acbcff;--line:rgba(164,214,236,.2);--font:'Manrope',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--opening-opacity:1;--opening-scale:1.035;--opening-x:0px;--opening-y:0px;--opening-brightness:1;--journey-progress:0;--scene-shade:0;--wash:0;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;font:400 14px/1.8 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}h1,h2{font-family:var(--display);font-weight:500;line-height:1.055;letter-spacing:-.06em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;cursor:pointer;color:inherit}img,svg{display:block}img{max-width:100%}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}::selection{background:#9fe9ff;color:#05101b}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:10px;left:10px;background:var(--cyan);color:#071521;padding:10px 18px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.world-stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#04070c}#world-canvas{display:block;width:100%;height:100%}.opening-stage{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:var(--opening-opacity);will-change:opacity;transform:translateZ(0)}.opening-picture{display:block;width:100%;height:100%;transform:translate3d(var(--opening-x),var(--opening-y),0) scale(var(--opening-scale));transform-origin:66% 47%;will-change:transform;filter:brightness(var(--opening-brightness))}.opening-art{width:100%;height:100%;object-fit:cover;object-position:60% 50%}.opening-light{position:absolute;inset:0;mix-blend-mode:screen;background:radial-gradient(ellipse at 65% 67%,#6dbbff11,transparent 60%);animation:light-breathe 6s ease-in-out infinite}.opening-scan{position:absolute;left:48%;width:45%;height:2px;top:72%;background:linear-gradient(90deg,transparent,#a4faff66,transparent);box-shadow:0 0 45px 12px #48d8ff16;transform:rotate(-10deg);opacity:.45;animation:scan 9s ease-in-out infinite}.world-vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#02050cc4 0%,transparent 25%,transparent 77%,#02050c7a)}.world-vignette:before,.world-vignette:after{content:"";position:absolute;inset:0;transition:opacity 1.1s ease}.world-vignette:before{background:linear-gradient(90deg,rgba(2,5,9,.84),rgba(2,5,9,.48) 30%,transparent 65%);opacity:1}.world-vignette:after{background:linear-gradient(270deg,rgba(2,5,9,.88),rgba(2,5,9,.54) 30%,transparent 65%);opacity:0}.copy-right .world-vignette:before{opacity:0}.copy-right .world-vignette:after{opacity:1}.film-grain{position:fixed;inset:0;z-index:7;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.transition-wash{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:var(--wash);background:radial-gradient(ellipse at 65% 50%,#91edff40,transparent 70%);mix-blend-mode:screen}.pointer-light{position:fixed;width:600px;height:600px;top:-300px;left:-300px;background:radial-gradient(circle,#8cdaff08,transparent 68%);pointer-events:none;z-index:3;opacity:0;transition:opacity .6s}
.site-header{position:fixed;left:0;right:0;top:0;height:112px;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 5.3%;gap:30px;background:linear-gradient(#02050bb0,transparent)}.brand{width:131px;flex-shrink:0}.brand img{width:100%;height:auto}.header-coordinate{font-family:var(--display);font-size:8px;letter-spacing:.15em;color:#a0afbf;margin-left:auto;margin-right:6vw;display:flex;flex-direction:column;line-height:1.8}.header-coordinate i{font-size:7px;color:#667a8c;font-style:normal;letter-spacing:.08em}.header-actions{display:flex;align-items:center;gap:24px}.header-contact{font-size:11px;background:transparent;display:flex;align-items:center;gap:34px}.header-contact>span{font-size:23px;color:#b4d7e8}.motion-toggle{width:29px;height:29px;border:1px solid #b4d9ed33;background:#07132133;display:grid;place-items:center;border-radius:50%;color:#b4c5d5;transition:.3s}.motion-toggle:hover{background:#a5deff22}.motion-toggle svg{width:14px;height:14px}.play-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.index-toggle{width:30px;height:30px;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:0}.index-toggle span{display:block;height:1px;width:23px;background:#c5d7e8;transition:transform .3s}.index-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.index-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.journey-nav{max-height:calc(100svh - 115px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;position:fixed;right:4%;top:94px;z-index:19;width:390px;max-width:92vw;padding:28px 33px 25px;border:1px solid #a2dfff2a;border-radius:6px;background:#07111df0;backdrop-filter:blur(25px);box-shadow:0 20px 70px #0007;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .3s,visibility .3s}.journey-nav.open{opacity:1;visibility:visible;transform:none}.nav-kicker,.nav-footer{font:400 7px/1.7 var(--display);letter-spacing:.14em;color:#8299ac;display:block}.nav-kicker{margin-bottom:20px}.nav-footer{margin-top:24px;color:#59798c}.journey-nav>a{display:flex;justify-content:space-between;align-items:center;font:400 19px/1.4 var(--display);letter-spacing:-.035em;padding:11px 0;color:#c5d4e1;transition:color .3s}.journey-nav>a:hover,.journey-nav>a[aria-current=true]{color:var(--cyan)}.journey-nav>a span{font-size:8px;letter-spacing:0;color:#688294}.chapter-rail{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:9;display:flex;flex-direction:column;align-items:center;gap:13px;font:400 8px/1 var(--display);color:#657d94}.rail-current{color:#b6d1e0}.rail-track{height:140px;width:1px;background:#8ab8d52e;position:relative}.rail-track>i{position:absolute;left:0;top:0;width:1px;height:100%;background:#b3ecff;transform-origin:top;transform:scaleY(var(--journey-progress));box-shadow:0 0 7px #8bddff}
#journey{position:relative;z-index:4;isolation:isolate}.chapter{position:relative;height:145svh;min-height:930px;padding:25svh 7.8% 0}.chapter-copy{position:sticky;top:25svh;max-width:575px;width:45%;opacity:var(--copy-opacity,1);transform:translate3d(0,var(--copy-drift,0px),0);filter:blur(var(--copy-blur,0px));will-change:opacity,transform;pointer-events:var(--copy-events,auto)}.align-right .chapter-copy{margin-left:auto;margin-right:1%}.kicker{font:500 9px/1.8 var(--display);letter-spacing:.15em;color:#c3deed;display:flex;align-items:center;gap:10px;margin-bottom:24px}.live-dot{width:5px;height:5px;background:#9de8f7;border-radius:50%;box-shadow:0 0 13px #6adcffb0;flex-shrink:0;animation:dot-pulse 3s ease-in-out infinite}h1{font-size:clamp(60px,5.9vw,94px)}h2{font-size:clamp(48px,4.9vw,78px)}h1 em,h2 em{font-style:normal;color:#b5eaff;background:linear-gradient(110deg,#c5f7ff,#9dd7f4 50%,#9aa6ea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2 em{white-space:normal}.chapter-description{font-size:13px;line-height:1.95;color:#a6b5c6;max-width:375px;margin-top:27px;text-wrap:pretty;letter-spacing:.005em}.intro-description{font-size:13px;max-width:320px;color:#b2c2d2;margin-top:29px}.chapter-lead{font-size:17px;line-height:1.7;color:#d3e2ed;max-width:375px;margin-top:27px;letter-spacing:-.02em}.chapter-lead+.chapter-description{margin-top:14px;font-size:12px}.chapter-actions{display:flex;align-items:center;gap:20px;margin-top:29px}.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:9px 10px 9px 22px;min-height:48px;border-radius:40px;font-size:10px;line-height:1.5;font-weight:700;transition:transform .3s,background .3s,box-shadow .3s}.primary-button{background:#c2ecf7;color:#0b1b2b;box-shadow:0 0 40px #5edbff0a}.primary-button>span{width:29px;height:29px;display:grid;place-items:center;background:#0b2031;color:#d0f5ff;border-radius:50%;font-size:17px;font-weight:400}.primary-button:hover{background:#e1faff;box-shadow:0 0 40px #85deff25;transform:translateY(-2px)}.line-button{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 0 10px;border-bottom:1px solid #93c6e044;margin-top:20px;background:transparent;font-size:11px;color:#e0f1fa;transition:border-color .3s,color .3s}.line-button>span{font-size:22px;line-height:1;color:#a7d7ee}.line-button:hover{border-color:#b5ebff;color:#b5ebff}.intro-note{display:block;font:400 6px/1.6 var(--display);letter-spacing:.14em;color:#718c9e;margin-top:24px}.scene-caption{display:flex;align-items:center;gap:12px;font:400 7px/1.8 var(--display);letter-spacing:.13em;color:#6a889e;margin-top:39px}.scene-caption>span{width:23px;height:1px;background:#659fbd}.contact-chapter{height:145svh;padding-top:18svh}.contact-chapter .chapter-copy{top:18svh}.contact-chapter h2{font-size:clamp(56px,5.3vw,85px)}.contact-chapter .pill-button{margin-top:25px}.contact-email{display:block;margin-top:26px;font:400 18px/1.6 var(--display);letter-spacing:-.025em;color:#deeff8;width:max-content}.contact-email>span{font-size:15px;margin-left:15px;color:#8cbed9}.contact-email:hover{color:#b2eaff}.contact-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:13px;font-size:8px;line-height:1.8;color:#8fa8bc}.contact-links a:hover{color:#c9efff}.end-note{font:400 6px/1.9 var(--display);letter-spacing:.1em;color:#587184;margin-top:25px}.experience-footer{position:fixed;z-index:10;left:5.3%;right:5.3%;bottom:25px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font:400 7px/1.6 var(--display);letter-spacing:.12em;color:#8ca4b9}.experience-footer a{pointer-events:auto}.scroll-invitation{display:flex;align-items:center;gap:12px;color:#aec5d8}.scroll-capsule{width:18px;height:29px;border:1px solid #7895af66;border-radius:15px;display:flex;justify-content:center;align-items:flex-start;padding-top:6px}.scroll-capsule>i{width:2px;height:5px;border-radius:3px;background:#a5d7ee;animation:scroll-dot 2.8s ease-in-out infinite}.chapter-label{color:#819db5;font-size:6px}.experience-counter{font-size:9px;letter-spacing:.02em;color:#6e889f}.experience-counter b{font-weight:500;color:#d0e8f7}.experience-counter i{font-style:normal;margin:0 7px;color:#3d5d76}
.contact-dialog{position:fixed;padding:0;margin:auto;width:600px;max-width:calc(100vw - 30px);max-height:calc(100svh - 40px);background:linear-gradient(140deg,#102030f7,#08121ffb);color:var(--ink);border:1px solid #87c5eb3f;border-radius:9px;box-shadow:0 0 180px #000b;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#48677e #101c29}.contact-dialog::backdrop{background:#010710ac;backdrop-filter:blur(12px)}.dialog-inner{padding:40px 45px;position:relative}.dialog-close{position:absolute;right:17px;top:15px;width:33px;height:33px;font-size:16px;line-height:1;background:#b6e9ff0a;border:1px solid #a6dcfa26;color:#a8c5d9;border-radius:50%}.dialog-inner .kicker{font-size:7px;margin-bottom:19px}.dialog-inner h2{font-size:45px;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}#contact-form label{display:block;font-size:10px;color:#b0c9dc;margin-bottom:21px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #56768e72;background:transparent;border-radius:0;color:#eff8ff;font:400 13px/1.7 var(--font);padding:8px 0 10px;margin-top:3px;appearance:none;transition:border-color .3s}input:focus,select:focus,textarea:focus{outline:none;border-color:#a5e5ff}input::placeholder,textarea::placeholder{color:#5f7b92}textarea{resize:vertical;min-height:86px;max-height:210px}select{padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cpath d='m3 4 3 3 3-3' stroke='%2393bfd8' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}select option{background:#102232;color:#e9f7ff}.form-submit{width:100%;margin-top:2px}.form-note{font-size:8px;color:#718da2;margin-top:11px;text-align:center}.form-status{font-size:11px;color:#c7e7f7;background:#9adfff0a;border:1px solid #86cbec44;padding:10px 13px;margin-top:15px;border-radius:5px}.form-status a{text-decoration:underline;text-underline-offset:3px}.dialog-email{display:block;text-align:center;color:#8caabf;font-size:9px;margin-top:20px}.dialog-email:hover{color:#d1eeff}body.dialog-open{overflow:hidden}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation:none!important;transition:none!important}html[data-motion=paused] .chapter-copy{filter:none}.scene-fallback .opening-stage{opacity:.45!important}.scene-fallback .opening-picture{filter:brightness(.65)}
@keyframes light-breathe{0%,100%{opacity:.4}50%{opacity:1}}@keyframes scan{0%,100%{top:65%;opacity:0}30%{opacity:.35}55%{top:48%;opacity:.15}75%{top:72%;opacity:.3}}@keyframes dot-pulse{0%,100%{box-shadow:0 0 8px #6adcff70}50%{box-shadow:0 0 18px #6adcffb0}}@keyframes scroll-dot{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(7px);opacity:1}}
@media(min-width:1600px){.chapter{padding-left:10%;padding-right:10%}.chapter-copy{max-width:650px}.chapter-description{font-size:15px;max-width:430px}.chapter-lead{font-size:21px;max-width:430px}.chapter-lead+.chapter-description{font-size:14px}.kicker{font-size:10px}.pill-button{font-size:12px;min-height:53px;padding:11px 12px 11px 26px}.line-button{font-size:13px}}
@media(max-width:1100px){.site-header{height:94px}.header-coordinate{margin-right:3vw}.chapter{padding:26svh 7% 0;min-height:900px}.chapter-copy{top:26svh;width:47%}.align-right .chapter-copy{margin-right:0}h1{font-size:clamp(54px,6.8vw,75px)}h2{font-size:clamp(43px,5.3vw,58px)}.chapter-description{font-size:12px;max-width:340px}.chapter-lead{font-size:16px}.chapter-lead+.chapter-description{font-size:11px}.kicker{font-size:7px;margin-bottom:22px}.chapter-rail{right:19px}.scene-caption{font-size:6px;letter-spacing:.08em}.contact-chapter{padding-top:20svh}.contact-chapter .chapter-copy{top:20svh}.contact-chapter h2{font-size:60px}.contact-email{font-size:17px}.contact-links{font-size:7px;gap:10px 16px}.experience-footer{bottom:22px}.chapter-label{display:none}}
@media(max-width:760px){.site-header{height:82px;padding:0 6%;gap:15px}.brand{width:110px}.header-coordinate{display:none}.header-actions{gap:17px}.header-contact{font-size:10px;gap:18px}.header-contact>span{font-size:21px}.motion-toggle{width:27px;height:27px}.index-toggle{width:24px}.index-toggle span{width:22px}.journey-nav{right:5%;top:75px;padding:25px 26px;max-width:90vw}.journey-nav>a{font-size:20px;padding:12px 0}.nav-kicker{font-size:6px}.chapter-rail{display:none}.opening-picture{transform-origin:50% 64%}.opening-art{object-position:50% 50%}.opening-scan{left:9%;width:84%;top:71%}.world-vignette,.copy-right .world-vignette{background:linear-gradient(180deg,#02060ca8 0%,#02060c82 29%,transparent 61%,#02060c88 100%)}.chapter{height:155svh;min-height:950px;padding:18svh 7% 0}.chapter-copy{top:18svh;width:100%;max-width:460px;filter:none!important}.align-right .chapter-copy{margin:0}.kicker{font-size:7px;letter-spacing:.14em;margin-bottom:18px;gap:8px}.live-dot{width:4px;height:4px}h1{font-size:clamp(52px,12vw,76px);line-height:1.035;letter-spacing:-.06em}h2{font-size:clamp(43px,10.7vw,66px);line-height:1.055}.chapter-description{font-size:12px;line-height:1.85;max-width:290px;margin-top:22px;color:#b1c3d5;text-shadow:0 2px 10px #030a12}.intro-description{font-size:11px;max-width:230px;margin-top:21px}.chapter-lead{font-size:14px;max-width:280px;margin-top:21px;line-height:1.7;text-shadow:0 2px 12px #02070d}.chapter-lead+.chapter-description{font-size:11px;max-width:280px;line-height:1.8;margin-top:12px}.chapter-actions{margin-top:23px}.pill-button{font-size:9px;min-height:45px;gap:22px;padding:8px 9px 8px 19px}.primary-button>span{width:28px;height:28px;font-size:16px}.intro-note{font-size:5px;margin-top:17px;letter-spacing:.1em}.scene-caption{font-size:5px;margin-top:24px;gap:10px;max-width:290px}.scene-caption>span{width:19px}.line-button{margin-top:12px;padding-top:14px;font-size:10px;gap:25px;text-shadow:0 2px 8px #030a12}.line-button>span{font-size:20px}.contact-chapter{padding-top:17svh;height:155svh}.contact-chapter .chapter-copy{top:17svh}.contact-chapter h2{font-size:clamp(49px,12vw,70px)}.contact-chapter .pill-button{margin-top:22px}.contact-email{font-size:18px;margin-top:24px}.contact-links{font-size:8px;gap:9px 19px;max-width:310px}.contact-links>a:first-child{width:100%}.end-note{font-size:5px;margin-top:23px;line-height:1.9}.experience-footer{left:7%;right:7%;bottom:22px;font-size:5px}.scroll-invitation{gap:9px;max-width:215px}.scroll-capsule{width:15px;height:25px;flex-shrink:0}.scroll-invitation-text{font-size:5px;letter-spacing:.1em}.experience-counter{font-size:8px}.experience-counter i{margin:0 6px}.film-grain{opacity:.025}.pointer-light{display:none}.dialog-inner{padding:34px 26px 29px}.dialog-inner h2{font-size:38px}.dialog-close{width:29px;height:29px;right:12px;top:12px;font-size:13px}.contact-dialog{max-height:calc(100svh - 25px);max-width:calc(100vw - 24px)}.form-row{grid-template-columns:1fr;gap:0}#contact-form label{font-size:10px;margin-bottom:18px}input,select,textarea{font-size:16px;padding:7px 0 9px}.form-submit{font-size:11px;min-height:49px;padding-left:20px}.form-note{font-size:8px}.dialog-email{font-size:9px}}
@media(max-width:370px){.brand{width:100px}.header-actions{gap:12px}.header-contact{gap:12px}.site-header{height:76px}.chapter{padding-top:17svh}.chapter-copy{top:17svh}h1{font-size:49px}h2{font-size:41px}.kicker{font-size:6px}.chapter-description{font-size:11px;max-width:267px}.chapter-lead{font-size:13px}.scene-caption{font-size:4px}.contact-chapter h2{font-size:49px}.intro-note{font-size:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chapter-copy{filter:none}.opening-picture{will-change:auto}.pointer-light{display:none}}

.chapter-description,.chapter-lead{text-shadow:0 2px 14px #02050ce0}
@media(max-width:760px){.journey-nav{max-height:calc(100svh - 90px)}}

@media(max-width:760px){.world-vignette:before,.world-vignette:after{display:none}}
@media(max-width:370px){h2{font-size:36px}.chapter-lead{font-size:12px}}
@media(max-height:560px){.chapter,.contact-chapter{padding-top:115px;min-height:800px}.chapter-copy,.contact-chapter .chapter-copy{position:relative;top:0}.site-header{height:82px}.kicker{margin-bottom:16px}.chapter-description{margin-top:20px}.scene-caption{margin-top:23px}.experience-footer{bottom:13px}.contact-chapter h2{font-size:52px}}
body.dialog-open .opening-light,body.dialog-open .opening-scan{animation-play-state:paused}

/* Refinamiento: estudio limpio, columnas con aire y lectura prioritaria. */
:root{--secondary:#bacbd9}
.studio-atmosphere{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 68% 64%,#22475c0d,transparent 58%)}
.world-vignette{background:linear-gradient(0deg,#02050ca6 0%,transparent 21%,transparent 82%,#02050c55)}
.world-vignette:before{background:linear-gradient(90deg,#020509b8 0%,#02050975 28%,transparent 54%)}
.world-vignette:after{background:linear-gradient(270deg,#020509b8 0%,#02050975 28%,transparent 54%)}
.site-header{height:104px;padding-left:6%;padding-right:6%;background:linear-gradient(#02050baa,transparent)}
.brand{width:126px}
.header-coordinate{font-size:11px;letter-spacing:.08em;line-height:1.6;color:#a6bdcc;margin-right:5vw}
.header-actions{gap:22px}
.header-contact{font-size:14px;gap:25px;min-height:44px}
.header-contact>span{font-size:24px}
.motion-toggle{width:44px;height:44px}
.motion-toggle svg{width:17px;height:17px}
.index-toggle{width:44px;height:44px}
.index-toggle span{width:25px}
.journey-nav{top:92px;max-height:calc(100svh - 112px);width:410px;padding:28px 30px}
.nav-kicker,.nav-footer{font-size:10px;letter-spacing:.1em;color:#9ab1c2}
.nav-footer{margin-top:22px;color:#8eabbd}
.journey-nav>a{font-size:21px;padding:12px 0}
.journey-nav>a span{font-size:11px}
.chapter-rail{right:22px;font-size:10px}
#journey .chapter{padding:18svh 7% 0;min-height:930px}
#journey .chapter-copy{top:18svh;width:39%;max-width:520px;filter:none!important}
#journey .align-right .chapter-copy{margin-left:auto;margin-right:0}
.kicker{font-size:11px;line-height:1.6;letter-spacing:.11em;margin-bottom:23px;color:#c4ddeb}
.live-dot{width:5px;height:5px}
h1{font-size:clamp(55px,5.35vw,84px);line-height:1.07;letter-spacing:-.055em}
h2{font-size:clamp(42px,4.55vw,68px);line-height:1.08;letter-spacing:-.055em}
.chapter-description,.intro-description{font-size:16px;line-height:1.72;max-width:42ch;color:#bacbd9;margin-top:25px;letter-spacing:0}
.chapter-lead{font-size:19px;line-height:1.6;max-width:38ch;color:#d6e3ed;margin-top:25px}
.chapter-lead+.chapter-description{font-size:16px;line-height:1.72;max-width:42ch;margin-top:16px}
.chapter-actions{margin-top:26px}
.pill-button{font-size:14px;min-height:54px;gap:23px;padding:10px 11px 10px 23px;font-weight:600}
.primary-button>span{width:32px;height:32px;font-size:19px}
.line-button{font-size:14px;line-height:1.6;min-height:48px;margin-top:20px;padding-top:13px;padding-bottom:10px;gap:26px}
.line-button>span{font-size:23px}
.intro-note{font-size:10px;line-height:1.6;letter-spacing:.075em;margin-top:21px;color:#90aabd}
.scene-caption{font-size:10px;line-height:1.6;letter-spacing:.07em;margin-top:28px;color:#8eacbf}
#journey .contact-chapter{padding-top:15svh}
#journey .contact-chapter .chapter-copy{top:15svh}
.contact-chapter h2{font-size:clamp(50px,4.9vw,76px)}
.contact-chapter .pill-button{margin-top:24px}
.contact-email{font-size:21px;margin-top:24px}
.contact-links{font-size:12px;line-height:1.7;gap:10px 22px;margin-top:14px;color:#a7bdce}
.end-note{font-size:10px;line-height:1.8;letter-spacing:.055em;color:#809caf;margin-top:25px}
.experience-footer{left:6%;right:6%;bottom:22px;font-size:10px;letter-spacing:.065em;color:#a7bdce}
.scroll-invitation{gap:12px}
.scroll-invitation-text{font-size:10px;letter-spacing:.07em}
.chapter-label{font-size:10px;color:#90aabd;letter-spacing:.065em}
.experience-counter{font-size:11px}
.scroll-capsule{width:19px;height:29px}
.dialog-inner .kicker{font-size:11px}
.dialog-inner h2{font-size:44px}
#contact-form label{font-size:12px}
input,select,textarea{font-size:16px}
.form-note{font-size:11px;line-height:1.6}
.dialog-email{font-size:12px;line-height:1.7}
.dialog-close{width:40px;height:40px}
.fallback-workstation{display:none;position:fixed;z-index:1;right:7%;top:27%;width:43%;max-width:670px;transform:perspective(1400px) rotateY(-13deg);pointer-events:none}
.fallback-screen{background:linear-gradient(145deg,#0c1621,#07101c);border:7px solid #a4b7c5;border-bottom-width:13px;border-radius:15px;padding:20px 22px 26px;box-shadow:0 0 70px #4a8aa82b}
.fallback-tab{font:12px/1.8 monospace;display:block;color:#87a4b8;border-bottom:1px solid #243746;padding-bottom:12px;margin-bottom:14px}
.fallback-screen pre{margin:0;font:clamp(10px,1.1vw,17px)/1.8 monospace;color:#c6d7e2;white-space:pre-wrap}
.fallback-screen pre span{color:#a4b6ef}
.fallback-cursor{display:block;margin-top:8px;width:7px;height:13px;background:#a3d9e7}
.fallback-deck{height:40px;background:linear-gradient(#8c9fac,#344555);border:1px solid #a6bdcc;transform:perspective(500px) rotateX(55deg);transform-origin:top;border-radius:0 0 15px 15px}
.scene-fallback .fallback-workstation{display:block}
.copy-right.scene-fallback .fallback-workstation{left:7%;right:auto;transform:perspective(1400px) rotateY(13deg)}
@media(min-width:1700px){#journey .chapter-copy{max-width:570px}.chapter-description,.intro-description,.chapter-lead+.chapter-description{font-size:18px}.chapter-lead{font-size:21px}.kicker{font-size:12px}.scene-caption,.intro-note{font-size:11px}}
@media(max-width:1100px){.site-header{padding-left:5.5%;padding-right:5.5%}.header-coordinate{font-size:10px;margin-right:2vw}.header-actions{gap:14px}.header-contact{font-size:13px;gap:18px}#journey .chapter{padding-left:7%;padding-right:7%}h1{font-size:clamp(50px,5.8vw,68px)}h2{font-size:clamp(40px,4.7vw,54px)}.chapter-description,.intro-description,.chapter-lead+.chapter-description{font-size:16px}.chapter-lead{font-size:18px}.kicker{font-size:11px}.contact-chapter h2{font-size:54px}.chapter-label{display:none}}
@media(max-width:900px),(max-aspect-ratio:1/1){
  .site-header{height:90px;padding:0 7%;gap:14px}
  .brand{width:118px}
  .header-coordinate{display:none}
  .header-actions{gap:10px}
  .header-contact{font-size:13px;gap:12px}
  .header-contact>span{font-size:21px}
  .motion-toggle,.index-toggle{width:44px;height:44px}
  .journey-nav{right:5%;top:82px;max-height:calc(100svh - 100px);width:410px;max-width:90vw;padding:24px 25px}
  .journey-nav>a{font-size:21px;padding:12px 0}
  .nav-kicker,.nav-footer{font-size:10px}
  .chapter-rail{display:none}
  .world-vignette,.copy-right .world-vignette{background:linear-gradient(180deg,#02060c55,transparent 30%,transparent 82%,#02060c99)}
  .world-vignette:before,.world-vignette:after{display:none}
  #journey .chapter{height:155svh;min-height:980px;padding:14svh 7% 0}
  #journey .chapter-copy{top:14svh;width:100%;max-width:560px}
  #journey .align-right .chapter-copy{margin:0}
  h1{font-size:clamp(46px,10.8vw,68px);line-height:1.04}
  h2{font-size:clamp(36px,9.8vw,58px);line-height:1.07}
  #vision h2{font-size:clamp(30px,8.6vw,48px);max-width:100%}
  .kicker{font-size:11px;line-height:1.6;letter-spacing:.09em;margin-bottom:18px}
  .chapter-description,.intro-description,.chapter-lead+.chapter-description{font-size:16px;line-height:1.6;max-width:39ch;margin-top:21px}
  .intro-description{max-width:31ch}
  .chapter-lead{font-size:17px;line-height:1.55;max-width:38ch;margin-top:21px}
  .chapter-lead+.chapter-description{font-size:15px;line-height:1.6;margin-top:12px}
  .chapter-actions{margin-top:22px}
  .pill-button{font-size:13px;min-height:50px;padding:9px 10px 9px 20px;gap:20px}
  .primary-button>span{width:30px;height:30px;font-size:18px}
  .line-button{font-size:13px;min-height:44px;margin-top:14px;padding-top:10px;gap:24px}
  .intro-note{display:none}
  .scene-caption{font-size:10px;line-height:1.6;letter-spacing:.04em;margin-top:22px;max-width:100%;gap:9px}
  .scene-caption>span{width:18px}
  #journey .contact-chapter{padding-top:13svh}
  #journey .contact-chapter .chapter-copy{top:13svh}
  .contact-chapter h2{font-size:clamp(42px,10.5vw,62px)}
  .contact-chapter .pill-button{margin-top:20px}
  .contact-email{font-size:20px;margin-top:20px}
  .contact-links{font-size:11px;line-height:1.7;gap:8px 18px;max-width:420px}
  .contact-links>a:first-child{width:100%}
  .end-note{font-size:10px;line-height:1.7;margin-top:20px}
  .experience-footer{left:7%;right:7%;bottom:max(18px,env(safe-area-inset-bottom));font-size:10px}
  .scroll-invitation{max-width:260px;gap:9px}
  .scroll-invitation-text{font-size:10px;letter-spacing:.04em}
  .experience-counter{font-size:11px;white-space:nowrap}
  .scroll-capsule{width:17px;height:27px}
  .chapter-label{display:none}
  .fallback-workstation,.copy-right.scene-fallback .fallback-workstation{left:12%;right:auto;top:auto;bottom:9%;width:76%;max-width:570px;transform:perspective(1200px) rotateX(-5deg)}
  .fallback-screen{padding:12px 14px 16px;border-width:5px;border-bottom-width:9px}
  .fallback-screen pre{font-size:clamp(9px,2.1vw,14px);line-height:1.6}
  .fallback-tab{font-size:10px;padding-bottom:7px;margin-bottom:9px}
}
@media(max-width:420px){.brand{width:106px}.header-actions{gap:3px}.header-contact{font-size:12px;gap:8px}.header-contact>span{font-size:18px}.scene-caption{font-size:10px}.dialog-inner h2{font-size:38px}.dialog-inner{padding:36px 25px 28px}.dialog-close{right:10px;top:10px}.contact-email{font-size:19px}}
@media(max-width:350px){.brand{width:94px}.site-header{padding-left:6%;padding-right:6%}.header-actions{gap:0}.header-contact{font-size:12px;gap:5px}.header-contact>span{display:none}.motion-toggle,.index-toggle{width:42px;height:44px}.chapter-description,.intro-description{font-size:15px}.chapter-lead+.chapter-description{font-size:15px}.pill-button{font-size:12px;gap:12px}.scroll-invitation-text{font-size:10px}.scene-caption{font-size:10px}.end-note{font-size:10px}.kicker{font-size:10px}.contact-chapter h2{font-size:42px}}
@media(max-height:700px){
  #journey .chapter,#journey .contact-chapter{padding-top:110px;min-height:900px}
  #journey .chapter-copy,#journey .contact-chapter .chapter-copy{position:relative;top:0}
  .site-header{height:84px}
  .chapter-lead,.chapter-description,.intro-description{margin-top:18px}
  .chapter-lead+.chapter-description{margin-top:12px}
  .scene-caption{margin-top:19px}
  .experience-footer{bottom:13px}
}
@media(max-height:700px){.site-header{background:#04070cf5}}

@media(max-height:700px){.scene-fallback .fallback-workstation{display:none}}

.form-status{font-size:13px;line-height:1.65}
.kicker,.intro-note,.scene-caption,.header-coordinate,.nav-kicker,.nav-footer,.end-note,.scroll-invitation-text,.chapter-label,.experience-counter,.chapter-rail,.journey-nav>a span,.form-note{font-size:12px}
.contact-links{font-size:13px}

/* Continuous studio light: a shared scroll palette, behind the transparent 3D. */
:root{--studio-base:#050b13;--studio-primary:50,126,152;--studio-secondary:70,84,134;--studio-x:74%;--studio-y:59%;--studio-angle:-16deg}
.world-stage{background:var(--studio-base);isolation:isolate}
#world-canvas{position:relative;z-index:1}
.studio-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse 54% 67% at var(--studio-x) var(--studio-y),rgba(var(--studio-primary),.29),transparent 78%),radial-gradient(ellipse 62% 48% at calc(100% - var(--studio-x)) 100%,rgba(var(--studio-secondary),.17),transparent 76%)}
.studio-atmosphere:before{content:"";position:absolute;inset:-24%;background:linear-gradient(112deg,transparent 23%,rgba(var(--studio-primary),.018) 38%,rgba(var(--studio-primary),.075) 47%,transparent 62%);transform:rotate(var(--studio-angle));transform-origin:var(--studio-x) var(--studio-y);pointer-events:none}
.studio-atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 78% 15% at var(--studio-x) 94%,rgba(var(--studio-secondary),.11),transparent 80%);pointer-events:none}
@media(max-width:900px),(max-aspect-ratio:1/1){.studio-atmosphere{background:radial-gradient(ellipse 92% 50% at 50% 76%,rgba(var(--studio-primary),.24),transparent 82%),radial-gradient(ellipse 80% 30% at 65% 100%,rgba(var(--studio-secondary),.15),transparent 85%)}.studio-atmosphere:before{opacity:.55}}
@media(max-width:900px),(max-aspect-ratio:1/1){
  #journey .chapter{padding-top:min(14svh,140px)}
  #journey .chapter-copy{top:min(14svh,140px)}
  #journey .contact-chapter{padding-top:min(13svh,140px)}
  #journey .contact-chapter .chapter-copy{top:min(13svh,140px)}
  .studio-atmosphere{background:radial-gradient(ellipse 92% 50% at 50% min(76%,850px),rgba(var(--studio-primary),.24),transparent 82%),radial-gradient(ellipse 80% 30% at 65% 100%,rgba(var(--studio-secondary),.15),transparent 85%)}
}
@media(max-height:700px){#journey .chapter,#journey .contact-chapter{padding-top:110px}#journey .chapter-copy,#journey .contact-chapter .chapter-copy{top:0}}