/* Landsrath — source SCSS; plain CSS syntax intentionally compiles without dependencies. */
:root{--bg:#faf9f6;--surface:#fff;--ink:#20211f;--muted:#70716b;--line:#dedfd8;--accent:#f03224;--soft:#efeee9;--shadow:0 28px 75px #20211f14;color-scheme:light}html[data-theme=dark]{--bg:#141613;--surface:#1d201b;--ink:#f1f0e8;--muted:#a8afa1;--line:#343a30;--soft:#24291f;--shadow:0 28px 75px #0005;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.055em;font-weight:600}h1{font-size:clamp(48px,5.1vw,83px);margin-bottom:28px}h2{font-size:clamp(38px,4vw,60px);margin-bottom:30px}h3{font-size:29px;letter-spacing:-.04em}em{font-style:normal;color:var(--accent)}p{color:var(--muted);line-height:1.75}small{font-size:12px}::selection{background:#f03224;color:white}.wrap{max-width:1344px;margin:auto;width:calc(100% - 112px)}.section{padding:110px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin-bottom:25px;color:var(--muted)}.eyebrow>span{width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:7px;padding:16px 23px;font-weight:600;font-size:13px;border:1px solid transparent;transition:transform .25s,background .25s,box-shadow .25s;white-space:nowrap;line-height:1.5}.button span{font-size:20px;line-height:1}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #f0322420}.primary{background:var(--accent);color:#fff}.primary:hover{background:#d92518}.plain{padding-left:10px;padding-right:10px}.outline{border-color:var(--line);background:transparent}.text-link{font-size:13px;font-weight:bold;border-bottom:1px solid var(--line);padding-bottom:8px}.site-header{height:92px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{width:calc(100% - 80px);max-width:1420px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:block;width:166px;flex-shrink:0}.brand img{filter:brightness(0);width:100%}html[data-theme=dark] .brand img,footer .brand img{filter:none}.site-header nav{display:flex;gap:25px;align-items:center}.site-header nav a{font-size:12px;font-weight:600;position:relative}.site-header nav a:after{content:'';height:2px;position:absolute;bottom:-7px;left:0;right:100%;background:var(--accent);transition:right .3s}.site-header nav a:hover:after,.site-header nav a[aria-current=page]:after{right:0}.nav-actions{display:flex;align-items:center;gap:19px}.nav-actions .button{padding:12px 18px;gap:20px;font-size:11px}.theme-toggle,.menu-toggle{background:none;border:1px solid var(--line);width:35px;height:35px;border-radius:50%;font-size:21px;display:grid;place-items:center;line-height:1}.login-link{font-size:11px;font-weight:bold}.menu-toggle{display:none}.hero{position:relative;min-height:730px;padding-top:88px;padding-bottom:100px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10px}.hero h1{font-size:clamp(50px,5.25vw,80px);line-height:1.035;letter-spacing:-.065em}.hero h1 em{white-space:nowrap}.hero-copy{position:relative;z-index:2}.hero-copy>p{font-size:15px;margin-bottom:29px}.hero-actions{display:flex;gap:23px}.hero-trust{margin-top:36px;display:flex;align-items:center;gap:14px}.avatars{display:flex;padding-left:0}.avatars img{object-fit:cover;border-radius:50%;border:3px solid var(--bg);margin-left:-9px;width:36px;height:36px}.avatars img:first-child{margin-left:0}.stars{color:var(--accent);letter-spacing:3px;font-size:13px}.hero-trust small{display:block;font-size:10px;line-height:1.2;color:var(--muted)}.hero-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}.hero-art{height:490px;position:relative;perspective:1400px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0 -10% -5%;background:radial-gradient(ellipse,#f9c3ab60,transparent 65%);z-index:-1}.orbit{position:absolute;width:450px;height:450px;border:1px solid var(--line);border-radius:50%;left:12%;top:20px;transform:rotateX(30deg);z-index:-1}.o2{width:560px;height:560px;left:1%;top:-35px;opacity:.45}.browser-mock{position:absolute;left:4%;top:65px;width:90%;height:350px;border:7px solid var(--surface);border-radius:13px;background:#222820;box-shadow:0 30px 60px #4033232b;transform:rotateY(-13deg) rotateZ(-4deg);animation:float 8s ease-in-out infinite;overflow:hidden}.browser-top{height:32px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:var(--muted);font-size:8px}.browser-top>span{letter-spacing:2px;font-size:7px}.browser-top small{font-size:8px;background:var(--soft);border-radius:4px;padding:3px 45px}.mock-content{padding:24px 30px;color:#f8f7e8;position:relative;overflow:hidden;height:310px}.mock-nav{display:flex;justify-content:space-between;position:relative;z-index:2}.mock-nav>b{font-size:18px;letter-spacing:-1px}.mock-nav b span{font-size:9px}.mock-nav>span{font-size:7px;padding-top:8px}.mock-head{font-size:62px;font-weight:600;line-height:.95;letter-spacing:-4px;position:relative;z-index:2;margin-top:32px}.mock-head i{font-family:Georgia,serif;font-weight:normal;color:#cbe89a}.mock-bottom{display:flex;align-items:center;gap:75px;font-size:8px;margin-top:23px;position:relative;z-index:2}.mock-bottom>b{border:1px solid #ffffff70;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:20px}.sculpture{position:absolute;right:-2px;top:65px;transform:rotate(-29deg);width:190px;height:240px}.sculpture div{width:190px;height:75px;border-radius:50%;background:linear-gradient(140deg,#f1ffba,#a7bf72 27%,#e3f6a7 40%,#40532d 70%,#d5ef94);box-shadow:inset 2px -10px 16px #21341d66,0 6px 12px #0002;position:absolute;top:0}.sculpture div:nth-child(2){top:32px}.sculpture div:nth-child(3){top:64px}.sculpture div:nth-child(4){top:96px}.sculpture div:nth-child(5){top:128px}.sculpture div:nth-child(6){top:160px}.floating-pill{position:absolute;z-index:4;padding:11px 17px;background:var(--surface);border:1px solid var(--line);border-radius:40px;box-shadow:0 10px 30px #0001;font-size:10px;display:flex;align-items:center;gap:9px}.p1{right:8px;top:25px;animation:float 7s ease-in-out infinite reverse}.floating-pill i,.availability i{display:inline-block;width:7px;height:7px;background:#6d9a53;border-radius:50%}.code-float{position:absolute;z-index:4;left:0;bottom:28px;padding:15px 25px;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:10px;transform:rotate(-5deg);animation:float 9s ease-in-out infinite}.code-float code{font-size:16px;font-weight:bold}.code-float small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.code-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:7px}.mobile-mock{position:absolute;right:0;bottom:8px;width:143px;height:267px;border:6px solid #292b25;border-radius:25px;background:#e9efd8;color:#293020;box-shadow:0 20px 45px #0003;transform:rotate(9deg);overflow:hidden;padding:14px 12px;animation:phonefloat 7s ease-in-out infinite}.mobile-mock>span{font-size:7px;display:block;margin-bottom:28px}.mobile-mock>b{font-size:24px;letter-spacing:-1.5px;line-height:1.05;display:block;position:relative;z-index:2}.mobile-mock em{color:#718047}.mobile-orb{width:110px;height:110px;background:repeating-radial-gradient(ellipse at 30% 30%,#d0e6a5 0,#758857 6px,#b0c985 13px,#344c2d 20px);border-radius:50%;margin-top:12px;transform:rotate(-20deg)}.mobile-mock>small{font-size:6px;position:absolute;bottom:15px}.art-caption{position:absolute;bottom:-20px;left:37%;font-size:8px;letter-spacing:2px;color:var(--muted)}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes phonefloat{0%,100%{translate:0 0}50%{translate:0 10px}}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:21px 0;background:var(--soft);font-size:14px;font-weight:600;letter-spacing:3px}.ticker>div{white-space:nowrap;width:max-content;animation:ticker 65s linear infinite}.ticker span{color:var(--accent);margin:0 45px;font-size:22px;vertical-align:middle}@keyframes ticker{to{transform:translateX(-50%)}}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:80px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;font-size:14px;margin-bottom:4px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:340px;transition:transform .4s,border .3s,box-shadow .4s}.service-card:hover{transform:translateY(-9px);border-color:var(--accent);box-shadow:var(--shadow)}.service-card:first-child{background:var(--accent);color:white;border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:46px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.card-top b{font-size:30px;font-weight:normal}.service-card h3{font-size:27px;line-height:1.15;letter-spacing:-1.2px}.service-card p{font-size:13px;min-height:67px}.service-card:first-child p{color:#fffC}.service-card .text-link{font-size:11px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split p{font-size:15px;max-width:490px}.spotlight{background:var(--soft)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 35px}.chips span{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:7px 12px;background:var(--bg)}.image-stage{border-radius:15px;overflow:hidden;position:relative;background:var(--surface)}.image-stage img{width:100%;max-height:550px;object-fit:cover;transition:transform 1s}.image-stage:hover img{transform:scale(1.035)}.image-note{position:absolute;bottom:20px;left:20px;background:var(--surface);padding:10px 15px;border-radius:30px;font-size:9px;letter-spacing:1px}.compare{position:relative;aspect-ratio:1200/650;overflow:hidden;border-radius:15px;background:#192d25}.compare>img,.before img{width:100%;height:100%;object-fit:cover}.before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}.compare:focus-within{outline:3px solid var(--accent);outline-offset:5px}.divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;pointer-events:none}.divider b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:white;color:#20211f;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:20px;box-shadow:0 5px 20px #0002}.tag{position:absolute;top:22px;font-size:10px;background:#fff;color:#222;padding:7px 15px;border-radius:25px;z-index:2}.old{left:22px}.new{right:22px}.caption{font-size:11px;margin-top:14px;color:var(--muted)}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.quote{padding:32px;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column}.quote blockquote{margin:24px 0 30px;font-size:15px;line-height:1.8;flex:1}.quote figcaption{display:flex;align-items:center;gap:12px}.quote figcaption img{width:44px;height:44px;object-fit:cover;border-radius:50%}.quote figcaption b{font-size:12px}.quote small{display:block;font-size:10px;color:var(--muted)}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px;font-weight:bold}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--accent);font-size:22px;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;margin:18px 0 0}.cta{border-top:1px solid var(--line);padding-top:85px;padding-bottom:85px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0;font-size:clamp(38px,4.5vw,66px)}footer{background:#20221e;color:#fff;padding-top:65px}footer p{color:#aeb1a7;font-size:13px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:45px;padding-bottom:65px}.footer-top>div>a:not(.brand){display:block;width:fit-content;margin-top:10px;font-size:12px}.footer-top>div>.button{display:flex!important;margin-bottom:15px}.footer-top small{font-size:9px;letter-spacing:1.5px;color:#b3b9ac;display:block;margin-bottom:22px}.footer-top .brand{margin-bottom:25px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding:25px 0;font-size:10px;color:#b3b9ac}.footer-bottom>div{display:flex;gap:25px}.page-intro{padding-top:90px;padding-bottom:65px}.page-intro h1{max-width:1100px}.lead{max-width:660px;font-size:18px}.detail-feature{padding-top:20px;padding-bottom:30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.feature{border-top:1px solid var(--line);padding:25px 10px 15px 0}.feature>span{font-size:12px;color:var(--accent);display:block;margin-bottom:30px}.feature h3{font-size:25px}.feature p{font-size:14px}.process-section{background:var(--soft)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.process article>span{font-size:45px;color:var(--accent);letter-spacing:-2px}.process h3{font-size:22px;margin-top:30px}.process p{font-size:13px}.filters{display:flex;gap:12px;margin-bottom:35px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;padding:10px 20px;background:none;font-size:12px}.filters .active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work-card>div{height:330px;border-radius:12px;overflow:hidden;background:var(--soft)}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-card:hover img{transform:scale(1.06)}.work-card small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin:20px 0 10px}.work-card h3{font-size:23px;display:flex;justify-content:space-between;gap:10px}.contact-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:70px;padding-bottom:100px;align-items:start}#project-form{padding:35px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.stepper{display:flex;gap:25px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:30px}.stepper>span{font-size:13px;color:var(--muted)}.stepper small{font-size:10px;margin-left:6px}.stepper .active{color:var(--accent);font-weight:bold}fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}legend{font-size:27px;font-weight:bold;letter-spacing:-1px;margin-bottom:10px}fieldset>p{font-size:12px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.choice-grid label{position:relative;cursor:pointer}.choice-grid input{position:absolute;top:17px;right:17px;accent-color:var(--accent);width:17px;height:17px}.choice-grid label>span{display:block;padding:22px;border:1px solid var(--line);border-radius:9px;font-size:25px;color:var(--accent)}.choice-grid b{display:block;font-size:14px;color:var(--ink);margin-top:12px}.choice-grid small{font-size:10px;color:var(--muted)}.choice-grid input:checked+span{border-color:var(--accent);background:#f0322408}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}fieldset>label,.form-grid label{display:block;font-size:12px;font-weight:bold}input:not([type=checkbox]):not([type=range]):not([type=hidden]),textarea,select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px 14px;width:100%;margin-top:7px}textarea{resize:vertical}fieldset>small{font-size:10px;color:var(--muted)}.consent{display:flex!important;gap:10px;margin:20px 0;align-items:flex-start;font-weight:normal!important;font-size:11px!important}.consent input{margin-top:4px;accent-color:var(--accent)}.consent a{text-decoration:underline}.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:30px}.form-actions #next{margin-left:auto}.form-actions #submit,.form-actions #prev{display:none}.form-summary{background:var(--soft);padding:15px;border-radius:6px;font-size:12px}.contact-aside{padding:20px 0}.contact-orb{width:90px;height:90px;border-radius:50%;background:var(--accent);color:white;display:grid;place-items:center;font-size:60px;margin-bottom:30px}.contact-aside h2{font-size:34px}.contact-aside>a{display:block;margin:12px 0;font-weight:bold;font-size:17px}.contact-aside hr{border:0;border-top:1px solid var(--line);margin:32px 0}.contact-aside>small{letter-spacing:2px;font-size:10px}.availability{font-size:11px;display:flex;gap:8px;align-items:center}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{font-size:13px;margin-top:20px}.login-box{max-width:700px;text-align:center;padding:30px 35px 90px}.login-box .contact-orb{margin:0 auto 25px}.legal{max-width:850px;padding-bottom:100px}.legal h2{font-size:27px;letter-spacing:-1px;margin-top:35px}.legal p{font-size:15px}.skip{position:fixed;top:-80px;left:20px;background:var(--accent);color:white;padding:14px;z-index:100}.skip:focus{top:15px}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:99}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:800px}.hero-art{scale:1.08}}
@media(max-width:1150px){.site-header nav{gap:14px}.site-header nav a{font-size:10px}.nav-wrap{width:calc(100% - 40px);gap:20px}.nav-actions{gap:10px}.brand{width:140px}.wrap{width:calc(100% - 64px)}.hero-art{scale:.93;transform-origin:right center}.hero h1{font-size:60px}.split{gap:45px}.service-card{padding:22px}.service-card h3{font-size:23px}.section-heading{gap:35px}.hero{min-height:680px}.hero-copy>p{font-size:13px}}
@media(max-width:900px){.site-header{height:75px}.site-header nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--bg);padding:30px;box-shadow:0 20px 30px #0001;flex-direction:column;align-items:flex-start;gap:25px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{font-size:18px}.menu-toggle{display:grid}.hero{padding-top:60px;grid-template-columns:1fr;min-height:0;padding-bottom:75px}.hero-copy{max-width:650px}.hero h1{font-size:72px}.hero-art{width:570px;max-width:100%;margin:20px auto 15px;scale:1;transform-origin:center}.hero-copy>p{font-size:16px}.hero h1 em{white-space:normal}.section{padding:75px 0}.section-heading{align-items:start}.section-heading>p{max-width:280px}.services-grid{gap:12px}.service-card{padding:20px}.service-card h3{font-size:22px}.service-card p{font-size:12px}.card-top{font-size:8px;letter-spacing:0}.card-top b{font-size:23px}.split{gap:35px}.quotes{grid-template-columns:1fr}.quote blockquote{font-size:17px}.feature-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-aside{padding:30px;display:block;background:var(--soft);border-radius:12px}.footer-top{grid-template-columns:1fr 1fr}.page-intro{padding-top:60px}.footer-bottom{gap:20px}.stepper{justify-content:space-between}.cta{padding-top:60px;padding-bottom:60px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav-wrap{width:calc(100% - 32px)}.brand{width:125px}.nav-actions .button{display:none}.nav-actions{gap:12px}.login-link{font-size:10px}.hero{padding-top:45px}.hero h1{font-size:clamp(45px,10.7vw,64px)}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:22px}.hero-copy>p{font-size:14px}.desktop{display:none}.hero-actions{gap:12px}.button{font-size:12px;padding:14px 17px;gap:20px}.hero-trust{margin-top:25px}.hero-art{height:375px;margin-top:30px}.browser-mock{height:265px;top:55px;left:0;width:94%;border-width:5px}.browser-top{height:25px}.browser-top small{padding:2px 20px;font-size:6px}.mock-content{height:235px;padding:17px 20px}.mock-head{font-size:49px;margin-top:23px}.mock-nav b{font-size:15px}.mock-bottom{margin-top:17px;font-size:6px;gap:40px}.sculpture{scale:.75;transform-origin:right top;right:0;top:55px}.mobile-mock{width:105px;height:205px;border-width:4px;border-radius:19px;right:-2px;bottom:5px;padding:12px 9px}.mobile-mock>span{font-size:5px;margin-bottom:20px}.mobile-mock>b{font-size:19px}.mobile-orb{width:75px;height:75px;margin-top:10px}.mobile-mock>small{font-size:5px;bottom:10px}.code-float{bottom:17px;padding:11px 17px}.code-float code{font-size:13px}.code-float small{font-size:7px}.floating-pill{font-size:8px;padding:9px 12px;top:16px}.orbit{width:300px;height:300px;left:10%;top:30px}.o2{width:360px;height:360px;left:0;top:0}.hero-art:before{inset:0}.art-caption{font-size:6px;bottom:-12px;left:29%}.hero-bottom{font-size:7px;letter-spacing:1px;bottom:20px}.ticker{font-size:10px;padding:12px 0;letter-spacing:2px}.ticker span{margin:0 25px}.section{padding:60px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;max-width:100%;font-size:13px}.section-heading>a{display:inline-block;margin-top:25px}h2{font-size:39px}h1{font-size:48px}.services-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:28px;min-height:0}.card-top{font-size:10px;margin-bottom:30px}.service-card h3{font-size:29px}.service-card p{font-size:14px;min-height:0;max-width:350px}.split{grid-template-columns:1fr;gap:35px}.split p{font-size:14px}.image-stage img{max-height:420px}.compare{aspect-ratio:1.35}.tag{top:12px;font-size:8px;padding:5px 10px}.old{left:12px}.new{right:12px}.divider b{width:36px;height:36px;font-size:16px}.caption{font-size:10px}.quote{padding:25px}.quote blockquote{font-size:15px}.cta{display:block;padding-top:55px;padding-bottom:55px}.cta .button{margin-top:25px}.footer-top{gap:35px 20px;padding-bottom:40px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.footer-top .brand{width:170px}.footer-top small{font-size:8px}.footer-top>div>a:not(.brand){font-size:11px}.footer-bottom{display:block;padding:22px 0}.footer-bottom>div{gap:20px;margin-top:15px;font-size:9px}.page-intro{padding-top:50px;padding-bottom:35px}.lead{font-size:15px}.feature-grid{grid-template-columns:1fr;gap:10px;margin-top:30px}.feature{padding-top:22px}.feature>span{margin-bottom:20px}.process{gap:25px 20px}.process h3{font-size:20px}.process p{font-size:12px}.process article>span{font-size:35px}.work-grid{grid-template-columns:1fr}.work-card>div{height:350px}.filters{gap:8px}.filters button{font-size:10px;padding:8px 13px}.contact-layout{padding-bottom:60px}#project-form{padding:22px 17px}.stepper{gap:10px}.stepper small{display:block;font-size:8px;margin:4px 0 0}.stepper>span{font-size:12px}legend{font-size:25px}.choice-grid{gap:10px}.choice-grid label>span{padding:15px 12px}.choice-grid b{font-size:12px}.choice-grid small{font-size:9px;line-height:1.4;display:block;margin-top:5px}.choice-grid input{top:12px;right:12px;width:14px;height:14px}.form-grid{grid-template-columns:1fr}.contact-aside>a{font-size:16px}.legal h2{font-size:24px}.login-box{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* Prevent intrinsic artwork width from expanding narrow grid tracks. */
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.hero-copy,.hero-art{min-width:0}.hero-art{max-width:100%}.hero{overflow:clip}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:100%;max-width:570px}}
@media(max-width:600px){.hero h1{font-size:clamp(40px,10.3vw,60px)}.hero-art{width:100%}.hero-copy>p{max-width:100%}}
/* VERSION 2 — richer visual world, detailed editorial content. */
.hero-shell,.page-intro-shell{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,var(--bg) 10%,color-mix(in srgb,var(--bg) 88%,#f1c6ad) 60%,color-mix(in srgb,var(--bg) 75%,#f3a88c))}.ambient-shapes{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(90deg,transparent 5%,#000 85%)}.ambient-ribbon{display:block;position:absolute;width:640px;height:780px;right:-110px;top:-170px;border:100px solid #ef4c3324;border-radius:46% 44% 49% 41%;transform:rotate(32deg);animation:ribbon-drift 20s ease-in-out infinite}.ribbon-two{width:680px;height:880px;right:-120px;top:-240px;border:2px solid #e4443440;transform:rotate(32deg);animation-direction:reverse}.ambient-ring{position:absolute;width:480px;height:480px;border:65px solid #eb8f5d18;left:-300px;bottom:-130px;border-radius:50%}.ambient-spark{position:absolute;right:50%;top:40px;font-size:110px;color:#f03224;line-height:1;opacity:.15;animation:slow-spin 65s linear infinite}.ambient-cross{position:absolute;right:34%;bottom:80px;font-size:65px;font-weight:200;color:#f0322460}.ambient-word{position:absolute;bottom:-55px;right:2%;font-weight:900;font-size:210px;letter-spacing:-15px;line-height:1;color:transparent;-webkit-text-stroke:1px #c66f4330;white-space:nowrap}.hero-shell .hero{padding-top:62px;padding-bottom:95px;min-height:800px;overflow:visible;gap:32px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero-shell .eyebrow{margin-bottom:18px;color:var(--ink)}.hero-kicker{font-size:12px;font-weight:600;margin-bottom:16px;color:var(--muted)}.hero-shell h1{font-size:clamp(48px,4.9vw,76px);margin-bottom:24px}.hero-shell .hero-description{font-size:16px;max-width:525px;line-height:1.7;margin-bottom:15px}.hero-shell .hero-description.second{font-size:13px;max-width:510px;margin-bottom:25px;line-height:1.8}.hero-description strong{color:var(--ink)}.hero-checks{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:9px;font-weight:bold;color:var(--muted)}.hero-checks span::first-letter{color:var(--accent)}.hero-shell .hero-trust{margin-top:25px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);width:fit-content}.trust-arrow{margin-left:14px;border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:15px}.hero-visual-stack{min-width:0;align-self:center;position:relative}.hero-shell .hero-art{height:450px}.hero-shell .hero-art:before{inset:-25% -10%;background:radial-gradient(ellipse,#f29b6b36,transparent 65%)}.hero-shell .browser-mock{top:60px;left:0;width:98%;transform:rotateY(-9deg) rotateZ(-6deg);border-color:#fff}.hero-shell .code-float{bottom:0;left:-15px}.hero-shell .mobile-mock{right:-12px;bottom:10px}.hero-shell .p1{right:10px;top:10px}.hero-shell .art-caption{display:none}.hero-shell .orbit{border-color:#db8f6150}.hero-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px 0 0 20px}.hero-notes>div{border-left:2px solid var(--accent);padding:6px 0 6px 18px}.hero-notes span{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.hero-notes b{display:block;font-size:16px;line-height:1.35;margin-top:7px;letter-spacing:-.4px}.competence-strip{display:grid;grid-template-columns:1fr 1fr 1fr .8fr;gap:20px;align-items:center;padding:29px 0;border-bottom:1px solid var(--line)}.competence-strip>div{display:flex;align-items:center;gap:15px}.competence-strip>div>span{font-size:32px;color:var(--accent)}.competence-strip p{font-size:10px;margin:0;line-height:1.6}.competence-strip b{font-size:13px;color:var(--ink);display:block;margin-bottom:3px}.competence-strip>a{font-size:12px;font-weight:bold;display:flex;gap:15px;align-items:center;justify-self:end}.competence-strip>a>span{background:var(--accent);color:white;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:20px}.intro-editorial{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.intro-editorial h2{font-size:clamp(38px,3.8vw,57px)}.large-copy{font-size:20px!important;line-height:1.6!important;letter-spacing:-.4px;color:var(--ink)}.intro-copy>p:not(.large-copy){font-size:14px}.intro-copy .text-link{display:inline-block;margin-top:15px}.services-expanded{background:var(--soft);position:relative;overflow:hidden;isolation:isolate}.services-expanded:before{content:'';position:absolute;width:800px;height:800px;border:90px solid #f0322408;top:-350px;left:-500px;border-radius:50%;z-index:-1}.section-flower{position:absolute;right:-70px;top:0;font-size:300px;line-height:1;color:#f032240b;z-index:-1;animation:slow-spin 85s linear infinite}.service-details-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.service-details-row>div{padding:0 16px;border-left:2px solid color-mix(in srgb,var(--accent) 35%,transparent)}.service-details-row b{font-size:12px}.service-details-row p{font-size:12px;margin:10px 0 0}.web-universe{background:#20271f;color:#f6f7ed;position:relative;isolation:isolate;overflow:hidden;--ink:#f6f7ed;--muted:#b0b8a9;--line:#ffffff25;--surface:#2b3329}.web-universe:after{content:'';position:absolute;width:850px;height:850px;border:2px solid #cae5a520;border-radius:42%;right:-250px;top:30px;transform:rotate(20deg);z-index:-1;box-shadow:0 0 0 45px #cae5a506,0 0 0 90px #cae5a506,0 0 0 135px #cae5a506}.web-universe .eyebrow{color:#b6c1ab}.web-universe .split{gap:85px}.web-universe h2{font-size:clamp(38px,3.6vw,54px)}.web-universe em{color:#cbe89a}.web-universe .primary{margin-top:15px}.web-collage{position:relative;padding:25px 0 55px 25px}.web-collage>img{border-radius:16px;position:relative;z-index:1;transform:rotate(3deg);box-shadow:0 20px 50px #0004;width:100%;max-height:560px;object-fit:cover}.collage-outline{position:absolute;inset:5px 15px 70px 5px;border:1px solid #cbe89a;border-radius:20px;transform:rotate(-4deg)}.collage-label{position:absolute;z-index:2;left:0;bottom:15px;background:#cbe89a;color:#253120;padding:25px 32px;border-radius:9px;transform:rotate(-4deg);box-shadow:0 10px 40px #0003}.collage-label span{font-size:8px;letter-spacing:2px}.collage-label b{display:block;font-size:27px;line-height:1.12;letter-spacing:-1px;margin-top:12px}.collage-stamp{position:absolute;right:-15px;top:0;width:84px;height:84px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font:24px monospace;z-index:3;transform:rotate(12deg)}.web-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;border-top:1px solid #ffffff25;margin-top:65px;padding-top:35px}.web-benefits article>span{font-size:30px;color:#cbe89a;line-height:1}.web-benefits h3{font-size:21px;letter-spacing:-.6px;margin:22px 0 15px}.web-benefits p{font-size:12px;margin:0}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.outcome-card{position:relative;display:flex;gap:25px;padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.outcome-num{font-size:11px;color:var(--accent);padding-top:4px}.outcome-card h3{font-size:25px;letter-spacing:-.8px;position:relative;z-index:1}.outcome-card p{font-size:13px;max-width:380px;margin:0;position:relative;z-index:1}.outcome-symbol{position:absolute;right:-5px;bottom:-35px;color:#f032240b;font-size:170px;line-height:1}.work-showcase{background:linear-gradient(140deg,var(--soft),var(--bg));position:relative;overflow:hidden}.work-showcase:before{content:'';width:500px;height:500px;border:1px solid #f0322420;border-radius:50%;position:absolute;left:-350px;top:60px;box-shadow:0 0 0 30px #f0322405,0 0 0 60px #f0322405}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.showcase-image{position:relative;aspect-ratio:1.05;overflow:hidden;border-radius:12px;background:var(--surface)}.showcase-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.showcase-item:hover img{transform:scale(1.05)}.showcase-image>span{position:absolute;right:17px;bottom:17px;width:42px;height:42px;background:white;color:#222;border-radius:50%;font-size:23px;display:grid;place-items:center}.showcase-item>small{display:block;font-size:8px;letter-spacing:1.5px;margin:23px 0 12px;color:var(--muted)}.showcase-item h3{font-size:25px;line-height:1.2;margin-bottom:14px}.showcase-item>p{font-size:13px;margin:0}.showcase-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:40px;padding-top:25px;gap:20px}.showcase-footer>p{margin:0;font-size:13px}.design-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.design-principles article>span{font-size:10px;color:var(--accent);letter-spacing:2px}.design-principles h3{font-size:23px;margin:15px 0}.design-principles p{font-size:13px;margin:0}.journey{position:relative;isolation:isolate;overflow:hidden;background:var(--soft)}.journey:before{content:'';position:absolute;width:1200px;height:500px;border:70px solid #f0322408;transform:rotate(-25deg);border-radius:50%;left:40%;top:-200px;z-index:-1}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.journey-steps article{position:relative;padding-top:20px;border-top:1px solid var(--line)}.journey-no{display:block;color:var(--accent);font-size:53px;letter-spacing:-3px;font-weight:bold;margin-bottom:12px}.journey-steps article>small{font-size:8px;letter-spacing:1px;font-weight:bold;color:var(--muted)}.journey-steps h3{font-size:24px;line-height:1.2;margin:14px 0 18px}.journey-steps p{font-size:12px}.step-result{border-top:1px solid var(--line);padding-top:15px;font-size:11px;color:var(--muted)}.step-result b{display:block;color:var(--ink);margin-bottom:5px}.fit-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.fit-section>div>p{max-width:380px;font-size:14px}.fit-section .button{margin-top:10px}.fit-list article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.fit-list article:first-child{padding-top:0}.fit-list article>span{color:var(--accent);font-size:10px;padding-top:5px}.fit-list article>b{color:var(--accent);font-size:20px;font-weight:normal}.fit-list h3{font-size:24px;line-height:1.2;margin-bottom:12px}.fit-list p{font-size:13px;margin:0}.agency-band{background:var(--soft);padding:85px 0;position:relative;overflow:hidden}.agency-band:after{content:'✳';position:absolute;right:-50px;bottom:-70px;font-size:320px;color:#f0322409;pointer-events:none;line-height:1}.agency-image{position:relative;padding-bottom:32px}.agency-image img{border-radius:12px;width:100%;object-fit:cover}.agency-badge{position:absolute;bottom:0;right:25px;background:var(--accent);color:white;padding:22px 30px;font-size:11px;letter-spacing:1px;border-radius:8px;transform:rotate(-4deg);line-height:1.7}.agency-band .split{gap:80px}.agency-values{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 30px}.agency-values span{border:1px solid var(--line);border-radius:30px;padding:5px 10px;font-size:9px;background:var(--bg)}.faq-band{position:relative;background:linear-gradient(120deg,var(--soft),var(--bg));overflow:hidden}.faq-band:before{content:'?';position:absolute;left:-30px;bottom:-150px;font-size:550px;line-height:1;font-weight:bold;color:#f0322405;transform:rotate(-18deg)}.faq-band .wrap{position:relative}.cta{position:relative;isolation:isolate;overflow:hidden}.cta:after{content:'↗';position:absolute;z-index:-1;right:13%;top:-50px;font-size:340px;font-weight:900;color:#f0322407;transform:rotate(-12deg)}.page-intro-shell .page-intro{position:relative;padding-top:80px;padding-bottom:65px}.page-intro-shell{margin-bottom:35px;border-bottom:1px solid var(--line)}.page-intro-shell .ambient-ribbon{right:-160px;top:-350px;width:600px;height:800px;border-width:80px}.page-intro-shell .ribbon-two{right:-190px;top:-370px;border-width:2px}.page-intro-shell .ambient-spark{right:12%;top:35px;font-size:130px;opacity:.1}.page-intro-shell .ambient-word{font-size:170px;bottom:-50px}.detail-depth{background:var(--soft);position:relative}.detail-depth .section-heading h2{max-width:570px;font-size:clamp(35px,3.5vw,52px)}.detail-depth .section-heading>p{max-width:440px}.detail-depth .design-principles{border-top:1px solid var(--line);padding-top:30px}
@keyframes ribbon-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:20px 25px;rotate:8deg}}@keyframes slow-spin{to{rotate:360deg}}
@media(min-width:1500px){.hero-shell .hero-art{scale:1}.hero-shell .hero{min-height:850px}}
@media(max-width:1150px){.hero-shell .hero{gap:15px}.hero-shell h1{font-size:57px}.hero-shell .hero-description{font-size:15px}.hero-shell .hero-art{scale:.94}.hero-notes{margin-top:5px}.competence-strip{gap:14px}.competence-strip p{font-size:9px}.competence-strip b{font-size:11px}.competence-strip>a{font-size:10px}.intro-editorial{gap:50px}.web-universe .split{gap:45px}.fit-section{gap:55px}.journey-steps{gap:20px}.journey-steps h3{font-size:22px}.agency-band .split{gap:40px}.outcome-card{padding:28px;gap:18px}}
@media(max-width:900px){.hero-shell .hero{grid-template-columns:minmax(0,1fr);padding-top:50px;min-height:0}.hero-shell h1{font-size:68px}.hero-shell .hero-description{max-width:620px}.hero-shell .hero-description.second{max-width:600px}.hero-visual-stack{width:100%;max-width:570px;justify-self:center;margin-top:15px}.hero-shell .hero-art{scale:1;height:470px}.hero-notes{margin-top:20px;margin-bottom:20px}.ambient-ribbon{right:-200px;top:300px}.ribbon-two{top:230px}.ambient-spark{right:8%;top:40px}.ambient-word{bottom:-35px;font-size:150px}.competence-strip{grid-template-columns:repeat(3,1fr);gap:20px}.competence-strip>a{grid-column:1/-1;justify-self:start}.intro-editorial{gap:30px}.intro-editorial h2{font-size:40px}.large-copy{font-size:18px!important}.web-benefits{grid-template-columns:1fr 1fr}.web-universe .split{gap:30px}.web-collage{padding-left:10px}.collage-label{padding:20px}.collage-label b{font-size:22px}.collage-stamp{width:60px;height:60px;font-size:18px}.outcome-card h3{font-size:22px}.showcase-grid{gap:15px}.showcase-item h3{font-size:22px}.journey-steps{grid-template-columns:1fr 1fr;gap:35px}.fit-section{gap:40px;grid-template-columns:1fr 1.2fr}.fit-list article{gap:13px}.fit-list h3{font-size:21px}.agency-band{padding:65px 0}.page-intro-shell .page-intro{padding-top:60px;padding-bottom:45px}.detail-depth .section-heading{display:block}.detail-depth .section-heading>p{margin-top:25px;max-width:650px}}
@media(max-width:600px){.hero-shell .hero{padding-top:35px;padding-bottom:65px;gap:15px}.hero-shell .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-kicker{font-size:10px;margin-bottom:16px}.hero-shell h1{font-size:clamp(37px,10.3vw,60px);line-height:1.08;margin-bottom:20px}.hero-shell .hero-description{font-size:14px;line-height:1.65;margin-bottom:12px}.hero-shell .hero-description.second{font-size:12px;line-height:1.8;margin-bottom:22px}.hero-shell .hero-actions{gap:8px}.hero-shell .hero-actions .button{font-size:11px;gap:12px;padding:13px 14px}.hero-checks{gap:9px 15px;font-size:8px;max-width:315px;margin-top:20px}.hero-shell .hero-trust{margin-top:20px;padding-top:16px}.hero-shell .hero-trust small{font-size:8px}.trust-arrow{margin-left:3px}.hero-visual-stack{margin-top:4px}.hero-shell .hero-art{height:365px;max-width:100%;margin:0}.hero-shell .browser-mock{top:57px;width:94%;height:265px;left:0}.hero-shell .code-float{left:0;bottom:7px}.hero-shell .mobile-mock{right:0;bottom:0}.hero-shell .p1{right:6px;top:24px}.hero-notes{gap:18px;margin:26px 0 15px}.hero-notes>div{padding-left:12px}.hero-notes span{font-size:6px;letter-spacing:1px}.hero-notes b{font-size:13px;margin-top:5px}.hero-shell .hero-bottom{font-size:6px;letter-spacing:.5px;bottom:20px;gap:10px}.hero-shell .ambient-ribbon{width:450px;height:620px;right:-180px;top:530px;border-width:60px}.hero-shell .ribbon-two{border-width:2px;right:-150px;top:480px}.ambient-spark{font-size:80px;right:-18px;top:0;opacity:.08}.ambient-word{font-size:95px;letter-spacing:-7px;bottom:-15px}.ambient-cross{right:10px;bottom:130px;font-size:35px}.ambient-grid{background-size:40px 40px}.competence-strip{grid-template-columns:1fr;gap:14px;padding:25px 0}.competence-strip>div{gap:13px;border-bottom:1px solid var(--line);padding-bottom:14px}.competence-strip>div>span{font-size:25px;width:30px;text-align:center}.competence-strip b{font-size:12px}.competence-strip p{font-size:10px}.competence-strip>a{font-size:11px;width:100%;justify-content:space-between}.competence-strip>a>span{width:28px;height:28px;font-size:16px}.intro-editorial{grid-template-columns:1fr;gap:0}.intro-editorial h2{font-size:39px}.intro-copy>p:not(.large-copy){font-size:13px}.intro-copy .text-link{font-size:11px;margin-top:8px}.service-details-row{grid-template-columns:1fr;gap:20px;margin-top:25px}.service-details-row b{font-size:12px}.service-details-row p{font-size:12px}.services-expanded .section-flower{font-size:240px;right:-80px}.web-universe .split{grid-template-columns:1fr;gap:35px}.web-universe h2{font-size:39px}.web-collage{padding:15px 10px 60px}.web-collage>img{max-height:420px}.collage-label{left:5px;bottom:15px;padding:17px 22px}.collage-label b{font-size:24px}.collage-stamp{right:0;top:0;width:60px;height:60px}.web-benefits{gap:25px 20px;margin-top:30px;padding-top:30px}.web-benefits h3{font-size:20px;margin:14px 0 12px;line-height:1.2}.web-benefits p{font-size:11px}.web-benefits article>span{font-size:25px}.outcome-grid{grid-template-columns:1fr;gap:15px}.outcome-card{padding:25px 20px;gap:16px}.outcome-card h3{font-size:24px}.outcome-card p{font-size:12px}.showcase-grid{grid-template-columns:1fr;gap:32px}.showcase-item h3{font-size:27px}.showcase-item>p{font-size:13px}.showcase-item>small{font-size:8px;margin-top:18px}.showcase-footer{display:block;margin-top:30px;padding-top:25px}.showcase-footer .button{margin-top:18px}.design-principles{grid-template-columns:1fr;gap:22px;margin-top:30px}.design-principles article{border-bottom:1px solid var(--line);padding-bottom:20px}.design-principles article:last-child{border-bottom:0;padding-bottom:0}.design-principles h3{font-size:24px;margin:10px 0 12px}.design-principles p{font-size:12px}.journey-steps{grid-template-columns:1fr;gap:25px}.journey-steps article{padding:20px 0 0 65px}.journey-no{position:absolute;left:0;top:18px;font-size:38px;letter-spacing:-2px;line-height:1}.journey-steps h3{font-size:25px;margin-top:10px}.journey-steps p{font-size:13px}.step-result{font-size:11px}.fit-section{grid-template-columns:1fr;gap:35px}.fit-list h3{font-size:25px}.fit-list p{font-size:12px}.fit-list article{gap:15px}.agency-band .split{grid-template-columns:1fr;gap:35px}.agency-band{padding:55px 0}.agency-band h2{font-size:39px}.agency-badge{padding:16px 22px;font-size:9px}.agency-values{gap:8px}.agency-values span{font-size:8px}.page-intro-shell .page-intro{padding-top:40px;padding-bottom:35px}.page-intro-shell .ambient-ribbon{width:350px;height:480px;border-width:50px;right:-220px;top:-100px}.page-intro-shell .ribbon-two{border-width:2px;right:-200px;top:-100px}.page-intro-shell .ambient-spark{font-size:80px;right:-20px;top:15px}.page-intro-shell .ambient-word{font-size:110px;bottom:-30px;right:-30px}.detail-depth .section-heading h2{font-size:37px}.detail-depth .section-heading>p{font-size:13px}.detail-depth .design-principles{padding-top:25px}.cta:after{right:-50px;font-size:280px;top:0}}
/* VERSION 3 — generous navigation, discreet background, interactive detail. */
html{scroll-padding-top:145px}.site-header{height:132px}.utility-bar{height:34px;background:var(--ink);color:var(--bg);padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}.utility-bar>span i{color:#f87662;margin:0 12px;font-style:normal}.utility-bar>div{display:flex;gap:24px;font-size:10px;letter-spacing:0}.utility-bar a{opacity:.85;transition:opacity .2s}.utility-bar a:hover{opacity:1}.nav-wrap{height:98px;gap:28px}.site-header .brand{width:180px}.site-header nav{gap:27px}.site-header nav>a,.services-toggle{font-size:15px;font-weight:700;white-space:nowrap;padding:12px 0}.site-header nav>a:after{bottom:4px}.services-toggle{border:0;background:none;display:flex;align-items:center;gap:8px;color:var(--ink)}.services-toggle>span{font-size:18px;transition:transform .25s}.services-toggle[aria-expanded=true]{color:var(--accent)}.services-toggle[aria-expanded=true]>span{transform:rotate(180deg)}.nav-actions{gap:17px}.nav-actions .button{font-size:13px;padding:15px 21px;gap:22px}.theme-toggle{width:39px;height:39px}.nav-dropdown{position:static}.mega-menu{position:absolute;left:40px;right:40px;top:calc(100% - 1px);background:var(--surface);border:1px solid var(--line);box-shadow:0 22px 55px #0002;border-radius:0 0 16px 16px;display:grid;grid-template-columns:.8fr 1.7fr;overflow:hidden;animation:menu-in .28s ease-out;max-width:1300px;margin:auto}.mega-intro{background:var(--soft);padding:35px;position:relative;overflow:hidden}.mega-intro:after{content:'✳';position:absolute;right:-40px;bottom:-80px;font-size:240px;color:#f0322409;pointer-events:none}.mega-intro>small{display:block;letter-spacing:1.6px;font-size:8px;color:var(--accent);font-weight:bold}.mega-intro>b{display:block;font-size:32px;line-height:1.1;letter-spacing:-1.4px;margin:17px 0}.mega-intro p{font-size:12px;max-width:260px}.site-header nav .mega-intro>a{display:inline-block;font-size:12px;font-weight:bold;color:var(--accent);padding-top:5px}.mega-links{padding:15px 28px}.site-header nav .mega-links>a{display:flex;align-items:center;gap:20px;padding:20px 12px;border-bottom:1px solid var(--line);transition:background .2s,transform .2s;border-radius:7px}.site-header nav .mega-links>a:last-child{border-bottom:0}.mega-links a>span{font-size:30px;line-height:1;color:var(--accent);width:40px;text-align:center}.mega-links b{display:block;font-size:18px;letter-spacing:-.5px}.mega-links small{display:block;font-size:11px;font-weight:normal;color:var(--muted);margin-top:3px}.mega-links i{margin-left:auto;font-size:22px;color:var(--accent);font-style:normal;transition:transform .2s}.mega-links a:hover{background:var(--soft);transform:translateX(4px)}.mega-links a:hover i{transform:translate(3px,-3px)}.site-header nav .mega-menu a:after{display:none}.mega-bottom{grid-column:1/-1;display:flex;gap:35px;padding:17px 35px;border-top:1px solid var(--line);background:var(--bg)}.site-header nav .mega-bottom>a{font-size:12px;font-weight:bold}.mega-bottom a:hover{color:var(--accent)}.ambient-grid{opacity:.2;background-size:90px 90px;mask-image:linear-gradient(90deg,transparent 25%,#000 100%)}.hero-shell .ambient-ribbon{opacity:.6}.hero-shell .ambient-word{opacity:.55}.hero-shell .ambient-spark{opacity:.08}.hero-shell .hero{padding-top:55px}.button{position:relative;overflow:hidden}.button:before{content:'';position:absolute;width:45%;height:180%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);top:-40%;left:-80%;transform:rotate(25deg);transition:left .55s;pointer-events:none}.button:hover:before{left:140%}.button>span{transition:transform .25s}.button:hover>span{transform:translate(3px,-3px)}.service-card,.outcome-card,.quote,.feature{transition:transform .35s,box-shadow .35s,border-color .35s}.outcome-card:hover,.quote:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.card-top>b{transition:transform .4s}.service-card:hover .card-top>b{transform:rotate(45deg)}.showcase-image>span{transition:transform .3s,background .3s,color .3s}.showcase-item:hover .showcase-image>span{transform:rotate(-10deg);background:var(--accent);color:white}.journey-steps article:hover .journey-no{transform:translateY(-5px);color:var(--ink)}.journey-no{transition:transform .3s,color .3s}.js-motion .reveal{transition-delay:var(--reveal-delay,0ms)}.hero-shell .hero-copy{animation:hero-in .8s ease-out both}.hero-visual-stack{animation:hero-in 1s .1s ease-out both}.site-header.is-scrolled{box-shadow:0 8px 30px #0000000c}.mega-links a[aria-current=page]{background:var(--soft)}@keyframes menu-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1250px){.site-header nav{gap:18px}.site-header nav>a,.services-toggle{font-size:14px}.site-header .brand{width:155px}.nav-wrap{gap:20px}.nav-actions .button{padding:14px 17px;font-size:12px}.nav-actions{gap:12px}}
@media(max-width:1100px){html{scroll-padding-top:120px}.site-header{height:115px}.utility-bar{height:30px;padding:0 25px}.utility-bar>span{font-size:7px}.utility-bar>div{font-size:9px;gap:18px}.nav-wrap{height:85px;width:calc(100% - 50px)}.site-header .brand{width:175px}.menu-toggle{display:grid;width:42px;height:42px}.site-header nav{display:none;position:absolute;top:114px;left:0;right:0;max-height:calc(100dvh - 114px);overflow-y:auto;overscroll-behavior:contain;background:var(--bg);padding:20px 25px 30px;box-shadow:0 20px 30px #0002;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex;animation:menu-in .25s ease-out}.site-header nav>a,.services-toggle{font-size:21px;padding:16px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.services-toggle{justify-content:space-between}.site-header nav>a:after{display:none}.nav-dropdown{width:100%}.mega-menu{position:static;max-width:none;margin:12px 0;border-radius:10px;box-shadow:none;grid-template-columns:1fr}.mega-intro{display:none}.mega-links{padding:6px 12px}.site-header nav .mega-links>a{padding:18px 6px;gap:12px}.mega-links b{font-size:16px}.mega-links small{font-size:11px}.mega-links a>span{font-size:25px;width:30px}.mega-bottom{padding:17px;gap:12px 25px;flex-wrap:wrap}.site-header nav .mega-bottom>a{font-size:11px}.nav-actions .button{font-size:13px;padding:14px 20px}.nav-actions{gap:15px}}
@media(max-width:600px){html{scroll-padding-top:110px}.site-header{height:105px}.utility-bar{height:27px;padding:0 18px}.utility-bar>span{font-size:7px;letter-spacing:.5px}.utility-bar>span i{margin:0 5px}.utility-bar>div>a:not(:last-child){display:none}.utility-bar>div{font-size:9px}.nav-wrap{height:78px;width:calc(100% - 36px)}.site-header .brand{width:158px}.nav-actions{gap:12px}.nav-actions .button{display:none}.theme-toggle{width:36px;height:36px}.menu-toggle{width:39px;height:39px}.site-header nav{top:104px;max-height:calc(100dvh - 104px);padding:10px 22px 25px}.site-header nav>a,.services-toggle{font-size:21px;padding:15px 0}.site-header nav .mega-links>a{gap:10px}.mega-links b{font-size:15px}.mega-links small{font-size:10px;max-width:210px}.mega-links i{font-size:18px}.hero-shell .hero{padding-top:32px}.hero-shell .ambient-grid{opacity:.12}.utility-bar>span{max-width:230px;overflow:hidden;white-space:nowrap}.hero-shell .ambient-ribbon{opacity:.45}}
.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.client-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);display:block;scroll-margin-top:155px;transition:transform .35s,box-shadow .35s}.client-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.client-cover{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;color:white;background:#183b40}.client-cover>small{font-size:8px;letter-spacing:2px;opacity:.7}.client-cover>strong{font-size:clamp(35px,4.3vw,65px);line-height:1.1;letter-spacing:-3px;font-weight:900;position:relative;z-index:1}.client-caption{font-size:9px;letter-spacing:2px;max-width:85%}.client-orbit{position:absolute;width:340px;height:340px;border:45px solid #ffffff0c;right:-90px;top:-65px;transform:rotate(-25deg);border-radius:45%;z-index:-1;box-shadow:0 0 0 25px #ffffff05}.client-cover-arrow{position:absolute;right:25px;bottom:20px;font-size:28px;transition:transform .3s}.client-card:hover .client-cover-arrow{transform:translate(5px,-5px)}.client-apro{background:linear-gradient(125deg,#123b40,#367667)}.client-tuning{background:linear-gradient(130deg,#1a1a20 45%,#731c26)}.client-tuning .client-orbit{border-radius:15%;border-color:#f0322420}.client-tim{background:linear-gradient(120deg,#121e2d,#3c5368)}.client-tim strong{font-size:78px;letter-spacing:7px}.client-mongolei{background:linear-gradient(130deg,#4f1f1b,#9d522c);color:#f9e6bb}.client-mongolei .client-orbit{border-color:#dfbc6330;border-radius:50%}.client-body{padding:30px}.client-body>small{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}.client-body h3,.client-body h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:12px 0 18px;display:flex;justify-content:space-between;gap:12px}.client-body h3>span{font-size:23px;color:var(--accent)}.client-body p{font-size:14px;line-height:1.8}.client-body .text-link{display:inline-block;margin-top:8px}.client-body .chips{margin:20px 0 24px}.project-pending{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;padding:10px 0}.project-pending i{height:7px;width:7px;background:#b59358;border-radius:50%}.client-projects{padding-top:25px}.client-detail:target{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:600px){.client-grid{grid-template-columns:1fr;gap:22px}.client-cover{min-height:230px;padding:24px}.client-cover>strong{font-size:43px;letter-spacing:-2px}.client-tim>strong{font-size:65px;letter-spacing:5px}.client-caption{font-size:7px;letter-spacing:1.3px}.client-body{padding:24px}.client-body h3,.client-body h2{font-size:27px}.client-body p{font-size:13px}.client-card{scroll-margin-top:125px}}