@media (width>=821px) and (width<=1060px){.hero-layout{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:2vw}.hero-copy .btn-row{gap:10px}.hero-copy .btn-primary,.hero-copy .btn-secondary{gap:12px;padding:16px 14px}.hero-copy .tags{letter-spacing:.6px;gap:8px;font-size:9px}.hero-copy .tags span:before{margin-right:6px}}@media (width<=820px){.hero-layout{grid-template-columns:minmax(0,1fr);gap:12px}.hero-art{transform:none}}.work-main,.work-sub,.roadmap,.tech-panel,.contact-form{box-shadow:inset 0 1px 0 #ffffff0b, 0 20px 70px rgba(0,0,0,var(--shadow-opacity,.22))}.site:before{background-image:linear-gradient(rgba(255,255,255,var(--grid-opacity,.018)) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,var(--grid-opacity,.018)) 1px,transparent 1px)}.screen{transition-duration:var(--motion-duration,.58s);color:var(--fg);font-family:var(--font);background-color:var(--bg)}.screen>.screen-inner{max-width:var(--section-width,1420px)}.screen .service-card,.screen .principle,.screen .tech-panel,.screen .work-main,.screen .work-sub,.screen .roadmap,.screen .contact-form,.screen .btn-primary,.screen .btn-secondary{border-radius:var(--section-radius,13px)}.screen [data-live-key][contenteditable=true]{outline-offset:4px;cursor:text;outline:1px dashed #0000;transition:outline-color .16s,background-color .16s}.screen [data-live-key][contenteditable=true]:hover,.screen [data-live-key][contenteditable=true]:focus{background:#ffffff0b;outline-color:#aeb0b5}.contact-extra .contact-action{color:inherit;gap:8px;text-decoration:none;display:grid}.contact-extra .contact-action:hover b{color:#fff;text-underline-offset:4px;text-decoration:underline}.honeypot{clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.footer-links{align-items:center;gap:10px;display:inline-flex}.footer-links a{color:#aaa;text-decoration:none}.footer-links a:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.btn-primary,.btn-secondary,.header-action,.contact-form,.service-card,.mock-window{border-radius:var(--radius,9px)}.ticker-track{animation-duration:var(--ticker-duration,42s)}.ticker-track--reverse{animation-direction:reverse}.ticker:focus-within .ticker-track{animation-play-state:paused}.ticker:focus-visible{outline-offset:3px;outline:1px solid #77777f}.ticker--compact{height:32px}.ticker--compact .ticker-prefix{font-size:8px}.ticker--compact .ticker-group{gap:20px;padding-right:20px;font-size:9px}.ticker-link{color:#c7c7cb;max-width:150px;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap;text-underline-offset:3px;background:#0b0c0e;flex-shrink:0;padding:0 12px;text-decoration:underline;overflow:hidden}.ticker-link:hover,.ticker-link:focus-visible{color:#fff}.ticker--mobile-hidden{display:none}.generic-section{max-width:1120px;margin:auto}.generic-media img{border-radius:var(--radius,9px);border:1px solid #34353a;max-width:100%;max-height:55vh;display:block}.generic-cards{margin-top:25px}.form-errors{color:#f1b9bb;margin:8px 0;font-size:11px}html:not(.js) body{height:auto;min-height:100%;overflow:auto}html:not(.js) .site{min-height:100vh;overflow:visible}html:not(.js) .header,html:not(.js) .bottom,html:not(.js) .ticker{margin:0 5vw;position:relative;inset:auto}html:not(.js) .header{padding-top:12px}html:not(.js) .main{padding:24px 0;display:block;position:relative;inset:auto}html:not(.js) .screen,html:not(.js) .screen:not(.active){visibility:visible;opacity:1;filter:none;pointer-events:auto;min-height:75vh;display:flex;position:relative;transform:none}html:not(.js) .right-rail{display:none}@media (width<=820px){.ticker--mobile-hidden{display:none}.ticker-link{max-width:90px;padding:0 7px;font-size:8px}}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none!important}}.logo{letter-spacing:0;gap:0;font-weight:600}.logo-wordmark{white-space:nowrap;align-items:baseline;line-height:1;display:inline-flex}.logo-wordmark__key{letter-spacing:-.045em;font-weight:600;color:#d7d7db!important}.logo-wordmark__dev{letter-spacing:-.075em;margin-left:.025em;font-weight:800}.swipe-cue{display:none}@media (width<=820px){.header{top:calc(8px + env(safe-area-inset-top));left:calc(22px + env(safe-area-inset-left));right:calc(22px + env(safe-area-inset-right))}.main{top:calc(137px + env(safe-area-inset-top));bottom:calc(98px + env(safe-area-inset-bottom))}.ticker{left:calc(22px + env(safe-area-inset-left));right:calc(22px + env(safe-area-inset-right));bottom:calc(55px + env(safe-area-inset-bottom))}.bottom{left:calc(22px + env(safe-area-inset-left));right:calc(22px + env(safe-area-inset-right));height:calc(55px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.pager{touch-action:none;cursor:ns-resize;min-height:44px;padding:0 4px}.swipe-cue{color:#777980;font:13px/1 var(--mono);display:inline-block}}@media (width<=540px){.header{left:calc(17px + env(safe-area-inset-left));right:calc(17px + env(safe-area-inset-right))}.main{top:calc(133px + env(safe-area-inset-top));bottom:calc(97px + env(safe-area-inset-bottom))}.ticker{left:calc(17px + env(safe-area-inset-left));right:calc(17px + env(safe-area-inset-right));bottom:calc(60px + env(safe-area-inset-bottom))}.bottom{left:calc(17px + env(safe-area-inset-left));right:calc(17px + env(safe-area-inset-right))}.pager{gap:7px}.swipe-cue{font-size:12px}}
