.earth-hero{position:relative;isolation:isolate;overflow:hidden;color:#eaf1f3;background:#06121f;scroll-margin-top:-112px;--earth-muted:#a0b3c2}
.earth-ambient{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 78% 43%,#163f645e,transparent 52%),radial-gradient(ellipse at 72% 75%,#bf662719,transparent 32%),linear-gradient(112deg,#081c2d 0%,#06121f 48%,#050c15 100%)}
.earth-layout{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:calc(100svh - 159px);position:relative;padding-block:42px 34px}
.earth-copy{position:relative;z-index:2;padding-right:6%;pointer-events:none}.earth-copy>*{pointer-events:auto}.earth-copy .eyebrow{color:#b6d999;font-size:.63rem;letter-spacing:.14em;margin-bottom:24px}
.earth-copy h1{font-size:clamp(2.9rem,4.4vw,4.9rem);line-height:1.05;letter-spacing:-.05em;margin-bottom:22px;color:#f2f4f2;font-weight:500}.earth-copy h1 em{color:#c2dfa6}
.earth-copy .earth-intro{color:#b0c0cc;font-size:.9rem;line-height:1.85;max-width:365px;margin-bottom:24px}
.earth-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:26px 0 0}.earth-actions .button{--button-bg:var(--lime);--button-fg:#173c2d;--button-border:var(--lime);font-size:.9rem;min-height:56px;padding:17px 24px}.earth-actions .earth-journey{--button-bg:#163449;--button-fg:#eef6f1;--button-border:#7290a1}
.earth-layer-info{border-left:1px solid var(--layer-accent);transition:border-color .25s ease;padding:2px 0 2px 18px;min-height:162px;max-width:425px}.earth-info-heading{display:flex;flex-direction:column;gap:5px;align-items:flex-start;margin-bottom:9px}.earth-info-heading h3{font-size:1rem;font-weight:600;margin:0;letter-spacing:-.02em}.earth-info-heading>span{font-size:.5rem;letter-spacing:.08em;color:#becccf}.earth-layer-info p{font-size:.78rem;line-height:1.8;color:#b5c5ce;margin-bottom:9px}.earth-composition{display:block;color:#e3c9a2;font-size:.65rem;margin-bottom:8px;line-height:1.5}.earth-material{font-size:.5rem;letter-spacing:.08em;color:#d6b993;display:block;line-height:1.6}

.earth-visual{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.earth-stage{position:relative;width:calc(100% + 80px);margin-left:-25px;height:clamp(450px,65svh,660px);isolation:isolate;touch-action:pan-y pinch-zoom;outline-offset:-5px}
.earth-canvas,.earth-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.earth-canvas{visibility:hidden}.earth-ready .earth-canvas{visibility:visible}.earth-canvas canvas{display:block;width:100%;height:100%;outline:none}.earth-fallback[hidden],.earth-ready .earth-fallback{display:none}
.earth-drag-surface{position:absolute;inset:0;visibility:hidden;clip-path:circle(0);touch-action:pinch-zoom;cursor:grab}.earth-ready .earth-drag-surface{visibility:visible}.earth-stage.is-dragging,.earth-stage.is-dragging .earth-drag-surface{cursor:grabbing}
.earth-reset{display:grid;place-items:center;width:44px;min-height:44px!important;padding:0}.earth-reset svg{pointer-events:none}.earth-pin[hidden]{display:none}
.earth-controls{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;z-index:2;margin-top:0}.earth-controls[hidden]{display:none}.earth-controls button{color:#e1ebee;border:1px solid #aec9dd46;background:#13314960;min-height:42px;border-radius:25px;transition:background .2s,border-color .2s;font-family:inherit}.earth-controls button:hover{background:#2046668c;border-color:#aec9dd99}.earth-open{font-size:.72rem;padding:10px 22px;min-width:162px}
.earth-annotations{position:absolute;inset:0;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .35s}.earth-annotations.visible{visibility:visible;opacity:1}
.earth-pin{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:34px;height:34px;border:0;padding:0;border-radius:50%;background:transparent;color:#fff4de;font-family:inherit;pointer-events:auto;cursor:pointer;touch-action:manipulation;z-index:1}
.earth-pin-dot{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#07121be6;border:1px solid color-mix(in srgb,var(--pin) 85%,white 15%);font-size:9px;line-height:1;font-variant-numeric:tabular-nums;font-weight:650;box-shadow:0 2px 9px #0006;transition:background .2s,border-color .2s,box-shadow .2s}
.earth-pin:hover .earth-pin-dot,.earth-pin:focus-visible .earth-pin-dot{border-color:#fff;box-shadow:0 0 0 4px #fff1cf20}.earth-pin[aria-pressed=true] .earth-pin-dot{background:#f8e9c9;color:#18212a;border-color:#fff5dc;box-shadow:0 0 0 4px #fff1cf18,0 2px 8px #0006}.earth-pin[aria-pressed=true]{z-index:3}
.earth-pin-name{position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(calc(-50% + var(--label-shift,0px)));white-space:nowrap;background:#102438f2;border:1px solid #bed4df55;border-radius:5px;padding:8px 11px;color:#f5f0df;font-size:.66rem;font-weight:550;letter-spacing:.01em;line-height:1.35;box-shadow:0 5px 20px #0004;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}
.earth-pin.show-label .earth-pin-name,.earth-pin:focus-visible .earth-pin-name{visibility:visible;opacity:1}
.earth-annotations:not(.visible) .earth-pin-name{visibility:hidden;opacity:0}

.earth-bottom{border-top:1px solid #b2cada26;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-block:17px 21px;position:relative;z-index:3}.earth-bottom>p{margin:0;font-family:SourceSerif,Georgia,serif;font-style:italic;color:#abbfc7;font-size:.93rem}.earth-credits{max-width:465px;border:0;text-align:right}.earth-credits summary{font-size:.59rem;line-height:1.6;padding:3px 18px 4px 0;color:#9aafbf;font-weight:400}.earth-credits summary:after{font-size:.9rem;top:-1px}.earth-credits p{font-size:.67rem;line-height:1.75;color:#9ab0be;padding:15px 0 0;margin:0;text-align:left}.earth-hero :focus-visible{outline:2px solid #c2e97c;outline-offset:4px}
.home-page .origins-hero{margin-bottom:0}
@media(min-width:1500px){.earth-stage{height:690px}.earth-layout{min-height:800px}}
@media(max-width:1100px){.earth-copy{padding-right:3%}.earth-copy h1{font-size:3rem}.earth-copy .eyebrow{font-size:.56rem;line-height:1.8}.earth-stage{width:calc(100% + 40px);margin-left:-10px;height:500px}.earth-layer-info{min-height:200px}.earth-actions{gap:10px}.earth-actions .button{padding-inline:20px}}
@media(max-width:850px){.earth-layout{min-height:calc(100svh - 145px)}}
@media(max-width:760px){.earth-layout{grid-template-columns:1fr;min-height:0;padding-top:36px;padding-bottom:28px;gap:0}.earth-copy{display:contents}.earth-copy .eyebrow{grid-row:1;margin-bottom:18px;font-size:.58rem}.earth-copy h1{grid-row:2;font-size:clamp(2.55rem,8.3vw,4rem);max-width:550px;margin-bottom:18px}.earth-copy .earth-intro{grid-row:3;max-width:470px;margin-bottom:20px;font-size:.86rem}.earth-actions{grid-row:6;margin-top:22px;gap:10px}.earth-visual{grid-row:4;margin-block:10px 26px}.earth-stage{width:calc(100% + 40px);margin-left:-20px;height:clamp(350px,95vw,560px)}.earth-layer-info{grid-row:5;min-height:178px;max-width:none}.earth-info-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.earth-info-heading>span{font-size:.48rem}.earth-layer-info p{font-size:.79rem;max-width:540px}.earth-composition{font-size:.69rem}.earth-bottom{gap:14px;padding-bottom:22px}.earth-bottom>p{font-size:.82rem}.earth-credits{text-align:right;max-width:55%}.earth-credits[open]{max-width:none;flex:1}.earth-bottom:has(.earth-credits[open]){flex-direction:column}.earth-pin-name{font-size:.63rem;padding:7px 9px}}
@media(max-width:560px){.earth-hero{scroll-margin-top:-25px}}
@media(max-width:390px){.earth-info-heading{flex-direction:column;align-items:flex-start;gap:5px}.earth-layer-info{min-height:205px}.earth-actions{gap:10px}.earth-actions .button{flex:1;padding-inline:14px;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.earth-hero *{transition:none!important}}