/* Light brand application. Layout and content remain in the existing stylesheets. */
body.brand-light{--bg:var(--routura-white);--text:var(--routura-text);--muted:var(--routura-muted);--line:var(--routura-line-light);--accent:var(--routura-deep-green);background:var(--routura-white);color:var(--routura-text)}
.brand-light h1,.brand-light h2,.brand-light h3{color:var(--routura-deep-green)}
.brand-light :focus-visible{outline-color:var(--routura-deep-green)}
.brand-light .header{background:var(--routura-white);color:var(--routura-deep-green);border-color:var(--routura-line-light)}
.brand-light .menu-toggle{color:var(--routura-deep-green);border-color:var(--routura-line-light)}
.brand-light .nav a:hover{color:var(--routura-deep-green);text-decoration:underline;text-underline-offset:6px}
.brand-light .nav .nav-contact{border-color:transparent;background:var(--routura-green);color:var(--routura-text);transition:background .2s}
.brand-light .nav .nav-contact:hover{background:var(--routura-mint);color:var(--routura-text)}
.brand-light .hero{background:var(--routura-white);color:var(--routura-text)}
.brand-light .hero h1 span{color:var(--routura-deep-green)}
.brand-light .hero .eyebrow,.brand-light .eyebrow{color:var(--routura-deep-green)}
.brand-light .marker{background:var(--routura-green)}
.brand-light .hero .lead,.brand-light .hero-note{color:var(--routura-muted)}
.brand-light .hero .text-link{color:var(--routura-deep-green)}
.brand-light .hero-art{border-color:var(--routura-line-light);background:var(--routura-white)}
.brand-light .hero-art img{filter:grayscale(1) invert(1);mix-blend-mode:multiply;opacity:.36}
.brand-light .hero-art:after{border-color:transparent;background:linear-gradient(90deg,var(--routura-white),color-mix(in srgb,var(--routura-white) 88%,transparent) 24%,transparent 78%),linear-gradient(0deg,var(--routura-white),transparent 45%)}
.brand-light .map-caption{color:var(--routura-muted)}
.brand-light .button{background:var(--routura-green);color:var(--routura-text)}
.brand-light .button:hover{background:var(--routura-mint)}
.brand-light .audience{background:var(--routura-light);border-color:var(--routura-line-light)}
.brand-light .audience ul,.brand-light .audience p{color:var(--routura-muted)}
.brand-light .services,.brand-light .about,.brand-light .projects{background:var(--routura-white)}
.brand-light .service{background:var(--routura-white);border-color:var(--routura-line-light)}
.brand-light .service:hover{background:var(--routura-light)}
.brand-light .service .deliverables{color:var(--routura-muted)}
.brand-light .service .text-link,.brand-light .service-top{color:var(--routura-deep-green)}
.brand-light .process,.brand-light .why{background:var(--routura-light)}
.brand-light .principles article{border-color:var(--routura-line-light)}
.brand-light .principles article>span{color:var(--routura-deep-green)}
.brand-light .projects p,.brand-light .about-lead{color:var(--routura-muted)}
.brand-light .projects .text-link{color:var(--routura-deep-green)}
.brand-light .questions,.brand-light .questions details{border-color:var(--routura-line-light)}
.brand-light .questions summary,.brand-light .question-tag{color:var(--routura-deep-green)}
.brand-light .questions summary:after{border-color:var(--routura-deep-green)}
.brand-light .contact{background:var(--routura-deep-green);color:var(--routura-white)}
.brand-light .contact h2{color:var(--routura-white)}
.brand-light .contact p{color:var(--routura-muted-on-dark)}
.brand-light .contact .eyebrow{color:var(--routura-mint)}
.brand-light .contact-details{border-color:var(--routura-line)}
.brand-light .contact :focus-visible{outline-color:var(--routura-mint)}
.brand-light .footer{background:var(--routura-white);color:var(--routura-deep-green)}
.brand-light .footer p{color:var(--routura-muted)}
.brand-light .draft-note{background:var(--routura-light);color:var(--routura-muted)}
@media(max-width:760px){.brand-light .hero-art{opacity:1}.brand-light .hero-art:after{background:linear-gradient(90deg,var(--routura-white),color-mix(in srgb,var(--routura-white) 70%,transparent))}.brand-light.concept .hero-art:after{background:none}.brand-light.concept .hero-art img{opacity:.5}}

.brand-light .audience{background:var(--routura-deep-green);border:0}
.brand-light .audience ul,.brand-light .audience p{color:var(--routura-white)}
.brand-light .service{background:color-mix(in srgb,var(--routura-mint) 7%,var(--routura-white));border-top:2px solid var(--routura-green)}
.brand-light .service:hover{background:var(--routura-soft)}
.brand-light .service-symbol{color:var(--routura-deep-green)}
.brand-light .process{background:color-mix(in srgb,var(--routura-mint) 38%,var(--routura-white))}
.brand-light .why{background:var(--routura-deep-green);color:var(--routura-white)}
.brand-light .why h2,.brand-light .why h3{color:var(--routura-white)}
.brand-light .why p{color:var(--routura-muted-on-dark)}
.brand-light .why .eyebrow,.brand-light .principles article>span{color:var(--routura-mint)}
.brand-light .principles article{border-color:var(--routura-line)}
.brand-light .contact{background:var(--routura-soft);color:var(--routura-deep-green)}
.brand-light .contact h2,.brand-light .contact .eyebrow{color:var(--routura-deep-green)}
.brand-light .contact p{color:var(--routura-muted)}
.brand-light .contact-details{border-color:var(--routura-line-light)}
.brand-light .contact :focus-visible{outline-color:var(--routura-deep-green)}

/* Full-viewport photographic hero with readable text overlay. */
.brand-light .hero{display:flex;align-items:center;min-height:calc(100svh - 90px);background:var(--routura-deep-green);color:var(--routura-white)}
.brand-light .hero-content{padding-block:88px;position:relative;z-index:1}
.brand-light .hero h1{color:var(--routura-white);font-size:clamp(2.8rem,4.8vw,4.7rem);max-width:17ch}
.brand-light .hero h1 span{color:var(--routura-mint)}
.brand-light .hero .eyebrow{color:var(--routura-mint)}
.brand-light .hero .lead{color:var(--routura-white);max-width:47ch;font-size:1.1rem}
.brand-light .hero .actions{max-width:640px;gap:28px;flex-direction:row;align-items:center}
.brand-light .hero .text-link,.brand-light .hero-note{color:var(--routura-white)}
.brand-light .hero-note{max-width:48ch}
.brand-light .hero-art{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;clip-path:none;z-index:-1;opacity:1;background:var(--routura-deep-green)}
.brand-light .hero-art img,.brand-light.concept .hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;mix-blend-mode:normal;opacity:1}
.brand-light .hero-art:after,.brand-light.concept .hero-art:after{border:0;background:linear-gradient(90deg,color-mix(in srgb,var(--routura-deep-green) 94%,transparent) 0%,color-mix(in srgb,var(--routura-deep-green) 86%,transparent) 35%,color-mix(in srgb,var(--routura-deep-green) 24%,transparent) 80%),linear-gradient(0deg,color-mix(in srgb,var(--routura-deep-green) 65%,transparent),transparent 45%)}
.brand-light .hero :focus-visible{outline-color:var(--routura-mint)}
.brand-light .map-caption{display:none}
.hero-sign{position:absolute;right:6%;bottom:56px;z-index:2;width:235px;color:var(--routura-white)}
.hero-sign img{width:100%;height:auto}
.hero-sign p{color:var(--routura-white);font-size:.68rem;line-height:1.6;letter-spacing:.15em;margin:14px 0 0 6px;font-weight:500}
@media(max-width:1050px){.hero-sign{display:none}.brand-light .hero-content{padding-block:72px}}
@media(max-width:760px){.brand-light .hero{min-height:calc(100svh - 76px);flex-direction:row}.brand-light .hero-content{padding-block:56px}.brand-light .hero h1{font-size:clamp(2.6rem,8.5vw,3.8rem);max-width:17ch}.brand-light .hero .lead{font-size:1.03rem;max-width:43ch}.brand-light .hero-art img{object-position:60% center}.brand-light .hero-art:after,.brand-light.concept .hero-art:after{background:color-mix(in srgb,var(--routura-deep-green) 83%,transparent)}.brand-light .hero .actions{gap:14px 24px}.brand-light .hero-note{margin-top:28px}}
@media(max-width:420px){.brand-light .hero .actions{flex-direction:column;align-items:stretch}}

/* Native disclosures retain the service copy and work without JavaScript. */
.service-grid { align-items: stretch; }
.service-details { margin-top: 0; }
.service-details summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; padding-block: 12px; border-top: 1px solid var(--routura-line-light); color: var(--routura-deep-green); font-weight: 600; cursor: pointer; list-style: none; }
.service-details summary::-webkit-details-marker { display: none; }
.service-details summary:hover { text-decoration: underline; text-underline-offset: 4px; }
.service-details summary:focus-visible { outline: 2px solid var(--routura-deep-green); outline-offset: 4px; }
.disclosure-chevron { flex-shrink: 0; transition: transform .2s ease; }
.service-details[open] .disclosure-chevron { transform: rotate(180deg); }
.service-details .when-open, .service-details[open] .when-closed { display: none; }
.service-details[open] .when-open { display: inline; }
.service-content { padding-top: 12px; }
.service-content .text-link { margin-top: 8px; }
.disclosure-label .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .disclosure-chevron { transition: none; } }
@media print { .service-details > .service-content { display: block !important; } }