.vios-services-page { background: #f8f5ee; color: #1b2a4a; line-height: 1.65; }
.vios-services-canvas > .alignfull, .vios-services-page > .alignfull { width:100%; max-width:none; margin:0; }
.vios-services-page :is(p,h1,h2,h3,figure) { margin:0; }
.svc-container { width:min(100% - 7rem,78rem); margin-inline:auto; }
.vios-services-page .svc-eyebrow { font-size:.75rem; font-weight:500; letter-spacing:.19em; margin-bottom:1.75rem; }
.svc-eyebrow::before { content:""; display:inline-block; width:1.8rem; height:1px; background:#c9a227; vertical-align:middle; margin-right:.8rem; }
.svc-hero { position:relative; isolation:isolate; overflow:hidden; padding-block-start:calc(var(--vios-header-height,7.25rem) + clamp(4rem,7vw,7rem)); padding-block-end:clamp(4rem,7vw,7rem); background:#1b2a4a; color:#fff; }
.svc-hero::after { content:""; position:absolute; z-index:-1; inset:-20% -7% 0 auto; width:30%; transform:skewX(-20deg); border-inline:1px solid #ffffff26; pointer-events:none; }
.svc-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(3rem,6vw,6rem); align-items:center; }
.svc-hero-grid > *, .svc-cards > *, .svc-advice-grid > * { min-width:0; margin-block:0 !important; }
.vios-services-page .svc-title { color:#fff; font-size:clamp(4rem,7.7vw,7.4rem); font-weight:400; letter-spacing:-.06em; line-height:.97; }
.vios-services-page .svc-lead { font-size:clamp(1.125rem,1.55vw,1.35rem); color:#dce1e8; margin-top:2rem; max-width:33rem; }
.svc-audiences { display:flex; flex-wrap:wrap; gap:1.5rem 2rem; margin-top:2.25rem; }
.vios-services-page .svc-link a { display:inline-flex; gap:1.1rem; align-items:center; min-height:44px; font-size:1rem; font-weight:500; text-decoration:none; position:relative; }
.svc-link a::after { content:"↗"; font-size:1.25em; transition:transform 220ms ease; }
.svc-link a::before { content:""; position:absolute; bottom:.25rem; left:0; right:0; height:1px; background:currentColor; transform:scaleX(.22); transform-origin:left; transition:transform 240ms ease; }
.svc-link a:hover::before, .svc-link a:focus-visible::before { transform:scaleX(1); }
.svc-link a:hover::after { transform:translate(2px,-2px); }
.svc-hero-visual { position:relative; }
.vios-services-page .svc-hero-photo { aspect-ratio:4/5; overflow:hidden; clip-path:polygon(15% 0,100% 0,85% 100%,0 100%); }
.svc-hero-photo img { width:100%; height:100%; object-fit:cover; }
.vios-services-page .svc-photo-caption { position:absolute; bottom:2rem; left:-1rem; padding:1.4rem 1.75rem; background:#f8f5ee; color:#1b2a4a; font-size:1.125rem; line-height:1.55; }
.svc-photo-caption strong { font-weight:500; }
.svc-owners { padding-block:clamp(4.5rem,7vw,7rem); scroll-margin-top:8rem; }
.svc-owner-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:4rem; align-items:end; }
.svc-owner-heading > .svc-eyebrow { grid-column:1/-1; }
.vios-services-page .svc-heading { font-size:clamp(2.6rem,4.5vw,4.7rem); font-weight:400; letter-spacing:-.045em; line-height:1.07; }
.vios-services-page .svc-intro { font-size:1.125rem; line-height:1.75; color:#4b5768; max-width:37rem; }
.svc-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; margin-top:3.5rem; }
.svc-card { background:#fff; transition:transform 240ms cubic-bezier(.22,1,.36,1),box-shadow 240ms ease; }
.svc-card:hover, .svc-card:focus-within { transform:translateY(-5px); box-shadow:0 1.3rem 2.7rem #1b2a4a12; }
.vios-services-page .svc-card-photo { aspect-ratio:16/10; overflow:hidden; }
.svc-card-photo img { width:100%; height:100%; object-fit:cover; transition:transform 650ms cubic-bezier(.22,1,.36,1); }
.svc-card:hover .svc-card-photo img { transform:scale(1.025); }
.svc-card-body { padding:clamp(1.6rem,3vw,2.5rem); }
.vios-services-page .svc-card-title { font-size:clamp(2.4rem,3.6vw,3.5rem); color:#1b2a4a; font-weight:400; letter-spacing:-.04em; }
.vios-services-page .svc-card-copy { margin-top:1rem; font-size:1.125rem; color:#4b5768; min-height:3.5em; }
.svc-card-body .svc-link { margin-top:1.5rem; color:#0f5461; }
.vios-services-page .svc-owner-note { margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid #d5dadd; color:#4b5768; max-width:53rem; font-size:1rem; }
.svc-advice { padding-block:clamp(4.5rem,7vw,7rem); background:#fff; scroll-margin-top:8rem; }
.svc-advice-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:4rem; align-items:center; }
.svc-advice .svc-intro { margin-top:2rem; }
.svc-advice .svc-link { color:#0f5461; margin-top:1.75rem; }
.svc-advice-visual { padding:2.75rem 2.25rem; background:#f8f5ee; clip-path:polygon(6% 0,100% 0,94% 100%,0 100%); }
.svc-drawing { position:relative; aspect-ratio:1/1; max-width:20rem; margin:auto; }
.svc-drawing-step { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; animation:svcStepReveal 9s cubic-bezier(.22,1,.36,1) infinite; }
.svc-drawing-step--1 { animation-delay:0s; }
.svc-drawing-step--2 { animation-delay:-3s; }
.svc-drawing-step--3 { animation-delay:-6s; }
.svc-drawing-step--1 { background:no-repeat center/60% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230f5461' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='20' y='25' width='60' height='55' rx='3'/%3E%3Cpath d='M20 55h30M50 55v25'/%3E%3Ccircle cx='80' cy='80' r='16'/%3E%3Cpath d='M91 91l14 14'/%3E%3C/g%3E%3C/svg%3E"); }
.svc-drawing-step--2 { background:no-repeat center/60% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230f5461' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 18v78M40 96h40M24 34h72'/%3E%3Cpath d='M24 34l-9 26a9 9 0 0 0 18 0Z M96 34l-9 26a9 9 0 0 0 18 0Z'/%3E%3C/g%3E%3C/svg%3E"); }
.svc-drawing-step--3 { background:no-repeat center/60% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230f5461' stroke-width='4'%3E%3Crect x='28' y='14' width='64' height='82' rx='6'/%3E%3Cpath d='M42 36h36M42 50h24'/%3E%3C/g%3E%3Cg stroke='%23c9a227' stroke-width='4'%3E%3Ccircle cx='86' cy='86' r='18'/%3E%3Cpath d='M78 86l6 6 12-13'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
@keyframes svcStepReveal {
 0% { opacity:0; transform:translateY(10px) scale(.94); }
 5% { opacity:1; transform:translateY(0) scale(1); }
 30% { opacity:1; transform:translateY(0) scale(1); }
 36%,100% { opacity:0; transform:translateY(-10px) scale(.94); }
}
.vios-services-page .svc-drawing-caption { text-align:center; font-size:clamp(1.05rem,1.7vw,1.35rem); letter-spacing:.02em; margin-top:1.75rem; }
.svc-drawing-caption span { color:#0f5461; animation:svcWordActive 9s cubic-bezier(.22,1,.36,1) infinite; }
.svc-drawing-caption span:nth-child(1) { animation-delay:0s; }
.svc-drawing-caption span:nth-child(2) { animation-delay:-3s; }
.svc-drawing-caption span:nth-child(3) { animation-delay:-6s; }
@keyframes svcWordActive {
 0% { color:#0f5461; }
 5% { color:#c9a227; }
 30% { color:#c9a227; }
 36%,100% { color:#0f5461; }
}
.svc-cta { padding-block:clamp(4.5rem,7vw,7rem); background:#0f5461; color:#fff; }
.vios-services-page .svc-cta-title { color:#fff; font-size:clamp(2.7rem,4.6vw,4.7rem); font-weight:400; letter-spacing:-.04em; line-height:1.08; max-width:26ch; }
.vios-services-page .svc-buttons { margin-top:2.5rem; }
.svc-buttons .wp-block-button__link.vios-button { padding-inline:1.6rem; min-height:3.25rem; font-size:.875rem; }
.svc-buttons .wp-block-button__link.vios-button::after { content:"→"; font-size:1.1em; transition:transform var(--vios-standard) var(--vios-ease); }
.svc-buttons .wp-block-button__link.vios-button:hover::after { transform:translateX(0.25rem); }
.vios-services-page a:focus-visible { outline:3px solid #c9a227; outline-offset:5px; }
.vios-footer__top > * { min-width:0; }
.vios-footer__contact { overflow-wrap:anywhere; }
@media(max-width:63.99rem) {
 .svc-container { width:calc(100% - 4rem); }
 .svc-hero-grid { gap:2rem; }
 .svc-owner-heading, .svc-advice-grid { gap:2rem; }
 .vios-services-page .svc-title { font-size:clamp(3.7rem,8vw,6rem); }
}
@media(max-width:47.99rem) {
 .svc-container { width:calc(100% - 2.5rem); }
 .svc-hero-grid, .svc-owner-heading, .svc-cards, .svc-advice-grid { grid-template-columns:1fr; }
 .svc-hero-grid { gap:3rem; }
 .vios-services-page .svc-hero-photo { aspect-ratio:5/4; }
 .vios-services-page .svc-photo-caption { left:0; bottom:1rem; font-size:.95rem; }
 .svc-owner-heading { gap:1.5rem; }
 .svc-owner-heading > .svc-eyebrow { margin-bottom:0; }
 .svc-cards { gap:2rem; margin-top:2.5rem; }
 .vios-services-page .svc-card-copy { min-height:0; }
 .svc-advice-visual { padding:1.5rem; }
}
@media(prefers-reduced-motion:reduce) {
 .vios-services-page *, .vios-services-page *::before, .vios-services-page *::after { transition:none !important; }
 .svc-card:hover, .svc-card:focus-within, .svc-card:hover img, .svc-buttons .wp-block-button__link:hover { transform:none; }
 .svc-drawing-step { animation:none; opacity:0; transform:none; }
 .svc-drawing-step--1 { opacity:1; }
 .svc-drawing-caption span { animation:none; color:#0f5461; }
 .svc-drawing-caption span:first-child { color:#c9a227; }
}