.age-section{padding:110px var(--gutter) 85px;max-width:1800px;margin:auto}.age-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:55px}.age-intro h2{font-size:clamp(48px,5.9vw,92px);letter-spacing:-.06em;font-weight:440;line-height:1.01;margin-top:29px}.age-intro-copy{max-width:390px;padding-bottom:4px}.age-intro-copy p{font-size:15px;line-height:1.7;color:var(--muted)}.age-intro-copy p+p{margin-top:16px}.age-instrument{border-radius:30px;background:linear-gradient(150deg,#f5f1e7,#e6dfcd);box-shadow:15px 18px 40px #a1988030,-10px -10px 35px #fff9,inset 0 0 0 1px #fff9;padding:32px 42px 27px;overflow:hidden}.age-instrument-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9c917830;padding-bottom:20px}.age-brand{display:flex;align-items:center;gap:7px;font:11px Plex,monospace;letter-spacing:1.5px;color:var(--bronze)}.age-brand img{width:28px;height:28px}.age-example{font:8px Plex,monospace;letter-spacing:1px;color:var(--muted)}.age-readouts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;padding:37px 0 32px;align-items:center}.age-label{font:9px Plex,monospace;letter-spacing:1.4px;color:var(--muted);display:block}.age-primary>div{display:flex;align-items:baseline;gap:15px}.age-primary strong{font-size:clamp(85px,9.2vw,144px);font-weight:500;letter-spacing:-.075em;line-height:1.12;font-variant-numeric:tabular-nums}.age-unit{font-size:15px;color:var(--muted)}.age-range{font-size:11px;color:var(--muted)}.age-calendar,.age-difference{border-left:1px solid #9c917844;padding-left:35px;display:flex;flex-direction:column;gap:16px}.age-calendar>strong,.age-difference>strong{font-size:clamp(42px,4vw,64px);letter-spacing:-.055em;font-weight:430;line-height:1;font-variant-numeric:tabular-nums}.age-calendar>strong{color:var(--bronze)}.age-difference>strong{color:#586b3c}.age-difference>strong>span{font-size:16px;letter-spacing:0}.age-calendar>span:last-child,.age-difference>span:last-child{font-size:11px;color:var(--muted)}.age-chart-heading{display:flex;justify-content:space-between;align-items:center;padding-top:25px;border-top:1px solid #9c917833}.age-chart-heading h3{font-size:19px;font-weight:500;letter-spacing:-.5px}.age-chart-heading>span{font:9px Plex,monospace;color:var(--bronze);letter-spacing:1px}.age-plot{width:100%;margin-top:8px}.age-plot svg{width:100%;height:auto;overflow:visible;display:block;touch-action:pan-y}.age-grid line{stroke:#8a856922;stroke-width:1}.age-grid text{fill:#8a806b;font:12px Plex,monospace}.age-band{fill:#87975d;fill-opacity:.14}.age-calendar-line{stroke:#967341;stroke-width:2;stroke-dasharray:5 6;fill:none;vector-effect:non-scaling-stroke}.age-value-line{stroke:#627744;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}.age-direct-labels text{font:10px Plex,monospace;letter-spacing:1px;fill:var(--bronze)}.age-direct-labels text:last-child{fill:#536638}.age-axis text{font:9px Plex,monospace;fill:#736f5f;letter-spacing:.7px}.age-cursor-line{stroke:#967341;stroke-width:1;stroke-dasharray:3 5;opacity:.45}.age-calendar-dot{fill:#967341;stroke:#f5f1e7;stroke-width:3}.age-value-dot{fill:#627744;stroke:#f5f1e7;stroke-width:4}.age-timeline{display:grid;grid-template-columns:auto 1fr;gap:16px 30px;align-items:center;margin:26px 0 24px}.age-timeline label{font-size:11px;color:var(--muted);display:flex;gap:12px}.age-timeline label span{color:var(--bronze)}.age-timeline input{width:100%;height:32px;accent-color:#7c8955;cursor:ew-resize;background:none}.age-timeline output{grid-column:1/-1;text-align:right;font-size:11px;line-height:1.6;color:#536638;min-height:18px}.age-note{display:flex;align-items:start;justify-content:space-between;gap:35px;border-top:1px solid #9c917844;padding-top:22px}.age-note>span{max-width:220px;font:8px/1.8 Plex,monospace;letter-spacing:.8px;color:#796a4e}.age-note p{max-width:460px;font-size:11px;line-height:1.65;color:#6a6658}.age-footnotes{display:flex;justify-content:space-between;gap:28px;padding:28px 6px 0}.age-footnotes p{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:15px}.age-footnotes span{font:8px Plex,monospace;color:var(--bronze)}
@media(max-width:1000px){.age-readouts{gap:20px}.age-calendar,.age-difference{padding-left:20px}.age-instrument{padding:28px}.age-primary strong{font-size:88px}.age-unit{font-size:12px}.age-footnotes{gap:20px}.age-footnotes p{font-size:10px;gap:8px}}
@media(max-width:760px){.age-section{padding:65px var(--gutter)}.age-intro{display:block;margin-bottom:34px}.age-intro h2{font-size:48px;margin-top:24px}.age-intro-copy{margin-top:26px}.age-intro-copy p{font-size:13px}.age-instrument{border-radius:20px;padding:22px 16px}.age-instrument-top{gap:12px;padding-bottom:16px}.age-brand{font-size:8px;letter-spacing:.7px;gap:2px}.age-brand img{width:23px;height:23px}.age-example{font-size:6px;letter-spacing:.2px}.age-readouts{grid-template-columns:1fr 1fr;padding:24px 0;gap:25px 12px}.age-primary{grid-column:1/-1}.age-primary strong{font-size:99px}.age-primary>div{gap:16px}.age-unit{font-size:14px}.age-range{font-size:10px}.age-label{font-size:7px;letter-spacing:1px}.age-calendar{border-left:none;padding-left:0}.age-difference{padding-left:17px}.age-calendar>strong,.age-difference>strong{font-size:39px}.age-calendar,.age-difference{gap:12px}.age-calendar>span:last-child,.age-difference>span:last-child{font-size:9px;line-height:1.5}.age-chart-heading h3{font-size:16px}.age-chart-heading>span{font-size:7px;letter-spacing:.2px}.age-plot svg{height:225px}.age-plot{margin-top:5px}.age-timeline{grid-template-columns:1fr;gap:7px;margin:5px 0 20px}.age-timeline output{text-align:left;font-size:10px;min-height:32px}.age-note{display:block;padding-top:20px}.age-note>span{display:block;max-width:none;font-size:7px}.age-note p{font-size:10px;margin-top:12px}.age-footnotes{flex-direction:column;gap:17px;padding-top:27px}.age-footnotes p{font-size:11px}.age-grid text{font-size:25px}.age-axis text{font-size:21px}.age-direct-labels text{font-size:23px;letter-spacing:0}}
@media(max-width:760px){.age-grid text{font-size:16px}.age-axis text{font-size:13px}.age-direct-labels text{font-size:14px}}
/* The Body screen is part of the Age story, not a second Today preview. */
.age-intro{grid-template-columns:1.05fr 1fr;grid-template-areas:'heading device' 'copy device';grid-template-rows:1fr 1fr;gap:26px 8%;align-items:start;margin-bottom:55px}.age-intro>div:first-child{grid-area:heading;align-self:end}.age-intro-copy{grid-area:copy;align-self:start}.age-device-stage{grid-area:device;position:relative;isolation:isolate;display:grid;place-items:center;min-height:650px;perspective:1200px}.age-device-rig{width:260px;aspect-ratio:1320/2868;position:relative;transform-style:preserve-3d;will-change:transform;transform:rotateX(6deg) rotateY(-14deg) rotateZ(-6deg)}.age-device-front,.age-device-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.age-device-front{transform:translateZ(6px)}.age-device-back{transform:rotateY(180deg) translateZ(6px);border:3px solid #777a70;border-radius:35px;background:linear-gradient(140deg,#52674f,#1c3022);display:grid;align-content:center;justify-items:center;color:var(--paper)}.age-device-back>img{width:65%}.age-device-back>span{font-size:35px;letter-spacing:-2px}.age-device-orbit{position:absolute;width:94%;aspect-ratio:1;border:1px solid #96734133;border-radius:50%;transform:rotateX(60deg) rotateZ(-30deg);z-index:-1}.age-device-orbit:after{content:'';position:absolute;inset:-30px;border:1px dashed #96734122;border-radius:50%}.age-device-chip{position:absolute;z-index:2;padding:17px 22px;border:1px solid #fff8;background:#eee8d9;border-radius:15px;box-shadow:7px 10px 22px #49473220;pointer-events:none}.age-device-chip>span{font:7px Plex,monospace;letter-spacing:1.2px;color:var(--bronze);display:block;margin-bottom:9px}.age-device-chip>strong{display:block;font-size:37px;letter-spacing:-1.5px;font-weight:500}.age-device-chip small{font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted)}.age-chip-top{top:105px;right:0;rotate:5deg}.age-chip-bottom{bottom:100px;left:0;rotate:-4deg}.age-chip-bottom>strong{font-size:13px;letter-spacing:-.2px}.age-device-caption{position:absolute;bottom:7px;font:7px Plex,monospace;letter-spacing:1px;color:var(--muted)}.age-band{fill-opacity:.12}.age-value-line{stroke-width:4.5}.age-reading-dots circle{fill:#7e9159}.age-events path{fill:#c5a55c;stroke:#f5f1e7;stroke-width:3}.age-events text{fill:#8b6c35;font:11px Geist,sans-serif;font-weight:550}.age-gap-bracket{stroke:#967341;stroke-width:1.5;fill:none}.age-device-front:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff4;pointer-events:none}
@media(max-width:1100px) and (min-width:761px){.age-device-rig{width:220px}.age-device-stage{min-height:570px}.age-device-chip{padding:13px 16px}.age-chip-top{right:-9px}.age-chip-bottom{left:-5px;bottom:75px}.age-device-chip>strong{font-size:30px}.age-chip-bottom>strong{font-size:11px}}
@media(max-width:760px){.age-intro{display:flex;flex-direction:column;gap:0}.age-intro>div:first-child,.age-intro-copy{align-self:stretch}.age-device-stage{width:100%;min-height:590px;margin-top:20px}.age-device-rig{width:225px}.age-device-chip{padding:13px 15px}.age-chip-top{top:78px;right:0}.age-chip-bottom{bottom:80px;left:0}.age-device-chip>strong{font-size:31px}.age-chip-bottom>strong{font-size:12px}.age-device-chip>span{font-size:6px;letter-spacing:.7px}.age-device-orbit{width:80%}.age-events text{font-size:14px}.age-device-caption{font-size:6px}.age-intro{margin-bottom:36px}}
@media(max-width:360px){.age-device-rig{width:199px}.age-device-stage{min-height:540px}.age-chip-bottom{bottom:70px}.age-chip-bottom>strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.age-device-rig{transform:none!important}.age-device-chip{transform:none!important}}
.age-graph-key{font:9px/1.65 Plex,monospace;color:var(--muted);margin:18px 0 0;max-width:700px}
@media(max-width:760px){.age-graph-key{font-size:8px;margin:14px 0 19px}}
/* Keep the perspective orbit's off-plane bounds inside its own scene. */
.age-device-stage{overflow:clip;overflow-clip-margin:10px}