/* Progressive interactions share the studio's editorial language. */
html{scroll-padding-top:95px}.project-image{border:1px solid var(--stroke)}
html{--paper:#fff;--surface:#f5f6f8;--body-ink:#171719;--secondary:#66666c;--stroke:#d9d9de;--highlight:#1538f5}html[data-theme=dark]{--paper:#141519;--surface:#1c1e25;--body-ink:#f3f3f6;--secondary:#a6a8b2;--stroke:#343743;--highlight:#91a4ff;--blue:#91a4ff;--muted:#a6a8b2;--line:#343743}body,.blue-opening,.contact-section{background:var(--paper);color:var(--body-ink)}.header{position:sticky;top:0;z-index:20;background:var(--paper);margin:0;padding:0 4%;border-color:var(--stroke);height:85px}.header nav{margin-right:15px;gap:26px}.header nav a{position:relative}.header nav a.current:after{content:'';position:absolute;bottom:-9px;left:0;width:100%;height:2px;background:var(--highlight)}.brand,.contact-top{color:var(--body-ink)}.theme-toggle{border:1px solid var(--stroke);background:none;display:grid;place-items:center;border-radius:50%;width:38px;height:38px;min-width:38px;font-size:24px;line-height:1;color:var(--body-ink);transition:transform .25s}.theme-toggle:hover{transform:rotate(20deg)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.product-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 35px;padding-block:15px;border-block:1px solid var(--stroke)}.filter-group{display:flex;gap:9px}.filter-group button{background:none;border:1px solid transparent;padding:10px 14px;font-size:14px;color:var(--secondary);border-radius:30px;display:flex;gap:15px;align-items:center;transition:background .2s}.filter-group button span{font-size:12px}.filter-group button.active{background:var(--body-ink);color:var(--paper)}.filter-group button:hover:not(.active){background:var(--surface)}.filter-result{font-size:12px;color:var(--secondary)}[hidden]{display:none!important}.project-grid.filtered .project{margin-top:0}.project-grid.filtered{grid-template-columns:repeat(3,minmax(0,1fr))}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:translateY(0)}.expertise,footer{background:var(--surface)}.hero-label,.stage-caption,.hero-description,.hero-bottom,.section-heading p,.project>p,.project-meta,.filter-result{color:var(--secondary)}.hero-bottom a,footer .brand{color:var(--body-ink)}.hero-copy>.primary{background:var(--body-ink);color:var(--paper)}html[data-theme=dark] .hero-copy>.primary:hover{background:#91a4ff;color:#141519}html[data-theme=dark] .hero-outline{color:#91a4ff}html[data-theme=dark] .product-stage:before{background:#252e52}html[data-theme=dark] .product-stage:after{border-color:#455384}.service-body p{color:var(--secondary)}.stage-kicker,.hero-bottom,.project-meta,footer,.products{border-color:var(--stroke)}html[data-theme=dark] .contact-layout .primary,html[data-theme=dark] dialog .primary{background:#91a4ff;color:#141519}html[data-theme=dark] .menu-button{color:var(--body-ink)}.playground{background:#eceff9;border-radius:60px 0 0 0;position:relative;overflow:hidden}.playground .section-index>span:last-child{font-size:12px}.play-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.pill-label{font-size:12px;letter-spacing:1px;display:inline-flex;border:1px solid #c0c8e4;padding:7px 12px;border-radius:30px;color:#545f85;margin-bottom:22px}.play-copy h2{font-size:clamp(48px,5.7vw,84px);line-height:1.03}.play-copy h2 i{font-family:Georgia,serif;font-weight:400;color:#1538f5}.play-copy>p{color:#5d6376;font-size:16px;line-height:1.8;margin-top:22px}.game-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:25px}.game-actions .primary{background:#171719;color:white;min-width:190px}.text-button{background:none;border:0;padding:7px 0;text-decoration:underline;text-underline-offset:5px;font-size:14px;color:var(--highlight);text-align:left;width:max-content}.demo-note{font-size:12px!important;line-height:1.7!important}.game-panel{background:#151924;color:#f3f6ff;padding:24px;border-radius:3px 30px 3px 3px;max-width:430px;width:100%;justify-self:end}.game-panel-top{display:flex;justify-content:space-between;font-size:12px;color:#929db9;gap:20px}.game-panel-top #game-round{color:#bed3ff}.game-panel #game-dial{display:block;width:100%;padding:0;background:none;border:0;position:relative;cursor:crosshair;margin-top:10px;color:#f1f4ff;aspect-ratio:1}.game-panel #game-dial:disabled{cursor:default;opacity:1}.game-panel svg{width:100%;height:100%;display:block}.dial-track{fill:none;stroke:#2d3547;stroke-width:9}.dial-target{fill:none;stroke:#718fff;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 0 7px #4970ed55)}#dial-beam{transform-origin:150px 150px;transform:rotate(180deg)}#dial-beam line{stroke:#f3f7ff;stroke-width:4;stroke-linecap:round}#dial-beam circle,.dial-center{fill:#e9efff}.dial-idle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:17px;white-space:nowrap;background:#151924;padding:14px;border-radius:5px}.playing .dial-idle{display:none}.won .dial-idle{color:#b2d790}.game-score{display:flex;justify-content:space-between;border-top:1px solid #323b4f;padding-top:15px;font-size:12px;color:#9cabc5}.game-score b{font-size:26px;margin:0 7px;color:#fff;font-weight:500}.game-score small{font-size:12px;color:#9cabc5}.game-panel>p{min-height:48px;font-size:14px;line-height:1.6;margin-top:14px;color:#c0c9dc}html[data-theme=dark] .playground{background:#1a2031}html[data-theme=dark] .play-copy>p{color:#a8b2cc}html[data-theme=dark] .play-copy h2 i{color:#91a4ff}html[data-theme=dark] .pill-label{color:#a8b5e0;border-color:#455384}#project-dialog{max-width:1000px;padding:38px;background:var(--paper);color:var(--body-ink)}.product-modal-layout{display:grid;grid-template-columns:.85fr 1fr;gap:38px;align-items:center}.gallery{min-width:0}.gallery-frame{height:430px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:4px;overflow:hidden}.gallery-frame img{width:100%;height:100%;object-fit:contain}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.gallery-controls button{font-size:28px;line-height:1;min-width:35px;min-height:35px;background:var(--surface);border:0;border-radius:50%}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-controls>span{font-size:12px;color:var(--secondary)}#gallery-thumbnails{display:flex;justify-content:center;gap:10px;margin-top:12px}#gallery-thumbnails button{padding:3px;border:1px solid var(--stroke);background:var(--surface);width:46px;height:66px;border-radius:3px}#gallery-thumbnails button.active{border:2px solid var(--highlight)}#gallery-thumbnails img{width:100%;height:100%;object-fit:contain}.product-modal-copy h2{font-size:46px;letter-spacing:-2px}.product-modal-copy>p{font-size:16px;color:var(--secondary);line-height:1.75}.product-modal-actions{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}.product-modal-actions .primary{width:100%;margin-bottom:9px}.product-modal-actions .text-button{font-size:14px}.copy-status{font-size:12px!important;overflow-wrap:anywhere;margin-top:10px;min-height:18px}.collaboration-button{margin-top:15px;font-size:12px}.product-modal-copy .dialog-info{border-color:var(--stroke)}.product-modal-copy .dialog-info p{color:var(--secondary)}#contact-dialog{background:var(--paper);color:var(--body-ink)}#contact-dialog>p{color:var(--secondary)}.dialog-close{z-index:2;color:var(--body-ink)}
@media(max-width:1100px){.header nav{gap:20px;margin-right:0}.header{gap:20px}.play-layout{gap:5%;grid-template-columns:1.1fr 1fr}.play-copy h2{font-size:52px}.game-panel{padding:20px}.product-modal-layout{gap:25px}.gallery-frame{height:370px}.product-modal-copy h2{font-size:35px}#project-dialog{padding:30px}}
@media(max-width:760px){.header{padding:0 6%;height:76px;gap:18px}.header .brand{margin-right:auto}.header nav{background:var(--paper);border-color:var(--stroke);top:76px}.theme-toggle{width:34px;height:34px;min-width:34px;font-size:22px}.menu-button{font-size:14px}.product-toolbar{gap:10px;margin-bottom:25px}.filter-group{gap:3px}.filter-group button{padding:8px 10px;font-size:13px;gap:8px}.filter-result{font-size:12px}.project-grid.filtered{grid-template-columns:1fr}.playground{border-radius:35px 0 0 0}.play-layout{grid-template-columns:1fr;gap:30px}.play-copy h2{font-size:53px}.game-panel{max-width:390px;justify-self:center}.game-actions{gap:20px}.demo-note{font-size:12px!important}.product-modal-layout{grid-template-columns:1fr;gap:25px}.gallery-frame{height:290px}.product-modal-copy h2{font-size:35px;margin:15px 0}.product-modal-copy>p{font-size:15px}.product-modal-copy .dialog-info{margin:20px 0;padding:15px 0}#project-dialog{padding:36px 22px 25px;max-height:92dvh}.gallery-controls>span{font-size:12px}.collaboration-button{font-size:14px}.pill-label{font-size:12px}.filter-group button span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}