/* Media only: preserve shared public header and footer. */
.media-ocean{background:linear-gradient(#02121ebd,#02121ef5 750px),url('/assets/optimized/landing-sea.f0fe61086803.webp') center top/cover no-repeat}
.media-main{max-width:880px;margin:auto;padding:48px 24px 72px}
.media-kicker{text-align:center;letter-spacing:5px;color:#a8d8f6;font-size:12px}
.media-main h1{font:clamp(34px,4.5vw,54px)/1.18 Georgia,serif;white-space:normal;letter-spacing:-.7px;text-align:center;margin:18px auto 24px}
.media-intro{max-width:650px;text-align:center;margin:0 auto 38px;color:#d5e2eb;font-size:18px;line-height:1.8}
.media-channels{display:grid;gap:18px}
.media-channel{display:flex;align-items:flex-start;gap:24px;padding:28px;background:#0b202de8;border:1px solid #315064;border-radius:12px}
.media-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #4c758a;border-radius:10px;color:#b0e2fa;font:bold 32px Georgia,serif}
.media-channel h2{text-align:left;font-size:27px;margin:0 0 12px}
.media-channel p{color:#c5d7e1;line-height:1.75;margin:0 0 14px}
.media-account{font-size:14px}.media-account a,.media-help a{color:#a3dfff;text-decoration:underline;text-underline-offset:4px}
.media-account a:focus-visible,.media-help a:focus-visible{outline:2px solid #a3dfff;outline-offset:5px}
.media-note,.media-help{text-align:center;color:#b6cbd7;font-size:14px;line-height:1.7;margin:24px 0 0}
.media-skip{position:absolute;top:-100px;left:16px;z-index:10;background:#122c3d;padding:12px}.media-skip:focus{top:12px}
@media(max-width:600px){.media-main{padding:30px 18px 44px}.media-channel{padding:22px 18px;gap:16px}.media-intro{font-size:16px}.media-channel h2{font-size:24px}.media-icon{flex-basis:36px;width:36px;height:36px}}