:root { color-scheme: dark; --canvas:#08090a; --ink:#f5f5f2; --muted:#a8adb5; --soft:#74777f; --cream:#d5c3ab; --edge:rgb(255 255 255 / 8%); --font:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif; }
* { box-sizing:border-box; }
html { scroll-padding-top:114px; }
body { margin:0; background:var(--canvas); color:var(--ink); font-family:var(--font); -webkit-font-smoothing:antialiased; }
body:has(dialog[open]) { overflow:hidden; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; cursor:pointer; color:inherit; }
button,a,img { -webkit-user-drag:none; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
h1,h2,h3,p,figure { margin:0; }
button:focus-visible,a:focus-visible { outline:2px solid var(--cream); outline-offset:5px; }
[hidden] { display:none !important; }
::selection { background:#d5c3ab; color:#08090a; }
.shell { width:min(1180px,calc(100% - 112px)); margin-inline:auto; }
.section-space { padding-top:126px; }
.soft { color:var(--soft); font-weight:400; }
#business-title .soft, #formats-title .soft, #process-title .soft { color:var(--cream); }
.skip-link { position:fixed; left:20px; top:-70px; padding:14px 20px; z-index:100; color:#08090a; background:var(--ink); border-radius:12px; }
.skip-link:focus { top:20px; }
.wordmark { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.wordmark img { width:28px; height:20.5px; flex:none; }
.wordmark span { font-size:25px; line-height:1; letter-spacing:-.65px; font-weight:700; }
.site-header { position:fixed; inset:28px 44px auto; z-index:50; max-width:1288px; margin-inline:auto; transition:background .25s,box-shadow .25s; border-radius:28px; }
.header-inner { height:70px; padding-inline:16px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; }
.desktop-nav { display:flex; align-items:center; gap:4px; padding:5px; background:#1b1c20; border:1px solid rgb(255 255 255 / 3%); border-radius:99px; }
.desktop-nav a { padding:9px 18px; border-radius:99px; font-size:12px; font-weight:500; color:#c2c3ca; transition:color .2s,background .2s; }
.desktop-nav a.is-current { background:var(--ink); color:#131416; }
.desktop-nav a:hover { color:var(--ink); }
.desktop-nav a.is-current:hover { color:#131416; }
.header-actions { justify-self:end; display:flex; align-items:center; gap:8px; }
.site-header.is-scrolled { background:rgb(19 20 22 / 90%); box-shadow:0 10px 35px rgb(0 0 0 / 15%),inset 0 0 0 1px var(--edge); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); }
.store-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid rgb(255 255 255 / 20%); border-radius:99px; min-height:46px; padding:10px 21px; font-size:14px; line-height:1; font-weight:600; letter-spacing:-.22px; color:#131416; background:linear-gradient(108deg,#d5c3ab 0%,#e8dfd1 48%,#f5f5f2 100%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 24%); transition:box-shadow .2s,transform .2s; white-space:nowrap; }
.store-button img { width:19px; height:22px; flex:none; }
.store-button:hover { box-shadow:inset 0 1px 0 rgb(255 255 255 / 24%),0 0 24px rgb(213 195 171 / 12%); transform:translateY(-1px); }
.store-button:active { transform:scale(.98); }
.store-compact { min-height:40px; padding:9px 17px; gap:8px; font-size:12px; }
.store-compact img { width:17px; height:20px; }
.store-short { display:none; }
.menu-button { display:none; width:40px; height:40px; border:1px solid var(--edge); border-radius:50%; background:#1b1c20; padding:13px 11px; }
.menu-button span { display:block; height:1px; width:16px; background:var(--ink); }
.menu-button span + span { margin-top:6px; }
.mobile-menu { padding:10px 22px 20px; }
.mobile-menu a { display:block; padding:13px 0; color:#d7d8da; font-size:15px; }
.site-header:has(.mobile-menu:not([hidden])) { background:#131416; box-shadow:inset 0 0 0 1px var(--edge); }

.hero { position:relative; isolation:isolate; display:flex; flex-direction:column; min-height:max(690px,calc(100svh - 32px)); margin:16px; border-radius:32px; background:#101014; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse 46% 36% at 50% 106%,rgb(161 134 100 / 12%),transparent 80%); }
.hero-copy { position:relative; z-index:10; flex:none; text-align:center; padding:clamp(118px,13.8svh,144px) 24px 0; }
.club-label { display:inline-flex; align-items:center; padding:6px 13px; border-radius:99px; border:1px solid rgb(213 195 171 / 16%); background:rgb(213 195 171 / 3%); color:#d8cbb9; font-size:11px; line-height:1; letter-spacing:.02em; }
.hero h1 { margin-top:22px; font-size:clamp(44px,5.3vw,72px); font-weight:500; line-height:1.075; letter-spacing:-.045em; }
.hero h1 span { color:#7e7e88; font-weight:400; }
.hero-description { margin-top:21px; color:#b6b6bd; font-size:15px; line-height:1.5; letter-spacing:-.2px; }
.hero-store { margin-top:24px; }
.hero-fan { position:relative; flex:none; margin-top:auto; padding-top:24px; height:416px; }
.fan-cards { position:relative; height:100%; perspective:1200px; }
.fan-card { --card-width:clamp(190px,18.4vw,238px); position:absolute; top:0; left:50%; width:var(--card-width); height:calc(var(--card-width) * 1.54); transform-origin:50% 90%; }
.fan-card[data-slot="0"] { transform:translateX(calc(-50% - var(--card-width) * 2.04)) translateY(18px) rotate(-11deg) scale(.88); opacity:.3; z-index:1; }
.fan-card[data-slot="1"] { transform:translateX(calc(-50% - var(--card-width) * 1.02)) translateY(30px) rotate(-5deg) scale(.96); opacity:.94; z-index:3; }
.fan-card[data-slot="2"] { transform:translateX(-50%) translateY(48px); z-index:5; }
.fan-card[data-slot="3"] { transform:translateX(calc(-50% + var(--card-width) * 1.02)) translateY(30px) rotate(5deg) scale(.96); opacity:.94; z-index:3; }
.fan-card[data-slot="4"] { transform:translateX(calc(-50% + var(--card-width) * 2.04)) translateY(18px) rotate(11deg) scale(.88); opacity:.3; z-index:1; }
.fan-surface { position:relative; height:100%; overflow:hidden; border:1px solid rgb(255 255 255 / 16%); border-radius:25px; background:#191b1f; box-shadow:0 24px 40px rgb(0 0 0 / 42%),inset 0 1px 0 rgb(255 255 255 / 12%); }
.fan-surface::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgb(5 6 8 / 47%),transparent 32%,rgb(5 6 8 / 18%) 52%,rgb(5 6 8 / 88%) 100%); }
.fan-image { height:100%; width:100%; object-fit:cover; }
.event-image { object-position:73% 50%; }
.beauty-image { object-position:50% 40%; }
.author-image { object-position:50% 35%; }
.fan-brand { position:absolute; top:20px; left:19px; right:14px; z-index:2; display:flex; align-items:center; gap:8px; }
.fan-brand img { width:23px; height:17px; flex:none; }
.fan-brand span { font-size:11px; line-height:1.2; font-weight:500; }
.fan-copy { position:absolute; inset:auto 20px 30px; z-index:2; }
.fan-copy h2 { margin-bottom:16px; font-size:clamp(26px,2.3vw,33px); font-weight:500; line-height:1.035; letter-spacing:-.035em; }
.glass-chip { display:inline-flex; align-items:center; padding:8px 12px; font-size:10px; font-weight:500; line-height:1; border-radius:99px; background:rgb(12 13 16 / 48%); border:1px solid rgb(255 255 255 / 17%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 7%); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
.fan-light { position:absolute; inset:60px -8% 0; overflow:hidden; pointer-events:none; opacity:.6; }
.fan-light i { position:absolute; width:50%; height:1px; background:linear-gradient(90deg,transparent,#c7a477 50%,transparent); filter:blur(1px); transform:rotate(-4deg); }
.fan-light i:nth-child(1) { top:25%; left:-10%; box-shadow:0 1px 16px 4px rgb(180 140 96 / 13%); }
.fan-light i:nth-child(2) { top:60%; left:60%; transform:rotate(4deg); box-shadow:0 1px 17px 3px rgb(180 140 96 / 14%); }
.fan-light i:nth-child(3) { top:80%; left:-25%; opacity:.5; }

.section-heading { display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:70px; margin-bottom:44px; }
.section-heading h2, .business-intro h2 { font-size:clamp(38px,4.2vw,57px); line-height:1.07; font-weight:500; letter-spacing:-.045em; }
.section-heading > p, .business-intro-lead > p { color:var(--muted); font-size:16px; line-height:1.55; max-width:430px; padding-bottom:4px; }
.members-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.member-card { padding:30px; border-radius:28px; border:1px solid var(--edge); background:#131416; min-width:0; }
.member-copy h3 { font-size:29px; line-height:1.1; letter-spacing:-.035em; font-weight:500; }
.member-copy > p { margin-top:12px; font-size:15px; line-height:1.5; color:#a8adb5; max-width:390px; min-height:46px; }
.member-media { position:relative; height:332px; margin-top:25px; overflow:hidden; border-radius:20px; }
.brand-media { background:#0c0d0f; }
.member-glow { position:absolute; inset:20% 10% -30%; background:radial-gradient(ellipse,rgb(167 140 112 / 20%),transparent 64%); }
.mini-device { position:absolute; width:158px; border:3px solid #303236; background:#08090a; border-radius:25px; overflow:hidden; box-shadow:0 16px 35px rgb(0 0 0 / 38%); }
.mini-device img { width:100%; height:auto; }
.mini-device-back { left:calc(50% - 127px); top:43px; transform:rotate(-9deg); opacity:.58; }
.mini-device-front { left:calc(50% - 27px); top:13px; transform:rotate(7deg); }
.creator-media { background:#090a0a; }
.club-video { display:block; width:100%; height:100%; object-fit:cover; object-position:center 42%; }
.creator-media::after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgb(0 0 0 / 60%)); pointer-events:none; }
.film-mark { position:absolute; left:23px; bottom:23px; z-index:2; display:flex; align-items:center; gap:7px; }
.film-mark span { font-size:25px; line-height:1; font-weight:700; letter-spacing:-.65px; }
.member-criteria { margin-top:24px; padding-top:21px; border-top:1px solid var(--edge); font-size:13px; line-height:1.55; color:#959aa3; min-height:63px; }
.moderation-note { margin-top:24px; text-align:center; color:#90949b; font-size:13px; }

.formats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.format-image { height:320px; position:relative; border-radius:23px; overflow:hidden; background:#191b1f; }
.format-image > img { width:100%; height:100%; object-fit:cover; }
.format-image::after { content:''; position:absolute; inset:65% 0 0; background:linear-gradient(transparent,rgb(0 0 0 / 30%)); pointer-events:none; }
.format-image .glass-chip { position:absolute; bottom:18px; left:18px; z-index:2; }
.format h3 { font-size:28px; font-weight:500; letter-spacing:-.03em; margin:21px 0 9px; }
.format > p { color:#a8adb5; font-size:15px; line-height:1.5; max-width:330px; }
.directions-window { margin-top:44px; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.directions-track { display:flex; width:max-content; gap:12px; }
.directions-set { display:flex; gap:12px; flex:none; }
.directions-set span { padding:12px 22px; border-radius:99px; border:1px solid var(--edge); background:#111214; font-size:13px; font-weight:500; color:#9398a0; }

.process-section { padding-bottom:124px; }
.journey-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:44px; }
.journey-media { padding-block:25px 34px; position:relative; }
.journey-media::before { content:''; position:absolute; inset:17% -10% 0; z-index:-1; background:radial-gradient(ellipse,rgb(213 195 171 / 7%),transparent 66%); }
.device { position:relative; width:min(100%,236px); aspect-ratio:1320 / 2868; margin-inline:auto; overflow:hidden; border-radius:36px; border:4px solid #303236; background:#08090a; box-shadow:0 0 0 1px #0b0c0d,0 20px 40px rgb(0 0 0 / 35%); }
.screen { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; opacity:0; }
.screen.is-front { opacity:1; }
.journey-copy h3 { font-size:29px; line-height:1.1; font-weight:500; letter-spacing:-.035em; }
.journey-copy p { margin-top:14px; color:var(--muted); font-size:15px; line-height:1.55; }
.access-section { position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:center; isolation:isolate; min-height:460px; padding:64px 74px; border:1px solid var(--edge); border-radius:30px; background:#131416; overflow:hidden; }
.access-label { color:#b8a68e; font-size:12px; margin-bottom:20px; }
.access-copy h2 { font-size:clamp(38px,3.6vw,52px); font-weight:500; letter-spacing:-.04em; line-height:1.1; }
.access-copy > p:not(.access-label) { margin-top:20px; color:#a8adb5; font-size:16px; line-height:1.5; }
.access-copy .store-button { margin-top:30px; }
.access-symbol { position:relative; justify-self:center; width:min(100%,272px); }
.access-symbol img { position:relative; width:100%; height:auto; opacity:.86; filter:drop-shadow(0 2px 28px rgb(213 195 171 / 12%)); }
.access-symbol::before { content:''; position:absolute; inset:-40%; z-index:-1; background:radial-gradient(ellipse,rgb(213 195 171 / 10%),transparent 63%); }
.site-footer { display:flex; align-items:center; gap:28px; padding-block:47px; color:#90949b; }
.site-footer .wordmark { color:var(--ink); margin-right:auto; }
.site-footer > span,.site-footer > a:last-child { font-size:12px; }
.site-footer > a:last-child { margin-left:16px; }
.store-dialog { max-width:420px; width:calc(100% - 40px); border:1px solid rgb(255 255 255 / 12%); border-radius:26px; background:#191b1f; color:var(--ink); padding:44px 32px 36px; text-align:center; box-shadow:0 32px 100px #0008; }
.store-dialog::backdrop { background:#000b; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.store-dialog > img { margin:0 auto 23px; }
.store-dialog h2 { font-size:27px; letter-spacing:-.035em; font-weight:500; }
.store-dialog p { margin-top:16px; font-size:15px; color:var(--muted); line-height:1.5; }
.dialog-close { position:absolute; top:12px; right:12px; width:32px; height:32px; padding:0; border:1px solid var(--edge); background:#25272c; color:#c4c7cc; border-radius:50%; font-size:24px; line-height:1; }

@media (min-width:1500px) { .hero { max-width:1400px; margin-inline:auto; } }
@media (max-width:1100px) {
  .shell { width:calc(100% - 72px); }
  .header-inner { gap:14px; }
  .desktop-nav a { padding-inline:14px; }
  .hero-fan { height:354px; }
  .fan-card { --card-width:clamp(178px,23vw,220px); }
  .hero-copy { padding-top:124px; }
  .section-heading { gap:36px; }
  .section-heading > p, .business-intro-lead > p { font-size:15px; }
  .member-card { padding:25px; }
  .member-copy h3 { font-size:26px; }
  .member-copy > p { min-height:67px; }
  .member-media { height:300px; }
  .format-image { height:280px; }
  .journey-grid { gap:28px; }
  .journey-copy h3 { font-size:26px; }
  .device { border-radius:30px; }
  .access-section { padding-inline:48px; }
}
@media (max-width:840px) {
  .site-header { inset:26px 30px auto; }
  .header-inner { grid-template-columns:1fr 1fr; padding-inline:10px; }
  .desktop-nav { display:none; }
  .menu-button { display:block; }
  .hero { min-height:max(680px,calc(100svh - 32px)); }
  .hero-copy { padding-top:108px; }
  .hero h1 { font-size:44px; margin-top:18px; }
  .hero-description { margin-top:18px; }
  .hero-store { margin-top:22px; min-height:44px; }
  .hero-fan { height:308px; margin-top:18px; padding-top:0; }
  .fan-card { --card-width:190px; }
  .fan-copy h2 { font-size:29px; }
  .section-space { padding-top:92px; }
  .section-heading { grid-template-columns:1fr; gap:23px; margin-bottom:34px; }
  .section-heading > p, .business-intro-lead > p { max-width:490px; }
  .members-grid { gap:16px; }
  .member-card { padding:22px; }
  .member-copy h3 { font-size:24px; }
  .member-copy > p { font-size:14px; min-height:84px; }
  .member-media { height:275px; margin-top:20px; }
  .mini-device { width:133px; border-radius:23px; }
  .mini-device-back { left:calc(50% - 106px); top:31px; }
  .mini-device-front { left:calc(50% - 28px); top:8px; }
  .member-criteria { min-height:83px; font-size:12px; }
  .formats-grid { gap:18px; }
  .format-image { height:240px; }
  .format h3 { font-size:25px; }
  .format > p { font-size:14px; }
  .journey-grid { gap:23px; }
  .device { border-width:3px; border-radius:26px; }
  .journey-copy h3 { font-size:25px; }
  .journey-copy p { font-size:14px; }
  .access-section { min-height:400px; padding:45px 36px; }
  .access-symbol { width:175px; }
  .access-copy h2 { font-size:35px; }
}
@media (max-width:600px) {
  html { scroll-padding-top:94px; }
  .shell { width:calc(100% - 40px); }
  .site-header { inset:18px 20px auto; border-radius:23px; }
  .header-inner { height:60px; padding-inline:8px; gap:8px; }
  .wordmark span { font-size:23px; }
  .wordmark img { width:26px; height:19px; }
  .header-actions { gap:7px; }
  .store-compact { padding-inline:13px; min-height:36px; font-size:11px; gap:7px; }
  .store-compact img { width:15px; height:18px; }
  .store-long { display:none; }
  .store-short { display:inline; }
  .menu-button { height:36px; width:36px; padding:11px 9px; }
  .hero { margin:10px; min-height:max(650px,calc(100svh - 20px)); border-radius:26px; }
  .hero-copy { padding:clamp(128px,17svh,152px) 12px 0; }
  .club-label { font-size:10px; padding:6px 12px; }
  .hero h1 { font-size:clamp(37px,10vw,49px); margin-top:23px; line-height:1.1; }
  .hero h1 span { font-size:clamp(29px,8.3vw,40px); }
  .hero-description { font-size:14px; max-width:300px; margin:23px auto 0; }
  .hero-store { margin-top:25px; min-height:44px; font-size:13px; padding-inline:20px; }
  .hero-fan { height:400px; margin-top:auto; padding-top:24px; }
  .fan-card { --card-width:clamp(176px,51vw,210px); }
  .fan-surface { border-radius:23px; }
  .fan-copy { inset:auto 17px 25px; }
  .fan-copy h2 { font-size:29px; }
  .fan-brand { top:16px; left:17px; gap:6px; }
  .fan-brand span { font-size:10px; }
  .fan-brand img { width:21px; height:15.4px; }
  .fan-light { inset:80px -70% 0; }
  .section-space { padding-top:76px; }
  .section-heading { gap:20px; margin-bottom:22px; }
  .section-heading h2, .business-intro h2 { font-size:38px; }
  .section-heading > p, .business-intro-lead > p { font-size:15px; }
  .members-grid { grid-template-columns:1fr; gap:20px; }
  .member-card { padding:25px; border-radius:25px; }
  .member-copy h3 { font-size:27px; }
  .member-copy > p { font-size:15px; min-height:0; }
  .member-media { margin-top:23px; height:308px; }
  .mini-device { width:145px; border-radius:24px; }
  .mini-device-back { left:calc(50% - 113px); top:35px; }
  .mini-device-front { left:calc(50% - 23px); top:10px; }
  .member-criteria { min-height:0; font-size:13px; margin-top:22px; padding-top:20px; }
  .moderation-note { text-align:left; font-size:12px; line-height:1.5; margin-inline:8px; }
  .formats-grid { grid-template-columns:1fr; gap:32px; }
  .format { display:grid; grid-template-columns:132px 1fr; grid-template-rows:auto 1fr; column-gap:22px; }
  .format-image { height:190px; grid-row:1 / 3; border-radius:19px; }
  .format-image .glass-chip { bottom:12px; left:9px; padding:7px 9px; font-size:9px; }
  .format h3 { font-size:27px; margin:26px 0 11px; }
  .format > p { font-size:14px; }
  .directions-window { margin-top:35px; margin-inline:-20px; }
  .directions-set span { padding:11px 19px; font-size:12px; }
  .process-section { padding-bottom:76px; }
  .journey-grid { grid-template-columns:1fr; gap:44px; }
  .journey { display:grid; grid-template-columns:155px 1fr; align-items:center; gap:24px; }
  .journey-media { padding-block:6px; }
  .device { width:100%; border-radius:24px; }
  .journey-copy h3 { font-size:24px; }
  .journey-copy p { font-size:14px; line-height:1.5; margin-top:13px; }
  .journey:nth-child(2) { grid-template-columns:1fr 155px; }
  .journey:nth-child(2) .journey-media { grid-column:2; grid-row:1; }
  .journey:nth-child(2) .journey-copy { grid-column:1; grid-row:1; }
  .access-section { grid-template-columns:1fr; min-height:0; padding:39px 29px; border-radius:26px; }
  .access-symbol { display:none; }
  .access-copy h2 { font-size:34px; }
  .access-copy > p:not(.access-label) { font-size:15px; }
  .site-footer { gap:14px; padding-block:34px; }
  .site-footer .wordmark { gap:5px; }
  .site-footer .wordmark span { font-size:20px; }
  .site-footer .wordmark img { width:22px; height:16px; }
  .site-footer > a:last-child { margin-left:0; }
  .site-footer > span,.site-footer > a:last-child { font-size:10px; }
}
@media (max-width:370px) {
  .shell { width:calc(100% - 32px); }
  .site-header { inset-inline:17px; }
  .header-actions { gap:5px; }
  .store-compact { padding-inline:10px; }
  .hero h1 { font-size:37px; }
  .hero h1 span { font-size:28px; }
  .hero-description { font-size:13px; }
  .hero-copy { padding-top:118px; }
  .hero-fan { height:325px; margin-top:20px; padding-top:0; }
  .member-card { padding:21px; }
  .member-copy h3 { font-size:25px; }
  .member-media { height:283px; }
  .format { grid-template-columns:118px 1fr; gap:16px; }
  .format-image { height:181px; }
  .format h3 { font-size:25px; margin-top:15px; }
  .format > p { font-size:13px; }
  .journey,.journey:nth-child(2) { grid-template-columns:134px 1fr; gap:17px; }
  .journey:nth-child(2) { grid-template-columns:1fr 134px; }
  .journey-copy h3 { font-size:21px; }
  .journey-copy p { font-size:13px; }
  .device { border-radius:21px; }
  .access-section { padding-inline:24px; }
  .access-copy h2 { font-size:31px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { transition-duration:.01ms !important; }
  .store-button:hover,.store-button:active { transform:none; }
}
@media (max-width:600px) and (prefers-reduced-motion:reduce) {
  .fan-card[data-slot="0"] { transform:translateX(calc(-50% - var(--card-width) * 1.48)) translateY(18px) rotate(-11deg) scale(.88); }
  .fan-card[data-slot="1"] { transform:translateX(calc(-50% - var(--card-width) * .74)) translateY(30px) rotate(-5deg) scale(.96); }
  .fan-card[data-slot="3"] { transform:translateX(calc(-50% + var(--card-width) * .74)) translateY(30px) rotate(5deg) scale(.96); }
  .fan-card[data-slot="4"] { transform:translateX(calc(-50% + var(--card-width) * 1.48)) translateY(18px) rotate(11deg) scale(.88); }
}
@media (min-width:601px) and (max-width:840px) {
  .fan-card[data-slot="0"] { transform:translateX(calc(-50% - var(--card-width) * 2.04)) translateY(6px) rotate(-11deg) scale(.88); }
  .fan-card[data-slot="1"] { transform:translateX(calc(-50% - var(--card-width) * 1.02)) translateY(16px) rotate(-5deg) scale(.96); }
  .fan-card[data-slot="2"] { transform:translateX(-50%) translateY(24px); }
  .fan-card[data-slot="3"] { transform:translateX(calc(-50% + var(--card-width) * 1.02)) translateY(16px) rotate(5deg) scale(.96); }
  .fan-card[data-slot="4"] { transform:translateX(calc(-50% + var(--card-width) * 2.04)) translateY(6px) rotate(11deg) scale(.88); }
}
@media (prefers-reduced-transparency:reduce) {
  .glass-chip { background:#26272c; -webkit-backdrop-filter:none; backdrop-filter:none; }
  .site-header.is-scrolled { background:#131416; -webkit-backdrop-filter:none; backdrop-filter:none; }
}

/* Hero cards follow EventCard's 342 × 522.216 geometry from the app. */
.hero .fan-card { height:calc(var(--card-width) * 1.52695); }
.hero .fan-surface { border-radius:calc(var(--card-width) * .093567); border:0; background:#0c0d0f; box-shadow:inset 0 0 0 1px rgb(255 255 255 / 9%),0 18px 32px rgb(0 0 0 / 45%); }
.hero .fan-surface::after { display:none; }
.hero .fan-surface::before { display:none; }
.hero .fan-card[data-kind="chef"] .fan-surface { background:#0a0b0d; }
.hero .fan-card[data-kind="courtyard"] .fan-surface { background:#151618; }
.hero .fan-card[data-kind="event"] .fan-surface { background:#111214; }
.hero .native-brand { position:absolute; left:6.295%; top:4.5536%; width:62.87%; font-size:calc(var(--card-width) * .02924); line-height:1.2; font-weight:600; letter-spacing:.08px; color:#b4bbc0; white-space:nowrap; }
.hero .native-title { position:absolute; left:6.295%; top:15.867%; width:83.83%; font-size:calc(var(--card-width) * .108187); line-height:.94; letter-spacing:normal; font-weight:600; color:#f1f2f3; }
.hero .native-period { position:absolute; left:6.295%; top:30.1%; width:80.7%; font-size:calc(var(--card-width) * .032164); font-weight:500; line-height:1; letter-spacing:.05px; color:rgb(155 160 164 / 68%); white-space:nowrap; }
.hero .native-photo { position:absolute; left:2.702%; top:37.216%; width:94.011%; height:60.766%; overflow:hidden; border-radius:calc(var(--card-width) * .06725); border:.5px solid rgb(214 219 224 / 10%); box-shadow:0 5px 9px rgb(0 0 0 / 45%); background:#131416; }
.hero .native-photo::after { content:''; position:absolute; inset:65% 0 0; pointer-events:none; background:linear-gradient(transparent,rgb(0 0 0 / 30%)); }
.hero .fan-card[data-kind="event"] .fan-image { object-position:73% 50%; }
.hero .native-chips { position:absolute; bottom:4.2019%; left:4.1472%; z-index:2; display:flex; gap:calc(var(--card-width) * .02046); }
.hero .native-chips .glass-chip { height:calc(var(--card-width) * .083597); padding:0 calc(var(--card-width) * .038); font-size:calc(var(--card-width) * .0263158); font-weight:600; line-height:1; letter-spacing:.12px; border-color:rgb(255 255 255 / 12%); background:rgb(12 13 16 / 54%); }
.hero .native-chips .glass-chip:first-child { min-width:calc(var(--card-width) * .29342); justify-content:center; }
.hero .fan-card[data-slot="0"] { transform:translateX(calc(-50% - var(--card-width) * 2.04)) translateY(calc(var(--card-width) * -.27924)) rotate(-7.7deg) scale(.818713); opacity:.3; z-index:1; }
.hero .fan-card[data-slot="1"] { transform:translateX(calc(-50% - var(--card-width) * 1.02)) translateY(calc(var(--card-width) * -.165)) rotate(-3.1deg) scale(.906292); opacity:.85; z-index:3; }
.hero .fan-card[data-slot="2"] { transform:translateX(-50%); z-index:5; }
.hero .fan-card[data-slot="3"] { transform:translateX(calc(-50% + var(--card-width) * 1.02)) translateY(calc(var(--card-width) * -.165)) rotate(3.1deg) scale(.906292); opacity:.85; z-index:3; }
.hero .fan-card[data-slot="4"] { transform:translateX(calc(-50% + var(--card-width) * 2.04)) translateY(calc(var(--card-width) * -.27924)) rotate(7.7deg) scale(.818713); opacity:.3; z-index:1; }
.hero .hero-fan { padding-top:32px; }
@media (min-width:601px) and (max-width:840px) {
  .hero .hero-fan { padding-top:12px; margin-top:15px; }
}
@media (max-width:600px) {
  .hero .hero-fan { height:380px; padding-top:18px; }
  .hero .fan-card[data-slot="0"] { transform:translateX(calc(-50% - var(--card-width) * 1.52)) translateY(calc(var(--card-width) * -.27924)) rotate(-7.7deg) scale(.818713); }
  .hero .fan-card[data-slot="1"] { transform:translateX(calc(-50% - var(--card-width) * .76)) translateY(calc(var(--card-width) * -.165)) rotate(-3.1deg) scale(.906292); }
  .hero .fan-card[data-slot="3"] { transform:translateX(calc(-50% + var(--card-width) * .76)) translateY(calc(var(--card-width) * -.165)) rotate(3.1deg) scale(.906292); }
  .hero .fan-card[data-slot="4"] { transform:translateX(calc(-50% + var(--card-width) * 1.52)) translateY(calc(var(--card-width) * -.27924)) rotate(7.7deg) scale(.818713); }
}
@media (max-width:370px) {
  .hero .hero-fan { height:300px; margin-top:22px; padding-top:12px; }
}
@media (min-width:841px) and (max-height:800px) {
  .hero { --hero-card-width:clamp(184px,calc((100svh - 430px) / 1.52695),238px); min-height:calc(100svh - 32px); }
  .hero .hero-copy { padding-top:96px; }
  .hero .club-label { font-size:10px; }
  .hero h1 { margin-top:18px; font-size:clamp(50px,4.4vw,58px); }
  .hero .hero-description { margin-top:18px; font-size:14px; line-height:1.45; }
  .hero .hero-store { margin-top:16px; min-height:40px; padding-block:8px; font-size:13px; }
  .hero .fan-card { --card-width:var(--hero-card-width); }
  .hero .hero-fan { height:calc(var(--hero-card-width) * 1.52695 + 24px); padding-top:18px; }
}

/* EventCard.swift: two native glow ellipses, photo overlays and capsule material. */
.hero .native-glow { position:absolute; inset:0; pointer-events:none; }
.hero .native-glow i { position:absolute; border-radius:50%; background:rgb(var(--card-accent)); }
.hero .native-glow i:first-child { left:-13.1667%; top:12.5829%; width:125.7485%; height:65.6933%; opacity:.0846; filter:blur(calc(var(--card-width) * .131579)); }
.hero .native-glow i:last-child { left:7.7924%; top:22.619%; width:83.8325%; height:47.4453%; opacity:.1118; filter:blur(calc(var(--card-width) * .111111)); }
.hero .fan-surface { box-shadow:0 calc(var(--card-width) * .052632) calc(var(--card-width) * .061404) rgb(0 0 0 / 45%); }
.hero .fan-surface::after { display:block; content:''; position:absolute; inset:0; z-index:4; border:1px solid rgb(255 255 255 / 9%); border-radius:inherit; background:none; pointer-events:none; }
.hero .native-brand { height:calc(var(--card-width) * .055556); line-height:1.2; }
.hero .native-period { height:calc(var(--card-width) * .055556); line-height:1.2; }
.hero .native-photo { border:0; box-shadow:0 calc(var(--card-width) * .01462) calc(var(--card-width) * .026316) rgb(0 0 0 / 50%); }
.hero .native-photo::after { inset:0; z-index:1; border:.5px solid rgb(214 219 224 / 6%); box-shadow:inset 0 0 0 .7px rgb(255 255 255 / 4%); border-radius:inherit; background:none; }
.hero .native-shade { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.hero .native-chips .glass-chip { padding:0 calc(var(--card-width) * .046784); color:#f1f2f3; border:1px solid rgb(255 255 255 / 11%); background:rgb(12 13 16 / 60%); -webkit-backdrop-filter:blur(8px) saturate(1.5); backdrop-filter:blur(8px) saturate(1.5); box-shadow:inset 0 .5px 0 rgb(255 255 255 / 8%); }
.hero .native-chips .glass-chip:first-child { width:calc(var(--card-width) * .293421); padding:0; }
.hero .deck-ambient { --ambient-color:rgb(108 76 39); position:absolute; width:510px; height:360px; left:50%; top:38%; transform:translate(-50%,-50%); border-radius:50%; pointer-events:none; mix-blend-mode:screen; filter:blur(34px); background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ambient-color) 18%,transparent),color-mix(in srgb,var(--ambient-color) 5.5%,transparent) 50%,transparent 100%); }

/* Static first-screen composition. Card internals retain the app geometry above. */
.hero { margin:0; border-radius:0; background:var(--canvas); min-height:100svh; }
.hero::before { display:none; }
.hero .hero-copy { padding:132px 24px 0; }
.hero .club-label { padding:0; border:0; background:none; color:#a8adb5; font-size:10px; letter-spacing:.2em; }
.hero h1 { margin-top:28px; font-size:clamp(48px,5.55vw,84px); line-height:1.09; font-weight:600; letter-spacing:-.055em; }
.hero h1 span { color:#a8adb5; font-weight:600; }
.hero .hero-description { margin-top:26px; font-size:15px; color:#a8adb5; }
.hero .hero-store { margin-top:26px; min-height:46px; }
.hero .hero-fan { height:calc(clamp(220px,19vw,540px) * 1.52695 + 110px); margin-top:36px; padding-top:0; }
.hero .fan-card { --card-width:clamp(220px,19vw,540px); transform-origin:50% 0; }
.hero .fan-card[data-slot="0"] { transform:translateX(calc(-50% - var(--card-width) * 2.02)) translateY(calc(var(--card-width) * .3)) rotate(-19deg); opacity:.32; }
.hero .fan-card[data-slot="1"] { transform:translateX(calc(-50% - var(--card-width) * 1.04)) translateY(calc(var(--card-width) * .1)) rotate(-10deg); opacity:.9; }
.hero .fan-card[data-slot="2"] { transform:translateX(-50%); opacity:1; }
.hero .fan-card[data-slot="3"] { transform:translateX(calc(-50% + var(--card-width) * 1.04)) translateY(calc(var(--card-width) * .1)) rotate(10deg); opacity:.9; }
.hero .fan-card[data-slot="4"] { transform:translateX(calc(-50% + var(--card-width) * 2.02)) translateY(calc(var(--card-width) * .3)) rotate(19deg); opacity:.32; }
.hero .deck-ambient { display:none; }
.desktop-nav { background:#101112; border-color:rgb(255 255 255 / 7%); }
.desktop-nav a.is-current { background:none; color:var(--ink); }
@media(max-width:840px) {
 .hero .hero-copy { padding-top:124px; }
 .hero .hero-fan { height:380px; }
 .hero .fan-card { --card-width:220px; }
}
@media(max-width:600px) {
 .hero .hero-copy { padding:124px 20px 0; }
 .hero h1 { font-size:42px; }
 .hero h1 span { font-size:clamp(28px,7.7vw,40px); }
 .hero .hero-description { font-size:13px; margin-top:23px; }
 .hero .hero-fan { height:350px; margin-top:32px; }
 .hero .fan-card { --card-width:206px; }
}

/* SF system typography from EventCard; no invented metadata row. */
.hero .native-brand, .hero .native-title { font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif; font-weight:600; font-style:normal; }
.hero .native-brand { left:6.2953%; top:4.5537%; font-size:calc(var(--card-width) * .02923977); letter-spacing:calc(var(--card-width) * .000233918); }
.hero .native-title { left:6.2953%; top:15.86699%; font-size:calc(var(--card-width) * .10818713); line-height:.94; letter-spacing:0; }
.hero .fan-card[data-kind="courtyard"] .glass-chip:first-child { width:calc(var(--card-width) * .356725); }
.hero .fan-card[data-kind="event"] .fan-image { object-position:center; }

/* Full-bleed atmosphere film; typography stays independent of video playback. */
.hero { min-height:100svh; justify-content:center; background:#08090a; }
.hero .hero-film { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 45%; pointer-events:none; }
.hero .hero-film-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.24) 35%,rgba(0,0,0,.38) 65%,#08090a 100%); pointer-events:none; }
.hero .hero-copy { padding:150px 24px 130px; }
.hero .club-label { color:#d3d1cc; }
.hero h1 { text-shadow:0 2px 24px rgb(0 0 0 / 22%); }
.hero h1 span { color:#d5d2cc; }
.hero .hero-description { color:#e0ddd7; }
.hero .hero-store { margin-top:32px; }
@media(max-width:600px) {
 .hero .hero-copy { padding:130px 20px 110px; }
 .hero .hero-film { object-position:50% 50%; }
}
/* Transparent header material responds to the existing scroll observer. */
.site-header {
  background:rgb(255 255 255 / 3%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  backdrop-filter:blur(18px) saturate(145%);
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / 13%),inset 0 1px 0 rgb(255 255 255 / 16%),0 8px 26px rgb(0 0 0 / 8%);
  transition:background .3s ease,box-shadow .3s ease,transform .3s ease;
}
.site-header .header-inner { transition:height .3s ease; }
.site-header .desktop-nav {
  background:rgb(255 255 255 / 3%);
  border-color:rgb(255 255 255 / 10%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 5%);
}
.site-header.is-scrolled {
  background:rgb(12 13 15 / 22%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / 14%),inset 0 1px 0 rgb(255 255 255 / 13%),0 8px 28px rgb(0 0 0 / 15%);
  transform:translateY(-8px);
}
.site-header.is-scrolled .header-inner { height:60px; }
.site-header .desktop-nav a.is-current { background:rgb(255 255 255 / 9%); color:#f5f5f2; }
.site-header:has(.mobile-menu:not([hidden])) { background:rgb(12 13 15 / 48%); }
.site-header .menu-button { background:rgb(255 255 255 / 5%); }
.hero .hero-film-shade { background:linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.59) 35%,rgba(0,0,0,.68) 65%,#08090a 100%); }
@media(max-width:600px) {
  .site-header.is-scrolled { transform:translateY(-5px); }
  .site-header.is-scrolled .header-inner { height:54px; }
}
@media(prefers-reduced-motion:reduce) {
  .site-header,.site-header .header-inner { transition:none; }
}
@media(prefers-reduced-transparency:reduce) {
  .site-header,.site-header.is-scrolled,.site-header:has(.mobile-menu:not([hidden])) { background:#131416; -webkit-backdrop-filter:none; backdrop-filter:none; }
}
/* Narrow the header on scroll without scaling its text or controls. */
.site-header { transition:background .3s ease,box-shadow .3s ease,transform .3s ease,max-width .35s ease,inset-inline .35s ease; }
.site-header.is-scrolled { max-width:1080px; inset-inline:72px; }
@media(max-width:1100px) {
 .site-header.is-scrolled { inset-inline:48px; }
}
@media(max-width:840px) {
 .site-header.is-scrolled { inset-inline:40px; }
}
@media(max-width:600px) {
 .site-header.is-scrolled { inset-inline:28px; }
}
@media(max-width:370px) {
 .site-header.is-scrolled { inset-inline:20px; }
}
@media(prefers-reduced-motion:reduce) {
 .site-header { transition:none; }
}
/* A single glass surface: navigation sits directly on the header. */
.site-header .desktop-nav { background:none; border-color:transparent; box-shadow:none; }
.site-header .desktop-nav a { color:rgb(245 245 242 / 62%); transition:color .2s ease; }
.site-header .desktop-nav a.is-current,
.site-header .desktop-nav a.is-current:hover { background:none; color:#f5f5f2; }
.site-header .desktop-nav a:hover { color:#f5f5f2; }
/* Collapsed header follows the intrinsic width of its contents. */
.site-header.is-scrolled { max-width:var(--header-content-width,820px); }
.site-header.is-scrolled .header-inner { grid-template-columns:auto auto auto; justify-content:space-between; gap:24px; }
@media(max-width:840px) {
 .site-header.is-scrolled .header-inner { grid-template-columns:auto auto; gap:20px; }
}
.site-header .wordmark { justify-self:start; width:max-content; }
/* Keep one centre and one layout while the shell changes width. */
.site-header,
.site-header.is-scrolled {
  left:50%; right:auto; inset-inline:50% auto;
  width:calc(100% - 88px); max-width:1288px;
  transform:translateX(-50%);
  transition:width .48s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease;
}
.site-header.is-scrolled { width:min(var(--header-content-width,820px),calc(100% - 88px)); }
.site-header .header-inner,
.site-header.is-scrolled .header-inner { display:flex; justify-content:space-between; gap:24px; }
.site-header .header-inner > * { flex-shrink:0; }
@media(max-width:840px) {
 .site-header,.site-header.is-scrolled { width:calc(100% - 60px); }
 .site-header.is-scrolled { width:min(var(--header-content-width,620px),calc(100% - 60px)); }
 .site-header .header-inner,.site-header.is-scrolled .header-inner { gap:20px; }
}
@media(max-width:600px) {
 .site-header,.site-header.is-scrolled { width:calc(100% - 40px); }
 .site-header.is-scrolled { width:min(var(--header-content-width,380px),calc(100% - 40px)); }
}
@media(max-width:370px) {
 .site-header,.site-header.is-scrolled { width:calc(100% - 34px); }
 .site-header.is-scrolled { width:min(var(--header-content-width,340px),calc(100% - 34px)); }
}
@media(prefers-reduced-motion:reduce) { .site-header { transition:none; } }
/* Equal side tracks keep the navigation at the shell's exact centre. */
@media(min-width:841px) {
 .site-header .header-inner,
 .site-header.is-scrolled .header-inner { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:24px; }
 .site-header .desktop-nav { justify-self:center; }
 .site-header .header-actions { justify-self:end; }
}

/* App identity in the hero and SF semibold navigation. */
.hero .hero-brand-mark { display:inline-flex; align-items:center; justify-content:center; }
.hero .hero-brand-mark img { width:48px; height:auto; }
.site-header .desktop-nav a { font-family:var(--font); font-size:14px; font-weight:500; letter-spacing:0; }

/* Collaboration: editorial hierarchy, one shared baseline and quiet separators. */
.collaboration-section { padding-top:110px; padding-bottom:28px; }
.collaboration-intro { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; align-items:end; }
.collaboration-intro h2 { font-size:clamp(40px,4.7vw,66px); line-height:1.06; letter-spacing:-.045em; font-weight:500; }
.collaboration-intro h2 span { color:#aaa7a1; }
.collaboration-lead { max-width:470px; padding-bottom:4px; }
.collaboration-lead img { margin-bottom:28px; opacity:.8; }
.collaboration-lead p { font-size:18px; line-height:1.6; color:#b3b4b7; letter-spacing:-.2px; }
.collaboration-manifesto { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; margin-top:76px; padding:48px 0; border-top:1px solid rgb(255 255 255 / 12%); border-bottom:1px solid rgb(255 255 255 / 12%); }
.collaboration-statement { font-size:clamp(32px,3.3vw,46px); font-weight:500; line-height:1.12; letter-spacing:-.035em; }
.collaboration-statement span { color:#d5c3ab; }
.collaboration-explanation { align-self:center; max-width:470px; }
.collaboration-explanation p { color:#a3a5aa; font-size:16px; line-height:1.65; }
.collaboration-explanation p:first-child { color:#f0efeb; font-size:20px; line-height:1.45; margin-bottom:20px; }
.collaboration-principles { display:grid; grid-template-columns:1fr 1fr; column-gap:80px; }
.collaboration-principle { padding:38px 0 42px; border-bottom:1px solid rgb(255 255 255 / 10%); }
.collaboration-principle h3 { font-size:28px; line-height:1.15; letter-spacing:-.025em; font-weight:500; margin-bottom:20px; }
.collaboration-principle p { font-size:16px; line-height:1.65; color:#a3a5aa; max-width:490px; }
.collaboration-principle.principle-wide { grid-column:1 / -1; display:grid; grid-template-columns:1.1fr 1fr; gap:80px; padding-block:48px; }
.principle-wide h3 { margin-bottom:0; font-size:34px; }
@media(max-width:840px) {
 .collaboration-intro,.collaboration-manifesto,.collaboration-principle.principle-wide { gap:32px; }
 .collaboration-principles { column-gap:32px; }
 .collaboration-lead p { font-size:16px; }
}
@media(max-width:600px) {
 .collaboration-section { padding-top:64px; }
 .collaboration-intro,.collaboration-manifesto,.collaboration-principles,.collaboration-principle.principle-wide { grid-template-columns:1fr; gap:28px; }
 .collaboration-intro h2 { font-size:42px; }
 .collaboration-lead img { display:none; }
 .collaboration-manifesto { margin-top:40px; padding:32px 0; }
 .collaboration-statement { font-size:36px; }
 .collaboration-explanation p:first-child { font-size:18px; }
 .collaboration-principles { gap:0; }
 .collaboration-principle,.collaboration-principle.principle-wide { padding:30px 0; }
 .collaboration-principle h3,.principle-wide h3 { font-size:26px; }
 .collaboration-principle p { font-size:15px; }
}

/* Product-led composition replaces the text-only principle grid. */
.collaboration-section { padding-top:96px; }
.collaboration-intro { align-items:center; gap:60px; }
.collaboration-lead img { display:none; }
.collaboration-product { margin-top:60px; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:stretch; }
.collaboration-product-visual { min-height:720px; position:relative; overflow:hidden; border-radius:28px; background:#1c1a17; isolation:isolate; }
.collaboration-scene { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.3; }
.collaboration-product-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgb(0 0 0 / 15%),transparent 35%,#0c0d0e 100%); z-index:-1; }
.collaboration-product-caption { position:relative; padding:36px; font-size:36px; line-height:1.1; letter-spacing:-.035em; font-weight:500; }
.collaboration-app-screen { position:absolute; width:64%; max-width:340px; height:auto; left:50%; top:190px; transform:translateX(-50%) rotate(-5deg); border-radius:36px; border:5px solid #242424; box-shadow:0 24px 60px rgb(0 0 0 / 55%); }
.collaboration-product-details { display:flex; flex-direction:column; justify-content:center; }
.collaboration-product-details .collaboration-principle,.collaboration-product-details .principle-wide { display:block; padding:30px 0; border-bottom:1px solid rgb(255 255 255 / 12%); }
.collaboration-product-details .collaboration-principle:last-child { border-bottom:0; }
.collaboration-product-details .collaboration-principle h3 { font-size:30px; margin-bottom:16px; }
.collaboration-product-details .collaboration-principle p { font-size:15px; line-height:1.65; }
.collaboration-outcomes { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:56px; }
.collaboration-outcome { position:relative; overflow:hidden; border-radius:26px; min-height:510px; display:flex; align-items:end; background:#171615; isolation:isolate; }
.collaboration-outcome > img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; z-index:-2; }
.collaboration-outcome::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgb(0 0 0 / 5%),rgb(0 0 0 / 32%) 30%,rgb(0 0 0 / 89%) 70%,#0c0d0e); }
.outcome-quality > img { object-position:73% center; }
.collaboration-outcome .collaboration-principle { padding:32px; border:0; }
.collaboration-outcome .collaboration-principle h3 { font-size:32px; }
.collaboration-outcome .collaboration-principle p { color:#c3c3c3; font-size:15px; }
.collaboration-summary { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:52px 0 0; }
.collaboration-summary > p:first-child { font-size:27px; line-height:1.2; letter-spacing:-.025em; }
.collaboration-summary > p:first-child span { color:#bcae99; }
.collaboration-summary > p:last-child { color:#a3a5aa; font-size:15px; line-height:1.65; }
@media(max-width:840px) {
 .collaboration-product { gap:30px; }
 .collaboration-product-caption { font-size:28px; padding:26px; }
 .collaboration-app-screen { width:80%; }
 .collaboration-outcome .collaboration-principle { padding:24px; }
 .collaboration-outcomes { gap:16px; }
}
@media(max-width:600px) {
 .collaboration-section { padding-top:64px; }
 .collaboration-intro { gap:24px; }
 .collaboration-product { grid-template-columns:1fr; margin-top:32px; gap:8px; }
 .collaboration-product-visual { min-height:490px; }
 .collaboration-product-caption { font-size:32px; }
 .collaboration-app-screen { top:140px; width:65%; max-width:280px; border-radius:28px; }
 .collaboration-product-details .collaboration-principle h3 { font-size:26px; }
 .collaboration-outcomes { grid-template-columns:1fr; margin-top:24px; gap:20px; }
 .collaboration-outcome { min-height:460px; }
 .collaboration-outcome .collaboration-principle h3 { font-size:28px; }
 .collaboration-summary { grid-template-columns:1fr; gap:22px; padding-top:36px; }
}

/* Layered native screens and an uninterrupted reading order. */
.collaboration-summary { padding:42px 0; margin-top:40px; border-top:1px solid rgb(255 255 255 / 10%); border-bottom:1px solid rgb(255 255 255 / 10%); align-items:center; }
.collaboration-summary > p:first-child { max-width:470px; font-size:30px; line-height:1.25; }
.collaboration-product { margin-top:48px; }
.collaboration-product-caption { padding:32px; }
.collaboration-companion-screen { position:absolute; width:54%; max-width:290px; height:auto; top:175px; right:-8%; transform:rotate(9deg); border:4px solid #242424; border-radius:30px; box-shadow:0 20px 40px rgb(0 0 0 / 40%); opacity:.7; }
.collaboration-app-screen { left:40%; top:130px; }
.collaboration-product-visual { border:1px solid rgb(213 195 171 / 12%); }
.collaboration-product-details .collaboration-principle { position:relative; }
.collaboration-product-details .collaboration-principle h3 { color:#eeede9; }
.collaboration-outcome { border:1px solid rgb(255 255 255 / 8%); }
@media(max-width:600px) {
 .collaboration-summary { margin-top:30px; padding:28px 0; }
 .collaboration-summary > p:first-child { font-size:26px; }
 .collaboration-product { margin-top:32px; }
 .collaboration-app-screen { top:95px; left:39%; }
 .collaboration-companion-screen { top:140px; width:52%; right:-4%; }
}

/* Each passage lives in a designed surface, not a detached text column. */
.collaboration-intro { position:relative; isolation:isolate; overflow:hidden; border-radius:30px; padding:56px; min-height:440px; gap:56px; border:1px solid rgb(255 255 255 / 10%); background:#111212; }
.collaboration-intro-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:70% 45%; z-index:-2; opacity:.3; }
.collaboration-intro::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#0d0e0f 3%,rgb(13 14 15 / 85%) 45%,rgb(13 14 15 / 40%)); }
.collaboration-intro h2 { font-size:clamp(38px,4.2vw,58px); }
.collaboration-lead { padding:28px; border-left:1px solid rgb(213 195 171 / 35%); }
.collaboration-lead p { color:#dad9d6; font-size:17px; }
.collaboration-summary { padding:36px 40px; margin-top:20px; border:1px solid rgb(213 195 171 / 14%); border-radius:24px; background:linear-gradient(115deg,#201e1b,#101112 70%); gap:48px; }
.collaboration-summary > p:first-child { font-size:29px; }
.collaboration-product { gap:24px; margin-top:24px; grid-template-columns:.95fr 1.05fr; }
.collaboration-product-details { gap:16px; justify-content:stretch; }
.collaboration-product-details .collaboration-principle,
.collaboration-product-details .collaboration-principle:last-child { flex:1; padding:28px 30px; border:1px solid rgb(255 255 255 / 9%); border-radius:24px; background:radial-gradient(ellipse at 100% 0%,rgb(213 195 171 / 5%),transparent 65%),#111213; display:grid; grid-template-columns:44px 1fr; gap:12px 18px; align-content:center; }
.principle-symbol { width:44px; height:44px; display:grid; place-items:center; color:#cdbcaa; border-radius:13px; background:rgb(213 195 171 / 7%); }
.principle-symbol svg { width:28px; height:28px; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.collaboration-product-details .collaboration-principle h3 { font-size:26px; margin:0; align-self:center; }
.collaboration-product-details .collaboration-principle p { grid-column:1 / -1; font-size:15px; color:#b2b3b6; }
.collaboration-outcomes { margin-top:24px; }
.collaboration-outcome .collaboration-principle { margin:16px; padding:26px; border-radius:20px; background:rgb(10 11 12 / 85%); border:1px solid rgb(255 255 255 / 10%); }
@media(max-width:840px) {
 .collaboration-intro { padding:32px; gap:24px; }
 .collaboration-lead { padding:0 0 0 20px; }
 .collaboration-product { gap:16px; }
 .collaboration-product-details .collaboration-principle { padding:22px; }
 .collaboration-product-details .collaboration-principle h3 { font-size:23px; }
 .collaboration-summary { padding:28px; gap:28px; }
}
@media(max-width:600px) {
 .collaboration-intro { grid-template-columns:1fr; padding:30px 24px; min-height:0; border-radius:24px; }
 .collaboration-intro h2 { font-size:38px; }
 .collaboration-lead { padding:0; border:0; }
 .collaboration-lead p { font-size:15px; }
 .collaboration-summary { grid-template-columns:1fr; padding:26px 24px; }
 .collaboration-summary > p:first-child { font-size:25px; }
 .collaboration-product { grid-template-columns:1fr; }
 .collaboration-product-details .collaboration-principle { padding:24px; }
 .collaboration-outcome .collaboration-principle { padding:22px; margin:12px; }
}

/* Restored static presentation: all approved passages remain visible. */
.collaboration-product-details .collaboration-principle { display:block; }
.collaboration-product-details .collaboration-principle h3 { margin-bottom:16px; }

/* Business carousel: EventCard silhouette and SF typography, adapted for full copy. */
.business-section { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; column-gap:48px; margin-top:100px; padding:40px 48px; border:1px solid rgb(255 255 255 / 7%); border-radius:36px; background:#101113; }
.business-intro { max-width:490px; padding:0; border:0; background:none; }
.business-intro-lead { margin-bottom:32px; }
.business-intro-lead > p { margin-top:24px; padding:0; }
.business-criteria { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr; gap:22px; min-width:0; }
.business-condition { display:flex; align-items:center; gap:14px; min-width:0; }
.business-condition > img, .business-directions > p img { width:26px; height:26px; margin:0; flex:none; opacity:.85; filter:brightness(0) saturate(100%) invert(86%) sepia(13%) saturate(383%) hue-rotate(354deg) brightness(91%) contrast(88%); }
.business-condition p { margin:0; max-width:300px; font-size:16px; line-height:1.45; letter-spacing:-.02em; color:#a8adb5; }
.business-condition strong { color:#f4eee4; font-weight:600; }
.business-directions { grid-column:1/-1; border-top:1px solid rgb(255 255 255 / 8%); padding-top:22px; }
.business-directions > p { display:flex; align-items:center; gap:14px; margin:0 0 15px; font-size:16px; line-height:1.45; color:#a8adb5; }
.business-directions > p img { margin-top:0; }
.business-industries { display:flex; flex-wrap:wrap; gap:7px; }
.business-industries > span { display:inline-block; max-width:100%; padding:8px 12px; border:1px solid rgb(213 195 171 / 12%); border-radius:99px; background:rgb(213 195 171 / 4%); font-size:12px; line-height:1.2; color:#c9c5bd; }
.industry-comma { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.business-opportunities { min-width:0; }
.business-heading { display:flex; justify-content:flex-end; align-items:center; gap:24px; margin-bottom:16px; }
.business-carousel-controls { display:flex; gap:8px; }
.business-carousel-controls button { display:grid; place-items:center; flex:none; width:43px; height:43px; border:1px solid rgb(255 255 255 / 12%); border-radius:50%; background:#151719; padding:0; color:#ede9e2; transition:background .16s ease-out,transform .16s ease-out,opacity .16s ease-out; }
.business-carousel-controls button span { font-family:var(--font); font-size:20px; line-height:1; translate:0 -1px; }
.business-carousel-controls button:disabled { opacity:.3; cursor:default; }
.business-carousel-controls button:active:not(:disabled) { transform:scale(.95); }
.business-carousel { display:flex; align-items:stretch; gap:18px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:0; scrollbar-width:none; padding:4px 0 18px; cursor:grab; -webkit-overflow-scrolling:touch; }
.business-carousel::-webkit-scrollbar { display:none; }
.business-carousel:focus-visible { outline:none; }
.business-carousel.is-dragging { scroll-snap-type:none; scroll-behavior:auto; cursor:grabbing; user-select:none; }
.business-capability { position:relative; isolation:isolate; display:flex; flex-direction:column; flex:0 0 350px; min-width:0; min-height:408px; scroll-snap-align:start; padding:25px 25px 29px; overflow:hidden; border-radius:32px; background:linear-gradient(150deg,rgb(213 195 171 / 4%),transparent 60%),#101113; box-shadow:0 8px 14px rgb(0 0 0 / 20%); }
.business-capability::after { content:''; position:absolute; inset:0; border:1px solid rgb(255 255 255 / 9%); border-radius:inherit; pointer-events:none; }
.business-native-heading { padding-bottom:18px; }
.business-card-topline { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; }
.business-native-brand { display:flex; align-items:center; gap:5px; width:max-content; margin:0; font-family:var(--font); font-size:13px; font-weight:600; letter-spacing:-.25px; color:#9ea1a5; }
.business-native-brand img { width:20px; height:15px; opacity:.68; }
.business-capability h4 { margin:0; font-family:var(--font); font-size:34px; font-weight:600; line-height:1.04; letter-spacing:-.02em; text-transform:uppercase; color:#f1f2f3; }
.business-native-copy { flex:1; display:flex; align-items:center; padding-block:10px; }
.business-capability p { margin:0; font-size:14px; line-height:21px; letter-spacing:-.01em; color:#a8adb5; }
.business-capability strong { color:#dcdad5; font-weight:400; }
.business-carousel-footer { height:0; margin:0; }
.business-progress { width:100%; height:2px; background:rgb(255 255 255 / 7%); overflow:hidden; border-radius:2px; }
.business-progress-fill { display:block; height:100%; width:100%; background:#c5b294; transform:scaleX(.125); transform-origin:left; }
.business-carousel-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(hover:hover) and (pointer:fine) {
 .business-carousel-controls button:hover:not(:disabled) { background:#27282a; }
}
@media(max-width:960px) {
 .business-section { grid-template-columns:1fr; gap:24px; margin-top:76px; padding:36px; border-radius:30px; }
 .business-capability { flex-basis:330px; }
}
@media(max-width:560px) {
 .business-section { margin-top:56px; padding:28px 18px 16px; border-radius:26px; }
 .business-criteria { grid-template-columns:1fr; gap:21px; }
 .business-condition { display:flex; align-items:center; gap:13px; }
 .business-condition > img { width:23px; height:23px; flex:none; margin:0; }
 .business-condition p { font-size:15px; line-height:1.4; }
 .business-directions { padding-top:20px; }
 .business-directions > p { gap:13px; font-size:15px; }
 .business-directions > p img { width:23px; height:23px; }
 .business-industries { gap:6px; }
 .business-industries > span { padding:8px 10px; font-size:11px; }
 .business-carousel-controls { gap:6px; }
 .business-carousel-controls button { width:38px; height:38px; }
 .business-carousel { gap:12px; }
 .business-capability { flex-basis:calc(100% - 36px); min-height:392px; padding:24px 22px 27px; border-radius:29px; }
 .business-native-heading { padding-bottom:20px; }
 .business-capability h4 { font-size:27px; }
 .business-capability p { font-size:14px; line-height:21px; }
}
@media(max-width:370px) {
 .business-capability { flex-basis:calc(100% - 24px); }
 .business-capability h4 { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) {
 .business-carousel { scroll-behavior:auto; }
 .business-carousel-controls button { transition:none; }
}


/* EventDeck: the next cards rest behind the active card and come forward on pull-down. */
.business-carousel.is-vertical { position:relative; display:block; width:100%; height:var(--deck-height,630px); margin:0; padding:0; overflow:hidden; mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent); -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 12px),transparent); scroll-snap-type:none; touch-action:pan-y pinch-zoom; user-select:none; -webkit-user-select:none; }
.business-carousel.is-vertical .business-capability { touch-action:pan-x pinch-zoom; position:absolute; left:50%; top:100px; width:min(calc(100% - 50px),342px); min-height:480px; transform:translateX(-50%) translate(var(--deck-x,0px),var(--deck-y,0px)) rotate(var(--deck-angle,0deg)) scale(var(--deck-scale,1)); transform-origin:center; transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s ease-out,filter .38s cubic-bezier(.22,1,.36,1); background:linear-gradient(150deg,rgb(213 195 171 / 4%),transparent 65%),#1b1c1e; box-shadow:0 14px 28px rgb(0 0 0 / 35%); }
.business-carousel.is-vertical.is-dragging .business-capability, .business-carousel.is-vertical.is-jumping .business-capability { transition:none; }
.business-carousel.is-vertical:focus-visible { outline-offset:-2px; }
.business-opportunities { position:relative; }
.business-opportunities .business-heading { position:absolute; z-index:120; top:118px; left:50%; width:min(calc(100% - 90px),292px); margin:0; transform:translateX(-50%); pointer-events:none; }
.business-opportunities .business-carousel-controls { gap:6px; pointer-events:auto; }
.business-opportunities .business-carousel-controls button { width:30px; height:30px; background:transparent; border-color:rgb(213 195 171 / 24%); color:var(--cream); }
.business-carousel-controls button svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.business-opportunities .business-carousel-controls button span { font-size:17px; }
.business-opportunities .business-carousel-footer { margin:0; }
@media(min-width:961px) and (max-width:1050px) {
 .business-section { column-gap:28px; }
 .business-condition p { font-size:15px; }
 .business-industries > span { font-size:11px; padding:8px 10px; }
 .business-carousel.is-vertical .business-capability { width:min(calc(100% - 28px),342px); padding:24px; }
 .business-carousel.is-vertical .business-capability h4 { font-size:30px; }
 .business-carousel.is-vertical .business-capability p { font-size:14px; line-height:21px; }
}
@media(max-width:960px) {
 .business-opportunities { max-width:520px; width:100%; margin-inline:auto; }
}
@media(max-width:560px) {
 .business-carousel.is-vertical .business-capability { width:min(calc(100% - 30px),342px); min-height:480px; }
 .business-carousel.is-vertical .business-capability h4 { font-size:32px; }
 .business-opportunities .business-heading { padding-inline:4px; }
 .business-opportunities .business-carousel-footer { margin-inline:15px; }
}
@media(max-width:370px) {
 .business-carousel.is-vertical .business-capability { width:min(calc(100% - 22px),342px); padding:23px 20px; }
 .business-carousel.is-vertical .business-capability h4 { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) {
 .business-carousel.is-vertical .business-capability { transition:none; }
}

/* Selected club-card direction. Scoped to the business section. */
.club-business { display:grid; grid-template-columns:1fr 1fr; gap:40px 56px; margin-top:100px; padding:48px; border:1px solid rgb(255 255 255 / 7%); border-radius:30px; background:#101113; scroll-margin-top:120px; }
.club-business h2 { font-size:clamp(38px,4.2vw,57px); line-height:1.07; font-weight:500; letter-spacing:-.045em; margin:0 0 26px; }
.club-business h2 em { display:block; color:var(--cream); font-style:normal; font-weight:400; }
.club-business .lead { color:var(--muted); font-size:15px; line-height:1.5; max-width:360px; }
.club-business ul { list-style:none; padding:0; margin:24px 0 0; max-width:470px; }
.club-business li { font-size:13px; line-height:1.55; color:var(--muted); padding:10px 0; border-bottom:1px solid rgb(255 255 255 / 5%); }
.club-business .membership { aspect-ratio:1.6; align-self:center; border-radius:24px; background:linear-gradient(120deg,#dacbb5,#bbaa91 50%,#e7ddcf); color:#282522; padding:28px; position:relative; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 24px 60px #0005; transform:rotate(-5deg); }
.club-business .brand { display:flex; align-items:center; gap:8px; font-size:20px; font-weight:600; }
.club-business .brand img { width:28px; }
.club-business .membership .brand img,.club-business .seal img { filter:brightness(0); opacity:.8; }
.club-business .seal { position:absolute; right:36px; top:32%; opacity:.12; }
.club-business .seal img { width:155px; }
.club-business .card-bottom { display:flex; justify-content:space-between; font-size:12px; }
.club-business .accordions { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:0 38px; border-top:1px solid rgb(213 195 171 / 22%); align-items:start; }
.club-business details { padding:20px 0; border-bottom:1px solid rgb(255 255 255 / 9%); }
.club-business summary { display:flex; justify-content:space-between; gap:16px; list-style:none; cursor:pointer; font-size:17px; line-height:1.3; }
.club-business summary::-webkit-details-marker { display:none; }
.club-business summary span { color:var(--cream); flex:none; }
.club-business details[open] summary span { transform:rotate(45deg); }
.club-business details p { font-size:14px; line-height:1.6; color:var(--muted); max-width:460px; margin:16px 0 0; }
.club-business summary:focus-visible { outline:2px solid var(--cream); outline-offset:6px; border-radius:3px; }
@media(max-width:960px) { .club-business { padding:30px; gap:30px; margin-top:76px; } }
@media(max-width:600px) { .club-business { grid-template-columns:1fr; padding:24px; border-radius:22px; margin-top:56px; } .club-business .membership { margin:20px 5px; } .club-business .accordions { grid-template-columns:1fr; } .club-business h2 { font-size:38px; } .club-business .seal img { width:120px; } .club-business .membership { padding:24px; } }

/* Business capabilities: four square glass cards per desktop row. */
.business-glass-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.business-glass-card { aspect-ratio:1; min-width:0; padding:22px; display:flex; flex-direction:column; justify-content:space-between; gap:22px; border:1px solid rgb(255 255 255 / 12%); border-radius:22px; background:linear-gradient(145deg,rgb(255 255 255 / 7%),rgb(255 255 255 / 2%) 55%,rgb(213 195 171 / 4%)); box-shadow:inset 0 1px 0 rgb(255 255 255 / 5%),0 8px 24px rgb(0 0 0 / 10%); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.business-glass-card h3 { margin:0; font-size:18px; line-height:1.15; letter-spacing:-.025em; font-weight:500; color:var(--ink); }
.business-glass-card p { margin:0; font-size:13px; line-height:1.45; color:var(--muted); }
@media(min-width:1101px) { .club-business { column-gap:48px; padding:40px; } .business-glass-card { padding:18px; } }
@media(max-width:1100px) { .business-glass-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .business-glass-grid { gap:10px; } .business-glass-card { padding:16px; border-radius:18px; aspect-ratio:auto; min-height:230px; } .business-glass-card h3 { font-size:16px; } .business-glass-card p { font-size:12px; } }
@media(max-width:420px) { .business-glass-grid { grid-template-columns:1fr; } .business-glass-card { aspect-ratio:1; min-height:0; padding:24px; } .business-glass-card h3 { font-size:21px; } .business-glass-card p { font-size:14px; line-height:1.5; } }
.business-glass-grid.shell { margin-top:24px; }
@media(max-width:600px) { .business-glass-grid.shell { margin-top:16px; } }

/* Shared glass material for the business introduction and capability cards. */
.club-business {
 border:1px solid rgb(255 255 255 / 12%);
 background:linear-gradient(145deg,rgb(255 255 255 / 7%),rgb(255 255 255 / 2%) 55%,rgb(213 195 171 / 4%));
 box-shadow:inset 0 1px 0 rgb(255 255 255 / 5%),0 8px 24px rgb(0 0 0 / 10%);
 backdrop-filter:blur(16px);
 -webkit-backdrop-filter:blur(16px);
}

/* Club pass: stable pointer surface, dimensional face and restrained sheen. */
.club-business .membership-stage { align-self:center; perspective:1000px; padding:16px 0; }
.club-business .membership { width:100%; margin:0; aspect-ratio:1.6; overflow:hidden; transform:rotate(-5deg); transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s; will-change:auto; background:linear-gradient(125deg,#ddd2bf,#c7b89f 55%,#e4dac9); border:1px solid #f3ead899; box-shadow:0 24px 50px #0005,inset 0 0 0 5px #ffffff12; }
.club-business .membership.is-tracking { transition:transform .12s ease-out; }
.club-pass-top { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; }
.club-business .club-pass-top .brand { font-size:19px; letter-spacing:-.5px; }
.club-pass-label { font-size:10px; letter-spacing:.07em; text-transform:uppercase; opacity:.65; }
.club-pass-center { display:flex; flex-direction:column; align-items:center; gap:12px; padding:10px 0; position:relative; z-index:1; }
.club-pass-center img { width:58px; height:43px; filter:brightness(0); opacity:.72; }
.club-pass-center > span { font-size:clamp(18px,2vw,27px); font-weight:500; letter-spacing:-.035em; }
.club-business .card-bottom { position:relative; z-index:1; align-items:center; font-size:10px; opacity:.75; padding-top:10px; border-top:1px solid #332b2226; }
.club-pass-mark { font-size:15px; }
.club-pass-glint { position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at var(--shine-x,30%) var(--shine-y,15%),#fff9 0%,#fff2 28%,transparent 65%); mix-blend-mode:soft-light; opacity:.55; }
@media(max-width:600px) { .club-business .membership-stage { margin:8px 5px; } .club-pass-label { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .club-business .membership,.club-business .membership.is-tracking { transition:none; } }

/* Quiet debossed emblem on the club pass. */
.club-pass-center { flex:1; justify-content:center; padding:14px 0; }
.club-pass-center img { width:112px; height:82px; opacity:.23; filter:brightness(0) drop-shadow(0 1px 0 rgb(255 255 255 / 85%)) drop-shadow(0 -1px 1px rgb(48 37 22 / 55%)); }
.club-business .card-bottom { border-top:0; }

/* Compact, clearly grouped admission criteria. */
.club-business .lead { max-width:440px; margin:0; font-size:15px; line-height:1.5; }
.club-business .club-intro ul { margin-top:20px; max-width:480px; }
.club-business .club-intro li { border:0; padding:0 0 0 17px; position:relative; font-size:14px; line-height:1.5; }
.club-business .club-intro li + li { margin-top:14px; }
.club-business .club-intro li:not(.club-sectors)::before { content:''; position:absolute; left:0; top:.65em; width:4px; height:4px; border-radius:50%; background:var(--cream); opacity:.7; }
.club-business .club-intro li.club-sectors { margin-top:24px; padding:20px 0 0; border-top:1px solid rgb(255 255 255 / 8%); }
.club-sectors-label { display:block; margin-bottom:12px; font-size:13px; color:var(--muted); }
.club-sector-tags { display:flex; flex-wrap:wrap; gap:6px; }
.club-sector-tags > span { padding:6px 10px; border:1px solid rgb(213 195 171 / 12%); border-radius:20px; color:#bbb5ab; background:rgb(213 195 171 / 3%); font-size:11px; line-height:1.4; }

/* Branding is decorative, not selectable or draggable. */
.wordmark, .brand, .hero-brand, .membership, img[src$="logo.svg"] {
 user-select:none;
 -webkit-user-select:none;
 -webkit-user-drag:none;
}
img[src$="logo.svg"] { pointer-events:none; }

/* Content-sized capability cards: no forced square or artificial empty space. */
.business-glass-card { aspect-ratio:auto; min-height:0; justify-content:flex-start; gap:14px; padding:24px; border-radius:20px; }
.business-glass-card h3 { font-size:18px; line-height:1.25; }
.business-glass-card p { font-size:14px; line-height:1.55; }
@media(min-width:1101px) { .business-glass-card { padding:22px; } }
@media(max-width:600px) {
 .business-glass-grid { grid-template-columns:1fr; gap:10px; }
 .business-glass-card { aspect-ratio:auto; min-height:0; padding:22px; gap:10px; border-radius:18px; }
 .business-glass-card h3 { font-size:18px; line-height:1.25; }
 .business-glass-card p { font-size:14px; line-height:1.5; }
}

/* Oversized debossed mark, cropped by the right edge of the club pass. */
.club-business .club-pass-center {
 position:absolute;
 inset:0;
 padding:0;
 pointer-events:none;
}
.club-business .club-pass-center img {
 position:absolute;
 width:66%;
 height:auto;
 max-width:none;
 right:-26.0394%; /* SVG tongue ends at x=16.953 of 28; align it with the card edge. */
 top:50%;
 transform:translateY(-50%);
 opacity:.23;
}

/* Recessed stamp: shaded interior and a light catching the lower edge. */
.club-business .club-pass-center img { opacity:0; }
.club-business .club-pass-center::before,
.club-business .club-pass-center::after {
 content:'';
 position:absolute;
 width:66%;
 aspect-ratio:28 / 20.5;
 right:-26.0394%;
 top:50%;
 transform:translateY(-50%);
 mask:url('assets/logo.svg') center / 100% 100% no-repeat;
 -webkit-mask:url('assets/logo.svg') center / 100% 100% no-repeat;
 pointer-events:none;
}
.club-business .club-pass-center::before {
 margin-top:1.5px;
 background:rgb(255 250 232 / 55%);
}
.club-business .club-pass-center::after {
 background:linear-gradient(180deg, rgb(77 64 44 / 42%) 0%, rgb(113 96 68 / 27%) 8%, rgb(141 121 87 / 22%) 75%, rgb(153 133 98 / 18%) 100%);
 filter:drop-shadow(0 -1px 1px rgb(64 48 26 / 18%));
}

/* Even stamp tone; depth comes from the fine edge, not a dark top gradient. */
.club-business .club-pass-center::before {
 margin-top:1px;
 background:rgb(255 249 232 / 48%);
}
.club-business .club-pass-center::after {
 background:rgb(100 83 57 / 32%);
 filter:none;
}
.club-business .club-pass-top .brand { font-size:clamp(10px,1.1vw,14px); font-weight:500; letter-spacing:.08em; }
.club-business .card-bottom { font-size:12px; font-weight:500; letter-spacing:.12em; }
.club-business .club-pass-top .brand { font-weight:700; }
.club-business-label { display:inline-flex; align-items:center; gap:8px; }
.club-business-star { width:18px; height:18px; flex:none; fill:rgb(100 83 57 / 40%); filter:drop-shadow(0 1px .3px rgb(255 249 232 / 65%)); }
/* Matching debossed business label and star, aligned on one centerline. */
.club-business .card-bottom { opacity:1; }
.club-business-label { display:inline-flex; align-items:center; gap:8px; font-weight:700; line-height:18px; color:rgb(100 83 57 / 65%); text-shadow:0 1px .3px rgb(255 249 232 / 65%); }
.club-business-star { display:block; width:18px; height:18px; fill:rgb(100 83 57 / 65%); }
.club-business .club-pass-top .brand { font-weight:400; gap:.4em; }
.club-business .club-pass-top .brand b { font-weight:700; }
.club-business-label { color:rgb(100 83 57 / 32%); text-shadow:0 1px 0 rgb(255 249 232 / 48%); }
.club-business-star { fill:rgb(100 83 57 / 32%); filter:drop-shadow(0 1px 0 rgb(255 249 232 / 48%)); }
/* Small debossed details need more contrast than the oversized emblem. */
.club-business-label { color:rgb(86 69 45 / 72%); text-shadow:0 1px .3px rgb(255 249 232 / 65%); }
.club-business-star { fill:rgb(86 69 45 / 64%); filter:drop-shadow(0 1px .3px rgb(255 249 232 / 65%)); }

/* Shared text baselines per row, with a restrained club-material accent. */
.business-glass-grid { row-gap:16px; }
.business-glass-card {
 position:relative;
 display:grid;
 grid-template-rows:subgrid;
 grid-row:span 2;
 row-gap:14px;
 padding:28px 22px 24px;
 background:radial-gradient(ellipse at 0 0,rgb(213 195 171 / 7%),transparent 70%),linear-gradient(145deg,rgb(255 255 255 / 4%),rgb(255 255 255 / 1%));
 border-color:rgb(255 255 255 / 10%);
 transition:border-color .2s ease,box-shadow .2s ease;
}
.business-glass-card::before { content:''; position:absolute; top:0; left:22px; width:34px; height:2px; background:var(--cream); opacity:.5; border-radius:2px; }
.business-glass-card h3 { align-self:start; margin:0; font-size:18px; line-height:1.25; font-weight:500; }
.business-glass-card p { align-self:start; margin:0; font-size:14px; line-height:1.55; }
@media(hover:hover) and (pointer:fine) {
 .business-glass-card:hover { border-color:rgb(213 195 171 / 28%); box-shadow:inset 0 1px 16px rgb(213 195 171 / 4%); }
}
@media(max-width:600px) {
 .business-glass-card { grid-row:auto; grid-template-rows:auto auto; padding:24px 22px 22px; gap:10px; }
}
@media(prefers-reduced-motion:reduce) { .business-glass-card { transition:none; } }
.business-glass-card h3 { display:flex; align-items:flex-start; gap:10px; }
.business-heading-icon { display:block; width:19px; height:19px; margin-top:2px; flex:none; fill:none; stroke:var(--cream); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; opacity:.8; }
.business-glass-card::before { display:none; }

/* Admission bullets use the same four-point star as the club pass. */
.club-business .club-intro li:not(.club-sectors)::before {
 width:10px;
 height:10px;
 top:.4em;
 border-radius:0;
 background:var(--cream);
 opacity:.8;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1C13.8 8.2 15.8 10.2 23 12C15.8 13.8 13.8 15.8 12 23C10.2 15.8 8.2 13.8 1 12C8.2 10.2 10.2 8.2 12 1Z'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1C13.8 8.2 15.8 10.2 23 12C15.8 13.8 13.8 15.8 12 23C10.2 15.8 8.2 13.8 1 12C8.2 10.2 10.2 8.2 12 1Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.club-business .club-intro li:not(.club-sectors) { padding-left:22px; }

/* Glass category chips with a warm hover highlight. */
.club-sector-tags > span {
 background:linear-gradient(155deg,rgb(255 255 255 / 10%),rgb(255 255 255 / 2%) 65%);
 border:1px solid rgb(255 255 255 / 16%);
 box-shadow:inset 0 1px 0 rgb(255 255 255 / 13%),inset 0 -1px 0 rgb(0 0 0 / 12%),0 2px 7px rgb(0 0 0 / 12%);
 backdrop-filter:blur(14px) saturate(140%);
 -webkit-backdrop-filter:blur(14px) saturate(140%);
 color:#d1cdc5;
 transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}
@media(hover:hover) and (pointer:fine) {
 .club-sector-tags > span:hover {
  color:#f5eee3;
  background:linear-gradient(155deg,rgb(239 221 195 / 21%),rgb(213 195 171 / 7%) 70%);
  border-color:rgb(235 216 188 / 42%);
  box-shadow:inset 0 1px 0 rgb(255 249 237 / 28%),0 0 14px rgb(213 195 171 / 10%);
 }
}
@media(prefers-reduced-motion:reduce) { .club-sector-tags > span { transition:none; } }

/* Six creator benefits use the same glass treatment in two balanced rows. */
.creators-glass-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:1100px) { .creators-glass-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .creators-glass-grid { grid-template-columns:1fr; } }

/* Silver membership material for creators. */
.club-creators .membership {
 background:linear-gradient(125deg,#e2e5e8,#b8bec5 55%,#edf0f3);
 color:#292d32;
 border-color:rgb(245 249 255 / 65%);
}
.club-creators .club-pass-center::before { background:rgb(255 255 255 / 55%); }
.club-creators .club-pass-center::after { background:rgb(70 79 92 / 32%); }
.club-creators .club-business-label { color:rgb(57 66 79 / 72%); text-shadow:0 1px .3px rgb(255 255 255 / 70%); }
.club-creators .club-business-star { fill:rgb(57 66 79 / 64%); filter:drop-shadow(0 1px .3px rgb(255 255 255 / 70%)); }

/* Full collaboration sequence, with one actual app screen per step. */
.workflow-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 28px; }
.workflow-step { min-width:0; display:grid; grid-template-rows:subgrid; grid-row:span 3; gap:16px; }
.workflow-media { display:flex; justify-content:center; padding:26px 16px; border:1px solid rgb(255 255 255 / 8%); border-radius:28px; background:radial-gradient(ellipse at 50% 80%,rgb(213 195 171 / 7%),transparent 70%),#101113; }
.workflow-phone { width:210px; max-width:100%; aspect-ratio:1320 / 2868; border-radius:26px; border:1px solid #44433f; padding:3px; background:#18191b; box-shadow:0 12px 28px #0006; overflow:hidden; }
.workflow-phone img { display:block; width:100%; height:100%; object-fit:contain; border-radius:22px; }
.workflow-step h3 { margin:4px 0 0; font-size:22px; line-height:1.2; font-weight:500; letter-spacing:-.03em; }
.workflow-step > p { margin:0; font-size:15px; line-height:1.55; color:var(--muted); }
@media(max-width:960px) { .workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; } }
@media(max-width:600px) { .workflow-grid { grid-template-columns:1fr; gap:32px; } .workflow-step { grid-row:auto; grid-template-rows:auto auto auto; gap:12px; } .workflow-phone { width:190px; } .workflow-media { padding:24px; } .workflow-step h3 { font-size:22px; } }

/* Swipeable walkthrough: one screen and its explanation form a single slide. */
.workflow-slider { border:1px solid #ffffff16; border-radius:30px; background:linear-gradient(140deg,#ffffff06,transparent),#101113; overflow:hidden; }
.workflow-slider .workflow-grid { display:flex; gap:0; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; }
.workflow-slider .workflow-grid::-webkit-scrollbar { display:none; }
.workflow-slider .workflow-step { flex:0 0 100%; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr auto auto 1fr; gap:18px 60px; padding:40px 70px; scroll-snap-align:start; scroll-snap-stop:always; }
.workflow-slider .workflow-media { grid-column:1; grid-row:1/5; padding:0; border:0; background:none; align-items:center; }
.workflow-slider .workflow-phone { width:220px; }
.workflow-slider .workflow-step h3 { grid-column:2; grid-row:2; font-size:clamp(28px,3vw,40px); color:var(--cream); max-width:400px; }
.workflow-slider .workflow-step > p { grid-column:2; grid-row:3; max-width:400px; font-size:16px; }
.workflow-controls { display:flex; align-items:center; justify-content:center; gap:24px; padding:0 24px 24px; }
.workflow-controls > button { width:36px; height:36px; border:1px solid #d5c3ab40; border-radius:50%; background:#ffffff05; color:var(--cream); font-size:21px; }
.workflow-controls > button:disabled { opacity:.3; cursor:default; }
.workflow-dots { display:flex; gap:8px; }
.workflow-dots button { width:8px; height:8px; border:0; border-radius:50%; background:#ffffff26; padding:0; }
.workflow-dots button[aria-current] { background:var(--cream); }
@media(max-width:800px) { .workflow-slider .workflow-step { padding:30px; column-gap:30px; } }
@media(max-width:600px) {
 .workflow-slider .workflow-step { display:flex; flex-direction:column; padding:24px; gap:16px; }
 .workflow-slider .workflow-phone { width:170px; }
 .workflow-slider .workflow-step h3 { font-size:26px; margin-top:6px; }
 .workflow-slider .workflow-step > p { font-size:14px; }
}

/* iPhone hardware frame around the unchanged application screenshots. */
.workflow-slider .workflow-phone {
 position:relative; width:242px; max-width:100%; aspect-ratio:auto;
 padding:7px; overflow:visible; border-radius:36px;
 border:1px solid #858581;
 background:linear-gradient(110deg,#5d5e5b,#171817 8%,#434440 48%,#151614 94%,#73746f);
 box-shadow:inset 0 0 0 2px #131412,0 18px 38px #0008;
}
.workflow-display { position:relative; aspect-ratio:1320 / 2868; overflow:hidden; border-radius:29px; background:#000; isolation:isolate; }
.workflow-phone .workflow-display img { display:block; width:100%; height:100%; border-radius:0; object-fit:contain; }
.iphone-island { position:absolute; z-index:2; top:1.5%; left:50%; transform:translateX(-50%); width:28%; height:3.4%; border-radius:99px; background:#000; box-shadow:inset 0 0 0 .5px #171819; }
.iphone-island::after { content:''; position:absolute; right:9%; top:30%; height:40%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 40% 40%,#142137,#05070b 70%); }
.iphone-home { position:absolute; bottom:.8%; left:34%; width:32%; height:3px; border-radius:9px; background:#fff9; }
.iphone-buttons { position:absolute; left:-3px; top:20%; width:3px; height:8%; border-radius:2px 0 0 2px; background:#535550; box-shadow:0 46px 0 #535550; }
.workflow-phone::after { content:''; position:absolute; right:-3px; top:29%; width:3px; height:12%; background:#535550; border-radius:0 2px 2px 0; }
@media(max-width:600px) { .workflow-slider .workflow-phone { width:200px; padding:6px; border-radius:31px; } .workflow-display { border-radius:25px; } }

/* MIT Devices.css iPhone 14 Pro, scaled as one complete mockup. */
.workflow-mockup { position:relative; width:256.8px; height:520.8px; flex:none; }
.workflow-mockup .mock-device { position:absolute; top:0; left:0; transform:scale(.6); transform-origin:top left; }
.workflow-mockup .device-screen { object-fit:contain; }
@media(max-width:600px) {
 .workflow-mockup { width:205.44px; height:416.64px; }
 .workflow-mockup .mock-device { transform:scale(.48); }
}

/* One glass material across panels, capability cards and the walkthrough. */
:root {
 --bartly-glass:linear-gradient(145deg,rgb(255 255 255 / 7%),rgb(255 255 255 / 2%) 55%,rgb(213 195 171 / 4%));
 --bartly-glass-edge:rgb(255 255 255 / 12%);
 --bartly-glass-shadow:inset 0 1px 0 rgb(255 255 255 / 5%),0 8px 24px rgb(0 0 0 / 10%);
}
.club-business, .business-glass-card, .workflow-slider, .access-section {
 background:var(--bartly-glass);
 border-color:var(--bartly-glass-edge);
 box-shadow:var(--bartly-glass-shadow);
 backdrop-filter:blur(16px);
 -webkit-backdrop-filter:blur(16px);
}
.workflow-slider .workflow-media { position:relative; isolation:isolate; }
.workflow-slider .workflow-media::before {
 content:'';
 position:absolute;
 z-index:-1;
 width:125%;
 height:90%;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 border-radius:50%;
 background:radial-gradient(ellipse,rgb(213 195 171 / 15%) 0%,rgb(213 195 171 / 6%) 42%,transparent 72%);
 pointer-events:none;
}
.workflow-mockup { z-index:1; }

/* Clearer glass: light lives within the surface rather than an opaque fill. */
:root {
 --bartly-glass:
  radial-gradient(ellipse at 8% 0%,rgb(239 225 204 / 9%),transparent 54%),
  radial-gradient(ellipse at 100% 100%,rgb(184 200 214 / 4%),transparent 56%),
  linear-gradient(135deg,rgb(255 255 255 / 2.5%),rgb(255 255 255 / .5%) 60%,rgb(213 195 171 / 1.5%));
 --bartly-glass-edge:rgb(239 230 215 / 15%);
 --bartly-glass-shadow:inset 0 1px 0 rgb(255 246 230 / 13%),inset 1px 0 0 rgb(255 255 255 / 3%),inset 0 -1px 0 rgb(206 219 233 / 5%),0 8px 24px rgb(0 0 0 / 8%);
}
.club-business, .business-glass-card, .workflow-slider, .access-section {
 backdrop-filter:blur(20px) saturate(135%);
 -webkit-backdrop-filter:blur(20px) saturate(135%);
}

/* Neutral graphite finish for the supplied iPhone mockup. */
.workflow-mockup .device-iphone-14-pro .device-frame {
 border-color:#242526;
 box-shadow:inset 0 0 4px 2px #a7a9aa,inset 0 0 0 6px #383a3b;
}
.workflow-mockup .device-iphone-14-pro .device-btns,
.workflow-mockup .device-iphone-14-pro .device-btns::before,
.workflow-mockup .device-iphone-14-pro .device-btns::after,
.workflow-mockup .device-iphone-14-pro .device-power { background:#353738; }
/* Screenshot and demo avatar share one coordinate system at every mockup size. */
.workflow-mockup .device-iphone-14-pro .device-screen { object-fit:contain; object-position:center; }

/* Keep the formats section available for later, but out of the current page. */
#formats[hidden] { display:none; }

.access-copy .payment-highlight { color:var(--sand, #d5c3ab); font-weight:600; }

/* Compact, centered introduction within the walkthrough panel. */
.workflow-slider > .workflow-heading { display:block; margin:0; padding:30px 24px 0; text-align:center; }
.workflow-slider > .workflow-heading h2 { max-width:none; font-size:clamp(28px,3vw,40px); line-height:1.15; }
.workflow-slider .workflow-step { padding:24px 54px; column-gap:40px; }
.workflow-mockup { width:222.56px; height:451.36px; }
.workflow-mockup .mock-device { transform:scale(.52); }
@media(max-width:800px) {
 .workflow-slider .workflow-step { padding:24px 30px; column-gap:28px; }
}
@media(max-width:600px) {
 .workflow-slider > .workflow-heading { padding:24px 18px 0; }
 .workflow-slider > .workflow-heading h2 { font-size:28px; }
 .workflow-slider .workflow-step { padding:20px 24px; }
 .workflow-mockup { width:188.32px; height:381.92px; }
 .workflow-mockup .mock-device { transform:scale(.44); }
}

/* Mobile touch targets and narrow-screen text containment. */
@media(max-width:600px) {
 .workflow-controls { gap:10px; padding:0 18px 18px; }
 .workflow-controls > button { width:44px; height:44px; flex:none; }
 .workflow-dots { gap:0; }
 .workflow-dots button { width:24px; height:44px; position:relative; background:transparent; }
 .workflow-dots button::after { content:''; position:absolute; width:8px; height:8px; border-radius:50%; top:18px; left:8px; background:#ffffff26; }
 .workflow-dots button[aria-current] { background:transparent; }
 .workflow-dots button[aria-current]::after { background:var(--cream); }
 .club-intro,.access-copy { min-width:0; }
 .club-sector-tags > span { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
 .business-glass-card h3 { overflow-wrap:anywhere; }
 .mobile-menu a { min-height:44px; display:flex; align-items:center; }
}