:root{--bg:#07202e;--fg:#f4fbfd;--accent:#cfe3ea;--on-accent:#07202e;--card:rgba(207,227,234,.07);--head:'Cormorant Garamond',Georgia,serif;--fxanim:fxRise;--fxdur:1s;--step:75ms;--cover-bg:radial-gradient(ellipse at 50% 100%,#1f7a8c55,transparent 60%),linear-gradient(#03121b55,#03121bcc 60%,#03121bf5)}
body{font-family:'Raleway',system-ui,sans-serif;font-weight:300;font-size:17px;background:radial-gradient(circle at 50% 0,#0f4056 0,transparent 55%),var(--bg) fixed}
.cover h1{font-style:italic;font-weight:500;letter-spacing:.03em;background:linear-gradient(180deg,#ffffff,#cfe3ea 55%,#8fb7c4);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cover h1 .amp{-webkit-text-fill-color:var(--accent);color:var(--accent)}
.cover .inner::before{content:"";display:block;width:14px;height:14px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#cfe3ea 55%,#7ea6b4);box-shadow:0 0 18px #cfe3ea;animation:opFloat 4s ease-in-out infinite}
@keyframes opFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.sec h2{font-style:italic;font-weight:500;font-size:2rem}
.sec h2::after{content:"○ ○ ○";display:block;font-size:.55rem;letter-spacing:.5em;margin-top:10px;font-style:normal}
.card{border:1px solid rgba(207,227,234,.35);border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.3),inset 0 0 30px rgba(207,227,234,.04)}
.btn{background:linear-gradient(135deg,#ffffff,#b8d4dd);color:#07202e;border-radius:999px;font-weight:600;letter-spacing:.08em;font-size:.82rem}.btn.alt{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.pf,.story img,.gal img{border-radius:18px;border:1px solid var(--accent);padding:5px;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.pf{border-radius:200px 200px 18px 18px}