/* PD3FCA: a cinematic, self-contained radio universe. */
:root{--ink:#eaf0f3;--muted:#8b9ea9;--paper:#080e14;--lime:#b7ff62;--line:#ffffff15;--dark:#050a10;background:var(--paper);color:var(--ink)}
body{background:radial-gradient(ellipse at 95% 35%,#10304030,transparent 45%),#080e14}::selection{color:#080e14;background:var(--lime)}
.header{max-width:none;height:90px;padding:0 5%;position:absolute;inset:0 0 auto;z-index:5;border-bottom:1px solid #ffffff12}.brand{letter-spacing:-1.5px}.brand-mark{color:var(--lime)}.brand-dot{color:var(--lime)}.header nav{font-size:11px;letter-spacing:.5px}.header nav a:hover{color:var(--lime)}.nav-last{border-color:#ffffff20}.hero{position:relative;isolation:isolate;overflow:hidden;max-width:none;display:block;min-height:850px;height:min(960px,100svh);padding:210px 5% 150px;background:radial-gradient(ellipse at 73% 48%,#083b5440,transparent 50%),linear-gradient(120deg,#091119,#050a10);border-bottom:1px solid #ffffff1a}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080e14a0 0%,#080e1410 55%,transparent);z-index:-1}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:-1}.hero-copy{max-width:770px}.eyebrow{font:10px monospace;letter-spacing:2px;color:#b4c9d3}.status-dot{background:var(--lime);box-shadow:0 0 14px #b7ff6280}.hero h1{margin:30px 0 26px;font-size:inherit;line-height:1;letter-spacing:normal}.callsign{display:block;font-size:clamp(95px,12.5vw,185px);font-weight:800;letter-spacing:-.085em;margin-left:-.045em;line-height:.95;text-shadow:0 10px 60px #0006}.callsign>span{color:var(--lime)}.hero-tagline{display:block;margin-top:32px;font-size:clamp(28px,3.15vw,48px);font-weight:400;line-height:1.2;letter-spacing:-1.7px}.hero h1 em{font-family:Georgia,serif;color:#d7eab8;font-weight:400;letter-spacing:-1.5px}.hero-copy>p{max-width:550px;color:#9bafb9;font-size:14px;line-height:1.9}.hero-actions{margin-top:30px;gap:30px}.button{background:var(--lime);color:#10210c;border-radius:0;padding:19px 25px;font-size:10px;letter-spacing:1px;box-shadow:0 0 30px #b7ff6210}.button:hover{background:#d2ff9a;color:#10210c;box-shadow:0 0 40px #b7ff6230}.text-link{border-color:#ffffff35;font-size:11px;color:#c6d5db}.hero-coordinates{position:absolute;right:5%;top:120px;color:#6d9ba9;line-height:1.8;font:9px/1.8 monospace;letter-spacing:1px;text-align:right}.globe-label{position:absolute;right:7%;bottom:190px;font:8px monospace;color:#add1de;letter-spacing:1px;display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #87c9de22;background:#07151eaa;backdrop-filter:blur(6px)}.globe-label>span:last-child{color:#638a99;margin-left:20px}.hero-bottom{position:absolute;bottom:36px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #ffffff18;padding-top:26px;font:8px/1.8 monospace;letter-spacing:1.3px;color:#8ea5b2}.hero-bottom>a{display:flex;gap:20px;align-items:center}.hero-bottom>a>span{font-size:22px;color:var(--lime)}.hero-bars{color:var(--lime);font-size:23px;letter-spacing:5px}.ticker{background:#0c151d;color:#7e98a8;border-bottom:1px solid #ffffff13;padding:22px;gap:45px;font:10px monospace;letter-spacing:2px}.ticker i{color:var(--lime);font-size:20px}.section{padding-top:115px;padding-bottom:115px}.section-label{color:var(--lime);font:9px monospace;letter-spacing:2px}h2{font-size:clamp(38px,4.2vw,62px);font-weight:500;letter-spacing:-2.7px}h2 em{font-family:Georgia,serif;color:#c6eaa3;font-weight:400}.large-copy{color:#c1cfd7;font-size:22px}.about{grid-template-columns:1fr 2fr;position:relative}.about:before{content:'01';position:absolute;left:6%;top:170px;font-size:180px;font-weight:800;letter-spacing:-15px;color:#ffffff03;pointer-events:none}.about-content{position:relative}.about-tags span{border-color:#ffffff18;color:#9db2bd;font:10px monospace;background:#ffffff03}.section-heading>p{color:#879caa;font-size:12px}.cards{gap:18px}.topic-card{background:linear-gradient(145deg,#12212c,#0b141c);border-color:#ffffff13;border-radius:0;padding:32px;overflow:hidden;min-height:370px}.topic-card:before{content:'';position:absolute;width:180px;height:180px;top:-90px;right:-90px;background:#b7ff6210;filter:blur(30px);border-radius:50%;transition:transform .5s}.topic-card:hover{transform:translateY(-8px);border-color:#b7ff6260;box-shadow:0 20px 40px #0003}.topic-card:hover:before{transform:scale(2)}.card-number{font:10px monospace;color:#7c95a6}.topic-card svg{stroke:var(--lime);width:65px;height:65px;filter:drop-shadow(0 0 13px #b7ff6240)}.topic-card h3{color:#edf3f5;font-size:23px}.topic-card p{color:#8ea5b3;min-height:100px}.topic-card>a{color:#cddae0;border-color:#ffffff14}.topic-card>a>span{color:var(--lime);font-size:20px}.radio-section{padding-top:0}.radio-diagram{background:radial-gradient(ellipse,#17392e60,transparent 70%),#0b171d;border-color:#ffffff17;border-radius:0;position:relative;overflow:hidden}.radio-diagram:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:25px 25px;pointer-events:none}.diagram-title,.diagram-foot{color:#789ca5;z-index:1}.diagram-node{background:#0c2026;border-color:#75bf9b40;border-radius:3px;z-index:1}.diagram-node strong{color:#e7f1ed}.diagram-node small,.diagram-node>span{color:#82b0a0}.diagram-line{border-color:var(--lime)}.wave-line{color:var(--lime)}.project-index{color:#5b7d8e;font-family:monospace;font-size:22px}.project-type{color:var(--lime);font-family:monospace}.project-list article{transition:background .2s,padding .2s}.project-list article:hover{background:#ffffff03;padding-left:15px;padding-right:15px}.project-list h3{color:#dde8ed;font-size:24px}.project-badge{color:#9ab0bb;background:#ffffff03;font-family:monospace;font-size:9px}.quote-section{padding:110px 20px;background:radial-gradient(ellipse at 50% 120%,#32592755,transparent 70%),#060c11;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.quote-section:before{width:680px;height:680px;left:calc(50% - 340px);top:-240px;border-color:#b7ff6210}.quote-section>p{font-size:clamp(38px,5.4vw,80px);font-weight:300;color:#e6ecef}.quote-section .section-label{color:var(--lime)}.quote-section>div{color:#73937f}.faq summary{font-size:16px;color:#cfdee6}.faq summary:after{color:var(--lime)}.faq p{color:#8fa6b3}.closing{background:radial-gradient(ellipse at 95% 100%,#43682740,transparent 60%),#11201e;border:1px solid #b7ff6220;border-radius:0;padding:55px}.closing h2{color:#e9f0e3;font-size:40px;letter-spacing:-1.8px}footer{background:#060b10;color:#6e8999}footer .brand{color:#d9e5eb}.menu-toggle{color:#cbd9df;border-color:#ffffff20}.spectrum-section{padding-top:0}.spectrum-panel{background:#09141c;border:1px solid #ffffff1c;position:relative;overflow:hidden}.spectrum-top{padding:20px 25px;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff10;color:#628392;font:8px monospace;letter-spacing:1.2px}.spectrum-top>span:first-child{display:flex;align-items:center;gap:10px;color:var(--lime)}#spectrum-canvas{display:block;width:100%;height:230px;background:#070f17}.tuning-controls{display:grid;grid-template-columns:1fr 1.2fr auto;gap:35px;align-items:center;padding:27px 30px;background:#0c1923;border-top:1px solid #ffffff10}.readout-label{display:block;font:8px monospace;color:#688b9c;letter-spacing:1.5px;margin-bottom:9px}#frequency{font:38px monospace;color:var(--lime);letter-spacing:-1.7px;text-shadow:0 0 24px #b7ff6230}.unit{font:12px monospace;margin-left:10px;color:#7b9aaa}.tuning-slider{display:grid;gap:10px;font:9px monospace;color:#9bb4c0;letter-spacing:1px}.tuning-slider>span:first-child{display:flex;justify-content:space-between}.tuning-slider input{width:100%;accent-color:var(--lime);cursor:pointer}.slider-scale{display:flex;justify-content:space-between;font-size:8px;color:#52788c}.mode-tag{font:8px monospace;letter-spacing:1px;border:1px solid #b7ff6230;background:#b7ff6208;padding:12px;color:#96bb71}.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal-ready.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero{padding-left:max(5%,calc((100vw - 1440px)/2))}.header{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.hero{min-height:760px;height:90svh;padding-top:205px}.callsign{font-size:14vw}.hero-tagline{font-size:38px}.globe-label{right:5%;bottom:150px}.hero-copy{max-width:650px}.hero-copy>p{max-width:420px}.topic-card{padding:25px}.topic-card h3{font-size:20px}.tuning-controls{grid-template-columns:1fr 1fr;gap:24px}.mode-tag{display:none}.section{padding-top:85px;padding-bottom:85px}.spectrum-section,.radio-section{padding-top:0}.closing h2{font-size:32px}}
@media(max-width:720px){.header{height:78px;position:absolute}.header nav{background:#0b1620;border-color:#ffffff20}.hero{min-height:850px;height:auto;padding:145px 6% 355px}.eyebrow{font-size:8px;letter-spacing:1.5px}.callsign{font-size:18vw;letter-spacing:-.08em}.hero h1{margin-top:30px;font-size:inherit}.hero-tagline{font-size:30px;margin-top:25px;letter-spacing:-1px}.hero h1 em{letter-spacing:-1px}.hero-copy>p{font-size:12px;max-width:360px}.hero-actions{gap:24px;margin-top:28px}.hero-actions .button{font-size:9px;padding:17px 19px}.hero-actions .text-link{font-size:10px}.hero:after{background:linear-gradient(#080e1480,#080e1400 50%)}.hero-coordinates{top:99px;font-size:7px;right:6%}.hero-bottom{left:6%;right:6%;bottom:25px;font-size:7px;gap:15px;padding-top:20px}.hero-bars{display:none}.globe-label{left:6%;right:auto;bottom:110px;font-size:7px;padding:10px}.globe-label>span:last-child{font-size:6px;margin-left:8px}.ticker{padding:18px 6%;font-size:8px;gap:24px}.section{padding:65px 6%}h2{font-size:37px;letter-spacing:-1.5px}.about:before{display:none}.large-copy{font-size:18px}.topic-card{min-height:0}.topic-card p{min-height:0}.radio-section,.spectrum-section{padding-top:0}.project-list h3{font-size:20px}.quote-section{padding:80px 6%}.quote-section>p{font-size:41px}.closing{padding:30px 25px}.closing h2{font-size:29px}.spectrum-top{padding:17px 16px;font-size:7px;gap:10px}#spectrum-canvas{height:180px}.tuning-controls{grid-template-columns:1fr;gap:22px;padding:24px 20px}#frequency{font-size:36px}.tuning-slider{gap:14px}.faq summary{font-size:14px}footer{background:#060b10}}
.personal-about{grid-template-columns:1fr 1.65fr;gap:75px}.identity-card{max-width:315px;margin-top:40px;padding:30px;background:radial-gradient(ellipse at 0 0,#28473866,transparent 70%),#0c1921;border:1px solid #b7ff6220;display:flex;flex-direction:column;position:relative;overflow:hidden}.identity-monogram{font-size:115px;letter-spacing:-14px;line-height:1.1;font-weight:800;color:#dbe9cc;margin:15px 0 30px}.identity-monogram>span{font-size:40px;color:var(--lime);vertical-align:top;letter-spacing:0;margin-left:20px}.identity-kicker{font:8px monospace;letter-spacing:2px;color:#739385;margin-bottom:12px}.identity-card>strong{font-size:23px;font-weight:500;letter-spacing:-.7px}.identity-call{font:9px monospace;letter-spacing:1px;color:var(--lime);margin-top:10px}.identity-lines{border-top:1px solid #ffffff15;display:flex;justify-content:space-between;gap:8px;margin-top:27px;padding-top:18px;font:7px monospace;color:#74958b;letter-spacing:1px}.personal-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.personal-project{background:#0b161f;border:1px solid #ffffff16;overflow:hidden}.featured-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.project-visual{position:relative;min-height:260px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:26px 26px}.mini-frequency{font:8px monospace;letter-spacing:2px;color:#89b3bf;position:relative;z-index:1}.project-visual>strong{font-size:45px;font-weight:700;letter-spacing:-2px;position:relative;z-index:1}.project-visual>strong>span{display:block;font:8px monospace;letter-spacing:2px;color:#8dae9c;margin-top:10px}.kinderdorp-visual{background:radial-gradient(ellipse at 20% 70%,#42622a66,transparent 70%),#12241f;min-height:330px}.broadcast-bars{display:flex;gap:8px;align-items:center;height:100px;margin:20px 0;max-width:330px}.broadcast-bars i{width:9px;background:var(--lime);box-shadow:0 0 20px #b7ff6230;height:35%;animation:level 2.8s ease-in-out infinite alternate}.broadcast-bars i:nth-child(2n){height:60%;animation-delay:-1s}.broadcast-bars i:nth-child(3n){height:90%;animation-delay:-2s}.broadcast-bars i:nth-child(4n){height:45%;animation-delay:-.4s}.broadcast-bars i:nth-child(5n){height:100%;animation-delay:-1.5s}@keyframes level{0%{transform:scaleY(.5);opacity:.5}100%{transform:scaleY(1);opacity:1}}.scouting-visual{background:radial-gradient(ellipse at 60% 50%,#5c58252e,transparent 80%),#1b211c}.scouting-visual svg{fill:none;stroke:#b7d998;stroke-width:1.3;width:240px;height:140px;position:absolute;right:10px;top:45px;opacity:.7}.community-visual{background:radial-gradient(ellipse at 70% 50%,#175e7630,transparent 80%),#101e2a}.community-orbit{width:125px;height:125px;border:1px solid #7ec4d74a;position:absolute;right:35px;top:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#93c9d7;font:15px monospace}.community-orbit:after{content:'';position:absolute;inset:-20px;border:1px solid #7ec4d720;border-radius:50%}.community-orbit i{width:7px;height:7px;background:var(--lime);position:absolute;border-radius:50%;left:0;top:30px}.community-orbit i:nth-of-type(2){left:85px;top:113px}.community-orbit i:nth-of-type(3){left:105px;top:10px}.personal-project-copy{padding:32px}.personal-project-copy h3{font-size:25px;letter-spacing:-.8px;margin:17px 0}.personal-project-copy p{font-size:13px;margin:0 0 25px;color:#91a9b6}.personal-project-copy .text-link{font-size:10px}.personal-timeline{padding-top:0}.timeline-items{border-top:1px solid var(--line)}.timeline-items article{display:grid;grid-template-columns:150px 1fr;gap:40px;padding:35px 0;border-bottom:1px solid var(--line)}.timeline-items time{font:19px monospace;color:#87a272;padding-top:3px}.timeline-items h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:13px 0}.timeline-items p{font-size:13px;max-width:750px;margin:0 0 15px}.timeline-items a{font:9px monospace;color:#acd29b;border-bottom:1px solid #acd29b30;padding-bottom:5px}.personal-about:before{display:none}
@media(max-width:1000px){.personal-about{gap:35px;grid-template-columns:1fr 1.5fr}.identity-card{padding:25px}.identity-card>strong{font-size:21px}.identity-monogram{font-size:95px}.personal-project-copy{padding:25px}.personal-project-copy h3{font-size:22px}.featured-project{grid-template-columns:1fr 1fr}.timeline-items article{grid-template-columns:120px 1fr;gap:25px}}
@media(max-width:720px){.personal-about{grid-template-columns:1fr;gap:35px}.identity-card{max-width:none;margin-top:24px;display:grid;grid-template-columns:90px 1fr;column-gap:22px;padding:25px}.identity-monogram{grid-row:1/5;font-size:70px;letter-spacing:-9px;margin:0;align-self:center}.identity-monogram>span{font-size:20px;margin-left:8px}.identity-kicker{margin:0 0 8px}.identity-card>strong{font-size:20px}.identity-call{font-size:8px}.identity-lines{grid-column:1/-1;margin-top:22px;padding-top:15px}.personal-projects,.featured-project{grid-template-columns:1fr}.featured-project{grid-column:auto}.project-visual,.kinderdorp-visual{min-height:250px;padding:25px}.project-visual>strong{font-size:40px}.broadcast-bars{height:75px;margin:15px 0;gap:9px}.personal-project-copy{padding:25px}.personal-project-copy h3{font-size:23px}.personal-timeline{padding-top:0}.timeline-items article{grid-template-columns:1fr;gap:18px;padding:28px 0}.timeline-items time{font-size:14px}.timeline-items h3{font-size:21px}.eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.button:hover,.topic-card:hover{transform:none}.broadcast-bars i{animation:none}}