/* Honka uses the approved M&Z presentation design vocabulary.
   Independent copies of reference assets; no shared deployment or source. */
@font-face{font-family:Didot;src:url('/assets/display.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--gold:#dfbd70;--light:#fff0c9;--cream:#f5edde;--muted:#c7bda9;--ink:#080c12;--wine:#240308;--line:rgba(223,189,112,.43);--pink:#e58bae}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--cream);font:18px/1.65 Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}p{margin:0 0 1.2em}h1,h2,h3{font-weight:400;line-height:1.2;margin:0}h1,h2,.club-name{font-family:Didot,Georgia,serif;color:var(--gold);background:linear-gradient(175deg,#fff0c5 5%,#ebce88 43%,#b78535 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.16em}h2{font-size:clamp(2.4rem,4.6vw,4.8rem)}a:focus-visible,button:focus-visible{outline:2px solid var(--light);outline-offset:5px}.eyebrow{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.19em;font-size:.875rem;color:var(--gold);margin:0 0 22px}
.site-header{min-height:96px;padding:18px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#090a10f5;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);gap:24px}.brand{font-size:1.15rem;letter-spacing:.18em;color:var(--light);white-space:nowrap;line-height:1.5}.brand small{display:block;font-size:.6rem;letter-spacing:.15em;margin-top:3px}.site-header nav{display:flex;gap:24px;align-items:center;font: .875rem Arial,sans-serif;letter-spacing:.025em}.site-header nav a:hover{color:var(--gold)}.nav-join{border:1px solid var(--line);padding:14px 18px}.menu-toggle{display:none}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:13px 26px;border:1px solid var(--gold);background:linear-gradient(120deg,#f0d89a,#c59a4a);color:#201309;font:600 .875rem/1.4 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.button-outline{background:rgba(8,9,14,.25);color:var(--light)}.hero-actions,.membership-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}
.hero{position:relative;overflow:hidden;isolation:isolate;background:#10060e;min-height:680px;max-width:1920px;margin:auto;padding:95px 7vw 100px;display:flex;align-items:center}.hero-photo{position:absolute;inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:center top;mask-image:linear-gradient(90deg,transparent,black 22%);z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10060e 0%,#10060e 25%,#10060ee8 34%,#10060e45 53%,transparent 73%),linear-gradient(0deg,#10060e,transparent 20%);pointer-events:none}.hero:before{content:'';position:absolute;inset:22px;border:1px solid transparent;border-image:linear-gradient(135deg,#dfbd7070,#e58bae75 52%,#dfbd7060) 1;pointer-events:none}
.hero-inner{position:relative;width:48%;max-width:610px}.hero h1{margin:0 0 22px}.club-the{display:block;font:italic 1.6rem/1.3 Georgia,serif;margin-bottom:6px}.club-name{display:block;font-size:clamp(3.8rem,6.8vw,7rem);line-height:1.1;letter-spacing:0}.hero-copy{font:1.2rem/1.65 Georgia,serif;color:var(--cream);max-width:500px}.hero-actions{max-width:410px}.hero-actions .button{width:100%}.hero-edge{position:absolute;right:5vw;bottom:32px;font-size:.75rem;letter-spacing:.18em;color:var(--light)}
.welcome{padding:100px max(6vw,24px);background:linear-gradient(#250307ed,#190205f7),url('/assets/red-atmosphere.webp') center/cover;border-top:1px solid var(--line)}.section-heading{text-align:center;max-width:860px;margin:0 auto 55px}.section-heading>p:last-child{max-width:680px;margin:24px auto 0;color:var(--muted)}.card-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.room-card{position:relative;display:block;aspect-ratio:1.56;padding:7px;overflow:hidden;border:1px solid transparent;background:linear-gradient(150deg,#35101e,#160509) padding-box,linear-gradient(135deg,#dfbd7088,#e58baeaa 52%,#dfbd7088) border-box;box-shadow:0 10px 28px #0004;transition:transform .3s,box-shadow .3s}.room-card:before{content:'';position:absolute;inset:3px;border:1px solid #e58bae24;pointer-events:none;z-index:2}.room-card img{width:100%;height:100%;object-fit:cover;border:1px solid #dfbd7038;transition:transform .5s}.room-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #e58bae20}.room-card:hover img{transform:scale(1.025)}.room-title,.room-meta{display:none}.room-action{position:absolute;bottom:16px;left:16px;background:#10060ed9;padding:5px 10px;font: .75rem/1.4 Arial,sans-serif;color:var(--light)}.photos-label{position:absolute;left:16px;right:16px;bottom:18%;text-align:center;color:#ffe4f2;font-size:clamp(1rem,1.8vw,1.5rem);text-shadow:0 0 8px #ed66a4,0 0 22px #b41689;line-height:1.2}.camera-accent{font-size:.85em}.photos-members{position:absolute;left:16px;right:16px;bottom:7%;text-align:center;font: .68rem Arial,sans-serif;letter-spacing:.12em;color:#ffdaeb}.archive-note,.source-note{max-width:850px;margin:32px auto 0;text-align:center;color:var(--muted);font-size:.875rem}
.membership{position:relative;isolation:isolate;overflow:hidden;min-height:700px;background:#06101d;padding:84px max(6vw,24px);border-block:1px solid var(--line);display:flex;align-items:center}.membership-visual{position:absolute;inset:0 0 0 auto;width:57%;z-index:-2}.membership-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;mask-image:linear-gradient(90deg,transparent,#000 34%)}.membership:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06101d 5%,#06101d 32%,#06101de8 43%,#06101d30 65%,transparent 88%),linear-gradient(0deg,#06101d,transparent 28%)}.membership-copy{width:48%;max-width:560px}.membership h2{font-size:clamp(2.5rem,4.1vw,4.3rem)}.membership p:not(.eyebrow){margin-top:25px;max-width:500px}.membership-actions{max-width:460px}.membership-actions .button{width:100%}
footer{padding:38px 24px;text-align:center;background:#06090e;border-top:1px solid #e58bae40;display:flex;justify-content:center;gap:45px;color:var(--gold);font-size:.75rem;letter-spacing:.18em}
.room-hero{position:relative;isolation:isolate;overflow:hidden;min-height:460px;background:#06101d;display:flex;align-items:center;border-bottom:1px solid var(--line)}.room-hero-copy{padding:65px max(6vw,24px);width:65%;z-index:1}.room-hero h1{font-size:clamp(3.5rem,6vw,6rem);margin:12px 0 20px}.room-hero p:last-child{max-width:560px;color:var(--muted)}.room-hero>img{position:absolute;right:0;top:0;width:50%;height:100%;object-fit:cover;opacity:.65;mask-image:linear-gradient(90deg,transparent,black 45%)}.back-link{display:inline-block;color:var(--gold);font: .875rem Arial,sans-serif;margin-bottom:25px}
.video-section{padding:80px max(6vw,24px);background:linear-gradient(120deg,#0a1726,#07101a)}.video-intro{text-align:center;max-width:850px;margin:0 auto 35px}.video-intro h2{margin:10px 0 20px}.video-intro p{color:var(--muted)}.video-layout{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:26px;align-items:start}.player-wrap{padding:7px;border:1px solid var(--gold);background:#0c1016;box-shadow:0 20px 50px #0005}video{width:100%;aspect-ratio:16/9;display:block;background:#000}.player-caption{display:flex;justify-content:space-between;gap:15px;padding:18px 10px;font-size:1rem}.player-caption a{font: .75rem Arial,sans-serif;color:var(--gold)}.playlist{display:grid;gap:10px}.video-choice{display:grid;grid-template-columns:25px 1fr;text-align:left;gap:5px 12px;padding:18px;border:1px solid var(--line);background:#0b0c13a6;color:var(--cream)}.video-choice.selected,.video-choice:hover{background:linear-gradient(90deg,#d4ae5e26,transparent);border-color:var(--gold)}.video-choice span{grid-row:span 2;color:var(--gold);font-size:.8rem}.video-choice strong{font:400 1.05rem/1.3 Georgia,serif}.video-choice small{color:var(--muted);font: .8rem/1.4 Arial,sans-serif}
.photo-welcome{padding:65px max(6vw,24px) 85px;background:linear-gradient(120deg,#0a1726,#07101a)}.photo-opening{text-align:center;max-width:850px;margin:0 auto 45px}.neon-hello{font:italic 2rem Georgia,serif;color:var(--pink);text-shadow:0 0 15px #ed66a440;margin:0 0 8px}.photo-opening h1{font-size:clamp(3rem,6vw,5.7rem);line-height:1.2;margin-bottom:25px}.photo-message{max-width:700px;margin:18px auto;color:var(--muted);font-size:1.12rem}.photo-signature{font:italic 1.3rem/1.6 Georgia,serif;color:var(--light);margin-top:25px}.signature-intro{display:inline}.photo-preview{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.photo-preview figure{margin:0}.photo-preview .photo-wide{grid-column:1/-1}.photo-preview img{width:100%;aspect-ratio:1.65;object-fit:cover;border:1px solid #dfbd7080;box-shadow:0 0 0 4px #e58bae10}.photo-preview figcaption{color:var(--muted);font-size:.95rem;font-style:italic;padding-top:10px}.photo-invitation{text-align:center;max-width:850px;margin:65px auto 0;padding-top:40px;border-top:1px solid #e58bae50}.photo-invitation h2{margin:10px 0 24px}.photo-invitation>p:not(.eyebrow){color:var(--muted)}.photo-membership-note{font-size:.95rem;max-width:650px;margin:25px auto 0}
@media(max-width:1050px){.brand{font-size:1rem}.site-header{padding-inline:24px}.site-header nav{gap:16px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{width:53%}.hero{padding-inline:6vw}.video-layout{grid-template-columns:1fr}.playlist{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.site-header{min-height:80px;padding:16px 22px}.brand{font-size:.92rem;letter-spacing:.15em}.brand small{font-size:.55rem}.menu-toggle{display:block;border:0;background:none;color:var(--gold);min-height:44px;font: .875rem Arial,sans-serif}.menu-toggle span{margin-left:6px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px;background:#090c13;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px;font-size:1rem}.site-header nav.open{display:flex}.hero{display:block;padding:0 0 42px;min-height:0}.hero-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.4;object-position:center top;mask-image:linear-gradient(0deg,transparent,black 25%);z-index:-2}.hero:after{display:none}.hero:before{inset:12px}.hero-inner{width:auto;max-width:650px;margin:auto;padding:0 30px}.hero h1{margin-bottom:18px}.club-name{font-size:clamp(3.4rem,10vw,5rem)}.club-the{font-size:1.4rem}.hero .eyebrow{font-size:.78rem;letter-spacing:.15em;margin-bottom:18px}.hero-copy{font-size:1.1rem}.hero-actions{max-width:100%;margin-top:22px;gap:12px}.hero-actions .button{width:auto;flex:1}.hero-edge{display:none}.membership{display:block;padding:0 0 50px;min-height:0}.membership-visual{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.5;z-index:-2}.membership-visual img{mask-image:linear-gradient(0deg,transparent,black 30%)}.membership:after{display:none}.membership-copy{width:auto;max-width:650px;margin:auto;padding:0 28px}.membership h2{font-size:clamp(2.6rem,6vw,3.7rem)}.membership-actions{max-width:none}.room-hero-copy{width:100%;padding:45px 25px}.room-hero>img{width:70%;opacity:.25}.room-hero{min-height:0}}
@media(max-width:600px){body{font-size:17px}.button{font-size:.8rem;padding:13px 18px}.hero-photo{aspect-ratio:1.24}.hero-inner{padding-inline:26px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.welcome,.video-section{padding:54px 24px}.section-heading{margin-bottom:32px}.eyebrow{font-size:.8rem;letter-spacing:.15em}h2{font-size:2.6rem}.card-grid{grid-template-columns:1fr;gap:24px}.room-card{aspect-ratio:1.56}.photos-label{font-size:1.4rem}.photos-members{font-size:.7rem}.membership-visual{aspect-ratio:1.14}.membership h2{font-size:2.6rem}.membership p:not(.eyebrow){font-size:1rem}.playlist{grid-template-columns:1fr}.room-hero h1{font-size:3.1rem}.player-caption{display:block}.player-caption a{display:block;margin-top:8px}.photo-welcome{padding:40px 24px 54px}.photo-opening h1{font-size:clamp(2.6rem,10vw,3.6rem)}.photo-message{font-size:1rem}.photo-preview{grid-template-columns:1fr;gap:20px}.photo-preview .photo-wide{grid-column:auto}.photo-invitation{margin-top:42px}.photo-invitation .button{width:100%}footer{gap:15px;font-size:.66rem;letter-spacing:.12em;flex-wrap:wrap}}
.photos-hero{min-height:480px;background:radial-gradient(ellipse at 72% 38%,#381020 0%,#170d19 42%,#0b0d17 78%)}
.photos-hero .room-hero-copy{width:50%}
.photos-hero h1{font-size:clamp(3rem,5.5vw,5.5rem)}
.photos-hero>img{width:58%;height:110%;top:50%;right:-2%;transform:translateY(-50%);object-fit:cover;opacity:1;mask-image:linear-gradient(90deg,transparent 0%,transparent 5%,#000 32%,#000 86%,transparent 96%),linear-gradient(0deg,transparent 0%,#000 19%,#000 81%,transparent 100%);mask-composite:intersect}
@media(max-width:800px){.photos-hero{display:flex;flex-direction:column;padding-top:0}.photos-hero>img{position:relative;order:-1;top:auto;right:auto;transform:none;width:100%;height:auto;mask-image:linear-gradient(90deg,transparent 0%,transparent 4%,#000 18%,#000 82%,transparent 96%),linear-gradient(0deg,transparent 0%,#000 19%,#000 84%,transparent 100%);mask-composite:intersect}.photos-hero .room-hero-copy{width:100%;padding:8px 25px 40px}.photos-hero h1{font-size:3.1rem}}
.illustrated-door{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;font-family:Georgia,serif;cursor:pointer;color:#ffe5ad;text-decoration:none}
.illustrated-door:after{content:'✦';position:absolute;top:20px;right:24px;color:#f6cd84;font-size:1.4rem;text-shadow:0 0 18px #ffaf6577}
.illustrated-door .door-kicker{font:700 clamp(.62rem,.9vw,.8rem)/1.4 Arial,sans-serif;letter-spacing:.18em}
.illustrated-door .door-heading{font:900 clamp(2.5rem,4.3vw,4.5rem)/.95 Georgia,serif;letter-spacing:.06em;color:#f9dd94;text-shadow:2px 2px #5b3320,5px 6px #0006}
.illustrated-door .door-script{font:italic clamp(1.7rem,2.8vw,2.8rem)/1.05 Georgia,serif;color:#ffb5d0;text-shadow:0 0 16px #f974af66}
.illustrated-door .door-caption{margin-top:8px;font:700 clamp(.55rem,.75vw,.7rem)/1.4 Arial,sans-serif;letter-spacing:.12em;color:#f3dfc1}
.own-music-door{background:radial-gradient(ellipse at 30% 15%,#ac6750,#4b2636 50%,#201222) padding-box,linear-gradient(135deg,#f6dda0,#b78943,#f2d184) border-box}
.press-door{background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff05 3px 4px),radial-gradient(ellipse at 65% 20%,#707c78,#243f48 60%,#142934) padding-box,linear-gradient(135deg,#f6dda0,#b78943,#f2d184) border-box}
.gran-canaria-door{background:radial-gradient(ellipse at 65% 8%,#8e5368,#432040 50%,#171525) padding-box,linear-gradient(135deg,#f6dda0,#b78943,#f2d184) border-box;padding-bottom:40px}
.gran-canaria-door .door-script{font-size:clamp(2rem,3vw,3.2rem);color:#ffe0a0;text-shadow:0 0 18px #fdae5a55}
.room-preview-dialog{max-width:600px;width:calc(100% - 40px);padding:38px;background:linear-gradient(135deg,#101927,#30101f);color:var(--cream);border:1px solid var(--gold)}
.room-preview-dialog::backdrop{background:#05060bd9;backdrop-filter:blur(6px)}
.room-preview-dialog h2{font-size:2.5rem;margin:10px 0 20px}.room-preview-dialog p{line-height:1.6}.room-preview-dialog button{margin-top:16px}
@media(max-width:600px){.illustrated-door .door-heading{font-size:3.5rem}.illustrated-door .door-script{font-size:2.3rem}.illustrated-door .door-kicker{font-size:.7rem}.illustrated-door .door-caption{font-size:.62rem}}
.photo-welcome .photo-opening{margin-bottom:24px}
.photo-welcome .photo-invitation-top{margin:0 auto 52px;padding-top:0;border-top:0}
.photo-welcome .photo-invitation-top h2{font-size:clamp(2.6rem,5vw,4.5rem);margin:8px 0 18px}
.photo-welcome .photo-invitation-top .button{margin-top:10px}
.photo-closing{padding-bottom:10px}
.television-hero{min-height:500px;background:radial-gradient(circle at 78% 38%,#143550 0%,#06101d 62%)}
.television-hero>img{width:57%;opacity:1;object-position:center;mask-image:linear-gradient(90deg,transparent 0%,#000 22%)}
.television-hero .room-hero-copy{width:56%;text-shadow:0 2px 20px #06101d}
.television-hero h1{color:#f5d887}
.television-collection{max-width:1200px;margin:auto}
.television-collection .player-wrap{max-width:1080px;margin:0 auto 32px}
.television-collection .player-caption{display:block;padding:26px 24px 30px}
.television-collection .player-caption h3{font-size:clamp(2rem,4vw,3rem);line-height:1.25;font-weight:400;margin:8px 0;overflow-wrap:anywhere}
.television-collection .player-caption p{margin:8px 0 0;color:var(--muted);line-height:1.5}
.television-collection .player-caption #now-subtitle,.television-collection .player-caption .player-subtitle{color:var(--cream);font-weight:bold}
.television-collection .playlist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.television-collection .video-choice{display:block;padding:6px;border-color:#b8924d;background:#110d13;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.television-collection .video-choice:hover,.television-collection .video-choice.selected{border-color:#ef7ab0;transform:translateY(-3px);box-shadow:0 8px 22px #0008}
.television-collection .video-choice img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.television-collection .video-choice-details{display:grid;gap:6px;padding:12px 8px 14px}
.television-collection .video-choice .video-number{color:var(--gold)}
.television-collection .video-choice strong{font-size:1.08rem}
.more-to-come{max-width:800px;margin:70px auto 26px;padding:30px 22px;text-align:center;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:radial-gradient(ellipse,#491c38aa,transparent 70%)}
.more-to-come>span{color:#f580b9;font-size:1.4rem}
.more-to-come p{font-size:clamp(1.7rem,4vw,2.8rem);color:var(--cream);margin:4px 0}
.more-to-come em{color:var(--gold)}
.more-to-come strong{display:block;color:var(--gold);font:700 .85rem/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
@media(max-width:1000px){.television-collection .playlist{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.television-hero>img{width:100%;height:270px;opacity:1;object-position:center;mask-image:linear-gradient(0deg,transparent 0%,#000 32%)}.television-hero .room-hero-copy{width:100%;padding-top:300px}.television-hero{min-height:0}}
@media(max-width:600px){.television-collection .playlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.television-collection .video-choice strong{font-size:.96rem}.television-collection .video-choice small{font-size:.7rem}.television-collection .player-caption{padding:20px 14px}.television-hero>img{height:235px}.television-hero .room-hero-copy{padding-top:250px}}
.diamond-brand{display:flex;align-items:center;gap:22px}.diamond-brand img{width:105px;height:58px;object-fit:contain}.diamond-brand small{border-left:1px solid var(--line);padding:12px 0 12px 20px;font-size:.7rem;letter-spacing:.12em}
.diamond-brand .brand-artist-link,.diamond-brand .brand-club-link{display:flex;align-items:center;color:inherit}.diamond-brand a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.entrance-hero{min-height:760px;padding-top:105px;padding-bottom:105px}.entrance-hero .hero-photo{width:100%;mask-image:none;object-position:center center}.entrance-hero:after{background:linear-gradient(90deg,#10060e80,transparent 64%),linear-gradient(0deg,#10060e,transparent 16%)}.entrance-sign{position:absolute;z-index:1;width:300px;right:16%;top:0;filter:drop-shadow(0 4px 16px #0009);pointer-events:none}.entrance-hero .hero-inner{width:44%}.entrance-hero .club-name{font-size:clamp(3.8rem,6vw,6.2rem)}
@media(max-width:800px){.diamond-brand{gap:13px}.diamond-brand img{width:80px;height:46px}.diamond-brand small{font-size:.58rem;padding-left:12px}.entrance-hero{padding:330px 0 44px;min-height:0}.entrance-hero .hero-photo{position:absolute;inset:0;width:100%;height:360px;aspect-ratio:auto;object-fit:cover;object-position:right center;mask-image:linear-gradient(0deg,transparent,black 28%)}.entrance-hero .entrance-sign{width:190px;top:-18px;right:calc(25% - 95px)}.entrance-hero .hero-inner{width:auto}.entrance-hero .club-name{font-size:clamp(3.3rem,10vw,5rem)}}
.entrance-hero .hero-photo{object-position:center top}
/* Display only the original sign: preserve its pixels and crop the separate welcome lettering. */
.entrance-sign{width:215px;aspect-ratio:1.78;overflow:hidden;right:calc(26.5% - 107.5px);top:20px}
.entrance-sign img{width:100%;max-width:none;transform:translateY(-25%)}
.entrance-hero .hero-edge{text-transform:uppercase;font-size:.875rem}
@media(max-width:800px){.entrance-hero .hero-photo{object-position:right top}.entrance-hero .entrance-sign{width:120px;right:calc(36% - 60px);top:5px}.entrance-hero .hero-edge{display:block;top:290px;bottom:auto;left:0;right:0;text-align:center;font-size:.75rem}}

/* Honka introduction, content rooms and the two membership doors. */
.club-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(35px,6vw,105px);align-items:center;padding:95px max(6vw,24px);background:radial-gradient(circle at 96% 15%,#50203355,transparent 42%),linear-gradient(125deg,#06111e,#100711 65%,#21070c);border-top:1px solid var(--line);border-bottom:1px solid #e58bae55}.intro-copy{max-width:640px}.intro-copy h2{font-size:clamp(3rem,5vw,5.3rem);margin-bottom:24px}.intro-copy h2 em,.club-membership h2 em{font-weight:400}.intro-copy>p:not(.eyebrow){font-size:1.09rem;color:var(--cream);max-width:590px}.text-link{display:inline-block;margin-top:14px;color:var(--gold);border-bottom:1px solid var(--gold);font: .92rem/1.5 Arial,sans-serif;padding-bottom:5px}.text-link:hover{color:var(--pink);border-color:var(--pink)}.intro-screen-wrap{max-width:680px;width:100%;margin:auto}.welcome-screen{aspect-ratio:16/9;background:radial-gradient(ellipse at 50% 42%,#1d1420,#06070b 70%);border:8px solid #110a0e;outline:1px solid var(--gold);box-shadow:0 0 0 5px #a67e3e55,0 26px 70px #0008;position:relative}.welcome-screen:after{content:'';position:absolute;inset:10px;border:1px solid #e58bae44;pointer-events:none}.intro-screen-wrap>p{color:var(--muted);text-align:center;font-size:.9rem;margin:20px 0 0;font-style:italic}
.welcome-screen video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#06070b}.welcome-screen:has(video):after{display:none}
.intro-language-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.intro-language-buttons button{min-height:46px;padding:10px 16px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:16px/1.4 Arial,sans-serif;cursor:pointer}.intro-language-buttons button[aria-pressed="true"]{background:var(--gold);color:#11131b}.intro-language-buttons button:focus-visible{outline:2px solid var(--light);outline-offset:4px}.intro-language-buttons button:hover{box-shadow:0 0 0 1px var(--gold)}.intro-language[hidden]{display:none}.intro-language>p:not(.eyebrow){font-size:1.09rem;color:var(--cream);max-width:590px}@media(max-width:700px){.intro-language>p:not(.eyebrow){font-size:1rem}}
.room-card{background:linear-gradient(150deg,#35101e,#160509) padding-box,linear-gradient(135deg,#f6dda0,#b78943 55%,#f2d184) border-box}.room-card:hover,.room-card:focus-visible{background:linear-gradient(150deg,#35101e,#160509) padding-box,linear-gradient(135deg,#f3b5cf,#d45291 55%,#f0a4c8) border-box;box-shadow:0 14px 38px #e58bae55}.photos-card img{object-fit:cover}
.club-membership{background:radial-gradient(circle at 45% 0%,#54102a55,transparent 50%),linear-gradient(#0a0e19,#14070e);padding:105px max(6vw,24px) 90px;border-block:1px solid var(--line)}.club-membership .section-heading{margin-bottom:54px}.club-membership .section-heading>p:last-child{max-width:660px}.tier-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.tier-card{min-height:720px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #cda45e;background:#13070c;box-shadow:0 16px 45px #0007}.tier-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2;transition:transform .4s}.tier-card:hover>img{transform:scale(1.025)}.tier-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#09040aec 0%,#09040add 36%,#09040a44 65%,transparent 100%)}.tier-content{padding:24px clamp(25px,3.2vw,48px) 36px;position:absolute;bottom:0;left:0;right:0}.tier-kicker{font: .76rem/1.5 Arial,sans-serif;letter-spacing:.18em;color:var(--pink);margin-bottom:10px}.golden-tier .tier-kicker{color:var(--gold)}.tier-card h3{font:400 clamp(2.6rem,4vw,4.2rem)/1.12 Didot,Georgia,serif;color:var(--light);margin-bottom:3px}.tier-price{font:1.18rem/1.4 Georgia,serif;color:var(--gold);margin-bottom:17px}.tier-card ul{padding-left:21px;margin:0 0 24px;font-size:1rem;line-height:1.52}.tier-card li{padding-left:3px;margin-bottom:6px}.tier-card li::marker{color:var(--gold)}.tier-card .button{width:100%}.member-login{margin:35px 0 0;text-align:center;color:var(--muted)}.member-login a{color:var(--gold);border-bottom:1px solid var(--gold)}.member-login a:hover{color:var(--pink);border-color:var(--pink)}
.tier-card>img{z-index:0}.tier-shade{z-index:1}.tier-content{z-index:2}
@media(max-width:900px){.club-introduction{grid-template-columns:1fr;padding-block:70px}.intro-copy,.intro-screen-wrap{max-width:760px}.tier-card{min-height:730px}}
@media(max-width:700px){.club-introduction{padding:58px 24px;gap:33px}.intro-copy h2{font-size:clamp(2.9rem,10vw,4rem)}.intro-copy>p:not(.eyebrow){font-size:1rem}.welcome-screen{border-width:5px}.club-membership{padding:70px 24px}.tier-grid{grid-template-columns:1fr;gap:22px;max-width:560px}.tier-card{min-height:670px}.tier-content{padding:24px 28px 30px}.tier-card h3{font-size:clamp(2.9rem,10vw,3.8rem)}.club-membership .section-heading{margin-bottom:36px}}
.club-online{display:block;width:max-content;margin:-.12em 0 0 clamp(125px,15vw,215px);font:italic 1.55rem/1.4 Georgia,serif;letter-spacing:.04em;text-transform:lowercase;color:#ff8bc4;-webkit-text-fill-color:#ff8bc4;background:none;text-shadow:0 0 8px #e54f9b,0 0 22px #c02b8166;transform:rotate(-6deg)}
.intro-copy .bridge-note{margin-top:23px;padding-left:17px;border-left:2px solid var(--gold);font-style:italic;color:var(--light)!important}
.radio-spotlight{max-width:1110px;margin:64px auto 0;padding:38px clamp(30px,5vw,65px);border:1px solid transparent;background:linear-gradient(115deg,#091727,#170914) padding-box,linear-gradient(125deg,#d8b86a,#e28bb3,#d8b86a) border-box;box-shadow:0 16px 45px #0004}.radio-spotlight .eyebrow{margin-bottom:8px}.radio-spotlight h3{font:400 clamp(2rem,3.5vw,3.6rem)/1.15 Didot,Georgia,serif;color:var(--light);margin-bottom:15px}.radio-spotlight>p:not(.eyebrow){max-width:750px;color:var(--cream);font-size:1.08rem}.radio-spotlight .text-link{margin-top:0}.radio-card .room-action{background:#170b0cde;color:#fff0c9}
.golden-ticket{display:flex;gap:13px;align-items:start;margin:7px 0 20px;padding:13px 15px;border:1px solid #f2cf7b;background:linear-gradient(110deg,#634315a6,#180b0dbb);box-shadow:0 0 20px #d49b3940}.golden-ticket .ticket-symbol{color:#f8df98;font-size:2rem;line-height:1}.golden-ticket strong{display:block;color:#ffdfa0;font:400 1.35rem/1.1 Didot,Georgia,serif;letter-spacing:.06em}.golden-ticket p{font-size:.88rem;line-height:1.35;color:var(--cream);margin:5px 0 0}
.site-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 24px 32px}.footer-signature{width:min(350px,90vw);height:58px;overflow:hidden;position:relative}.footer-signature img{position:absolute;top:0;left:50%;width:780px;max-width:none;transform:translate(-50%,-390px)}.site-footer>span,.site-footer>a{font-size:.72rem;letter-spacing:.16em}
@media(max-width:700px){.club-online{font-size:1.25rem;margin-left:34%}.radio-spotlight{margin-top:38px;padding:30px 26px}.radio-spotlight>p:not(.eyebrow){font-size:1rem}.golden-tier{min-height:760px}.golden-ticket strong{font-size:1.25rem}}
.club-overline{display:flex;align-items:baseline;gap:clamp(18px,2.7vw,38px);margin-bottom:4px}.club-overline .club-the{display:inline-block;margin:0}.club-overline .club-online{display:inline-block;margin:0;font-size:1.35rem;transform:rotate(-6deg)}
.club-stories{max-width:1260px;margin:62px auto 0;padding:39px 0;display:grid;grid-template-columns:1.45fr 1fr;border-block:1px solid var(--line);background:linear-gradient(100deg,#1b0710a8,#10111aa0)}.club-story{padding:0 clamp(25px,3vw,48px)}.club-story+.club-story{border-left:1px solid var(--line)}.club-story .eyebrow{margin-bottom:9px;font-size:.75rem}.club-story h3{font:400 clamp(2rem,3vw,3.2rem)/1.18 Didot,Georgia,serif;color:var(--light);margin-bottom:16px}.club-story p:not(.eyebrow){font-size:1rem;line-height:1.65;color:var(--cream);max-width:720px}.club-story em{color:#f3d395}.club-story .text-link{margin-top:4px}
.site-footer{gap:10px;background:radial-gradient(ellipse at 50% 0%,#25090e,#06090e 69%)}.footer-signature{height:64px;-webkit-mask-image:radial-gradient(ellipse 64% 77% at 50% 50%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 64% 77% at 50% 50%,#000 42%,transparent 100%)}.footer-signature img{mix-blend-mode:screen}.footer-bulls{width:120px;height:auto;margin-top:5px;filter:drop-shadow(0 8px 13px #0009)}
@media(max-width:700px){.club-overline .club-online{font-size:1.15rem}.club-stories{display:block;margin-top:39px;padding:25px 0}.club-story{padding:12px 24px}.club-story+.club-story{border-left:0;border-top:1px solid var(--line);margin-top:25px;padding-top:30px}.club-story h3{font-size:2.35rem}.golden-tier{min-height:795px}.footer-bulls{width:105px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.room-card[data-room-preview]{cursor:pointer;color:var(--cream);text-align:initial}
.room-card img{display:block}
.kitchen-hero{display:block;min-height:0;height:auto;aspect-ratio:2167/725;align-content:center;background:#7d2930 url('/assets/rockinkitchen-approved-banner.png') center/100% 100% no-repeat}
.kitchen-hero:after{display:none}
.back-link{padding:11px 18px;border:1px solid var(--gold);background:#080d12d9;color:var(--gold);min-height:44px;text-shadow:none;text-decoration:none}
.back-link:hover,.back-link:focus-visible{background:var(--gold);color:#0b1017}
#rooms{scroll-margin-top:24px}
.kitchen-hero .room-hero-copy{width:38%;padding:24px 2vw 24px 6vw;text-shadow:0 2px 18px #160b16;z-index:2}
.kitchen-hero>img{display:none}
.kitchen-hero h1{font-size:clamp(2.2rem,3.3vw,4.2rem);white-space:nowrap}
@media(max-width:1000px){.kitchen-hero{aspect-ratio:auto;background:#100d18}.kitchen-hero:before{content:"";display:block;width:100%;aspect-ratio:1.8;background:url('/assets/rockinkitchen-approved-banner.png') right center/160% auto no-repeat;mask-image:linear-gradient(0deg,transparent 0%,#000 16%)}.kitchen-hero .room-hero-copy{width:100%;padding:18px 26px 44px}.kitchen-hero h1{font-size:clamp(2.3rem,7vw,4rem);white-space:normal}}
.kitchen-section{background:linear-gradient(135deg,#17121e,#0a1726)}
.rosa-invitation{max-width:850px;margin:75px auto 0;padding:45px 28px;text-align:center;border-block:1px solid var(--line);background:radial-gradient(ellipse at center,#67244744,transparent 70%)}
.rosa-invitation>img{width:min(350px,100%);height:auto;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.rosa-invitation h2{margin:20px 0}.rosa-invitation p{color:var(--muted);margin:0 auto 25px;max-width:650px}.rosa-invitation small{display:block;margin-top:18px;color:var(--muted);font:14px/1.5 Arial,sans-serif}
.rosa-invitation>img{display:block;margin-inline:auto}
.tier-description{font-size:1rem;line-height:1.5;color:var(--cream);margin-bottom:20px}
.golden-room-star{position:absolute;top:16px;right:16px;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d4ad5a;border-radius:50%;background:#170c15e8;color:#f4ce73;font-size:29px;line-height:1;box-shadow:0 2px 14px #0008;text-shadow:0 0 9px #efbb5155}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.musicvideos-hero{background:radial-gradient(ellipse at 85% 35%,#65544b,#22182b 50%,#06101d 80%)}
.musicvideos-hero h1{font-size:clamp(3rem,5vw,5rem)}
.television-hero>img.original-header-art{filter:brightness(1.1) contrast(1.045) saturate(1.06)}
.musicvideos-hero>img.original-header-art{filter:brightness(1.035) contrast(1.055) saturate(1.07)}
.television-hero>img.original-header-art{height:auto;top:50%;transform:translateY(-50%);object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 97%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}
.musicvideos-hero{display:grid;grid-template-columns:42% 58%;min-height:0;background:#e8d8cc url('/assets/musicvideos-matching-texture.png') center/100% 100% no-repeat;color:#39263d}
.musicvideos-hero .room-hero-copy{width:auto;padding:30px max(4vw,24px);text-shadow:none}
.musicvideos-hero h1{color:#39263d;background:none;-webkit-text-fill-color:#39263d;font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:1.08}
.musicvideos-hero .eyebrow,.musicvideos-hero .back-link{color:#76512d}
.musicvideos-hero .room-hero-copy p:last-child{color:#51434d}
.musicvideos-hero>img.original-header-art{position:relative;grid-column:2;width:100%;height:auto;top:auto;right:auto;transform:none;align-self:stretch;object-fit:fill;mask-image:linear-gradient(90deg,transparent 0%,#000 13%);mask-composite:add;filter:none}
@media(max-width:800px){.television-hero>img.original-header-art{top:0;transform:none;object-fit:contain;mask-image:linear-gradient(0deg,transparent 0%,#000 25%,#000 92%,transparent 100%)}.musicvideos-hero{display:flex;flex-direction:column;background:linear-gradient(0deg,#f7f0e8,#e5d5ca)}.musicvideos-hero>img.original-header-art{order:-1;align-self:auto;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(0deg,transparent 0%,#000 15%)}.musicvideos-hero .room-hero-copy{width:100%;padding:18px 25px 38px}.musicvideos-hero h1{font-size:clamp(2.6rem,7vw,3.6rem)}}
@media(min-width:801px) and (max-width:950px){.musicvideos-hero .room-hero-copy{padding:18px 24px}.musicvideos-hero .back-link{margin-bottom:12px}.musicvideos-hero h1{font-size:2.3rem;margin:8px 0 14px}.musicvideos-hero .room-hero-copy p:last-child{font-size:1rem;line-height:1.5}}
@media(max-width:800px){.musicvideos-hero{background:#e8d8cc url('/assets/musicvideos-matching-texture.png') center/cover no-repeat}}
.musicvideos-hero{display:block;min-height:0;aspect-ratio:3;background:#e8d8cc url('/assets/musicvideos-continuous-banner.png') center/100% 100% no-repeat;align-content:center}
.musicvideos-hero .room-hero-copy{width:38%;padding:24px max(4vw,24px)}
.musicvideos-hero>img.original-header-art{display:none}

/* Compact room typography, explicitly approved after the oversized shared pass. */
body .room-hero .room-hero-copy h1,
body .friend-hero .friend-hero-copy h1,
body .rosa-hero .rosa-hero-copy h1{font-size:clamp(2rem,2.8vw,3.25rem);line-height:1.15;white-space:normal}
body .room-hero .room-hero-copy>p:last-child,
body .friend-hero .friend-hero-copy>p:last-child,
body .rosa-hero .rosa-hero-copy>p:not(.eyebrow){font-size:clamp(1rem,1.05vw,1.125rem);line-height:1.6}
@media(max-width:1000px){
 body .room-hero .room-hero-copy h1,
 body .friend-hero .friend-hero-copy h1,
 body .rosa-hero .rosa-hero-copy h1{font-size:clamp(2rem,5vw,2.75rem)}
 body .room-hero .room-hero-copy>p:last-child,
 body .friend-hero .friend-hero-copy>p:last-child,
 body .rosa-hero .rosa-hero-copy>p:not(.eyebrow){font-size:1rem}
}
@media(max-width:800px){.musicvideos-hero{aspect-ratio:auto;background:#e8d8cc url('/assets/musicvideos-matching-texture.png') center/cover no-repeat}.musicvideos-hero:before{content:'';display:block;width:100%;aspect-ratio:1.8;background:url('/assets/musicvideos-continuous-banner.png') calc(100% + 14px) center/160% auto no-repeat;mask-image:linear-gradient(0deg,transparent 0%,#000 20%)}.musicvideos-hero .room-hero-copy{width:100%;padding:18px 25px 38px}}

/* Keep room entrances compact without changing their artwork. */
body .room-hero{min-height:300px}
body .room-hero .room-hero-copy{padding-top:28px;padding-bottom:28px}
body .room-hero .back-link{margin-bottom:14px;padding:10px 16px}
body .room-hero .eyebrow{margin-top:0;margin-bottom:10px}
body .room-hero .room-hero-copy h1{margin:8px 0 12px}
body .room-hero .room-hero-copy>p:last-child{margin-top:0;margin-bottom:0}
@media(max-width:1000px){
 body .room-hero{min-height:0}
 body .room-hero .room-hero-copy{padding-top:16px;padding-bottom:24px}
 body .room-hero .back-link{margin-bottom:12px}
}
/* Television artwork remains above its copy on narrow screens. */
@media(max-width:800px){body .television-hero:not(.musicvideos-hero) .room-hero-copy{padding-top:270px}}
@media(max-width:600px){body .television-hero:not(.musicvideos-hero) .room-hero-copy{padding-top:235px}}
.mz-tv-inclusion{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px auto 0;max-width:600px}.mz-tv-inclusion img{width:125px;height:auto;background:#f3e8d8;padding:8px;border:1px solid #a9874b}.mz-tv-inclusion p{font:16px/1.5 Georgia,serif;color:var(--gold);margin:0}.mz-tv-inclusion span{color:var(--cream);font-size:14px}.golden-extras{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;max-width:1220px}.golden-extras-heading{grid-column:1/-1;text-align:center;padding:0 24px 30px}.golden-extras-heading h3{font:400 clamp(2rem,3vw,3rem)/1.2 Georgia,serif;color:var(--light);margin:8px 0 12px}.golden-extras-heading>p:last-child{font-size:16px;max-width:700px;margin:0 auto}.golden-extras .club-story{padding:0 24px}.golden-extras .club-story h3{font-size:clamp(1.6rem,2vw,2rem)}.golden-extras .club-story p:not(.eyebrow){font-size:15px;line-height:1.6}.golden-tier{min-height:850px}
@media(max-width:700px){.mz-tv-inclusion{gap:14px}.mz-tv-inclusion img{width:95px}.mz-tv-inclusion p{font-size:15px}.mz-tv-inclusion span{font-size:13px}.golden-extras{display:block;margin-top:28px}.golden-extras-heading{padding-bottom:24px}.golden-extras .club-story{padding:20px 24px}.golden-extras .club-story+.club-story{margin-top:0}.golden-tier{min-height:850px}}
.site-header nav .nav-join{background:linear-gradient(110deg,#f1d995,#c69f4a);border:1px solid #d3ad5c;color:#211509;font-weight:700;text-align:center}.site-header nav .nav-join:hover{color:#211509;filter:brightness(1.08)}.mz-tv-inclusion img{background:transparent;border:0;padding:0}.live-highlight{color:var(--gold);font-weight:700}.golden-extras .club-story{display:flex;flex-direction:column;align-items:flex-start}.golden-extras .club-story .text-link{margin-top:auto;padding-top:22px;color:var(--gold)}