/* Campus Club: isolated campaign styles. Store header/footer retain their own rules. */
@font-face { font-family: ClubFutura; src: url('../noam3/fonts/FuturaDemiC.woff2') format('woff2'); font-display: swap; font-weight: 700; }
.campus-club { --club-blue: #2045eb; --club-ink: #192c5a; --club-paper: #f7f5ec; --club-lime: #e8ff6e; --club-x: 0px; --club-y: 0px; background: var(--club-paper); color: var(--club-ink); font-family: 'Be Vietnam Pro', sans-serif; overflow: clip; }
.campus-club *, .campus-club *::before, .campus-club *::after { box-sizing: border-box; }
.campus-club a { color: inherit; text-decoration: none; }
.campus-club button { font: inherit; }
.campus-club [hidden] { display: none !important; }
.campus-club :is(a,button,summary,[tabindex]):focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
.campus-club :is(h1,h2,h3,p,figure) { margin: 0; }
.campus-club :is(h2,h3) { color: inherit; }
.campus-club :is(section,[id^='club-panel']) { scroll-margin-top: 110px; }
/* Keep the existing chat launcher, without its unsolicited overlay across campaign CTAs. */
body:has(.campus-club) #noam-chat-teaser { display: none !important; }
.club-nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 4%; border-bottom: 1px solid var(--club-ink); }
.club-wordmark { font: 700 31px/.85 ClubFutura, sans-serif; letter-spacing: -.06em; display: flex; align-items: center; gap: 16px; }
.club-wordmark span { font: 700 10px/1.3 'Be Vietnam Pro', sans-serif; letter-spacing: .07em; max-width: 74px; }
.club-nav-links { display: flex; gap: 32px; font-size: 12px; font-weight: 600; }
.club-nav-links a { padding: 8px 0; }
.club-nav-links a:hover { text-decoration: underline; text-underline-offset: 5px; }
.club-edition { font-size: 10px; letter-spacing: .08em; }
.club-hero { position: relative; height: clamp(650px, 58vw, 850px); background: var(--club-blue); color: var(--club-paper); isolation: isolate; overflow: hidden; }
.club-hero-meta { position: absolute; top: 24px; left: 4%; right: 4%; display: flex; justify-content: space-between; font-size: 10px; letter-spacing: .12em; z-index: 4; }
.club-court { position: absolute; left: 3%; right: 3%; top: 56%; height: 48%; border: 1px solid #ffffff25; border-radius: 50%; transform: perspective(400px) rotateX(40deg); }
.club-cast { position: absolute; width: min(80%, 980px); left: 50%; bottom: 13%; transform: translate(calc(-50% + var(--club-x)), var(--club-y)); z-index: 1; }
.club-cast img { display: block; width: 100%; height: auto; mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 86%, transparent), linear-gradient(to right, transparent, #000 5%, #000 95%, transparent); mask-composite: intersect; }
.club-cast picture { display: block; }
.club-hero h1 { position: absolute; inset: 7% 4% auto; z-index: 2; font: 700 clamp(90px, 12vw, 180px)/.84 ClubFutura, sans-serif; letter-spacing: -.07em; color: var(--club-paper); pointer-events: none; }
.club-hero h1 > span { display: block; }
.club-hero h1 > span:last-child { margin-top: clamp(280px, 28vw, 415px); text-align: right; font-size: .81em; }
.club-hero h1 em { font: italic 400 1.02em/.8 Georgia, serif; letter-spacing: -.065em; }
.club-sticker { position: absolute; left: 3.5%; top: 35%; z-index: 3; background: var(--club-lime); color: var(--club-ink); width: 128px; padding: 17px 12px 7px; text-align: center; font-size: 10px; font-weight: 700; transform: rotate(-12deg); box-shadow: 4px 5px 0 #172d8266; }
.club-sticker > span { font: 700 42px/1 ClubFutura, sans-serif; display: block; }
.club-sticker svg { display: block; width: 100%; height: 25px; fill: none; stroke: currentColor; stroke-width: 2; }
.club-side-note { position: absolute; right: 4%; top: 28%; font: 23px/1.1 'Patrick Hand', cursive; transform: rotate(8deg); z-index: 3; }
.club-hero-bottom { position: absolute; bottom: 24px; left: 4%; right: 4%; display: flex; align-items: center; justify-content: space-between; gap: 20px; z-index: 4; }
.club-hero-bottom p { font-size: 14px; line-height: 1.65; }
.club-hero-bottom strong { font-weight: 500; }
.club-button { display: inline-flex; gap: 36px; min-height: 54px; align-items: center; justify-content: space-between; padding: 15px 22px; font-size: 13px; font-weight: 700; border: 1px solid transparent; transition: transform .2s, box-shadow .2s; }
.campus-club .club-button-lime { color: var(--club-ink); background: var(--club-lime); }
.campus-club .club-button-blue { background: var(--club-blue); color: white; }
.club-button:hover { transform: translate(-3px,-3px); box-shadow: 5px 5px 0 currentColor; }
.club-button > span { font-size: 25px; line-height: 1; }
.club-motion { background: transparent; border: 0; border-bottom: 1px solid #ffffff66; color: inherit; padding: 12px 0; font-size: 10px !important; cursor: pointer; }
.club-ticker { padding: 17px 0; background: var(--club-lime); color: var(--club-ink); overflow: hidden; border-bottom: 1px solid var(--club-ink); }
.club-ticker > div { display: flex; align-items: center; width: max-content; gap: 36px; font: 700 23px/1 ClubFutura, sans-serif; }
.club-ticker b { font-size: 30px; font-weight: 400; }
.club-section { padding: 90px 5%; }
.club-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 42px; }
.club-eyebrow { font-size: 10px; line-height: 1.5; letter-spacing: .12em; font-weight: 600; margin-bottom: 20px !important; }
.club-section-heading h2, .club-friends h2 { font-size: clamp(36px,4.5vw,66px); letter-spacing: -.065em; font-weight: 700; line-height: 1.16; }
.club-section-heading h2 em, .club-friends h2 em { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: 1.12em; }
.club-section-heading > p { font-size: 13px; line-height: 1.8; padding-bottom: 8px; }
.club-tabs { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--club-ink); border-bottom: 1px solid var(--club-ink); }
.club-tabs a { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 22px 26px; gap: 8px; border-right: 1px solid var(--club-ink); transition: background .2s,color .2s; }
.club-tabs a:last-child { border-right: 0; }
.club-tabs small { grid-column: 1 / -1; font-size: 10px; letter-spacing: .08em; }
.club-tabs strong { font-size: 23px; letter-spacing: -.04em; }
.club-tabs a > span { font-size: 27px; }
.club-tabs a:hover { background: #e4e9fb; }
.club-tabs [aria-selected='true'] { color: white; background: var(--club-blue); }
.club-tabs [data-club-tab='break'][aria-selected='true'] { color: var(--club-ink); background: var(--club-lime); }
.club-tabs [data-club-tab='out'][aria-selected='true'] { color: var(--club-ink); background: #f2c5b9; }
.club-panel { display: grid; grid-template-columns: 1.08fr 1fr; background: #e7edf7; min-width: 0; }
.club-panel-break { background: #f0f1d5; }
.club-panel-out { background: #f3dfd7; }
.club-mood-photo { min-width: 0; position: relative; overflow: hidden; min-height: 580px; }
.club-mood-photo picture { display: block; height: 100%; }
.club-mood-photo img { display: block; width: 100%; height: 100%; max-height: 760px; object-fit: cover; object-position: center 48%; }
.club-mood-photo figcaption { position: absolute; bottom: 30px; left: 24px; right: 24px; width: fit-content; background: var(--club-paper); color: var(--club-ink); padding: 7px 18px; font: 25px/1.2 'Patrick Hand',cursive; transform: rotate(-3deg); }
.club-time { position: absolute; top: 24px; left: 24px; color: white; font: 700 48px/1 ClubFutura,sans-serif; text-shadow: 0 1px 8px #0005; }
.club-mood-detail { padding: clamp(28px,4vw,62px); display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.club-mood-detail h3 { font-size: clamp(32px,3.5vw,52px); letter-spacing: -.055em; line-height: 1.2; font-weight: 700; }
.club-mood-copy { font-size: 13px; line-height: 1.85; margin: 20px 0 24px !important; max-width: 360px; }
.club-outfit-label { display: flex; justify-content: space-between; align-items: center; font-size: 9px; letter-spacing: .09em; padding-bottom: 12px; border-bottom: 1px solid #192c5a50; }
.club-outfit-label > span:last-child { font-size: 24px; }
.club-outfit-item { display: grid; grid-template-columns: 65px 1fr 24px; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid #192c5a35; }
.club-outfit-item > img { width: 65px; height: 78px; object-fit: cover; background: white; }
.club-outfit-item > span { display: flex; flex-direction: column; gap: 5px; font-size: 12px; }
.club-outfit-item strong { font-size: 13px; }
.club-outfit-item small { font-size: 10px; opacity: .8; }
.club-outfit-item > b { font-size: 24px; font-weight: 400; transition: transform .2s; }
.club-outfit-item:hover > b { transform: translate(3px,-3px); }
.club-editorial-note { font-size: 10px; line-height: 1.7; opacity: .8; margin-top: 18px !important; }
.club-picks { padding-top: 5px; }
.club-text-link { display: inline-flex; justify-content: space-between; gap: 25px; font-size: 12px; font-weight: 600; border-bottom: 1px solid; padding: 12px 0; }
.club-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 24px; }
.club-product-meta { display: flex; justify-content: space-between; font-size: 9px; letter-spacing: .06em; padding: 10px 0; border-top: 1px solid var(--club-ink); }
.club-product-photo { display: block; position: relative; overflow: hidden; background: #eeece6; }
.club-product-photo img { display: block; width: 100%; height: auto; aspect-ratio: 6/7; object-fit: cover; transition: transform .5s; }
.club-product-photo > span { position: absolute; right: 12px; bottom: 12px; background: var(--club-paper); padding: 9px 12px; font-size: 10px; }
.club-product-photo:hover img { transform: scale(1.035); }
.club-product-info { padding: 17px 0 0; }
.club-product-info h3 { font-size: 15px; letter-spacing: -.03em; font-weight: 600; margin-bottom: 9px; }
.club-product-info p { font-size: 12px; }
.club-product-info del { font-size: 11px; opacity: .6; margin-left: 8px; }
.club-friends { display: grid; grid-template-columns: 1.2fr 1fr; background: var(--club-lime); }
.club-friends-image { position: relative; min-width: 0; }
.club-friends-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.club-friends-image > span { position: absolute; bottom: 30px; left: 30px; padding: 10px 15px; background: var(--club-paper); transform: rotate(-6deg); font: 24px/1 'Patrick Hand',cursive; }
.club-friends-copy { padding: 60px 12%; }
.club-friends-copy > p:not(.club-eyebrow) { font-size: 13px; line-height: 1.8; margin: 24px 0 !important; }
.club-guide { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; }
.club-guide h2 { font-size: 38px; line-height: 1.2; letter-spacing: -.06em; margin-bottom: 25px; }
.club-guide .club-text-link { display: flex; width: fit-content; }
.club-faq details { border-top: 1px solid var(--club-ink); }
.club-faq details:last-child { border-bottom: 1px solid var(--club-ink); }
.club-faq summary { list-style: none; cursor: pointer; display: flex; gap: 24px; justify-content: space-between; align-items: center; padding: 22px 0; font-size: 13px; font-weight: 600; }
.club-faq summary::-webkit-details-marker { display: none; }
.club-faq summary span { font-size: 25px; font-weight: 400; }
.club-faq details[open] summary span { transform: rotate(45deg); }
.club-faq details p { padding-bottom: 24px; font-size: 12px; line-height: 1.9; }
.club-signoff { display: flex; align-items: center; justify-content: space-between; padding: 24px 5%; border-top: 1px solid var(--club-ink); }
.club-signoff > a { font: 700 24px/1 ClubFutura,sans-serif; }
.club-signoff > span { font-size: 9px; letter-spacing: .08em; }
/* Enhancement never conceals server-rendered content. */
.club-enhanced:not(.club-motion-off) .club-hero h1 > span { animation: club-type-in .8s cubic-bezier(.2,.8,.2,1) both; }
.club-enhanced:not(.club-motion-off) .club-hero h1 > span:last-child { animation-delay: .18s; }
.club-enhanced:not(.club-motion-off) .club-sticker { animation: club-sticker-float 5s ease-in-out infinite; }
.club-enhanced:not(.club-motion-off) .club-ticker > div { animation: club-marquee 32s linear infinite; }
.club-enhanced:not(.club-motion-off) .club-panel:not([hidden]) .club-mood-photo img { animation: club-photo-in .55s ease-out both; }
.club-enhanced:not(.club-motion-off) .club-panel:not([hidden]) .club-mood-detail { animation: club-type-in .5s ease-out both; }
.club-enhanced:not(.club-motion-off) .club-revealed { animation: club-type-in .65s ease-out both; }
.campus-club.club-motion-off *, .campus-club .club-offscreen * { animation-play-state: paused !important; }
.campus-club.club-motion-off * { transition: none !important; }
@keyframes club-type-in { from { transform: translateY(24px); opacity: .3; } to { transform: translateY(0); opacity: 1; } }
@keyframes club-photo-in { from { transform: scale(1.055) translateX(-12px); } to { transform: scale(1) translateX(0); } }
@keyframes club-sticker-float { 0%,100% { transform: rotate(-12deg) translateY(0); } 50% { transform: rotate(-7deg) translateY(-8px); } }
@keyframes club-marquee { to { transform: translateX(-50%); } }
@media (min-width: 1600px) { .club-section { padding-left: max(5%,calc((100% - 1440px)/2)); padding-right: max(5%,calc((100% - 1440px)/2)); } }
@media (max-width: 1000px) {
    .club-hero { height: 720px; }
    .club-hero h1 { top: 12%; font-size: 13.5vw; }
    .club-hero h1 > span:last-child { margin-top: 380px; }
    .club-cast { width: 95%; top: 130px; bottom: auto; }
    .club-sticker { top: 34%; width: 105px; }
    .club-sticker > span { font-size: 34px; }
    .club-side-note { top: 28%; font-size: 23px; }
    .club-section { padding: 65px 4%; }
    .club-mood-photo { min-height: 580px; }
    .club-mood-detail { padding: 30px; }
    .club-picks { padding-top: 0; }
    .club-friends-copy { padding: 48px 8%; }
    .club-friends h2 { font-size: 40px; }
}
@media (max-width: 700px) {
    .campus-club { padding-top: 46px; }
    .club-nav { padding: 15px 5%; gap: 18px; }
    .club-wordmark { font-size: 27px; gap: 10px; }
    .club-wordmark span { font-size: 8px; max-width: 57px; }
    .club-edition { display: none; }
    .club-nav-links { gap: 20px; font-size: 10px; }
    .club-hero { height: 620px; }
    .club-hero-meta { left: 5%; right: 5%; top: 18px; font-size: 8px; }
    .club-hero-meta > span:last-child { display: none; }
    .club-hero h1 { top: 13%; left: 5%; right: 5%; font-size: 13.7vw; }
    .club-hero h1 > span:last-child { margin-top: 300px; font-size: .95em; }
    .club-cast { width: 100%; top: 165px; bottom: auto; }
    .club-sticker { width: 88px; left: 6%; top: 24%; padding: 10px 7px 3px; font-size: 8px; }
    .club-sticker > span { font-size: 29px; }
    .club-side-note { top: 24%; right: 6%; font-size: 20px; }
    .club-hero-bottom { left: 5%; right: 5%; bottom: 16px; display: grid; grid-template-columns: 1fr auto; gap: 14px; }
    .club-hero-bottom p { font-size: 11px; }
    .club-hero-bottom .club-button { grid-column: 1 / -1; grid-row: 1; }
    .club-hero-bottom .club-motion { font-size: 9px !important; }
    .club-ticker { padding: 14px 0; }
    .club-ticker > div { font-size: 18px; gap: 22px; }
    .club-ticker b { font-size: 23px; }
    .club-section { padding: 52px 5%; }
    .club-section-heading { display: block; margin-bottom: 30px; }
    .club-section-heading h2 { font-size: 40px; }
    .club-section-heading > p, .club-section-heading > a { margin-top: 22px; }
    .club-eyebrow { font-size: 8px; margin-bottom: 16px !important; }
    .club-tabs a { padding: 16px 12px; gap: 8px 4px; }
    .club-tabs small { font-size: 8px; letter-spacing: .03em; }
    .club-tabs strong { font-size: 15px; }
    .club-tabs a > span { font-size: 19px; }
    .club-panel { grid-template-columns: 1fr; }
    .club-mood-photo { min-height: 0; aspect-ratio: 4/5; }
    .club-mood-photo img { position: absolute; inset: 0; height: 100%; object-position: center; }
    .club-mood-photo figcaption { bottom: 20px; left: 18px; right: 18px; font-size: 22px; }
    .club-time { top: 18px; left: 18px; font-size: 36px; }
    .club-mood-detail { padding: 30px 24px; }
    .club-mood-detail h3 { font-size: 36px; }
    .club-mood-copy { margin: 16px 0 20px !important; font-size: 12px; }
    .club-outfit-item > span { font-size: 11px; }
    .club-outfit-item strong { font-size: 12px; }
    .club-picks { padding-top: 0; }
    .club-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 14px; }
    .club-product-meta { font-size: 8px; }
    .club-product-photo > span { font-size: 8px; padding: 7px 8px; bottom: 7px; right: 7px; }
    .club-product-info { padding-top: 12px; }
    .club-product-info h3 { font-size: 12px; line-height: 1.5; margin-bottom: 5px; }
    .club-product-info p { font-size: 11px; }
    .club-product-info del { display: inline-block; margin-left: 3px; font-size: 9px; }
    .club-friends { grid-template-columns: 1fr; }
    .club-friends-image { aspect-ratio: 1.15; }
    .club-friends-copy { padding: 40px 7% 50px; }
    .club-friends h2 { font-size: 46px; }
    .club-guide { grid-template-columns: 1fr; gap: 35px; }
    .club-faq summary { font-size: 12px; }
    .club-signoff { display: block; padding: 24px 5%; }
    .club-signoff > span { display: block; margin-top: 15px; font-size: 8px; }
}
@media (max-width: 400px) {
    .club-hero { height: 560px; }
    .club-hero h1 > span:last-child { margin-top: 270px; }
    .club-cast { width: 100%; top: 145px; bottom: auto; }
    .club-side-note { font-size: 18px; }
    .club-sticker { top: 25%; width: 78px; }
    .club-section-heading h2 { font-size: 35px; }
    .club-nav-links { gap: 12px; }
    .club-tabs a { padding: 13px 9px; }
    .club-tabs strong { font-size: 13px; }
    .club-mood-detail { padding: 27px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .campus-club *, .campus-club *::before, .campus-club *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    .club-cast { transform: translate(-50%,0); }
}