/* Direction 02: an entrance, a sequence of spaces, a design conversation. */
.experience-home{--space-x:0;--space-y:0;--arrival:0}.experience-home .header{height:88px}.experience-home .header .brand img{width:104px}.entrance{position:relative;overflow:clip;padding:28px var(--edge) 30px;isolation:isolate}.entrance-heading{display:grid;grid-template-columns:1fr 2.5fr 1fr;align-items:end;gap:32px;position:relative;z-index:2}.entrance-heading>p{font-size:12px;line-height:1.6;color:var(--muted);padding-bottom:9px}.entrance h1{font-size:clamp(64px,7.7vw,132px);line-height:.9;letter-spacing:-.015em;white-space:nowrap}.entrance h1 span{display:block;margin-left:11%}.entrance-scroll{justify-self:end;font-size:12px;display:flex;align-items:center;gap:18px;padding-bottom:10px}.scroll-disc{height:40px;width:40px;border:1px solid #666d5b;border-radius:50%;display:grid;place-items:center;font-size:22px}.portal-space{height:clamp(320px,33vw,550px);margin:38px calc(-1 * var(--edge)) 0;position:relative;perspective:1400px}.portal-installation{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(calc(var(--space-y) * -2deg)) rotateY(calc(var(--space-x) * 3deg));will-change:transform;animation:space-arrival 1.25s cubic-bezier(.2,.8,.2,1) both}.portal-main,.portal-wing{position:absolute;display:block;backface-visibility:hidden;transform-style:preserve-3d}.portal-main{width:51%;left:24.5%;top:3%;z-index:3;transform:translateZ(calc(50px + var(--arrival) * 120px));box-shadow:0 35px 70px #0008;outline:1px solid #f3f1e833;outline-offset:0}.portal-main>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#201b21}.portal-edge{position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px;border:1px solid var(--lime);pointer-events:none;clip-path:polygon(0 0,12% 0,12% 2%,2px 2%,2px 12%,0 12%,0 0,100% 0,100% 12%,calc(100% - 2px) 12%,calc(100% - 2px) 2px,88% 2px,88% 0,100% 0,100% 100%,88% 100%,88% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 88%,100% 88%,100% 100%,0 100%,0 88%,2px 88%,2px calc(100% - 2px),12% calc(100% - 2px),12% 100%,0 100%)}.portal-wing{width:27%;top:21%;outline:1px solid #f3f1e833;z-index:1;background:#191d17}.portal-wing img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}.portal-wing>span{position:absolute;top:calc(100% + 18px);left:0;font-size:10px;letter-spacing:.02em;color:var(--muted)}.wing-left{left:2.5%;transform:translateX(calc(var(--arrival) * -50px)) rotateY(30deg) rotateZ(-4deg) translateZ(-45px);transform-origin:right center}.wing-right{right:2.5%;transform:translateX(calc(var(--arrival) * 50px)) rotateY(-30deg) rotateZ(4deg) translateZ(-45px);transform-origin:left center}.portal-wing:after,.portal-main:after{content:'';position:absolute;right:-5px;width:4px;top:0;height:100%;background:#555d4e;transform:rotateY(30deg);transform-origin:left}.portal-wing:hover{outline-color:var(--lime)}.portal-main:focus-visible,.portal-wing:focus-visible{outline:2px solid var(--lime);outline-offset:8px}.portal-floor{position:absolute;bottom:-4%;left:3%;width:94%;height:46%;transform:rotateX(72deg);transform-origin:center bottom;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:calc(100% / 14) 40%;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 70%);pointer-events:none}.floor-axis{width:1px;height:100%;background:var(--line);position:absolute;left:50%}.floor-ring{position:absolute;width:80%;height:80%;border:1px solid var(--line);border-radius:50%;left:10%;top:10%}.entrance-bottom{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:end;font-size:12px;margin-top:18px}.entrance-bottom>p:nth-child(2){justify-self:center;color:var(--muted)}.depth-hint{justify-self:end;font-size:10px;color:var(--muted)}.depth-hint>span{font-size:18px;margin-left:20px}.work-cinema{height:390svh;position:relative;margin-top:64px;border-top:1px solid var(--line)}.cinema-sticky{position:sticky;top:0;height:100svh;min-height:600px;padding:32px var(--edge) 22px;display:flex;flex-direction:column;overflow:hidden;background:var(--ink)}.cinema-heading{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;margin-bottom:26px;flex:none}.cinema-heading h2{font-size:clamp(26px,3vw,44px);line-height:1;letter-spacing:-.015em}.cinema-heading>a{display:flex;align-items:center;justify-content:flex-end;gap:28px;font-size:13px}.cinema-heading>a svg{width:17px;height:17px}.cinema-tracker{display:flex;align-items:center;gap:18px;justify-self:center;font-size:11px;color:var(--muted);width:170px}.cinema-current{color:var(--lime)}.cinema-track{flex:1;height:1px;background:#4c5444;position:relative}.cinema-track>span{display:block;height:3px;top:-1px;position:relative;background:var(--lime);transform-origin:left;transform:scaleX(.25)}.cinema-window{position:relative;flex:1;min-height:0}.cinema-panel{position:absolute;inset:0;display:flex;flex-direction:column;gap:24px;opacity:0;transform:translate3d(7%,0,0) scale(.97);pointer-events:none;transition:opacity .6s ease,transform .9s cubic-bezier(.2,.8,.2,1);visibility:hidden}.cinema-panel.is-current{opacity:1;transform:none;pointer-events:auto;visibility:visible}.cinema-image{display:flex;align-items:center;justify-content:center;position:relative;flex:1;min-height:0;background:#171b15;overflow:hidden}.cinema-image>img{width:100%;height:100%;object-fit:contain}.cinema-open{position:absolute;right:24px;bottom:24px;display:grid;place-items:center;border-radius:50%;width:54px;height:54px;background:var(--paper);color:var(--ink);opacity:0;transform:scale(.7);transition:.3s}.cinema-image:hover .cinema-open,.cinema-image:focus-visible .cinema-open{opacity:1;transform:scale(1)}.cinema-open svg{width:22px;height:22px}.cinema-caption{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:start;gap:48px;flex:none;min-height:96px}.cinema-caption>div:first-child>span{display:block;color:var(--lilac);font-size:11px;margin-bottom:9px}.cinema-caption h3{font-size:clamp(24px,2.6vw,42px);letter-spacing:-.015em;line-height:1.05}.cinema-caption h4{font-size:16px;letter-spacing:-.02em;line-height:1.2;margin-bottom:9px}.cinema-caption p{font-size:12px;line-height:1.5;color:var(--muted);max-width:410px}.scene-link{display:flex;align-items:center;gap:22px;font-size:12px;padding-top:24px;white-space:nowrap}.scene-link svg{width:16px;height:16px}.cinema-navigation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;flex:none;gap:28px}.scene-select{display:flex;gap:32px}.scene-select button{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:9px;padding:8px 0}.scene-select button>span:first-child{width:5px;height:5px;border:1px solid #727a65}.scene-select button[aria-pressed=true]{color:var(--paper)}.scene-select button[aria-pressed=true]>span:first-child{background:var(--lime);border-color:var(--lime)}.cinema-arrows{display:flex;gap:16px}.cinema-arrows button{width:34px;height:34px;border:1px solid #535d45;border-radius:50%;font-size:18px}.cinema-arrows button:hover{color:var(--lime);border-color:var(--lime)}.all-work-gate{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:80px var(--edge) 100px;border-bottom:1px solid var(--line)}.all-work-gate>span:first-child{font-size:clamp(44px,6.5vw,96px);letter-spacing:-.015em;line-height:.97}.gate-action{display:flex;align-items:center;gap:24px;font-size:15px;border-bottom:1px solid #666d5c;padding:10px 0}.gate-action sup{color:var(--lilac);font-size:10px;align-self:flex-start;margin-left:-15px}.gate-action svg{width:30px;height:30px;margin-left:16px}.space-lab{padding:100px var(--edge);display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center}.focus-ray{opacity:.4}.light-pool{opacity:.88}.secondary-cell{opacity:.12}.screen-cell{transition:d .16s ease}.experience-home .studio{padding-top:104px;padding-bottom:104px}.experience-home .studio-copy{padding-top:10px}.experience-home .studio-intro{align-items:center}.experience-home .studio h2{font-size:clamp(64px,7.4vw,120px)}.identity-interlude{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center;padding:80px var(--edge);border-bottom:1px solid var(--line)}.identity-interlude h2{font-size:clamp(32px,4vw,62px);line-height:1.03}.identity-interlude .small-label{font-size:11px;color:var(--lilac);margin-bottom:28px}.identity-interlude p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:24px}.identity-screen{position:relative}.identity-screen video{width:100%;aspect-ratio:16/9;object-fit:contain}.identity-screen button{display:flex;gap:20px;align-items:center;font-size:11px;position:absolute;bottom:0;right:0;color:var(--muted);padding:8px 0}.identity-screen button svg{width:13px;height:13px}.experience-home .practice{padding-top:100px}.experience-home .contact{padding-top:40px}.experience-home .invitation{margin-top:84px}.experience-home .contact h2{font-size:clamp(60px,8.8vw,144px)}
@keyframes space-arrival{from{opacity:0;transform:translate3d(0,50px,-260px) rotateX(12deg)}to{opacity:1}}
@media(min-width:1600px){.portal-space{height:520px}.entrance-heading{grid-template-columns:1fr 2.4fr 1fr}.entrance-bottom{margin-top:36px}.cinema-sticky{padding-top:38px}.cinema-caption{min-height:120px}.cinema-heading{margin-bottom:32px}}
@media(max-width:1050px){.entrance-heading{grid-template-columns:1fr 2.2fr;gap:24px}.entrance h1{font-size:9vw}.entrance-scroll{display:none}.portal-space{height:38vw;margin-top:42px}.portal-main{width:54%;left:23%}.portal-wing{top:25%}.cinema-caption{grid-template-columns:1fr 1fr;gap:28px;min-height:110px}.cinema-caption .scene-link{display:none}.cinema-heading{grid-template-columns:1fr 150px 1fr}.cinema-tracker{width:130px}.scene-select{gap:20px}.scene-select button{font-size:9px}.space-lab{gap:5vw}.identity-interlude{gap:4vw}.identity-interlude h2{font-size:4vw}.depth-hint{font-size:9px}.depth-hint>span{margin-left:9px}.experience-home .studio h2{font-size:8vw}}
@media(max-height:700px) and (min-width:701px){.cinema-sticky{min-height:540px;padding-top:20px;padding-bottom:14px}.cinema-heading{margin-bottom:18px}.cinema-heading h2{font-size:30px}.cinema-caption{gap:28px;min-height:88px}.cinema-caption h3{font-size:28px}.cinema-caption p{font-size:11px}.cinema-caption h4{font-size:14px}.cinema-panel{gap:18px}.cinema-navigation{margin-top:12px;padding-top:10px}}
@media(max-width:700px){.experience-home .header{height:78px}.experience-home .header .brand img{width:96px}.entrance{padding-top:28px;padding-bottom:28px}.entrance-heading{display:flex;flex-direction:column;align-items:stretch;gap:26px}.entrance-heading>p{font-size:10px;line-height:1.5;align-self:flex-start;padding:0}.entrance-heading>p br{display:none}.entrance-heading>p{max-width:260px}.entrance h1{font-size:clamp(58px,15vw,100px);line-height:.91;white-space:nowrap}.entrance h1 span{margin-left:11%}.portal-space{height:clamp(220px,53vw,340px);margin-top:38px;perspective:850px}.portal-main{width:67%;left:16.5%;top:6%;transform:translateZ(12px)}.portal-wing{width:32%;top:30%}.wing-left{left:-9%;transform:rotateY(35deg) rotateZ(-6deg) translateZ(-20px)}.wing-right{right:-9%;transform:rotateY(-35deg) rotateZ(6deg) translateZ(-20px)}.portal-wing>span{display:none}.portal-floor{height:48%;bottom:1%;width:120%;left:-10%}.portal-edge{inset:-4px}.portal-main{box-shadow:0 22px 35px #0008}.entrance-bottom{grid-template-columns:1fr 1fr;margin-top:0;font-size:10px;gap:20px}.entrance-bottom>p:nth-child(2){justify-self:end;text-align:right}.depth-hint{display:none}.work-cinema{height:auto;margin-top:44px}.cinema-sticky{position:static;height:auto;min-height:0;padding:42px var(--edge) 0;overflow:visible}.cinema-heading{grid-template-columns:1fr auto;gap:20px;margin-bottom:32px}.cinema-heading h2{font-size:34px;line-height:1.01}.cinema-tracker{display:none}.cinema-heading>a{font-size:10px;gap:12px;align-self:end}.cinema-heading>a svg{width:13px;height:13px}.cinema-window{display:grid;gap:48px}.cinema-panel,.cinema-panel.is-current{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;gap:20px}.cinema-image{aspect-ratio:16/10;flex:auto;width:100%;height:auto;min-height:0}.cinema-image>img{width:100%;height:100%;object-fit:contain}.cinema-open{opacity:1;transform:none;width:34px;height:34px;right:12px;bottom:12px}.cinema-open svg{width:15px;height:15px}.cinema-caption{display:block;min-height:0}.cinema-caption h3{font-size:29px;line-height:1.03}.cinema-caption>div:first-child>span{font-size:10px;margin-bottom:8px}.cinema-caption>div:nth-child(2){margin-top:18px}.cinema-caption h4{font-size:17px;margin-bottom:8px}.cinema-caption p{font-size:13px;max-width:340px;line-height:1.6}.cinema-caption .scene-link{display:none}.cinema-navigation{display:none}.all-work-gate{padding-top:56px;padding-bottom:64px;display:block}.all-work-gate>span:first-child{display:block;font-size:56px;line-height:.99}.gate-action{margin-top:32px;font-size:13px;max-width:230px;justify-content:space-between;gap:20px}.gate-action svg{width:24px;height:24px;margin-left:0}.gate-action sup{margin-left:-55px;font-size:9px}.space-lab{grid-template-columns:1fr;gap:30px;padding:64px var(--edge)}.experience-home .studio{padding-top:64px;padding-bottom:64px}.experience-home .studio h2{font-size:64px}.experience-home .studio-copy{padding-top:0}.identity-interlude{grid-template-columns:1fr;gap:30px;padding:56px var(--edge) 40px}.identity-interlude h2{font-size:40px}.identity-interlude .small-label{font-size:10px;margin-bottom:26px}.identity-interlude p{font-size:13px;margin-top:22px}.identity-screen{margin-top:-25px}.identity-screen button{font-size:10px}.experience-home .practice{padding-top:64px}.experience-home .contact{padding-top:28px}.experience-home .invitation{margin-top:44px}.experience-home .contact h2{font-size:clamp(43px,10vw,70px)}}
@media(max-width:370px){.experience-home .header .brand img{width:80px}.entrance h1{font-size:53px}.entrance-heading>p{font-size:9px;max-width:250px}.portal-space{height:190px;margin-top:32px}.entrance-bottom{font-size:9px}.experience-home .studio h2{font-size:56px}.identity-interlude h2{font-size:34px}.all-work-gate>span:first-child{font-size:50px}.cinema-heading h2{font-size:30px}.cinema-heading>a{font-size:9px;gap:8px}.experience-home .contact h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.portal-installation{animation:none;transform:none;will-change:auto}.portal-main{transform:none}.wing-left{transform:rotateY(30deg) rotateZ(-4deg)}.wing-right{transform:rotateY(-30deg) rotateZ(4deg)}.work-cinema{height:auto}.cinema-sticky{position:static;height:auto;min-height:0;padding-bottom:40px}.cinema-window{display:grid;gap:64px}.cinema-panel,.cinema-panel.is-current{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto}.cinema-image{height:auto;aspect-ratio:16/9;flex:auto}.cinema-caption{min-height:0}.cinema-navigation,.cinema-tracker{display:none}}
html:not(.spatial-ready) .work-cinema{height:auto}html:not(.spatial-ready) .cinema-sticky{height:auto;position:static}html:not(.spatial-ready) .cinema-window{display:grid;gap:64px}html:not(.spatial-ready) .cinema-panel{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto}html:not(.spatial-ready) .cinema-image{height:auto;aspect-ratio:16/9;flex:auto}