/* Nostro's crest defines the deep-blue brand tone. */
:root{--brand-blue:#0f1b30;--navy:#0f1b30;--gold:#d7b875;--ease:cubic-bezier(.22,.61,.36,1)}
html{scroll-padding-top:115px}
body{font-synthesis:none;-webkit-font-smoothing:antialiased}
.preview{background:#e8dfcd;font-size:9px;padding:7px 16px;letter-spacing:.075em}
.nav{position:sticky;top:0;background:var(--brand-blue);color:#f7f2e8;height:98px;z-index:30;border-bottom:1px solid #d7b87538;box-shadow:0 6px 24px #0f1b3010;gap:28px}
.nav .brand{gap:15px}.nav .brand img{height:66px;width:66px}.nav .brand strong{font-size:25px;letter-spacing:.16em}.nav .brand small{color:#d7b875;font-size:8px;letter-spacing:.2em}
.nav-links{gap:25px}.nav-links>a{position:relative;padding:10px 0;color:#e5e7ed;font-size:12px;font-weight:500;transition:color .2s}
.nav-links>a:after{content:'';position:absolute;left:0;bottom:1px;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.nav-links>a.active{box-shadow:none;padding-bottom:10px;color:var(--gold)}
.nav-links>a:hover{color:var(--gold)}.nav-links>a:hover:after,.nav-links>a.active:after{transform:scaleX(1)}
.nav-actions>a:first-child{font-size:11px;color:#e3e4e9}.nav-actions .btn{padding:12px 22px}
.nav .menu-toggle{color:var(--gold);width:44px;height:44px;position:relative;border:1px solid #d7b87540;border-radius:50%;font-size:0}
.menu-toggle:before,.menu-toggle:after{content:'';position:absolute;left:12px;width:18px;height:1px;background:currentColor;transition:transform .2s,top .2s}
.menu-toggle:before{top:17px}.menu-toggle:after{top:24px}.menu-toggle[aria-expanded=true]:before{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true]:after{top:21px;transform:rotate(-45deg)}
.nav-member-mobile{display:none}
.btn{min-height:46px;transition:background .22s,color .22s,transform .22s,box-shadow .22s;line-height:1.5}
.btn.gold{box-shadow:inset 0 1px #ffffff35}.btn.gold:hover{background:#e6c98e;border-color:#e6c98e;box-shadow:0 5px 18px #0f1b3015}
.btn:not(.gold):not(.outline):not(.light):hover{background:#233653;border-color:#233653}
.btn.outline:hover{background:#0f1b3008}.btn:active{transform:translateY(1px)}
.text-link{line-height:1.7;transition:color .2s,border-color .2s}.text-link:hover{color:#80602b;border-color:#80602b}
.hero{margin-top:18px;background:var(--brand-blue);border:1px solid #d7b87525}
.hero-photo:after{background:linear-gradient(90deg,#0f1b30,#0f1b3070 27%,transparent 75%),linear-gradient(0deg,#0f1b3050,transparent 55%)}
.hero-photo>img{filter:brightness(.9);object-position:58% center}
.hero-identity img{box-shadow:0 0 0 1px #d7b87550,0 0 0 8px #d7b87508}
.hero-identity strong{font-weight:500;letter-spacing:.19em}.hero-note{background:#0f1b3066;border:1px solid #ffffff35;backdrop-filter:blur(12px);font-size:9px;transform:rotate(6deg)}
.hero-note b{font-size:21px;font-weight:500}.hero-copy p{color:#ced4df}.hero-bottom{color:#adb9cb;font-size:9px;letter-spacing:.04em}
.photo-caption{font-size:8px;letter-spacing:.08em;color:#e5e5e7}
.eyebrow{letter-spacing:.17em;line-height:1.6}.eyebrow:before{flex-shrink:0;width:26px}
.section-head h2{line-height:1.15}.section-head>.text-link{flex-shrink:0}
.home-events .section-head:before{content:'01';font-size:11px;letter-spacing:.08em;border:1px solid #0f1b3025;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;align-self:start;margin-top:3px;flex-shrink:0}
.home-events .section-head>div{margin-right:auto}
.event-image{isolation:isolate;aspect-ratio:1.45;height:auto;box-shadow:0 8px 22px #0f1b3009}
.event-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0f1b3040);pointer-events:none;z-index:0}
.event-image .badge,.date-tile{z-index:1}.event-image .badge{background:#fbf8f0eb;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.01em;padding:6px 11px}
.date-tile{min-width:52px;padding:10px 12px;box-shadow:0 4px 18px #0f1b3015;font-size:8px;letter-spacing:.08em}.date-tile b{font-size:25px;line-height:1.2;letter-spacing:-.04em;font-weight:600}
.event-card .meta{font-size:10px;display:flex;align-items:center;gap:7px}.event-card .meta:before{content:'';width:5px;height:5px;border:1px solid #8c7856;border-radius:50%;flex-shrink:0}
.event-card h3{font-size:21px;letter-spacing:-.03em;transition:color .2s}.event-card a:hover h3{color:#80602b}
.event-card .arrow{transition:background .2s,color .2s,transform .2s}.event-card a:hover .arrow{background:var(--navy);color:var(--gold);transform:rotate(5deg)}
.event-card a:focus-visible{display:block;border-radius:12px;outline-offset:8px}
.home-story{gap:80px}.story-photos img{box-shadow:0 18px 40px #0f1b3014}
.home-story .benefits{column-gap:30px;row-gap:22px}.home-story .benefit{padding-top:16px;border-top:1px solid #0f1b3016}.benefit b{font-size:12px}.benefit p{line-height:1.8}
.photo-label{box-shadow:0 8px 22px #0f1b3014;border:1px solid #ffffff30}
.trip{border:1px solid #d7b87530}.trip:after{background:linear-gradient(90deg,#0f1b30ed,#0f1b3070 60%,#0f1b3020)}
.trip .eyebrow{color:#e0c489}.trip h2{letter-spacing:-.035em}.trip p{line-height:1.9}
.home-page .join-band{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c4ad7d40;padding:48px}
.home-page .join-band:after{content:'× × ×';position:absolute;right:20px;bottom:-23px;font-size:100px;letter-spacing:4px;color:#8b71320c;z-index:-1;pointer-events:none}
.join-band h2{font-size:clamp(26px,2.7vw,36px);max-width:610px}.join-band p{font-size:13px}
.footer{background:var(--brand-blue);position:relative;border-top:3px solid #d7b875}
.footer .brand img{width:64px;height:64px}.footer .brand strong{color:#f5efdf;font-weight:500}.footer a:not(.brand){transition:color .2s;color:#d0d6e1}.footer a:not(.brand):hover{color:var(--gold)}
.footer h3{font-size:10px;font-weight:500;letter-spacing:.12em}.footer p{color:#aab7ca;line-height:1.9}.footer-bottom{color:#9eabc1;border-top-color:#d7b87525;padding-top:22px}
.panel{border:1px solid #0f1b300a}.page-head>p{font-size:14px;line-height:1.9}.pill{min-height:40px;transition:background .2s,border-color .2s}.pill:not(.selected):hover{background:#e7dfce;border-color:#baa67c}
.calendar{border-radius:12px;overflow:hidden;background:#fbf8f1}.cal-day.today{box-shadow:inset 0 0 0 1px #a78649}.cal-name{background:#e9e1d1;letter-spacing:.08em}
input:not([type=checkbox]),textarea,select{transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#a78649;box-shadow:0 0 0 3px #d7b87520}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-weight:400;font-size:24px;color:#95743c}.faq details[open] summary:after{content:'−'}
@media(max-width:1150px) and (min-width:761px){.nav{padding:0 4%;gap:20px}.nav-links{gap:16px}.nav .brand strong{font-size:21px}.nav .brand img{width:55px;height:55px}.nav .brand small{font-size:7px}.nav-actions>a:first-child{display:none}}
@media(max-width:760px){
 html{scroll-padding-top:86px}.nav{height:80px;gap:12px;padding:0 5%}.nav .brand{gap:9px}.nav .brand img{width:48px;height:48px}.nav .brand strong{font-size:19px}.nav .brand small{font-size:6px;letter-spacing:.14em;margin-top:5px}.nav-actions .btn{min-height:39px;padding:10px 14px;font-size:10px}.nav-actions .btn span{display:none}
 .nav-links{top:80px;background:var(--brand-blue);padding:18px 6% 27px;border-bottom:1px solid #d7b87560;box-shadow:0 18px 25px #0f1b3020;gap:0;max-height:calc(100dvh - 80px);overflow-y:auto}.nav-links>a{width:100%;font-size:16px;padding:12px 0;border-bottom:1px solid #ffffff10}.nav-links>a.active{padding-bottom:12px}.nav-links>a:after{display:none}.nav-links .nav-member-mobile{display:block;color:var(--gold);margin-top:8px}
 .hero{margin-top:10px}.hero-photo:after{background:linear-gradient(0deg,#0f1b30,#0f1b3030 55%,transparent)}.hero-note b{font-size:16px}.hero-note{font-size:8px}.hero-identity strong{font-size:25px}.hero-bottom{font-size:8px}
 .home-events .section-head{display:grid;grid-template-columns:30px 1fr;gap:14px}.home-events .section-head:before{width:28px;height:28px;font-size:9px}.home-events .section-head>.text-link{grid-column:2;justify-self:start}.home-events .section-head .eyebrow{font-size:8px;letter-spacing:.12em}.home-events .section-head h2{font-size:31px}
 .event-image{height:auto;aspect-ratio:1.45}.home-story{gap:35px}.home-page .join-band{padding:30px 25px}.footer .brand img{width:54px;height:54px}.footer-main{gap:30px}
}
@media(max-width:380px){.nav .brand small{display:none}.nav .brand strong{font-size:17px}.nav .brand img{width:40px;height:40px}.nav{gap:8px}.nav-actions .btn{padding:9px 11px}.hero-identity span{letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Full-width introduction on the homepage. */
.home-page .hero{margin:0;width:100%;border:0;border-radius:0}

/* Centered, photo-backed introduction with one clear membership action. */
.home-page .hero{display:grid;grid-template-columns:1fr;min-height:650px;isolation:isolate;align-items:center}
.home-page .hero-photo{position:absolute;inset:0;min-height:0;max-height:none;z-index:-1}
.home-page .hero-photo>img{object-position:center 48%;filter:brightness(.78)}
.home-page .hero-photo:after{background:linear-gradient(90deg,#0f1b30b8,#0f1b3099 50%,#0f1b30b8),linear-gradient(0deg,#0f1b3080,transparent 60%)}
.home-page .hero-copy{width:min(850px,90%);margin:auto;padding:76px 0 54px;text-align:center}
.home-page .hero .eyebrow{justify-content:center;color:#eee4d0;font-size:10px}
.home-page .hero .eyebrow:after{content:'';width:26px;height:1px;background:var(--gold)}
.home-page .hero h1{max-width:none;margin:0 auto 26px;font-size:clamp(44px,5.4vw,76px);line-height:1.07;text-wrap:balance}
.home-page .hero-copy p{max-width:500px;margin:0 auto;color:#e0e4eb;font-size:15px;line-height:1.9}
.home-page .hero-actions{flex-direction:column;justify-content:center;gap:18px;margin-top:30px}
.home-page .hero-actions .btn{min-width:170px;padding:15px 30px;font-size:14px}
.home-page .hero-actions .text-link{font-size:11px;border-color:#ffffff55}
.home-page .hero-bottom{justify-content:center;margin-top:34px;color:#d3d9e4}
.home-page .hero-note{display:none}
@media(max-width:760px){
 .home-page .hero{display:grid;min-height:620px}
 .home-page .hero-copy{width:88%;padding:56px 0 62px}
 .home-page .hero h1{font-size:clamp(37px,10vw,54px);line-height:1.1}
 .home-page .hero .eyebrow{font-size:8px;letter-spacing:.1em;gap:8px}.home-page .hero .eyebrow:before,.home-page .hero .eyebrow:after{width:13px}
 .home-page .hero-copy p{font-size:13px;max-width:340px}.home-page .hero-bottom{font-size:7px;gap:8px}
 .home-page .hero .photo-caption{bottom:12px;left:12px;right:12px;text-align:center;font-size:7px}
}