:root{--navy:#071523;--navy2:#0d2335;--ink:#102130;--cream:#f4f0e8;--white:#fff;--accent:#ff5a36;--muted:#aab5bf;--line:rgba(255,255,255,.16);--shadow:0 30px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);color:#fff;background:linear-gradient(180deg,rgba(4,13,22,.78),transparent);transition:.25s}.site-header.scrolled{background:rgba(7,21,35,.94);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.16)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-weight:900;letter-spacing:-2px}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.02em}.brand small{font-size:10px;opacity:.7;text-transform:uppercase;letter-spacing:.14em;margin-top:2px}.site-nav{display:flex;gap:30px;font-size:14px;font-weight:700}.site-nav a{opacity:.78}.site-nav a:hover{opacity:1}.menu-toggle{display:none;border:0;color:#fff;background:none}.hero{min-height:100svh;position:relative;display:flex;align-items:center;background:url('/assets/piraeus-hero.png') center/cover no-repeat;color:#fff;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,24,.9) 0%,rgba(5,18,30,.64) 46%,rgba(5,18,30,.18) 100%),linear-gradient(0deg,rgba(5,16,26,.5),transparent 55%)}.hero-content{position:relative;z-index:2;width:min(760px,90vw);margin-left:clamp(20px,8vw,130px);padding-top:70px}.eyebrow{margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.22em;color:#fff}.eyebrow.dark{color:var(--accent)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:9px;box-shadow:0 0 0 6px rgba(255,90,54,.14);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(255,90,54,0)}}h1{font-size:clamp(52px,7vw,104px);line-height:.92;letter-spacing:-.065em;margin:0;max-width:900px}h1 em{font-family:Georgia,serif;font-weight:400;color:#f1c9a9}.hero-copy{font-size:clamp(16px,2vw,21px);line-height:1.6;max-width:580px;color:rgba(255,255,255,.76);margin:28px 0}.player-card{width:min(650px,100%);padding:24px 26px 20px;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(8,24,39,.69);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.player-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.player-label{font-size:10px;letter-spacing:.2em;color:#f3b99e;font-weight:800}.player-card h2{margin:7px 0 4px;font-size:clamp(20px,3vw,28px);letter-spacing:-.03em}.player-card p{margin:0;color:var(--muted);font-size:13px}.player-controls{display:flex;align-items:center;gap:20px;padding-top:18px}.play-button{width:58px;height:58px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:var(--navy);cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.25);transition:.2s}.play-button:hover{transform:scale(1.05)}.play-button svg{width:25px;fill:currentColor}.icon-pause{display:none}.is-playing .icon-play{display:none}.is-playing .icon-pause{display:block}.volume-wrap{display:flex;align-items:center;gap:10px;flex:1}.volume-wrap svg{width:20px;fill:#fff;opacity:.7}.volume-wrap input{width:min(180px,32vw);accent-color:#fff}.on-air{margin-left:auto;font-size:10px;font-weight:900;letter-spacing:.15em}.on-air span{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:6px}.equalizer{display:flex;align-items:flex-end;gap:4px;height:42px}.equalizer i{display:block;width:4px;height:15px;border-radius:3px;background:#fff;opacity:.6}.equalizer.active i{animation:eq .8s ease-in-out infinite alternate}.equalizer.active i:nth-child(2){animation-delay:.2s}.equalizer.active i:nth-child(3){animation-delay:.45s}.equalizer.active i:nth-child(4){animation-delay:.1s}.equalizer.active i:nth-child(5){animation-delay:.35s}@keyframes eq{to{height:40px;opacity:1}}.scroll-cue{position:absolute;z-index:3;bottom:26px;right:5vw;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%}.section{padding:110px clamp(20px,8vw,130px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:42px}.section-heading h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.055em;margin:0}.text-button{border:0;background:none;font-weight:800;cursor:pointer;color:var(--ink)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{min-height:310px;padding:26px;display:flex;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(28,38,47,.08);transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(28,38,47,.13)}.news-card .source{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.news-card h3{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:18px 0}.news-card p{color:#62707a;line-height:1.6;font-size:14px}.news-card time{margin-top:auto;padding-top:20px;color:#8a959d;font-size:12px}.skeleton{background:linear-gradient(100deg,#fff 30%,#f2eee7 50%,#fff 70%);background-size:300% 100%;animation:shine 1.4s infinite}@keyframes shine{to{background-position:-200% 0}}.news-message{text-align:center;color:#77838c}.schedule-section{background:var(--navy);color:#fff}.schedule-list{border-top:1px solid var(--line)}.schedule-list article{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.schedule-list time{color:#f3b99e;font-weight:800}.schedule-list h3{font-size:27px;margin:0 0 8px}.schedule-list p{margin:0;color:var(--muted)}.editor-note{margin-top:30px;color:#8494a0;font-size:13px}.editor-note code{color:#fff}.site-footer{padding:70px clamp(20px,8vw,130px) 30px;background:#04101a;color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer .large{width:58px;height:58px}.site-footer h2{margin:18px 0 6px}.site-footer h3{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#f3b99e}.site-footer a{display:block;margin:10px 0;color:#bcc7ce}.site-footer p{color:#80909b}.site-footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;color:#647580}.sticky-player{display:none;position:fixed;z-index:60;left:18px;right:18px;bottom:18px;align-items:center;justify-content:space-between;padding:12px 14px 12px 18px;border-radius:15px;background:rgba(7,21,35,.95);color:#fff;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.sticky-player button{width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-weight:900}.sticky-player strong{font-size:13px}
@media(max-width:820px){.site-nav{position:absolute;top:68px;right:18px;display:none;flex-direction:column;padding:20px;min-width:190px;border-radius:14px;background:rgba(7,21,35,.97)}.site-nav.open{display:flex}.menu-toggle{display:block}.hero-content{margin:0 auto;padding:100px 20px 80px;width:100%}h1{font-size:clamp(48px,14vw,75px)}.hero-copy{max-width:90%}.player-card{padding:20px}.news-grid{grid-template-columns:1fr}.schedule-list article{grid-template-columns:1fr;gap:10px}.site-footer{grid-template-columns:1fr}.sticky-player.visible{display:flex}.scroll-cue{display:none}}
@media(max-width:520px){.brand small{display:none}.site-header{height:66px}.section{padding:80px 20px}.player-controls{gap:13px}.volume-wrap input{width:90px}.on-air{display:none}.section-heading{align-items:flex-start}.section-heading h2{font-size:44px}.news-card{min-height:260px}.site-footer{padding:60px 20px 100px}}