@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--navy:#07152c;--ink:#102346;--paper:#f3f6fc;--ice:#b8d6ff;--line:#b8d6ff3b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--navy);color:var(--paper);margin:0;font-family:DM Sans,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:7px;outline:2px solid #7598db}button:disabled{cursor:default}img{width:100%;height:auto;display:block}figure,p,h1,h2{margin:0}h1,h2{letter-spacing:-.025em;font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-weight:600;line-height:.88}em{color:#8ca7ce;font-style:normal}.mono{letter-spacing:.09em;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:400}.skip{z-index:200;background:var(--paper);color:var(--navy);padding:16px;position:fixed;top:-80px;left:15px}.skip:focus{top:15px}.experience{overflow:hidden}header{z-index:20;border-bottom:1px solid var(--line);align-items:center;gap:38px;height:88px;padding:0 4.3%;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{letter-spacing:-.07em;align-items:center;gap:3px;font-size:23px;font-weight:700;display:flex}.wordmark>span{font-size:24px;font-weight:400}.wordmark small{letter-spacing:.05em;color:var(--ice);margin-left:14px;font:9px IBM Plex Mono,monospace}nav{gap:31px;margin-left:auto;display:flex}nav a{text-transform:uppercase;letter-spacing:.1em;font:10px IBM Plex Mono,monospace;position:relative}nav a:after,.text-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-7px;left:0;transform:scaleX(0)}nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}header nav{margin-right:0}.menu-button{display:none}.hero{isolation:isolate;background:#07152c;height:100svh;min-height:850px;max-height:1250px;padding:118px 4.3% 30px;position:relative}.hero-index{color:#a3b7d2;justify-content:space-between;display:flex}.hero-type{z-index:2;pointer-events:none;position:absolute;top:19%;left:3.3%;right:3.3%}.hero h1{white-space:nowrap;letter-spacing:-.045em;font-size:clamp(120px,20.8vw,340px);font-weight:600;animation:1.25s both arrival}.hero h1 span{vertical-align:18%;margin:0 -.045em;font-family:DM Sans;font-size:.65em;font-weight:400;display:inline-block;transform:scaleX(.72)}.hero-portrait{z-index:1;will-change:transform;width:min(64vw,920px);position:absolute;top:38%;right:12%}.hero-portrait img{border-radius:50%;-webkit-mask-image:radial-gradient(#000 52%,#0000 72%);mask-image:radial-gradient(#000 52%,#0000 72%)}.hero-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 78%,#07152c);position:absolute;inset:0}.portrait-corner{color:#8ca7ce;position:absolute;bottom:20%;right:0}.hero-note{z-index:3;position:absolute;bottom:20%;left:5%}.hero-note>.mono{color:#98abc6;font-size:9px}.hero-note p{letter-spacing:-.065em;margin:17px 0 20px;font-size:clamp(25px,3.3vw,52px);line-height:1.02}.tiny-line{background:var(--ice);width:42px;height:1px;display:block}.hero-orbit{z-index:-1;border:1px solid #b8d6ff20;border-radius:50%;width:72vw;height:72vw;position:absolute;top:20%;left:13%;transform:rotateX(64deg)rotate(-24deg)}.hero-star{color:var(--ice);font-size:65px;font-weight:400;position:absolute;top:62%;right:7%}.hero-bottom{color:#a3b7d2;z-index:3;justify-content:space-between;display:flex;position:absolute;bottom:25px;left:4.3%;right:4.3%}.hero-bottom a span{margin-left:24px;font-size:18px}.hero-bottom>span:last-child{font-size:9px}.floating{transition:translate 1.4s cubic-bezier(.22,1,.36,1),rotate 1.4s;animation:8s ease-in-out infinite alternate float;translate:0}.floating:nth-child(2n){animation-duration:10s;animation-delay:-3s}.section-line{opacity:.65;border-top:1px solid;justify-content:space-between;padding-top:17px;display:flex}.intro{background:var(--paper);color:var(--navy);padding:65px 7% 120px}.intro-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:7%;padding-top:95px;display:grid}.eyebrow{letter-spacing:.1em;font-size:9px;display:block}.intro h2{margin-top:35px;font-size:clamp(75px,9.8vw,165px)}.intro h2 em{color:#849cc0}.intro-copy>p{letter-spacing:-.04em;margin-top:25px;font-size:24px}.coordinate{color:#6c7b93;margin-top:80px;font-size:9px;line-height:1.8}.hotel-art{background:#fff;border:1px solid #d9dfeb;padding:12px;rotate:3deg}.art-button{width:100%;padding:0;display:block;position:relative;overflow:hidden}.art-button img{transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .7s}.art-button:hover img{filter:saturate(1.08);transform:scale(1.025)}.art-open{background:var(--paper);width:34px;height:34px;color:var(--navy);opacity:0;justify-content:center;align-items:center;font-size:22px;transition:all .3s;display:flex;position:absolute;bottom:13px;right:13px;translate:0 8px}.art-button:hover .art-open,.art-button:focus-visible .art-open{opacity:1;translate:0}.hotel-art figcaption{justify-content:space-between;padding:16px 4px 7px;font-size:8px;display:flex}.reveal{opacity:0;transition:opacity 1s,transform 1.2s cubic-bezier(.2,.8,.2,1);transform:translateY(35px)}.reveal.entered{opacity:1;transform:translateY(0)}.tokyo{background:#050c19;padding:75px 7% 115px}.scene-kicker{color:#8b9ebc}.tokyo-layout{grid-template-columns:1fr 1.5fr;align-items:center;gap:0;padding-top:80px;display:grid;position:relative}.tokyo h2{z-index:2;pointer-events:none;align-self:end;margin-bottom:100px;margin-right:-150px;font-size:clamp(90px,13vw,210px);position:relative}.tokyo h2 em{color:#0000;-webkit-text-stroke:1px var(--paper)}.tokyo-image{width:100%}.tokyo-image figcaption{color:#92a4c0;text-align:right;margin-top:16px;font-size:8px}.image-label{background:#07152cd9;padding:9px;font-size:8px;position:absolute;bottom:20px;left:22px}.vertical-label{writing-mode:vertical-rl;color:#8b9ebc;font-size:8px;position:absolute;top:45%;right:-35px}.world-pair{grid-template-columns:1.2fr .8fr;align-items:start;gap:14%;padding-top:140px;display:grid}.world-pair .pool{margin-top:110px}.world-pair .museum{color:var(--navy);background:#e2e6e9;padding:18px;rotate:2deg}.world-pair figcaption{margin-top:20px}.world-pair .mono{opacity:.7;font-size:8px}.world-pair p{letter-spacing:-.04em;margin-top:12px;font-size:28px;line-height:1.1}.museum p{margin-bottom:10px;font-size:23px}.interlude{background:#102346;grid-template-columns:1.1fr 1fr;align-items:start;gap:16%;padding:120px 12% 105px;display:grid;position:relative}.arcade{margin-top:30px;rotate:-5deg}.ballet{margin-top:130px;rotate:3deg}.ballet .mono{margin-top:20px;font-size:8px;line-height:1.8;display:block}.arcade-ticket{z-index:3;background:var(--paper);color:var(--navy);border:1px solid #8098bf;padding:15px 20px;font-size:8px;position:absolute;top:70px;left:9%;rotate:-12deg}.arcade-ticket b{font-size:35px;line-height:1.3;display:block}.arcade-ticket span{font-size:7px}.interlude>p{letter-spacing:-.02em;grid-column:1/-1;margin-top:-90px;font-family:Barlow Condensed,sans-serif;font-size:clamp(55px,7vw,110px);line-height:.95}.gallery-section{background:var(--paper);color:var(--navy);padding:65px 7% 110px}.gallery-title{justify-content:space-between;align-items:center;margin:65px 0 45px;display:flex}.gallery-title h2{font-size:clamp(90px,16vw,250px);font-weight:600}.gallery-title h2>span{vertical-align:top;margin:10px 0 0 12px;font-family:DM Sans;font-size:25px;font-weight:400;display:inline-block}.gallery-title>p{letter-spacing:-.04em;font-size:20px;line-height:1.25}.gallery-toolbar{border-top:1px solid #07152c40;border-bottom:1px solid #07152c40;justify-content:space-between;align-items:center;margin-bottom:80px;padding:20px 0;display:flex}.filters{gap:26px;display:flex}.filters button{text-transform:uppercase;opacity:.45;padding:4px 0;font:11px IBM Plex Mono,monospace;transition:opacity .2s}.filters button[aria-pressed=true]{opacity:1;text-underline-offset:8px;text-decoration:underline}.filters button:hover{opacity:1}.filters sup{margin-left:5px;font-size:7px}.filter-count{font-size:8px}.gallery-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:100px 5%;display:grid}.gallery-item{grid-column:span 5}.gallery-item-0{grid-column:1/8}.gallery-item-1{grid-column:9/13;margin-top:90px}.gallery-item-2{grid-column:2/7;margin-top:0}.gallery-item-3{grid-column:8/13;margin-top:100px}.gallery-item-4{grid-column:1/6;margin-top:-30px}.gallery-item-5{grid-column:7/13;margin-top:100px}.gallery-item figcaption{flex-direction:column;gap:8px;margin-top:16px;display:flex}.gallery-item figcaption .mono{color:#64758c;text-transform:uppercase;font-size:8px}.gallery-item figcaption>span:last-child{letter-spacing:-.03em;font-size:17px}.gallery-item.banner-item{grid-column:1/-1;margin-top:0}.dossier{padding:60px 7% 130px}.dossier-layout{grid-template-columns:1fr 1fr;align-items:center;gap:13%;margin-top:95px;display:grid}.dossier-image{position:relative;rotate:-3deg}.dossier-image:before{content:"";border:1px solid #8ca7ce40;position:absolute;inset:-12px}.portrait-stamp{color:#839abe;margin-top:20px;font-size:8px;line-height:1.8;display:block}.dossier h2{margin-top:27px;font-size:clamp(80px,9vw,145px)}.dossier h2 span{font-family:DM Sans,sans-serif;font-size:.7em;font-weight:400}.dossier-copy>p{letter-spacing:-.04em;margin-top:25px;font-size:20px}.dossier dl{margin:40px 0}.dossier dl>div{border-top:1px solid var(--line);justify-content:space-between;padding:14px 0;display:flex}.dossier dt{text-transform:uppercase;color:#92a4c0;font-size:9px}.dossier dd{margin:0;font-size:12px}.text-link{justify-content:space-between;font-size:11px;display:flex;position:relative}.text-link span{color:var(--ice)}.final-scene{text-align:center;isolation:isolate;background:#050c19;flex-direction:column;justify-content:end;align-items:center;min-height:800px;padding:100px 5% 60px;display:flex;position:relative}.final-art{z-index:-1;opacity:.75;width:100%;height:100%;position:absolute;top:0;left:0}.final-art .art-button{height:100%}.final-art img{object-fit:contain;height:100%}.final-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 10%,#050c19);position:absolute;inset:0}.final-scene>.eyebrow{color:var(--ice);margin-bottom:25px}.final-scene h2{pointer-events:none;font-size:clamp(75px,11vw,180px)}.final-scene h2 em{color:var(--paper)}.final-links{align-items:center;gap:45px;margin-top:45px;font:10px IBM Plex Mono,monospace;display:flex}.final-links a{border-bottom:1px solid #a6bddc50;padding:12px 0}.final-links button{overflow-wrap:anywhere;max-width:280px}footer{border-top:1px solid var(--line);color:#9eafc9;background:#050c19;justify-content:space-between;padding:30px 4.3%;font-size:8px;display:flex}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--paper);background:#050c19f5;border:0;padding:0}.lightbox::backdrop{background:#050c19}.lightbox[open]{flex-direction:column;justify-content:space-between;display:flex}.viewer-top{flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 4%;display:flex}.viewer-top button{padding:15px;font:10px IBM Plex Mono}.viewer-image{justify-content:center;align-items:center;height:calc(100dvh - 175px);min-height:0;padding:0 50px;display:flex}.viewer-image img{object-fit:contain;width:100%;height:100%;animation:.45s both viewer-in}.viewer-bottom{flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:18px 4% 23px;display:flex}.viewer-bottom button{min-height:44px;font:10px IBM Plex Mono}.viewer-bottom>div{text-align:center}.viewer-bottom p{margin-bottom:10px;font-size:17px}.viewer-bottom a{opacity:.65;font-size:8px}.viewer-scene{color:#8297b5}@keyframes float{0%{transform:translateY(-6px)}to{transform:translateY(7px)}}@keyframes arrival{0%{opacity:0;clip-path:inset(100% 0 0);translate:0 35px}to{opacity:1;clip-path:inset(0);translate:0}}@keyframes viewer-in{0%{opacity:0;scale:.99}to{opacity:1;scale:1}}@media (min-width:1600px){.hero-portrait{width:60vw;max-width:1100px;top:38%;right:16%}.hero-note{bottom:19%}.hero-type{top:19%}.hero h1{font-size:21vw}.intro,.tokyo,.gallery-section,.dossier{padding-left:max(7%,50vw - 800px);padding-right:max(7%,50vw - 800px)}}@media (max-width:1000px){header{gap:15px}header nav{gap:20px;margin-right:0}.wordmark{font-size:19px}.wordmark small{display:none}.hero{min-height:740px;max-height:950px}.hero-type{top:23%}.hero-portrait{width:85vw;top:38%;right:0}.hero-note{bottom:17%}.hero-bottom{font-size:8px}.hero-star{font-size:45px;right:5%}.intro,.tokyo,.gallery-section,.dossier{padding-left:6%;padding-right:6%}.intro-layout{gap:6%;padding-top:70px}.intro h2{font-size:90px}.coordinate{margin-top:40px}.world-pair{gap:10%}.dossier-layout{gap:9%}.final-scene{min-height:700px}}@media (max-width:700px){html{scroll-padding-top:75px}header{gap:10px;height:74px;padding:0 5%}.wordmark{font-size:19px}.wordmark>span{font-size:21px}.menu-button{margin-left:auto;padding:10px 0;font-size:8px;display:block}header nav{border-bottom:1px solid var(--line);background:#07152c;gap:0;margin:0;display:none;position:absolute;top:74px;left:0;right:0}header nav.mobile-open{flex-direction:column;padding:20px 6% 30px;display:flex}nav a{padding:17px 0;font-size:13px}.hero{height:100svh;min-height:740px;max-height:1000px;padding:100px 5% 20px}.hero-index{letter-spacing:.04em;font-size:7px}.hero-type{top:22%;left:4%;right:4%}.hero h1{letter-spacing:-.035em;font-size:21vw}.hero-portrait{width:132vw;max-width:none;top:27%;right:-18vw}.hero-portrait img{-webkit-mask-image:radial-gradient(#000 50%,#0000 72%);mask-image:radial-gradient(#000 50%,#0000 72%)}.hero-note{bottom:13%;left:6%}.hero-note>.mono{font-size:7px}.hero-note p{margin:10px 0 15px;font-size:31px}.hero-star{font-size:34px;top:72%;right:8%}.hero-bottom{gap:15px;font-size:7px;bottom:20px;left:5%;right:5%}.hero-bottom>span:first-child{display:none}.hero-bottom a span{margin-left:10px}.hero-orbit{width:130vw;height:130vw;top:35%;left:-10%}.portrait-corner{display:none}.section-line{gap:20px;font-size:7px;line-height:1.7}.section-line>span:last-child{text-align:right;max-width:120px}.intro{padding:40px 7% 75px}.intro-layout{flex-direction:column;align-items:stretch;gap:40px;padding-top:50px;display:flex}.intro-copy{position:relative}.intro h2{margin-top:23px;font-size:23vw}.intro-copy>p{margin-top:20px;font-size:21px}.coordinate{font-size:7px;position:absolute;bottom:5px;right:0}.hotel-art{align-self:center;width:92%;padding:9px}.hotel-art figcaption{padding:12px 1px 4px;font-size:6px}.eyebrow{font-size:8px}.tokyo{padding:45px 7% 70px}.scene-kicker{font-size:8px}.tokyo-layout{flex-direction:column;align-items:stretch;padding-top:45px;display:flex}.tokyo h2{pointer-events:none;align-self:start;margin:0 0 -25px;font-size:24vw}.tokyo-image{width:100%}.tokyo-image figcaption{font-size:6px}.vertical-label{font-size:6px;top:50%;right:-18px}.world-pair{grid-template-columns:1fr 1fr;align-items:start;gap:9%;padding-top:65px}.world-pair .pool{margin-top:70px}.world-pair .museum{padding:7px;rotate:3deg}.world-pair figcaption{margin-top:14px}.world-pair .mono{font-size:6px;line-height:1.6;display:block}.world-pair p,.museum p{font-size:18px;line-height:1.15}.museum p{font-size:15px}.interlude{grid-template-columns:1fr 1fr;gap:10%;padding:70px 8% 65px}.arcade-ticket{padding:10px 12px;font-size:6px;top:35px;left:6%}.arcade-ticket b{font-size:22px}.arcade-ticket span{font-size:5px}.arcade{margin-top:30px}.ballet{margin-top:95px}.ballet .mono{font-size:6px}.interlude>p{margin-top:-5px;font-size:50px}.gallery-section{padding:40px 7% 75px}.gallery-title{align-items:end;margin:40px 0 30px}.gallery-title h2{font-size:21vw}.gallery-title h2>span{margin:3px 0 0 3px;font-size:13px}.gallery-title>p{padding-bottom:3px;font-size:12px}.gallery-toolbar{margin-bottom:45px;padding:17px 0}.filters{gap:17px}.filters button{font-size:8px}.filters sup{margin-left:2px;font-size:6px}.filter-count{display:none}.gallery-grid{grid-template-columns:repeat(6,1fr);gap:45px 7%}.gallery-item-0{grid-column:1/7}.gallery-item-1{grid-column:2/7;margin:0}.gallery-item-2{grid-column:1/6;margin:0}.gallery-item-3{grid-column:2/7;margin:0}.gallery-item-4{grid-column:1/6;margin:0}.gallery-item-5{grid-column:1/7;margin:0}.gallery-item figcaption{gap:6px;margin-top:12px}.gallery-item figcaption .mono{font-size:7px}.gallery-item figcaption>span:last-child{font-size:15px}.art-open{opacity:1;width:27px;height:27px;font-size:18px;bottom:9px;right:9px;translate:0}.dossier{padding:40px 7% 70px}.dossier-layout{flex-direction:column;gap:60px;margin-top:55px;display:flex}.dossier-image{align-self:start;width:83%}.dossier-copy{width:100%}.dossier h2{font-size:25vw}.dossier-copy>p{font-size:20px}.dossier dl{margin:30px 0}.dossier dl>div{padding:15px 0}.final-scene{justify-content:end;min-height:650px;padding:80px 5% 45px}.final-art img{object-fit:contain;object-position:center 10%}.final-scene h2{font-size:13vw}.final-scene>.eyebrow{font-size:8px}.final-links{gap:26px;margin-top:30px;font-size:8px}footer{gap:20px;padding:25px 5%;font-size:6px}footer>span{display:none}.viewer-top{height:65px;padding:0 5%;font-size:9px}.viewer-scene{display:none}.viewer-image{height:calc(100dvh - 180px);padding:0 10px}.viewer-bottom{gap:5px;padding:20px 5%}.viewer-bottom p{font-size:14px}.viewer-bottom button{min-width:38px;font-size:19px}.viewer-bottom button span{display:none}.viewer-bottom a{font-size:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.floating{will-change:auto}}.hero{overflow:hidden}
