/* Desktop / structure polish 3. Existing CI, type and motion remain the foundation. */
.site-header .brand img{width:133px}
.site-header.is-scrolled .brand img{width:101px}
.company-hero{padding-block:36px 26px}
.hero-copy{align-self:center}
.people-hero::before{opacity:.42}
.network-depth{opacity:.5}
.network-depth-lines{fill:none;stroke:#8c9fc4;stroke-width:.55;opacity:.5}
.network-depth-lines ellipse{stroke-dasharray:1 9;opacity:.65}
.network-far-person{filter:url(#network-far-blur);opacity:.5}
.network-far-person>circle{fill:#e9f1ff;stroke:#fff;stroke-width:1}
.network-far-person>g{fill:#879abd}
.broadcast-member[data-depth="0.4"],.broadcast-member[data-depth="0.45"]{filter:url(#network-mid-blur)}
.broadcast-member[data-depth="1.2"] .broadcast-disc{stroke:#fff;stroke-width:1.8}
.broadcast-links path{stroke-width:.85}
.broadcast-hub-disc{fill:#edf2ff;stroke-width:1}
.broadcast-hub-rim{stroke-width:.7;opacity:.8}
.broadcast-hub-ring{stroke-dasharray:62 14 1 8;stroke-width:.7}
.company{padding-block:78px 72px}
.company-statement{max-width:1040px;font-size:clamp(25px,2.75vw,39px);font-weight:400;line-height:1.5;letter-spacing:-.045em}
.company-statement>span{color:#57616f}
.company-paths{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:46px}
.company-paths>a{display:block;padding:20px 0 4px;border-top:1px solid #7d92b659;transition:border-color 200ms}
.company-paths>a:hover{border-color:#425b82}
.path-title{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.path-title>span{margin-left:auto;font-size:20px;font-weight:400;transition:transform 200ms}
.company-paths>a:hover .path-title>span{transform:translate(3px,-3px)}
.path-description{display:block;font-size:13px;color:#57616f;margin-top:6px}
.reach-heading,.projects-heading{display:block}
.network-groups>p{font-size:12px;letter-spacing:.045em;font-weight:600}
.network-groups>p>span{letter-spacing:0;text-transform:none}
.projects-heading{margin-bottom:64px}
.project-monitor .project-panel,.motion-enabled .project-monitor .project-panel{min-height:565px;gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1.48fr)}
.product-links{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.product-links>a,.product-links>.private-beta{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;font-size:11px;font-weight:600;letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid #7d92b670}
.product-links>a:hover{border-color:#101721;color:#425b82}
.product-links>a>span{font-size:16px}
.product-links>.private-beta{border-bottom-color:transparent;color:#67532d;letter-spacing:.04em}
.project-panel .project-copy>p.product-beta-note{font-size:11px;line-height:1.7;color:#526071;margin-top:14px;max-width:260px}
.product-composition{min-width:0;width:100%;align-self:center}
.composition-stage{position:relative;aspect-ratio:1.29;isolation:isolate}
.composition-stage::before{content:"";position:absolute;inset:0 -2% 2% 2%;background:radial-gradient(ellipse at 60% 48%,#cbd8ec70,transparent 70%);z-index:-1}
.product-crop{position:absolute;overflow:hidden;border:1px solid #7d92b63d;box-shadow:0 18px 40px -18px #3144664a;border-radius:7px}
.product-message{left:0;top:1%;width:70%;aspect-ratio:1.045;z-index:1}
.product-message img{position:absolute;max-width:none;width:312.2%;height:auto;left:-200.5%;top:-32.7%}
.warning-message{background:#161918}
.product-map{width:65%;right:0;bottom:0;z-index:2;background:#f7f9fc;transform:translateY(0)}
.crop-label{min-height:38px;padding:11px 14px;display:flex;justify-content:space-between;font-size:9px;line-height:1.4;letter-spacing:.06em;font-weight:700;color:#34435a}
.crop-label>span{color:#8b671c;font-size:8px}
.map-crop-window{position:relative;overflow:hidden;aspect-ratio:1.47}
.warning-map img{position:absolute;max-width:none;width:106%;height:auto;left:-3%;top:-67%}
.map-attribution{display:block;text-align:right;font-size:7px;line-height:1.7;padding:5px 9px;color:#526071}
.map-attribution a{text-decoration:underline}
.product-composition figcaption{margin-top:20px;font-size:11px;line-height:1.65;font-weight:600;color:#34435a}
.product-composition figcaption>span{display:block;font-size:9px;font-weight:400;color:#5b6778;margin-top:3px}
.animal-message{background:#f4f7f2;aspect-ratio:1.045}
.animal-message img{width:285%;left:-160%;top:-35%;}
.animal-map-concept svg{display:block;width:100%;height:auto;aspect-ratio:1.47;object-fit:cover;max-height:230px}
.status-dot.live,.status-dot.beta{width:12px;height:12px}
.status-dot.live::after,.status-dot.beta::after{inset:-3px;opacity:.5;border-width:1px}
.status-dot.work,.project-status .status-dot.work{width:12px;height:12px;background:transparent;border:1.5px solid #db9f3635;border-top-color:var(--amber);border-right-color:var(--amber);border-bottom-color:var(--amber);}
.status-dot.work::after{display:none}
@media(prefers-reduced-motion:no-preference){
 .status-dot.live::after{animation:signal-ring 3.6s ease-out infinite}
 .status-dot.beta::after{animation:signal-ring 4.2s ease-out infinite}
 .status-dot.work,.project-status .status-dot.work{animation:status-work 3s linear infinite}
 .project-panel:not([hidden]) .product-crop{animation:product-arrive 650ms var(--motion-ease) both}
 .project-panel:not([hidden]) .product-map{animation:product-arrive 650ms 100ms var(--motion-ease) both}
}
@keyframes signal-ring{0%{transform:scale(.7);opacity:.6}80%,100%{transform:scale(1.7);opacity:0}}
@keyframes product-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
/* LiveTrack is an illustrative command display, with no claim of a real deployment. */
.command-visual{min-width:0;margin:0;align-self:center;color:#dce5f6}
.command-screen{border:1px solid #7d92b64a;border-radius:8px;overflow:hidden;background:#131e2c;box-shadow:0 28px 55px -26px #0008}
.command-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 13px;border-bottom:1px solid #7d92b638;font-size:8px;letter-spacing:.08em;color:#c2d2e8}
.command-toolbar b{display:inline-block;font-size:13px;color:#e9f1ff;letter-spacing:-.045em;margin-right:8px}
.command-toolbar i{font-style:normal;opacity:.4;padding:0 5px}
.command-demo{font-size:6px;letter-spacing:.06em;color:#d6b572;border:1px solid #db9f363d;padding:4px 5px}
.command-body{display:grid;grid-template-columns:minmax(0,1fr) 116px;min-height:340px}
.command-map{position:relative;min-width:0;overflow:hidden;background:#182635;display:flex;flex-direction:column;justify-content:center}
.command-map-label{position:absolute;left:15px;right:15px;top:15px;z-index:1;display:flex;gap:12px;font-size:8px;letter-spacing:.07em;color:#bacde3}
.command-map-label span{color:#e2bf7c}
.command-map .dog-map{width:100%;height:100%;min-height:300px;display:block;object-fit:cover}
.command-map .map-ground{fill:#182635}
.command-map .map-green{fill:#1e3b3e;opacity:.6}
.command-map .map-roads-edge{fill:none;stroke:#527087;stroke-width:14;opacity:.5}
.command-map .map-roads{fill:none;stroke:#253e51;stroke-width:11}
.command-map .map-buildings{fill:#294152;stroke:#7898af;stroke-width:.65;opacity:.85}
.command-map .map-footpath{stroke:#5b7a8a;opacity:.5}
.command-map .search-sector{fill:#6c94b808;stroke:#8aa8ca;stroke-opacity:.28;stroke-width:1;stroke-dasharray:4 7}
.command-map .dog-trail{stroke:#ccdffc;stroke-width:3;fill:none;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 3px #87b2e8)}
.command-map .dog-start{fill:#1e2e40;stroke:#d9e7fc;stroke-width:2}
.command-map .map-start-label{fill:#c4d5ec;font-size:13px;letter-spacing:.1em}
.command-map .dog-marker-disc{fill:#dce5fa;stroke:#fff;stroke-width:1.2}
.command-map .dog-marker-halo{fill:#cddffc26;stroke:#a5c1e473;stroke-width:1;animation:none}
.command-map .dog-icon{fill:#243c56}
.command-map-key{position:absolute;left:15px;right:15px;bottom:12px;display:flex;justify-content:space-between;gap:5px;font-size:7px;color:#bdcee3}
.command-map-key i{display:inline-block;width:15px;height:2px;background:#ccdef7;vertical-align:middle;margin-right:5px}
.command-team{border-left:1px solid #7d92b629;padding:19px 12px;background:#111d2b;min-width:0}
.command-label{display:block;font-size:7px;letter-spacing:.07em;color:#93a9c5}
.command-team>strong{display:block;font-size:12px;margin:6px 0 2px;font-weight:600}
.command-team-state{font-size:7px;color:#a7bfd8;display:block}
.command-dog{margin:15px 0;width:40px;height:40px;border:1px solid #7d92b657;border-radius:50%;padding:8px;color:#acbed9;background:#7d92b61c}
.command-dog svg{width:100%;height:100%}
.command-team dl{margin:0 0 19px}
.command-team dl>div{padding:10px 0;border-top:1px solid #7d92b62a}
.command-team dt{font-size:7px;color:#95abc7}
.command-team dd{margin:1px 0 0;font-size:19px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.track-progress{height:2px;background:#7d92b62e;margin-top:9px}
.track-progress i{display:block;width:100%;height:100%;background:#b0c7e5;transform:scaleX(var(--track-progress,1));transform-origin:left}
.command-team>p{font-size:7px;line-height:1.9;color:#93a9c5;margin-top:13px}
.command-bottom{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #7d92b62a;padding:12px 13px;color:#98aecb;font-size:7px;letter-spacing:.06em}
.command-visual>figcaption{font-size:9px;line-height:1.7;color:#a3b3cc;margin-top:14px}
.project-monitor .community-project.project-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.48fr);gap:36px}
.community-copy>p{font-size:15px;line-height:1.85}
.cluster-fields ellipse{stroke-dasharray:2 6;fill:#7d92b608}
.cluster-impulses circle{fill:#d8e5ff;filter:drop-shadow(0 0 3px #b1c9ff);opacity:0}
/* Track is an independent paint boundary. Previous cards cannot enter the year column. */
.development{padding-block:84px 72px;background:#fff}
.development .timeline-scene{margin-top:0}
.timeline-heading .timeline-label{font-size:clamp(32px,3.3vw,46px);margin-bottom:0}
.timeline-year-window{position:relative;display:block;overflow:hidden;isolation:isolate;line-height:1.16}
.timeline-old-year,.timeline-current-year,.timeline-year-sweep{display:block;font-size:clamp(72px,8.3vw,120px);font-weight:600;line-height:1.16;letter-spacing:-.075em;font-variant-numeric:tabular-nums;color:#425b82;white-space:nowrap}
.timeline-old-year,.timeline-year-sweep{position:absolute;inset:0;pointer-events:none;opacity:0}
.timeline-year-sweep{background:linear-gradient(105deg,transparent 30%,#b6c7e4 45%,#7d92b6 51%,transparent 66%);background-size:280% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent}
@media(min-width:801px) and (min-height:760px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .motion-enabled .timeline-pin{grid-template-columns:26% minmax(0,1fr);column-gap:40px;isolation:isolate;min-height:370px}
 .motion-enabled .timeline-heading{margin-bottom:50px}
 .motion-enabled .timeline-era{position:relative;z-index:2;background:#fff;overflow:hidden}
 .motion-enabled .timeline-viewport{position:relative;isolation:isolate;contain:paint;overflow:hidden;clip-path:inset(0);width:100%;max-width:100%;margin:0;padding:10px 0 18px}
 .motion-enabled .timeline-viewport::after{content:"";position:absolute;inset:0 0 0 auto;width:30px;background:linear-gradient(90deg,transparent,#fff);pointer-events:none}
 .motion-enabled .timeline{width:max-content;padding-right:0}
 .motion-enabled .timeline>li{width:315px;flex:0 0 315px}
 .motion-enabled .timeline-viewport:focus-visible{outline-offset:-2px}
 .timeline-year-window{max-width:100%}
}
/* Actual portfolio reference: signature, oversized line, open contact space, paired link groups. */
.contact{background:var(--lavender);color:#151b25;padding-block:70px 78px}
.footer-signature{width:210px;margin-bottom:44px}
.contact h2{font-size:clamp(74px,10.3vw,148px);font-weight:600;line-height:1;letter-spacing:-.07em;text-transform:none;max-width:none}
.contact h2 .text-mask,.contact h2 .mask-inner,.contact h2 .mask-inner>span{color:#151b25}
.contact h2>.text-mask{display:block}
.contact-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:100px;margin-top:56px}
.contact-direct>p{font-size:20px;line-height:1.65;color:#293449;max-width:360px}
.contact .contact-email{font-size:clamp(26px,3.1vw,43px);line-height:1.35;border-color:#53647d70;margin-top:28px}
.contact-email::after{background:#425b82}
.contact .contact-phone{font-size:clamp(25px,2.6vw,36px);letter-spacing:-.045em;border-bottom:1px solid #53647d70;padding-bottom:9px;margin-top:12px}
.destinations{align-self:start}
.contact .route-link{font-size:clamp(19px,2vw,28px);font-weight:400;letter-spacing:-.035em;padding:12px 0;min-height:52px;border-color:#53647d70}
.contact .route-link::before{background:#53647d70}
.contact .route-link:nth-child(5){margin-top:22px}
.contact .route-link:hover,.contact-email:hover,.contact-phone:hover{color:#425b82}
.site-footer{background:var(--lavender);color:#293449}
.footer-inner{border-color:#53647d70;padding-block:18px 24px}
.footer-inner::before{background:#53647d70}
.footer-inner a:hover{color:#152239}
.footer-inner nav a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1101px){.kinetic-poster.people-hero{height:500px}.broadcast-network{transform:translateX(27px) scale(1.33)}}
@media(min-width:801px) and (max-width:1100px){
 .company-statement{font-size:30px}
 .project-monitor .project-panel,.motion-enabled .project-monitor .project-panel{padding:30px;gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
 .project-monitor .community-project.project-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
 .project-monitor .project-panel h3{font-size:25px}
 .project-panel .project-copy>p:not(.project-kicker),.community-copy>p{font-size:14px;line-height:1.8}
 .command-body{grid-template-columns:minmax(0,1fr) 95px;min-height:320px}
 .command-team{padding-inline:9px}.command-toolbar{flex-wrap:wrap;gap:6px}
 .command-map-key{display:block}.command-map-key>span{display:block}
 .contact-layout{gap:60px}
 .footer-signature{width:180px}
}
/* Technical fallbacks only; mobile art direction is a separate review. */
@media(max-width:800px){
 .site-header .brand img{width:120px}.site-header.is-scrolled .brand img{width:97px}
 .company{padding-block:58px}.company-statement{font-size:25px}.company-paths{gap:30px;margin-top:30px}
 .path-title{font-size:12px}.path-description{font-size:12px}
 .project-monitor .project-panel,.motion-enabled .project-monitor .project-panel,.project-monitor .community-project.project-panel{grid-template-columns:1fr;min-height:0;gap:30px}
 .product-composition,.command-visual,.community-build{max-width:570px;width:100%;margin-inline:auto}
 .community-copy{border:0;padding:0;max-width:570px}
 .product-links{margin-top:20px}
 .contact-layout{gap:35px}.contact-direct>p{font-size:16px}
 .contact h2{font-size:10vw}.contact .contact-email{font-size:25px}.contact .route-link{font-size:20px}
 .development{padding-block:60px}
}
@media(max-width:600px){
 .company-statement{font-size:23px;line-height:1.5}.company-paths{grid-template-columns:1fr;gap:26px}
 .company{padding-block:46px}.path-title{font-size:12px}.path-description{font-size:12px}
 .network-groups>p{font-size:9px;letter-spacing:.02em}.network-groups>p>span{font-size:10px}
 .project-monitor .project-panel,.motion-enabled .project-monitor .project-panel{padding:23px 17px}
 .project-monitor .project-panel h3{font-size:clamp(20px,6vw,29px)}
 .product-links>a,.product-links>.private-beta{font-size:10px}
 .composition-stage{aspect-ratio:1.15}.product-message{width:73%}.product-map{width:70%}
 .crop-label{font-size:7px;min-height:28px;padding:8px 9px}.map-attribution{font-size:6px;padding:4px 5px}
 .product-composition figcaption{font-size:10px}
 .command-toolbar{padding:10px 8px;flex-wrap:wrap}.command-body{grid-template-columns:minmax(0,1fr) 81px;min-height:305px}
 .command-team{padding:14px 7px}.command-team>strong{font-size:10px}.command-team dd{font-size:17px}
 .command-map-label{left:8px;top:11px;font-size:6px;gap:7px}.command-map-key{left:8px;right:8px;display:block;font-size:6px}.command-map-key>span{display:block}
 .command-map .dog-map{min-height:305px}.command-bottom{font-size:6px;padding:10px 8px}.command-visual>figcaption{font-size:8px}
 .contact{padding-block:50px 45px}.footer-signature{width:148px;margin-bottom:28px}
 .contact h2{font-size:10.3vw;letter-spacing:-.065em}.contact-layout{grid-template-columns:1fr;margin-top:30px;gap:32px}
 .contact .contact-email{font-size:clamp(20px,6vw,26px)}.contact .contact-phone{font-size:24px}
 .contact .route-link{font-size:19px;min-height:47px}.timeline-heading .timeline-label{font-size:28px}
 .development{padding-block:50px}.timeline-controls{gap:8px}.founder-line>a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .status-dot.work,.project-status .status-dot.work,.status-dot.live::after,.status-dot.beta::after{animation:none!important}
 .timeline-old-year,.timeline-year-sweep{display:none}
 .product-crop{animation:none!important;opacity:1;transform:none}
}