/* v1.2 desktop consolidation. Existing hero artwork and CI remain unchanged. */
body{font-synthesis:none}
.company .company-statement{font-weight:400;letter-spacing:-.025em}
.company-portal,.project-tab,.status,.timeline-years button{font-weight:600}
.project-copy>p:not(.project-kicker),.community-copy>p{letter-spacing:0}
.project-monitor h3,.timeline h3{letter-spacing:-.035em;line-height:1.25}
.timeline .timeline-description{line-height:1.75}
.founder-line>a{border-bottom:1px solid currentColor;padding-block:5px}
.founder-line>a:hover{color:#425b82}

/* Match the network's category discs and precise, fine rings. */
.company-portal .portal-symbol{border-radius:50%;box-shadow:0 0 0 3px #7d92b618}
.community-build .cluster-person:nth-child(6n+1) .cluster-avatar{filter:drop-shadow(0 9px 13px #0008)}
.community-build .cluster-person:nth-child(6n+1) .cluster-disc{stroke-width:1.15;stroke:#e9edff}
.community-build .cluster-person:nth-child(6n+1) .cluster-halo{opacity:.5}
.community-build .cluster-person:not(:nth-child(6n+1)) .cluster-halo{opacity:.16}
.community-build .cluster-links path{stroke-width:.8}
.community-build .cluster-links .cluster-bridge{stroke-width:1}

/* A true clipped right viewport: outgoing text leaves as one item, never as half a word.
   The next complete station is the active event during continuous scroll. */
@media(min-width:801px) and (min-height:760px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .motion-enabled .timeline-era{isolation:isolate;z-index:2}
 .motion-enabled .timeline-viewport{overflow:hidden;contain:paint;clip-path:inset(0);min-height:280px}
 .motion-enabled .timeline>li{width:var(--station-width,315px);flex-basis:var(--station-width,315px)}
 .motion-enabled .timeline>li.is-past{visibility:hidden}
 .motion-enabled .timeline>li h3,.motion-enabled .timeline>li p{max-width:100%}
}

/* Portfolio reference: signature -> oversized statement -> open contact composition.
   Prominent corporate destinations, quieter project links, separate personal resource. */
@media(min-width:801px){
 .contact{padding-block:64px 76px}
 .contact .footer-signature{width:140px;margin-bottom:30px}
 .contact h2{font-size:clamp(94px,10.3vw,148px);letter-spacing:-.055em;line-height:1.08}
 .contact-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8%;margin-top:54px}
 .contact-direct>p{font-size:20px;line-height:1.65;max-width:350px}
 .contact .contact-email{font-weight:600;font-size:clamp(26px,2.8vw,40px);letter-spacing:-.035em;margin-top:30px}
 .contact .contact-phone{font-weight:400;font-size:clamp(25px,2.8vw,40px);letter-spacing:-.035em;margin-top:10px}
 .contact .route-link{font-size:clamp(20px,1.9vw,27px);font-weight:400;letter-spacing:-.025em;line-height:1.3;min-height:54px;padding:13px 0}
 .contact .route-primary{font-size:clamp(23px,2.2vw,32px);font-weight:600;padding:16px 0}
 .contact .route-link.route-personal{margin-top:26px;padding:16px 0}
 .footer-inner{padding-block:22px 24px}
}
.contact .route-link:focus-visible,.contact-direct>a:focus-visible{outline:2px solid #425b82;outline-offset:5px}
.contact .route-link:hover{color:#425b82;box-shadow:inset 0 -1px #425b82}
@media(prefers-reduced-motion:reduce){.community-build .cluster-person{filter:none}}
