/* A warmer, more considered visual finish for the agency. */
html{--studio-accent:#c9d4bc;--studio-rule:#3f493b;--studio-card:#171d16;--studio-muted:#bac5b4}
body{background:#0d110d;color:#f4f3ed}
header{border-color:#313a30;gap:clamp(14px,2vw,32px)}
header .desktop-nav a{font-size:14px;font-weight:500;color:#d5ddd0;transition:color .2s ease}
header .desktop-nav a:hover{color:#fff}
header .desktop-nav a[aria-current=page]:after{height:1px;bottom:-4px;background:#cad7c0}
.preview-banner{background:#161c15;border-color:#303a2d;color:#bccab3;letter-spacing:.055em}
.theme-toggle{border-color:#566650;color:#e6eddf;transition:background-color .2s ease,border-color .2s ease}
.agency-hero{max-width:1540px;grid-template-columns:1.02fr 1fr;gap:clamp(48px,7vw,110px);padding:clamp(75px,7vw,108px) 6% clamp(95px,8vw,125px);min-height:720px}
.agency-hero .eyebrow,.intro .eyebrow,.how-intro .eyebrow{color:#b9cbb0;letter-spacing:.15em;font-size:10px}
.agency-hero h1{font-size:clamp(48px,5.35vw,76px);line-height:1.08;letter-spacing:-.025em;max-width:13ch;margin:25px 0 28px}
.agency-hero .lead{max-width:455px;color:#c6d0c0;font-size:17px;line-height:1.8}
.agency-hero .actions{gap:26px;margin-top:34px}
.button{border-radius:4px;font-weight:600;letter-spacing:.005em;min-height:56px;padding:16px 25px;box-shadow:none}
.quiet,.text-link{font-weight:600;letter-spacing:.01em;border-color:#788a73;transition:border-color .2s ease,color .2s ease}
.quiet:hover,.text-link:hover{border-color:currentColor}
.hero-fine{margin-top:48px;padding-top:19px;border-top:1px solid var(--studio-rule);max-width:350px;color:#aab9a3;letter-spacing:.05em;line-height:1.6}
.home-preview-header{border-color:var(--studio-rule);color:#c6d4bd;letter-spacing:.06em}
.home-preview-link{border-color:#667861;box-shadow:0 22px 65px #0005}
.home-preview-caption{background:#eef1e8;color:#223526;padding:20px 23px}
.home-preview-name{font-size:15px;font-weight:600}.home-preview-caption small{color:#50634f;font-size:12px}
.home-carousel-controls button,.home-carousel-controls select{background:#141a13;border-color:#53634d;color:#edf2e9;transition:border-color .2s ease,background-color .2s ease}
.home-carousel-controls button:hover{background:#293527;border-color:#91a78b}
.agency-value{background:#172016;border-color:var(--studio-rule);padding-top:95px;padding-bottom:95px}
.agency-value h2,.agency-showcase h2,.agency-process h2,.gallery-head h2,.closing h2,.agency-faq h2{letter-spacing:-.025em;line-height:1.12}
.agency-value p,.agency-process p,.agency-faq p{line-height:1.8;color:#c4cfc0}
.agency-showcase{padding-top:110px;padding-bottom:120px}.agency-showcase .section-heading{margin-bottom:50px}
.agency-demo-grid{gap:clamp(22px,3vw,42px)}.agency-demo>div{height:auto;aspect-ratio:4/3;background:#20291e}
.agency-demo img{filter:none;transition:transform .45s cubic-bezier(.2,.65,.3,1)}.agency-demo:hover img{filter:none;transform:scale(1.025)}
.agency-demo h3{font-size:clamp(23px,2vw,29px);letter-spacing:-.015em;margin-top:22px}.agency-demo p{color:#bdcab6;line-height:1.7;font-size:13px}
.agency-process{background:#172016;border-color:var(--studio-rule);padding-top:100px;padding-bottom:105px}
.agency-steps article{border-color:#52624d;padding:25px 0}.agency-steps h3{font-size:19px}.agency-steps p{font-size:14px}
.agency-faq{padding-top:110px;padding-bottom:110px}.agency-faq details{border-color:#52624d;padding:25px 0}.agency-faq summary{font-size:18px;line-height:1.5}
.closing{background:#202b1d;border-color:var(--studio-rule);padding-top:100px;padding-bottom:110px}.closing h2{max-width:16ch;margin-left:auto;margin-right:auto}
footer{background:#0a0e0a;border-color:#354131}footer p{color:#b5c2ae}footer small{color:#98aa92}footer a{color:#cbd5c4}
.intro{padding-top:95px;padding-bottom:75px}.intro h1{letter-spacing:-.025em;line-height:1.08}.intro .lead{line-height:1.8}
.gallery-section{padding-top:45px}.gallery-head{margin-bottom:48px}.style-tools{padding:45px 0 48px}.style-tool-intro p{font-size:15px;line-height:1.8}
.style-tile{border-color:#485844}.tile-body{padding-top:24px!important}.tile-body h2{font-size:25px;letter-spacing:-.015em}.tile-body p{line-height:1.75}.tile-feature{border-color:#43513e}
.style-quiz select,.compare-controls select,.gallery-tools select,.home-carousel-controls select{border-radius:3px}
.contact-grid form{background:#192218;border-color:#4a5d44;padding:42px}.contact-grid input,.contact-grid textarea,.contact-grid select{border-radius:3px}.preview{border-color:#a5ba9a;background:#273522}
.quote{background:#192218;border:1px solid #3b4d36}.steps article{border-color:#60745a}
html[data-theme=light]{--studio-accent:#506c4d;--studio-rule:#c1cfbd;--studio-card:#e8eee4;--studio-muted:#526850}
html[data-theme=light] body{background:#f6f5ef;color:#203025}html[data-theme=light] header{background:#f6f5ef;border-color:#c8d3c3}
html[data-theme=light] header .desktop-nav a{color:#344f38}html[data-theme=light] header .desktop-nav a:hover{color:#132a18}html[data-theme=light] header .desktop-nav a[aria-current=page]:after{background:#456744}
html[data-theme=light] .agency-hero .eyebrow,html[data-theme=light] .intro .eyebrow,html[data-theme=light] .how-intro .eyebrow{color:#506d50}
html[data-theme=light] .agency-hero .lead,html[data-theme=light] .agency-value p,html[data-theme=light] .agency-process p,html[data-theme=light] .agency-faq p{color:#465d49}
html[data-theme=light] .hero-fine,html[data-theme=light] .home-preview-header{color:#526d50;border-color:#bacbb5}
html[data-theme=light] .home-preview-caption{background:#edf2e9;color:#213a26}html[data-theme=light] .home-preview-caption small{color:#4b614a}
html[data-theme=light] .agency-value,html[data-theme=light] .agency-process,html[data-theme=light] .closing{background:#e6eee3;border-color:#c5d3c0}
html[data-theme=light] .agency-demo p{color:#4d644c}html[data-theme=light] .agency-steps article,html[data-theme=light] .agency-faq details,html[data-theme=light] .tile-feature{border-color:#bdcdb9}
html[data-theme=light] footer{background:#e9f0e6;border-color:#c4d3c0}html[data-theme=light] footer p,html[data-theme=light] footer small,html[data-theme=light] footer a{color:#49624a}
html[data-theme=light] .intro{background:#f6f5ef}html[data-theme=light] .contact-grid form,html[data-theme=light] .quote{background:#e8efe5;border-color:#bacbb5}
html[data-theme=light] .preview{background:#f3f7ef;border-color:#819c7b}html[data-theme=light] .home-carousel-controls button,html[data-theme=light] .home-carousel-controls select{background:#fffefa;color:#263f2b;border-color:#9bad97}
html[data-theme=light] .home-carousel-controls button:hover{background:#dfeadc;border-color:#6d8c6a}
@media(max-width:1000px){.agency-hero{gap:5%;min-height:650px}.agency-hero h1{font-size:clamp(46px,5.5vw,65px)}}
@media(max-width:800px){.agency-hero{display:block;min-height:0;padding:55px 6% 70px}.agency-hero h1{font-size:clamp(44px,9vw,64px)}.agency-hero .lead{font-size:16px}.hero-fine{margin-top:36px}.agency-value,.agency-showcase,.agency-process,.agency-faq{padding-top:70px;padding-bottom:75px}.agency-demo-grid{gap:40px}.agency-demo>div{height:auto;aspect-ratio:4/3}.agency-demo:nth-child(n){padding-top:0}.closing{padding-top:75px;padding-bottom:80px}.contact-grid form{padding:25px}.intro{padding-top:65px;padding-bottom:55px}}
@media(max-width:400px){.agency-hero h1{font-size:44px}.agency-hero .actions{gap:18px}.agency-hero .button{font-size:13px}.home-preview-caption{padding:16px}.agency-faq summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.agency-demo img,.button,.quiet,.text-link,.home-carousel-controls button,.theme-toggle{transition:none!important}.agency-demo:hover img{transform:none}}
@media(max-width:800px){header{gap:8px}}@media(max-width:360px){header{gap:6px}}