:root{--club-panel:#fff;--club-soft:#eaf5f5;--club-line:#7894a655;--club-gold:#ffda24}
html[data-theme="dark"]{--club-panel:#142b3b;--club-soft:#102838;--club-line:#7894a660}
body[data-page-look]{background-image:radial-gradient(ellipse at 95% 12%,#59d5cb07,transparent 48%)}
body[data-page-look]>.site-header{border-bottom:1px solid var(--club-line)}
.page-banner{position:relative;isolation:isolate;overflow:hidden;min-height:170px;border-radius:18px;margin:0 0 36px;background:#153f50;box-shadow:0 12px 28px #00000010;border:1px solid var(--club-line)}
.page-banner-landscape{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 62%;z-index:-2}
.page-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#052947e6 0%,#052947b8 34%,#05294705 70%)}
.page-banner-caption{padding:35px 32px;max-width:65%;color:#fff;min-height:170px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.page-banner-caption>span{text-transform:uppercase;letter-spacing:1.7px;font:750 10px/1.5 system-ui,sans-serif;color:#ffe579}
.page-banner-caption>strong{font:400 clamp(23px,3vw,34px)/1.14 Georgia,serif;letter-spacing:-.3px;text-wrap:balance;max-width:410px}
.page-banner-seal{position:absolute;right:21px;top:20px;width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 3px 6px #05294745)}
.page-club-mark{display:flex;align-items:center;gap:10px;color:var(--ink);font:700 10px/1.4 system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;margin:0 0 22px;opacity:.85}
.page-club-mark img{width:34px;height:34px;object-fit:contain}
.page-club-mark i{height:1px;flex:1;background:linear-gradient(90deg,#59d5cb80,transparent);margin-left:10px}
.history-main h1::after{content:"";display:block;width:60px;height:4px;margin-top:20px;border-radius:5px;background:linear-gradient(90deg,var(--club-gold) 0 35%,#59d5cb 35% 100%)}
.history-main .eyebrow{color:var(--orange)}
.history-main .dashboard-card{background:linear-gradient(135deg,var(--club-panel),var(--club-soft));border:1px solid var(--club-line);border-top:3px solid #59d5cb;border-radius:14px;transition:border-color .18s,box-shadow .18s}
.history-main a.dashboard-card:hover{border-color:#59d5cb;box-shadow:0 5px 18px #00000012}
.history-main .dashboard-card h2{font-family:system-ui,sans-serif;font-weight:750;font-size:19px;letter-spacing:-.3px}
.history-main .dashboard-card>span{font-size:12px;color:var(--orange)}
.history-main .benefit-grid{counter-reset:benefits}
.history-main .benefit-grid article{counter-increment:benefits;position:relative;overflow:hidden;padding:23px;border-color:var(--club-line);border-top:3px solid #59d5cb80;background:linear-gradient(135deg,var(--club-panel),var(--club-soft));border-radius:13px}
.history-main .benefit-grid article::before{content:"0" counter(benefits);display:block;color:var(--orange);font:750 10px/1 system-ui,sans-serif;letter-spacing:2px;margin-bottom:13px}
.history-main .benefit-grid article h3{font-size:17px}
body[data-page-look="story"] .story-block{max-width:820px;border-left:3px solid #59d5cb;border-radius:0 16px 16px 0;padding:15px 30px;background:linear-gradient(120deg,var(--club-soft),transparent);font-size:17px;line-height:1.9}
body[data-page-look="story"] .story-block p:first-child{font-size:21px;line-height:1.65}
body[data-page-look="travel"] .history-story{border-color:var(--club-line);border-radius:18px;box-shadow:0 8px 28px #0000000b}
body[data-page-look="travel"] .history-cover{aspect-ratio:3.6/1}
body[data-page-look="conversation"] .page-club-mark{margin-bottom:12px}
body[data-page-look="conversation"] .history-main h1::after{width:40px;height:3px;margin-top:12px}
body[data-page-look="conversation"] .history-main{padding-top:26px}
body[data-page-look="member"] .history-main{padding-top:30px}
.history-main .notice{border-radius:12px;border-left:3px solid #59d5cb}
.history-main :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:650px){.page-banner{min-height:122px;margin-bottom:25px;border-radius:12px}.page-banner-caption{min-height:122px;padding:22px 18px;max-width:78%;gap:7px}.page-banner-caption>span{font-size:8px;letter-spacing:1.2px}.page-banner-caption>strong{font-size:23px;max-width:250px}.page-banner-seal{width:47px;height:47px;right:10px;top:12px}.page-banner::after{background:linear-gradient(90deg,#052947e6,#052947a8 50%,#05294710)}.page-banner-landscape{object-position:55% 62%}.page-club-mark{font-size:9px;margin-bottom:18px}.history-main h1::after{margin-top:15px}body[data-page-look="story"] .story-block{padding:10px 18px;font-size:16px}body[data-page-look="story"] .story-block p:first-child{font-size:19px}.history-main .benefit-grid article{padding:18px}body[data-page-look="travel"] .history-cover{aspect-ratio:2.2/1}}
@media(prefers-reduced-motion:reduce){.history-main .dashboard-card{transition:none}}