:root{--ink:#0b0c0d;--paper:#f4f3ee;--mist:#dddcd6;--accent:#f4f3ee;--mx:0;--my:0;--spot-x:50%;--spot-y:50%}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.skip{position:fixed;left:-9999px;top:1rem;z-index:20}.skip:focus{left:1rem;background:#fff;color:#000;padding:.75rem}.landscape{position:fixed;inset:-2.5%;z-index:0;width:105%;height:105%;object-fit:cover;object-position:center;filter:brightness(.65) saturate(.96) contrast(1.03);transform:translate(calc(var(--mx)*-5px),calc(var(--my)*-3px)) scale(1.055);transition:filter .62s cubic-bezier(.16,.84,.2,1),transform .72s cubic-bezier(.16,.84,.2,1)}body.entered .landscape{filter:brightness(.82) saturate(.98) contrast(1.01);transform:translate(0) scale(1.01)}.veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#000000db,#0006 38%,#0000000d 72%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 45%);transition:background .2s,opacity .2s}.entered .veil{opacity:.38}body[data-active]:not([data-active=""]) .veil{opacity:.52;background:radial-gradient(circle 480px at var(--spot-x) var(--spot-y),rgba(0,0,0,.02) 0,rgba(0,0,0,.14) 58%,rgba(0,0,0,.58) 100%)}main{position:relative;z-index:2;height:100%;padding:clamp(20px,2.7vw,44px);pointer-events:none}.mast{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;text-shadow:0 2px 15px rgba(0,0,0,.72);pointer-events:auto}.identity{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.identity img{width:34px;height:34px}.identity strong{color:var(--accent)}.edition{color:#f5f2e9b3}.hero,.arrival{position:absolute;left:clamp(20px,5vw,82px);top:50%;transform:translateY(-50%);max-width:min(790px,62vw);transition:opacity .48s,transform .58s cubic-bezier(.16,.84,.2,1)}.hero h1,.arrival h2{margin:0;font:400 clamp(60px,7.4vw,116px)/.86 Georgia,"Times New Roman",serif;letter-spacing:-.072em;text-wrap:balance;text-shadow:0 7px 34px rgba(0,0,0,.56)}.hero em,.arrival em{color:var(--accent);font-weight:400}.arrival{top:38%;opacity:0;transform:translateY(calc(-50% + 22px))}.arrival p{margin:0 0 20px;color:var(--mist);font-size:9px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.arrival h2{font-size:clamp(64px,8.5vw,132px)}body.entered .hero{opacity:0;transform:translateY(calc(-50% - 18px))}body.entered .arrival{opacity:1;transform:translateY(-50%);pointer-events:auto}.enter-institute{display:inline-flex;align-items:center;gap:26px;margin-top:28px;padding:13px 18px;border:0;background:#0000008c;color:var(--paper);font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;text-decoration:none;backdrop-filter:blur(8px);transition:background .16s,transform .16s}.enter-institute span{font-size:17px;color:var(--accent)}.enter-institute:hover,.enter-institute:focus-visible{background:var(--paper);color:var(--ink);transform:translate(4px);outline:0}.field{position:absolute;inset:0;pointer-events:none}.portal-path{position:absolute;width:190px;height:64px;padding:13px 16px;color:var(--paper);background:#0000007a;border:0;backdrop-filter:blur(10px);text-decoration:none;opacity:0;transform:translateY(12px);transition:opacity .18s,transform .18s,background .14s;pointer-events:none}.portal-path:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:24px;background:linear-gradient(rgba(244,243,238,.72),transparent)}.path-label{display:block;font:500 clamp(15px,1.2vw,20px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.01em}.path-detail{display:block;max-height:0;overflow:hidden;opacity:0;margin-top:0;color:var(--accent);font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;transition:max-height .14s,opacity .14s,margin .14s}.learn{left:27%;top:69%}.advise{left:40%;top:55%}.lead{left:53%;top:50%}.build{left:67%;top:56%}.operate{right:2.5%;top:69%}body.entered .portal-path{opacity:1;transform:none;pointer-events:auto}body.entered .portal-path:nth-child(1){transition-delay:.04s}body.entered .portal-path:nth-child(2){transition-delay:.07s}body.entered .portal-path:nth-child(3){transition-delay:.1s}body.entered .portal-path:nth-child(4){transition-delay:.13s}body.entered .portal-path:nth-child(5){transition-delay:.16s}body.entered .portal-path:hover,body.entered .portal-path:focus-visible,body.entered .portal-path.active{z-index:5;opacity:1!important;transform:scale(1.025)!important;background:#000000ad;outline:none;transition-delay:0s}.portal-path:hover .path-detail,.portal-path:focus-visible .path-detail,.portal-path.active .path-detail{max-height:30px;opacity:1;margin-top:8px}body[data-active]:not([data-active=""]) .portal-path:not(.active){opacity:.62;transition-delay:0s}.cross{position:absolute;left:clamp(20px,5vw,82px);bottom:clamp(24px,5vh,58px);width:112px;height:112px;border-radius:50%;border:0;color:var(--paper);background:#000000ad;backdrop-filter:blur(9px);cursor:pointer;pointer-events:auto;display:grid;place-items:center;align-content:center;gap:6px;animation:breathe 7s ease-in-out infinite;box-shadow:0 0 #f4f3ee00}.cross:before{display:none}.cross span,.cross i{position:relative;z-index:1;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.cross i{font-size:17px;font-style:normal;color:var(--accent);transition:transform .14s}.cross:hover i{transform:translate(4px)}.cross:focus-visible{outline:2px solid white;outline-offset:5px}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 #f4f3ee00}50%{transform:scale(1.018);box-shadow:0 0 0 9px #f4f3ee11}}.sr{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body[data-active=learn]{--spot-x:34%;--spot-y:72%}body[data-active=advise]{--spot-x:47%;--spot-y:58%}body[data-active=lead]{--spot-x:60%;--spot-y:53%}body[data-active=build]{--spot-x:74%;--spot-y:59%}body[data-active=operate]{--spot-x:88%;--spot-y:72%}@media(max-width:900px){.hero,.arrival{max-width:86vw;top:42%}.field{top:8%}.portal-path{width:166px}.learn{left:8%;top:64%}.advise{left:25%;top:53%}.lead{left:48%;top:47%}.build{left:67%;top:55%}.operate{left:72%;top:69%}}@media(max-width:700px){main{padding:16px}.landscape{inset:-3%;width:106%;height:106%;object-position:52% center}.mast{font-size:7px;letter-spacing:.1em}.identity img{width:29px;height:29px}.edition{max-width:44%;text-align:right}.hero,.arrival{left:16px;right:16px;top:31%;max-width:none}.hero h1{font-size:clamp(49px,15.2vw,72px)}.arrival h2{font-size:clamp(51px,15.5vw,75px)}.arrival p{font-size:7px}.enter-institute{margin-top:18px;padding:11px 14px}.field{top:18%}.portal-path{width:142px;height:62px;padding:10px 11px}.path-label{font-size:16px}.portal-path .path-detail{max-height:30px;opacity:1;margin-top:6px;font-size:7px}.learn{left:5%;top:66%}.advise{left:25%;top:54%}.lead{left:55%;top:43%}.build{left:61%;top:66%}.operate{left:35%;right:auto;top:79%}.cross{left:16px;bottom:20px;width:88px;height:88px}}@media(hover:none){body.entered .portal-path:hover{z-index:auto;transform:none!important;background:#040d0c7a}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.001ms!important}.landscape{transform:none!important}}.landscape{filter:none!important;inset:0;width:100%;height:100%;transform:none!important}.veil{background:linear-gradient(90deg,rgba(0,0,0,.44),rgba(0,0,0,.12) 30%,transparent 55%)}.cross{text-decoration:none}.mast{font-size:11px;line-height:1.55;letter-spacing:.13em;align-items:flex-start}.edition{color:#fff;max-width:380px;padding:12px 18px;background:#1014149e;border:1px solid #ffffff38;border-radius:4px;backdrop-filter:blur(12px);text-align:center;text-shadow:none;font-size:10px;line-height:1.7;letter-spacing:.16em}.hero{top:48%;max-width:min(1000px,78vw)}.hero h1{font-size:clamp(58px,6.8vw,108px);line-height:1.09;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 28px #0006}@media(max-width:700px){.mast{gap:20px;font-size:9px}.edition{max-width:48%;padding:10px 12px;font-size:8px;letter-spacing:.11em}.hero{left:24px;right:24px;top:44%;max-width:none}.hero h1{font-size:clamp(44px,11.6vw,70px);line-height:1.12;letter-spacing:-.025em}.cross{left:24px;bottom:28px}}
