.mobile-portfolio,.mobile-dock,.mobile-dock-handle{display:none}@media (max-width:54rem){html{scroll-padding-bottom:calc(5.75rem + env(safe-area-inset-bottom))}body{padding-bottom:calc(4.8rem + env(safe-area-inset-bottom))}.site-header[data-mode=home]{top:max(1rem, env(safe-area-inset-top));background:#070907d1;border-color:#ffffff21;border-radius:1rem;place-items:center;width:3.35rem;min-height:3.35rem;padding:0;left:1rem;right:auto;box-shadow:0 .8rem 2.4rem #00000047}.site-header[data-mode=home] .monogram{justify-self:center;font-size:.95rem}.site-header[data-mode=home] .menu-button,.site-header[data-mode=home] .mobile-nav{display:none}.mobile-dock{z-index:180;right:.75rem;bottom:max(.65rem, env(safe-area-inset-bottom));opacity:1;visibility:visible;will-change:transform, opacity;background:#080a08f0;border:1px solid #ffffff24;border-radius:1.2rem;grid-template-columns:repeat(4,1fr);min-height:4rem;padding:.35rem;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .22s,visibility linear;display:grid;position:fixed;left:.75rem;transform:translate(0,0);box-shadow:0 1rem 3rem #00000080}.mobile-dock[data-visible=false]{opacity:0;visibility:hidden;pointer-events:none;transition:transform .42s cubic-bezier(.7,0,.84,0),opacity .18s,visibility 0s linear .42s;transform:translateY(calc(100% + 1.5rem))}.mobile-dock-handle{z-index:179;left:50%;bottom:max(.25rem, env(safe-area-inset-bottom));opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a08d1;border:1px solid #ffffff21;border-radius:999px;place-items:center;width:3.2rem;height:1.35rem;padding:0;transition:transform .36s cubic-bezier(.16,1,.3,1),opacity .18s,visibility 0s linear .36s;display:grid;position:fixed;transform:translate(-50%,1.25rem)}.mobile-dock-handle[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.12s,.12s,0s;transform:translate(-50%)}.mobile-dock-handle span{background:#d8ff45b8;border-radius:999px;width:1.45rem;height:2px;box-shadow:0 0 .7rem #d8ff4540}.mobile-dock a{color:#8d9189;border-radius:.85rem;align-content:center;place-items:center;gap:.2rem;min-width:0;min-height:3.25rem;font-size:.58rem;font-weight:700;display:grid}.mobile-dock a[data-active=true]{color:#d8ff45;background:#d8ff451a}.mobile-dock svg{stroke-width:1.8px;width:1rem;height:1rem}.mobile-portfolio{background:#070907;display:block;overflow:clip}.hero,.work-section{display:none}.mobile-intro{--mobile-intro-progress:0;min-height:100svh;padding:max(6.75rem, calc(env(safe-area-inset-top) + 6rem)) 1.35rem 2rem;isolation:isolate;background:radial-gradient(circle at 75% 54%,#d8ff4521,#0000 34rem),linear-gradient(155deg,#0b0d09 0%,#071109 58%,#081409 100%);flex-direction:column;justify-content:space-between;display:flex;position:relative}.mobile-intro:after{z-index:-1;content:"";width:18rem;height:18rem;transform:translate3d(0, calc(var(--mobile-intro-progress) * -2rem), 0);opacity:calc(1 - var(--mobile-intro-progress) * .45);border:1px solid #d8ff4524;border-radius:50%;position:absolute;bottom:12%;right:-7rem}.mobile-intro-grid{z-index:-2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:4.5rem 4.5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 82%,#0000);mask-image:linear-gradient(#0000,#000 22% 82%,#0000)}.mobile-intro-status,.mobile-intro-readout{color:#94978f;font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;align-items:center;font-size:.61rem;display:flex}.mobile-intro-status{gap:.65rem;padding-left:4.2rem}.mobile-intro-status>i{background:#fff3;width:1.6rem;height:1px}.mobile-intro-status span:last-child{align-items:center;gap:.25rem;display:inline-flex}.mobile-intro-status svg{width:.75rem}.mobile-intro-copy{transform:translate3d(0, calc(var(--mobile-intro-progress) * -1.4rem), 0);opacity:calc(1 - var(--mobile-intro-progress) * .12)}.mobile-intro-copy>p:first-child{color:#d8ff45;font-family:var(--font-mono);text-transform:uppercase;margin:0 0 1.1rem;font-size:.63rem}.mobile-intro h1{color:#f4f2eb;letter-spacing:0;margin:0;font-size:clamp(3.05rem,15.5vw,5.1rem);font-weight:850;line-height:.92;display:grid}.mobile-intro h1 span{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards mobile-line-in;display:block;transform:translateY(1.5rem)}.mobile-intro h1 span:nth-child(2){animation-delay:.1s}.mobile-intro h1 span:nth-child(3){animation-delay:.2s}.mobile-intro h1 em{color:#d8ff45;font-family:Georgia,Times New Roman,serif;font-weight:500}.mobile-intro-summary{color:#adafa8;max-width:30rem;margin:1.45rem 0 0;font-size:1rem;line-height:1.55}.mobile-intro-actions{gap:.55rem;margin-top:2rem;display:grid}.mobile-intro-actions a{color:#e8e7e0;border:1px solid #ffffff1f;border-radius:1rem;justify-content:space-between;align-items:center;min-height:3.75rem;padding:0 1.05rem;font-size:.86rem;font-weight:750;display:flex}.mobile-intro-actions a:first-child{color:#080a05;background:#d8ff45;border-color:#d8ff45}.mobile-intro-actions svg{width:1rem}.mobile-intro-readout{border-top:1px solid #ffffff1a;justify-content:space-between;gap:.5rem;margin-top:1.15rem;padding-top:1rem;font-size:.52rem}.mobile-intro-readout span:first-child{color:#d8ff45}.mobile-intro-readout i{background:currentColor;border-radius:50%;width:.36rem;height:.36rem;margin-right:.3rem;display:inline-block}.mobile-projects{background:#070907;padding:5rem 0 2rem}.mobile-projects-heading{padding:0 1.35rem 2.75rem}.mobile-projects-heading>span{color:#d8ff45;font-family:var(--font-mono);text-transform:uppercase;font-size:.61rem}.mobile-projects-heading h2{letter-spacing:0;max-width:11ch;margin:.8rem 0 0;font-size:clamp(2.7rem,13vw,4.2rem);line-height:.94}.mobile-project-stack{gap:1rem;display:grid}.mobile-project-scene{border:1px solid color-mix(in srgb, var(--mobile-accent) 30%, transparent);background:radial-gradient(circle at 50% 45%, var(--mobile-soft), transparent 46%), var(--mobile-surface);isolation:isolate;content-visibility:auto;contain-intrinsic-size:47rem;border-radius:1.55rem;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 1.5rem);margin:0 .75rem;padding:1.1rem;display:grid;position:relative;overflow:hidden}.mobile-project-scene[data-active=true] .mobile-scene-device{opacity:1;transform:translate(0,0)scale(1)}.mobile-scene-meta{z-index:3;color:var(--mobile-accent);font-family:var(--font-mono);text-transform:uppercase;grid-template-columns:auto 1fr auto;gap:.6rem;font-size:.55rem;display:grid}.mobile-scene-meta i{color:#8e958e;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.mobile-scene-device{z-index:2;aspect-ratio:1080/2235;opacity:.72;place-self:center;width:min(67vw,17.5rem);transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .45s;position:relative;transform:translateY(1.5rem)scale(.96)}.mobile-scene-device.is-landscape{aspect-ratio:16/9;width:100%;max-width:34rem}.mobile-device-frame{background:#080a0b;border:2px solid #ffffff24;border-radius:2.3rem;position:absolute;inset:0;overflow:hidden;box-shadow:0 1.5rem 3rem #00000070}.mobile-scene-device.is-landscape .mobile-device-frame{border-radius:.85rem}.mobile-scene-device.is-landscape img{object-fit:contain!important}.mobile-scene-copy,.mobile-scene-meta{min-width:0}.project-world-page .site-header{border-radius:1rem;grid-template-columns:auto auto;gap:1rem;width:auto;min-height:3.35rem;left:1rem;right:auto;transform:none}.project-world-page .menu-button,.project-world-page .mobile-nav{display:none}.project-world-page .world-nav-return{display:inline-flex}.project-world-page .world-intro{min-height:auto;padding:7rem 1.25rem 2.5rem}.project-world-page .world-intro h1{letter-spacing:0;font-size:3rem;line-height:1.05}.project-world-page .world-intro-bottom{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.project-world-page .world-story-grid,.project-world-page .world-process-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.project-world-page .world-story-grid article,.project-world-page .world-process-grid article{min-height:auto;padding:1.25rem}.project-world-page .world-next{padding-bottom:6rem}.mobile-device-camera{z-index:2;background:#050606;border-radius:999px;width:28%;height:.8rem;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}.mobile-scene-copy{z-index:4;padding-top:.8rem;position:relative}.mobile-scene-copy>span{color:var(--mobile-accent);font-family:var(--font-mono);font-size:.55rem}.mobile-scene-copy h3{color:#f4f2eb;letter-spacing:0;margin:.35rem 0 0;font-size:clamp(2rem,10vw,3.2rem);line-height:.95}[data-mobile-project=squadtactics] .mobile-scene-copy h3{text-transform:uppercase;font-weight:900}[data-mobile-project=helpdesk] .mobile-scene-copy h3{font-family:var(--font-mono);font-weight:720}[data-mobile-project=spoton] .mobile-scene-copy h3{font-weight:800}[data-mobile-project=qnb] .mobile-scene-copy h3{font-family:Georgia,Times New Roman,serif;font-weight:500}[data-mobile-project=swizzle] .mobile-scene-copy h3{color:#fff4fb;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:600}.mobile-scene-copy p{color:#aeb1aa;margin:.5rem 0 0;font-size:.83rem}.mobile-scene-copy>div{gap:.55rem;margin-top:.85rem;display:flex}.mobile-scene-copy a{border:1px solid color-mix(in srgb, var(--mobile-accent) 45%, transparent);min-height:2.9rem;color:var(--mobile-accent);border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;padding:0 .9rem;font-size:.72rem;font-weight:750;display:inline-flex}.mobile-scene-copy a:first-child{background:var(--mobile-accent);color:#050705}.mobile-scene-copy svg{width:.85rem}.mobile-scene-atmosphere,.mobile-scene-atmosphere:before,.mobile-scene-atmosphere:after{z-index:0;content:"";pointer-events:none;position:absolute}.mobile-scene-atmosphere{inset:3rem 0 8rem}.mobile-scene-atmosphere span{position:absolute}[data-mobile-project=squadtactics] .mobile-scene-atmosphere{border:1px solid color-mix(in srgb, var(--mobile-accent) 28%, transparent);background:linear-gradient(90deg, transparent calc(50% - .5px), color-mix(in srgb, var(--mobile-accent) 18%, transparent) 50%, transparent calc(50% + .5px));inset:3rem 8% 8rem}[data-mobile-project=squadtactics] .mobile-scene-atmosphere:before{border-top:1px solid color-mix(in srgb, var(--mobile-accent) 18%, transparent);border-bottom:1px solid color-mix(in srgb, var(--mobile-accent) 18%, transparent);inset:36% 0}[data-mobile-project=squadtactics] .mobile-scene-atmosphere:after{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--mobile-accent) 28%, transparent);border-radius:50%;width:8rem;top:50%;left:50%;transform:translate(-50%,-50%)}[data-mobile-project=squadtactics] .mobile-scene-atmosphere span{aspect-ratio:1;background:var(--mobile-accent);width:.45rem;box-shadow:0 0 1rem var(--mobile-accent);border-radius:50%;animation:2.4s ease-in-out infinite mobile-player-pulse}[data-mobile-project=squadtactics] .mobile-scene-atmosphere span:first-child{top:20%;left:18%}[data-mobile-project=squadtactics] .mobile-scene-atmosphere span:nth-child(2){animation-delay:-.5s;top:20%;right:18%}[data-mobile-project=squadtactics] .mobile-scene-atmosphere span:nth-child(3){animation-delay:-1s;top:54%;left:12%}[data-mobile-project=squadtactics] .mobile-scene-atmosphere span:nth-child(4){animation-delay:-1.5s;top:54%;right:12%}[data-mobile-project=squadtactics] .mobile-scene-atmosphere span:nth-child(5){bottom:8%;left:50%}[data-mobile-project=helpdesk] .mobile-scene-atmosphere:before{border:1px dashed #58e3cf33;border-radius:2rem;inset:8% 10% 16%;transform:rotate(-6deg)}[data-mobile-project=helpdesk] .mobile-scene-atmosphere span{color:#58e3cf;width:7rem;font-family:var(--font-mono);background:#051215e6;border:1px solid #58e3cf38;border-radius:.7rem;padding:.65rem;font-size:.48rem}[data-mobile-project=helpdesk] .mobile-scene-atmosphere span:before{content:"HD-20"}[data-mobile-project=helpdesk] .mobile-scene-atmosphere span:first-child{top:10%;right:-1rem;transform:rotate(6deg)}[data-mobile-project=helpdesk] .mobile-scene-atmosphere span:nth-child(2){bottom:22%;left:-1rem;transform:rotate(-6deg)}[data-mobile-project=helpdesk] .mobile-scene-atmosphere span:nth-child(n+3){display:none}[data-mobile-project=spoton] .mobile-scene-atmosphere{background-image:linear-gradient(35deg,#0000 47%,#1688ff1f 48% 49%,#0000 50%);background-size:6rem 6rem}[data-mobile-project=spoton] .mobile-scene-atmosphere:before{border-bottom:2px dashed #1688ff;border-right:2px dashed #1688ff;border-radius:0 0 3rem;width:44%;height:63%;top:12%;right:12%}[data-mobile-project=spoton] .mobile-scene-atmosphere:after{aspect-ratio:1;background:#061323;border:2px solid #1688ff;border-radius:50% 50% 50% 0;width:1.2rem;animation:2s ease-in-out infinite mobile-pin-pulse;bottom:21%;right:9.5%;transform:rotate(-45deg)}[data-mobile-project=qnb] .mobile-scene-atmosphere:before{aspect-ratio:1.6;background:linear-gradient(135deg,#c86cff33,#3c114a29);border:1px solid #c86cff47;border-radius:1.3rem;width:156%;top:13%;left:-28%;transform:rotate(9deg)}[data-mobile-project=qnb] .mobile-scene-atmosphere span{background:#c86cff38;width:45%;height:1px;right:5%}[data-mobile-project=qnb] .mobile-scene-atmosphere span:first-child{bottom:28%}[data-mobile-project=qnb] .mobile-scene-atmosphere span:nth-child(2){bottom:23%}[data-mobile-project=qnb] .mobile-scene-atmosphere span:nth-child(3){bottom:18%}[data-mobile-project=swizzle] .mobile-scene-atmosphere:before{content:"SWIZZLE";color:#ffffff09;font-size:24vw;font-weight:900;top:12%;left:-4%}[data-mobile-project=swizzle] .mobile-scene-atmosphere span{aspect-ratio:1;filter:saturate(1.15);border-radius:50%;width:3.2rem;animation:4s ease-in-out infinite mobile-flavor-float}[data-mobile-project=swizzle] .mobile-scene-atmosphere span:first-child{background:#ff5b87;top:18%;left:4%}[data-mobile-project=swizzle] .mobile-scene-atmosphere span:nth-child(2){background:#ffb338;animation-delay:-1s;top:33%;right:2%}[data-mobile-project=swizzle] .mobile-scene-atmosphere span:nth-child(3){background:#5de0ff;animation-delay:-2s;bottom:14%;right:12%}[data-mobile-project=swizzle] .mobile-scene-atmosphere span:nth-child(4){background:#9b6cff;animation-delay:-3s;bottom:25%;left:8%}[data-mobile-project=swizzle] .mobile-scene-atmosphere span:nth-child(5){display:none}.hero{height:auto;min-height:100svh;max-height:none;padding:7rem max(1rem, env(safe-area-inset-right)) 4rem max(1rem, env(safe-area-inset-left));gap:0}.hero-copy{will-change:auto;opacity:1!important;transform:none!important}.hero .hero-enter{opacity:1;animation:none;transform:none}.hero h1{letter-spacing:-.065em;width:100%;max-width:none;margin:0;font-size:clamp(2.45rem,11.4vw,5.8rem);line-height:1;overflow:visible;transform:translate3d(0, calc(var(--hero-scroll,0) * -18px), 0)!important}.hero h1>span:nth-child(n){visibility:visible;clip-path:none;will-change:auto;animation:none;display:block;position:static;-webkit-mask-image:none;mask-image:none;opacity:1!important;transform:translate(0,0)!important}.hero h1 em{text-shadow:0 0 1.5rem var(--hero-soft)}.hero-eyebrow{flex-wrap:wrap;gap:.55rem;margin-bottom:1.65rem;font-size:.6rem}.eyebrow-line{width:1.5rem}.hero-intro{margin-top:1.5rem;font-size:1rem;line-height:1.65}.hero-actions{gap:.65rem;margin-top:1.5rem}.hero-actions .primary-action{width:100%;min-height:3.5rem}.hero-actions .text-action{margin-inline:auto;font-size:.85rem}.hero-stage-scroll{will-change:auto;margin-top:1.5rem;opacity:1!important;transform:none!important}.hero-stage-wrap{margin-top:0}.product-universe{touch-action:pan-y pinch-zoom;isolation:isolate;contain:layout paint;border-radius:1.6rem;width:100%;height:clamp(29rem,135vw,38rem);min-height:0;transition:background-color .36s,border-color .36s;overflow:hidden}.product-universe .universe-device{width:min(46%,13rem);transition:none;top:43%;transform:translate(-50%,-50%)!important}.product-universe .universe-device.is-landscape{width:87%}.product-universe .universe-device-shell{box-shadow:0 1rem 2rem #0006;transform:none!important}.product-universe .project-constellation{justify-content:center;gap:.3rem;height:2.8rem;display:flex;inset:auto .7rem 1rem}.product-universe .constellation-node:nth-child(n){min-width:0;height:2.8rem;box-shadow:none;border-radius:.8rem;flex:1 1 0;padding:.15rem;position:relative;inset:auto;transform:none}.product-universe .constellation-node span{letter-spacing:0;font-size:clamp(.42rem,1.9vw,.65rem)}.product-universe .constellation-node i{background:0 0;width:auto;position:static}.product-universe .constellation-node:after{display:none}.product-universe .universe-identity{justify-content:center;width:calc(100% - 2rem);max-width:none;bottom:4.5rem}.product-universe .universe-identity i{white-space:normal;text-align:center;font-size:.55rem}.product-universe .product-reactor{width:84%;top:43%}.product-universe .reactor-core,.product-universe .hero-world-caption{display:none}.product-universe .hero-transactions{opacity:.3;bottom:8rem}.product-universe .hero-balance{opacity:.4}.product-universe .reactor-ring span{display:none}.site-header[data-scrolled=true]{min-height:3.4rem}.menu-button{min-width:44px;min-height:44px}.project-list{gap:4.5rem}.project-chapter .project-portal,.project-chapter[data-reversed=true] .project-portal{order:1;min-height:clamp(22rem,105vw,34rem)}.project-chapter .chapter-copy,.project-chapter[data-reversed=true] .chapter-copy{order:2;padding:1.5rem 0 0}.chapter-copy .project-meta{margin-bottom:1.15rem}.chapter-copy h3{overflow-wrap:anywhere;max-width:100%;font-size:clamp(2.3rem,10vw,4rem)}.project-card.project-chapter{gap:0}.world-intro h1{overflow-wrap:anywhere}.world-intro-bottom,.world-proof,.world-next{min-width:0}.world-proof-heading h2,.world-process-head h3,.world-decisions h3{font-size:clamp(2rem,8vw,3.6rem)}.world-result p{max-width:100%}.world-next strong{overflow-wrap:anywhere}.theater-arrow{min-width:44px;min-height:44px}.world-story-grid article,.world-process-grid article{transition:none!important}}@keyframes mobile-line-in{to{opacity:1;transform:translate(0,0)}}@keyframes mobile-player-pulse{50%{opacity:.55;transform:scale(1.45)}}@keyframes mobile-pin-pulse{50%{box-shadow:0 0 0 1rem #1688ff00}}@keyframes mobile-flavor-float{50%{transform:translateY(-.65rem)scale(1.06)}}[data-motion-visible=false] *,[data-motion-visible=false] :before,[data-motion-visible=false] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.hero h1,.mobile-intro-copy,.mobile-intro:after,.mobile-scene-device{transform:none!important}.mobile-intro h1 span{opacity:1;animation:none;transform:none}}html[data-motion=reduced] .hero h1,html[data-motion=reduced] .mobile-intro-copy,html[data-motion=reduced] .mobile-intro:after,html[data-motion=reduced] .mobile-scene-device{transform:none!important}html[data-motion=reduced] .mobile-intro h1 span{opacity:1;animation:none;transform:none}@media (max-width:54rem){.mobile-dock,.mobile-dock a,.mobile-dock-handle{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-dock a{outline:none;transition:background-color .22s cubic-bezier(.16,1,.3,1),color .18s,transform .22s cubic-bezier(.16,1,.3,1);position:relative}.mobile-dock a:active{background:0 0;transform:scale(.985)}.mobile-dock a[data-active=true]:active{background:#d8ff451a}.mobile-dock a:focus-visible{box-shadow:inset 0 0 0 1px #d8ff4585}.mobile-dock-handle:focus-visible{outline-offset:2px;outline:1px solid #d8ff45b8}#mobile-work,#approach,#capabilities,#contact,.world-theater-anchor,.project-world-page #system,.project-world-page #next-world{scroll-margin-top:1.25rem;scroll-margin-bottom:calc(6.25rem + env(safe-area-inset-bottom))}}@media (max-width:54rem) and (prefers-reduced-motion:reduce){.mobile-dock,.mobile-dock-handle{transition-duration:1ms!important}}