.projects-intro{grid-template-columns:1.15fr 1fr;align-items:end;gap:48px;padding-block:clamp(64px,7vw,112px) clamp(56px,6vw,96px);display:grid}.projects-intro>p{color:var(--studio-muted);max-width:420px;font-size:18px}.projects-selection{gap:100px;display:grid}.project-showcase{min-width:0}.showcase-heading{justify-content:space-between;align-items:center;gap:32px;padding-block:26px;display:flex}.studio-main .showcase-heading h2{letter-spacing:-.035em;font-size:clamp(24px,3vw,44px);line-height:1.12}.showcase-heading h2 a{transition:color .18s;display:inline-block}.showcase-heading h2 a:hover{color:var(--studio-accent)}.showcase-heading p{color:var(--studio-muted);margin-top:12px;font-size:14px}.showcase-case-link{flex-shrink:0;align-items:center;gap:28px;min-height:48px;display:inline-flex}.showcase-case-link .arrow-icon{width:34px;height:34px;transition:transform .3s var(--studio-ease)}.showcase-case-link:is(:hover,:focus-visible){color:var(--studio-accent)}.showcase-case-link:is(:hover,:focus-visible) .arrow-icon{transform:translate(4px,-4px)}.explorer-selector{background:var(--studio-surface);justify-content:space-between;align-items:center;gap:24px;padding:8px 24px;display:flex}.explorer-invitation{color:var(--studio-muted);font-size:14px}.explorer-options{gap:8px;display:flex}.explorer-options button{color:var(--studio-muted);background:0 0;border:0;min-height:52px;padding:17px 18px;transition:color .18s;position:relative}.explorer-options button:hover{color:var(--studio-text)}.explorer-options button[aria-pressed=true]{color:var(--studio-accent)}.explorer-selection{width:5px;height:5px;transition:transform .3s var(--studio-ease);background:currentColor;border-radius:50%;position:absolute;bottom:6px;left:50%;transform:translate(-50%)scale(0)}.explorer-options button[aria-pressed=true] .explorer-selection{transform:translate(-50%)scale(1)}.explorer-stage{background:var(--work-ground);aspect-ratio:1.6;isolation:isolate;padding:24px 24px 72px;position:relative;overflow:hidden}.explorer-canvas{height:100%;animation:project-view-reveal .5s var(--studio-ease) both;place-items:center;display:grid}.explorer-screen{width:100%;height:100%;min-height:0;display:block}.explorer-screen img{object-fit:contain;width:100%;height:100%;display:block}.explorer-stage:has(.explorer-screen){background:#0e1d2d}.explorer-expand{z-index:2;color:#06111f;min-height:44px;transition:background .18s, transform .25s var(--studio-ease);background:#e7edf3;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:inline-flex;position:absolute;bottom:19px;right:22px}.explorer-expand svg{width:18px;height:18px}.explorer-expand:is(:hover,:focus-visible){background:var(--studio-accent);transform:translateY(-2px)}.explorer-source{color:#c5d4e4;align-items:center;gap:14px;min-height:44px;font-size:13px;display:inline-flex;position:absolute;bottom:19px;left:28px}.explorer-source .arrow-icon{width:17px;height:17px}.explorer-source:is(:hover,:focus-visible){color:var(--studio-accent)}.explorer-caption{grid-template-columns:.9fr 1.2fr auto;align-content:start;align-items:start;gap:clamp(24px,4vw,64px);min-height:152px;padding-block:28px 24px;display:grid}.studio-main .explorer-caption h3{font-size:22px;line-height:1.3}.explorer-caption p{color:var(--studio-muted);max-width:58ch;font-size:15px}.explorer-caption .text-link{white-space:nowrap;min-height:44px;margin-top:-6px;font-size:14px}.explorer-phones{justify-content:center;align-items:center;gap:5%;width:85%;height:100%;display:flex}.explorer-phone{background:#06111f;flex-shrink:0;width:26%}.explorer-phone img{width:100%;height:auto;display:block}.explorer-phone:first-child{transform:translateY(6%)}.explorer-phone:nth-child(2){transform:translateY(-6%)}.explorer-nojs{padding:16px}.explorer-nojs a{text-decoration:underline}.project-focus{background:var(--studio-bg);width:min(1500px,96vw);max-width:none;height:min(1050px,95dvh);max-height:none;color:var(--studio-text);border:0;margin:auto;padding:0;position:fixed;inset:0}.project-focus[open]{flex-direction:column;display:flex}.project-focus::backdrop{background:#000000d9}.project-focus-header{justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.studio-main .project-focus-header h2{font-size:20px;line-height:1.3}.project-focus button{min-height:44px;color:var(--studio-text);background:var(--studio-surface);border:0;align-items:center;gap:24px;padding:8px 14px;display:inline-flex}.project-focus button:hover{color:var(--studio-accent)}.project-focus button span{font-size:26px}.project-focus-image{overscroll-behavior:contain;background:#0e1d2d;flex:1;min-height:0;overflow:auto}.project-focus-image img{width:100%;min-width:1000px;height:auto;margin:auto;display:block}.project-focus-mobile img{width:min(390px,100%);min-width:0}.project-focus>p{max-width:90ch;padding:16px 24px;font-size:14px}.project-return{margin-top:48px}.project-return .arrow-icon{rotate:-90deg}.project-case-intro{padding-block:48px 60px}.studio-main .project-case-intro h1{max-width:15ch;font-size:clamp(40px,6.8vw,106px);line-height:.98}.project-case-summary{grid-template-columns:1.15fr 1fr;gap:64px;margin-top:40px;display:grid}.project-case-summary>p{max-width:28ch;font-size:clamp(20px,2vw,28px)}.project-case-summary>div{align-self:end}.project-case-summary>div>p{color:var(--studio-muted);margin-bottom:16px;font-size:15px}.project-responsive{grid-template-columns:1fr 1.15fr;align-items:center;gap:8%;padding-block:clamp(80px,9vw,144px);display:grid}.project-responsive-copy>p{max-width:42ch;color:var(--studio-muted);margin-top:28px}.project-feature-list{gap:24px;margin:36px 0 0;padding:0;list-style:none;display:grid}.project-feature-list li{grid-template-columns:100px 1fr;gap:24px;display:grid}.project-feature-list span{color:var(--studio-text);font-size:15px}.project-feature-list p{color:var(--studio-muted);font-size:14px}.project-responsive-visual{align-items:center;gap:6%;padding:30px 0;display:flex}.project-responsive-visual figure{width:47%;margin:0}.project-responsive-visual figure:nth-child(2){padding-top:100px}.project-responsive-visual img{width:100%;height:auto;display:block}.project-responsive-visual figcaption{color:var(--studio-muted);margin-top:16px;font-size:12px}.project-scope-note{background:var(--studio-surface);grid-template-columns:1fr 1.15fr;gap:8%;padding:26px;font-size:13px;display:grid}.project-scope-note p:last-child{color:var(--studio-muted);max-width:65ch}.project-live{justify-content:space-between;align-items:center;gap:48px;padding-block:clamp(70px,8vw,120px);display:flex}.studio-main .project-live h2{max-width:9ch;font-size:clamp(38px,5vw,72px)}.project-live p{color:var(--studio-muted);margin-bottom:24px}.project-case-close{justify-content:space-between;align-items:center;gap:24px;padding-block:0 60px;display:flex}@keyframes project-view-reveal{0%{opacity:.35;transform:translateY(12px)scale(.99)}to{opacity:1;transform:none}}@media (min-width:1600px){.explorer-stage{max-height:850px}}@media (max-width:1000px){.explorer-invitation{display:none}.explorer-selector{justify-content:center}.explorer-caption{grid-template-columns:1fr 1.2fr;gap:24px}.explorer-caption .text-link{grid-column:2;margin-top:-10px}.showcase-case-link{gap:14px;font-size:14px}.project-responsive{gap:5%}.project-feature-list li{grid-template-columns:1fr;gap:4px}}@media (max-width:640px){.projects-intro{grid-template-columns:1fr;gap:28px;padding-block:56px 48px}.studio-main .projects-intro h1{font-size:clamp(44px,11vw,68px)}.projects-intro>p{font-size:16px}.showcase-heading{flex-wrap:wrap;gap:16px;padding-block:20px 24px}.studio-main .showcase-heading h2{font-size:clamp(23px,6vw,32px)}.showcase-heading p{margin-top:8px;font-size:12px}.showcase-case-link{justify-content:space-between;width:100%;min-height:44px}.showcase-case-link .arrow-icon{width:25px;height:25px}.explorer-selector{padding:4px}.explorer-options{justify-content:space-between;gap:0;width:100%}.explorer-options button{flex:1;min-height:52px;padding:14px 8px;font-size:12px}.explorer-stage{aspect-ratio:.58;padding:20px 14px 68px}.explorer-expand{padding:10px;font-size:12px;bottom:12px;right:12px}.explorer-source{font-size:12px;bottom:12px;left:14px}.explorer-caption{grid-template-columns:1fr;gap:14px;min-height:240px;padding-block:24px 8px}.studio-main .explorer-caption h3{font-size:21px}.explorer-caption p{font-size:14px}.explorer-caption .text-link{grid-column:auto;margin-top:0}.explorer-phones{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c5d4e4 #06111f;justify-content:start;gap:20px;width:100%;min-width:0;padding:12px 18px;overflow-x:auto}.explorer-phone{scroll-snap-align:center;width:76%}.explorer-phone:nth-child(n){transform:none}.project-focus{width:100vw;height:100dvh}.project-focus-header{padding:12px 16px}.studio-main .project-focus-header h2{font-size:16px}.project-focus button{gap:12px;padding-inline:10px;font-size:13px}.project-focus>p{padding:16px;font-size:13px}.project-return{margin-top:32px;font-size:14px}.project-case-intro{padding-block:36px 40px}.studio-main .project-case-intro h1{font-size:clamp(37px,11vw,66px)}.project-case-summary{grid-template-columns:1fr;gap:24px;margin-top:28px}.project-case-summary>p{font-size:20px}.project-case-summary>div>p{font-size:13px}.project-responsive{grid-template-columns:1fr;gap:28px;padding-block:70px 48px}.project-feature-list{gap:20px;margin-top:28px}.project-feature-list li{grid-template-columns:80px 1fr;gap:16px}.project-responsive-visual{padding-block:0}.project-responsive-visual figure:nth-child(2){padding-top:70px}.project-responsive-visual figcaption{font-size:11px}.project-scope-note{grid-template-columns:1fr;gap:12px;padding:20px;font-size:12px}.project-live{padding-block:64px;display:block}.studio-main .project-live h2{max-width:100%;margin-bottom:24px;font-size:42px}.project-live p{font-size:15px}.project-case-close{flex-direction:column;align-items:start;gap:20px;padding-bottom:40px;font-size:14px}}@media (prefers-reduced-motion:reduce){.project-explorer *,.showcase-heading *{transition:none!important;animation:none!important}}