#project-dialog.web-project{--w2-blue:#78dfff;--w2-lime:#b9f34c;--w2-ink:#090d11;--w2-paper:#f1f0e9;background:var(--w2-ink);color:#f3f1e9}
.web2-case{overflow:clip}.web2-label{font-size:12px;letter-spacing:1.7px;color:#8e9ba3}.web2-label>span{display:inline-block;width:7px;height:7px;margin-right:10px;background:var(--w2-blue)}
.web2-nav{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;border-bottom:1px solid #ffffff15}.web2-nav>span{font-size:12px;letter-spacing:1.5px;color:#6f7b82}.web2-nav>div{display:flex;gap:28px}.web2-nav button,.web2-hero-copy button{border:0;background:none;color:#b3bdc2;padding:9px 0}.web2-nav button:hover{color:var(--w2-blue)}
.web2-hero{position:relative;min-height:850px;display:grid;grid-template-columns:.72fr 1.28fr;gap:4vw;align-items:center;padding:70px 5vw 105px;background:radial-gradient(ellipse at 76% 50%,#174b5f66,transparent 55%),linear-gradient(145deg,#080b0f,#0d151b);isolation:isolate;scroll-margin-top:90px}.web2-hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#9deaff08 1px,transparent 1px),linear-gradient(90deg,#9deaff08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.web2-hero h2{font:500 clamp(72px,7.2vw,122px)/.86 Manrope,sans-serif;letter-spacing:-.078em;margin:31px 0}.web2-hero h2 em,.web2-thesis h3 em,.web2-tech h3 em,.web2-space h3 em,.web2-method h3 em{font-family:Georgia,serif;font-weight:400;color:var(--w2-blue)}.web2-lede{font-size:18px;line-height:1.65;color:#a8b2b7;max-width:460px}.web2-hero-copy button{display:flex;align-items:center;gap:28px;border-bottom:1px solid #44616d;margin-top:24px;font-size:14px}.web2-hero-copy button b{font-size:22px;color:var(--w2-blue)}.web2-hero-showcase{position:relative;min-width:0;padding:0 0 110px 7%;isolation:isolate}.web2-hero-art{position:relative;margin:0;cursor:zoom-in;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.web2-hero-art:hover{transform:translateY(-7px)}.web2-site-frame{position:relative;overflow:hidden;background:#101820;border:1px solid #8ee7ff45;box-shadow:0 34px 85px #000b}.web2-site-frame img{display:block;width:100%;height:auto;aspect-ratio:1672/943;object-fit:contain}.web2-frame-label{position:absolute;z-index:2;top:14px;left:14px;padding:8px 11px;background:#061017dc;border:1px solid #8ee7ff4d;color:#c8f4ff;font-size:9px;letter-spacing:1.3px;backdrop-filter:blur(8px)}.web2-hero-art-primary{z-index:1;width:88%;margin-left:auto}.web2-hero-art-secondary{z-index:2;width:52%;margin-top:-16%;margin-left:0}.web2-hero-art-secondary .web2-site-frame{border-color:#d8ff8b66;box-shadow:0 28px 70px #000d}.web2-hero-art-secondary .web2-frame-label{background:#eef4e5e8;border-color:#98bd5a66;color:#273419}.web2-hero-art figcaption,.web2-feature figcaption{display:flex;justify-content:space-between;padding:13px 2px;font-size:10px;letter-spacing:1.05px;color:#8e9ca3}.web2-hero-art figcaption b,.web2-feature figcaption b{color:var(--w2-blue);font-weight:400}.web2-hero-art-secondary figcaption b{color:#b9f34c}.web2-hero-index{position:absolute;left:5vw;right:5vw;bottom:27px;display:flex;gap:35px;font-size:11px;letter-spacing:1.4px;color:#657179}.web2-hero-index span:not(:last-child):after{content:'·';margin-left:35px;color:var(--w2-blue)}
.web2-thesis{display:grid;grid-template-columns:.7fr 2.3fr;gap:5vw;padding:120px 5vw;scroll-margin-top:90px}.web2-thesis h3{font:400 clamp(42px,5vw,78px)/1.06 Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 35px}.web2-thesis>div>p{font-size:19px;line-height:1.75;color:#a4adb2;max-width:850px}
.web2-brief{padding:90px 5vw;background:#0b1117;color:#f3f1e9;border-block:1px solid rgba(255,255,255,.1)}.web2-brief-head{display:grid;grid-template-columns:.7fr 2.3fr;gap:5vw;align-items:end}.web2-brief-head>span{font-size:12px;letter-spacing:1.5px;color:var(--w2-blue)}.web2-brief-head h3{font:500 clamp(44px,5.5vw,84px)/1 Manrope,sans-serif;letter-spacing:-.06em;margin:0;color:#f3f1e9}.web2-brief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);margin-top:70px}.web2-brief-grid article{background:#0e161e;padding:35px;min-height:270px}.web2-brief-grid span{font-size:12px;color:var(--w2-blue)}.web2-brief-grid h4{font:500 25px/1.2 Manrope,sans-serif;margin:80px 0 14px;letter-spacing:-.5px;color:#f3f1e9}.web2-brief-grid p{font-size:15px;line-height:1.65;color:#9eb0b8}
.web2-tech,.web2-space{padding:110px 5vw;scroll-margin-top:80px}.web2-tech{background:#08131a;background-image:linear-gradient(#78dfff09 1px,transparent 1px),linear-gradient(90deg,#78dfff09 1px,transparent 1px);background-size:52px 52px}.web2-tech>header,.web2-space>header{display:grid;grid-template-columns:.65fr 2.35fr;gap:5vw;margin-bottom:65px}.web2-tech h3,.web2-space h3,.web2-method h3{font:500 clamp(54px,6.7vw,108px)/.91 Manrope,sans-serif;letter-spacing:-.072em;margin:0}.web2-tech header div>p,.web2-space header div>p{font-size:18px;line-height:1.7;color:#a4afb4;max-width:650px;margin:30px 0 0}.web2-feature{margin:0;cursor:zoom-in;overflow:hidden}.web2-feature img{display:block;width:100%;height:auto;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.web2-feature:hover img{transform:scale(1.015)}.web2-tech-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff1d;border:1px solid #ffffff1d;margin-top:80px}.web2-tech-notes article{background:#08131a;padding:32px;min-height:290px}.web2-tech-notes b{font-size:12px;color:var(--w2-blue)}.web2-tech-notes h4{font:400 27px/1.2 Manrope,sans-serif;margin:90px 0 15px}.web2-tech-notes p{font-size:15px;line-height:1.65;color:#91a0a7}
.web2-flow{padding:100px 5vw;background:#101419}.web2-flow>header{display:grid;grid-template-columns:.65fr 2.35fr;gap:5vw;align-items:start}.web2-flow h3{font:500 clamp(44px,5.7vw,88px)/.98 Manrope,sans-serif;letter-spacing:-.06em;margin:0}.web2-flow-line{display:grid;grid-template-columns:repeat(3,1fr);margin:75px 0 0;border-top:1px solid #ffffff25}.web2-flow-line article{padding:28px 35px 10px 0;position:relative}.web2-flow-line article:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--w2-blue);top:-5px}.web2-flow-line span{font-size:11px;letter-spacing:1.3px;color:#73818a}.web2-flow-line h4{font:400 26px/1.2 Manrope,sans-serif;margin:55px 0 15px}.web2-flow-line p{font-size:15px;color:#929ca2;line-height:1.6;max-width:260px}
.web2-space{background:#090c10;color:#f3f1e9}.web2-space .web2-label{color:#8ea37a}.web2-space .web2-label>span{background:var(--w2-lime)}.web2-space h3 em{color:var(--w2-lime)}.web2-space header div>p{color:#a4afb4}.web2-feature-light figcaption{color:#98a39a}.web2-feature-light figcaption b{color:var(--w2-lime)}.web2-space-copy{display:grid;grid-template-columns:.65fr 1.05fr 1.3fr;gap:5vw;margin-top:90px;border-top:1px solid rgba(255,255,255,.12);padding-top:42px}.web2-space-copy>p{font-size:12px;letter-spacing:1.3px;color:var(--w2-lime)}.web2-space-copy h4{font:500 32px/1.15 Manrope,sans-serif;letter-spacing:-1px;margin:0;color:#f3f1e9}.web2-space-copy>div{display:grid}.web2-space-copy span{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px;line-height:1.5;color:#9eb0b8}
.web2-compare{padding:100px 5vw;background:#070a0e;color:#f3f1e9;border-top:1px solid rgba(255,255,255,.1)}.web2-compare-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:42px}.web2-compare-grid article{min-height:510px;padding:45px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12)}.web2-compare-grid article>span{font-size:12px;letter-spacing:1.4px}.web2-compare-grid h4{font:500 clamp(53px,5.8vw,92px)/.9 Manrope,sans-serif;letter-spacing:-.07em;margin:auto 0 45px;color:#f3f1e9}.web2-compare-grid p{font-size:14px;letter-spacing:.4px}.web2-compare-dark{background:#0a141b;color:#f3f3ed;border-color:rgba(120,223,255,.25)}.web2-compare-dark>span{color:var(--w2-blue)}.web2-compare-dark p{color:#9eaaaf}.web2-compare-light{background:#0d1611;color:#f3f3ed;border-color:rgba(185,243,76,.25)}.web2-compare-light>span{color:var(--w2-lime)}.web2-compare-light p{color:#9fb49e}
.web2-method{padding:110px 5vw;background:#0b0e11;scroll-margin-top:80px}.web2-method>header{display:grid;grid-template-columns:.65fr 2.35fr;gap:5vw}.web2-method-list{margin-top:75px;border-top:1px solid #ffffff20}.web2-method-list article{display:grid;grid-template-columns:80px 1fr 140px;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid #ffffff20}.web2-method-list article>span{font-size:13px;color:var(--w2-blue)}.web2-method-list h4{font:400 28px/1.2 Manrope,sans-serif;margin:0 0 7px}.web2-method-list p{font-size:15px;color:#929ba0;margin:0}.web2-method-list b{text-align:right;font-size:11px;letter-spacing:1.3px;color:#6f7a80}
.web2-outro{padding:80px 5vw 40px;background:radial-gradient(ellipse at 80% 30%,rgba(120,223,255,.14),transparent 42%),#080c10;color:#f3f1e9;border-top:1px solid rgba(255,255,255,.12)}.web2-outro>p{font-size:12px;letter-spacing:1.5px;color:#8eb1be}.web2-outro>a{display:flex;justify-content:space-between;align-items:center;font:500 clamp(54px,8.4vw,136px)/1 Manrope,sans-serif;letter-spacing:-.07em;padding:30px 0 75px;color:#f3f1e9}.web2-outro>a span{font-size:.5em;color:var(--w2-blue)}.web2-outro>div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;font-size:12px;letter-spacing:1.1px;color:#8eb1be}.web2-outro>div a{color:#f3f1e9;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px}.web2-outro>div a:hover{color:var(--w2-blue);border-color:var(--w2-blue)}
.web2-viewer{width:100vw;height:100vh;max-width:none;max-height:none;border:0;padding:0;margin:0;background:#05080a;color:#f4f4ee}.web2-viewer::backdrop{background:#020304ed}.web2-viewer header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #ffffff1b;font-size:12px;letter-spacing:1.4px}.web2-viewer button{border:1px solid #ffffff3b;border-radius:30px;background:none;color:inherit;padding:11px 17px}.web2-viewer button b{margin-left:15px}.web2-viewer>div{height:calc(100vh - 74px);display:grid;place-items:center;padding:2vw}.web2-viewer img{max-width:100%;max-height:100%;object-fit:contain}
.web2-cover{position:absolute;inset:0;overflow:hidden;background:#0b1218;text-align:left;container-type:inline-size}.web2-cover>img{position:absolute;width:115%;height:100%;left:5%;top:0;object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.web2-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081016fa 0,#081016cf 38%,transparent 72%),linear-gradient(0deg,#081016e8 0,transparent 32%)}.web2-cover-kicker{position:absolute;top:7%;left:6%;font-size:clamp(12px,1.9cqw,14px);letter-spacing:1.4px;color:#9fb1b9}.web2-cover>strong{position:absolute;left:6%;top:20%;z-index:2;font:500 12.5cqw/.94 Manrope,sans-serif;letter-spacing:-.075em}.web2-cover>strong em{font-family:Georgia,serif;font-weight:400;color:var(--w2-blue)}.web2-cover-foot{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:4% 6%;background:#091016e8;border-top:1px solid #ffffff20;font-size:clamp(12px,1.8cqw,14px);letter-spacing:.9px}.web2-cover-foot b{font-weight:400}.web2-cover-foot i{font-style:normal;color:var(--w2-blue)}.project-button:hover .web2-cover>img,.project-button:focus-visible .web2-cover>img{transform:scale(1.035) translateX(-1%)}
@media(max-width:950px){.web2-hero{grid-template-columns:.9fr 1.1fr}.web2-hero h2{font-size:9vw}.web2-hero-showcase{padding-left:0}.web2-hero-art-primary{width:100%}.web2-hero-art-secondary{width:58%;margin-top:-12%}.web2-thesis,.web2-brief-head,.web2-tech>header,.web2-space>header,.web2-flow>header,.web2-method>header{grid-template-columns:1fr 2fr}.web2-space-copy{grid-template-columns:1fr 1fr}.web2-space-copy>div{grid-column:1/-1}.web2-tech-notes{grid-template-columns:1fr 1fr}.web2-tech-notes article:last-child{grid-column:1/-1}.web2-compare-grid article{min-height:430px}}
@media(max-width:700px){.web2-nav{padding:14px 5vw}.web2-nav>span{display:none}.web2-nav>div{width:100%;justify-content:space-between;gap:8px}.web2-nav button{font-size:12px}.web2-hero{grid-template-columns:1fr;padding:45px 6vw 75px;min-height:0}.web2-hero h2{font-size:18vw}.web2-lede{font-size:16px}.web2-hero-showcase{margin-top:42px;padding:0 0 70px}.web2-hero-art{transform:none}.web2-hero-art-primary{width:100%}.web2-hero-art-secondary{width:72%;margin-top:-5%;margin-left:3%}.web2-hero-art figcaption{font-size:8px}.web2-hero-index{display:none}.web2-thesis,.web2-brief-head,.web2-tech>header,.web2-space>header,.web2-flow>header,.web2-method>header{grid-template-columns:1fr}.web2-thesis{padding:65px 6vw}.web2-thesis h3{font-size:44px}.web2-thesis>div>p{font-size:16px}.web2-brief{padding:60px 6vw}.web2-brief-head h3{font-size:45px}.web2-brief-grid{grid-template-columns:1fr;margin-top:45px}.web2-brief-grid article{min-height:220px}.web2-brief-grid h4{margin-top:55px}.web2-tech,.web2-space,.web2-method{padding:70px 6vw}.web2-tech>header,.web2-space>header{gap:20px;margin-bottom:42px}.web2-tech h3,.web2-space h3,.web2-method h3{font-size:14vw}.web2-tech header div>p,.web2-space header div>p{font-size:16px}.web2-tech-notes{grid-template-columns:1fr;margin-top:50px}.web2-tech-notes article:last-child{grid-column:auto}.web2-tech-notes article{min-height:235px}.web2-tech-notes h4{margin-top:60px}.web2-flow{padding:65px 6vw}.web2-flow h3{font-size:48px}.web2-flow-line{grid-template-columns:1fr}.web2-flow-line article{padding:28px 0;border-bottom:1px solid #ffffff1d}.web2-flow-line article:before{display:none}.web2-flow-line h4{margin:35px 0 12px}.web2-space-copy{grid-template-columns:1fr;margin-top:55px}.web2-space-copy>div{grid-column:auto}.web2-compare{padding:65px 6vw}.web2-compare-grid{grid-template-columns:1fr}.web2-compare-grid article{min-height:400px;padding:32px}.web2-method-list{margin-top:45px}.web2-method-list article{grid-template-columns:45px 1fr}.web2-method-list article>b{grid-column:2;text-align:left}.web2-method-list h4{font-size:23px}.web2-method-list p{font-size:14px;line-height:1.55}.web2-outro{padding:48px 6vw 28px}.web2-outro>a{font-size:14vw;padding-bottom:45px}.web2-outro>div{flex-direction:column;gap:18px}.web2-viewer header{height:64px}.web2-viewer>div{height:calc(100vh - 64px);padding:10px}}
@media(prefers-reduced-motion:reduce){.web2-hero-art,.web2-feature img,.web2-cover>img{transition:none}}
.web2-cover>img{width:118%;height:116%;left:1%;top:-8%;object-position:center 58%}

/* Larger, kinetic hero gallery. Motion changes position only; image proportions stay intact. */
.web2-hero{grid-template-columns:.62fr 1.38fr;gap:2.5vw;min-height:900px;padding-right:3vw}
.web2-hero-showcase{--web2-x:0px;--web2-y:0px;padding:25px 0 125px 2%;min-height:650px}
.web2-hero-showcase:before{content:'TWO DIGITAL WORLDS';position:absolute;right:0;top:-10px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2.5px;color:#78dfff70}
.web2-hero-showcase:after{content:'';position:absolute;z-index:0;left:5%;right:0;bottom:9%;height:1px;background:linear-gradient(90deg,#78dfff00,#78dfff70,#b9f34c55,#b9f34c00)}
.web2-hero-art-primary{width:96%;margin-left:auto;transform:translate(var(--web2-x),var(--web2-y));animation:web2-float-a 7s ease-in-out infinite}
.web2-hero-art-secondary{width:64%;margin-top:-18%;margin-left:-2%;transform:translate(calc(var(--web2-x) * -1.35),calc(var(--web2-y) * -1.35));animation:web2-float-b 8.5s ease-in-out infinite}
.web2-hero-art-primary:hover{animation-play-state:paused;translate:0 -8px}
.web2-hero-art-secondary:hover{animation-play-state:paused;translate:0 -8px}
.web2-site-frame{transition:box-shadow .6s ease,border-color .6s ease}.web2-hero-art:hover .web2-site-frame{border-color:#9ae9ff8c;box-shadow:0 42px 105px #000e,0 0 45px #3acff51c}.web2-hero-art-secondary:hover .web2-site-frame{border-color:#cfff7399;box-shadow:0 36px 90px #000e,0 0 40px #b9f34c18}
@keyframes web2-float-a{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes web2-float-b{0%,100%{translate:0 0}50%{translate:0 9px}}
@media(max-width:950px){.web2-hero{grid-template-columns:.82fr 1.18fr;padding-right:4vw}.web2-hero-showcase{min-height:510px}.web2-hero-art-primary{width:100%}.web2-hero-art-secondary{width:68%;margin-top:-13%}}
@media(max-width:700px){.web2-hero{grid-template-columns:1fr}.web2-hero-showcase{min-height:0;padding-bottom:85px}.web2-hero-showcase:before{display:none}.web2-hero-art-primary{width:108%;margin-left:-4%}.web2-hero-art-secondary{width:82%;margin-top:-4%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.web2-hero-art-primary,.web2-hero-art-secondary{animation:none;transform:none}}

/* Portfolio card: a two-site editorial composition. */
.web2-cover{background:#071016;isolation:isolate}
.web2-cover-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(#8ee7ff0d 1px,transparent 1px),linear-gradient(90deg,#8ee7ff0d 1px,transparent 1px);background-size:9% 9%;mask-image:linear-gradient(125deg,#000 0,transparent 72%)}
.web2-cover-site{position:absolute;overflow:hidden;background:#111b22;border:1px solid #c8f3ff38;box-shadow:0 24px 55px #000a;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease}
.web2-cover-site img{display:block;width:100%;height:100%;object-fit:cover}
.web2-cover-site-tech{z-index:1;top:9%;right:-9%;width:75%;height:54%;transform:translate3d(0,0,0)}
.web2-cover-site-tech img{object-position:center 18%}
.web2-cover-site-space{z-index:2;right:5%;bottom:15%;width:50%;height:33%;border-color:#d9ff9252;transform:translate3d(0,0,0)}
.web2-cover-site-space img{object-position:center 42%}
.web2-cover-shade{z-index:3;background:linear-gradient(90deg,#071016 0,#071016f2 32%,#07101638 64%,transparent 84%),linear-gradient(0deg,#071016f5 0,transparent 42%)}
.web2-cover-kicker{z-index:4;top:7%;display:flex;align-items:center;gap:12px;color:#b2c0c6}.web2-cover-kicker b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #78dfff70;color:#78dfff;font-size:10px;font-weight:500}
.web2-cover>strong{z-index:4;left:6%;top:25%;font-size:9.6cqw;line-height:.94;letter-spacing:-.07em}.web2-cover>strong em{display:inline-block;margin-top:5px;font-size:1.05em}
.web2-cover-count{position:absolute;z-index:4;left:6%;bottom:17%;display:flex;align-items:center;gap:12px;font:500 5.8cqw/1 Manrope,sans-serif;color:#78dfff}.web2-cover-count small{font:500 clamp(8px,1.3cqw,11px)/1.25 Manrope,sans-serif;letter-spacing:1px;color:#8f9ca2}
.web2-cover-foot{z-index:5;padding:3.5% 6%;background:#071016f2}.web2-cover-foot i{color:#b9f34c}
.project-button:hover .web2-cover-site-tech,.project-button:focus-visible .web2-cover-site-tech{transform:translate3d(-2.5%,-2%,0);filter:brightness(1.08)}
.project-button:hover .web2-cover-site-space,.project-button:focus-visible .web2-cover-site-space{transform:translate3d(2.5%,-5%,0);filter:brightness(1.08)}
@media(min-width:1700px){.web2-nav,.web2-hero,.web2-thesis,.web2-brief,.web2-tech,.web2-space,.web2-flow,.web2-compare,.web2-method,.web2-outro{padding-inline:max(5vw,calc((100vw - 1560px)/2))}.web2-hero-index{left:max(5vw,calc((100vw - 1560px)/2));right:max(5vw,calc((100vw - 1560px)/2))}.web2-hero{grid-template-columns:.68fr 1.32fr;min-height:920px}.web2-hero-showcase{max-width:980px;margin-left:auto}.web2-brief-grid,.web2-tech-notes,.web2-compare-grid{max-width:1560px}.web2-viewer header{padding-inline:max(4vw,calc((100vw - 1560px)/2))}}
@media(min-width:2400px){.web2-nav,.web2-hero,.web2-thesis,.web2-brief,.web2-tech,.web2-space,.web2-flow,.web2-compare,.web2-method,.web2-outro{padding-inline:max(5vw,calc((100vw - 1720px)/2))}.web2-hero-index{left:max(5vw,calc((100vw - 1720px)/2));right:max(5vw,calc((100vw - 1720px)/2))}.web2-hero-showcase{max-width:1100px}.web2-viewer header{padding-inline:max(4vw,calc((100vw - 1720px)/2))}}