.studio-home{--mute-soft:#aab7ae}.cinema-hero{isolation:isolate;background:#101714;flex-direction:column;justify-content:center;min-height:min(900px,92svh);display:flex;position:relative;overflow:hidden}.cinema-hero .hero-reel{z-index:0;position:absolute;inset:0}.cinema-hero .hero-aperture{position:absolute;inset:0}.cinema-hero video,.cinema-hero .hero-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cinema-hero .hero-aperture:after{content:"";background:linear-gradient(90deg,#101714f5 0%,#101714e0 30%,#1017148c 52%,#10171400 78%),linear-gradient(#0000 55%,#101714e6);position:absolute;inset:0}.cinema-content{z-index:1;padding-block:4rem 5rem;position:relative}.cinema-eyebrow{color:#e4ebdf;align-items:center;gap:.7rem;display:flex}.cinema-content h1{font-size:calc(clamp(4.25rem, 8.8vw, 8.75rem) * var(--display-scale));letter-spacing:-.055em;color:#f6f8ef;margin-block:2rem 3rem;line-height:.97}.cinema-content h1>span{color:var(--accent)}.cinema-bottom{justify-content:space-between;align-items:end;gap:3rem;display:flex}.cinema-bottom>p{color:#e0e7de;max-width:34rem;font-size:1.125rem}.cinema-actions{flex-direction:column;align-items:start;gap:1.25rem;display:flex}.cinema-actions .home-text-link{color:#f5f8ef}.cinema-caption{bottom:0;color:#d2ddd2;pointer-events:none;border-top:1px solid #ffffff25;padding-block:1rem;position:absolute;inset-inline:0}.cinema-caption-row{justify-content:space-between;gap:1rem;display:flex}.cinema-caption-row>span:last-child{margin-right:3rem}.reel-control{z-index:3;color:#fff;cursor:pointer;background:#11161599;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:.55rem;right:1rem}.reel-control:hover{background:#111615}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem;display:flex}.home-clients{border-bottom:1px solid var(--line);padding-block:1.75rem 1rem}.home-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1.75rem;display:grid}.home-work-card:nth-child(2n){padding-top:4rem}.work-card-caption{justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.work-card-caption h3{margin-block:.5rem}.work-arrow{border:1px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:background .25s,color .25s;display:grid}.home-work-card:hover .work-arrow{background:var(--accent);color:#172014}.home-tools{border-bottom:1px solid var(--line)}.home-tools-inner{grid-template-columns:12rem 1fr;align-items:center;gap:2rem;padding-block:2.5rem;display:grid}.home-tool-list{flex-wrap:wrap;align-items:center;gap:1.5rem 2rem;display:flex}.home-testimonials{background:var(--paper-dim)}.review-deck{max-width:72rem;margin-inline:auto}.review-heading{margin-bottom:2rem}.review-heading h2{margin-top:1.25rem}.review-stage{isolation:isolate;padding:0 1.75rem 1.25rem;display:grid;position:relative}.review-stage:before,.review-stage:after{content:"";z-index:-1;border-radius:var(--r-panel);background:#202c25;border:1px solid #43543d;border-top:3px solid #78935a;position:absolute;inset:1.5rem .8rem .5rem;transform:rotate(-1.2deg)}.review-stage:after{background:#1a251f;border-top-color:#9bcdb4;transform:rotate(1.2deg)}.review-card{border:1px solid var(--line-strong);border-top:3px solid var(--accent);border-radius:var(--r-panel);background:#202923;flex-direction:column;flex:0 0 100%;min-width:0;padding:clamp(1.25rem,2.6vw,2.25rem);display:flex;box-shadow:0 24px 60px #0003}.review-viewport{border-radius:var(--r-panel);touch-action:pan-y pinch-zoom;min-width:0;transition:height .62s cubic-bezier(.22,1,.36,1);overflow:hidden}.review-track{align-items:flex-start;gap:1.5rem;transition:transform .62s cubic-bezier(.22,1,.36,1);display:flex}.review-body{grid-template-columns:minmax(0,1fr) 140px;gap:1.75rem;display:grid}.review-body:not(:has(.review-logos)){grid-template-columns:1fr}.review-logos{border-left:1px solid var(--line-strong);flex-direction:column;gap:1rem;padding-left:1.5rem;display:flex}.review-logo .s-meta{margin-bottom:.4rem;line-height:1.6}.review-logo-art{background:#fff;border-radius:6px;justify-content:center;align-items:center;min-height:52px;padding:8px;display:flex}.review-logo-art[data-dark=true]{background:#111615}.review-logo-art img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:40px}@media (max-width:900px){.review-body{grid-template-columns:1fr}.review-logos{border-left:0;border-top:1px solid var(--line);flex-flow:wrap;gap:1.25rem;padding-top:1.25rem;padding-left:0}.review-logo{width:140px;max-width:100%}}.review-card-heading{color:var(--accent);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.review-quote-mark{font-family:Georgia,serif;font-size:2.75rem;line-height:.7}.review-card blockquote{letter-spacing:-.012em;color:var(--ink);max-width:68ch;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.6}.review-more,.review-count{display:none}.review-signature{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:auto;padding-top:1.5rem;display:flex}.review-person{align-items:center;gap:1rem;display:flex}.review-person .s-small{margin-top:.3rem}.review-portrait{background:var(--paper-elevated);isolation:isolate;border-radius:50%;flex:none;width:48px;height:48px;position:relative;overflow:hidden}.review-portrait img{object-fit:cover;width:100%;height:100%}.review-navigation{justify-content:space-between;align-items:center;gap:2rem;margin-top:.75rem;display:flex}.review-clients{flex:1;gap:2rem;display:flex}.review-clients button{text-align:left;min-height:48px;color:var(--mute);cursor:pointer;border-bottom:2px solid #0000;align-items:baseline;gap:.6rem;padding-block:.6rem;font-weight:600;transition:color .18s,border-color .18s;display:flex}.review-clients button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.review-clients button:hover{color:var(--ink)}.review-arrows{gap:.5rem;display:flex}.review-arrows button{border:1px solid var(--line-strong);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.review-arrows button:hover{color:var(--paper);background:var(--accent)}.review-deck button:focus-visible,.review-deck a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.home-work-card:focus-visible{outline:2px solid var(--accent);outline-offset:8px}@media (max-width:700px){.review-stage{padding:0 .6rem 1.25rem}.review-stage:before,.review-stage:after{inset:1.5rem .35rem .5rem;transform:rotate(-1deg)}.review-stage:after{transform:rotate(1deg)}.review-logos{display:none}.review-card blockquote{font-size:.9688rem}.review-card blockquote:not(.is-open){-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.review-more{min-height:44px;color:var(--accent);text-underline-offset:4px;cursor:pointer;margin-top:.25rem;text-decoration:underline;display:inline-block}.review-clients{display:none}.review-count{color:var(--mute);align-self:center;margin-right:auto;display:block}.review-signature{flex-direction:column;align-items:flex-start;gap:.6rem;padding-top:1rem}.review-heading{margin-bottom:1.5rem}.review-navigation{margin-top:.25rem}.review-arrows{flex:1;align-items:center;padding-inline:.6rem}}@media (prefers-reduced-motion:reduce){.review-viewport,.review-track,.home-work-card .portfolio-media img{transition:none}.home-work-card:is(:hover,:focus-visible) .portfolio-media img{transform:none}}.home-quotes{grid-template-columns:1.2fr 1fr 1fr;gap:1.25rem;display:grid}.home-quote{border:1px solid var(--line);border-radius:var(--r-media);background:var(--paper-elevated);flex-direction:column;padding:1.75rem;display:flex}.quote-mark{color:var(--accent);height:3rem;font-size:4rem;line-height:1}.home-quote blockquote{color:var(--ink-soft);padding-block:.8rem 1.5rem}.home-quote figcaption{border-top:1px solid var(--line);margin-top:auto;padding-top:1.25rem}.home-quote figcaption .s-small{margin-top:.4rem}.home-quote .home-text-link{margin-top:1rem}.product-band{border:1px solid var(--line-strong);border-radius:var(--r-panel);background:linear-gradient(135deg,#26332a,#18211b);grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,3vw,2.5rem);display:grid}.product-story h2{margin-top:1.1rem}.product-story>.s-body{max-width:32rem;margin-top:.9rem}.product-story .hero-actions{margin-top:1.4rem}.product-preview{border:1px solid var(--line-strong);border-radius:var(--r-media);background:#151d19;overflow:hidden}.preview-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.1rem;display:flex}.preview-bar>span:first-child{letter-spacing:-.05em;font-size:1.25rem}.preview-content{padding:1rem 1.1rem 1.1rem}.preview-folder,.preview-file,.preview-shared{align-items:center;gap:.7rem;display:flex}.preview-folder{background:#2b382c;border-radius:4px;padding:.65rem .8rem}.preview-folder>:last-child,.preview-file>:last-child{margin-left:auto}.preview-file{border-bottom:1px solid var(--line);padding:.6rem .25rem}.preview-shared{color:var(--mute);padding-top:.85rem}@media (max-width:1100px){.home-quotes{grid-template-columns:1fr 1fr}.home-quote:first-child{grid-column:1/-1}.cinema-hero{min-height:760px}}@media (max-width:700px){.cinema-hero{min-height:680px}.cinema-content{padding-block:3rem 5rem}.cinema-content h1{font-size:calc(clamp(3.8rem, 13vw, 5.5rem) * var(--display-scale));margin-block:2rem}.cinema-eyebrow{align-items:start;max-width:30ch;font-size:.6875rem}.cinema-eyebrow .dot{margin-top:.35rem}.cinema-bottom{flex-direction:column;align-items:start;gap:1.75rem}.cinema-bottom>p{max-width:28rem;font-size:1rem}.cinema-hero video,.cinema-hero .hero-poster{object-position:60% center}.cinema-hero .hero-aperture:after{background:linear-gradient(90deg,#101714e6,#101714a6),linear-gradient(#0000,#101714d9),linear-gradient(#1017141f,#1017141f)}.cinema-caption-row>span:last-child{display:none}.home-clients{padding-block:1.25rem .5rem}.home-work-grid,.home-quotes{grid-template-columns:1fr;gap:2rem}.product-band{grid-template-columns:1fr}.product-preview{display:none}.home-work-card:nth-child(2n){padding-top:0}.home-quote:first-child{grid-column:auto}.home-tools-inner{grid-template-columns:1fr;gap:1.5rem}.home-tool-list{gap:1.25rem}.home-quote{padding:1.5rem}}@media (max-width:380px){.cinema-content h1{font-size:calc(3.25rem * var(--display-scale))}}.what-we-do{background:var(--paper-dim)}.what-we-do .home-section-heading{margin-bottom:2rem}@media (min-width:1001px){.what-we-do .home-section{padding-top:3.5rem;padding-bottom:3.5rem}}.build-section{scroll-margin-top:5rem}.build{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);display:grid}.build-how h2{margin-top:1.25rem}.build-how>.s-body{max-width:30rem;margin-top:1rem}.build-steps{border-top:1px solid var(--line-strong);margin-top:1.5rem}.build-steps li{border-bottom:1px solid var(--line);grid-template-columns:30px 5.5rem minmax(0,1fr);align-items:center;column-gap:.9rem;padding-block:.8rem;display:grid}.build-steps .s-meta{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--accent);border-radius:50%;place-items:center;animation:12s step-end infinite build-step;display:grid}.build-steps li:nth-child(2) .s-meta{animation-delay:3s}.build-steps li:nth-child(3) .s-meta{animation-delay:6s}.build-steps li:nth-child(4) .s-meta{animation-delay:9s}@keyframes build-step{0%,25%,to{border-color:var(--line-strong);color:var(--accent);background:0 0}3%,22%{background:var(--accent);border-color:var(--accent);color:#172014}}.build-steps .s-name{color:var(--ink)}.build-steps .s-small{color:var(--mute)}.build-ways{flex-direction:column;display:flex}.offer-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:1rem;margin-top:1.25rem;display:grid}.offer-card{border-radius:var(--r-media);transition:border-color .3s var(--ease), transform .3s var(--ease);background:linear-gradient(#26332a,#1b251e);border:1px solid #3d4d40;flex-direction:column;justify-content:space-between;gap:1.1rem;padding:1.35rem;display:flex}.offer-card:hover{border-color:var(--accent);transform:translateY(-3px)}.offer-icon{width:44px;height:44px;color:var(--accent);background:#253027;border-radius:8px;flex:none;place-items:center;display:grid}.offer-card h3{color:var(--ink)}.offer-card .s-small{color:var(--ink-soft);margin-top:.4rem}.offer-brief{display:none}@media (max-width:1000px){.build{grid-template-columns:1fr;gap:0}.build-ways{margin-top:var(--home-space);padding-top:var(--home-space);border-top:1px solid var(--line)}}@media (max-width:700px){.offer-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:.6rem}.offer-card{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.9rem;padding:.9rem}.offer-icon{width:38px;height:38px}.offer-full{display:none}.offer-brief{display:block}.build-steps li{grid-template-columns:30px minmax(0,1fr);row-gap:.1rem;padding-block:.7rem}.build-steps .s-meta{grid-row:1/span 2}.build-steps .s-small{grid-column:2}}.design-strip{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.design-slide{width:max-content;animation:70s linear infinite design-slide;display:flex}.design-strip:hover .design-slide,.design-strip:focus-within .design-slide{animation-play-state:paused}@keyframes design-slide{to{transform:translate(-50%)}}.design-track{gap:1.25rem;padding-right:1.25rem;display:flex}.design-card{border-radius:var(--r-media);width:clamp(260px,26vw,380px);transition:border-color .3s var(--ease), transform .3s var(--ease);background:linear-gradient(#26332a,#1b251e);border:1px solid #3d4d40;padding:.75rem;display:block}.design-card:hover,.design-card:focus-visible{border-color:var(--accent);transform:translateY(-4px)}.design-card .portfolio-media{border-radius:calc(var(--r-media) - 4px)}.design-card-caption{justify-content:space-between;align-items:center;gap:1rem;padding:1rem .5rem .4rem;display:flex}.design-card-caption .s-meta{color:var(--accent)}.design-card-caption h3{color:var(--ink);margin-block:.35rem .15rem}.design-card-caption .s-small{color:var(--mute)}.design-card .work-arrow{width:38px;height:38px}.design-card:hover .work-arrow{background:var(--accent);color:#172014}@media (prefers-reduced-motion:reduce){.design-strip{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.design-track[aria-hidden=true]{display:none}.design-track{padding-inline:1.25rem}}
