/* Shared brand treatment for every existing inner page. */
body{background:var(--bg);color:var(--text)}button,input,select,textarea{color:inherit;font-family:'Poppins',sans-serif}h1,h2,h3,h4{font-weight:500;letter-spacing:-.04em}p{color:var(--muted)}.header,.footer,.page-hero{background:var(--bg);color:var(--text)}.header{background:var(--header);border-bottom:1px solid var(--line)}.header-inner{justify-content:flex-start;gap:24px}.nav{margin-left:auto;gap:24px}.header-actions{display:flex;align-items:center;gap:12px;flex:none}.theme-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:23px}.theme-toggle:hover{border-color:var(--blue)}.page-hero{background:radial-gradient(ellipse at 85% 15%,rgba(33,169,242,.09),transparent 55%),var(--bg);border-bottom:1px solid var(--line)}.page-hero h1{max-width:1200px;font-size:clamp(42px,6.3vw,90px);line-height:1.14;overflow-wrap:break-word}.page-hero h1 em{color:var(--blue);background:linear-gradient(110deg,var(--sky),var(--blue),var(--deep));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}.page-hero p,.breadcrumbs,.footer p,.footer-bottom{color:var(--muted)}.logo img{width:166px;height:auto}:root[data-theme=light] .logo img{filter:invert(1) hue-rotate(180deg)}.nav>a:hover,.nav>a[aria-current=page],.mega-panel a:hover,.footer a:hover{color:var(--blue)}.mega-panel{background:var(--section);color:var(--text);border:1px solid var(--line)}.mega-feature{background:var(--card)}.mega-feature p{color:var(--muted)}.button,.button:hover{color:#080B0D}.button.dark{background:var(--blue);color:#080B0D}.button.dark:hover{background:#8DE1FF}.button.outline{color:var(--text);border-color:var(--strong)}.button.outline:hover{background:var(--card)}.text-link:hover{color:var(--blue)}.card,.industry-card,.engagement-card,.project-art,.project-art.cafe,.project-art.roadside,.project-art.home,.project-art.tech,.project-art.construction,.project-art.chemicals{background:var(--card)}.dark-section,.goal-section,.work-section,.markets-section,.faq-section{background:var(--section);color:var(--text)}.dark-section .section-top p,.dark-section .muted,.subservice-list p{color:var(--muted)}.cta-section{background:#1D2E2B;color:#F4F3EE}.cta-section h2,.cta-section .text-link{color:#F4F3EE}.cta-section p{color:#becac4}.cta-section .button.dark{background:var(--lime);color:#080B0D}.cta-section:after{content:none}.filter-bar button{color:var(--text)}.filter-bar button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#080B0D}.round-link:hover,.rail-controls button:hover,.industry-buttons button[aria-selected=true]{color:#080B0D}.whatsapp{background:var(--card);color:var(--text);border:1px solid var(--strong)}.contact-form{background:var(--card)}.form-grid input,.form-grid select,.form-grid textarea{background:var(--bg);color:var(--text);border-color:var(--strong)}.form-grid input::placeholder,.form-grid textarea::placeholder{color:var(--muted)}.takeaway,.contact-note{background:var(--section);border-color:var(--blue)}.browser-bar{background:var(--section)}.browser-bar>span{color:var(--muted)}.project-screen{background:var(--section)}.project-screen img{object-fit:contain;aspect-ratio:16/10;background:var(--card)}.project-detail>.project-art{aspect-ratio:auto;padding:30px}.project-detail>.project-art .project-screen img{aspect-ratio:auto;max-height:680px;object-fit:contain}.project-art{border:1px solid var(--line)}.agency-about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.agency-about-grid p+p{margin-top:20px}.agency-about-mark{padding:40px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse,rgba(33,169,242,.1),transparent 75%),var(--card);text-align:center}.agency-logo-symbol{display:block;aspect-ratio:1;max-width:340px;width:100%;margin:auto;background:var(--blue);mask:url('/assets/wamix-mark-mask.webp') center/contain no-repeat}.agency-about-mark p{font-size:11px;letter-spacing:.1em;line-height:2}.subservice-list h3,.industry-card h2,.service-card h3{overflow-wrap:break-word}.footer-bottom>div{flex-wrap:wrap}.article-body,.contact-layout>*,.project-summary>*{min-width:0}.article-body h2{overflow-wrap:break-word}.article-body p{color:var(--muted)}
@media(max-width:1100px){.header-inner{gap:16px}.nav{gap:16px}.nav>a,.mega summary{font-size:12px}.header-actions{gap:8px}.header-actions .button{padding-inline:18px}.agency-about-grid{gap:35px}}
@media(max-width:900px) and (min-width:761px){.nav{gap:12px}.logo,.logo img{width:135px}.header-inner{gap:12px}.header-actions .button{padding-inline:12px}.nav>a,.mega summary{font-size:11px}}
@media(max-width:760px){.header-inner{gap:12px}.header-actions{margin-left:auto;gap:9px}.header-actions .button{padding:10px 16px;min-height:44px;font-size:12px}.theme-toggle{width:40px;height:40px}.menu-toggle{color:var(--text)}.nav{margin-left:0;background:var(--section)}.nav>a,.mega summary{font-size:18px}.page-hero h1{font-size:clamp(38px,8.5vw,60px)}.agency-about-grid{grid-template-columns:1fr;gap:40px}.agency-about-mark{max-width:480px;width:100%;margin:auto}.agency-logo-symbol{max-width:260px}.project-detail>.project-art{padding:14px}.cta-inner{align-items:flex-start}.article-body h2{font-size:32px}}
@media(max-width:450px){.header-actions .button{display:none}.logo,.logo img{width:135px}.header-inner{gap:10px}.theme-toggle{flex:none}.menu-toggle{font-size:13px}.industry-card h2{font-size:27px}.page-hero h1{font-size:38px;letter-spacing:-.045em}}
.page-hero .eyebrow,.mega summary span,.mega .menu-label,.subservice-list>a>span:first-child{color:var(--blue)}
:root[data-theme=light] .button.dark{color:#F4F3EE}:root[data-theme=light] .button.dark:hover{color:#080B0D}:root[data-theme=light] .cta-section .button.dark{color:#080B0D}

/* Consistent bold agency headings. */
h1,h2,h3,h4,h5,h6{font-weight:700}
/* Readable copy and relaxed spacing across inner pages. */
h1,h2,h3,h4{letter-spacing:-.025em}main p{font-size:16px;line-height:1.8}main em{background:linear-gradient(115deg,#8DE1FF,#21A9F2 65%,#0377B8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root[data-theme=light] main em{background-image:linear-gradient(115deg,#0377B8,#005784)}

/* Let inner-page copy fit narrow mobile screens. */
.wrap>*,.contact-layout>*,.form-grid>*,.project-summary>*,.grid-3>*{min-width:0}img,video{max-width:100%}.wf-contact a,.contact-note a{overflow-wrap:anywhere}@media(max-width:560px){.wrap{padding-inline:16px}.page-hero h1{font-size:clamp(30px,8.5vw,42px);overflow-wrap:anywhere}.card,.contact-form{max-width:100%}.wf-wrap{width:calc(100% - 32px)}}
