@font-face{font-family:Instrument;src:url(instrument-400.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Instrument;src:url(instrument-400.woff2) format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Instrument;src:url(instrument-400.woff2) format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Instrument;src:url(instrument-400.woff2) format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Plex;src:url(mono-400.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--x-ink:#101c25;--x-blue:#237dc1;--x-ice:#92c8e9;--x-paper:#f4f5f3;--x-line:#cbd1d3;--x-dark:#061018;--x-ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}.experience{margin:0;background:var(--x-paper);color:var(--x-ink);font-family:Instrument,Arial,sans-serif;-webkit-font-smoothing:antialiased}.experience a{color:inherit;text-decoration:none}.experience button{font:inherit;cursor:pointer}.experience h1,.experience h2,.experience h3,.experience p{margin:0}.experience button:focus-visible,.experience a:focus-visible{outline:2px solid #5aade4;outline-offset:6px}.x-header{height:100px;position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid #ffffff18;color:#fff;font-size:13px}.x-brand{font-size:33px;letter-spacing:-1.5px;display:flex;align-items:baseline;gap:7px}.x-brand span{font-size:10px;letter-spacing:.01em;color:#abbac5;margin-left:24px}.x-header nav{display:flex;gap:30px}.x-header nav a{position:relative}.x-header nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:1px;background:white;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--x-ease)}.x-header nav a:hover:after{transform:scaleX(1);transform-origin:left}.x-contact{border-bottom:1px solid #537487;padding:10px 0}.x-contact span{margin-left:25px;font-size:20px}.x-hero{height:max(820px,100svh);min-height:720px;max-height:1200px;position:relative;background:radial-gradient(ellipse at 79% 47%,#193242 0%,#091721 44%,#030b12 80%);overflow:hidden;color:#eff3f7}.x-world{position:absolute;inset:0;overflow:hidden}.x-world canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s}.x-world.world-ready canvas{opacity:1}.x-hero .x-world{left:27%;top:12%;right:-12%;bottom:4%;pointer-events:auto}.x-grain{position:absolute;inset:0;pointer-events:none;z-index:10;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}.x-hero-copy{position:relative;z-index:3;margin-left:7.5vw;padding-top:clamp(165px,19vh,245px);width:52%;pointer-events:none}.x-hero-copy a{pointer-events:auto}.x-label{font:10px/1.6 Plex,monospace!important;letter-spacing:.095em;text-transform:uppercase}.x-hero-copy>.x-label{color:#b2c3d0;display:flex;align-items:center;gap:13px}.x-label i{height:5px;width:5px;border-radius:50%;background:#67c1f2;box-shadow:0 0 12px #7be0ff;display:inline-block}.x-hero h1{font-size:clamp(80px,7.8vw,146px);line-height:.99;font-weight:500;letter-spacing:-.066em;margin-top:34px}.x-hero h1>span{display:block}.x-light{color:#98bdd4}.x-hero-desc{font-size:15px;line-height:1.55;margin-top:32px!important;color:#9db2c1;max-width:315px}.x-button{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;padding:18px 0;font-size:13px;font-weight:500;border-bottom:1px solid #60839b;margin-top:26px;position:relative;overflow:hidden;transition:color .4s}.x-button:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:100%;background:#c2e6ff;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--x-ease)}.x-button:hover:after{transform:scaleX(1)}.x-button span{font-size:22px;transition:transform .6s var(--x-ease)}.x-button:hover span{transform:translate(4px,-4px)}.x-hero-caption{position:absolute;right:6%;bottom:24%;display:flex;gap:18px;align-items:start;font:9px/1.9 Plex;color:#7696ac}.x-hero-caption b{font-weight:400;color:#cfdae2}.x-hero-caption>span:last-child{padding-left:24px;color:#59778b}.x-cross{font-size:24px;font-weight:300;color:#799ab4;line-height:1}.x-hero-foot{position:absolute;bottom:38px;left:4.5vw;right:4.5vw;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #ffffff1c;padding-top:23px;font:9px/1.8 Plex;color:#9cb1c0}.x-hero-foot p span{font:12px/2 Instrument;letter-spacing:0;color:#5e7c90}.x-hero-foot a span{margin-left:20px;font-size:16px}.x-motion{border:0;background:none;color:#7c9aaf;padding:0;font:9px Plex!important}.x-section{padding:95px 7.5vw 110px}.x-section-label{display:flex;justify-content:space-between;border-top:1px solid var(--x-line);padding-top:18px;font:9px/1.6 Plex;letter-spacing:.06em;color:#506572;margin-bottom:80px}.x-manifesto{display:grid;grid-template-columns:1.8fr 1fr;gap:8vw;align-items:end}.x-manifesto h2,.x-expertise>h2{font-size:clamp(45px,4.2vw,79px);font-weight:500;line-height:1.08;letter-spacing:-.05em}.x-manifesto h2>span{color:#627a88}.x-intro-copy{max-width:350px}.x-star{font-size:48px;color:#528cb5;line-height:1;display:block;margin-bottom:25px}.x-intro-copy p{font-size:16px;line-height:1.6}.x-intro-copy p+p{font-size:13px;color:#506572;margin-top:20px}.x-text-link{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #a5b3be;font-size:12px;margin-top:26px}.x-image-reveal{position:relative;height:600px;overflow:hidden;margin-top:90px;background:#0b1c28}.x-image-reveal img{height:120%;width:100%;object-fit:cover;position:absolute;inset:-10% 0}.x-image-reveal:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06131cbb,transparent 80%)}.x-image-reveal>div{position:absolute;left:6%;bottom:15%;color:#fff;z-index:1}.x-image-reveal h3{font-size:clamp(36px,4vw,64px);font-weight:500;line-height:1.05;letter-spacing:-.04em;margin-top:25px}.x-image-note{position:absolute;right:25px;bottom:25px;color:#a7c1d2;font:8px Plex;z-index:2}.x-journey{height:420vh;position:relative;background:#061018;color:#eff5f7}.x-journey-sticky{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#193445,#081823 53%,#030c12)}.x-journey-top{position:absolute;z-index:3;top:42px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;color:#7696ad}.x-journey-top>a{font-size:11px}.x-journey .x-world{left:19%;right:-12%;top:6%;bottom:12%;}.x-chapter-copy{position:absolute;left:7.5vw;top:25%;width:29%;z-index:3;pointer-events:none}.x-chapter-copy>.x-label{color:#6d92aa;font-size:9px!important}.x-chapter-copy h2{font-size:clamp(40px,3.8vw,64px);line-height:1.06;font-weight:500;letter-spacing:-.04em;margin:25px 0}.x-chapter-copy h2 em{font-style:normal;color:#89b0cb}.x-chapter-desc{font-size:13px;line-height:1.7;color:#829eb2;max-width:280px}.x-stage-index{position:absolute;right:7.5vw;top:20%;font:55px/1 Instrument;color:#b5d2e4;letter-spacing:-.06em}.x-stage-index>span{font-size:12px;color:#56748a;margin-left:7px;letter-spacing:0}.x-stage-nav{position:absolute;bottom:90px;left:7.5vw;right:7.5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.x-stage-nav button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:none;text-align:left;border:0;color:#6e8da2;padding:0 0 25px;position:relative}.x-stage-nav button small{font:9px Plex;display:block;margin-bottom:12px}.x-stage-nav button>span{font-size:22px;font-weight:400;letter-spacing:-.02em}.x-stage-nav button i{position:absolute;height:1px;bottom:0;left:0;width:100%;background:#224459}.x-stage-nav button i:after{content:'';position:absolute;inset:0;background:#8cd3ff;transform:scaleX(var(--progress,0));transform-origin:left;box-shadow:0 0 10px #5898cb30}.x-stage-nav button.active{color:#e0edf4}.x-concept-note{position:absolute;bottom:34px;left:7.5vw;font:8px Plex;color:#456376;letter-spacing:.07em}.x-expertise>h2 span{color:#627a88}.x-expertise-list{margin-top:70px}.x-expertise-list article{display:grid;grid-template-columns:60px 1.2fr 1fr 40px;align-items:center;border-top:1px solid #c6d0d6;padding:35px 0;gap:20px}.x-expertise-list article>span{font:10px Plex;color:#738b9d}.x-expertise-list h3{font-size:28px;font-weight:500;letter-spacing:-.03em}.x-expertise-list p{font-size:13px;color:#506572}.x-expertise-list b{font-size:25px;font-weight:400}.x-close{background:#ccdce7;color:#163952;position:relative;padding:105px 7.5vw 0;overflow:hidden}.x-close h2{font-size:clamp(56px,6.8vw,130px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin-top:40px}.x-close h2 span{color:#547e9c}.x-close .x-button{margin-top:40px}.x-footer-brand{font-size:23.4vw;letter-spacing:-.07em;line-height:1;display:block;margin-top:100px;margin-bottom:-2.5vw;color:#bed2df;white-space:nowrap}.webgl-unavailable{background:url(tunnel-1920.webp) center/cover;opacity:.6}.x-world.world-ready{background:none}
@media(max-width:1100px){.x-brand span{display:none}.x-header nav{gap:18px}.x-hero-copy{margin-left:6vw}.x-hero h1{font-size:9vw}.x-manifesto{gap:5vw}.x-hero-caption{right:5%;bottom:21%}.x-image-reveal{height:480px}.x-chapter-copy{width:34%;left:6vw}.x-chapter-copy h2{font-size:44px}.x-expertise-list p{max-width:230px}.x-section{padding-inline:6vw}}
@media(max-width:760px){.x-header{height:80px;padding:0 6vw}.x-header nav{display:none}.x-brand{font-size:28px}.x-contact{font-size:11px}.x-contact span{margin-left:12px}.x-hero{height:940px;min-height:900px;max-height:none}.x-hero-copy{padding-top:135px;width:90%}.x-hero-copy>.x-label{font-size:8px!important}.x-hero h1{font-size:clamp(65px,12vw,90px);margin-top:27px}.x-hero-desc{font-size:13px;margin-top:25px!important;width:250px}.x-hero .x-world{left:-12%;right:-25%;top:42%;bottom:9%}.x-hero .x-button{margin-top:15px}.x-hero-caption{right:8%;bottom:15%;font-size:7px;gap:10px}.x-hero-caption>span:last-child{display:none}.x-hero-foot{left:6vw;right:6vw;bottom:25px;align-items:start}.x-hero-foot>p{display:none}.x-hero-foot>a,.x-motion{font-size:8px!important}.x-section{padding:65px 6vw}.x-section-label{font-size:7px;gap:35px;margin-bottom:45px}.x-section-label span:last-child{text-align:right}.x-manifesto{grid-template-columns:1fr;gap:40px}.x-manifesto h2,.x-expertise>h2{font-size:44px}.x-intro-copy{max-width:100%;display:grid;grid-template-columns:40px 1fr;column-gap:25px}.x-star{grid-row:1/4;font-size:34px;margin-top:7px}.x-intro-copy p{font-size:15px}.x-intro-copy p+p{grid-column:2;font-size:12px;margin-top:17px}.x-text-link{grid-column:2}.x-image-reveal{margin-top:55px;height:520px}.x-image-reveal img{object-position:63% center}.x-image-reveal>div{left:8%;bottom:13%}.x-image-reveal h3{font-size:38px}.x-image-reveal .x-label{font-size:8px!important}.x-image-note{font-size:6px;right:15px;bottom:15px}.x-journey{height:350vh}.x-journey-sticky{min-height:740px}.x-journey-top{top:30px;left:6vw;right:6vw}.x-journey-top>.x-label{font-size:8px!important}.x-journey-top>a{font-size:9px}.x-chapter-copy{top:13%;left:6vw;width:75%}.x-chapter-copy h2{font-size:43px;margin:17px 0}.x-chapter-copy>.x-label{font-size:7px!important}.x-chapter-desc{font-size:12px;max-width:285px}.x-journey .x-world{left:-15%;right:-15%;top:34%;bottom:10%;}.x-stage-index{top:17%;right:6vw;font-size:28px}.x-stage-index span{font-size:9px}.x-stage-nav{left:6vw;right:6vw;bottom:64px;gap:12px}.x-stage-nav button>span{font-size:12px}.x-stage-nav button small{font-size:6px;letter-spacing:-.02em;margin-bottom:8px}.x-stage-nav button{padding-bottom:16px}.x-concept-note{bottom:27px;left:6vw;font-size:6px;max-width:90%}.x-expertise-list{margin-top:45px}.x-expertise-list article{grid-template-columns:25px 1fr 20px;gap:13px;padding:25px 0}.x-expertise-list h3{font-size:24px}.x-expertise-list p{grid-column:2;max-width:none;font-size:12px}.x-expertise-list b{grid-column:3;grid-row:1}.x-close{padding:65px 6vw 0}.x-close h2{font-size:55px}.x-close .x-label{font-size:8px!important;max-width:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.x-hero-film{position:absolute;inset:0}.x-hero-film video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.x-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030a12c9,#030a124d 43%,transparent 73%),linear-gradient(0deg,#030a12df,transparent 32%)}.x-hero-caption{bottom:21%;right:6%;color:#8ca2b3}.x-hero{max-height:none;height:100svh;min-height:820px}.x-hero h1{font-size:clamp(76px,7.5vw,142px)}.x-hero-copy{width:57%;padding-top:clamp(165px,19vh,245px)}.x-hero-desc{color:#b9c9d4}.x-hero-copy>.x-label{font-size:9px!important}.x-hero-foot{color:#c1cdd6}.x-hero-foot p span{color:#9eb1bf}.x-motion{color:#c1cdd6}
@media(max-width:760px){.x-hero{height:930px;min-height:860px}.x-hero-film video{object-position:65% center}.x-film-shade{background:linear-gradient(180deg,#030a12d9,transparent 90%),linear-gradient(0deg,#030a12,transparent 40%)}.x-hero-copy{padding-top:145px;width:90%}.x-hero h1{font-size:clamp(62px,12vw,89px)}.x-hero-copy>.x-label{max-width:290px;font-size:8px!important}.x-hero-caption{bottom:16%}.x-hero-foot{bottom:24px}.x-hero-desc{max-width:285px;font-size:14px}}
/* Readable supporting type at real browser sizes. */
.x-label{font-size:11px!important}.x-section-label{font-size:11px}.x-hero-copy>.x-label{font-size:10px!important}.x-header{font-size:14px}.x-hero-desc{font-size:16px}.x-intro-copy p+p{font-size:15px}.x-chapter-desc{font-size:15px}.x-chapter-copy>.x-label{font-size:10px!important}.x-stage-nav button small{font-size:10px}.x-concept-note{font-size:9px}.x-hero-caption{font-size:10px;color:#aabcca}.x-hero-foot{font-size:10px}.x-motion{font-size:10px!important}.x-expertise-list p{font-size:15px}.x-image-note{font-size:9px}.x-stage-nav button{min-height:62px}
@media(max-width:760px){.x-hero-copy>.x-label{font-size:9px!important}.x-section-label{font-size:9px}.x-chapter-copy>.x-label{font-size:9px!important}.x-chapter-desc{font-size:14px;line-height:1.65}.x-stage-nav button small{font-size:8px}.x-stage-nav button>span{font-size:13px}.x-hero-caption{font-size:8px}.x-hero-foot>a,.x-motion{font-size:9px!important}.x-concept-note{font-size:8px}.x-journey-top>.x-label{font-size:9px!important}.x-intro-copy p+p{font-size:14px}.x-expertise-list p{font-size:14px}.x-image-note{font-size:8px}}