/* portfolio.css */
@font-face{font-family:Gilroy;src:url('../fonts/Gilroy/Gilroy-Regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Gilroy;src:url('../fonts/Gilroy/Gilroy-SemiBold.woff') format('woff');font-weight:600 900;font-display:swap}
:root{--paper:#f4f4ee;--ink:#20211e;--muted:#696b63;--line:#d9dbd1;--lime:#d3f36b;--white:#fff;--radius:5px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Gilroy,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}::selection{background:var(--lime);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #66822b;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(64px,8.8vw,130px)}h2{font-size:clamp(36px,4.6vw,66px)}h3{font-size:28px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}p{color:var(--muted)}.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.wordmark{font-size:25px;font-weight:600;letter-spacing:-1px;display:flex;align-items:center;white-space:nowrap}.brand-symbol{font-size:36px;line-height:1;margin-right:10px}.brand-light{font-weight:400}.brand-dot{font-size:11px;align-self:flex-start;margin:5px 0 0 3px}.header nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.header nav>a{position:relative}.header nav>a:not(.nav-contact):after{content:'';position:absolute;bottom:-7px;height:3px;left:0;width:0;background:var(--ink);transition:width .2s}.header nav>a:hover:after,.header nav>a[aria-current]:after{width:100%}.nav-contact{padding:13px 19px;background:var(--ink);color:var(--paper);border-radius:30px;display:flex;gap:22px}.menu-toggle{display:none}.eyebrow{font:11px/1.5 'Courier New',monospace;letter-spacing:.09em;color:inherit}.hero{padding-top:42px}.hero-topline{display:flex;align-items:center;justify-content:space-between}.availability{font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6c923b;box-shadow:0 0 0 4px #88ab4520;margin-right:4px}.hero-title{display:flex;align-items:center;justify-content:space-between;padding:31px 0 28px}.hero-title h1{font-size:clamp(80px,10.7vw,158px);line-height:.93;letter-spacing:-.065em}.hero-title h1 em{position:relative;isolation:isolate}.hero-title h1 em:after{content:'';position:absolute;left:2%;right:-3%;height:18%;background:var(--lime);bottom:8%;z-index:-1;transform:rotate(-3deg)}.hero-mark{font-size:180px;line-height:1;color:var(--ink);margin-right:50px;transform:rotate(15deg)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:2px 0 38px}.hero-bottom>p{font-size:17px;line-height:1.5;color:#565951}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;gap:34px;align-items:center;justify-content:space-between;border-radius:40px;padding:16px 25px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#424739}.button-outline{border-color:#b5b8ac;background:transparent}.button-outline:hover{background:var(--lime);border-color:var(--lime)}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link:hover{color:#66802b}.hero-stage{display:grid;grid-template-columns:1fr 2.15fr 1fr;gap:12px;height:332px;overflow:hidden;border-radius:var(--radius)}.stage-side{position:relative;overflow:hidden;background:#b1a7ba}.stage-side img{width:100%;height:100%;object-fit:cover;filter:brightness(1.65);transition:transform 1s}.stage-side:first-child img{object-position:48%}.stage-right img{object-position:53%}.stage-side:hover img{transform:scale(1.07)}.stage-side>span{position:absolute;bottom:15px;left:15px;font:9px 'Courier New',monospace;letter-spacing:.03em;background:var(--paper);border-radius:2px;padding:7px}.stage-main{position:relative;background:#242922;color:#fff;overflow:hidden;padding:22px 25px;display:flex;flex-direction:column;justify-content:space-between}.stage-top{position:relative;z-index:2;display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:.1em;color:#e1e6d6}.stage-top span{color:#a5ad9a}.stage-bottom{z-index:2;display:flex;align-items:end;justify-content:space-between;font-size:32px;letter-spacing:-1px;line-height:1.08}.stage-bottom b{color:var(--lime);font-weight:400}.stage-play{height:54px;width:54px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:28px}.orbital-art{position:absolute;width:310px;height:310px;left:50%;top:50%;transform:translate(-50%,-50%);perspective:600px;filter:drop-shadow(0 18px 15px #0005)}.orbit{position:absolute;inset:15px;border:30px solid transparent;border-radius:50%;background:linear-gradient(120deg,#ebf3d8,#788b60 35%,#e4eddc 50%,#414f35 68%,#d7e5bf) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;box-shadow:inset 0 0 20px #d1e6a1;animation:orbit1 16s linear infinite}.orbit-two{inset:27px;animation:orbit2 19s linear infinite}.orbit-three{inset:40px;animation:orbit3 21s linear infinite}.orbital-core{position:absolute;inset:109px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eaffc6,#b9de6c 25%,#65872a 67%,#1f3414);box-shadow:0 0 55px #d3f36b22}@keyframes orbit1{from{transform:rotateZ(-35deg) rotateY(55deg) rotateX(20deg)}to{transform:rotateZ(325deg) rotateY(55deg) rotateX(20deg)}}@keyframes orbit2{from{transform:rotateZ(40deg) rotateY(-55deg) rotateX(30deg)}to{transform:rotateZ(400deg) rotateY(-55deg) rotateX(30deg)}}@keyframes orbit3{from{transform:rotateZ(0) rotateX(65deg)}to{transform:rotateZ(-360deg) rotateX(65deg)}}.motion-paused *{animation-play-state:paused!important}.hero-caption{display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:.08em;padding:15px 0 35px;color:var(--muted)}.motion-toggle{border:0;background:none;font:inherit;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.stats>div{padding-left:28px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats strong{font-size:45px;line-height:1.1;letter-spacing:-2px;font-weight:600}.stats strong span{font-size:29px;vertical-align:top}.stats p{font-size:12px;margin-top:8px}.stats>a{display:flex;align-items:center;justify-content:center;gap:15px}.stats b{font-size:17px}.upwork-star{background:var(--lime);font-size:32px;width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px;gap:25px}.section-heading .eyebrow{margin-bottom:20px}.section-aside{font-size:14px;line-height:1.7;max-width:355px}.filter-bar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:25px;padding:10px 19px;font-size:12px;transition:background .2s}.filter:hover{background:#e5e8dc}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter sup{font-size:9px;margin-left:10px;color:var(--lime)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px;margin-top:30px}.project-card[hidden]{display:none}.project-media{display:block;position:relative;background:var(--card-tone);overflow:hidden;border-radius:var(--radius);aspect-ratio:1.52}.project-media>img{width:100%;height:100%;object-fit:cover;filter:brightness(1.7);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s}.project-media:hover>img{transform:scale(1.045);filter:brightness(1.9)}.media-label{position:absolute;left:18px;top:18px;font-size:10px;background:#f4f4eee8;padding:6px 10px;border-radius:25px;color:var(--ink)}.project-open{position:absolute;right:18px;bottom:18px;background:var(--paper);color:var(--ink);width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:16px;transition:background .2s,transform .2s}.project-media:hover .project-open{background:var(--lime);transform:rotate(-10deg)}.project-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:17px}.project-caption h3{font-size:23px;letter-spacing:-.03em}.project-caption>span{font-size:11px;color:var(--muted);white-space:nowrap}.project-caption>span span{font-size:17px;margin-left:13px}.work-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:48px;gap:20px}.work-bottom>p{font-size:14px}.expertise-section{background:#e9ece1}.service-row{display:grid;grid-template-columns:50px 1.4fr 1fr 50px;align-items:center;gap:20px;padding:32px 0;border-top:1px solid #cdd2c1}.service-row:last-child{border-bottom:1px solid #cdd2c1}.service-number{font:12px 'Courier New',monospace;color:var(--muted)}.service-row h3{font-size:32px;line-height:1.15;transition:transform .3s}.service-row:hover h3{transform:translateX(8px)}.service-row>div>p{font:9px 'Courier New',monospace;letter-spacing:.08em;margin-top:13px}.service-description{font-size:14px;max-width:320px;line-height:1.65}.service-arrow{width:43px;height:43px;border:1px solid #bcc1b3;border-radius:50%;display:grid;place-items:center;font-size:23px}.service-row:hover .service-arrow{background:var(--lime);border-color:var(--lime)}.about-preview,.about-full{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.portrait-block{position:relative;background:#dce1d0;min-height:390px;padding:45px 30px 0;display:flex;flex-direction:column;align-items:center;justify-content:end;overflow:hidden;border-radius:var(--radius)}.portrait-block>img{width:85%;max-width:360px;aspect-ratio:1;object-fit:contain;filter:grayscale(1)}.portrait-block>p{width:100%;font:9px 'Courier New',monospace;letter-spacing:.08em;padding:22px 0;border-top:1px solid #bbc2ac;margin-top:30px;text-align:center}.portrait-sticker{position:absolute;left:19px;top:27px;transform:rotate(-10deg);border-radius:50%;width:117px;height:117px;display:grid;place-content:center;text-align:center;background:var(--lime);font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.5px}.about-preview h2{font-size:clamp(35px,4vw,57px);margin:23px 0}.about-preview p:not(.eyebrow){margin-bottom:20px;font-size:15px}.about-preview p.large-copy{font-size:20px;color:var(--ink)}.about-preview .button{margin-top:10px}.quote-section{padding:85px 0;background:var(--lime)}.quote-section blockquote{margin:35px 0;font-size:clamp(27px,3.5vw,49px);font-weight:600;letter-spacing:-.035em;line-height:1.2}.quote-credit{display:flex;gap:15px;align-items:center}.quote-avatar{width:48px;height:48px;border-radius:50%;background:#bfdc61;display:grid;place-items:center;font-size:13px}.quote-credit b{font-size:14px}.quote-credit p{font-size:11px;color:#515e30}.quote-credit>a{margin-left:auto}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process-grid>article{padding-top:24px;border-top:1px solid var(--line)}.process-grid h3{font-size:27px;margin:28px 0 17px}.process-grid p{font-size:14px;line-height:1.8}.process-grid .text-link{margin-top:20px}.footer{background:#242821;color:var(--paper);padding:67px 0 0}.footer .eyebrow{color:#bcc7b0}.footer .status-dot{background:var(--lime)}.footer-heading{display:flex;align-items:center;justify-content:space-between;padding:30px 0 45px}.footer-heading h2{font-size:clamp(50px,7.2vw,106px);letter-spacing:-.06em}.footer h2 em{color:var(--lime)}.contact-circle{height:112px;width:112px;border:1px solid #6a755c;border-radius:50%;display:grid;place-items:center;font-size:58px;transition:background .3s,color .3s}.contact-circle:hover{background:var(--lime);color:var(--ink)}.footer-details{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 0 45px}.email{font-size:24px;letter-spacing:-.02em;border-bottom:1px solid #6c765c;padding-bottom:6px}.footer-details p{font-size:12px;margin-top:15px;color:#b6beaa}.socials{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;font-size:13px}.socials a span{margin-left:12px;color:#a8b59a}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-top:1px solid #48503d;gap:25px;font-size:10px;color:#b6beaa}.footer-bottom>div{display:flex;gap:24px}.page-intro{padding-top:64px;padding-bottom:68px}.page-intro h1{margin:28px 0;font-size:clamp(62px,8vw,116px);max-width:1200px}.intro-copy{font-size:20px;line-height:1.6;max-width:670px}.gallery-section{padding-bottom:100px}.archive-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;gap:20px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:30px;background:#e7eadf;border-radius:var(--radius);display:flex;flex-direction:column;align-items:start}.price-card:nth-child(2){background:var(--lime)}.price-card h3{font-size:48px;margin:30px 0 24px;letter-spacing:-.045em}.price-card h3 small{font-size:15px;font-weight:400;letter-spacing:0}.price-card p{font-size:14px;color:#51574a}.price-card ul{padding:0;list-style:none;font-size:12px;margin:25px 0 32px;width:100%}.price-card li{padding:9px 0;border-top:1px solid #b9c1a6}.price-card .text-link{margin-top:auto}.price-card .price-title{font-size:34px}.price-card strong{margin-bottom:16px}.price-card>p:not(.eyebrow){margin-bottom:22px}.faq-section{padding-top:20px;display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font-size:18px;font-weight:600;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:14px;line-height:1.8;margin-top:18px;padding-right:25px}.faq details[open] summary span{transform:rotate(45deg)}.note-panel{background:var(--lime);padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border-radius:var(--radius)}.note-panel p{font-size:17px;color:#48552c;line-height:1.8}.about-full{padding-bottom:65px}.about-full .portrait-block{min-height:500px;align-self:stretch}.prose h2{font-size:45px;margin:0 0 28px}.prose p{margin:0 0 22px;line-height:1.85}.prose a:not(.text-link){text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:600;color:var(--ink)}.toolkit{padding-top:0}.toolkit h2{margin:25px 0}.tool-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.tool-tags span{border:1px solid #c5caba;padding:12px 23px;border-radius:30px;font-size:14px}.ai-stage{min-height:475px;position:relative;overflow:hidden;border-radius:var(--radius);background:#242922;color:var(--paper);padding:40px}.ai-stage h2{position:relative;font-size:72px;z-index:1;margin-top:45px}.ai-stage h2 em{color:var(--lime)}.ai-stage>.orbital-art{width:400px;height:400px;left:72%}.ai-stage .orbital-core{inset:145px}.ai-stage-note{position:absolute;bottom:30px;right:35px;font:10px 'Courier New',monospace;color:#c1c9b6}.library-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:25px 0}.library-controls .filter{font-size:11px;padding:9px 12px}.search-label{position:relative;min-width:210px}.search-label input{width:100%;border:1px solid var(--line);border-radius:30px;background:transparent;padding:11px 35px 11px 16px;font-size:12px;color:var(--ink)}.search-label>span:last-child{position:absolute;right:15px;top:5px;font-size:23px}.animation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 20px;margin-top:25px}.animation-card{min-width:0}.animation-preview{border:1px solid var(--line);display:block;width:100%;background:#e7eadf;aspect-ratio:1.25;position:relative;border-radius:var(--radius);overflow:hidden;padding:25px}.animation-preview:hover{background:#dfe5d2}.animation-preview svg{width:100%!important;height:100%!important}.animation-preview .preview-icon{position:absolute;right:12px;bottom:12px;background:var(--paper);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:15px;z-index:2}.animation-card h3{font-size:16px;letter-spacing:-.02em;line-height:1.3;margin:12px 0 5px}.animation-card p{font:10px 'Courier New',monospace}.load-more{margin:35px auto 0;display:flex}.load-more[hidden]{display:none}.empty-state{grid-column:1/-1;padding:60px;text-align:center;background:#e7eadf}.empty-state h3{margin-bottom:15px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 25px}.journal-image{display:block;aspect-ratio:1.4;overflow:hidden;background:#dce1d0;border-radius:var(--radius)}.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.journal-image:hover img{transform:scale(1.04)}.journal-grid .eyebrow{font-size:10px;margin:17px 0 12px;color:var(--muted)}.journal-grid h2{font-size:25px;line-height:1.2;letter-spacing:-.025em}.article-cover img{width:100%;max-height:560px;object-fit:cover;border-radius:var(--radius)}.article-body{max-width:740px;width:calc(100% - 48px);margin:70px auto 100px}.article-body h2,.article-body h3,.article-body h4{margin:45px 0 22px;font-size:31px;line-height:1.2}.article-body li{line-height:1.8;margin-bottom:10px;color:var(--muted)}.article-body img{margin:25px 0}.article-body blockquote{margin:30px 0;padding:25px;border-left:3px solid #a6c752;background:#e7eadf}.article-body iframe{width:100%;aspect-ratio:16/9;border:0}dialog{width:min(1050px,calc(100% - 32px));max-height:92dvh;border:0;border-radius:8px;padding:22px;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#10140fe6;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-top p{font-size:17px;font-weight:600;color:var(--ink)}.dialog-top button{border:1px solid var(--line);border-radius:30px;padding:8px 16px;background:transparent;white-space:nowrap}.dialog-note{font-size:12px;display:flex;justify-content:space-between;gap:20px;margin-top:16px}.dialog-note a{text-decoration:underline}#dialog-media{background:#11170f;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;border-radius:4px}#dialog-media iframe{width:100%;height:100%;border:0}#dialog-media.lottie-dialog{background:#dfe5d7}#dialog-media svg{width:100%!important;height:100%!important;max-height:65vh}.dialog-fallback{padding:35px;text-align:center;color:#fff}.dialog-fallback a{color:var(--lime)}.skip{position:absolute;left:12px;top:-100px;z-index:10;background:var(--lime);padding:10px 20px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1600px){.hero-stage{height:400px}.orbital-art{width:360px;height:360px}.orbital-core{inset:128px}.stage-bottom{font-size:40px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:23px}.hero-mark{font-size:130px;margin-right:20px}.hero-stage{height:300px}.stage-top>span{display:none}.service-row{grid-template-columns:30px 1.2fr 1fr 40px;gap:15px}.service-row h3{font-size:27px}.about-preview,.about-full{gap:6%}.library-controls{align-items:start;flex-direction:column}.library-controls .search-label{width:100%}.price-card{padding:23px}.price-card h3{font-size:39px}.faq-section{gap:35px}.animation-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px}.wordmark{font-size:21px}.brand-symbol{font-size:31px}.menu-toggle{display:flex;gap:20px;align-items:center;background:transparent;border:1px solid var(--line);border-radius:30px;padding:8px 12px;font-size:12px}.header nav{display:none;position:absolute;left:20px;right:20px;top:72px;z-index:10;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:24px;box-shadow:0 15px 25px #20251a20}.header nav.open{display:flex;align-items:stretch;flex-direction:column;gap:23px}.header nav>a[aria-current]:after{width:20px}.nav-contact{justify-content:space-between}.hero{padding-top:27px}.hero-topline{gap:12px}.hero-topline>.eyebrow{font-size:9px;max-width:185px}.availability{font-size:10px;white-space:nowrap}.hero-title{padding:32px 0 25px}.hero-title h1{font-size:clamp(64px,12.8vw,94px)}.hero-mark{font-size:72px;margin-right:0;align-self:end;margin-bottom:6px}.hero-bottom{display:block;padding-bottom:28px}.hero-bottom>p{font-size:16px}.hero-actions{margin-top:24px;gap:24px}.button{padding:14px 20px;font-size:12px;gap:24px}.text-link{font-size:12px}.hero-stage{grid-template-columns:1fr 2.4fr;height:275px;gap:8px}.stage-right{display:none}.stage-main{padding:17px}.stage-top{font-size:8px}.stage-bottom{font-size:27px}.stage-side>span{font-size:8px;left:9px;bottom:10px;max-width:90px}.orbital-art{width:270px;height:270px}.orbital-core{inset:97px}.orbit{border-width:25px}.stage-play{width:43px;height:43px;font-size:22px}.hero-caption{font-size:8px;padding-bottom:26px;gap:15px}.hero-caption>span:last-child{display:none}.stats{grid-template-columns:1fr 1fr;padding:0}.stats>div,.stats>div:first-child{padding:22px 0 22px 20px;border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(3){border-bottom:0}.stats strong{font-size:39px}.stats p{font-size:11px}.stats>a{gap:9px}.stats b{font-size:13px}.upwork-star{width:37px;height:37px;font-size:26px;line-height:37px}.section{padding-top:65px;padding-bottom:65px}.section-heading{align-items:start;flex-direction:column;margin-bottom:30px;gap:22px}.section-heading .eyebrow{font-size:10px;margin-bottom:17px}h2{font-size:42px}.section-aside{font-size:13px}.filter-bar{gap:6px}.filter{font-size:11px;padding:9px 13px}.project-grid{gap:28px 15px}.project-media{aspect-ratio:1.25}.project-caption{align-items:start;flex-direction:column;gap:5px;padding-top:12px}.project-caption h3{font-size:20px}.project-caption>span{font-size:10px}.media-label{left:10px;top:10px;font-size:8px;padding:4px 7px}.project-open{width:32px;height:32px;right:10px;bottom:10px;font-size:12px}.work-bottom{align-items:start;flex-direction:column;padding-top:30px}.work-bottom>p{font-size:12px}.service-row{grid-template-columns:24px 1fr 35px;padding:27px 0;gap:10px}.service-description{grid-column:2;grid-row:2;font-size:13px}.service-row>div>p{font-size:8px}.service-arrow{grid-column:3;grid-row:1;width:33px;height:33px;font-size:19px}.service-row h3{font-size:27px}.about-preview,.about-full{grid-template-columns:1fr;gap:35px}.portrait-block{min-height:350px}.portrait-block>img{width:75%;max-width:300px}.about-preview h2{font-size:41px}.about-preview p:not(.eyebrow){font-size:14px}.quote-section{padding:55px 0}.quote-section blockquote{font-size:30px}.quote-section blockquote br{display:none}.quote-credit{flex-wrap:wrap}.quote-credit>a{margin-left:0;margin-top:10px;flex-basis:100%;width:max-content;max-width:140px}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid h3{margin:17px 0 12px;font-size:28px}.process-grid p{font-size:14px}.footer{padding-top:45px}.footer-heading{gap:15px;padding:25px 0 35px}.footer-heading h2{font-size:clamp(43px,8.4vw,62px)}.contact-circle{width:65px;height:65px;flex-shrink:0;font-size:37px}.footer-details{align-items:start;flex-direction:column;gap:30px;padding-bottom:32px}.email{font-size:23px}.socials{width:100%;gap:13px 45px}.footer-bottom{align-items:start;flex-direction:column;gap:18px;font-size:9px}.footer-bottom>div{gap:22px}.page-intro{padding:45px 0}.page-intro h1{font-size:clamp(51px,9.5vw,78px);margin:24px 0}.intro-copy{font-size:17px}.gallery-section{padding-bottom:60px}.archive-top>.eyebrow{font-size:9px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:30px}.price-card h3{font-size:49px;margin:23px 0}.price-card .text-link{margin-top:10px}.faq-section{display:block;padding-top:0}.faq summary{font-size:17px}.note-panel{padding:28px;grid-template-columns:1fr;gap:25px}.note-panel p{font-size:15px}.about-full .portrait-block{min-height:350px}.prose h2{font-size:37px}.prose p{font-size:16px}.toolkit{padding-top:0}.ai-stage{min-height:410px;padding:25px}.ai-stage h2{font-size:60px;margin-top:40px}.ai-stage>.orbital-art{left:87%;width:280px;height:280px;top:62%}.ai-stage .orbital-core{inset:96px}.ai-stage-note{left:25px;right:auto;font-size:8px}.ai-stage>.eyebrow{font-size:9px}.animation-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.animation-preview{padding:10px;aspect-ratio:1}.animation-card h3{font-size:14px}.animation-card p{font-size:9px}.journal-grid{grid-template-columns:1fr 1fr;gap:35px 18px}.journal-grid h2{font-size:22px}.journal-image{aspect-ratio:1.1}.article-body{margin-top:40px;margin-bottom:60px}.article-body h2,.article-body h3{font-size:28px}.dialog-top p{font-size:14px}.dialog-top button{font-size:12px}dialog{padding:15px}.dialog-note{font-size:10px;flex-wrap:wrap}.empty-state{padding:35px 20px}}
@media(max-width:420px){.hero-topline{align-items:start}.availability{font-size:9px;white-space:normal;max-width:110px}.hero-title h1{font-size:64px}.hero-mark{font-size:52px}.hero-actions{gap:17px}.hero-actions>.text-link{font-size:11px}.hero-stage{grid-template-columns:1fr 2.3fr;height:250px}.stage-bottom{font-size:23px}.stage-top{font-size:7px}.hero-caption{font-size:7px}.project-grid{grid-template-columns:1fr}.project-media{aspect-ratio:1.5}.project-caption{flex-direction:row;align-items:center}.project-caption h3{font-size:21px}.project-caption>span{font-size:10px}.journal-grid{grid-template-columns:1fr}.journal-image{aspect-ratio:1.5}.footer-heading h2{font-size:43px}.contact-circle{width:49px;height:49px;font-size:29px}.email{font-size:22px}.stats>a{padding:12px}.upwork-star{display:none}.header{gap:12px}.wordmark{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none}}
@media(max-width:760px){.hero-title{display:block}.hero-title h1{font-size:clamp(48px,14vw,94px)}.hero-mark{display:none}.hero-stage .stage-top{position:relative;z-index:3}.hero-stage .orbital-art{top:44%}dialog #dialog-media{max-height:65dvh}.page-intro h1{overflow-wrap:anywhere}}

/* studio.css */
/* Sergey Designer — original identity, with a studio-first portfolio. */
:root{--paper:#101112;--ink:#f1f0eb;--muted:#999b9d;--line:#2c2e30;--lime:#ff3a26;--surface:#191b1d;--orange:#ff3a26;--radius:8px}body{background:var(--paper);color:var(--ink)}::selection{background:#ff3a26;color:#101112}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.header{height:92px;border-bottom-color:#292b2d}.wordmark{display:block;flex-shrink:0;width:215px}.wordmark img{width:100%;height:auto}.header nav{gap:28px;font-weight:400;font-size:13px}.header nav>a:not(.nav-contact):after{background:var(--orange);height:2px}.header nav>a[aria-current]{color:var(--orange)}.nav-contact{border:1px solid #454648;background:transparent;color:var(--ink);padding:12px 20px}.nav-contact:hover{background:var(--orange);border-color:var(--orange);color:#101112}.button-dark{background:var(--orange);color:#14110e;border-color:var(--orange)}.button-dark:hover{background:#ff5c4c}.button-outline{border-color:#515255;color:var(--ink)}.button-outline:hover{background:#2b211b;border-color:var(--orange);color:var(--orange)}.text-link:hover{color:var(--orange)}.status-dot{background:var(--orange);box-shadow:0 0 0 4px #ff3a2615}.orange-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:7px}.eyebrow{color:#a7a8a9}.section{padding-block:94px}.section-heading h2 em{color:#a9abad}.stats{border-color:var(--line)}.stats>div{border-color:var(--line)}.stats strong{font-size:48px;font-weight:400}.stats strong span{color:var(--orange)}.stats>a{justify-content:flex-end}.upwork-star{background:#27221c;color:var(--orange)}.stats b{font-weight:400}.filter{border-color:#37393b;color:#bbbdbe}.filter:hover{background:#242628}.filter.active{background:var(--orange);color:#15120f;border-color:var(--orange)}.filter sup{color:inherit}.expertise-section{background:#17191a}.service-row,.service-row:last-child{border-color:#36383a}.service-arrow{border-color:#484b4d;color:var(--ink)}.service-row:hover .service-arrow{color:#14110e}.service-row>div>p{color:#8f9294}.service-description{color:#a7a9aa}.service-row:hover h3{color:var(--orange)}.project-media{background:#202224}.project-media>img{filter:brightness(1.65);object-fit:contain;background:#141617}.project-media:hover>img{filter:brightness(1.8)}.project-open{background:#f0eee9;color:#18191a}.media-label{background:#111214cc;color:#f1f0eb;backdrop-filter:blur(8px)}.project-caption h3{font-size:24px}.project-caption>span{font-size:11px}.project-caption a:hover{color:var(--orange)}.portrait-v2{isolation:isolate;background:#060707;padding:0;min-height:0;aspect-ratio:.76;position:relative;overflow:hidden;border:1px solid #292724}.portrait-v2>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:0% 50%;filter:none}.portrait-v2:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080909ee,transparent 35%);z-index:1;pointer-events:none}.portrait-caption{position:absolute;bottom:25px;left:25px;right:25px;display:flex;align-items:end;justify-content:space-between;z-index:2;font:10px/1.7 'Courier New',monospace;letter-spacing:.07em;color:#e2e2de}.portrait-caption>span:first-child{font-size:12px;font-weight:600;color:#ff7264}.portrait-caption>span:last-child{text-align:right;font-size:9px}.about-preview p.large-copy{color:#f1f0eb}.about-preview h2{font-size:clamp(34px,4vw,58px)}.about-full .portrait-block{min-height:0;align-self:start}.quote-section{background:#20201d;border-top:1px solid #35342d;border-bottom:1px solid #35342d}.quote-section .eyebrow{color:var(--orange)}.quote-section blockquote{font-weight:400;font-size:clamp(28px,3.4vw,48px)}.quote-avatar{background:#32312a;color:#f1f0eb}.quote-credit p{color:#a4a397}.price-card{background:#1b1d1f;border:1px solid #303235}.price-card:nth-child(2){background:#24201b;border-color:#70261f}.price-card p{color:#b2b3b2}.price-card li{border-color:#46433e}.price-card h3{color:var(--orange)}.price-card .price-title{color:var(--ink)}.note-panel{background:#211e19;border:1px solid #662620}.note-panel p{color:#c1b3a6}.faq summary{font-weight:400}.tool-tags span{border-color:#444648;color:#cdcecd}.footer{background:#0c0d0e;border-top:1px solid #303234}.footer .eyebrow{color:#a7a8a9}.footer-brand{display:block;margin-top:32px;width:200px}.footer-brand img{width:100%;height:auto}.footer-heading{padding-top:24px}.footer-heading h2{font-size:clamp(50px,6.8vw,99px)}.contact-circle{border-color:#6e302a;color:var(--orange)}.contact-circle:hover{color:#15120f}.email{border-color:#565452}.footer-details p,.footer-bottom{color:#959799}.footer-bottom{border-color:#333537}.footer-bottom>div{flex-wrap:wrap}.socials a span{color:var(--orange)}.skip{color:#111}.prose strong{color:#eee}.prose a{color:#ff7668}.article-body blockquote{background:#211e19;border-color:var(--orange)}.article-body p{color:#b1b3b5}.article-cover img{filter:brightness(.85)}.journal-image{background:#212325}.journal-grid h2 a:hover{color:var(--orange)}.search-label input{color:var(--ink)}dialog{background:#1a1c1e;color:var(--ink);border:1px solid #37393b}.dialog-top p{color:var(--ink)}.dialog-top button{border-color:#4b4c4e}.dialog-note{color:#aeb0b2}#dialog-media.lottie-dialog{background:#222528}.ai-stage{background:#17191c;border:1px solid #323437}.ai-stage>.orbital-art{filter:sepia(.7) hue-rotate(328deg) saturate(1.8)}
/* Homepage: personal introduction, followed immediately by live work. */
.studio-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;padding-top:45px;padding-bottom:46px;align-items:center}.studio-intro>.eyebrow{font-size:9px;letter-spacing:.08em;display:flex;align-items:center;color:#a3a4a5}.studio-intro h1{font-size:clamp(58px,5.9vw,94px);font-weight:600;letter-spacing:-.055em;line-height:.98;margin:27px 0 23px}.studio-intro h1>span{color:var(--orange)}.studio-intro h1 em{font-family:Gilroy,Arial,sans-serif;font-style:normal;color:#a7a8a7;font-weight:400;letter-spacing:-.055em}.studio-intro>p{font-size:16px;line-height:1.7;max-width:410px;color:#b3b4b5}.studio-intro .hero-actions{margin-top:29px;gap:25px}.studio-intro .button{font-size:13px;padding:15px 21px;gap:24px}.studio-intro .text-link{font-size:12px;gap:14px;white-space:nowrap}.hero-mini-proof{display:flex;gap:13px;align-items:center;font-size:10px;color:#929495;margin-top:28px}.hero-mini-proof i{width:3px;height:3px;border-radius:50%;background:#646668}.hero-mini-proof a:hover{color:var(--orange)}.hero-portrait .portrait-v2{aspect-ratio:.77;max-height:590px;border-radius:5px}.photo-index{display:flex;justify-content:space-between;margin-top:11px;font:8px/1.7 'Courier New',monospace;letter-spacing:.05em;color:#737577;gap:10px}.expertise-strip{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:20px 0;font:11px 'Courier New',monospace;letter-spacing:.13em;color:#c1c2c1;gap:16px}.expertise-strip i{color:var(--orange);font-style:normal;font-size:21px}.live-work{padding-block:76px 50px}.live-work-top{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:28px}.live-work-top .eyebrow{font-size:9px;margin-bottom:15px}.live-work-top h2{font-size:45px;line-height:1.06;font-weight:400}.live-work-top h2 em{font-family:Gilroy,sans-serif;font-style:normal;color:var(--orange)}.live-work-top>p{font-size:12px;line-height:1.8;padding-bottom:3px}.live-work-top .button{font-size:11px;padding:13px 17px;gap:20px}.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.live-card{min-width:0;background:#1a1c1e;border:1px solid #303235;border-radius:6px;overflow:hidden;transition:border-color .2s,transform .2s}.live-card:hover{border-color:var(--orange);transform:translateY(-5px)}.live-canvas{aspect-ratio:1.18;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,#292d31,transparent 80%);overflow:hidden}.live-canvas svg{position:absolute;inset:12px;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important}.live-loader{font:8px 'Courier New',monospace;color:#818487}.live-card-info{padding:16px;border-top:1px solid #303235}.live-card-info>span{font:8px 'Courier New',monospace;color:#96999b;letter-spacing:.05em}.live-card-info>b{display:flex;justify-content:space-between;gap:10px;font-weight:400;font-size:14px;line-height:1.4;margin-top:10px}.live-card-info>b>span{color:var(--orange)}.home-proof{padding-bottom:8px}.home-proof .stats{padding-block:28px}.home-proof+.section{padding-top:76px}
/* Animation studio: rail, focused player and an inspectable live collection. */
.animation-studio-page .header{max-width:none;width:calc(100% - 72px)}.lab-layout{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:1720px;margin:auto;min-height:800px}.lab-sidebar{border-right:1px solid #2c2e30;padding:30px 20px 35px 28px;align-self:start;position:sticky;top:0;max-height:100dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#494949 transparent}.lab-brand{display:flex;gap:14px;align-items:center;padding:1px 5px 29px;line-height:1.1;font-size:19px;letter-spacing:-.035em}.lab-brand b{font-weight:400;color:var(--orange)}.lab-brand-icon{font-size:35px;color:var(--orange)}.lab-sidebar-label{font:8px 'Courier New',monospace;letter-spacing:.09em;color:#707579;margin-bottom:15px}.lab-category{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:5px;background:transparent;color:#999fa3;text-align:left;padding:11px 9px;font-size:11px;line-height:1.3;margin-bottom:3px}.lab-category:hover{background:#1e2123;color:#eee}.lab-category.active{background:#2b2118;color:#ff6252}.category-icon{font-size:17px;width:17px;text-align:center}.category-count{margin-left:auto;color:#777d81;font:9px 'Courier New',monospace}.lab-category.active .category-count{color:#ff6252}.sidebar-order{border:1px solid #3d3329;background:linear-gradient(130deg,#24201b,#181a1c);border-radius:6px;padding:17px;margin-top:24px}.sidebar-order h3{font-weight:400;font-size:22px;line-height:1.12;letter-spacing:-.035em;margin:10px 0}.sidebar-order p{font-size:11px;line-height:1.7}.sidebar-order a{display:block;color:var(--orange);font-size:11px;margin-top:15px}.lab-tool-links{display:flex;flex-direction:column;gap:10px;padding:24px 5px 0}.lab-tool-links>span{font:8px 'Courier New',monospace;color:#73787c;letter-spacing:.1em}.lab-tool-links a{font-size:10px;color:#9ea2a5}.lab-tool-links a:hover{color:var(--orange)}.lab-main{min-width:0;padding:34px 36px 60px}.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.lab-heading .eyebrow{font-size:8px;letter-spacing:.1em}.lab-heading h1{font-size:clamp(36px,4vw,62px);font-weight:400;letter-spacing:-.04em;line-height:1.1;margin:11px 0 10px}.lab-heading h1 em{font:inherit;color:var(--orange)}.lab-heading p:not(.eyebrow){font-size:12px;line-height:1.6}.lab-count-badge{display:flex;align-items:center;gap:10px;border:1px solid #3a3d40;border-radius:30px;padding:9px 13px;font:8px/1.5 'Courier New',monospace;color:#898f94;max-width:142px}.lab-count-badge b{font:26px Gilroy,sans-serif;color:#e8e8e5}.lab-feature{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #363a3d;border-radius:8px;overflow:hidden;background:#181b1d;scroll-margin-top:24px}.lab-preview-wrap{background:#202427;min-width:0;display:flex;flex-direction:column;border-right:1px solid #34383b}.lab-preview-top{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;gap:10px;color:#a0a5a9;font:8px 'Courier New',monospace;letter-spacing:.08em}.lab-preview-top .orange-dot{width:5px;height:5px}.lab-backgrounds{display:flex;gap:7px}.lab-backgrounds button{border:1px solid #62686d;width:14px;height:14px;border-radius:50%;padding:0;position:relative}.lab-backgrounds button[data-lab-bg=dark]{background:#25292d}.lab-backgrounds button[data-lab-bg=light]{background:#eae8e2}.lab-backgrounds button[data-lab-bg=checker]{background:conic-gradient(#b6babd 25%,#4c5257 0 50%,#b6babd 0 75%,#4c5257 0);background-size:6px 6px}.lab-backgrounds button.active:after{content:'';position:absolute;inset:-4px;border:1px solid var(--orange);border-radius:50%}.lab-stage{position:relative;flex:1;min-height:285px;background:radial-gradient(ellipse at 50% 60%,#32383d,transparent 80%);overflow:hidden}.lab-stage[data-bg=light]{background:#ebe9e3}.lab-stage[data-bg=checker]{background-color:#b2b5b8;background-image:conic-gradient(#d0d2d4 25%,transparent 0 50%,#d0d2d4 0 75%,transparent 0);background-size:22px 22px}#lab-player{position:absolute;inset:20px;display:grid;place-items:center}#lab-player>svg{width:100%!important;height:100%!important;max-height:360px}.lab-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#c4c9cc;pointer-events:none;text-align:center;padding:35px;background:#202427dd;z-index:2}.lab-loading[hidden]{display:none}.lab-controls{display:flex;align-items:center;gap:11px;padding:12px 14px;border-top:1px solid #363b3f;min-height:52px;background:#1c2023}.lab-controls button{padding:0;border:0;background:transparent;color:#e7e8e8;min-width:23px;font-size:17px}.lab-controls button:disabled{opacity:.25}.lab-controls input[type=range]{min-width:30px;flex:1;width:100%;height:3px;accent-color:var(--orange);cursor:pointer}.lab-controls output{white-space:nowrap;font:9px 'Courier New',monospace;color:#a8adb0}.lab-controls select{font-size:10px;border:0;background:#262a2e;color:#d9dee1;border-radius:4px;padding:5px 2px;max-width:53px}.lab-info{min-width:0;padding:23px 25px 0;display:flex;flex-direction:column}.lab-info-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-pill{font:8px 'Courier New',monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--orange);line-height:1.6}.lab-info-top button{border:0;background:none;padding:0;font-size:9px;color:#92999e;white-space:nowrap}.lab-info h2{font-size:clamp(25px,2.9vw,39px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:22px 0 14px;overflow-wrap:anywhere;min-height:72px}.lab-description{font-size:11px;line-height:1.7;color:#969da1}.lab-tags{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0 14px}.lab-tags span{padding:5px 8px;border:1px solid #363d42;border-radius:4px;font-size:8px;color:#adb4b8}.lab-metadata{font-size:10px;margin:0 0 15px;color:#858e95}.lab-metadata summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}.lab-metadata summary::-webkit-details-marker{display:none}.lab-metadata[open] summary span{transform:rotate(45deg)}.lab-metadata dl{display:grid;grid-template-columns:1fr 1.2fr;font:9px/1.9 'Courier New',monospace;gap:4px 10px;margin:12px 0 4px}.lab-metadata dt{color:#838c91}.lab-metadata dd{margin:0;color:#c2c9cd;text-align:right;overflow-wrap:anywhere}.lab-cta{margin-top:auto}.lab-cta>.button{width:100%;font-size:11px;padding:12px 16px;gap:12px;justify-content:center;border-radius:5px}.lab-telegram{font-size:10px;color:#a7b0b5;display:block;text-align:center;margin-top:10px}.lab-navigation{display:flex;gap:9px;align-items:center;border-top:1px solid #353c41;padding:14px 0;margin-top:18px}.lab-navigation>span:first-child{font:11px 'Courier New',monospace;color:#bbc2c6}.lab-navigation .lab-keyboard-hint{font:7px 'Courier New',monospace;color:#5f6a73;margin:auto auto auto 10px}.lab-navigation button{border:1px solid #424a50;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:transparent;color:#e0e3e5;font-size:15px}.lab-navigation button:hover{background:var(--orange);color:#15120f;border-color:var(--orange)}.lab-navigation button:disabled{opacity:.25;cursor:default}.lab-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:34px 0 23px}.lab-gallery-toolbar h2{font-size:19px;font-weight:400;letter-spacing:-.02em}.lab-gallery-toolbar h2>span{color:#808c95;font:10px 'Courier New',monospace;margin-left:8px}.lab-gallery-toolbar p{font-size:10px;margin-top:6px;color:#77838b}.lab-gallery-tools{display:flex;gap:9px;align-items:center}.lab-search{display:flex;align-items:center;border:1px solid #384149;border-radius:5px;padding:7px 11px;gap:8px;background:#171b1e}.lab-search>span:not(.sr-only){font-size:21px;line-height:1;color:#9aa5ac}.lab-search input{background:transparent;border:0;color:#e0e4e6;font-size:10px;width:155px;min-width:0;padding:2px}.lab-search input:focus-visible{outline-offset:3px}.lab-gallery-tools>select{background:#171b1e;color:#a4afb7;border:1px solid #384149;border-radius:5px;padding:9px 6px;font:10px Gilroy,sans-serif}.lab-density{display:flex;border:1px solid #384149;border-radius:5px;padding:2px;gap:2px}.lab-density button{border:0;background:transparent;color:#707f88;width:27px;height:27px;font-size:17px;border-radius:3px}.lab-density button.active{background:#323940;color:#e2e6e9}.lab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;content-visibility:auto;contain-intrinsic-size:auto 1800px}.lab-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-card{min-width:0;text-align:left;border:1px solid #313a40;border-radius:6px;overflow:hidden;background:#181e22;cursor:pointer;padding:0;position:relative;transition:border-color .2s,background .2s}.lab-card:hover{border-color:#71808a;background:#20282d}.lab-card.active{border-color:var(--orange)}.lab-card.active:before{content:'SELECTED';position:absolute;z-index:2;left:10px;top:10px;font:7px 'Courier New',monospace;letter-spacing:.1em;padding:4px 6px;border-radius:3px;background:#ff3a26;color:#14110e}.lab-card-canvas{position:relative;aspect-ratio:1.25;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#2e363c33,transparent 85%)}.lab-card-canvas>svg{position:absolute;inset:13px;width:calc(100% - 26px)!important;height:calc(100% - 26px)!important}.lab-card-canvas .card-loading{font:8px 'Courier New',monospace;color:#5a6973;letter-spacing:.05em}.lab-card-text{padding:11px 12px;border-top:1px solid #313a40;display:block}.lab-card-text strong{display:block;color:#cad2d7;font-size:11px;line-height:1.4;letter-spacing:-.01em;font-weight:400;min-height:30px}.lab-card-text>span{display:flex;justify-content:space-between;gap:5px;margin-top:7px;color:#6e7d89;font:8px 'Courier New',monospace}.lab-grid.large .lab-card-text strong{font-size:16px;min-height:0}.lab-active-filters{display:flex;align-items:center;gap:12px;padding:0 0 18px;color:#b5c0c8;font-size:10px}.lab-active-filters button{border:0;background:none;color:var(--orange);padding:0;font-size:10px}.lab-empty{text-align:center;padding:75px 20px;background:#191f23;border:1px solid #313a40;border-radius:7px}.lab-empty>span{font-size:50px;color:var(--orange)}.lab-empty h3{font-size:30px;font-weight:400;margin:12px 0}.lab-empty p{font-size:13px;margin-bottom:25px}.lab-service-note{padding:65px 0 10px;border-top:1px solid #30383e;margin-top:45px;max-width:720px}.lab-service-note h2{font-size:52px;font-weight:400;margin:18px 0}.lab-service-note h2 em{color:var(--orange)}.lab-service-note>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:570px;margin-bottom:24px}.lab-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);border:1px solid #64503b;border-radius:30px;background:#28231d;color:#ff9186;padding:12px 22px;font-size:12px;z-index:30;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.lab-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.lab-mobile-top{display:none}#lab-expanded{max-width:1000px;width:calc(100% - 32px);padding:20px;background:#1c2226;border:1px solid #454f57}#lab-expanded::backdrop{background:#060809ed}.lab-expanded-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.lab-expanded-header strong{font-size:15px;font-weight:400}.lab-expanded-header button{padding:8px 15px;border-radius:30px;border:1px solid #53616c;background:none;font-size:12px;color:#eee}#lab-expanded-player{height:min(65dvh,620px);position:relative;margin-top:20px;display:grid;place-items:center}#lab-expanded-player svg{width:100%!important;height:100%!important}.lab-error-button{background:transparent;border:1px solid var(--orange);color:var(--orange);padding:10px;border-radius:4px}.lab-noscript{font-size:14px;padding:20px}.animation-studio-page .footer{margin-top:0}
@media(min-width:1500px){.lab-layout{grid-template-columns:245px minmax(0,1fr)}.lab-main{padding:40px 50px 70px}.lab-stage{min-height:360px}.lab-info{padding:30px 35px 0}.lab-card-text strong{font-size:13px}.lab-heading h1{font-size:60px}}
@media(max-width:1150px){.header nav{gap:18px}.wordmark{width:190px}.studio-hero{gap:5%}.studio-intro h1{font-size:clamp(54px,6.2vw,76px)}.studio-intro .hero-actions{gap:18px;flex-wrap:wrap}.hero-mini-proof{font-size:9px}.live-work-top>p{display:none}.live-card-info{padding:12px}.lab-layout{grid-template-columns:198px minmax(0,1fr)}.lab-sidebar{padding-left:17px;padding-right:13px}.lab-category{font-size:10px;gap:7px;padding-inline:6px}.lab-main{padding:28px 24px 50px}.lab-info{padding:20px 19px 0}.lab-info h2{font-size:30px}.lab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-gallery-toolbar{align-items:start;flex-direction:column;gap:15px}.lab-gallery-tools{width:100%}.lab-search{flex:1}.lab-search input{width:100%}.lab-navigation .lab-keyboard-hint{display:none}.lab-navigation>span:first-child{margin-right:auto}.lab-description br{display:none}.lab-stage{min-height:280px}.photo-index span:last-child{display:none}.expertise-strip{font-size:9px}.live-work-top h2{font-size:39px}.portrait-caption{left:20px;right:20px;bottom:20px}.portrait-caption>span:last-child{font-size:8px}}
@media(max-width:900px){.studio-intro h1{font-size:60px}.studio-hero{grid-template-columns:1.1fr 1fr;gap:5%}.studio-intro>p{font-size:14px}.studio-intro .eyebrow{font-size:8px}.hero-mini-proof{flex-wrap:wrap;gap:8px}.lab-feature{grid-template-columns:1fr}.lab-preview-wrap{border-right:0;border-bottom:1px solid #34383b}.lab-stage{height:300px;flex:auto}.lab-info h2{min-height:0;font-size:32px;margin-top:16px}.lab-info .lab-description{display:none}.lab-info .lab-tags{margin-top:0}.lab-cta{display:flex;align-items:center;gap:22px}.lab-cta>.button{width:auto;flex:1}.lab-telegram{margin:0;white-space:nowrap}.lab-info{padding:20px 23px 0}.lab-navigation{margin-top:20px}.lab-count-badge{display:none}.lab-heading h1{font-size:40px}.live-grid{grid-template-columns:repeat(2,1fr)}.live-canvas{aspect-ratio:1.55}}
@media(max-width:760px){.header{height:78px}.wordmark{width:184px}.header nav{background:#191b1d;border-color:#3c3f41;box-shadow:0 20px 40px #0009;gap:22px}.header nav>a[aria-current]:after{width:100%}.menu-toggle{color:#d1d2d0;border-color:#46494b}.studio-hero{padding-top:30px;padding-bottom:32px;gap:25px;grid-template-columns:1fr 1fr;align-items:start}.studio-intro{grid-column:1/-1}.studio-intro h1{font-size:clamp(48px,11vw,74px);line-height:1.01;margin:25px 0 20px;max-width:580px}.studio-intro h1 br:nth-of-type(1),.studio-intro h1 br:nth-of-type(3){display:none}.studio-intro h1 span:before,.studio-intro h1 em:before{content:' '}.studio-intro>p{font-size:15px;max-width:400px}.studio-intro .desktop-break{display:none}.studio-intro .hero-actions{margin-top:25px;gap:23px}.studio-intro .button{font-size:12px;padding:14px 19px}.hero-mini-proof{margin-top:22px;font-size:10px}.hero-portrait{grid-column:1/-1}.hero-portrait .portrait-v2{aspect-ratio:1.1;max-height:500px}.hero-portrait .portrait-v2>img{width:100%;height:140%;top:-12%;object-position:left center}.hero-portrait .portrait-caption{bottom:20px}.portrait-v2>img{object-position:0 center}.expertise-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;font-size:9px;text-align:center;padding:19px 0}.expertise-strip i:nth-of-type(2){display:none}.expertise-strip i{font-size:18px}.live-work{padding-top:48px;padding-bottom:35px}.live-work-top{align-items:start;flex-direction:column;gap:22px}.live-work-top h2{font-size:38px}.live-work-top .button{font-size:11px}.live-grid{gap:12px}.live-canvas{aspect-ratio:1.2}.live-card-info{padding:12px}.live-card-info>span{font-size:7px}.live-card-info>b{font-size:12px;line-height:1.4}.home-proof .stats{padding:0}.stats>a{justify-content:center}.stats strong{font-size:38px}.stats>div,.stats>div:first-child{border-color:var(--line)}.home-proof+.section{padding-top:58px}.section{padding-block:58px}.section-heading h2{font-size:39px}.project-caption h3{font-size:21px}.project-caption>span{font-size:10px}.project-media{aspect-ratio:1.5}.about-preview{gap:30px}.about-preview h2{font-size:37px}.about-full .portrait-block{min-height:0;aspect-ratio:.82}.portrait-v2{aspect-ratio:.86}.portrait-caption>span:last-child{font-size:9px}.footer-brand{width:180px;margin-top:28px}.footer-heading h2{font-size:clamp(43px,8.4vw,64px)}.footer-bottom>div{gap:17px}.footer-details .email{font-size:23px}.page-intro h1{font-size:clamp(47px,9.5vw,72px);overflow-wrap:normal}.lab-layout{grid-template-columns:1fr}.animation-studio-page .header{width:calc(100% - 40px)}.lab-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #2c343a;gap:12px;font:8px 'Courier New',monospace;letter-spacing:.07em;color:#7c8b96}.lab-mobile-top button{padding:8px 11px;border:1px solid #43505a;background:#1d252b;color:#cbd4da;border-radius:4px;font:10px Gilroy,sans-serif;letter-spacing:0;white-space:nowrap}.lab-mobile-top button span{margin-left:12px}.lab-sidebar{display:none;position:static;max-height:none;border-right:0;border-bottom:1px solid #3b454d;padding:15px 20px 22px;background:#161c21}.lab-sidebar.open{display:block}.lab-sidebar .lab-brand,.lab-sidebar .sidebar-order,.lab-sidebar .lab-tool-links,.lab-sidebar-label{display:none}#lab-categories{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.lab-category{font-size:11px;padding:11px 10px}.lab-main{padding:25px 20px 45px}.lab-heading{margin-bottom:22px}.lab-heading h1{font-size:43px;margin:13px 0 11px}.lab-heading p:not(.eyebrow){font-size:11px;max-width:290px}.lab-heading .eyebrow{font-size:7px}.lab-stage{height:285px;min-height:0}.lab-info{padding:20px 20px 0}.lab-info h2{font-size:30px;line-height:1.13;margin-top:20px}.lab-info-top button{font-size:9px}.lab-preview-top{padding:14px 15px}.lab-controls{padding:12px;gap:9px}.lab-controls output{font-size:8px}.lab-cta{flex-direction:column;gap:13px;align-items:stretch}.lab-cta>.button{font-size:12px;padding:14px}.lab-telegram{font-size:10px}.lab-navigation{margin-top:19px}.lab-navigation .lab-keyboard-hint{display:none}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lab-grid.large{grid-template-columns:1fr}.lab-card-text{padding:11px}.lab-card-text strong{font-size:12px;min-height:34px}.lab-card-text>span{font-size:7px}.lab-card-canvas{aspect-ratio:1.14}.lab-gallery-tools{flex-wrap:wrap}.lab-search{flex:1;min-width:130px;padding:9px 10px}.lab-search input{font-size:11px}.lab-gallery-tools>select{font-size:9px;padding:10px 4px;max-width:70px}.lab-density button{width:23px;height:27px}.lab-gallery-toolbar h2{font-size:21px}.lab-gallery-toolbar p{font-size:10px}.lab-service-note{padding-top:40px;margin-top:35px}.lab-service-note h2{font-size:43px}.lab-service-note>p:not(.eyebrow){font-size:13px}.lab-expanded-header strong{font-size:12px}.lab-expanded-header button{font-size:11px}#lab-expanded{padding:15px}#lab-expanded-player{height:55dvh}.lab-toast{max-width:90%;width:max-content;text-align:center;font-size:11px}.lab-info .lab-metadata{margin-top:4px}.lab-active-filters{font-size:10px;align-items:start}.portrait-caption>span:first-child{font-size:11px}}
@media(max-width:390px){.wordmark{width:171px}.studio-intro h1{font-size:46px}.studio-intro>.eyebrow{font-size:7px}.studio-intro .hero-actions{gap:17px}.studio-intro .text-link{font-size:11px}.hero-mini-proof{font-size:9px}.lab-heading h1{font-size:39px}.lab-gallery-tools{gap:6px}.lab-search{min-width:125px}.lab-density button{width:21px}.lab-gallery-tools>select{max-width:67px}.lab-main{padding-inline:16px}.lab-card-text{padding:9px}.lab-card-text strong{font-size:11px}.lab-cta>.button{font-size:11px}.portrait-caption{left:15px;right:15px}.portrait-caption>span:last-child{font-size:8px}.expertise-strip{font-size:8px}.studio-intro .button{gap:18px}}
@media(prefers-reduced-motion:reduce){.live-card{transition:none}.lab-card{transition:none}}

/* conversion.css */
@font-face{font-family:Outfit;src:url(outfit-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url(jetbrains-latin.woff2) format('woff2');font-weight:100 800;font-display:swap}
body,button,input,select,textarea,.studio-intro h1 em,.live-work-top h2 em,.lab-count-badge b{font-family:Outfit,Arial,sans-serif}h1,h2,h3{font-weight:500}h2 em{font-family:inherit;font-style:normal;color:#9ea2a5}.eyebrow,.photo-index,.portrait-caption,.lab-preview-top,.lab-metadata,.lab-card-text>span,.lab-category .category-count{font-family:'JetBrains Mono',monospace}.eyebrow{line-height:1.7}.mobile-quote{display:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}section[id]{scroll-margin-top:30px}[hidden]{display:none!important}picture{display:block}.studio-hero{gap:5%;grid-template-columns:1.25fr 1fr;padding-top:44px}.studio-intro h1{font-size:clamp(55px,5.2vw,82px);line-height:1.02}.studio-intro>.eyebrow{font-size:10px;letter-spacing:.045em;max-width:430px}.studio-intro>p{max-width:490px;font-size:17px}.hero-mini-proof{font-size:12px;flex-wrap:wrap;gap:9px}.hero-lottie-callout{display:flex;align-items:center;margin-top:26px;border:1px solid #3b342d;border-radius:8px;background:#1c1916;max-width:440px}.hero-lottie-callout>a{display:flex;align-items:center;gap:14px;flex:1}.hero-live-animation{height:76px;width:80px;flex-shrink:0;position:relative}.hero-live-animation svg{position:absolute;inset:4px;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important}.hero-live-animation .live-loader{position:absolute;top:33px;left:10px}.hero-lottie-callout b{font-size:14px;font-weight:500;display:block}.hero-lottie-callout small{font-size:11px;color:#b7afa8;display:block;margin-top:5px}.hero-motion-control{margin:10px;background:none;border:1px solid #655347;color:#ff786a;border-radius:50%;width:32px;height:32px;cursor:pointer;flex-shrink:0}.trusted-by{border-top:1px solid var(--line);padding-block:24px 30px}.trusted-by>.eyebrow{font-size:10px;color:#a1a5a7}.trusted-by>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;margin-top:23px}.trusted-by span{font-size:20px;letter-spacing:-.035em;color:#d4d3ce;font-weight:500}.conversion-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.conversion-packages article{padding:26px 24px;background:#191b1c;border:1px solid #353638;border-radius:8px;display:flex;flex-direction:column}.conversion-packages article:nth-child(2){background:linear-gradient(150deg,#2b2119,#191b1c);border-color:#984239}.conversion-packages .eyebrow{font-size:10px;color:#aaa8a4}.conversion-packages h3{font-size:42px;margin:30px 0 18px;letter-spacing:-.05em;white-space:nowrap}.conversion-packages h3 small{font-size:14px;color:#9ea09e;letter-spacing:0;font-weight:400}.conversion-packages strong{font-size:16px;font-weight:500}.conversion-packages p{font-size:14px;line-height:1.65;margin:12px 0 28px;color:#adafac;flex:1}.package-quote{color:#ff5948;border-top:1px solid #40403d;padding-top:18px;font-size:15px}.package-details{font-size:12px;margin-top:12px;color:#adafac}.scope-promises{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:24px;font-size:12px;color:#afafaa}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-summary{padding:32px;background:#17191a;border:1px solid #303336;border-radius:8px}.case-summary>.eyebrow{font-size:10px;color:#ff7365}.case-summary h3{font-size:36px;margin:18px 0 26px;letter-spacing:-.03em}.case-summary dl{font-size:15px;line-height:1.7}.case-summary dt{font:10px 'JetBrains Mono',monospace;color:#9b9f9d;margin:22px 0 7px}.case-summary dd{margin:0;color:#c1c2bd}.case-summary .text-link{margin-top:24px;font-size:13px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.review-grid article{border-top:1px solid #49423c;padding:24px 0;display:flex;flex-direction:column}.review-stars{color:#ff5746;letter-spacing:4px;font-size:14px}.review-grid blockquote{font-size:20px;line-height:1.55;margin:22px 0;flex:1}.review-grid p{font-size:15px;color:#eee;margin:0 0 5px}.review-grid article>span:last-child,.review-summary{font-size:12px;color:#a4a6a6}.review-links{display:flex;gap:30px;font-size:13px;color:#ff796b}.conversion-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:8%}.conversion-faq h2{font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-.04em;margin:22px 0 30px}.conversion-faq .faq summary{font-size:17px;display:flex;justify-content:space-between;gap:20px;padding-block:24px;cursor:pointer}.conversion-faq .faq summary span{color:#ff5b4a}.conversion-faq .faq details[open] summary span{transform:rotate(45deg)}.conversion-faq .faq p{font-size:15px;color:#b7b9b8;line-height:1.8;padding-bottom:24px}.brief-section{padding:86px 0;background:radial-gradient(ellipse at 0 100%,#352419,transparent 65%),#181a1b;border-top:1px solid #3d332a}.brief-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:9%}.brief-layout h2{font-size:clamp(42px,4.7vw,65px);line-height:1.08;letter-spacing:-.045em;margin:22px 0}.brief-layout>div>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:350px;color:#b4b3ae}.brief-contact-links{display:flex;flex-wrap:wrap;gap:16px 24px;font-size:14px;margin-top:30px}.brief-contact-links a:last-child{width:100%;color:#ff6151;overflow-wrap:anywhere}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.brief-fields label{font-size:13px;color:#d8d8d3;display:flex;flex-direction:column;gap:10px}.brief-fields input,.brief-fields select,.brief-fields textarea{width:100%;min-width:0;background:#222526;color:#f1f1ed;border:1px solid #464848;border-radius:5px;padding:14px 12px;font-size:15px}.brief-fields textarea{resize:vertical;min-height:105px}.brief-fields option{background:#222526;color:#eee}.brief-message{grid-column:1/-1}.brief-privacy{font-size:12px;color:#a5a8a6;margin:18px 0}.brief-privacy a{text-decoration:underline}.brief-submit{display:flex;gap:20px;align-items:center}.brief-submit .button{padding:15px 22px;font-size:14px}.brief-submit>span{font-size:12px;color:#aaada9}.brief-status{font-size:14px;line-height:1.6;margin-top:16px;color:#ff877b}.brief-honey{position:absolute!important;left:-10000px;opacity:0;width:1px;height:1px;overflow:hidden}#brief-fallback p{font-size:14px;color:#b7b8b3;margin-bottom:15px}.service-landing{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.service-demo{display:block;border:1px solid #42362a;background:#20201e;border-radius:10px;padding:25px}.service-demo>div{height:310px;position:relative}.service-demo>div svg{width:100%!important;height:100%!important}.service-demo>span{display:block;font-size:14px;margin-top:15px;color:#ff7e71}.service-landing h2{font-size:28px;line-height:1.2;margin:20px 0 15px}.service-landing p{font-size:16px;line-height:1.8;color:#b3b5b3}.case-detail>section{padding:40px 0;border-top:1px solid #393c3d;display:grid;grid-template-columns:1fr 2.5fr;gap:5%}.case-detail>section>span{font:11px 'JetBrains Mono',monospace;color:#ff7769}.case-detail h2{font-size:clamp(24px,3vw,42px);font-weight:400;line-height:1.3}.case-detail>section p{grid-column:2;font-size:14px;line-height:1.8;color:#b1b3af}.case-next{display:flex;align-items:center;gap:30px;padding:25px 0 60px}.related-wrap{padding-bottom:70px}.service-links{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:13px;padding:24px 0}.lab-sidebar-label,.lab-tool-links>span,.lab-heading .eyebrow,.lab-preview-top,.lab-card-text>span,.lab-result-status,.photo-index{font-size:10px;color:#a6afb5}.lab-category{font-size:13px}.lab-card-text strong{font-size:14px}.lab-card-text>span{line-height:1.7}.lab-controls button{min-width:30px;min-height:32px}.lab-backgrounds button{width:22px;height:22px}.lab-controls output{font-size:10px}.lab-info-top>span{font-size:10px}.lab-controls select{font-size:12px}.live-loader,.card-loading{font-size:10px;color:#b1b9bf}.live-card-info>span{font-size:10px}.live-card-info>b{font-size:16px}.lab-card-canvas{contain:layout paint}.lab-frame-control{display:flex;align-items:center;gap:16px;padding:10px 14px;border-top:1px solid #363b3f;font:11px 'JetBrains Mono',monospace;color:#b8c0c4}.lab-frame-control button{background:none;color:#e9e9e3;border:1px solid #65717a;border-radius:3px;padding:6px 10px}.lab-brand-color{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;margin-block:20px;border:1px solid #5a4030;border-radius:8px;background:#231d18}.lab-brand-color label{font-size:14px}.lab-brand-color input[type=color]{width:36px;height:36px;border:0;background:none;padding:0}.lab-brand-color input[type=text]{width:105px;background:#171b1d;color:#eee;border:1px solid #75685c;border-radius:4px;padding:9px;font:13px 'JetBrains Mono',monospace}.lab-brand-color button{padding:9px 12px;color:#121212;background:#ff3a26;border:0;border-radius:4px;font-size:13px}.lab-brand-color small{font-size:11px;color:#c6b7aa;flex-basis:100%}.lab-brand-color .color-reset{background:none;color:#ff8073}.lab-card-canvas .card-loading{padding:20px;line-height:1.6;text-align:center}
.footer{color:#f1f0eb}.lab-card-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.lab-card-canvas:has(svg) .lab-card-poster{visibility:hidden}.lab-card-canvas .card-loading{position:absolute;bottom:8px;left:8px;padding:4px 7px;background:#171b1ed9;border-radius:3px;font-size:9px;z-index:1}.lab-card-canvas svg{z-index:2}.lab-card-canvas:has(img) .card-loading{display:none}
@media(min-width:1500px){.lab-layout{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:1100px){.conversion-packages{grid-template-columns:1fr 1fr}.brief-layout{gap:5%}.studio-intro .hero-actions{gap:16px}.hero-lottie-callout small{font-size:10px}.review-grid blockquote{font-size:17px}}
@media(max-width:760px){.header{gap:14px}.wordmark{width:150px}.studio-hero{display:flex;flex-direction:column;gap:28px;padding-top:28px}.studio-intro h1{font-size:51px;line-height:1.05;margin-top:21px}.studio-intro h1 br{display:block!important}.studio-intro h1 span:before,.studio-intro h1 em:before{content:none}.studio-intro>.eyebrow{font-size:9px}.studio-intro>p{font-size:16px}.studio-intro .hero-actions{gap:18px;flex-wrap:wrap}.hero-mini-proof{font-size:11px;gap:8px;line-height:1.6}.hero-lottie-callout{margin-top:22px;width:100%}.hero-lottie-callout b{font-size:12px}.hero-live-animation{width:62px;height:70px}.hero-lottie-callout>a{gap:9px}.hero-lottie-callout small{font-size:10px}.hero-portrait{width:100%}.hero-portrait .portrait-v2{aspect-ratio:1.25}.hero-portrait .portrait-v2>img{height:150%;top:-18%}.trusted-by{padding-top:22px}.trusted-by>div{justify-content:flex-start;gap:18px 25px}.trusted-by span{font-size:19px}.conversion-packages{gap:12px}.conversion-packages article{padding:20px 16px}.conversion-packages h3{font-size:32px;margin-top:24px}.conversion-packages h3 small{display:block;margin-bottom:6px;font-size:12px}.conversion-packages .eyebrow{font-size:9px}.conversion-packages strong{font-size:15px}.conversion-packages p{font-size:13px;line-height:1.7}.package-quote{font-size:14px}.scope-promises{font-size:11px;gap:14px}.case-grid,.review-grid,.conversion-faq,.brief-layout,.service-landing{grid-template-columns:1fr}.case-summary{padding:25px}.case-summary dd{font-size:15px}.case-summary h3{font-size:33px}.review-grid{gap:12px}.review-grid blockquote{font-size:20px}.review-links{flex-direction:column;gap:18px;font-size:13px}.conversion-faq{gap:30px}.conversion-faq h2{font-size:39px}.conversion-faq .faq summary{font-size:16px;line-height:1.5}.brief-section{padding:55px 0 65px}.brief-layout{gap:40px}.brief-layout h2{font-size:45px}.brief-fields{gap:20px 12px}.brief-fields label{font-size:13px}.brief-fields input,.brief-fields select{padding:13px 9px;font-size:14px}.brief-submit{align-items:flex-start;flex-direction:column;gap:12px}.brief-submit .button{width:100%;justify-content:space-between}.brief-contact-links{font-size:15px;line-height:1.6}.mobile-quote{display:flex;position:fixed;bottom:12px;left:20px;right:20px;background:#ff3a26;color:#18100b;border:1px solid #ff786a;border-radius:6px;z-index:20;padding:15px 20px;justify-content:center;box-shadow:0 4px 30px #0008;font-size:15px;font-weight:500}.footer{padding-bottom:75px}.footer-bottom{padding-bottom:25px}.case-detail>section{grid-template-columns:1fr;gap:20px;padding:32px 0}.case-detail>section p{grid-column:1}.case-next{flex-direction:column;align-items:stretch;gap:24px}.service-demo>div{height:260px}.service-landing{gap:25px}.lab-heading .eyebrow{font-size:9px;letter-spacing:.04em}.lab-heading p:not(.eyebrow){font-size:13px}.lab-category{font-size:12px}.lab-card-text strong{font-size:13px}.lab-card-text>span{font-size:9px;flex-wrap:wrap;gap:5px}.lab-brand-color{padding:15px;gap:10px}.lab-brand-color label{width:100%;font-size:14px}.lab-controls{gap:6px}.lab-controls output{font-size:9px}.lab-controls button{min-width:25px}.lab-frame-control{font-size:10px}.live-card-info>span{font-size:9px}.live-card-info>b{font-size:14px}.photo-index{font-size:9px}.lab-mobile-top{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
#service-detail a.button-dark{color:#17110b}

@media(max-width:760px){.mobile-quote[data-reading-cta="true"]{left:auto;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100vw - 32px);height:48px;min-height:48px;padding:0 18px;border-radius:999px;font-size:13px;align-items:center;box-shadow:0 4px 16px #0005}}

/* magnets.css */
.estimator-layout{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #484039;border-radius:9px;overflow:hidden}.estimate-fields{padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#191c1d}.estimate-fields label{display:flex;flex-direction:column;gap:14px;font-size:14px}.estimate-fields select{background:#25292a;border:1px solid #525656;color:#eee;padding:14px 10px;border-radius:4px;min-width:0;font-size:15px;width:100%}.estimate-fields input{accent-color:#ff3a26;width:100%}.estimate-fields small{font-size:12px;color:#a7afaf;line-height:1.6}.estimate-fields label:nth-child(2){position:relative}.estimate-fields output{position:absolute;right:0;top:0;color:#ff7a6d}.estimate-result{padding:36px 40px;background:radial-gradient(ellipse at 100% 0,#4a1e19,transparent 90%),#241d18;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.estimate-result>output{font-size:clamp(35px,4vw,60px);letter-spacing:-.045em;line-height:1.2;margin:18px 0;white-space:nowrap}.estimate-result>p:not(.eyebrow){font-size:14px;color:#bfb3a8;line-height:1.8}.estimate-result strong{font-weight:400;color:#eee}.estimate-result .button{font-size:14px;padding:15px 21px;margin:23px 0}.estimate-result>small{font-size:11px;line-height:1.7;color:#b9aea4}.playbook-section{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;border-top:1px solid #363b3b}.playbook-section h2{font-size:clamp(35px,4.3vw,58px);line-height:1.1;letter-spacing:-.045em;margin:20px 0}.playbook-section>div>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#b3b6b3}.playbook-points{display:flex;flex-direction:column;gap:15px;margin-top:24px;font:12px 'JetBrains Mono',monospace;color:#d0c0b3}.playbook-section form{align-self:center}.playbook-section form>label:not(.brief-honey){display:block;font-size:14px;margin-bottom:12px}.playbook-section input[type=email]{width:100%;padding:16px;background:#212526;border:1px solid #545959;color:#eee;border-radius:5px;font-size:16px}.playbook-section button{margin-top:15px;width:100%;justify-content:space-between;padding:16px 22px;font-size:15px}#playbook-status{font-size:14px;line-height:1.7;color:#ff897d}#playbook-email,#playbook-download{margin-top:18px;font-size:14px}.builder-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.builder-grid>a,.resource-grid>a{padding:30px;background:#191c1d;border:1px solid #383c3e;border-radius:7px;transition:border-color .2s,background .2s}.builder-grid>a:hover,.resource-grid>a:hover{border-color:#ff3a26;background:#211e1a}.builder-grid h3,.resource-grid h2,.resource-grid h3{font-size:29px;line-height:1.15;letter-spacing:-.025em;margin:23px 0 18px}.builder-grid p,.resource-grid p{font-size:16px;line-height:1.75;color:#b3b6b4}.builder-grid>a>span:last-child{display:block;color:#ff7769;font-size:12px;margin-top:26px}.resource-grid .eyebrow,.builder-grid .eyebrow{font-size:10px}.creator-section .section-aside{margin-bottom:20px}.creator-section .project-media img{filter:none;object-fit:cover}.resource-note{font-size:16px;line-height:1.8;margin-top:35px;color:#b5b9b6}.resource-note a{color:#ff7668}.profile-directory h2{font-size:42px;letter-spacing:-.035em;margin:20px 0 30px}.profile-directory>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.profile-directory>div>a{border-bottom:1px solid #444;padding:14px 0;font-size:16px}.profile-directory>p:last-child{font-size:13px;color:#a9b0b2;margin-top:30px}.booking-section{border-top:1px solid #444}.booking-section h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.03em;margin:22px 0}.booking-section>p:not(.eyebrow){max-width:650px;font-size:18px;line-height:1.8;color:#b1b6b4}.booking-section .hero-actions{margin-top:28px;flex-wrap:wrap}.booking-section .button{font-size:15px;padding:16px 23px}.booking-section .text-link{font-size:14px}#booking-embed:not(:empty){margin-top:30px}.industry-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;border-block:1px solid #383d3f}.industry-intro h2{font-size:40px;line-height:1.2;letter-spacing:-.03em;margin-bottom:24px}.industry-intro p{font-size:17px;color:#b6bab6;line-height:1.85}.industry-intro .text-link{font-size:14px;margin-top:24px}.industry-deliverables{border-left:1px solid #4e4035;padding-left:35px}.discovery-links{display:flex;flex-wrap:wrap;gap:18px 26px;padding:28px 0;border-top:1px solid #333;font-size:13px;color:#b5bcbf}.discovery-links>a:first-child{color:#ff7c6f}.guide-article{max-width:900px;padding-bottom:80px}.guide-article>p,.guide-article li{font-size:18px;line-height:1.85;color:#bec1bc}.guide-article>p{margin-bottom:24px}.guide-article h2{font-size:34px;line-height:1.2;letter-spacing:-.025em;margin:48px 0 23px}.guide-article a{color:#ff786a;text-decoration:underline;text-underline-offset:4px}.guide-article .answer-first{font-size:22px;padding:28px;background:#242019;border-left:3px solid #ff3a26;border-radius:0 6px 6px 0;color:#e5dfd6}.table-scroll{overflow:auto;margin:30px 0}.table-scroll table{border-collapse:collapse;min-width:570px;width:100%;font-size:15px;line-height:1.7}.table-scroll th,.table-scroll td{text-align:left;vertical-align:top;padding:18px;border:1px solid #464949}.table-scroll th{font-weight:500;color:#f2eee9}.table-scroll td{color:#b8bcb8}.table-scroll thead{background:#2b241f}.guide-article pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;background:#1b1e20;border:1px solid #454b4e;border-radius:6px;font:13px/1.8 'JetBrains Mono',monospace;color:#dcc7b6}.guide-article .guide-sources{font-size:13px;line-height:1.8;color:#a7b0b0;padding-top:22px;border-top:1px solid #353d3e}.guide-cta{padding:35px;background:#262019;border:1px solid #67452d;border-radius:8px;margin-top:55px}.guide-cta h2{margin:0 0 16px}.guide-cta p{font-size:17px;line-height:1.8;color:#b9b2a9;margin-bottom:25px}.guide-cta a{color:#18120c;text-decoration:none;font-size:15px}.glossary dt{font-size:25px;margin-top:30px;color:#f0d1ce}.glossary dd{font-size:18px;line-height:1.8;color:#b3b8b5;margin:10px 0 0;padding-bottom:25px;border-bottom:1px solid #3f4646}.comparison-demo{position:relative;height:380px;border:1px solid #48423d;border-radius:10px;overflow:hidden;--split:50%;background:#191d20}.compare-layer{position:absolute;inset:0}.compare-motion{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#1b2024}.compare-divider{position:absolute;inset:0 auto 0 var(--split);width:2px;background:#ff3a26;display:flex;align-items:center;justify-content:center;color:#ff7c6f;font-size:32px;text-shadow:0 1px 5px black;pointer-events:none}.compare-label{position:absolute;bottom:18px;right:24px;font:10px 'JetBrains Mono',monospace;color:#bfc2c2}.compare-motion .compare-label{left:24px;right:auto;color:#ff887c}.compare-app{height:100%;position:relative;padding:28px 40px}.compare-app-top{display:flex;justify-content:space-between;border-bottom:1px solid #3c454a;padding-bottom:18px;font-size:14px;color:#c3c9cd}.compare-sidebar{position:absolute;left:40px;top:98px;display:grid;gap:19px}.compare-sidebar i{width:20px;height:20px;border:1px solid #73828a;border-radius:5px}.compare-sidebar i:first-child{background:#ff3a26;border-color:#ff3a26}.compare-content{max-width:520px;padding:27px 0 0 100px;position:relative}.compare-content h3{font-size:29px;margin:10px 0 12px}.compare-content>p{font-size:14px;color:#aebac0}.compare-content .eyebrow{font-size:9px}.compare-icon{position:absolute;left:520px;top:13px;width:210px;height:180px}.compare-icon>div,.compare-icon img,.compare-icon svg{width:100%!important;height:100%!important;object-fit:contain}.compare-pill{margin-top:26px;background:#ff3a26;color:#210d0b;border-radius:5px;padding:12px 18px;font-size:13px;width:210px;display:flex;justify-content:space-between}.compare-slider-label{display:flex;justify-content:space-between;margin-top:20px;gap:20px;font-size:14px;color:#bbc0c1}.compare-slider-label output{color:#ff8275;font-family:'JetBrains Mono',monospace;font-size:12px}#compare-slider{display:block;width:100%;margin:20px 0 30px;accent-color:#ff3a26}.comparison-section>.text-link{font-size:14px}.exit-note{position:fixed;bottom:24px;right:24px;background:#25221f;border:1px solid #7f573b;border-radius:8px;padding:22px 48px 22px 24px;z-index:40;box-shadow:0 6px 35px #0006}.exit-note p{font-size:17px;margin-bottom:10px}.exit-note a{font-size:14px;color:#ff8579}.exit-note button{position:absolute;right:12px;top:10px;background:none;border:0;color:#dadada;font-size:22px;cursor:pointer}
@media(max-width:1100px){.estimate-fields{grid-template-columns:1fr;gap:24px}.builder-grid,.resource-grid{grid-template-columns:1fr 1fr}.builder-grid>a:last-child{grid-column:1/-1}.playbook-section{gap:6%}.compare-icon{left:440px}}
@media(max-width:760px){.estimator-layout{grid-template-columns:1fr}.estimate-fields{padding:25px;gap:26px}.estimate-fields select{font-size:16px}.estimate-result{padding:27px}.estimate-result>output{font-size:42px}.estimate-result .eyebrow{font-size:10px}.estimate-result .button{width:100%;justify-content:space-between}.playbook-section,.industry-intro{grid-template-columns:1fr;gap:32px}.playbook-section h2{font-size:39px}.playbook-section>div>p:not(.eyebrow){font-size:16px}.builder-grid,.resource-grid{grid-template-columns:1fr}.builder-grid>a:last-child{grid-column:1}.builder-grid>a,.resource-grid>a{padding:27px}.builder-grid h3,.resource-grid h2,.resource-grid h3{font-size:29px}.builder-grid p,.resource-grid p{font-size:16px}.creator-section .project-grid{gap:32px}.profile-directory>div{grid-template-columns:1fr 1fr}.profile-directory>div>a{font-size:14px}.profile-directory h2{font-size:34px}.industry-intro h2{font-size:33px}.industry-deliverables{padding:24px 0 0;border-left:0;border-top:1px solid #4e4035}.industry-intro p{font-size:16px}.booking-section .hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.booking-section .button{font-size:13px}.booking-section>p:not(.eyebrow){font-size:16px}.guide-article>p,.guide-article li{font-size:17px}.guide-article h2{font-size:30px;margin-top:38px}.guide-article .answer-first{font-size:19px;padding:22px}.guide-article pre{font-size:11px;padding:17px}.guide-cta{padding:25px}.glossary dd{font-size:17px}.discovery-links{gap:18px 24px;font-size:13px}.comparison-demo{height:380px}.compare-app{padding:23px 20px}.compare-app-top{font-size:12px}.compare-sidebar{left:20px;top:80px;gap:19px}.compare-sidebar i{width:16px;height:16px}.compare-content{padding:25px 0 0 37px}.compare-content h3{font-size:23px;max-width:180px}.compare-content>p{font-size:12px;max-width:155px;line-height:1.6}.compare-icon{left:140px;top:128px;width:150px;height:120px}.compare-pill{font-size:10px;width:157px;margin-top:110px;padding:10px}.compare-label{font-size:8px;bottom:12px;right:15px}.compare-motion .compare-label{left:15px}.compare-slider-label{font-size:12px;line-height:1.6}.compare-slider-label output{font-size:10px;white-space:nowrap}.comparison-section>.text-link{font-size:12px}.exit-note{display:none}}
.creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-grid .project-caption{display:block}.creator-grid h3{font-size:22px;line-height:1.35}.creator-grid .project-caption>span{display:block;margin-top:10px;font-size:11px}.builder-section .resource-note{margin-top:25px}@media(max-width:760px){.creator-grid{grid-template-columns:1fr}}

/* discovery.css */
.audit-section{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;border-top:1px solid #514033}.audit-section h2{font-size:clamp(36px,4.2vw,59px);line-height:1.1;letter-spacing:-.04em;margin:20px 0}.audit-section>div>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#bac0ba}.audit-section>div>.audit-note{font-size:13px!important;color:#9da9a7!important;margin-top:18px}.audit-section form{display:flex;flex-direction:column;gap:19px;align-self:center}.audit-section label{display:flex;flex-direction:column;gap:10px;font-size:14px}.audit-section input{padding:15px;border:1px solid #515d5e;background:#202728;color:#f2f2ea;border-radius:5px;font-size:16px;min-width:0}.audit-section button{font-size:14px;justify-content:space-between;padding:16px 20px}.audit-section .brief-privacy{margin:0;line-height:1.7}.quiz-section{border-top:1px solid #3b4544}#animation-quiz{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}#animation-quiz fieldset{border:1px solid #414b4c;border-radius:7px;padding:22px;min-width:0}#animation-quiz legend{font-size:14px;color:#ff9b91;padding:0 8px}#animation-quiz label{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:15px;line-height:1.5}#animation-quiz input{accent-color:#ff3a26;width:16px;height:16px;flex-shrink:0}#animation-quiz button{grid-column:1/-1;justify-self:start;font-size:15px;padding:16px 22px}.quiz-result{margin-top:30px;background:#231f1b;border:1px solid #863b33;padding:30px;border-radius:9px}.quiz-result h3{font-size:33px;line-height:1.2;margin:20px 0}.quiz-result>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#bdb6ac;max-width:750px}#quiz-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:24px 0}#quiz-examples a{border:1px solid #444a4a;border-radius:7px;overflow:hidden;background:#22292d}#quiz-examples img{display:block;width:100%;height:auto}#quiz-examples span{display:block;padding:17px;font-size:14px;text-transform:capitalize;line-height:1.6}.quiz-result .button{font-size:14px;padding:15px 22px}.personal-intro{display:flex;align-items:center;gap:17px;margin:25px 0;padding:18px 0;border-block:1px solid #484039}.personal-intro>img{width:85px;height:100px;object-fit:cover;object-position:left;border-radius:5px;flex-shrink:0}.personal-intro strong{font-size:17px;font-weight:500}.personal-intro p{font-size:13px;line-height:1.65;color:#b4b4af;margin:8px 0}.personal-intro a{font-size:12px;color:#ff8477}.personal-intro small{display:block;font-size:10px;color:#aba49b;margin-top:8px}.live-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:inherit}.hero-live-animation{overflow:hidden}.live-loader{background:linear-gradient(110deg,transparent 30%,#fff1 50%,transparent 70%);position:absolute;inset:0;width:100%;height:100%;animation:poster-shimmer 2s ease-in-out infinite;pointer-events:none}.hero-live-animation .live-loader{inset:0}.live-canvas:has(svg) .live-poster,.hero-live-animation:has(svg) .live-poster,.service-demo>div:has(svg) .live-poster{visibility:hidden}.lab-item{min-width:0;display:flex;flex-direction:column}.lab-item .lab-card{display:block;width:100%;flex:1}.lab-similar{display:flex;justify-content:space-between;padding:11px 12px;border:1px solid #3b403f;border-top:0;border-radius:0 0 5px 5px;color:#ff8477;font-size:12px;background:#1b1d1c}.lab-similar:hover{background:#30241b}.lab-card-specs{font-size:10px!important;color:#acb8be!important}.lab-card-specs small{font-size:9px}.landing-detail{padding:45px 0 65px;max-width:1060px}.landing-detail .answer-first{font-size:20px;padding:24px;border-left:3px solid #ff3a26;background:#211e19;line-height:1.75;color:#dedbd4}.landing-detail h2{font-size:36px;line-height:1.2;margin:45px 0 20px;letter-spacing:-.025em}.landing-detail h3{font-size:24px;line-height:1.3;margin:28px 0 14px}.landing-detail p,.landing-detail li{font-size:17px;line-height:1.85;color:#b9bfbb}.landing-detail p+p{margin-top:16px}.landing-detail a{color:#ff786a}.landing-detail ol{padding-left:24px}.landing-detail li{padding-left:6px;margin:14px 0}.landing-detail .faq summary{font-size:17px;line-height:1.5;padding-block:20px}.landing-detail .faq p{font-size:16px;padding-bottom:22px}.landing-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.landing-examples>a{background:#1e2529;border:1px solid #3c454a;border-radius:7px;overflow:hidden}.landing-examples img{width:100%;height:auto;display:block}.landing-examples span{display:block;padding:18px;font-size:14px;line-height:1.6;color:#d6dbd8}.landing-example-note{font-size:13px!important;margin-top:17px}.landing-detail .related-services{display:flex;flex-wrap:wrap;gap:17px;font-size:15px;margin-top:28px}.lab-usecase{max-width:165px;font-size:12px}.studio-grid-note{font-size:11px;color:#acb3b6;line-height:1.7;margin-top:14px}@keyframes poster-shimmer{0%,100%{opacity:.1}50%{opacity:1}}
@media(max-width:760px){.audit-section{grid-template-columns:1fr;gap:28px}.audit-section h2{font-size:38px}.audit-section>div>p:not(.eyebrow){font-size:16px}.audit-section button{font-size:13px}#animation-quiz{grid-template-columns:1fr;gap:22px}#animation-quiz fieldset{padding:16px 22px}#animation-quiz button{width:100%;justify-content:space-between;font-size:13px}.quiz-result{padding:23px}.quiz-result h3{font-size:28px}#quiz-examples{grid-template-columns:1fr;gap:15px}#quiz-examples>a{display:flex;align-items:center}#quiz-examples img{width:100px;height:90px;object-fit:cover}#quiz-examples span{font-size:12px;padding:13px}.personal-intro{gap:14px}.personal-intro>img{width:70px;height:92px}.personal-intro strong{font-size:16px}.personal-intro p{font-size:12px}.personal-intro a{font-size:11px}.landing-detail h2{font-size:29px}.landing-detail h3{font-size:22px}.landing-detail p,.landing-detail li{font-size:16px}.landing-detail .answer-first{font-size:18px;padding:20px}.landing-examples{grid-template-columns:1fr 1fr;gap:12px}.landing-examples span{font-size:12px;padding:12px}.lab-card-specs{font-size:9px!important;flex-direction:column}.lab-card-specs small{font-size:8px}.lab-similar{font-size:11px;padding:11px}.lab-usecase{flex-basis:100%;max-width:none!important;width:100%}}
.landing-animation>div{position:relative;overflow:hidden}.landing-animation>div:has(svg) .live-poster{visibility:hidden}

/* editorial.css */
.animation-use-cases{padding:25px;background:#191f21;border:1px solid #3c4546;border-radius:8px;margin:30px 0}.animation-use-cases h3{font-size:24px;margin:0 0 12px}.animation-use-cases p,.animation-use-cases li{font-size:15px;color:#aebdbb;line-height:1.8}.animation-use-cases ul{padding-left:20px}.animation-use-cases .text-link{font-size:15px;color:#ff7668}.editorial-case{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;padding:60px 0;border-top:1px solid #3a3c39}.editorial-case h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.045em;margin:15px 0}.editorial-case h3,.tools-editorial h3{font-size:25px;margin:26px 0 14px}.editorial-case h3:first-child{margin-top:0}.editorial-case p,.editorial-note p,.case-video-section p,.tools-editorial p,.hire-paths p{font-size:17px;line-height:1.8;color:#b3bab3}.case-format{font-size:13px!important}.editorial-note h2,.case-video-section h2,.tools-editorial>h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;line-height:1.12;margin:30px 0}.editorial-note>.text-link{margin:24px}.editorial-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.editorial-columns h3{font-size:28px;line-height:1.15}.editorial-columns p{font-size:15px}.editorial-columns a,.tools-editorial a{color:#ff7466}.tools-editorial article{padding:35px 0;border-top:1px solid #3a3c39;max-width:930px}.tools-editorial>.text-link{margin:25px}.case-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:35px 0}.case-video{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:8px;border:1px solid #494c44}.case-video img{width:100%;height:100%;object-fit:cover}.case-video span{position:absolute;bottom:20px;left:20px;background:#101112e8;color:#fff;padding:13px 20px;border-radius:5px}.case-video-grid h3{font-size:27px;margin:22px 0 10px}.hire-trust{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.hire-trust span{padding:10px 14px;border:1px solid #4b5140;color:#d6e0c7;border-radius:5px;font-size:13px}.hire-intro>.text-link{margin:25px}.hire-paths{display:grid;grid-template-columns:1fr 1fr;gap:25px}.hire-paths article{padding:38px;border:1px solid #4a483f;border-radius:10px;background:#1a1c19}.hire-paths h2{font-size:40px;line-height:1.1;letter-spacing:-.04em}.hire-paths .text-link{display:block;margin:22px 0}.hire-terms{font-size:12px;color:#a9b8ae}.upwork-entry{margin:24px auto 0;max-width:1320px;width:calc(100% - 64px);border:1px solid #506536;border-radius:8px;background:#192115;padding:18px 22px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;position:relative}.upwork-entry p{margin:0;flex:1;min-width:230px;line-height:1.5;font-size:14px}.upwork-entry p small{display:block;color:#bdc6b7;font-size:11px}.upwork-entry>a{color:#d4edb9;font-size:13px}.upwork-entry button{background:transparent;border:0;color:#d4dfcc;font-size:22px;cursor:pointer}.upwork-entry .upwork-primary{padding:10px 15px;border:1px solid #809567;border-radius:5px}.hire-paths .button{font-size:14px}@media(max-width:760px){.editorial-case,.editorial-columns,.case-video-grid,.hire-paths{grid-template-columns:1fr}.editorial-case{gap:24px;padding:35px 0}.editorial-note p,.editorial-case p,.tools-editorial p,.hire-paths p{font-size:16px}.editorial-note>.text-link,.tools-editorial>.text-link,.hire-intro>.text-link{margin:25px 0}.hire-paths article{padding:25px}.hire-paths h2{font-size:34px}.hire-trust{gap:8px}.hire-trust span{font-size:11px}.upwork-entry{width:calc(100% - 36px);padding:18px;gap:16px}.upwork-entry button{position:absolute;right:10px;top:6px}.upwork-entry p{padding-right:12px}.upwork-entry>a{font-size:12px}.case-video span{font-size:13px}}

/* release.css */
.cta-proof{margin:24px 0;padding:16px 20px;border-left:2px solid #ff3a26;background:#1c211d;border-radius:0 6px 6px 0}.cta-proof p{font-size:14px!important;line-height:1.6!important;color:#d2dbcd!important;margin:0 0 8px!important}.cta-proof cite{font-size:11px;line-height:1.7;font-style:normal;color:#a7b6a4}.cta-proof cite a{color:#b4cbaa}.sprint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sprint-card{display:flex;flex-direction:column;padding:30px;background:#1b1e1b;border:1px solid #41483d;border-radius:12px}.sprint-card:first-child{border-color:#b34b40;background:linear-gradient(155deg,#30241b,#191d19)}.sprint-card h3{font-size:30px;line-height:1.15;letter-spacing:-.03em;margin:12px 0 22px}.sprint-price{font-size:46px;letter-spacing:-.04em}.sprint-price span{font-size:12px;letter-spacing:0;color:#b3baae}.sprint-card p:not(.eyebrow){font-size:15px;line-height:1.75;color:#b9c0b4}.sprint-card .sprint-time{color:#ff877b!important;font-size:12px!important}.sprint-card .sprint-limits{border-top:1px solid #424a3e;padding-top:17px;font-size:13px!important}.sprint-card .button{margin-top:auto;font-size:14px;justify-content:space-between}.sprint-terms{color:#a2aca0;font-size:12px;line-height:1.8;max-width:1050px;margin:25px 0}.sprint-section>.cta-proof{max-width:700px}.not-found-search{margin:35px 0;max-width:750px}.not-found-search label{display:block;font-size:13px;margin-bottom:12px;color:#c1c9bd}.not-found-search>div{display:flex;gap:12px}.not-found-search input{flex:1;min-width:0;border:1px solid #54604f;border-radius:6px;padding:17px;background:#1b211a;color:#fff;font:inherit}.not-found-search .button{border:0;font-size:14px}.not-found-links{display:flex;flex-wrap:wrap;gap:30px}.page-intro h1 em{font-family:inherit;font-style:normal;font-weight:400;color:#ff6353}@media(max-width:760px){.sprint-grid{grid-template-columns:1fr}.sprint-card{padding:25px}.sprint-card h3{font-size:30px}.sprint-terms{font-size:11px}.hire-intro>.text-link{display:block;width:max-content;max-width:100%;margin:24px 0}.not-found-search>div{flex-direction:column}.not-found-links{flex-direction:column;gap:22px}.cta-proof{padding:15px}.cta-proof p{font-size:13px!important}}

.sprint-price>[data-price]{font-size:inherit;color:inherit;letter-spacing:inherit}.brief-assurance{color:#bec8ba;font-size:13px;line-height:1.75;max-width:700px;margin:0 0 24px}.engagement-faq{max-width:1000px}.engagement-faq h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.12}.engagement-intro,.studio-clock{color:#bcc6b6;line-height:1.7}.engagement-faq details{border-top:1px solid #444d40;padding:22px 0}.engagement-faq summary{cursor:pointer;font-size:20px}.engagement-faq details p{font-size:16px;line-height:1.8;color:#b8c2b2}.engagement-faq>.text-link{margin-top:24px}.estimate-explanation{font-size:12px!important;line-height:1.8!important;color:#c6cdbf!important}
@media(max-width:760px){button,input[type=submit],input[type=button],select,input[type=color],input[type=range],.button,.text-link,.lab-save,.lab-similar,.lab-detail-link,.nav-contact,.logo{min-height:44px;min-width:44px}.text-link,.lab-similar,.lab-detail-link{display:inline-flex;align-items:center}.lab-item-actions .lab-similar{display:flex}.lab-detail-link{display:flex}.quiz-section label:has(input[type=radio]),label:has(input[type=checkbox]){min-height:44px;align-items:center}.engagement-faq summary{min-height:44px;align-content:center}.brief-assurance{font-size:12px}.lab-stage-top{flex-wrap:wrap;gap:12px}}

.lab-keyboard-hint{color:#a8b4bc;font-size:10px}.library-copy .button-dark{color:#17110b}@media(max-width:760px){#lab-play,#lab-expand{min-height:44px;min-width:44px;width:44px;height:44px;flex-shrink:0}}

.lab-navigation .lab-keyboard-hint{font:10px "JetBrains Mono",monospace;color:#a8b4bc}.conversion-packages article:nth-child(2){background:#241e18}.brief-section{background:#1e1b18}.estimate-result{background:#2b2017}.sprint-card:first-child{background:#27211a}.sidebar-order{background:#211f1b}

/* referral-sharing.css */
.referral-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.referral-layout h2{font-size:42px;line-height:1.12;letter-spacing:-.04em;margin:0 0 30px}.referral-steps{padding-left:24px}.referral-steps li{padding-left:12px;margin-bottom:30px}.referral-steps strong{font-size:22px;font-weight:500}.referral-steps p{color:#b7c2b1;line-height:1.8;font-size:16px}.referral-note{font-size:12px;line-height:1.8;color:#b8bdae}.referral-form{padding:32px;border:1px solid #525a49;border-radius:10px;background:#1c211a;scroll-margin-top:30px}.referral-form label{display:flex;flex-direction:column;gap:10px;margin:22px 0;font-size:14px}.referral-form label>span{display:inline;color:#b6c2ad;font-size:12px}.referral-form input,.referral-form select{background:#121711;color:#eee;border:1px solid #6b7563;border-radius:5px;padding:14px;font:inherit;min-width:0;width:100%;min-height:46px}.referral-form .button{border:0;width:100%;font-size:14px}.animation-share{margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid #41483c}.animation-share button,.animation-share a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font:13px Outfit,Arial,sans-serif;border:1px solid #727d69;background:#21261d;color:#e0ead7;padding:10px 15px;border-radius:5px;cursor:pointer}.animation-share #animation-share-toggle{width:100%;justify-content:space-between;background:#171d17}.animation-share #animation-share-links{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px}.animation-share #animation-share-links[hidden]{display:none}.animation-share p{font-size:12px;line-height:1.7;color:#b8c4b0;margin:8px 0 0;overflow-wrap:anywhere}@media(max-width:760px){.referral-layout{grid-template-columns:1fr;gap:40px}.referral-layout h2{font-size:34px}.referral-form{padding:24px}.animation-share button,.animation-share a{min-width:44px}}

/* interactive-motion.css */
.interaction-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:end;padding-block:65px}.interaction-intro h1{font-size:clamp(46px,6.5vw,92px);line-height:1;letter-spacing:-.055em;margin:24px 0}.interaction-intro h1 em{font-style:normal;color:#ff3a26}.interaction-intro p:not(.eyebrow){font-size:18px;line-height:1.8;color:#bfc6bd}.interaction-intro .intro-aside{padding:25px;border-left:1px solid #66503c}.interaction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:50px}.interaction-card{padding:28px;border:1px solid #455047;border-radius:12px;background:#171d19;min-width:0;scroll-margin-top:20px}.interaction-card h2{font-size:31px;letter-spacing:-.03em;margin:14px 0}.interaction-card>p{color:#b7c3b6;font-size:15px;line-height:1.75}.interaction-stage{position:relative;display:block;width:100%;height:265px;background:#23292b;border:1px solid #59615f;border-radius:8px;overflow:hidden;margin:22px 0;color:#f3f0e8;touch-action:pan-y}.interaction-stage img,.interaction-stage .interaction-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.interaction-stage .interaction-canvas>svg{width:100%!important;height:100%!important}.interaction-stage:focus-visible,.interaction-card button:focus-visible{outline:3px solid #ff8174;outline-offset:4px}.interaction-stage[data-trigger]{cursor:pointer}.interaction-label{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#e0e7da;font-size:13px}.interaction-label output{font:10px 'JetBrains Mono',monospace;color:#ff8579}.interaction-code{background:#0e1311;border:1px solid #475149;padding:16px;border-radius:6px;overflow:auto;max-width:100%;margin:20px 0 14px;color:#d6e5ca;font:11px/1.8 'JetBrains Mono',monospace}.interaction-code code{white-space:pre}.interaction-card .text-link{font-size:13px;color:#ff8376}.motion-control{min-height:46px;min-width:46px;border:1px solid #798877;background:#273023;border-radius:7px;padding:12px 18px;color:#f4f3e9;font:14px Outfit,Arial,sans-serif;cursor:pointer}.motion-control[aria-pressed=true],.motion-control[aria-checked=true],.motion-control[aria-expanded=true]{border-color:#ff3a26;background:#561e18}.motion-control .switch-track{display:inline-block;width:32px;height:18px;border:1px solid #c3cbbd;vertical-align:middle;border-radius:20px;margin-right:10px;padding:2px}.switch-track:before{content:'';display:block;width:12px;height:12px;border-radius:50%;background:#e5eada}.motion-control[aria-checked=true] .switch-track:before{transform:translateX(12px);background:#ff7163}.demo-menu{display:flex;gap:20px;flex-wrap:wrap;padding-top:16px}.demo-menu a{min-height:44px;display:inline-flex;align-items:center;font-size:13px;color:#ff9d93}.cursor-position{width:100%;min-height:44px;accent-color:#ff3a26}.motion-note{font-size:12px!important;line-height:1.8!important;color:#b2bdb3!important}.interaction-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:36px}.interaction-wide .interaction-stage{height:330px;margin:0}.interaction-wide h2{font-size:42px}.state-steps{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.state-steps span{font:11px 'JetBrains Mono',monospace;padding:10px;border:1px solid #66725f;border-radius:40px;color:#aebba7}.state-steps [data-active=true]{color:#11190e;background:#ff7466;border-color:#ff7466}.motion-teaser{border-block:1px solid #454b43;padding-block:48px;margin-block:50px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.motion-teaser h2{font-size:clamp(35px,4vw,57px);letter-spacing:-.04em;line-height:1.07;margin:20px 0}.motion-teaser p{color:#b5c0b4;font-size:17px;line-height:1.8}.motion-teaser .teaser-pattern{display:flex;flex-wrap:wrap;gap:12px}.teaser-pattern a{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #59644f;border-radius:8px;min-height:72px;font-size:16px;color:#e0e7d7;background:#1a2118}.teaser-pattern b{font:22px 'JetBrains Mono',monospace;color:#ff7466}.product-story{padding-block:60px;border-block:1px solid #404a40;margin-block:50px}.product-story h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.04em;line-height:1.1;margin:20px 0}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.story-visual{position:sticky;top:35px;align-self:start;padding-top:30px}.story-stage{position:relative;aspect-ratio:1.3;background:#202725;border:1px solid #586652;border-radius:12px;overflow:hidden}.story-stage>img,.story-stage .story-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.story-canvas>svg{width:100%!important;height:100%!important}.story-counter{display:flex;justify-content:space-between;padding:18px 0;color:#d4ddce;font:11px 'JetBrains Mono',monospace}.story-progress{height:3px;background:#495240}.story-progress>span{display:block;width:0;height:3px;background:#ff3a26}.story-step{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:45px 0;border-bottom:1px solid #3c4939}.story-step h3{font-size:34px;letter-spacing:-.03em;line-height:1.1;margin:18px 0}.story-step p{font-size:17px;color:#bac4b3;line-height:1.85}.story-step>a{font-size:13px;color:#ff8478}.story-manual{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.walkthrough-slot{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center;border:1px solid #4f5b48;background:#1b2118;border-radius:12px;padding:35px;margin-block:40px}.walkthrough-slot img{width:100%;max-height:320px;object-fit:cover;object-position:left;border-radius:8px}.walkthrough-slot h2{font-size:38px;line-height:1.1;letter-spacing:-.03em;margin:15px 0}.walkthrough-slot p{color:#bec8b7;font-size:16px;line-height:1.8}.hero-motion-control:disabled{cursor:default;opacity:.7}@media(max-width:760px){.interaction-intro{grid-template-columns:1fr;padding-block:35px;gap:25px}.interaction-intro h1{font-size:49px}.interaction-intro .intro-aside{padding:10px 20px}.interaction-grid{grid-template-columns:1fr;gap:18px}.interaction-card{padding:21px}.interaction-card h2{font-size:30px}.interaction-stage{height:235px}.interaction-wide{grid-column:auto;grid-template-columns:1fr;gap:22px}.interaction-wide h2{font-size:33px}.interaction-wide .interaction-stage{height:250px}.motion-teaser{grid-template-columns:1fr;gap:22px}.teaser-pattern a{padding:15px;min-height:64px;font-size:14px}.story-layout{display:flex;flex-direction:column;gap:0}.story-visual{width:100%;top:0;z-index:2;background:#101112;padding-top:12px;padding-bottom:10px}.story-stage{height:225px;aspect-ratio:auto}.story-counter{padding:12px 0;font-size:10px}.story-step{min-height:68vh;padding:32px 0;scroll-margin-top:335px}.story-step h3{font-size:31px}.story-step p{font-size:16px}.story-manual{gap:8px}.story-manual button{padding:10px 12px;font-size:12px}.walkthrough-slot{grid-template-columns:1fr;padding:24px;gap:25px}.walkthrough-slot h2{font-size:33px}.walkthrough-slot img{height:250px}}@media(prefers-reduced-motion:reduce){.story-step{min-height:0;padding:35px 0}.story-visual{position:relative;top:auto}.interaction-canvas,.story-canvas{display:none}.hero-live-animation svg{display:none}.hero-live-animation img{display:block!important}}
.interaction-intro h1 em{font-family:inherit}.interaction-card>p:not(.eyebrow){min-height:54px}

/* agency.css */
.agency-intro{max-width:1060px}.agency-intro h1{font-size:clamp(44px,6vw,82px);line-height:1.05;letter-spacing:-.05em}.agency-intro h1 em{font-family:inherit;font-style:normal;color:#ff3a26}.agency-intro .hero-actions{flex-wrap:wrap}.agency-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:40px}.agency-points article{border-top:1px solid #66715e;padding-top:25px}.agency-points h2{font-size:27px;line-height:1.25;margin:12px 0 18px}.agency-points p,.agency-copy p,.agency-copy li{color:#b9c5b1;line-height:1.9;font-size:17px}.agency-copy{max-width:1040px}.agency-copy h2{font-size:clamp(30px,4vw,49px);letter-spacing:-.04em;line-height:1.12;margin:42px 0 24px}.agency-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-block:20px}.agency-process article{padding:25px;border:1px solid #4d5c45;border-radius:8px;background:#1a2117}.agency-process h3{font-size:26px;margin:15px 0}.agency-process p{font-size:15px;line-height:1.8;color:#b9c5b1}.agency-partner{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;padding:42px;border:1px solid #9a463d;background:#241e18;border-radius:12px;margin-block:40px}.agency-partner h2{font-size:44px;line-height:1.1;letter-spacing:-.04em;margin:20px 0}.agency-partner p,.agency-partner li{font-size:16px;line-height:1.9;color:#c6c3b5}.agency-partner .partner-price{color:#ff8d81;font-size:19px}.agency-partner ul{padding-left:18px}.capabilities-download{margin-top:22px;font-size:14px!important;display:inline-flex;min-height:46px;align-items:center;gap:15px;padding:12px 18px;border:1px solid #697a5d;border-radius:7px;color:#f0f1df!important}.availability-note{color:#ff968b;font:12px/1.7 'JetBrains Mono',monospace;border-left:2px solid #ff3a26;padding:10px 15px;margin:20px 0}.agency-copy .faq summary{min-height:48px;font-size:17px;padding-block:18px}.agency-copy a:not(.button){color:#ff8376}@media(max-width:760px){.agency-intro h1{font-size:46px}.agency-points,.agency-process,.agency-partner{grid-template-columns:1fr}.agency-points{gap:20px}.agency-partner{padding:26px;gap:20px}.agency-partner h2{font-size:36px}.agency-copy p,.agency-copy li{font-size:16px}.agency-points p{font-size:16px}}

.proof-shortcut{display:inline-flex;align-items:center;min-height:44px;margin-top:10px}.agency-call-note{font-size:13px!important;line-height:1.7!important;color:#b9c5b1;max-width:520px}.brief-reference{display:flex;align-items:center;gap:18px;border:1px solid #926344;border-radius:10px;background:#151a17;padding:18px;margin-bottom:24px}.brief-reference[hidden]{display:none}.brief-reference img{flex:0 0 88px;width:88px;height:88px;object-fit:contain;border-radius:7px;background:#242b2c}.brief-reference strong{font-size:14px;color:#ff8376}.brief-reference p{font-size:16px;margin:6px 0;text-transform:capitalize;color:#f0f1df}.brief-reference small{font-size:12px;line-height:1.6;display:block;color:#b9c5b1}@media(max-width:600px){.brief-reference{align-items:flex-start;gap:12px;padding:14px}.brief-reference img{flex-basis:65px;width:65px;height:65px}.brief-reference p{font-size:14px}.proof-shortcut{font-size:13px}}

#brief-form{scroll-margin-top:35px}.landing-intro .hero-actions{flex-wrap:wrap}

.mobile-quote:not([data-sticky-ready]){visibility:hidden}@media(max-width:760px){body{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}html{scroll-padding-bottom:100px}.mobile-quote{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}