/* Agency additions keep the source site's palette, type families and components. */
.site-header .brand{width:112px;padding:0}.site-header .brand img{width:112px;height:64px;object-fit:contain}.agency-team{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:60px;padding-bottom:28px;max-width:1200px}.agency-person{min-width:0}.agency-portrait{height:300px;background:var(--yellow-main);border-radius:16px;overflow:hidden;position:relative}.agency-portrait svg{width:100%;height:100%;display:block}.agency-portrait>span{position:absolute;bottom:14px;left:18px;font:10px 'DM Sans',Arial,sans-serif;letter-spacing:.08em;color:#24211d;background:#ffdd00;padding:6px 9px}.agency-portrait.portrait-1{background:#ffc20e}.agency-person h3{font-size:38px;margin:25px 0 8px}.agency-person .agency-role{font-size:14px;margin:0 0 15px;color:var(--muted)}.agency-person>p{font-size:18px;line-height:1.6;max-width:42ch;color:var(--muted)}.agency-upwork{display:flex;justify-content:center;padding:40px 24px 0}.agency-upwork .button{padding:18px 28px;gap:20px}.vector-arrow{width:1em;height:1em;display:inline-block;vertical-align:-.1em}.site-controls button{cursor:pointer}.site-header nav a{white-space:nowrap}.brand-logo-dark{display:block}.brand-logo-light{display:none}html[data-theme=dark] .brand-logo-dark{display:none}html[data-theme=dark] .brand-logo-light{display:block}@media(max-width:700px){.agency-team{grid-template-columns:1fr;padding-top:32px;gap:32px}.agency-portrait{height:280px}.agency-person h3{font-size:34px}.agency-person>p{font-size:17px}.site-header nav{justify-content:center!important}.site-header .brand{width:100px}.site-header .brand img{width:100px;height:54px}}

html[data-theme] footer .footer-logo img{opacity:1;filter:none}

html[data-theme=dark] .brand,html[data-theme=dark] .footer-logo{background:transparent;border-radius:0}html[data-theme] footer .footer-logo img{opacity:1;filter:none}
/* One original SVG in both themes; no competing theme-specific logo selectors. */
html[data-theme] .site-header .brand .agency-brand-image{display:block!important;width:128px;height:auto;max-width:none;opacity:1;visibility:visible;filter:none}
html[data-theme] .footer-logo .agency-footer-image{display:block!important;width:152px;height:auto;opacity:1;visibility:visible;filter:none}
@media(max-width:700px){html[data-theme] .site-header .brand .agency-brand-image{width:100px}}
html[data-theme] .work .portfolio-card>.service-category{font:600 11px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.06em;margin:0 0 14px;opacity:.8;max-width:100%;text-transform:uppercase}.agency-person .profile-link{display:inline-block;font-size:16px;text-decoration:underline;text-decoration-color:var(--yellow-gold);text-underline-offset:5px;padding:8px 0;margin-top:8px}.about.process-section .process-step h3{overflow-wrap:break-word}
/* Footer retains its original monochrome theme variants. */
html[data-theme=dark] .footer-logo{background:transparent;border-radius:0}
html[data-theme=light] .footer-logo .footer-logo-light{display:block;opacity:1;filter:none}
html[data-theme=light] .footer-logo .footer-logo-dark{display:none}
html[data-theme=dark] .footer-logo .footer-logo-light{display:none}
html[data-theme=dark] .footer-logo .footer-logo-dark{display:block;opacity:1;filter:none}

/* Preserve the original warm accents; only the dark lettering changes to white. */
html[data-theme] .site-header .brand{background:transparent;border-radius:0;width:128px}
html[data-theme=light] .site-header .brand .agency-logo-dark{display:none!important}
html[data-theme=dark] .site-header .brand .agency-logo-light{display:none!important}
@media(max-width:700px){html[data-theme] .site-header .brand{width:100px}}
/* Original 100px profile photos, presented at a restrained size without cropping. */
.agency-portrait{height:auto;min-height:176px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line)}
.agency-portrait.portrait-1{background:var(--surface)}
.agency-portrait>img{display:block;width:100px;height:100px;object-fit:contain;border-radius:8px}
/* Compact team profiles: actual portraits beside the biography, without empty frames. */
.agency-team{max-width:1200px;gap:48px;padding-top:44px;padding-bottom:16px}
.agency-person{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:24px;padding-top:24px;border-top:1px solid var(--line)}
.agency-person .agency-portrait{display:block;min-height:0;height:100px;width:100px;border:0;border-radius:12px;background:transparent;overflow:hidden}
.agency-person .agency-portrait>img{width:100px;height:100px;border-radius:0;object-fit:contain}
.agency-person .agency-person-body h3{font-size:30px;line-height:1.15;margin:0 0 10px}
.agency-person .agency-person-body .agency-role{font-size:13px;margin:0 0 16px}
.agency-person .agency-person-body>p:not(.agency-role){font-size:16px;line-height:1.6;color:var(--muted);margin:0;max-width:34ch}
.agency-person .agency-person-body .profile-link{font-size:14px;margin-top:16px;padding:8px 0}
@media(max-width:950px){.agency-team{grid-template-columns:1fr;gap:28px}.agency-person .agency-person-body>p:not(.agency-role){max-width:52ch}}
@media(max-width:420px){.agency-person{grid-template-columns:80px minmax(0,1fr);gap:18px}.agency-person .agency-portrait,.agency-person .agency-portrait>img{width:80px;height:80px}.agency-person .agency-person-body h3{font-size:27px}}
/* Underline each line of actual text rather than the full multiline element box. */
html[data-theme] .hero h1 em{display:inline;position:static;background:none;text-decoration-line:underline;text-decoration-style:double;text-decoration-color:var(--yellow-main);text-decoration-thickness:2px;text-underline-offset:8px;text-decoration-skip-ink:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html[data-theme] .hero h1 em:after{content:none;display:none}
.agency-person .agency-person-body .agency-role{font-size:12px;letter-spacing:.02em}
@media(max-width:700px){html[data-theme] .hero h1 em{text-decoration-thickness:1.5px;text-underline-offset:6px}}