:root{--paper:#f5f3ee;--ink:#151515;--orange:#ff5c00;--portrait-w:230px;--portrait-h:340px;--gap:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block}a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:50}.skip:focus{top:20px}.nav{position:absolute;top:0;left:0;width:100%;height:100px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand img{width:92px;height:53px;object-fit:contain}.nav nav{display:flex;gap:34px;font-size:12px;font-weight:500}.nav nav a{padding:14px 0;transition:color .2s}.nav nav a:hover{color:var(--orange)}.chapter{position:relative;--p:0;--entry:0}.scene{height:100svh;min-height:760px;position:relative;overflow:hidden;isolation:isolate}.motion .chapter{height:155svh;min-height:1180px}.motion .course{height:180svh;min-height:1368px}.motion .scene{position:sticky;top:0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:600;line-height:1.6;margin:0 0 20px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin:0 7px 1px 0;box-shadow:0 0 0 4px #ff5c0010}h1,h2,p{margin-top:0}h1,h2{font-weight:550;letter-spacing:-.065em;line-height:.97;margin-bottom:0}.subtitle{font-size:18px;line-height:1.5;letter-spacing:-.018em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:48px;padding:0 23px;border-radius:100px;font-size:13px;font-weight:550;transition:transform .25s,background .25s,box-shadow .25s;white-space:nowrap}.button span{font-size:21px;font-weight:400;transition:transform .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 26px #0002}.button:hover span{transform:translate(2px,-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#333}.button-white{background:#f5f3ee;color:#151515}.button-white:hover{background:#fff}.scene-bottom{position:absolute;left:5.2%;right:5.2%;bottom:26px;display:flex;justify-content:space-between;align-items:center;z-index:6;font-size:10px;letter-spacing:.04em;pointer-events:none}.chapter-count{font-size:11px;font-variant-numeric:tabular-nums}.chapter-count span{opacity:.3;margin-left:9px}.scroll-cue{display:flex;align-items:center;gap:11px;color:#73716d}.scroll-cue i{height:23px;width:1px;display:inline-block;position:relative;background:#c2beb5;overflow:hidden}.scroll-cue i::after{content:"";position:absolute;left:0;top:-100%;width:1px;height:100%;background:#222;animation:scrollLine 2.4s ease-in-out infinite}.scene-label{opacity:.5}.course{background:var(--paper)}.course-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 76%,#fff 0%,transparent 65%);z-index:-1}.course-heading{position:relative;z-index:4;text-align:center;padding:132px 20px 0;transform:translateY(calc(var(--p) * -20px))}.course h1{font-size:clamp(52px,5.9vw,94px);line-height:.99}.course h1 span{color:#6a6863}.course .subtitle{color:#686660;margin:20px 0 22px}.faculty{position:absolute;bottom:62px;left:0;width:100%;height:calc(var(--portrait-h) + 52px);overflow:hidden;perspective:1600px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.faculty-track{position:absolute;display:flex;left:0;bottom:24px;width:max-content;will-change:transform}.faculty-group{display:flex;gap:var(--gap);padding-right:var(--gap);align-items:flex-end;flex-shrink:0}.speaker{position:relative;margin:0;width:var(--portrait-w);height:var(--portrait-h);flex-shrink:0;border-radius:12px;overflow:hidden;background:#d4d0c7;transform-origin:bottom center;box-shadow:0 14px 22px #15151516;transform:translateY(22px) rotate(-2deg);transition:transform .8s ease}.speaker:nth-child(2n){transform:translateY(5px) rotate(2deg)}.speaker:nth-child(3n){transform:translateY(20px) rotate(-1deg)}.speaker img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:grayscale(1);transition:filter .6s,transform .8s}.speaker:hover{transform:translateY(0) rotate(0)}.speaker:hover img{filter:grayscale(0);transform:scale(1.03)}.speaker::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b)}.speaker figcaption{position:absolute;z-index:1;bottom:24px;left:20px;right:12px;color:white;font-size:13px}.speaker b{font-weight:500}.speaker figcaption span{display:block;font-size:10px;opacity:.65;margin-top:5px}.belfort{color:#fff;background:#080d13}.belfort .scene{background:#080d13}.city{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:saturate(.55);opacity:.6;transform:scale(calc(1.06 - var(--p) * .06)) translateY(calc(var(--p) * -20px))}.city-shade{position:absolute;inset:0;background:linear-gradient(90deg,#060b12ed,transparent 85%),linear-gradient(0deg,#060b12e0,transparent 55%),linear-gradient(180deg,#060b12bb,transparent 30%)}.spotlight{position:absolute;inset:-25% -20% -15% 20%;background:radial-gradient(ellipse at 65% 45%,#c6b29833,transparent 60%);transform:translateX(calc(var(--p) * -100px)) rotate(-18deg);mix-blend-mode:screen}.london-type{position:absolute;left:3%;bottom:8%;font-size:clamp(150px,21vw,340px);font-weight:600;letter-spacing:-.08em;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff21;transform:translateX(calc(var(--p) * -35px));z-index:1}.jordan{position:absolute;right:2%;bottom:0;height:95%;max-width:64%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(-20px 0 30px #0004);transform-origin:bottom center;transform:translateX(calc(38px - var(--entry) * 38px)) scale(calc(.94 + var(--p) * .06))}.event-copy{position:absolute;top:49%;left:8.2%;transform:translateY(-50%);z-index:3}.event-copy .eyebrow{color:#cfbda7}.event-copy h2{font-size:clamp(85px,9.5vw,150px)}.orange{color:var(--orange)}.event-subtitle{font-size:clamp(22px,2.4vw,36px);letter-spacing:-.025em;margin:24px 0 12px}.event-meta{font-size:12px;color:#a7a8ab;margin-bottom:30px}.belfort .scene-bottom{color:#d7d4ce}.onegin{color:#f5f3ee;background:#090a0b}.onegin .scene{background:#090a0b}.onegin-light{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 75%,#79432555,transparent 55%),radial-gradient(ellipse at 75% 5%,#263a4855,transparent 50%)}.onegin-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,#ffffff04 50%,transparent 50.05%);opacity:.5}.onegin-copy{position:absolute;left:8.2%;top:48%;transform:translateY(-50%);z-index:4;max-width:46%}.onegin-brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:500;margin:0 0 38px;letter-spacing:-.03em}.onegin-brand img{border-radius:8px}.onegin h2{font-size:clamp(76px,8.5vw,138px);line-height:1}.onegin h2 span{color:#ddbd9b;background:linear-gradient(135deg,#f4d6b3,#b48863);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.onegin .subtitle{font-size:18px;color:#8e9092;margin:25px 0 30px;line-height:1.6}.onegin-actions{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.text-link{color:#b7b8ba;font-size:12px;display:inline-flex;gap:20px;align-items:center;padding-left:23px}.text-link span{font-size:17px}.text-link:hover{color:#fff}.device-stage{position:absolute;right:1%;bottom:0;width:52%;height:100%;perspective:1500px;z-index:2}.device-halo{position:absolute;left:0;top:10%;width:100%;height:80%;border-radius:50%;background:radial-gradient(ellipse,#d3914c18,transparent 65%);filter:blur(10px);transform:scale(calc(.9 + var(--p) * .3))}.device-shadow{position:absolute;width:75%;height:6%;bottom:7%;left:13%;border-radius:50%;background:#000;filter:blur(18px);opacity:.8}.device{position:absolute;left:50%;top:50%;height:77%;max-height:780px;aspect-ratio:.487;transform:translate(-50%,-50%) rotateY(calc(-22deg + var(--p) * 25deg)) rotateZ(calc(11deg - var(--p) * 14deg));border:8px solid #171819;border-radius:48px;background:#111;overflow:hidden;box-shadow:0 0 0 1px #8b8a87,4px 0 0 3px #454645,18px 30px 70px #000b;will-change:transform}.device img{height:100%;width:100%;object-fit:cover;object-position:top}.device-island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:27%;height:22px;border-radius:30px;background:#070809}.device-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,#ffffff14 49%,transparent 65%);opacity:calc(.8 - var(--p) * .6);pointer-events:none}.float-label{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:16px 21px;border:1px solid #ffffff26;background:#202225c7;backdrop-filter:blur(24px);border-radius:15px;box-shadow:0 10px 30px #0003;font-size:12px;letter-spacing:-.01em;white-space:nowrap}.label-icon{display:flex;width:26px;height:26px;border-radius:8px;background:#ffffff0c;align-items:center;justify-content:center;color:#dfb997;font-size:19px}.label-thought{left:4%;top:24%;transform:translateY(calc(20px - var(--p) * 32px))}.label-mail{right:3%;bottom:20%;transform:translateY(calc(-20px + var(--p) * 32px))}.onegin .scene-bottom{color:#aaa}.onegin .scene-label{color:#8d8e90}footer{display:flex;align-items:center;gap:30px;padding:30px 5.2%;background:#090a0b;border-top:1px solid #ffffff0e;color:#818285;font-size:10px}footer p{margin:0;line-height:1.6}.footer-brand img{width:57px;height:33px;object-fit:contain}footer nav{display:flex;gap:25px;margin-left:auto}footer nav a:hover{color:#fff}@keyframes scrollLine{0%,20%{top:-100%}75%,100%{top:100%}}
@media(min-height:950px) and (min-width:701px){:root{--portrait-w:270px;--portrait-h:410px}.course-heading{padding-top:15vh}.course h1{font-size:clamp(70px,6.7vw,110px)}.faculty{bottom:75px}}
@media(max-height:800px) and (min-width:701px){:root{--portrait-w:200px;--portrait-h:280px}.course-heading{padding-top:113px}.course h1{font-size:64px}.course .subtitle{font-size:16px;margin:16px 0}.faculty{bottom:55px}.scene{min-height:720px}}
@media(max-width:900px) and (min-width:701px){.onegin h2{font-size:75px}.onegin-copy{left:6%}.device-stage{right:-4%;width:55%}.float-label{font-size:10px;padding:12px}.event-copy{left:6%}.jordan{right:-7%;max-width:75%}}
@media(max-width:700px){:root{--portrait-w:166px;--portrait-h:270px;--gap:13px}.nav{height:87px;padding:0 22px}.brand img{width:72px;height:42px}.nav nav{gap:19px;font-size:10px}.scene{min-height:700px;height:100svh}.motion .chapter{height:145svh;min-height:1015px}.motion .course{height:172svh;min-height:1204px}.course-heading{padding:125px 18px 0}.course h1{font-size:clamp(38px,10.7vw,64px);line-height:1.04;letter-spacing:-.06em}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:18px}.course .subtitle{font-size:14px;margin:18px 0 22px}.button{font-size:12px;min-height:46px;padding:0 21px;gap:28px}.faculty{bottom:65px;height:calc(var(--portrait-h) + 40px);mask-image:none;-webkit-mask-image:none}.speaker{border-radius:9px}.speaker figcaption{left:14px;bottom:22px;font-size:11px}.speaker figcaption span{font-size:8px;line-height:1.4;max-width:130px}.scene-bottom{left:22px;right:22px;bottom:25px;font-size:9px}.chapter-count{font-size:10px}.scroll-cue{font-size:9px}.event-copy{left:0;top:57px;transform:none;padding:0 24px;width:100%;text-align:center}.event-copy .eyebrow{font-size:9px;margin-bottom:18px}.event-copy h2{font-size:clamp(66px,19vw,90px);line-height:.93}.event-subtitle{font-size:25px;margin:18px 0 9px}.event-meta{font-size:10px;margin-bottom:20px}.jordan{height:56%;max-width:115%;width:115%;right:-7.5%;transform:scale(calc(.93 + var(--p) * .07));}.city{object-position:43% center;opacity:.62}.city-shade{background:linear-gradient(180deg,#060b12f2,transparent 78%),linear-gradient(0deg,#060b12bb,transparent 20%)}.spotlight{inset:20% -50% -20% -40%;opacity:.65}.london-type{font-size:28vw;left:2%;bottom:35%;z-index:1;-webkit-text-stroke:1px #ffffff33}.belfort .scene-label{max-width:190px;font-size:8px;line-height:1.5}.belfort .scene-bottom{bottom:20px}.onegin-copy{top:51px;left:22px;right:22px;max-width:none;text-align:center;transform:none}.onegin-brand{font-size:14px;justify-content:center;margin-bottom:18px;gap:8px}.onegin-brand img{width:26px;height:26px}.onegin h2{font-size:clamp(57px,16vw,76px);line-height:.95}.onegin h2 br{display:none}.onegin h2 span{display:block}.onegin .subtitle{font-size:13px;line-height:1.5;margin:16px 0 20px}.onegin .subtitle br{display:none}.onegin-actions{flex-direction:row;justify-content:center;align-items:center;gap:20px}.onegin .button{font-size:11px;padding:0 17px;gap:17px;min-height:43px}.text-link{padding:0;font-size:10px;gap:9px}.device-stage{height:54%;width:100%;right:0;bottom:36px}.device{height:98%;top:55%;border-width:5px;border-radius:32px;box-shadow:0 0 0 1px #8b8a87,3px 0 0 2px #454645,12px 20px 50px #000b}.device-island{height:15px;top:7px}.label-thought{left:5%;top:23%}.label-mail{right:4%;bottom:20%}.float-label{font-size:9px;padding:11px 13px;gap:9px;border-radius:11px}.label-icon{width:21px;height:21px;font-size:15px}.onegin .scene-label{font-size:8px;max-width:220px}.onegin .scene-bottom{bottom:20px}footer{padding:27px 22px;gap:17px;flex-wrap:wrap}footer p{font-size:9px}footer nav{width:100%;margin:0;gap:23px;font-size:9px}.footer-brand img{width:47px;height:28px}}
@media(max-width:700px) and (max-height:740px){:root{--portrait-h:240px;--portrait-w:154px}.course-heading{padding-top:108px}.course h1{font-size:40px}.course .subtitle{margin:16px 0 18px}.faculty{bottom:54px}.event-copy{top:43px}.event-copy h2{font-size:65px}.event-subtitle{font-size:23px;margin-top:15px}.onegin-copy{top:42px}.onegin h2{font-size:57px}.device-stage{height:50%;bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene{position:relative!important}.chapter{height:auto!important;min-height:0!important}.course-heading,.jordan,.city,.device,.float-label{will-change:auto}.device{transform:translate(-50%,-50%) rotate(-5deg)}}
button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.course-actions{display:flex;align-items:center;justify-content:center;gap:25px}.video-trigger{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;border:0;background:transparent;color:#55524c;padding:12px 0;transition:color .2s}.video-trigger:hover{color:var(--orange)}.video-trigger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2}.video-trigger svg path{fill:currentColor;stroke:0}.video-dialog{width:min(1100px,94vw);padding:0;border:1px solid #ffffff26;border-radius:17px;background:#101113;color:#fff;box-shadow:0 24px 100px #000b;overflow:hidden}.video-dialog::backdrop{background:#080a0bdd;backdrop-filter:blur(18px)}.video-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 12px 23px;gap:20px}.video-bar p{margin:0;font-size:13px;color:#dedede}.video-close{border:1px solid #ffffff22;border-radius:50%;background:#ffffff0a;color:white;font-size:26px;line-height:1;width:38px;height:38px}.video-close:hover{background:#ffffff20}.video-frame{aspect-ratio:16/9;background:black}.video-frame iframe{border:0;width:100%;height:100%;display:block}.onegin-tabs{display:flex;gap:5px;align-items:center;margin:0 0 27px}.onegin-tabs button{border:1px solid transparent;background:transparent;color:#8a8c8f;font-size:11px;padding:10px 12px;border-radius:100px;white-space:nowrap;transition:color .25s,background .25s,border-color .25s}.onegin-tabs button:hover{color:white}.onegin-tabs button[aria-selected=true]{background:#ffffff0e;border-color:#ffffff22;color:#f5d7ba}.onegin .task-description{min-height:54px;max-width:350px;margin:20px 0 12px}.device.wide{height:auto;width:91%;aspect-ratio:1000/650;border-radius:22px;max-height:none;transform:translate(-50%,-50%) rotateY(-12deg) rotateZ(-3deg)}.device.wide img{object-fit:contain}.device.wide .device-island{display:none}.device{transition:width .65s,height .65s,border-radius .65s}.device img{transition:opacity .18s}.device img.switching{opacity:0}.device-stage[data-view=mail] .label-thought{top:17%;left:7%}.device-stage[data-view=mail] .label-mail{bottom:18%;right:4%}.onegin-copy{top:49%}.onegin-brand{margin-bottom:27px}
@media(max-width:700px){.course-actions{gap:18px}.course-actions .button{gap:18px;padding:0 18px;font-size:11px}.video-trigger{font-size:11px;gap:8px}.video-trigger svg{width:23px;height:23px}.onegin-copy{top:44px}.onegin-brand{margin-bottom:18px}.onegin .task-description{margin:15px auto 12px;min-height:30px;max-width:310px;font-size:12px;line-height:1.5}.onegin-tabs{justify-content:center;gap:3px;margin-bottom:20px}.onegin-tabs button{padding:8px 9px;font-size:10px}.device-stage{height:49%;bottom:25px}.device.wide{width:88%;border-radius:15px;top:53%}.device-stage[data-view=mail] .label-thought{top:15%;left:6%}.device-stage[data-view=mail] .label-mail{bottom:13%;right:5%}.video-bar{padding:10px 12px 10px 17px}.video-bar p{font-size:11px}.video-dialog{border-radius:12px}.video-close{width:34px;height:34px}}
@media(max-width:700px) and (max-height:740px){.onegin-copy{top:35px}.onegin h2{font-size:51px}.onegin-brand{margin-bottom:15px}.onegin .task-description{margin-top:12px}.onegin-tabs{margin-bottom:15px}.device-stage{height:44%;bottom:24px}.onegin .button{min-height:40px}}

.device{container-type:size}.language-demo{display:none;position:absolute;top:36%;left:6%;right:6%;color:#222;font-size:clamp(9px,2cqh,15px);line-height:1.45}.device-stage[data-view=language] .language-demo{display:block}.language-demo small{display:block;font-size:.65em;letter-spacing:.08em;color:#999;margin:0 0 1em}.language-demo p{margin:0 0 .8em;padding:.8em;border-radius:12px;background:#f3f5f6}.language-demo b{display:block;font-size:.8em;margin-bottom:.35em;color:#777;font-weight:500}.language-demo span{display:block}.language-demo .your-reply{background:#eaf0f7;margin-left:12%}