:root{--ink:#0b2e45;--paper:#f7f5f0;--copper:#b5663f;--muted:#5d686e;--line:#d7d3ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{min-height:118px;padding:24px clamp(28px,4vw,60px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{width:190px;line-height:.88;letter-spacing:.16em}.wordmark span{display:block;font-size:17px;font-weight:400;border-bottom:2px solid var(--copper);padding-bottom:5px}.wordmark strong{display:block;font-size:42px;letter-spacing:-.04em;margin-top:6px}nav{display:flex;align-items:center;gap:clamp(22px,3vw,42px);font-weight:700;font-size:13px;letter-spacing:.03em}nav a,.text-link{padding-block:8px;border-bottom:1px solid transparent}nav a:hover,nav a:focus-visible,.text-link:hover,.text-link:focus-visible{border-color:var(--copper)}.language-link{color:var(--copper)}
.hero{min-height:672px;padding:100px clamp(28px,4vw,60px) 80px;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,.72fr);gap:9vw;align-items:center}.eyebrow{color:var(--copper);text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.5vw,76px);line-height:.98;letter-spacing:-.045em;max-width:850px;margin-bottom:34px}.lede{max-width:830px;color:var(--muted);font-size:clamp(20px,2vw,25px);line-height:1.48}.actions{margin-top:44px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-block;background:var(--ink);color:var(--paper);padding:18px 24px;font-weight:700;font-size:13px}.button:hover,.button:focus-visible{background:var(--copper)}.text-link{font-size:13px;font-weight:700;border-color:var(--copper);min-width:185px;display:flex;justify-content:space-between}.hero-aside{color:var(--muted);font-size:15px;line-height:1.55}.signal{margin-bottom:35px}.signal span{display:block;width:100%;border-top:1px solid var(--copper)}.signal i{display:block;width:84px;border-top:3px solid var(--copper);margin-top:28px}dl{margin:34px 0 0}dl div{display:grid;grid-template-columns:105px 1fr;gap:18px;border-top:1px solid var(--line);padding:15px 0}dt{color:var(--muted)}dd{margin:0;color:var(--ink);font-weight:700}
.audience-strip{background:var(--ink);color:var(--paper);min-height:116px;padding:28px clamp(28px,4vw,60px);display:grid;grid-template-columns:160px 1fr;align-items:center;gap:30px}.audience-strip>span{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:#b7c4cb}.audience-strip p{margin:0;font-size:17px;display:flex;justify-content:space-between;gap:16px}.audience-strip b{color:var(--copper);font-weight:400}.section{padding:110px clamp(28px,7.2vw,110px)}.section-intro{max-width:850px}h2{font-size:clamp(38px,4.1vw,62px);line-height:1.04;letter-spacing:-.04em;margin-bottom:28px}.section-intro>p:last-child{color:var(--muted);font-size:20px;line-height:1.55;max-width:760px}.service-grid{margin-top:74px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line)}.service-grid article{grid-column:span 2;padding:28px 28px 38px 0;border-bottom:1px solid var(--line)}.service-grid article:nth-child(4),.service-grid article:nth-child(5){grid-column:span 3}.service-grid article span{color:var(--copper);font-size:12px;font-weight:700;letter-spacing:.12em}.service-grid h3{font-size:24px;line-height:1.15;margin:38px 0 16px;max-width:330px}.service-grid p{color:var(--muted);line-height:1.55;max-width:360px}
.principle{background:var(--ink);color:var(--paper);padding:110px clamp(28px,7.2vw,110px)}.principle h2{max-width:800px}.principle-copy{max-width:920px;margin:50px 0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:55px}.principle-copy p{color:#cfdae0;font-size:19px;line-height:1.6}.identity{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.identity h2{max-width:560px}.identity>p{color:var(--muted);font-size:20px;line-height:1.65;padding-top:42px}.identity strong{color:var(--ink)}.contact{margin:0 clamp(28px,4vw,60px) 60px;padding:90px clamp(28px,5vw,80px);background:#eae6dd}.contact h2{max-width:820px}.contact>p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:19px;line-height:1.6}.contact-links{display:flex;flex-wrap:wrap;gap:18px 35px;margin-top:38px;font-weight:700}.contact-links a{border-bottom:1px solid var(--copper);padding-bottom:8px}footer{background:var(--ink);color:var(--paper);padding:54px clamp(28px,4vw,60px);display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:end}.footer-brand{display:flex;flex-direction:column;gap:8px;letter-spacing:.08em}.footer-brand span{color:#b7c4cb;font-size:13px}footer>a{justify-self:end;color:#f0be9e;border-bottom:1px solid var(--copper);padding-bottom:7px;font-weight:700}footer p{grid-column:1/-1;margin:0;color:#b7c4cb;font-size:12px;line-height:1.45}a:focus-visible{outline:3px solid #e3a27b;outline-offset:4px}
@media(max-width:820px){.site-header{align-items:flex-start;min-height:auto;padding-block:22px}.wordmark{width:145px}.wordmark strong{font-size:32px}.wordmark span{font-size:13px}nav a:not(.language-link){display:none}.hero{min-height:0;padding-top:72px;grid-template-columns:1fr;gap:70px}h1{font-size:clamp(43px,12.5vw,64px)}.audience-strip{grid-template-columns:1fr;gap:15px;padding-block:30px}.audience-strip p{flex-wrap:wrap;justify-content:flex-start}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:nth-child(4),.service-grid article:nth-child(5){grid-column:1;padding-right:0}.principle-copy,.identity{grid-template-columns:1fr;gap:20px;margin-left:0}.identity>p{padding-top:0}footer{grid-template-columns:1fr}footer>a{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep Mona Solutions as the trading brand; Atebion Mona is its Welsh expression. */
.wordmark strong{margin-top:0}
.wordmark span{padding:5px 0 6px}
.wordmark small{display:block;color:var(--copper);font-size:9px;font-weight:700;letter-spacing:.18em;margin-top:6px}
@media(max-width:820px){.wordmark small{font-size:8px}}