/* Visual refinement: promise → actual work → method → decision → continuing care. */
:root { --electric: #68aaff; --quiet-line: #2e3741; }
.experience-toolbar { position:static; width:var(--wrap); margin:0 auto; padding:.5rem 0 1rem; display:flex; justify-content:flex-end; }
.experience-toolbar:empty { display:none; }
.experience-control button { border-color:var(--quiet-line); }
.home-stage { padding-top:2.5rem; gap:1.4rem; }
.home-intro { grid-row:1; }
.home-cta { grid-row:2; padding:0; }
.home-cta .micro { max-width:45ch; }
.home-landscape { grid-row:3; margin:0; }
.home-landscape .signature-art { width:100%; margin:0; }
.home-landscape .signature-art img, .care-sculpture .signature-art img,
.engineering-model .signature-art img { mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent); }
.hero-art-caption { padding:0 0 1.6rem; font-size:.875rem; color:var(--muted); text-align:center; }
.hero-art-caption strong { font-weight:400; color:var(--gold); }
.hero-meaning { padding-block:1.25rem; border-block:1px solid var(--quiet-line); }
.hero-meaning p { font:1rem/1.7 var(--body); max-width:none; }
.hero-meaning em { margin-right:.4rem; }
.hero-meaning p span { color:var(--muted); }
.section-heading-inline { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:1rem 2rem; margin-bottom:2.5rem; }
.section-heading-inline h2 { margin-bottom:0; font-size:clamp(2rem,5vw,3rem); }
.section-heading-inline>p { color:var(--muted); max-width:32ch; margin:0; }
.section-heading-inline>.text-link { flex-shrink:0; }
.work-chapter { background:#090c10; }
.featured-work { display:grid; gap:2rem; align-items:center; }
.featured-work>* { min-width:0; }
.website-preview>a { display:block; text-decoration:none; border:1px solid #59626d; background:#11161c; overflow:hidden; border-radius:5px; box-shadow:0 20px 50px #0004; }
.website-preview>a:hover { border-color:var(--electric); }
.website-preview img { display:block; width:100%; height:auto; }
.website-preview-label { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem 1rem; color:var(--silver); font-size:.875rem; background:#161d25; border-bottom:1px solid #59626d; }
.website-preview-label>span:last-child { color:var(--blue); white-space:nowrap; }
.website-preview figcaption { color:var(--muted); font-size:.875rem; padding-top:.6rem; }
.featured-work-copy h3 { font-family:var(--display); font-size:clamp(1.8rem,3vw,2.45rem); line-height:1.2; }
.featured-work-copy p { color:var(--muted); }
.featured-work-copy .eyebrow { color:var(--gold); }
.featured-work-copy .lead { font-size:1rem; }
.featured-work-copy .work-credit { margin:1rem 0 0; }
.more-client-work { display:grid; margin-top:2rem; border-top:1px solid var(--quiet-line); }
.more-client-work>span { font-size:.875rem; color:var(--muted); padding:1rem 0 .4rem; }
.more-client-work>a { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:48px; text-decoration:none; padding:.7rem 0; }
.more-client-work>a:hover { color:var(--gold); text-decoration:underline; }
.more-client-work>a>span:last-child { color:var(--blue); }
.system-overview { background:#121923; border-block:1px solid #2d3d51; }
.essential-path { display:grid; list-style:none; padding:0; margin:0; }
.essential-path li { position:relative; padding:1.75rem 0; border-top:1px solid #4b6e9b; }
.essential-code { display:inline-block; color:var(--electric); font-size:.9375rem; font-weight:700; margin-bottom:1rem; }
.essential-path h3 { font-size:1.65rem; font-weight:500; }
.essential-path p { color:var(--muted); max-width:35ch; margin-bottom:.65rem; }
.essential-path a { color:var(--blue); display:inline-flex; align-items:center; min-height:44px; font-size:.9375rem; }
.system-overview-end { border-top:1px solid #35465b; padding-top:1.5rem; display:flex; flex-wrap:wrap; gap:.5rem 2rem; justify-content:space-between; align-items:center; }
.system-overview-end p { margin:0; color:var(--muted); max-width:55ch; }
.assessment-intro { max-width:49rem; margin-bottom:2rem; }
.assessment-intro h2 { font-size:clamp(2rem,5vw,3rem); }
.assessment-dossier { display:grid; border:1px solid #aeb7c2; border-radius:3px; overflow:hidden; }
.dossier-contents { background:#e3e7ec; color:#15202c; padding:1.6rem; }
.dossier-label { text-transform:uppercase; font-size:.875rem; letter-spacing:.08em; color:#435264; }
.dossier-contents ol { list-style:none; padding:0; margin:0; }
.dossier-contents li { display:grid; grid-template-columns:1.5rem minmax(0,1fr); gap:1rem; padding:1.1rem 0; border-top:1px solid #b6c0ca; }
.dossier-contents li>span { color:#385875; font-size:.875rem; padding-top:.2rem; }
.dossier-contents h3 { font-size:1.15rem; font-weight:600; letter-spacing:-.015em; margin-bottom:.4rem; }
.dossier-contents li p { margin:0; font-size:1rem; color:#435264; line-height:1.6; }
.dossier-decision { padding:2rem 1.6rem; background:#17212d; align-content:center; }
.dossier-decision>p:not(.eyebrow):not(.dossier-price) { color:var(--muted); }
.dossier-price { font-family:var(--display); font-size:3.7rem; line-height:1.15; color:var(--gold); }
.dossier-price>span { font:.875rem var(--body); display:block; color:var(--muted); margin-bottom:.4rem; }
.dossier-decision .button { width:100%; }
.dossier-decision .text-link { font-size:.9375rem; }
.assessment-note { font-size:.9375rem; color:var(--muted); margin:1.3rem 0 0; max-width:80ch; }
.care-caption { color:var(--muted); font-size:.875rem; padding:.5rem 20px 1rem; text-align:center; }
.stewardship-copy h2 { font-size:clamp(2.2rem,5vw,3.4rem); }
.stewardship-copy p:not(.eyebrow) { color:var(--muted); }
.closing-chapter { padding-block:3.25rem; }
.closing-line { margin-bottom:2.5rem; }
.closing-layout h2 { font-size:clamp(2.2rem,5vw,3.4rem); max-width:21ch; }
.closing-layout p { margin-bottom:0; }
.closing-layout .eyebrow { margin-bottom:1rem; }
.closing-actions { gap:.7rem; }
.compact-footer { padding:2.5rem 0 .75rem; }
.footer-core { display:grid; grid-template-columns:1fr 1fr; gap:2rem 1.4rem; padding-bottom:2rem; }
.footer-identity { grid-column:1 / -1; }
.footer-identity .eyebrow { margin-bottom:.2rem; }
.footer-descriptor { color:var(--muted); font-size:.875rem; margin-bottom:.75rem; }
.footer-motto { font-family:var(--display); font-size:1.65rem; margin-bottom:.7rem; }
.footer-core a { display:flex; align-items:center; min-height:44px; color:var(--muted); font-size:.9375rem; text-decoration:none; overflow-wrap:anywhere; }
.footer-core a:hover { text-decoration:underline; color:var(--text); }
.footer-core nav h2 { font:500 .875rem/1.6 var(--body); text-transform:uppercase; letter-spacing:.065em; color:var(--gold); margin-bottom:.65rem; }
.compact-footer .footer-bottom { padding-top:1rem; align-items:center; gap:.5rem 2rem; }
.compact-footer .footer-bottom a { align-items:center; }
.page-evidence .page-opening { padding-block:3rem 2rem; }
.page-evidence .page-opening h1 { font-size:clamp(2.5rem,6vw,4.5rem); }
.portfolio-piece { padding-block:3rem; }
.portfolio-heading h2 { font-size:clamp(2rem,4vw,2.8rem); max-width:none; }
.portfolio-caption h3 { font-size:1.5rem; }
.portfolio-logo { padding-block:0 1rem; }
.portfolio-logo img { height:80px; width:155px; }
.portfolio-piece:nth-child(even) { background:#121923; }
.portfolio-jump { padding-bottom:2rem; }
.layer-caption>p { color:var(--silver); margin-bottom:1rem; }
.layer-key { list-style:none; padding:0; margin:0; display:grid; gap:1rem; }
.layer-key li { border-top:1px solid #4b6e9b; padding:.85rem 0 0; }
.layer-key span { display:block; color:var(--electric); font-size:.875rem; margin-bottom:.35rem; }
.layer-key strong { display:block; color:var(--text); font-size:1rem; font-weight:500; }
.layer-key small { display:block; color:var(--muted); font-size:.875rem; line-height:1.5; margin-top:.4rem; }
.page-engineering .chapter-head h2, .page-e3-system .chapter h2 { font-size:clamp(2rem,4.5vw,3rem); max-width:26ch; }
.page-engineering .process-ledger h3 { font-size:1.4rem; font-weight:500; }
.page-e3-system .system-essentials dt { font-family:var(--body); font-size:1.5rem; }
.page-e3-system .system-essentials dt span { color:var(--electric); }
@media(min-width:700px) {
 .featured-work { gap:2.5rem; }
 .more-client-work { display:flex; flex-wrap:wrap; gap:1rem 2.5rem; align-items:center; }
 .more-client-work>span { padding:0; }
 .more-client-work>a { gap:1.5rem; }
 .essential-path { grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
 .essential-path li { padding-block:1.75rem; }
 .essential-path h3 { font-size:1.5rem; }
 .essential-path p { font-size:1rem; }
 .assessment-dossier { grid-template-columns:1.35fr 1fr; }
 .dossier-contents, .dossier-decision { padding:2.25rem; }
 .footer-core { grid-template-columns:1.5fr 1fr 1fr; gap:3rem; }
 .footer-identity { grid-column:auto; }
 .layer-key { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
 .page-engineering .process-ledger { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
 .page-engineering .process-ledger li { display:block; }
 .page-engineering .process-ledger li>span { display:block; margin-bottom:1rem; }
}
@media(min-width:1100px) {
 .home-stage { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); column-gap:1.5rem; row-gap:0; min-height:610px; padding-block:3rem 2.5rem; }
 .home-intro { grid-column:1; grid-row:1; align-self:end; }
 .home-intro h1 { font-size:clamp(3.15rem,4.2vw,4.6rem); }
 .home-cta { grid-column:1; grid-row:2; align-self:start; padding-top:1.6rem; }
 .home-landscape { grid-column:2; grid-row:1 / span 2; align-self:center; }
 .home-landscape .signature-art { width:calc(100% + 20px); margin-left:-10px; }
 .hero-art-caption { padding-bottom:0; }
 .featured-work { grid-template-columns:minmax(0,1.85fr) minmax(0,.8fr); gap:3.5rem; }
 .work-chapter { padding-block:4rem; }
 .system-overview { padding-block:3.5rem; }
 .assessment-chapter { padding-block:4rem; }
 .stewardship-window { padding-block:1.5rem; grid-template-columns:1.05fr 1fr; }
 .stewardship-copy { padding-block:2rem; }
 .care-caption { padding-inline:0; }
 .closing-chapter { padding-block:3rem; }
 .closing-layout { grid-template-columns:1.4fr 1fr; }
 .portfolio-presentation, .portfolio-law .portfolio-presentation { grid-template-columns:minmax(0,1.9fr) minmax(0,.8fr); gap:3.5rem; }
 .portfolio-law .portfolio-presentation { grid-template-columns:minmax(0,.8fr) minmax(0,1.9fr); }
 .portfolio-law .website-preview { grid-column:2; grid-row:1; }
 .portfolio-law .portfolio-caption { grid-column:1; grid-row:1; }
 .engineering-opening { align-items:start; padding-block:3rem; }
 .engineering-opening .page-opening { align-self:center; }
 .engineering-model .layer-caption { padding-top:1rem; }
}
@media(max-width:380px) {
 .website-preview-label { padding:.65rem .75rem; font-size:.8125rem; gap:.5rem; }
 .footer-core { gap:1.5rem 1rem; }
 .footer-core nav h2 { font-size:.8125rem; }
 .home-intro h1 { font-size:2.3rem; }
}
@media(forced-colors:active) {
 .website-preview>a,.assessment-dossier,.essential-path li { border:1px solid CanvasText; }
 .dossier-contents,.dossier-decision,.system-overview { background:Canvas; color:CanvasText; }
 .dossier-contents p,.dossier-contents li>span { color:CanvasText; }
}
@media print {
 .website-preview { display:none; }
 .dossier-contents { background:white; color:black; }
}