[data-concept=phase]{--display:"Space Grotesk",sans-serif;--bg:#050b09;--accent:#afffd0;--ink:#edf7ef;--muted:#a3b6aa;--line:#b8f5cf26}.phase-hero{padding-top:30px;position:relative}.phase-hero-meta{color:var(--muted);justify-content:space-between;margin-bottom:28px;display:flex}.phase-hero-meta>span:first-child{align-items:center;gap:10px;display:flex}.phase-hero-meta i{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #afffd05c}.phase-hero h1{letter-spacing:-.085em;z-index:2;white-space:nowrap;font-size:clamp(75px,12.4vw,205px);font-weight:600;line-height:.95;position:relative}.phase-stage{isolation:isolate;perspective:1200px;background:radial-gradient(at 50% 45%,#336f481f,#0000 59%);border-inline:1px solid #afffd015;height:560px;margin-top:-3px;position:relative;overflow:clip}.phase-stage-grid{background-image:linear-gradient(#afffd00a 1px,#0000 1px),linear-gradient(90deg,#afffd00a 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 35% 80%,#0000)}.phase-axis{background:linear-gradient(#0000,#afffd02b,#0000);width:1px;height:100%;position:absolute;top:0;left:50%}.phase-axis.axis-b{width:80%;height:1px;top:55%;left:10%}.phase-displace{width:540px;height:480px;transform-style:preserve-3d;position:absolute;top:20px;left:calc(50% - 270px)}.phase-drift{width:100%;height:100%;transform-style:preserve-3d;animation:9s ease-in-out infinite phase-float}.phase-stack{width:340px;height:390px;transform-style:preserve-3d;animation:18s ease-in-out infinite phase-turn;position:absolute;top:65px;left:100px;transform:rotateX(49deg)rotate(-29deg)}.phase-slice{width:100%;height:100%;transform:translateZ(calc(var(--slice) * 6.5px));color:var(--accent);animation:11s ease-in-out infinite phase-strata;animation-delay:calc(var(--slice) * -.065s);position:absolute;inset:0;overflow:visible}.phase-slice path{fill:#081b11;stroke:#8efcbc;stroke-width:.6px;stroke-opacity:.48}.phase-slice:nth-child(3n) path{fill:#0d271a;stroke-opacity:.75}.phase-slice.front-slice path{fill:#173e2a;stroke:#baffd7;stroke-width:.9px;stroke-opacity:1}.phase-top-plane{border:1px solid #afffd036;animation:11s ease-in-out infinite phase-plane;position:absolute;inset:-30px -40px;transform:translateZ(175px)}.phase-top-plane i{background:#143021;border:1px solid #d4ffe7;width:8px;height:8px;position:absolute}.phase-top-plane i:first-child{top:-4px;left:-4px}.phase-top-plane i:nth-child(2){top:-4px;right:-4px}.phase-top-plane i:nth-child(3){bottom:-4px;right:-4px}.phase-top-plane i:nth-child(4){bottom:-4px;left:-4px}.phase-floor{width:630px;height:460px;position:absolute;top:200px;left:calc(50% - 315px);transform:rotateX(73deg)rotate(-18deg)}.phase-floor i{border:1px solid #afffd038;border-radius:50%;position:absolute;inset:0}.phase-floor i:nth-child(2){opacity:.5;border-style:dashed;inset:25px}.phase-floor i:nth-child(3){opacity:.7;inset:95px}.phase-measure{letter-spacing:.12em;height:325px;color:var(--muted);flex-direction:column;align-items:center;gap:20px;font-family:IBM Plex Mono,monospace;font-size:14px;display:flex;position:absolute;top:90px}.phase-measure>span:last-child{writing-mode:vertical-rl}.phase-measure i{background:#afffd040;flex:1;width:1px;position:relative}.phase-measure i:before,.phase-measure i:after{content:"";background:#afffd070;width:9px;height:1px;position:absolute;left:-4px}.phase-measure i:after{bottom:0}.measure-left{left:25px}.measure-right{right:25px}.phase-coordinate{color:#c5e6d1;align-items:center;gap:12px;font-size:16px;display:flex;position:absolute}.phase-coordinate i{background:#afffd058;width:clamp(25px,6vw,100px);height:1px;display:block;position:relative}.phase-coordinate i:after{content:"";background:var(--accent);width:4px;height:4px;position:absolute;top:-1.5px;left:0}.coord-a{top:130px;right:14%}.coord-b{flex-direction:row-reverse;bottom:115px;left:14%}.coord-c{bottom:160px;right:10%}.phase-stage-bottom{color:var(--muted);justify-content:space-between;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.phase-hero-intro{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;padding:32px 0 80px;display:grid}.phase-hero-intro h2{font-size:clamp(34px,3.8vw,58px);font-weight:600;line-height:1.12}.phase-hero-intro p{max-width:610px;color:var(--muted);font-size:22px}.phase-hero-intro .text-link{min-width:270px;margin-top:18px}.phase-coverage{border-top:1px solid var(--line);padding-top:95px}.phase-section-opening{grid-template-columns:1.1fr 1fr;align-items:end;gap:100px;margin-bottom:65px;display:grid}.phase-section-opening>p{color:var(--muted);max-width:570px;margin-bottom:5px}.phase-domain-index{border-left:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.phase-domain-index a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:23px;font-size:22px;transition:background .25s;display:flex}.phase-domain-index a>.label{color:var(--muted)}.phase-domain-index a>span:last-child{color:var(--accent);margin-left:auto}.phase-domain-index a:hover{background:#afffd00c}.phase-plate{padding:95px 0 85px;scroll-margin-top:0}.phase-plate-rail{color:var(--accent);align-items:center;gap:22px;margin-bottom:45px;display:flex}.phase-rail-line{background:var(--line);flex:1;height:1px}.phase-plate-rail>span:last-child{color:var(--muted)}.phase-plate-grid{grid-template-columns:1.03fr 1fr;gap:80px;display:grid}.phase-plate-visual{align-self:start;padding-top:5px;position:sticky;top:35px}.phase-plate .exhibit{box-shadow:10px 10px 0 var(--bg),11px 11px 0 var(--line),21px 21px 0 var(--bg),22px 22px 0 #afffd015;margin-right:22px}.phase-underplate{color:var(--muted);align-items:center;gap:10px;margin-top:50px;padding-inline:10px;font-family:IBM Plex Mono,monospace;font-size:14px;display:flex}.phase-underplate i{background:var(--line);flex:1;height:1px}.phase-methods{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;padding-block:110px;display:grid}.phase-methods-heading>p{color:var(--muted);max-width:500px;margin-top:30px}.phase-methods-heading{align-self:start;position:sticky;top:50px}.phase-method-object{perspective:700px;place-items:center;width:250px;height:250px;margin:65px 0 20px 30px;display:grid;position:relative}.phase-method-object>i{transform:rotateX(50deg) rotateZ(-30deg) translateZ(calc(var(--i,0) * 25px));border:1px solid #afffd045;animation:8s ease-in-out infinite phase-method-drift;position:absolute;inset:25px}.phase-method-object>i:nth-child(2){--i:1;animation-delay:-1s}.phase-method-object>i:nth-child(3){--i:2;animation-delay:-2s}.phase-method-object>i:nth-child(4){--i:3;animation-delay:-3s}.phase-method-object span{text-align:center;z-index:1;font-family:IBM Plex Mono,monospace;font-size:14px;line-height:2.5}.phase-practice{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;padding-block:110px 125px;display:grid}.phase-practice h2{font-size:clamp(64px,7vw,110px)}.phase-practice h2 span{color:var(--accent)}.phase-practice .text-link{justify-self:start;min-width:290px;margin-top:10px}.slide-connection{width:100%;height:40px;color:var(--accent);opacity:.65}.exhibit .map-line:after{animation:4s ease-in-out infinite map-flow}.scene-cube{transform-origin:50%;animation:8s ease-in-out infinite scene-hover}@keyframes phase-float{0%,to{transform:translateY(10px)}50%{transform:translateY(-12px)}}@keyframes phase-turn{0%,to{transform:rotateX(49deg)rotate(-29deg)}50%{transform:rotateX(57deg)rotate(-18deg)}}@keyframes phase-strata{0%,to{transform:translateZ(calc(var(--slice) * 6.5px))}50%{transform:translateZ(calc(var(--slice) * 8px))}}@keyframes phase-plane{0%,to{transform:translateZ(175px)}50%{transform:translateZ(210px)}}@keyframes phase-method-drift{0%,to{transform:rotateX(50deg) rotateZ(-30deg) translateZ(calc(var(--i,0) * 25px))}50%{transform:rotateX(55deg) rotateZ(-20deg) translateZ(calc(var(--i,0) * 35px))}}@keyframes map-flow{0%,to{opacity:.3;transform:translate(-12px)}70%{opacity:1;transform:translate(0)}}@keyframes scene-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@supports (animation-timeline:view()){.phase-stage-grid{animation:linear both phase-grid-travel view();animation-range:entry exit}@keyframes phase-grid-travel{0%{transform:translateY(-30px)}to{transform:translateY(70px)}}}@media (width<=1100px){.phase-plate-grid{gap:40px}.phase-hero-intro,.phase-section-opening,.phase-methods,.phase-practice{gap:55px}.phase-coordinate{font-size:16px}.coord-a{right:9%}.coord-b{left:9%}.coord-c{right:7%}.phase-stage{height:530px}.phase-domain-index a{gap:15px;padding:20px}.phase-underplate{gap:6px;font-size:14px}}@media (width<=800px){.phase-plate-grid{grid-template-columns:1fr}.phase-plate-visual{margin-top:18px;position:relative;top:0}.phase-hero-intro{gap:32px}.phase-hero-intro h2{font-size:36px}.phase-hero-intro p{font-size:20px}.phase-coordinate{display:none}.phase-methods{grid-template-columns:1fr}.phase-methods-heading{position:relative;top:0}.phase-method-object{display:none}.phase-section-opening{gap:35px}.phase-domain-index a{font-size:20px}.phase-practice{gap:40px}}@media (width<=720px){.phase-hero{padding-top:24px}.phase-hero-meta{margin-bottom:24px;font-size:14px}.phase-hero-meta>span:last-child{display:none}.phase-hero h1{letter-spacing:-.072em;font-size:12vw}.phase-stage{height:380px;margin-top:18px}.phase-displace{width:360px;height:350px;top:22px;left:calc(50% - 180px)}.phase-stack{width:236px;height:263px;animation:18s ease-in-out infinite phase-mobile-turn;top:45px;left:62px}.phase-slice{transform:translateZ(calc(var(--slice) * 4.2px));animation:none}.phase-slice:nth-child(2n):not(.front-slice){display:none}.phase-top-plane{animation:none;inset:-15px -20px;transform:translateZ(117px)}.phase-floor{width:400px;height:300px;top:150px;left:calc(50% - 200px)}.phase-measure{gap:12px;height:225px;font-size:14px;top:40px}.measure-left{left:12px}.measure-right{right:12px}.phase-stage-bottom{letter-spacing:0;font-size:14px;bottom:15px;left:12px;right:12px}.phase-stage-bottom>span:first-child{font-size:14px}.phase-stage-bottom>span:last-child{display:none}.phase-hero-intro{grid-template-columns:1fr;gap:24px;padding:30px 0 55px}.phase-hero-intro h2{font-size:38px}.phase-hero-intro p{font-size:18px}.phase-hero-intro .text-link{min-width:250px;margin-top:12px}.phase-coverage{padding-top:60px}.phase-section-opening{grid-template-columns:1fr;gap:26px;margin-bottom:36px}.phase-section-opening p{font-size:18px}.phase-domain-index{grid-template-columns:repeat(2,1fr)}.phase-domain-index a{gap:12px;padding:16px 12px;font-size:18px}.phase-domain-index a>.label{font-size:14px}.phase-plate{padding:65px 0 10px}.phase-plate:last-child{padding-bottom:65px}.phase-plate-rail{gap:15px;margin-bottom:30px}.phase-plate-grid{gap:22px}.phase-plate .exhibit{box-shadow:5px 5px 0 var(--bg),6px 6px 0 var(--line),11px 11px 0 var(--bg),12px 12px 0 #afffd015;margin-right:12px}.phase-underplate{margin-top:28px;padding:0}.phase-methods{gap:32px;padding-block:65px}.phase-methods-heading>p{margin-top:24px;font-size:18px}.phase-practice{grid-template-columns:1fr;gap:36px;padding-block:65px 75px}.phase-practice h2{font-size:62px}.phase-practice h2 br{display:none}.phase-practice h2{max-width:370px}.phase-practice h2 span:before{content:" "}.phase-practice h2 span{display:block}}@keyframes phase-mobile-turn{0%,to{transform:rotateX(45deg)rotate(-26deg)}50%{transform:rotateX(52deg)rotate(-14deg)}}
