/* The station: warm editorial sections meet a luminous radio universe. */
:root{--lime:#c5fa75;--mint:#8ddbc8;--cream:#f0f0e5;--paper:#071211;--muted:#93aaa4;--line:#e5f3de1a}
body{background:radial-gradient(ellipse at 100% 30%,#163b3033,transparent 35%),#071211;overflow-x:clip}
.header{border-color:#d7eed416}.header.scrolled{background:#071211ec}.header nav{font-weight:500}.brand-mark{font-size:34px}
.hero{min-height:880px;height:max(880px,100svh);max-height:1100px;padding:185px 5% 160px;background:radial-gradient(ellipse at 80% 35%,#193c3533,transparent 55%),#050e0d}
.hero:after{background:linear-gradient(90deg,#050e0df0 0%,#050e0dc0 29%,#050e0d25 61%,transparent 80%);z-index:-1}
.hero-noise{opacity:.035}.hero-aurora{z-index:-2;mix-blend-mode:screen}.hero-aurora i{background:radial-gradient(ellipse,#51a58335,transparent 65%);opacity:.75}
.hero canvas{z-index:-2}.hero-copy{max-width:850px}.eyebrow{letter-spacing:2.2px;color:#b7cbc0;font-size:9px}
.hero h1{margin-top:40px}.callsign{font-size:clamp(110px,14.8vw,225px);line-height:.94;letter-spacing:-.085em;background:linear-gradient(130deg,#fff 8%,#edf4e7 52%,#add2c7 100%);background-clip:text;text-shadow:none}
.hero-tagline{font-size:clamp(36px,4.1vw,61px);letter-spacing:-2.4px;line-height:1.12;margin-top:37px;font-weight:400}
.hero h1 em{color:#d4efb7;letter-spacing:-2.2px;font-style:italic}.hero-copy>p{font-size:14px;line-height:1.9;color:#9eb6ab;margin-top:28px}
.hero-actions{margin-top:32px;gap:32px}.button{background:var(--lime);border:1px solid #c5fa7540;border-radius:100px;padding:18px 25px;letter-spacing:1px;box-shadow:0 8px 35px #c5fa7515}
.button>span{display:grid;place-items:center;font-size:18px;line-height:1;width:26px;height:26px;border-radius:50%;background:#10210c10}.button:hover{box-shadow:0 10px 45px #c5fa752a}
.hero-coordinates{top:136px;font-size:8px;letter-spacing:1.3px;color:#88ad9d}.coordinate-cross{position:absolute;left:-28px;top:-7px;color:var(--lime);font-size:24px}
.hero-bottom{bottom:34px;color:#78988b;letter-spacing:1.5px;border-color:#e5f3de20}.hero-bottom>a>span{display:grid;place-items:center;border:1px solid #c5fa7530;border-radius:50%;width:38px;height:38px;font-size:16px}.hero-bars{opacity:.7}
.orbital-controls{position:absolute;right:5%;bottom:162px;width:260px;z-index:2}.orbital-caption{display:block;font:8px monospace;letter-spacing:2px;color:#a9c6b5;margin-bottom:14px}
.signal-launch{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:16px;border:1px solid #c5fa7538;border-radius:12px;background:#0b1d18b8;backdrop-filter:blur(15px);color:#e8f1df;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s}
.signal-launch:hover{border-color:#c5fa7580;box-shadow:0 0 40px #c5fa7515;transform:translateY(-3px)}.signal-launch>span:nth-child(2){font-size:12px;flex:1}.signal-launch small{display:block;font:8px monospace;color:#93ac9d;margin-top:6px;letter-spacing:1px}.signal-symbol{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;background:#c5fa7510;color:var(--lime);font-size:28px}.signal-launch>span:last-child{color:var(--lime)}
.signal-status{display:block;min-height:26px;margin-top:10px;font:8px/1.7 monospace;color:#8cac9b}.signal-launch:disabled{cursor:wait;opacity:.75}
.motion-toggle{position:absolute;bottom:112px;left:5%;background:none;border:0;padding:8px 0;color:#8eaa9b;display:flex;gap:8px;align-items:center;font:9px monospace;cursor:pointer;z-index:2}.motion-toggle:hover{color:var(--lime)}.motion-toggle>span{color:var(--lime)}
.globe-label{right:5%;bottom:305px;border:0;background:transparent;backdrop-filter:none;padding:0;letter-spacing:1.5px;font-size:7px;color:#a8c7b5}.globe-label>span:last-child{display:none}
.ticker{padding:0;background:var(--lime);color:#173025;border:0;transform:rotate(-1.3deg);position:relative;z-index:3;margin:-10px -1px 0;box-shadow:0 10px 40px #0003;display:block}
.ticker-track{display:flex;width:max-content;animation:frequency-marquee 35s linear infinite}.ticker-group{display:flex;align-items:center;gap:48px;padding:22px 24px;flex-shrink:0;font:11px monospace;font-weight:600;letter-spacing:2px}.ticker i{color:#26452d;font-size:24px}.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes frequency-marquee{to{transform:translateX(-50%)}}
.section-label{font-size:9px;line-height:1.7}.section-heading h2,h2{font-size:clamp(38px,4.4vw,65px);font-weight:400;letter-spacing:-2.6px}h2 em{font-style:italic;color:#d0e9b8}
.personal-about{max-width:none;background:var(--cream);color:#183629;padding:135px max(6%,calc((100vw - 1267px)/2));grid-template-columns:1fr 1.65fr;gap:85px;position:relative;border:0}
.personal-about .section-label{color:#597251}.personal-about h2{color:#16392a}.personal-about h2 em{color:#678047}.personal-about p{color:#5c7064;font-size:14px}.personal-about .large-copy{color:#2f4d3c;font-size:21px}.personal-about .about-tags span{color:#48633d;background:transparent;border-color:#23442e26;font-size:9px}.personal-about .about-tags span:hover{background:#cfdfb9;color:#23442e}
.identity-card{max-width:340px;min-height:380px;padding:35px;margin-top:36px;border:1px solid #bfd1b2;border-radius:16px;background:radial-gradient(ellipse at 10% 10%,#315845,transparent 80%),#132d23;color:#e7efdf;box-shadow:15px 20px 0 #dfe5d5,0 25px 60px #1a392216;transform:rotate(-3deg)}
.identity-card:hover{transform:rotate(0) translateY(-5px);box-shadow:10px 15px 0 #dfe5d5,0 25px 60px #1a392225}.identity-monogram{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:130px;letter-spacing:-14px;color:#deedc9}.identity-card>strong{font-size:24px}.identity-lines{font-size:8px}.identity-kicker{color:#a4bba9}
.personal-about:after{content:'✳';position:absolute;right:3%;bottom:24px;font-size:150px;color:#294b2310;line-height:1;pointer-events:none}
.discover{padding-top:125px}.cards{gap:22px}.topic-card{background:radial-gradient(ellipse at 100% 0,#224a3833,transparent 65%),#0c1c18;border-color:#b7d4b820;padding:36px;border-radius:16px;min-height:415px}.topic-card h3{font-size:25px;font-weight:400;letter-spacing:-.8px}.topic-card p{color:#98b2a6;font-size:13px}.topic-card svg{width:75px;height:75px;stroke-width:1.3;margin:36px 0 32px}.card-number{color:#8ca28d}.topic-card>a{color:#dce9d6;font-size:10px}.topic-card:before{width:220px;height:220px;top:-110px;right:-110px;background:#c5fa7510}
.cards .topic-card:nth-child(2){background:radial-gradient(ellipse at 100% 0,#27445155,transparent 70%),#0c1a1d}.cards .topic-card:nth-child(2) svg{stroke:#96d8d0;filter:drop-shadow(0 0 15px #96d8d030)}.cards .topic-card:nth-child(3){background:radial-gradient(ellipse at 100% 0,#74532b33,transparent 70%),#191e16}.cards .topic-card:nth-child(3) svg{stroke:#e5ca89;filter:drop-shadow(0 0 15px #e5ca8930)}
.spectrum-section{padding-top:10px}.spectrum-panel{border-color:#c5fa7525;background:#0b1c18;box-shadow:0 0 90px #75c59508,0 30px 60px #0003;border-radius:18px}.spectrum-top{background:#0b1c18;color:#7da28e;padding:24px 28px}.tuning-controls{background:#0e211b;padding:30px}.readout-label{color:#7f9c8a}#frequency{font-size:48px;letter-spacing:-2px;color:#dcffaf}.unit{color:#9cad92}.mode-tag{border-radius:30px;color:#b4d48d}.tuning-slider{color:#a8c2ae}.slider-scale{color:#809986}#spectrum-canvas{height:260px;background:#06120e}
.radio-diagram{background:radial-gradient(ellipse at 50% 40%,#33543140,transparent 70%),#0a1c16;border-color:#aec99720;padding:40px}.diagram-node{background:#10271c;border-color:#9cbf7f40;box-shadow:0 0 25px #a6d78208}.diagram-node strong{font-weight:400;font-size:18px}.diagram-line{height:30px}.radio-section p{color:#97afa2}.diagram-title,.diagram-foot{color:#9cad92}.wave-line{animation:wave-breathe 3s ease-in-out infinite}
@keyframes wave-breathe{50%{text-shadow:0 0 20px #c5fa7580;letter-spacing:9px}}
.workbench{max-width:none;padding:115px max(6%,calc((100vw - 1267px)/2));background:linear-gradient(#0d211a,#0a1915);border-color:#c5fa7518}.personal-projects{gap:28px}.personal-project{background:#0c1e18;border-color:#c5fa7520;border-radius:18px}.featured-project{grid-template-columns:1.15fr 1fr}.project-visual,.kinderdorp-visual{min-height:350px;padding:30px;isolation:isolate}.kinderdorp-visual{min-height:430px}.project-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s}.project-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(#06130e10 20%,#06130e00 50%,#06130ef5);z-index:-1;pointer-events:none}.project-visual:after{display:none}.personal-project:hover .project-art{transform:scale(1.045)}.broadcast-bars,.scouting-visual>svg,.community-orbit{display:none}.mini-frequency{color:#bfd2be;font-size:8px;letter-spacing:2px;align-self:flex-start;border:1px solid #d9eac625;background:#07160e65;backdrop-filter:blur(10px);border-radius:30px;padding:9px 13px}.project-visual>strong{font-size:50px;font-weight:500;letter-spacing:-2.5px;color:#eef3de}.project-visual>strong>span{color:#c0d2b4;letter-spacing:2px;font-size:8px}.personal-project-copy{padding:38px}.featured-project .personal-project-copy{display:flex;flex-direction:column;justify-content:center}.personal-project-copy h3{font-size:29px;font-weight:400;line-height:1.15;letter-spacing:-1px;margin:20px 0}.personal-project-copy p{font-size:13px;color:#96afa2}.personal-project-copy .text-link{align-self:flex-start}.project-type{font-size:8px;color:#bcdc90;letter-spacing:1.6px}
.personal-timeline{padding-top:100px}.timeline-items{border-top:0;margin-left:15px;padding-left:35px;border-left:1px solid #c5fa7530}.timeline-items article{padding:35px 0;grid-template-columns:150px 1fr;gap:35px}.timeline-items article:before{content:'';position:absolute;left:-41px;top:40px;width:10px;height:10px;border:2px solid #071211;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #c5fa7510}.timeline-items time{font-size:16px;color:#c0d99f}.timeline-items h3{font-size:26px;font-weight:400}.timeline-items p{color:#8ca69a}
.quote-section{min-height:650px;padding:120px 5% 180px;background:radial-gradient(ellipse at 50% 20%,#23442a66,transparent 70%),#06110d;display:flex;flex-direction:column;justify-content:center;align-items:center}.quote-section:before,.quote-section:after{display:none}.quote-section>p{font-size:clamp(40px,6vw,88px);letter-spacing:-3.7px;line-height:1.1;margin:28px 0 35px;z-index:1}.quote-section .section-label{font-size:8px;letter-spacing:3px;z-index:1}.quote-section>div{z-index:1;color:#a0ba9c}.quote-section #signal-ocean{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.ocean-caption{position:absolute;bottom:38px;font:8px monospace;letter-spacing:3px;color:#98b690;z-index:1}
.glossary{padding-top:120px}.faq{border-color:#c5fa7520}.faq details{padding:25px 0}.faq summary{font-size:17px;font-weight:400}.faq details p{color:#92ac9d}.faq summary:after{display:grid;place-items:center;border:1px solid #c5fa7525;width:26px;height:26px;border-radius:50%;flex-shrink:0;font-size:18px}
.contact-section{border:0;padding-top:70px;padding-bottom:120px}.contact-copy p{color:#a0b5a6}.contact-form{background:radial-gradient(ellipse at 100% 0,#2d4c3030,transparent 65%),#0d2018;border-radius:18px;padding:36px;border-color:#c5fa7525}.contact-form input,.contact-form textarea{background:#081810;border-color:#d0e7bf26;border-radius:8px;color:#e8f0de}.contact-form label{color:#b6ccb6;font-size:11px}.contact-help{font-size:11px;color:#96ae98}
.contact-radar{position:relative;margin-top:45px;width:210px;height:210px;display:grid;place-items:center;border:1px solid #c5fa7514;border-radius:50%;background:radial-gradient(circle,#c5fa750b,transparent 70%)}.contact-radar:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 65%,#c5fa7515);animation:radar-sweep 9s linear infinite}.contact-radar:after{content:'';position:absolute;width:8px;height:8px;right:33px;top:48px;background:var(--lime);border-radius:50%;box-shadow:0 0 20px #c5fa7550}.contact-radar i{position:absolute;inset:25px;border:1px solid #c5fa7512;border-radius:50%}.contact-radar i:nth-child(2){inset:50px}.contact-radar i:nth-child(3){inset:75px}.contact-radar>span{font:italic 70px Georgia,serif;color:#caeaa6;z-index:1}.contact-radar small{position:absolute;bottom:-25px;font:8px monospace;letter-spacing:1.5px;color:#7f9b88;white-space:nowrap}
@keyframes radar-sweep{to{transform:rotate(360deg)}}
.closing{background:var(--lime);border:0;padding:60px;border-radius:20px;box-shadow:0 20px 80px #0003}.closing h2{color:#1d3d23;font-size:43px;font-weight:400;letter-spacing:-2px}.closing .section-label{color:#47643a}.closing .button{background:#153425;color:#eff6dc;border:0;box-shadow:0 10px 30px #264e2820}.closing .button>span{background:#ffffff10}.closing:before{border-color:#28522320;box-shadow:0 0 0 40px #28522306,0 0 0 80px #28522304}
footer{background:#050e0b;border-color:#c5fa7518;padding-top:40px;padding-bottom:40px;color:#8aa18f}footer .brand{color:#e7eedb}footer p{color:#8aa18f}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}
body.motion-paused .hero-copy{animation:none;opacity:1;transform:none}
body.motion-paused .reveal-ready,body.motion-paused .polish-reveal.pending{opacity:1;transform:none;transition:none}
body.motion-paused .topic-card:hover,body.motion-paused .identity-card:hover,body.motion-paused .signal-launch:hover{transform:none}
body.motion-paused .project-art{transform:none!important}
body.motion-paused{scroll-behavior:auto}html:has(body.motion-paused){scroll-behavior:auto}
@media(min-width:1600px){.hero{padding-left:max(5%,calc((100vw - 1440px)/2))}.orbital-controls,.globe-label,.hero-coordinates{right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.hero{padding-top:185px;min-height:850px;height:100svh;max-height:1000px}.callsign{font-size:14.5vw}.hero-tagline{font-size:47px}.orbital-controls{width:235px;bottom:148px}.globe-label{bottom:284px}.personal-about{gap:50px;padding-top:110px;padding-bottom:110px}.identity-card{padding:28px;min-height:350px}.identity-monogram{font-size:110px}.topic-card{padding:28px}.topic-card h3{font-size:23px}.personal-project-copy{padding:30px}.project-visual>strong{font-size:43px}.quote-section{min-height:600px}.contact-radar{width:170px;height:170px}}
@media(max-width:850px) and (min-width:721px){.header nav{gap:16px;font-size:10px}.header .brand{font-size:22px}.header .brand-mark{font-size:28px}.hero-tagline{font-size:40px}.hero-copy>p{max-width:370px;font-size:13px}.hero-actions{gap:20px}.orbital-controls{width:215px}.signal-status{font-size:7px}.cards{gap:12px}.topic-card{padding:23px}.topic-card h3{font-size:21px}.personal-about{gap:40px;grid-template-columns:1fr 1.6fr}.identity-card{padding:23px}.identity-card>strong{font-size:20px}.identity-monogram{font-size:90px}.personal-about .large-copy{font-size:18px}.section-heading h2,h2{font-size:42px}.contact-radar{display:none}}
@media(max-width:720px){
 .header{height:78px}.header nav{background:#091b13f5}.hero{height:auto;max-height:none;min-height:1150px;padding:155px 6% 665px}.hero-copy{max-width:none}.eyebrow{font-size:7px;letter-spacing:1.2px}.hero h1{margin-top:29px}.callsign{font-size:18.3vw}.hero-tagline{font-size:35px;line-height:1.16;letter-spacing:-1.4px;margin-top:26px}.hero h1 em{letter-spacing:-1.3px}.hero-copy>p{font-size:12px;max-width:350px;margin-top:24px}.hero-actions{gap:20px;margin-top:25px}.button{padding:15px 20px}.hero-actions .button{padding:15px 19px;font-size:8px;gap:19px}.hero-actions .text-link{font-size:9px;gap:10px}.hero:after{background:linear-gradient(#050e0d10 40%,transparent 60%)}.hero-coordinates{top:103px;right:6%;font-size:6px;letter-spacing:1px}.coordinate-cross{font-size:20px;left:-24px}.hero-bottom{bottom:24px;left:6%;right:6%;font-size:6px;gap:15px;padding-top:21px}.hero-bottom>a>span{width:28px;height:28px;font-size:12px}.hero-bottom>a{gap:10px}.orbital-controls{left:6%;right:6%;width:auto;bottom:138px}.orbital-caption{font-size:7px;margin-bottom:10px}.signal-launch{padding:13px 16px;background:#0c211be0}.signal-launch small{display:none}.signal-status{font-size:7px;margin-top:8px;min-height:12px}.motion-toggle{bottom:102px;left:6%;font-size:8px;padding:5px 0}.globe-label{left:6%;right:auto;bottom:290px;font-size:6px;background:transparent;padding:0}.ticker{transform:rotate(-2deg);margin-top:-10px}.ticker-group{gap:28px;padding:17px 14px;font-size:9px}.ticker-group i{font-size:20px}
 .section{padding:75px 6%}.personal-about{padding:85px 6% 80px;grid-template-columns:1fr;gap:50px}.personal-about .identity-card{max-width:340px;min-height:0;padding:28px;grid-template-columns:95px 1fr;gap:0 24px;margin:30px 0 0 5px;border-radius:12px;box-shadow:10px 12px 0 #dfe5d5}.identity-monogram{font-size:80px;letter-spacing:-10px}.identity-card>strong{font-size:20px}.identity-monogram>span{font-size:25px;letter-spacing:0;margin-left:12px}.identity-lines{font-size:7px}.identity-kicker{font-size:7px}.personal-about:after{font-size:100px;bottom:16px}.personal-about p{font-size:13px}.personal-about .large-copy{font-size:18px}.section-heading h2,h2{font-size:38px;letter-spacing:-1.8px}.section-label{font-size:8px;letter-spacing:1.6px}.cards{gap:18px}.topic-card{min-height:0;padding:30px;border-radius:14px}.topic-card svg{width:62px;height:62px;margin:25px 0}.topic-card h3{font-size:26px}.topic-card p{font-size:13px}.spectrum-section{padding-top:0}.spectrum-top{padding:20px;font-size:6px}.spectrum-panel{border-radius:14px}#spectrum-canvas{height:215px}#frequency{font-size:42px}.tuning-controls{padding:25px}.radio-section{padding-top:0}.radio-diagram{padding:32px}.featured-project{grid-template-columns:1fr}.project-visual,.kinderdorp-visual{min-height:330px;padding:25px}.project-visual>strong{font-size:43px}.personal-project-copy{padding:28px}.personal-project-copy h3{font-size:25px}.personal-projects{gap:25px}.workbench{padding:75px 6%}.timeline-items{padding-left:25px;margin-left:5px}.timeline-items article{grid-template-columns:1fr;gap:14px}.timeline-items article:before{left:-31px;top:38px}.timeline-items h3{font-size:23px}.timeline-items time{font-size:14px}.quote-section{min-height:510px;padding:85px 6% 120px}.quote-section>p{font-size:clamp(32px,8.3vw,52px);letter-spacing:-1.6px;line-height:1.18;margin:25px 0}.quote-section .section-label{font-size:7px;letter-spacing:1.7px}.quote-section>div{font-size:7px}.ocean-caption{font-size:6px;letter-spacing:2px;bottom:30px}.contact-radar{display:none}.contact-section{gap:35px;padding-top:0}.contact-form{padding:25px}.contact-fields{gap:22px}.faq summary{font-size:15px}.closing{padding:32px 26px;margin-bottom:50px;border-radius:16px;gap:27px}.closing h2{font-size:31px;letter-spacing:-1.5px}.closing .button{font-size:10px}.contact-help{font-size:11px}footer{padding:30px 6%}
}
@media(max-width:380px){.hero-tagline{font-size:30px}.hero{padding-top:148px;min-height:1110px}.hero-actions{gap:18px}.eyebrow{font-size:6px}.hero-coordinates{font-size:5px}.hero-bottom{letter-spacing:.8px}.hero-bottom>a{font-size:5px}.contact-form{padding:21px}.personal-about .identity-card{padding:22px;gap:0 18px;grid-template-columns:80px 1fr}.identity-monogram{font-size:70px}.identity-card>strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.wave-line,.contact-radar:before{animation:none}.hero-copy{animation:none;opacity:1;transform:none}.project-art{transition:none}.personal-project:hover .project-art,.signal-launch:hover{transform:none}.identity-card,.identity-card:hover{transform:none}}

/* Version 6: a cinematic artwork, a dedicated signal stage and contact everywhere. */
.header .nav-contact{display:inline-flex;align-items:center;gap:12px;border:1px solid #e5edcd50;border-radius:40px;padding:12px 17px;color:#eff5df;background:#10251c70}
.header .nav-contact:after{display:none}.header .nav-contact:hover{background:#c5fa75;color:#173021;border-color:#c5fa75}
.hero{min-height:940px;padding-top:154px;background:#040e0e}
.hero-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-3;transform:scale(1.04) translate(var(--scene-x,0px),var(--scene-y,0px));transition:transform 1.4s ease-out;pointer-events:none}
.hero:after{background:linear-gradient(90deg,#030d0ef2 0%,#030d0ec9 27%,#030d0e55 53%,#030d0e00 82%),linear-gradient(0deg,#030d0eb0,transparent 20%,transparent 82%,#030d0e60)}
.hero-aurora{opacity:.38}.hero-copy{max-width:760px}.hero .callsign{font-size:clamp(68px,7.2vw,108px);letter-spacing:-.085em;line-height:.95;background:linear-gradient(125deg,#fff,#e5ecd5);background-clip:text}
.hero h1{margin:26px 0 20px}.hero .hero-tagline{font-size:clamp(65px,7.5vw,112px);letter-spacing:-5px;line-height:.93;margin-top:27px;font-weight:400;color:#f1f4e8}
.hero h1 em{display:block;font-size:clamp(25px,2.95vw,44px);letter-spacing:-1.5px;line-height:1.25;margin-top:25px;color:#ead6a5}
.hero-copy>p{margin-top:26px;font-size:14px;color:#bed0c4}.hero-actions{margin-top:28px}.hero-actions .button{background:#d1fc82;box-shadow:0 10px 45px #c5fa7520;padding:19px 25px;font-size:10px}.hero-actions .text-link{color:#e0e9d8;font-size:11px}
.hero-coordinates{color:#ccd6bb;top:132px}.hero-bottom{border-color:#e6eecc38;color:#b7c8b2}.hero-bottom>a{color:#d3e2c9}.hero-bottom .hero-bars{color:#efd397}
.hero-postcard{position:absolute;right:5%;bottom:174px;display:flex;gap:16px;align-items:center;padding:22px 25px;background:#0a1b16b8;backdrop-filter:blur(20px);border:1px solid #efdaaf40;border-radius:16px;color:#f0e8d3;font-size:17px;box-shadow:0 15px 50px #0004;transition:background .3s,transform .3s}
.hero-postcard:hover{background:#19342bdd;transform:translateY(-4px)}.postcard-icon{color:#f2d18c;font-size:42px;line-height:1}.hero-postcard small{display:block;margin-top:8px;color:#baccb9;font:9px monospace;letter-spacing:1px}.hero-postcard small>span{margin-left:16px;color:#f2d18c}
.hero .motion-toggle{color:#baccb9;bottom:109px}.hero .motion-toggle>span{color:#f2d18c}
.connection-stage{position:relative;isolation:isolate;overflow:hidden;min-height:460px;margin-bottom:75px;background:radial-gradient(ellipse at 75% 50%,#24543d55,transparent 55%),#081912;border:1px solid #b6d69530;border-radius:20px;box-shadow:0 25px 70px #0003}
.connection-stage #globe{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.stage-copy{position:relative;padding:70px 5%;max-width:520px}.stage-copy h3{font-size:45px;letter-spacing:-2px;font-weight:400;line-height:1.1;margin:0}.stage-copy h3 em{font:italic 41px/1.15 Georgia,serif;color:#cee6aa;letter-spacing:-1.8px;display:block;margin-top:8px}.stage-copy .section-label{display:block;font-size:8px;letter-spacing:1.3px;margin-bottom:22px}.stage-copy .orbital-controls{position:static;width:280px;margin-top:30px}.connection-stage .globe-label{right:5%;left:auto;bottom:30px;background:#08191270;backdrop-filter:blur(8px);font-size:7px;padding:10px;border-radius:20px}
.contact-section{max-width:none;padding:100px max(6%,calc((100vw - 1267px)/2));margin-bottom:100px;border-top:1px solid #c5fa7525;border-bottom:1px solid #c5fa7525;background:radial-gradient(ellipse at 5% 60%,#30553844,transparent 60%),#0b1c14;scroll-margin-top:16px}
.contact-form{position:relative;border-color:#c8e4a94a;background:#12291c;box-shadow:0 25px 80px #0003}.contact-form input,.contact-form textarea{background:#07170f;border-color:#bdd6ad40}.contact-form .button{width:100%;font-size:10px;justify-content:center;gap:25px;padding:17px 22px}.contact-copy h2{font-size:clamp(39px,4.4vw,65px)}
.contact-dialog{width:min(680px,calc(100vw - 40px));max-height:calc(100dvh - 48px);padding:28px;border:1px solid #c5fa7550;border-radius:22px;background:radial-gradient(ellipse at 0 0,#28483177,transparent 65%),#091910;color:#e6eddd;box-shadow:0 35px 130px #000b;overflow:auto}
.contact-dialog::backdrop{background:#020b08c7;backdrop-filter:blur(14px)}.contact-dialog[open]{animation:dialog-arrive .3s ease-out}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.contact-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:23px}.contact-dialog-heading .section-label{font-size:8px;letter-spacing:1.5px;margin-bottom:14px;display:block}.contact-dialog-heading h2{font-size:37px;letter-spacing:-1.6px;margin:0}.contact-dialog-heading h2 em{color:#d4e9b3}.dialog-close{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #c5fa7530;border-radius:50%;background:#c5fa7508;color:#d3e6bb;font:26px Arial,sans-serif;cursor:pointer}.dialog-close:hover{background:#c5fa75;color:#173021}.contact-dialog .contact-form{padding:25px;gap:18px;border:1px solid #c5fa7525;border-radius:14px;box-shadow:none;background:#0d2117}.contact-dialog textarea{min-height:125px;max-height:240px}.contact-dialog .contact-form label{font-size:12px}.contact-dialog .contact-form input{padding:12px 14px}
body.contact-modal-open{overflow:hidden}.floating-contact{position:fixed;bottom:25px;right:25px;display:flex;align-items:center;gap:12px;padding:15px 19px;border-radius:50px;background:#d1fc82;color:#16301e;font-size:11px;font-weight:600;border:1px solid #e4ffaa90;box-shadow:0 10px 45px #0005;z-index:35;transition:transform .3s,box-shadow .3s}.floating-contact>span:first-child{font-size:18px}.floating-contact:hover{transform:translateY(-3px);box-shadow:0 15px 45px #c5fa7520}body.contact-modal-open .floating-contact{visibility:hidden}
@media(max-width:1100px){.hero{min-height:900px}.hero-postcard{bottom:157px;font-size:15px;padding:20px}.hero .hero-tagline{font-size:91px}.hero h1 em{font-size:36px}.header nav{gap:22px}.header .nav-contact{padding:10px 13px}.connection-stage{min-height:440px}.stage-copy h3{font-size:38px}.stage-copy h3 em{font-size:33px}.stage-copy{max-width:420px}}
@media(max-width:850px) and (min-width:721px){.hero .hero-tagline{font-size:81px}.hero h1 em{font-size:32px}.hero-postcard{padding:17px;right:5%;width:220px;gap:12px;font-size:13px}.hero-postcard small{font-size:7px}.header nav{gap:12px}.header .nav-contact{padding:9px 10px;font-size:9px}.header .brand{font-size:20px}.header .brand-mark{font-size:24px}.hero-copy>p{max-width:370px}.stage-copy{padding:60px 5%;max-width:360px}.stage-copy h3{font-size:34px}.stage-copy h3 em{font-size:29px}.stage-copy .orbital-controls{width:250px}}
@media(max-width:720px){
 .header .nav-contact{padding:12px 18px;font-size:12px}.hero{min-height:1000px;height:auto;padding:155px 6% 405px}.hero-artwork{object-position:72% center;opacity:.9;transform:scale(1.025)}.hero:after{background:linear-gradient(180deg,#030d0ee8, #030d0ec9 23%,#030d0e77 48%,#030d0e08 75%,#030d0ea0)}.hero .hero-tagline{font-size:clamp(65px,17vw,100px);letter-spacing:-3px;line-height:.96;margin-top:25px}.hero .callsign{font-size:clamp(50px,13.2vw,78px)}.hero h1 em{font-size:clamp(23px,6vw,34px);letter-spacing:-.8px;margin-top:22px;line-height:1.3}.hero-copy>p{margin-top:24px;font-size:12px;color:#d5dfd0}.hero-actions{gap:23px}.hero-actions .button{font-size:8px;padding:16px 19px;gap:16px}.hero-actions .text-link{font-size:9px}.hero-postcard{left:6%;right:6%;bottom:159px;padding:17px 20px;font-size:15px;gap:16px;background:#0b1f18c9}.hero-postcard small{font-size:8px}.hero-coordinates{top:101px;font-size:6px}.hero .motion-toggle{bottom:111px;font-size:8px}.hero-bottom{font-size:6px}.hero-bottom>a{font-size:6px}.connection-stage{min-height:710px;margin-bottom:50px;border-radius:16px}.stage-copy{max-width:none;padding:35px 7%}.stage-copy .section-label{font-size:7px;letter-spacing:1px}.stage-copy h3{font-size:35px;letter-spacing:-1.5px}.stage-copy h3 em{font-size:31px;letter-spacing:-1.4px}.stage-copy .orbital-controls{margin-top:24px;width:100%;max-width:320px}.stage-copy .signal-launch{padding:14px 16px}.connection-stage .globe-label{bottom:25px;right:auto;left:7%;font-size:6px;letter-spacing:1px}.contact-section{padding:65px 6%;margin-bottom:65px;gap:32px}.contact-copy h2{font-size:40px}.contact-section .contact-form{padding:25px}.floating-contact{bottom:18px;right:17px;padding:13px 17px;gap:9px;font-size:10px}.contact-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;border-radius:18px}.contact-dialog-heading{margin-bottom:20px;gap:10px}.contact-dialog-heading h2{font-size:29px;letter-spacing:-1.2px}.contact-dialog-heading .section-label{font-size:6px;letter-spacing:1px;margin-bottom:12px}.dialog-close{width:32px;height:32px;font-size:23px}.contact-dialog .contact-form{padding:19px;gap:16px}.contact-dialog .contact-fields{gap:16px}.contact-dialog .contact-form label{font-size:11px}.contact-dialog .contact-form input,.contact-dialog .contact-form textarea{font-size:16px;padding:11px 12px}.contact-dialog .contact-form textarea{min-height:112px;max-height:180px}.contact-dialog .contact-help{font-size:10px}.contact-dialog .contact-form .button{font-size:8px;padding:14px 16px}.contact-dialog .contact-form .button>span{width:20px;height:20px}footer{padding-bottom:90px}
}
@media(max-width:380px){.hero{padding-top:148px;min-height:1010px}.hero-actions{flex-direction:column;align-items:start;gap:20px}.hero h1 em{font-size:22px}.contact-dialog{padding:15px}.contact-dialog-heading h2{font-size:25px}.contact-dialog .contact-form{padding:15px}.contact-copy h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.hero-artwork,.hero-postcard:hover,.floating-contact:hover{transform:none}.contact-dialog[open]{animation:none}.hero-artwork{transition:none}}
body.motion-paused .hero-artwork{transform:none;transition:none}body.motion-paused .hero-postcard:hover,body.motion-paused .floating-contact:hover{transform:none}