@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/bebas-neue-latin.woff2') format('woff2')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2')}@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/dm-serif-display-latin.woff2') format('woff2')}@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/dm-serif-display-italic-latin.woff2') format('woff2')}:root{--paper:#f7f7f2;--ink:#202724;--muted:#636a65;--blue:#304bea;--line:#dfe2d8;--soft:#ecefe6;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}img,svg,video{max-width:100%;display:block}img,video{height:auto}p{color:var(--muted);margin:0 0 20px}h1,h2,h3{line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:0}h1{font-size:clamp(54px,6.2vw,91px)}h2{font-size:clamp(36px,4vw,54px)}h3{font-size:26px;letter-spacing:-.035em}em{font-family:var(--serif);font-weight:400;color:var(--blue)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}.site-header{background:rgba(247,247,242,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-symbol{font-weight:700;font-size:42px;letter-spacing:-5px;line-height:1}.brand-symbol span{color:var(--blue);font-size:35px;vertical-align:top;margin:0 0 0 2px}.brand-name{border-left:1px solid #b5bcb1;padding-left:12px;font-size:9px;font-weight:700;line-height:1.55;letter-spacing:1.4px}.site-header nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:500}.site-header nav>a:not(.button){padding-block:14px}.site-header nav>a:hover,.text-link:hover{color:var(--blue)}.client-link{margin-left:20px}.button{border:1px solid var(--blue);background:var(--blue);color:white;padding:17px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;font-weight:600;border-radius:5px;transition:background .18s,transform .18s;line-height:1.4;min-height:48px}.button:hover{background:#233ac3;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400;line-height:1}.button-small{padding:12px 18px;min-height:44px}.button-outline{background:transparent;color:var(--ink);border-color:var(--line)}.button-outline:hover{background:var(--soft);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:22px;font-weight:600;font-size:14px;min-height:44px}.text-link>span{font-size:19px}.eyebrow{font-size:10px;line-height:1.6;font-weight:600;letter-spacing:1.6px;display:block;margin-bottom:25px}.status-dot{display:inline-block;background:var(--blue);height:7px;width:7px;margin-right:7px;border-radius:50%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-top:74px;padding-bottom:85px;min-height:720px}.hero-copy{position:relative;z-index:2}.hero h1{margin-bottom:27px}.hero-copy>p{max-width:445px;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.hero-note{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-top:23px}.note-icon{color:var(--blue);font-weight:700}.hero-art{position:relative;min-height:526px;padding-top:8px}.browser-frame{border:1px solid #d0d2c8;border-radius:7px;background:#f6f1e5;overflow:hidden;box-shadow:0 20px 50px #34392f10}.hero-art>.concept{width:94%;transform:rotate(3deg);position:absolute;top:38px;right:0}.browser-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;font-size:6px;letter-spacing:1px;border-bottom:1px solid #dad9d1;background:#fcfcfa;color:#777e72}.browser-bar>span:first-child{letter-spacing:2px;font-size:7px;color:#b9bcb4}.concept-nav{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #dedccc;font-size:7px;color:#414d3d}.concept-nav>b{font-size:17px;font-family:var(--serif);font-weight:400;letter-spacing:-.6px}.concept-nav>b>span{font-style:italic;color:#788068}.concept-body{display:grid;grid-template-columns:1fr 47%;padding:21px 0 0 24px;min-height:250px}.concept-body>div{padding:21px 0 12px}.micro{font-size:6px;letter-spacing:1.4px}.concept-body h3{font-family:var(--serif);font-size:clamp(30px,3vw,44px);font-weight:400;margin:16px 0 14px;letter-spacing:-1.8px;line-height:1.03;color:#374330}.concept-body h3 i{font-weight:400;color:#7f8669}.concept-body p{font-size:7px;line-height:1.7}.mock-button{display:inline-block;font-size:6px;border:1px solid #58694a;padding:7px 10px;color:#374330;letter-spacing:.2px}.architecture{width:100%;height:100%;object-fit:cover}.concept-footer{font-size:5px;letter-spacing:1px;padding:12px 21px;display:flex;justify-content:space-between;background:#35422f;color:#e5e6d9}.floating-portfolio{position:absolute;bottom:8px;left:-20px;width:66%;background:#1c211e;border:5px solid #fff;border-radius:6px;box-shadow:0 22px 45px #28392826;transform:rotate(-6deg);overflow:hidden}.floating-portfolio img{width:100%;aspect-ratio:16/9;object-fit:cover}.mini-browser{font-size:6px;letter-spacing:.8px;color:white;padding:10px;display:flex;justify-content:space-between}.mini-browser>span{font-size:5px;color:#a4ae9e}.portfolio-tag{display:block;color:#e6e6d3;font-size:9px;padding:9px 11px}.art-caption{position:absolute;bottom:25px;right:0;font-size:11px;line-height:1.5;transform:rotate(2deg);color:#525b4e}.spark{display:block;color:var(--blue);font-size:43px;line-height:1;margin-bottom:14px}.art-index{position:absolute;right:0;bottom:-20px;font-size:7px;letter-spacing:1.8px;color:#838b7d}.value-strip{border-block:1px solid var(--line);padding:21px 0}.value-strip>.wrap{display:flex;justify-content:space-between;gap:20px}.value-strip span{font-size:13px;color:#525a50}.value-strip span:before{content:'✳';color:var(--blue);margin-right:12px}.section{padding-block:90px}.section-heading{margin-bottom:37px}.section-heading h2{max-width:770px}.section-heading p{max-width:650px;margin-top:20px}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{background:#e9ecdf;padding:35px 37px 32px;border-radius:6px;display:flex;flex-direction:column;align-items:flex-start}.service-number{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;letter-spacing:1px;margin-bottom:40px}.service-number>span{font-size:30px;color:#556344}.service-card h3{font-size:42px;margin-bottom:21px}.service-card>p{max-width:360px;font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0 32px}.tags span{font-size:10px;padding:5px 9px;border:1px solid #cbd2bf;border-radius:4px}.service-card>a{border-top:1px solid #cdd3c2;display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:23px;margin-top:auto;font-size:13px;font-weight:600}.service-card>a>span{font-size:20px}.blue-card{background:#e9ecfc}.blue-card .service-number>span{color:var(--blue)}.blue-card .tags span,.blue-card>a{border-color:#cbd2ee}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-image{display:block;position:relative;aspect-ratio:1.44;overflow:hidden;border-radius:6px;padding:35px;display:flex;align-items:center}.project-image.dark{background:#30372f}.project-image.sage{background:#dbe1d3}.project-image>img{border-radius:4px;box-shadow:0 15px 30px #0003;width:100%;transition:transform .3s}.project-image>.concept{width:100%;transform:rotate(-3deg);transition:transform .3s}.project-image:hover>img{transform:scale(1.03)}.project-image:hover>.concept{transform:rotate(0)}.project-image .concept-body{min-height:180px;padding-top:10px}.project-image .concept-body h3{font-size:30px}.project-image .concept-body>div{padding-top:8px}.project-image .concept-nav{padding-block:10px}.project-image .browser-bar{padding-block:7px}.project-image .architecture{max-height:200px}.image-arrow{position:absolute;bottom:16px;right:16px;width:36px;height:36px;display:grid;place-items:center;background:white;color:#283027;border-radius:50%;font-size:19px}.project-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:21px}.project-caption h3{font-size:20px;letter-spacing:-.4px;margin-bottom:7px}.project-caption p{font-size:12px;margin-bottom:0}.project-caption>span{font-size:11px;color:var(--muted)}.process-section{margin-block:35px;background:#e9ece4;border-block:1px solid var(--line);padding:83px 0}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.process-layout h2{margin-bottom:24px}.process-layout>div>p{font-size:14px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:27px;padding:28px 0;border-top:1px solid #cad1c2}.steps li:first-child{padding-top:0;border:0}.steps li:last-child{padding-bottom:0}.steps li>span{font-size:12px;color:var(--blue)}.steps h3{font-size:23px;margin-bottom:12px}.steps p{font-size:14px;max-width:390px;margin:0}.founder{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.founder-mark{position:relative;background:var(--blue);color:white;padding:46px 50px;font-size:54px;line-height:1.02;letter-spacing:-2.8px;min-height:360px;border-radius:5px}.founder-mark em{color:#d7e0ff}.founder-mark>span{position:absolute;bottom:26px;right:30px;font-size:22px;font-family:var(--serif);font-style:italic;letter-spacing:-1px}.founder-copy h2{margin-bottom:24px}.founder-copy p{font-size:15px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;font-size:15px;font-weight:500;padding-right:30px;position:relative}.faq summary:after{content:'+';position:absolute;right:0;top:-6px;font-size:24px;font-weight:400;color:var(--blue)}.faq details[open] summary:after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:14px;padding-top:17px;margin:0}.faq a,.prose a,.pricing-note a,.consent a,.client-welcome p a{text-decoration:underline;text-underline-offset:3px}.closing{text-align:center;padding:74px 0 100px;border-top:1px solid var(--line)}.closing h2{font-size:clamp(48px,5vw,70px);margin-bottom:30px}.closing>.button{margin-bottom:15px}.closing>p{font-size:11px}.site-footer{background:#232b24;color:#eff2e8;padding:45px 0 20px}.site-footer .brand-symbol span{color:#a8b6ff}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:43px}.footer-top p{margin:0;color:#aeb9a7;font-size:13px}.footer-top>a:last-child{font-size:17px}.footer-bottom{border-top:1px solid #45503f;padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#aeb9a7;gap:20px}.footer-bottom>div{display:flex;gap:20px}.menu-toggle{display:none}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:var(--blue);color:white;padding:12px 20px}.skip-link:focus{top:12px}.page-heading{padding:80px 0 60px}.page-heading h1{font-size:clamp(50px,6vw,78px);margin-bottom:25px}.page-heading>p{font-size:17px;max-width:640px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{padding:42px;background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:flex-start}.price-card h2{font-size:40px;margin-bottom:30px}.price{font-size:41px;font-weight:500;letter-spacing:-1.7px;line-height:1.25}.price>span{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:9px}.price-split{font-size:13px;margin-top:18px;padding-bottom:22px;border-bottom:1px solid var(--line);width:100%}.check-list{list-style:none;padding:0;margin:7px 0 25px}.check-list li{font-size:14px;padding:8px 0 8px 24px;position:relative}.check-list li:before{content:'✓';color:var(--blue);position:absolute;left:0;font-weight:700}.price-card .button{margin-top:auto;width:100%}.business-price{background:#e9ecfc}.price-card .form-footnote{margin-bottom:0}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.support-grid article{padding:25px 0;border-top:1px solid var(--line)}.support-grid h3{font-size:23px}.support-price{font-size:30px;margin-top:20px;color:var(--ink)}.support-price>span{font-size:12px;color:var(--muted)}.support-grid article>p:last-child{font-size:14px}.support-grid .eyebrow{margin-bottom:12px}.pricing-note{font-size:13px;margin-top:25px}.filter-links{display:flex;gap:14px;margin-top:27px}.filter-links>a{padding:10px 17px;font-size:13px;border:1px solid var(--line);border-radius:4px}.work-detail{padding-top:20px}.work-detail h2{margin-bottom:30px}.work-detail video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#202720;border-radius:6px}.work-note{font-size:13px;margin-top:22px}.business-showcase{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid var(--line)}.business-showcase h2{margin-bottom:25px}.business-showcase p{font-size:15px}.business-showcase .concept{transform:rotate(2deg)}.concept-disclosure{font-size:12px!important;padding:15px;border-left:2px solid #9ea88f;background:#eef0e9}.request-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start;padding-top:55px}.request-copy>.text-link{margin-bottom:48px;color:var(--muted);font-size:12px}.request-copy h1{font-size:clamp(50px,5.2vw,72px);margin-bottom:24px}.request-copy>p{max-width:390px;font-size:15px}.request-copy .check-list{margin-top:24px}.direct-contact{border-top:1px solid var(--line);padding-top:26px;margin-top:39px;display:flex;flex-direction:column;gap:8px;font-size:13px}.direct-contact .eyebrow{margin-bottom:5px}.direct-contact>a{overflow-wrap:anywhere}.request-panel{border:1px solid var(--line);border-radius:6px;padding:36px;background:white}.request-panel h2{font-size:25px;letter-spacing:-.7px}.form-intro{font-size:12px;margin-top:10px;margin-bottom:24px}label{display:block;font-size:12px;font-weight:500;margin-bottom:18px}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #d5dbd0;border-radius:4px;background:#fcfdfb;color:var(--ink);padding:12px 13px;margin-top:7px;min-height:46px;font-size:14px;font-weight:400}input::placeholder,textarea::placeholder{color:#8a9185}textarea{resize:vertical}.optional{font-size:10px;color:var(--muted);font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.type-picker{margin:0 0 24px;border:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.type-picker legend{font-size:12px;margin-bottom:11px}.type-picker label{position:relative;flex:1;margin:0;min-width:110px}.type-picker input{position:absolute;opacity:0;width:1px;height:1px}.type-picker span{display:flex;align-items:center;justify-content:center;text-align:center;height:45px;padding:6px;border:1px solid var(--line);border-radius:4px;font-size:11px;cursor:pointer}.type-picker input:checked+span{color:var(--blue);border-color:var(--blue);background:#edf0ff}.type-picker input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:11px;margin-top:5px;color:var(--muted)}input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0;margin-top:2px}.form-submit{width:100%}.form-footnote{font-size:10px;text-align:center;margin:14px 0 0}.form-status{font-size:13px;margin:0}.form-status:not(:empty){margin-bottom:17px;padding:12px;border-radius:4px;background:#edf0ff}.form-status.error{color:#9a3024;background:#fff1eb}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.success-panel{text-align:center;padding:60px 0}.success-panel h2{font-size:49px;margin-bottom:25px}.success-panel>p{font-size:15px;max-width:360px;margin:0 auto 25px}.success-mark{display:grid;place-items:center;width:60px;height:60px;border:1px solid #bfccb7;border-radius:50%;color:#365b30;margin:0 auto 28px;font-size:26px}.success-panel .text-link{display:flex;justify-content:center;margin-top:15px}.local-banner{font-size:12px;background:#fff5d9;color:#6c501b;padding:13px 16px;border:1px solid #ecd79b;border-radius:5px;margin-bottom:22px}.prose{max-width:780px}.prose h1{font-size:60px;margin-bottom:30px}.prose h2{font-size:27px;margin:35px 0 15px}.prose p{font-size:15px}.client-welcome{text-align:center;min-height:65vh;max-width:720px}.client-welcome h1{margin-bottom:27px}.client-welcome .button{margin:10px 0 25px}.client-welcome>#client-dashboard{display:flex;justify-content:center}.client-welcome p{font-size:15px}.client-welcome #client-status{color:#9a3024}
@media(min-width:1500px){.hero h1{font-size:94px}.hero{gap:65px}.hero-art{min-height:570px}.concept-body{min-height:320px}.concept-body h3{font-size:47px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:18px;font-size:12px}.client-link{margin-left:0}.hero{gap:25px;min-height:650px;padding-block:65px}.hero h1{font-size:72px}.hero-copy>p{font-size:15px}.hero-art{min-height:475px}.hero-art>.concept{top:50px}.concept-body{min-height:230px}.concept-body h3{font-size:34px}.concept-body p{font-size:6px}.floating-portfolio{left:-6px;bottom:24px}.art-caption{bottom:5px;font-size:9px}.spark{font-size:30px}.art-index{bottom:-24px}.hero-actions{gap:17px}.hero-actions .button{padding-inline:17px;font-size:12px}.hero-actions .text-link{font-size:12px}.request-layout{gap:35px}.request-panel{padding:27px}.process-layout,.founder,.faq,.business-showcase{gap:45px}.founder-mark{padding:40px;font-size:49px}.price-card{padding:32px}.project-image{padding:23px}.project-image .concept-body h3{font-size:24px}.project-image .concept-body{min-height:160px}.project-image .concept-body p{margin-bottom:10px}}
@media(max-width:850px){.brand-name{font-size:8px}.site-header nav{gap:14px}.site-header nav>a:nth-child(2){display:none}.hero h1{font-size:61px}.hero-note{font-size:10px}.hero{min-height:610px}.hero-art{min-height:425px}.art-caption{right:-7px;bottom:-15px}.art-index{display:none}.concept-nav{padding:12px 14px}.concept-body{padding-left:17px;min-height:215px}.concept-body h3{font-size:30px}.floating-portfolio{bottom:10px}.section{padding-block:65px}.founder-mark{font-size:42px;min-height:330px}.request-layout{grid-template-columns:.85fr 1.15fr;gap:25px}.request-copy h1{font-size:49px}.request-panel{padding:22px}.form-grid{grid-template-columns:1fr;gap:0}.type-picker span{font-size:10px}.request-panel h2{font-size:23px}.hero-actions{margin-top:22px}.hero-actions>.text-link{padding-left:2px}.project-image .concept{transform:scale(.95) rotate(-3deg)}.service-card h3{font-size:36px}.service-card{padding:27px}.price-card h2{font-size:34px}.price{font-size:35px}.support-grid{gap:20px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header-inner{height:76px}.brand-symbol{font-size:38px}.brand-name{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:11px;border:0;background:transparent;font-size:12px;min-height:44px;padding:10px 0 10px 14px}.menu-toggle>span{font-size:24px;line-height:1}.site-header nav{display:none;position:absolute;left:0;right:0;top:76px;padding:17px 20px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 20px #252d2110;font-size:14px;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav>a:nth-child(2){display:block}.site-header nav>.button{margin-top:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:48px;gap:25px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:24px}.hero h1{font-size:clamp(58px,12.8vw,84px);margin-bottom:23px}.hero-copy>p{font-size:15px;max-width:480px}.hero-actions{margin-top:24px;gap:20px}.hero-actions>.button{font-size:12px;padding:15px 17px;gap:20px}.hero-actions>.text-link{font-size:12px;gap:9px}.hero-note{font-size:10px;margin-top:20px}.hero-art{min-height:425px;max-width:480px;width:100%;margin-inline:auto}.hero-art>.concept{top:20px;right:5px;width:91%}.concept-body h3{font-size:34px}.concept-body{min-height:230px}.floating-portfolio{width:63%;left:0;bottom:7px}.art-caption{bottom:-1px;right:9px;font-size:9px}.concept-nav{padding:13px 19px}.value-strip{padding-block:20px}.value-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.value-strip span{font-size:11px}.value-strip span:before{margin-right:8px}.section{padding-block:56px}.eyebrow{font-size:9px;margin-bottom:18px;letter-spacing:1.3px}h2{font-size:35px}.section-heading{margin-bottom:28px}.service-grid,.work-grid,.pricing-grid{grid-template-columns:1fr;gap:22px}.service-card{padding:27px}.service-card h3{font-size:38px}.service-number{margin-bottom:30px}.service-card>p{max-width:100%}.tags{margin-bottom:26px}.heading-row{display:block}.heading-row>.text-link{margin-top:15px}.work-grid{gap:33px}.project-image{aspect-ratio:1.4;padding:27px}.project-image .concept-body h3{font-size:33px}.project-image .concept-body{min-height:225px}.project-image .architecture{max-height:235px}.project-image .concept-nav{padding-block:12px}.project-image .concept{transform:rotate(-3deg)}.project-caption h3{font-size:18px}.project-caption p{font-size:11px}.project-caption{padding-top:17px}.process-section{padding:55px 0;margin-block:0}.process-layout,.founder,.faq,.business-showcase{grid-template-columns:1fr;gap:38px}.process-layout h2{font-size:35px}.steps li{padding-block:24px;gap:22px}.steps h3{font-size:21px}.steps p{font-size:13px}.founder-mark{font-size:49px;min-height:355px;padding:37px}.founder-copy h2{font-size:38px}.faq{gap:29px}.faq summary{font-size:14px}.faq details{padding-block:20px}.closing{padding-block:54px 65px}.closing h2{font-size:43px}.closing>.button{font-size:12px;gap:20px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:25px;padding-bottom:28px}.footer-top p{font-size:12px;width:100%;order:3}.footer-top>a:last-child{font-size:14px;align-self:center}.site-footer{padding-top:30px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}.footer-bottom>div{flex-wrap:wrap;gap:16px}.page-heading{padding-top:45px;padding-bottom:35px}.page-heading h1{font-size:48px}.page-heading>p{font-size:15px}.price-card{padding:27px}.price-card h2{font-size:35px}.price{font-size:38px}.support-grid{grid-template-columns:1fr;gap:14px}.support-grid article{padding-bottom:0}.pricing-note{margin-bottom:0}.filter-links{gap:8px}.filter-links>a{font-size:11px;padding:10px 12px}.business-showcase{padding-bottom:70px}.business-showcase .concept{width:95%;margin-inline:auto}.business-showcase .concept-body{min-height:250px}.work-detail{padding-top:15px}.work-detail .project-caption{align-items:flex-start}.work-detail .project-caption .text-link{font-size:12px;min-height:30px;flex-shrink:0}.request-layout{display:flex;flex-direction:column;padding-top:20px;gap:30px}.request-copy>.text-link{margin-bottom:25px}.request-copy h1{font-size:52px}.request-copy>p{font-size:14px;max-width:100%}.request-copy .check-list{margin:15px 0}.request-copy .check-list li{font-size:12px;padding-block:4px}.direct-contact{margin-top:23px;padding-top:20px;font-size:12px}.request-panel{width:100%;padding:23px 19px}.request-panel h2{font-size:25px}.type-picker{gap:6px}.type-picker label{min-width:85px}.type-picker span{font-size:10px;padding:5px 3px}.form-grid{grid-template-columns:1fr}.consent{font-size:11px}input:not([type=radio]):not([type=checkbox]),select,textarea{font-size:16px}.prose h1{font-size:42px}.prose h2{font-size:25px}.client-welcome h1{font-size:56px}}
.hero-art>.concept .concept-body{height:280px;min-height:0;overflow:hidden}.hero-art>.concept .architecture{min-height:0}.hero-art .art-caption{bottom:6px}
@media(max-width:680px){.hero-art>.concept .concept-body{height:240px}.hero-art .art-caption{bottom:-5px}}

/* Revamped studio identity */
.brand-logo-frame{display:flex;align-items:center;width:160px;height:82px;flex:0 0 auto}
.brand-logo{width:100%;height:100%;object-fit:contain}
.site-header nav>a:nth-child(2){display:block}

/* Condensed display lettering. */
:root{--display:'Bebas Neue','Arial Narrow',Impact,sans-serif}
h1 em,h2 em,.founder-mark em{font-family:var(--display);font-style:normal;font-weight:400;letter-spacing:0}
@media(min-width:681px){
  .site-header nav{gap:clamp(24px,3vw,40px);font-size:14px}
  .site-header .client-link{margin-left:0}
  .site-header nav>a{white-space:nowrap}
}

/* Pricing presentation */
.studio-pricing .business-price{--muted:#d4d4d4;--line:#383838;background:#111;color:#fff;border-color:#111}
.business-price .check-list li:before{color:#a8b6ff}
.studio-frame{position:relative;border:1px solid #bcbcaf;border-radius:10px;box-shadow:5px 5px 0 #20272409,0 16px 34px #2027240a}
.button{justify-content:center}
.work-heading .filter-links>a.studio-frame{min-height:44px;border-color:#bcbcaf;border-radius:10px;background:#fcfcf8}
.studio-pricing .price-card.studio-frame{border-color:#bcbcaf}
.studio-pricing .support-grid article.studio-frame{padding:28px;background:#fcfcf8}
.studio-pricing .support-grid article>p:last-child{margin-bottom:0}
@media(min-width:851px){
  .studio-pricing .page-heading,.studio-pricing .section-heading{text-align:center}
  .studio-pricing .page-heading>p,.studio-pricing .section-heading h2,.studio-pricing .section-heading p{margin-inline:auto}
}

/* Image-led work previews */
.home-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.project-image.portfolio-preview{aspect-ratio:16/10;padding:0;align-items:stretch;background:#171b19;box-shadow:0 18px 45px #25302314}
.project-image.portfolio-preview>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0;box-shadow:none;transition:transform .35s ease}
.project:hover .project-image.portfolio-preview>img{transform:scale(1.018)}
.work-heading{padding-bottom:80px}
.work-heading>p{max-width:720px}
@media(min-width:851px){
  .work-heading{text-align:center}
  .work-heading>p{margin-inline:auto}
  .work-heading .filter-links{justify-content:center}
}
.portfolio-category{padding:92px 0 104px;border-top:1px solid var(--line);scroll-margin-top:94px}
.portfolio-category-shaded{--line:#d4d0c6;background:#e9e6de;border-bottom:1px solid var(--line)}
.category-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.6fr);align-items:end;gap:70px;margin-bottom:42px}
.category-intro h2{font-size:clamp(43px,5vw,68px);max-width:720px}
.category-intro>p{font-size:15px;line-height:1.8;max-width:470px;margin:0 0 7px}
.portfolio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.portfolio-shot,.concept-frame{position:relative;margin:0;padding:10px;overflow:visible;border-radius:10px;background:#fcfcf8;border:1px solid #bcbcaf;box-shadow:5px 5px 0 #20272409,0 16px 34px #2027240a}
.portfolio-shot:before,.portfolio-shot:after,.concept-frame:before,.concept-frame:after,.studio-frame:before,.studio-frame:after{content:'';position:absolute;width:26px;height:26px;border:2px solid var(--blue);pointer-events:none}
.portfolio-shot:before,.concept-frame:before,.studio-frame:before{left:-3px;top:-3px;border-right:0;border-bottom:0;border-radius:10px 0 0 0}
.portfolio-shot:after,.concept-frame:after,.studio-frame:after{right:-3px;bottom:-3px;border-left:0;border-top:0;border-radius:0 0 10px 0}
/* The original corners remain as a no-script and reduced-motion fallback. */
.frame-orbit-ready:before,.frame-orbit-ready:after{opacity:0}
.frame-orbit{display:none;position:absolute;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);max-width:none;overflow:visible;pointer-events:none;z-index:2;fill:none;stroke:var(--blue);stroke-width:2}
.frame-orbit-ready>.frame-orbit{display:block}
@media(prefers-reduced-motion:reduce){
  .frame-orbit-ready:before,.frame-orbit-ready:after{opacity:1}
  .frame-orbit-ready>.frame-orbit{display:none}
}
.portfolio-image{position:relative;overflow:hidden;border:1px solid #252d2526;border-radius:4px;background:#171b19}
.portfolio-image:after{content:'';position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#ffffff20 48%,transparent 66%);transform:translateX(-100%)}
.portfolio-image.image-pending:after{opacity:1;animation:twc-image-loading 1.25s ease-in-out infinite}
.portfolio-image.image-pending img{opacity:.38}
@keyframes twc-image-loading{to{transform:translateX(100%)}}
.portfolio-shot-wide{grid-column:1/-1}
.portfolio-shot img{width:100%;aspect-ratio:16/8.7;object-fit:cover;object-position:top;transform:none;transition:none}
.portfolio-shot-wide img,.sales-gallery .portfolio-shot img{aspect-ratio:16/7.2}
.portfolio-shot.portfolio-shot-full img{aspect-ratio:auto;height:auto;object-fit:contain;transform:none}
/* Frame the central EchoPilot hero, excluding its margins and horizontal rules. */
.portfolio-shot-echopilot .portfolio-image{position:relative;aspect-ratio:1571/793}
.portfolio-shot.portfolio-shot-echopilot img{position:absolute;max-width:none;width:120.7511%;left:-10.3756%;top:-12.232%;height:auto;aspect-ratio:auto;transform:none}
.sales-gallery{grid-template-columns:1fr}
.portfolio-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:'heading heading heading heading first first first first first first first first' 'second second second second second second copy copy copy copy copy copy';align-items:center;gap:28px 24px}
.showcase-heading{grid-area:heading;display:block;margin:0}
.showcase-heading h2{font-size:clamp(40px,4.2vw,60px);margin:0}
.showcase-heading .showcase-title{font-size:clamp(58px,6.4vw,92px);line-height:1.02;letter-spacing:-.055em}
.showcase-title>span,.showcase-title>em,.showcase-title em>span{display:block}
.showcase-title>em{font-size:1.08em}
.talent-title{text-align:center}
.showcase-first{grid-area:first}
.showcase-second{grid-area:second}
.showcase-third{grid-area:third}
.showcase-fourth{grid-area:fourth}
.portfolio-showcase-extended{grid-template-areas:'heading heading heading heading first first first first first first first first' 'second second second second second second copy copy copy copy copy copy' 'more more more more third third third third third third third third' 'fourth fourth fourth fourth fourth fourth fourth fourth last last last last'}
.showcase-copy{grid-area:copy;padding-inline:12px;max-width:530px}
.showcase-copy-more{grid-area:more}
.showcase-copy-last{grid-area:last}
.showcase-copy p{font-size:16px;line-height:1.85;margin-bottom:19px}
.showcase-copy p:last-child{margin-bottom:0}
/* One paragraph style across the public pages; cards and form content keep their own type. */
:root{--copy-size:18px;--copy-leading:1.65;--copy-gap:19px}
.work-heading>p,
.portfolio-category .showcase-copy p,
.studio-pricing .page-heading>p,
.studio-pricing .section-heading>p,
.studio-pricing .support-grid article>p:last-child,
.studio-pricing .pricing-note,
.studio-pricing .closing>p,
.studio-client .client-welcome>p:not([role=status]),
.request-copy>p,
.request-copy .check-list li,
.studio-home main .home-hero .hero-copy>p,
.studio-home .home-founder .founder-copy p,
.studio-home .home-faq details p,
.studio-home .home-faq .faq-intro>p{color:#111;font-size:var(--copy-size);font-weight:450;line-height:var(--copy-leading)}
.studio-home .home-founder .founder-copy p{margin-bottom:var(--copy-gap)}
.sales-intro{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 24px;margin-bottom:30px}
.sales-intro h2{grid-column:1/5;font-size:clamp(40px,4.2vw,60px)}
.sales-intro>p{grid-column:5/-1;max-width:470px}

@media(min-width:851px) and (max-width:970px){
  .portfolio-showcase{grid-template-areas:'heading heading heading heading heading first first first first first first first' 'second second second second second second copy copy copy copy copy copy'}
  .portfolio-showcase-extended{grid-template-areas:'heading heading heading heading heading first first first first first first first' 'second second second second second second copy copy copy copy copy copy' 'more more more more more third third third third third third third' 'fourth fourth fourth fourth fourth fourth fourth last last last last last'}
  .sales-intro h2{grid-column:1/6}
  .sales-intro>p{grid-column:6/-1}
}

@media(max-width:1000px){
  .home-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-work-grid .project:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}
  .category-intro{gap:40px}
}
@media(max-width:850px){
  .portfolio-showcase{grid-template-columns:1fr;grid-template-areas:'heading' 'copy' 'first' 'second';gap:26px}
  .portfolio-showcase-extended{grid-template-areas:'heading' 'copy' 'first' 'second' 'more' 'third' 'fourth' 'last'}
  .showcase-heading .showcase-title{font-size:clamp(48px,7vw,64px);line-height:1.08}
  .showcase-title>span,.showcase-title em>span{display:inline}
  .showcase-copy{padding:0;max-width:570px}
  .sales-intro{display:block}
  .sales-intro h2{margin-bottom:20px}
  .sales-intro>p{max-width:570px}
}
@media(max-width:680px){
  :root{--copy-size:16px;--copy-leading:1.6;--copy-gap:14px}
  .brand-logo-frame{width:130px;height:67px}
  .home-work-grid{grid-template-columns:1fr}
  .home-work-grid .project:last-child{grid-column:auto;max-width:none}
  .work-heading{padding-bottom:55px}
  .work-heading,.studio-pricing .page-heading{text-align:center}
  .work-heading>p,.studio-pricing .page-heading>p{margin-inline:auto}
  .work-heading .filter-links{display:grid;grid-template-columns:1fr;max-width:340px;gap:8px}
  .work-heading .filter-links{margin-inline:auto}
  .work-heading .filter-links>a{display:flex;align-items:center;justify-content:center;min-height:44px}
  .work-heading .filter-links>a.studio-frame{border-radius:8px}
  .portfolio-category{padding:60px 0 68px;scroll-margin-top:76px}
  .category-intro{display:block;margin-bottom:27px}
  .category-intro h2{font-size:43px;margin-bottom:19px}
  .category-intro>p{font-size:14px}
  .portfolio-gallery{grid-template-columns:1fr;gap:17px}
  .portfolio-shot-wide{grid-column:auto}
  .portfolio-shot,.concept-frame{padding:7px;border-radius:8px}
  .studio-frame{border-radius:8px}
  .studio-pricing .support-grid article.studio-frame{padding:25px}
  .portfolio-shot:before,.portfolio-shot:after,.concept-frame:before,.concept-frame:after,.studio-frame:before,.studio-frame:after{width:20px;height:20px}
  .portfolio-shot:before,.concept-frame:before,.studio-frame:before{border-top-left-radius:8px}
  .portfolio-shot:after,.concept-frame:after,.studio-frame:after{border-bottom-right-radius:8px}
  .portfolio-shot img,.portfolio-shot-wide img,.sales-gallery .portfolio-shot img{aspect-ratio:16/9}
  .portfolio-showcase{gap:22px}
  .showcase-heading{margin:0}
  .showcase-heading h2{margin:0}
  .showcase-heading .showcase-title{font-size:clamp(40px,10.8vw,48px)}
  .showcase-copy p{font-size:15px;line-height:1.8}
  .work-heading>p,.portfolio-category .showcase-copy p{font-size:16px;line-height:1.6}
  .portfolio-category .showcase-copy p{margin-bottom:14px}
  .portfolio-category .showcase-copy p:last-child{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.studio-client .auth-container{background:#fff;background-image:none;border:1px solid var(--line);border-radius:7px}.studio-client .btn-primary.auth-btn{background:var(--blue);border-color:var(--blue);border-radius:5px}.studio-client .auth-message h1{letter-spacing:-.8px}.studio-client .auth-form input{border-radius:4px}.studio-client .auth-section{background:#172015aa}
.client-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:10px 0 22px}
.client-welcome .client-actions .button{margin:0}
.client-welcome .client-request-note{max-width:430px;margin-inline:auto}
@media(max-width:680px){.client-actions .button{width:100%;max-width:340px}}

/* Keep the full navigation comfortable on smaller landscape screens. */
@media(min-width:681px) and (max-width:850px){
  .header-inner{gap:20px}
  .site-header nav{gap:16px;font-size:12px}
  .site-header nav .button-small{font-size:12px;padding-inline:14px;gap:16px}
}

/* A fixed desktop introduction beside an independently scrolling form. */
@media(min-width:851px){
  .studio-request{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
  .studio-request main{min-height:0;overflow:hidden}
  .studio-request .request-layout{height:100%;min-height:0;grid-template-rows:minmax(0,1fr);padding-block:28px;align-items:center}
  .studio-request .request-copy{min-width:0}
  .studio-request .request-panel{height:100%;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
  .studio-request .site-footer{padding-block:14px}
  .studio-request .footer-top{display:none}
  .studio-request .footer-bottom{padding-top:0;border-top:0}
}
@media(min-width:851px) and (max-height:740px){
  .studio-request .request-layout{padding-block:18px}
  .studio-request .request-copy>.text-link{margin-bottom:18px}
  .studio-request .request-copy>.eyebrow{margin-bottom:14px}
  .studio-request .request-copy h1{font-size:clamp(42px,4.5vw,60px);margin-bottom:16px}
  .studio-request .request-copy>p{margin-bottom:12px}
  .studio-request .request-copy .check-list{margin:12px 0 0}
  .studio-request .request-copy .check-list li{padding-block:4px}
}
@media(min-width:851px) and (max-height:550px){
  .studio-request .request-copy>.eyebrow,.studio-request .request-copy .check-list{display:none}
  .studio-request .request-copy>.text-link{margin-bottom:12px}
  .studio-request .request-copy h1{font-size:clamp(32px,9vh,48px);margin-bottom:12px}
}