/* An editorial learning journey. Native scrolling remains in the visitor's control. */
.immersive-page{background:#fff}.immersive-page #enfoque{background:#fff;padding-block:110px;border-top:1px solid #1b315710}.immersive-page .approach-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:70px 90px;align-items:start}.immersive-page .approach-intro{grid-column:1/-1;max-width:1000px}.immersive-page .approach-intro h2{font-size:clamp(38px,4.4vw,64px);max-width:900px;color:#1b3157}.immersive-page .approach-intro>p:not(.eyebrow){max-width:680px;font-size:16px;line-height:1.8}.immersive-page .approach-note{font-size:11px;margin-top:24px}.learning-scene{position:sticky;top:120px;min-width:0;perspective:1100px;--drift:0px;--tilt-x:0deg;--tilt-y:0deg}.scene-topline{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.16em;color:#6d7787;border-bottom:1px solid #1b31571c;padding-bottom:18px}.scene-index{white-space:nowrap;color:#c73c3c}.scene-space{position:relative;height:340px;transform-style:preserve-3d;transform:translateY(var(--drift)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .6s ease;isolation:isolate}.scene-orbit{position:absolute;border:1px solid #1b31571c;border-radius:50%;width:88%;height:66%;left:6%;top:20%;transform:rotate(-22deg);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.orbit-two{transform:rotate(34deg);width:70%;left:15%;height:88%;top:5%;border-color:#1b31570e}.scene-photo{position:absolute;left:12%;top:23%;width:76%;height:59%;border:7px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 50px -22px #1b31574a;transform:rotate(-5deg);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.scene-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s ease,transform 1.4s ease}.scene-photo img{opacity:0}.learning-scene[data-phase="0"] .scene-photo img:nth-child(1),.learning-scene[data-phase="1"] .scene-photo img:nth-child(2),.learning-scene[data-phase="2"] .scene-photo img:nth-child(3){opacity:1}.language-tile{position:absolute;z-index:2;padding:13px 20px;background:#ffffffed;border:1px solid #1b315718;border-radius:10px;box-shadow:0 10px 30px #1b31570b;font-size:clamp(18px,2vw,27px);letter-spacing:-.04em;font-weight:500;transition:transform 1.1s ease,opacity .7s ease,color .7s ease;backdrop-filter:blur(12px)}.tile-one{left:2%;top:14%;transform:rotate(-8deg);color:#c73c3c}.tile-two{right:0;top:55%;transform:rotate(7deg)}.tile-three{left:18%;bottom:0;transform:translateY(10px);opacity:0}.scene-marker{position:absolute;width:9px;height:9px;background:#c73c3c;right:7%;top:17%;border-radius:50%;box-shadow:0 0 0 8px #c73c3c08;transition:transform 1.2s}.learning-scene[data-phase="1"] .scene-photo{transform:rotate(2deg) scale(1.04)}.learning-scene[data-phase="1"] .tile-one{transform:translate(16px,-9px) rotate(-3deg);color:#1b3157}.learning-scene[data-phase="1"] .tile-two{transform:translate(-12px,12px) rotate(-3deg);color:#c73c3c}.learning-scene[data-phase="1"] .orbit-one{transform:rotate(15deg)}.learning-scene[data-phase="2"] .scene-photo{transform:rotate(-1deg)}.learning-scene[data-phase="2"] .tile-one{transform:translateY(-12px);opacity:0}.learning-scene[data-phase="2"] .tile-two{transform:translateY(-35px) rotate(3deg);font-size:20px}.learning-scene[data-phase="2"] .tile-three{opacity:1;transform:translateY(-12px) rotate(-4deg);color:#c73c3c}.learning-scene[data-phase="2"] .orbit-one{transform:rotate(45deg)}.scene-caption{display:flex;gap:16px;align-items:center;margin-top:24px;color:#1b3157}.scene-caption-number{font-size:11px;color:#c73c3c}.scene-caption p{font-size:20px;letter-spacing:-.03em;font-weight:500}.scene-controls{display:flex;gap:8px;margin-top:22px}.scene-controls button{flex:1;min-height:44px;text-align:left;background:transparent;border-top:2px solid #1b315714;padding:12px 3px;color:#748091;font-size:11px;transition:border-color .3s,color .3s}.scene-controls button[aria-pressed="true"]{border-color:#c73c3c;color:#1b3157}.scene-control-label{display:none}.immersive-page .steps{padding:0}.immersive-page .steps article,.immersive-page .steps article:first-child{min-height:370px;align-content:center;grid-template-columns:25px 1fr;gap:18px;padding:65px 0;border-color:#1b31571a;position:relative}.immersive-page .steps .step-icon{display:none}.immersive-page .steps h3{font-size:30px;color:#1b3157}.immersive-page .steps p{font-size:16px;line-height:1.85}.immersive-page .steps .step-number{color:#a2a9b4;transition:color .5s}.immersive-page .steps .step-active .step-number{color:#c73c3c}.immersive-page .steps article::before{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#c73c3c;transform:scaleX(0);transform-origin:left;transition:transform .8s}.immersive-page .steps article.step-active::before{transform:scaleX(1)}.immersive-page .hero-media{transform:translateY(var(--hero-travel,0px)) scale(var(--hero-scale,1));transform-origin:70% 50%;will-change:transform}.immersion-hint{position:absolute;bottom:23px;left:max(32px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:12px;z-index:3;font-size:10px;letter-spacing:.06em;min-height:44px;color:#1b3157}.hint-line{height:28px;width:1px;background:linear-gradient(#1b315720,#c73c3c);position:relative}.hint-line::after{content:'';position:absolute;width:5px;height:5px;border-right:1px solid #c73c3c;border-bottom:1px solid #c73c3c;bottom:0;left:-2px;transform:rotate(45deg)}.immersive-page .cinematic-hero{padding-bottom:100px}.immersive-page .word-band{background:#fff;border-block:1px solid #1b31570e}.immersive-page .founder-story{border-top:1px solid #1b315710}
@media(max-width:1000px){.immersive-page .approach-grid{gap:50px 40px}.scene-space{height:290px}.learning-scene{top:105px}.immersive-page .steps h3{font-size:25px}}
@media(max-width:760px){.immersive-page #enfoque{padding-block:65px}.immersive-page .approach-grid{grid-template-columns:1fr;gap:35px}.immersive-page .approach-intro h2{font-size:clamp(34px,8vw,47px)}.immersive-page .approach-intro>p:not(.eyebrow){font-size:15px}.learning-scene{position:relative;top:auto;width:100%;max-width:520px;margin:auto}.scene-space{height:300px}.scene-caption{margin-top:15px}.scene-caption p{font-size:21px}.scene-control-label{display:block;font-size:10px;line-height:1.45;margin-top:7px}.scene-controls button{padding:12px 5px;min-height:74px}.immersive-page .steps article,.immersive-page .steps article:first-child{min-height:0;padding:30px 0;gap:12px;grid-template-columns:22px 1fr}.immersive-page .steps h3{font-size:24px}.immersive-page .steps p{font-size:15px;margin-top:12px}.language-tile{font-size:23px;padding:10px 16px}.immersive-page .steps article::before{display:none}.immersive-page .cinematic-hero{padding-bottom:370px}.immersion-hint{bottom:8px;left:22px;font-size:10px;background:#ffffffb8;padding:0 12px;border-radius:30px}.immersive-page .hero-media{transform:translateY(var(--hero-travel,0px)) scale(var(--hero-scale,1))}}
@media(max-width:380px){.scene-space{height:260px}.language-tile{font-size:20px}.scene-topline{font-size:8px}.scene-caption p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.immersive-page *, .immersive-page *::before{scroll-behavior:auto!important}.scene-space,.immersive-page .hero-media{transform:none!important;will-change:auto}.learning-scene *{transition:none!important}.learning-scene{position:relative;top:auto}.immersive-page .steps article,.immersive-page .steps article:first-child{min-height:0;padding-block:35px}}