/* Editorial home and visible desktop navigation. */
html,body{background:#f5ede6}
body:has(#view-home.is-active){overflow:auto}
body:has(#view-home.is-active) .screen-back-row{display:none}
.view#view-home{width:100%;max-width:none;min-height:0;padding:0;background:#f5ede6;color:#68152a;text-align:left}
.home-hero,.home-club-preview{display:grid;grid-template-columns:1fr 1fr;width:min(1440px,100%);margin-inline:auto}
.home-hero-media{position:relative;min-height:660px;margin:0;overflow:hidden;background:#809069}
.home-hero-media img,.home-club-media img{display:block;width:100%;height:100%;object-fit:cover}
.home-hero-media img{object-position:center 48%}
.home-hero-media:after{position:absolute;inset:50% 0 0;content:'';background:linear-gradient(transparent,rgba(15,28,14,.48));pointer-events:none}
.home-hero-media figcaption{position:absolute;z-index:1;bottom:7%;left:8%;color:#fffaf4;font-family:'Playfair Display',serif;font-size:clamp(2rem,3.4vw,3.7rem);font-style:italic;line-height:1.02;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.home-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(40px,6vw,96px);background:#f5ede6}
.home-hero-copy .eyebrow{margin:0 0 28px}
.view#view-home h1{width:100%;max-width:100%;font-family:'Playfair Display',serif;font-size:clamp(2.7rem,4.4vw,4.9rem);line-height:1.03;letter-spacing:-.045em}
.home-hero-copy>p:not(.eyebrow){max-width:490px;margin:28px 0 0;color:#604e50;font-size:1.08rem;line-height:1.65}
.view#view-home .home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;width:auto;margin:34px 0 0}
.view#view-home .home-actions .primary-action{display:inline-flex;align-items:center;justify-content:center;min-width:165px;min-height:48px;padding:12px 24px;border:1px solid #68152a;border-radius:999px;background:#68152a;color:#fffaf4;font-size:.76rem;letter-spacing:.08em;text-decoration:none}
.home-text-action{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:7px 0;border:0;background:transparent;color:#68152a;font-size:.88rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.home-text-action span{font-size:1.15em;text-decoration:none}
.home-club-preview{grid-template-columns:1.08fr .92fr;background:#ead9d1}
.home-club-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(40px,6vw,88px)}
.home-club-copy h2{max-width:570px;font-size:clamp(2.5rem,4.3vw,4.5rem);line-height:1.02}
.home-club-copy>p:not(.eyebrow){max-width:455px;margin:24px 0 14px;color:#604e50;font-size:1rem;line-height:1.65}
.home-club-media{height:490px;overflow:hidden}
.home-club-media img{object-position:center}
.home-visit{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1440px,100%);margin:auto;padding:24px clamp(24px,5vw,72px);border-top:1px solid rgba(104,21,42,.12);background:#f5ede6}
.home-visit .eyebrow,.home-visit p{margin:0}
.home-visit>p:last-child{color:#604e50;font-size:.87rem}
@media(max-width:900px){
  .home-hero-media{min-height:560px}
  .home-hero-copy{padding:42px 36px}
}
@media(max-width:700px){
  .home-hero,.home-club-preview{grid-template-columns:minmax(0,1fr);width:100%;max-width:100vw}
  .home-hero-media{min-height:0;height:min(39svh,320px)}
  .home-hero-media figcaption{font-size:clamp(1.8rem,7.5vw,2.6rem)}
  .home-hero-copy{width:100%;max-width:100vw;padding:38px 24px 54px}
  .home-hero-copy .eyebrow{margin-bottom:20px}
  .view#view-home h1{max-width:calc(100vw - 48px);font-size:clamp(2.2rem,8vw,3rem);overflow-wrap:break-word}
  .home-hero-copy>p:not(.eyebrow){margin-top:22px;font-size:1rem}
  .view#view-home .home-actions{margin-top:26px}
  .home-club-copy{padding:52px 24px}
  .home-club-media{height:340px}
  .home-visit{display:block;padding:24px}
  .home-visit>p:last-child{margin-top:9px}
}
@media(max-width:700px) and (max-height:700px){.home-hero-media{height:32svh}}

/* Internal screens use the same cream and burgundy language as the carta. */
body:has(#view-join.is-active){background:#f5e9e4;color:#68152a;overflow:auto}
body:has(#view-join.is-active) #app{background:#f5e9e4}
body:has(#view-profile.is-active),body:has(#view-feedback.is-active),body:has(#view-admin.is-active){background:#f5e9e4;color:#68152a;overflow:auto}
body:has(#view-profile.is-active) #app,body:has(#view-feedback.is-active) #app,body:has(#view-admin.is-active) #app{background:#f5e9e4}
#view-join{background:#f5e9e4;color:#68152a}
#view-join .view-top{max-width:620px}
#view-join .view-top h2{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,8vw,5.6rem);line-height:.98;letter-spacing:-.03em}
#view-join .view-top>p:last-child{color:#765d62}
#view-join .auth-box{border:1px solid rgba(104,21,42,.12);border-radius:20px;background:#fffaf5;box-shadow:0 12px 26px rgba(104,21,42,.08)}
#view-join .auth-switch{border-bottom-color:#d8bcb5}
#view-join .auth-switch button{color:#765d62}
#view-join .auth-switch button.is-active{border-color:#68152a;color:#68152a}
#view-join .form-grid input,#view-join .form-grid select{border-color:#d8bcb5;background:#fffdf9;color:#68152a}
#view-join .form-note{background:#f1dfdc;color:#765d62}
#view-join .club-choice{border-color:#d8bcb5;background:#fffaf5}
#view-join .club-choice.is-selected{border-color:#68152a;background:#ead2cf}
#view-join .primary-action{background:#68152a;border-color:#68152a}
#view-profile{background:#f5e9e4;color:#68152a}
#view-profile #profile-content{max-width:1040px;margin:0 auto}
#view-profile .profile-head{display:grid!important;width:100%;justify-items:center;align-items:center;gap:18px;text-align:center;border-bottom:1px solid #d8bcb5;padding:34px 0 28px}
#view-profile .profile-head>div{width:100%;text-align:center}
#view-profile .profile-head h2{font-family:'Playfair Display',serif;color:#68152a;font-size:clamp(2.8rem,8vw,5.2rem);line-height:.95}
#view-profile .profile-club{margin:8px 0 0;color:#765d62;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600}
#view-profile .profile-head .quiet-action{justify-self:center;margin-inline:auto;min-height:40px;border:1px solid #68152a;border-radius:999px;background:transparent;color:#68152a;padding:9px 16px;text-decoration:none}
#view-profile .profile-grid{gap:16px;margin-top:24px}
#view-profile .profile-card{border:1px solid rgba(104,21,42,.12);border-radius:18px;background:#fffaf5;box-shadow:0 10px 22px rgba(104,21,42,.06);padding:22px}
#view-profile .profile-card .eyebrow{color:#68152a}
#view-profile .profile-card strong{font-family:'Playfair Display',serif;color:#68152a;font-size:3.2rem}
#view-profile .profile-card p:not(.eyebrow){color:#765d62;line-height:1.5}
#view-profile .date-card{background:#ead2cf}
#view-profile .date-card h3,#view-profile .profile-card h3{font-family:'Playfair Display',serif;color:#68152a;font-size:1.8rem;margin:4px 0 8px}
#view-profile .date-card .secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #68152a;border-radius:999px;background:#68152a;color:#fffaf5;text-decoration:none}
#view-profile .progress{background:#eadbd2}
#view-profile .progress span{background:#68152a}
#view-join .site-header.has-back .site-header-left-actions,#view-feedback .site-header.has-back .site-header-left-actions,#view-admin .site-header.has-back .site-header-left-actions,#view-profile .site-header.has-back .site-header-left-actions{display:flex!important}
#view-join .site-header .screen-back,#view-feedback .site-header .screen-back,#view-admin .site-header .screen-back,#view-profile .site-header .screen-back{display:inline-flex!important}
#app .section-view .back-link{display:none}