/* A shared material language: a calm black field, silver structure, gold routes, blue focus. */
:root { --surface:#090c11; --quiet-surface:#0c1118; --electric:#73b3ff; }
.site-header { border-bottom-color:#373c43; }
.site-header .brand { width:216px; }
.home-opening { background:#05070a; }
.home-stage { padding-top:2.5rem; }
.home-intro h1 { letter-spacing:-.045em; }
.home-intro .eyebrow { letter-spacing:.09em; }
.home-intro .lead { max-width:38ch; }
.master-art.collection-art { background:transparent; }
.collection-art img { object-fit:contain; width:100%; height:auto; aspect-ratio:1; padding:4%; mask-image:none!important; }
.home-landscape { position:relative; }
.home-landscape .collection-art { width:100%; margin:0; }
.hero-art-caption { position:relative; padding:1rem 0 1.5rem; max-width:34rem; margin:0 auto; }
.hero-art-caption::before { content:""; display:block; width:2.8rem; height:2px; background:var(--electric); margin:0 auto .85rem; }
.hero-meaning { background:#0c1118; border-block:1px solid #303c4b; padding-block:1.1rem; }
.hero-meaning p { text-align:center; font-size:1rem; }
.work-chapter { background:#070a0e; }
.featured-work { padding-bottom:1.5rem; }
.featured-work-copy { border-left:2px solid #756344; padding-left:1.4rem; }
.website-preview>a { border-radius:3px; box-shadow:0 24px 60px #0007; }
.website-preview-label { background:#141a23; }
.section-heading-inline h2 { letter-spacing:-.035em; }
.essential-path { column-gap:2.5rem; }
.essential-path li { border-top:2px solid #52677f; }
.essential-path li:first-child { border-top-color:var(--silver); }
.essential-path li:nth-child(2) { border-top-color:var(--electric); }
.essential-path li:nth-child(3) { border-top-color:var(--gold); }
.essential-code { letter-spacing:.1em; }
.system-overview { background:#0d141e; }
.dossier-contents { background:#e3e7ec; }
.dossier-decision { background:#111b28; }
.assessment-dossier { border-color:#6c7989; }
.stewardship-window { background:#030507; border-top:1px solid #283442; }
.care-sculpture { align-self:center; }
.care-sculpture .collection-art { max-width:35rem; margin:auto; }
.care-caption { max-width:32rem; margin:auto; padding-top:0; }
.closing-chapter { background:#0b1017; border-top:1px solid #313b48; }
.closing-line { display:none; }
.closing-layout .eyebrow { color:var(--muted); }
.closing-actions .text-link { font-size:.9375rem; }
.compact-footer { background:#020304; border-top-color:#3c4148; }
.engineering-opening,.investment-opening,.arrival-opening,.about-opening,.assessment-spread,.care-opening { background:#05070a; border-bottom:1px solid #2e3844; }
.engineering-model .collection-art,.dossier-image .collection-art,.arrival-image .collection-art,.concierge-scene .collection-art,.narrative-figure .collection-art { max-width:37rem; margin:0 auto; }
.engineering-model .layer-caption { border-top:0; }
.layer-caption>p { font-size:1rem; }
.layer-key li { border-top-color:#55677d; }
.layer-key li:first-child { border-top-color:var(--silver); }
.layer-key li:last-child { border-top-color:var(--gold); }
.system-opening { background:#000; }
.system-object { position:relative; }
.system-object .brand-emblem { width:min(100%,380px); }
.system-signature { border-top:1px solid #3d4b5f; padding-top:1rem; font-size:.9375rem; }
.page-e3-system .system-essentials>div { padding-block:2rem; }
.page-e3-system .system-essentials dt span { letter-spacing:.07em; }
.page-e3-system .system-essentials dt { font-weight:500; }
.page-e3-system .system-essentials dd { line-height:1.7; }
.editorial-opening { background:#090f17; padding-block:3.25rem; border-bottom:1px solid #3a485c; }
.editorial-opening .eyebrow { color:var(--electric); }
.editorial-opening h1 { max-width:21ch; font-size:clamp(2.5rem,6vw,4.5rem); }
.editorial-opening .lead { max-width:55ch; }
.editorial-ledger { border-left:1px solid #354357; padding-left:1.35rem; }
.editorial-ledger>li:first-child { border-top:0; }
.editorial-index { color:var(--electric); }
.section-navigation { gap:.25rem 2rem; }
.arrival-opening .actions { margin-top:1.5rem; }
.arrival-image .collection-art { max-width:29rem; }
.qualification-stage { padding-top:3rem; }
.qualification-form .eyebrow { color:var(--electric); }
.qualification-form .form-title { font-family:var(--body); font-size:1.8rem; font-weight:500; letter-spacing:-.025em; }
.qualification-context { border-top-color:var(--electric); }
.intent-choice label { border-color:#58687c; background:#0b1017; }
.intent-choice label:has(input:checked) { background:#16202d; border-color:var(--electric); }
.intent-choice input { accent-color:var(--electric); }
.field input,.field textarea { background:#0d141e; border-color:#697d95; }
.page-about .company-record { border-top-color:var(--electric); background:#101923; }
.page-about .company-record h3 { font:400 2rem/1.2 var(--display); }
.portfolio-piece { border-top-color:#334154; }
.portfolio-heading .eyebrow { letter-spacing:.08em; }
.portfolio-heading h2 { max-width:28ch; }
.client-history { margin-top:2rem; }
.client-history>h3 { font:400 1.5rem/1.3 var(--display); margin-bottom:1.25rem; }
.client-milestones { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:1.25rem 2rem; list-style:none; margin:0; padding:0; }
.client-milestones li { border-top:1px solid #55677d; padding-top:1rem; }
.client-milestones li:last-child { border-top:2px solid var(--gold); }
.client-milestones time { display:block; color:var(--electric); font-size:.875rem; margin-bottom:.6rem; }
.client-milestones h4 { font:500 1rem/1.5 var(--body); margin:0 0 .4rem; }
.client-milestones p { color:var(--muted); font-size:1rem; line-height:1.6; margin:0; max-width:35ch; }
@media(min-width:700px) {
 .hero-art-caption { padding-bottom:1rem; }
 .collection-art img { max-height:620px; }
 .home-landscape .collection-art { max-width:40rem; margin-inline:auto; }
 .home-stage { padding-bottom:2rem; }
 .home-cta { padding-bottom:0; }
 .system-opening { padding-block:2.5rem; }
}
@media(min-width:1100px) {
 .site-header .brand { width:216px; }
 .header-inner { min-height:100px; }
 .home-stage { min-height:690px; padding-block:1.5rem 2rem; grid-template-columns:minmax(0,1fr) minmax(0,1.13fr); gap:0 1.5rem; }
 .home-intro h1 { font-size:clamp(3.25rem,4.5vw,4.7rem); }
 .home-landscape .collection-art { max-width:none; width:calc(100% + 30px); margin-left:-15px; }
 .home-landscape .collection-art img { max-height:610px; }
 .home-cta { padding-top:1.6rem; }
 .hero-art-caption { padding-top:.2rem; }
 .hero-art-caption::before { margin-bottom:.65rem; }
 .home-intro .lead { font-size:1.15rem; }
 .stewardship-window { grid-template-columns:1fr 1fr; padding-block:2rem; }
 .stewardship-copy { padding-block:1.5rem; }
 .engineering-opening,.investment-opening,.about-opening { min-height:660px; padding-block:2rem; }
 .engineering-opening { grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); }
 .engineering-model .collection-art img { max-height:520px; }
 .arrival-opening { min-height:480px; padding-block:1.25rem; grid-template-columns:1.25fr 1fr; }
 .arrival-opening h1 { font-size:3.8rem; }
 .arrival-image .collection-art img { max-height:430px; }
 .assessment-spread,.care-opening { padding-block:2.5rem; }
 .assessment-spread .collection-art img,.care-opening .collection-art img { max-height:570px; }
 .about-opening .concierge-scene figcaption { width:100%; }
 .footer-core nav[aria-label="Explore Trio"] { display:grid; grid-template-columns:1fr 1fr; column-gap:1.25rem; align-content:start; }
 .footer-core nav[aria-label="Explore Trio"] h2 { grid-column:1/-1; }
 .footer-core { grid-template-columns:1.4fr 1.5fr 1fr; }
}
@media(max-width:699px) {
 .home-landscape .collection-art { max-width:380px; margin-inline:auto; }
 .hero-art-caption { padding-bottom:1.25rem; font-size:.875rem; }
 .home-stage { gap:1.35rem; }
 .home-landscape { margin-top:.2rem; }
 .featured-work-copy { padding-left:1rem; }
 .arrival-image .collection-art { max-width:270px; }
 .arrival-opening .page-opening { padding-bottom:1rem; }
 .arrival-opening { padding-bottom:1rem; }
 .engineering-model .collection-art,.dossier-image .collection-art,.concierge-scene .collection-art { max-width:410px; }
 .care-sculpture .collection-art { max-width:390px; }
 .footer-core { gap:1.5rem 1rem; }
 .site-header .brand { width:190px; }
}
@media(max-width:380px) { .site-header .brand { width:173px; } .home-intro h1 { font-size:2.3rem; } }
@media(forced-colors:active) {
 .intent-choice label,.field input,.field textarea { border-color:CanvasText; background:Canvas; }
 .hero-art-caption { display:none; }
 .essential-path li,.editorial-ledger { border-color:CanvasText; }
}