:root{--ink:#fffaf3;--muted:#c9bfd4;--violet:#8b5cf6;--pink:#ff4faf;--blue:#1688ff;--gold:#e8bd51;--night:#130d24;--card-radius:30px}
*{box-sizing:border-box}
html{min-height:100%;background:var(--night)}
body{min-height:100vh;margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 11% 10%,#522268aa 0,transparent 32%),radial-gradient(circle at 86% 85%,#064d7d99 0,transparent 34%),linear-gradient(145deg,#130d24 0%,#0f142c 55%,#160c29 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(120deg,transparent 0 48%,#fff 49% 49.5%,transparent 50%);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
a{color:inherit}.shell{width:min(1240px,calc(100% - 40px));margin:auto;padding:26px 0 22px;position:relative;z-index:1}
header{display:flex;align-items:center;justify-content:space-between;gap:20px}.mark{display:flex;align-items:center;gap:11px;font:700 19px/1 Georgia,serif;letter-spacing:.08em;text-transform:uppercase}.heart{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--violet));font-family:Arial,sans-serif;font-size:16px;box-shadow:0 7px 22px #ff4faf55}.since{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);align-items:end;gap:50px;padding:68px 0 38px}.eyebrow{margin:0 0 14px;color:#7ee8ff;font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}h1{margin:0;font:500 clamp(54px,8vw,102px)/.84 Georgia,serif;letter-spacing:-.055em}.amp{display:inline-block;font-style:italic;font-weight:400;color:transparent;background:linear-gradient(135deg,#7ee8ff 5%,var(--violet) 35%,var(--pink) 66%,var(--gold));background-clip:text;-webkit-background-clip:text;transform:rotate(-5deg)}.intro-copy{margin:0 0 4px;color:var(--muted);font:italic clamp(17px,1.7vw,21px)/1.55 Georgia,serif;max-width:390px}.intro-copy strong{color:var(--ink);font-weight:500}
.portals{display:grid;grid-template-columns:1.22fr .88fr;gap:22px}.portal{position:relative;isolation:isolate;min-height:390px;border-radius:var(--card-radius);overflow:hidden;text-decoration:none;border:1px solid #ffffff2e;box-shadow:0 28px 70px #05020c88;transform:translateZ(0)}.portal:focus-visible{outline:4px solid #fff;outline-offset:5px}.portal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}.portal:after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;box-shadow:inset 0 0 0 3px #fff8;transition:opacity .25s;border-radius:inherit}.portal:hover img,.portal:focus-visible img{transform:scale(1.045)}.portal:hover:after,.portal:focus-visible:after{opacity:1}
.adventures img{object-position:center center}.adventures:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#130827f7 0%,#261044a8 42%,transparent 76%),linear-gradient(120deg,#3069ff2a,#ff3dba35)}.crowns img{object-position:center top;filter:saturate(.88) brightness(.82)}.crowns:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#160a20fa 0%,#240b35bd 38%,transparent 72%)}
.portal-copy{position:absolute;z-index:1;left:28px;right:28px;bottom:27px;display:flex;flex-direction:column;align-items:flex-start}.portal-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:11px;padding:7px 10px;border:1px solid #ffffff55;border-radius:999px;background:#130d2477;backdrop-filter:blur(10px);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.portal-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.portal h2{margin:0;font:500 clamp(31px,4vw,52px)/.96 Georgia,serif;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 22px #000}.crowns h2{font-size:clamp(29px,3.4vw,44px)}.portal p{margin:10px 0 18px;color:#eee7f2;font-size:14px;line-height:1.45}.go{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:999px;background:#fff;color:#21132d;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transition:gap .25s,transform .25s}.portal:hover .go{gap:15px;transform:translateY(-2px)}.spectrum{position:absolute;z-index:2;inset:auto 0 0;height:6px;background:linear-gradient(90deg,#7ee8ff,var(--blue),var(--violet),var(--pink),#ff7a59,var(--gold))}
footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4px 0;color:#a99db4;font-size:12px}footer span:last-child{text-align:right}
@media(max-width:780px){.shell{width:min(100% - 28px,620px);padding-top:18px}.since{font-size:10px}.intro{display:block;padding:50px 4px 30px}.intro-copy{margin-top:26px}.portals{grid-template-columns:1fr}.portal{min-height:370px}.crowns{min-height:340px}.portal-copy{left:22px;right:22px;bottom:24px}.portal h2,.crowns h2{font-size:clamp(34px,10vw,48px)}footer{flex-direction:column;gap:5px}footer span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.portal img,.go{transition:none!important}}