:root{--bg:#f5f6f8;--maxw:82rem;--gutter:clamp(1.25rem, 4.5vw, 4.5rem);--ease-out:cubic-bezier(.22,1,.36,1);--stage:#18242d;--stage-ink:#f5f7fa;--stage-muted:#b3c0ca}body{font-size:1rem}h1,h2{letter-spacing:-.055em;font-weight:550}h3{letter-spacing:-.025em;font-weight:650}.site-shell{transform-origin:50% 30vh;transition:transform .6s var(--ease-out), opacity .45s}body.project-is-open .site-shell{opacity:.25;transform:scale(.95)}.text-link{color:var(--ink);align-items:center;gap:.8rem;padding-block:.5rem;font-size:.93rem;font-weight:650;text-decoration:none;display:inline-flex}.text-link svg{width:1.2rem}.showcase{scroll-margin-top:6rem}.showcase-topline{align-items:center;gap:1.3rem;display:flex}.showcase-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.showcase-top h2{letter-spacing:-.015em;white-space:nowrap;margin:0;font-size:.85rem;font-weight:600}.showcase-theatre{background:radial-gradient(ellipse at var(--light-x,72%) var(--light-y,32%), #35485e 0%, #243440 38%, var(--stage) 78%);color:var(--stage-ink);isolation:isolate;border-radius:18px;position:relative;overflow:clip;box-shadow:0 16px 42px -30px #152b45aa}.showcase-theatre:before{content:"";transform-origin:100% 0;pointer-events:none;background:linear-gradient(#afc3da09,#070f1855);border-top:1px solid #d6e6ff0b;height:24%;position:absolute;bottom:0;left:0;right:0;transform:skewY(-3deg)}.showcase-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;outline-offset:-4px;display:flex;position:relative;overflow-x:auto}.showcase-track::-webkit-scrollbar{display:none}.showcase-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.showcase-track:focus-visible{outline-color:#99baff}.showcase-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%;min-width:0;overflow:clip}.project-link{color:var(--ink);-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}.showcase-project{color:var(--stage-ink);cursor:inherit}.showcase-project:focus-visible{outline-offset:-6px;border-radius:12px;outline:3px solid #99baff}.showcase-figure{margin:0;grid-template-columns:minmax(210px,.72fr) minmax(0,1.8fr);align-items:center;gap:clamp(2rem,4vw,4rem);max-width:1180px;min-height:0;margin-inline:auto;padding:2rem 3rem 1rem;display:grid}.showcase-description{color:var(--stage-muted);max-width:27ch;font-size:.88rem;line-height:1.7}.showcase-open{color:#18242d;transition:background .25s, gap .4s var(--ease-out);background:#f4f6f9;border-radius:999px;align-items:center;gap:1.7rem;margin:1rem 0 1.2rem;padding:.8rem 1.1rem;font-size:.85rem;font-weight:650;display:inline-flex}.showcase-open svg{width:1.1rem;transition:transform .35s var(--ease-out);transform:rotate(-35deg)}.showcase-project:hover .showcase-open svg{transform:rotate(0)}.showcase-project:hover .showcase-open{background:#dce7ff;gap:2.1rem}.concept-label{color:var(--muted);font-size:.69rem;display:block}.showcase-visual{width:min(100%,680px);min-width:0;transform:perspective(1400px) translateX(var(--preview-shift,0px)) rotateY(calc(-5deg + var(--camera-y,0deg) + var(--preview-rotate,0deg))) rotateX(calc(2.5deg + var(--camera-x,0deg))) scale(var(--preview-scale,1));transform-origin:50%;justify-self:end;position:relative}.showcase-visual:after{content:"";z-index:-1;filter:blur(14px);height:2.2rem;transform:translateY(1.4rem) scaleX(var(--preview-scale,1));pointer-events:none;background:#020a13aa;border-radius:50%;position:absolute;bottom:-.4rem;left:8%;right:2%}.window-depth{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:5px;box-shadow:0 18px 40px -20px #152b4555}.showcase-visual .window-depth{background:0 0;border:1px solid #c3d5ed70;border-radius:7px;padding:0;box-shadow:1px 1px #5b7298,3px 3px #324762,5px 5px #233349,0 32px 48px -24px #050d18cc}.window-screen{background:var(--surface-2);aspect-ratio:1.6;border-radius:6px;position:relative;overflow:hidden}.window-screen img{object-fit:cover;object-position:top;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.showcase-business{color:var(--stage-muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:.85rem;font-size:.73rem;display:flex}.showcase-business svg{width:1rem;transform:rotate(-35deg)}.showcase-position{font-variant-numeric:tabular-nums;color:var(--stage-muted);align-items:center;gap:.85rem;font-size:.76rem;display:flex}.showcase-position>span:first-child{color:#fff}.showcase-note{color:var(--muted);justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.73rem;display:flex}.showcase-note a{color:var(--ink);white-space:nowrap;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.showcase-note svg{width:1rem}.process-steps{border-top:1px solid var(--line)}.process-step{border-bottom:1px solid var(--line)}.process-step summary{cursor:pointer;grid-template-columns:2.8rem 1fr 1.5rem;align-items:center;gap:.7rem;padding-block:1.7rem;list-style:none;display:grid}.process-step summary::-webkit-details-marker{display:none}.process-step h3{margin:0;font-size:1.4rem;font-weight:550}@supports (interpolate-size:allow-keywords){.process-step{interpolate-size:allow-keywords}.process-step::details-content{height:0;transition:height .4s var(--ease-out), content-visibility .4s allow-discrete;overflow:clip}.process-step[open]::details-content{height:auto}}.work-section{padding-top:2rem}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2rem;display:grid}.project{min-width:0;margin:0}.project figure{margin:0}.project figcaption{margin-top:1.15rem}.project-caption{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.project-caption strong{letter-spacing:-.04em;font-size:1.45rem;font-weight:550}.project-action{align-items:center;gap:.5rem;font-size:.75rem;display:inline-flex}.project-action svg{width:1rem}.project-detail{color:var(--muted);margin:.25rem 0;font-size:.85rem;display:block}.window-enter{color:#fff;background:var(--accent);width:44px;height:44px;transition:transform .35s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1rem;right:1rem}.window-enter svg{width:1.2rem;rotate:-35deg}.project-link:hover .window-enter{transform:scale(1.12)rotate(35deg)}.page-head h1{font-size:clamp(3rem,5.8vw,5.5rem);line-height:1.08}.card{box-shadow:none;border-radius:12px}.cta{grid-template-columns:1fr}.project-viewer{--viewer-top:4.5rem;--viewer-side:2rem;--viewer-bottom:4.25rem;width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.project-viewer::backdrop{background:color-mix(in srgb, var(--bg) 88%, transparent);opacity:0;transition:opacity .45s}.project-viewer[data-visible]::backdrop{opacity:1}.viewer-bar{height:var(--viewer-top);padding:0 var(--viewer-side);align-items:center;display:flex;position:absolute;inset:0 0 auto}.viewer-heading{min-width:0}.viewer-heading strong{letter-spacing:-.035em;font-size:1.1rem;display:block}.viewer-heading>span{color:var(--muted);font-size:.72rem;display:block}.viewer-canvas{inset:var(--viewer-top) var(--viewer-side) var(--viewer-bottom);background:var(--surface);transform-origin:0 0;border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 25px 70px #0003}.viewer-image{pointer-events:none;background:var(--surface);position:absolute;inset:0}.viewer-image img{object-fit:cover;object-position:top;width:100%;height:auto;min-height:0}.viewer-frame{background:var(--surface);opacity:0;border:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.viewer-frame[data-ready]{opacity:1}.viewer-bar,.viewer-foot{opacity:0;transition:opacity .3s}.project-viewer[data-visible] .viewer-bar,.project-viewer[data-visible] .viewer-foot{opacity:1}.viewer-foot{height:var(--viewer-bottom);bottom:0;left:calc(var(--back-clear,var(--viewer-side)) + 1rem);right:var(--viewer-side);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.7rem;display:flex;position:absolute}.viewer-loading{z-index:1;background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:999px;padding:.7rem 1.2rem;font-size:.85rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0002}.viewer-error{background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.viewer-error p{max-width:30rem}@media (width<=1150px){.showcase-top{display:block}.showcase-topline{justify-content:space-between;margin-bottom:.5rem}.showcase-top h2{margin-bottom:0}.showcase-figure{grid-template-columns:minmax(180px,.7fr) minmax(0,1.6fr);gap:2rem;min-height:24rem;padding:2rem 2rem 1rem}.showcase-open,.showcase-project:hover .showcase-open{white-space:nowrap;gap:.8rem;font-size:.8rem}}@media (width<=767px){.showcase-top h2{white-space:normal;max-width:calc(100% - 108px);margin-bottom:0;font-size:.82rem;line-height:1.4}.showcase-theatre{border-radius:12px;position:relative}.showcase-figure{flex-direction:column;gap:1.3rem;min-height:0;padding:1.5rem 1.1rem .5rem;display:flex}.showcase-description{display:none}.showcase-open{align-self:center;gap:.5rem;margin:0;padding:.55rem .75rem;font-size:.7rem}.showcase-open svg{width:.9rem}.showcase-project:hover .showcase-open{gap:.5rem}.showcase-visual{width:100%;transform:perspective(1000px) translateX(var(--preview-shift,0px)) rotateY(var(--preview-rotate,0deg)) scale(var(--preview-scale,1))}.showcase-visual .window-depth{border-radius:5px;padding:0}.window-screen{border-radius:4px}.showcase-business{margin-top:.65rem;font-size:.63rem}.showcase-position{gap:.5rem;font-size:.7rem}.showcase-note{align-items:start;font-size:.65rem}.showcase-note>span{max-width:25ch}.process-step summary{grid-template-columns:2rem 1fr 1.5rem;padding-block:1.3rem}.process-step h3{font-size:1.2rem}.project-gallery{grid-template-columns:1fr;gap:2.5rem}.project-caption strong{font-size:1.3rem}.project-action{font-size:.7rem}.project-viewer{--viewer-top:4rem;--viewer-side:.5rem;--viewer-bottom:4rem}.viewer-bar{padding-inline:1rem}.viewer-heading strong{font-size:.88rem;line-height:1.3}.viewer-heading>span{font-size:.65rem}.viewer-canvas{border-radius:7px}.viewer-foot{font-size:.65rem;line-height:1.4;right:1rem}.viewer-escape{display:none}.viewer-image img{min-height:0}}@media (width<=360px){.showcase-open{justify-self:start;margin-top:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop,.process-step::details-content{scroll-behavior:auto!important;transition:none!important;animation:none!important}.site-shell,body.project-is-open .site-shell,.showcase-visual{transform:none!important}}.process-step summary{outline-offset:5px}.process-step[open]{background:color-mix(in srgb,var(--surface-2),transparent 45%)}.process-step summary:focus:not(:focus-visible){outline:none}#work,#service,#process,#pricing,#contact{scroll-margin-top:6rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.viewer-frame{transition:opacity .12s ease-out}@media (prefers-reduced-motion:reduce){.viewer-frame{transition:none}}.process-step,.faq details{transition:background-color .25s}@supports (interpolate-size:allow-keywords){.faq details{interpolate-size:allow-keywords}.faq details::details-content{height:0;transition:height .4s var(--ease-out), content-visibility .4s allow-discrete;overflow:clip}.faq details[open]::details-content{height:auto}}@media (prefers-reduced-motion:reduce){.faq details::details-content{transition:none}}[data-service-stage]{isolation:isolate}.project-viewer{--back-tint:13 22 34}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .project-viewer{--back-tint:44 58 78}}:root[data-theme=dark] .project-viewer{--back-tint:44 58 78}.viewer-close{--back-gap:clamp(.75rem, 1.4vw, 1.25rem);z-index:3;left:calc(var(--viewer-side) + var(--back-gap));bottom:calc((var(--viewer-bottom) - 3rem) / 2);background:rgb(var(--back-tint) / .7);backdrop-filter:blur(16px)saturate(1.6);color:#fff;height:3rem;font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;opacity:0;transition:opacity .2s, transform .3s var(--ease-out), background-color .25s;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.75rem;padding:.3rem 1.2rem .3rem .3rem;font-size:.88rem;font-weight:650;line-height:1;display:inline-flex;position:absolute;transform:translateY(1.1rem)scale(.94);box-shadow:inset 0 1px #ffffff24,0 14px 34px -12px #040a1299,0 2px 8px #040a1238}.project-viewer[data-visible] .viewer-close{opacity:1;transition:opacity .35s .34s,transform .75s cubic-bezier(.34,1.45,.64,1) .34s,background-color .25s;transform:none}.viewer-close:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:2px solid #5d8dff;position:absolute;inset:-1px}.project-viewer[data-visible] .viewer-close:after{animation:viewer-back-pulse 1.3s var(--ease-out) 1s}@keyframes viewer-back-pulse{0%{opacity:.9;transform:none}to{opacity:0;transform:scale(1.07,1.45)}}.viewer-close-icon{color:#0c141c;width:2.4rem;height:2.4rem;transition:transform .4s var(--ease-out);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.viewer-close-icon svg{width:1.1rem;height:1.1rem;rotate:180deg}@media (hover:hover){.viewer-close:hover{background:rgb(var(--back-tint) / .9)}.viewer-close:hover .viewer-close-icon{transform:translate(-.2rem)}}.viewer-close:active .viewer-close-icon{transform:scale(.92)}.viewer-close:focus-visible{outline-offset:3px;outline:3px solid #3b74ff}@supports not (backdrop-filter:blur(1px)){.viewer-close{background:rgb(var(--back-tint) / .9)}}.viewer-close .viewer-close-short{display:none}@media (width<=767px){.viewer-close{gap:.6rem;padding-right:1rem;font-size:.85rem}.viewer-close .viewer-close-long{display:none}.viewer-close .viewer-close-short{display:inline}}