/* Light, translucency and depth shared by every page. */
:root {
  --surface-wine: radial-gradient(ellipse at 10% 4%, #91534570, transparent 58%),
    radial-gradient(ellipse at 93% 72%, #9d5f3d2f, transparent 56%),
    linear-gradient(136deg, #561e35, #371021 58%, #230d19);
  --surface-paper: radial-gradient(ellipse at 4% 2%, #fffaf3c9, transparent 58%),
    radial-gradient(ellipse at 96% 83%, #ae7e512e, transparent 62%),
    linear-gradient(133deg, #fff5e7, #efdec5 61%, #ddc2a3);
  --surface-gold: radial-gradient(ellipse at 12% 5%, #fff0cf8c, transparent 56%),
    linear-gradient(134deg, #e6cb98, #cfad73 61%, #b58e59);
  --surface-card: radial-gradient(ellipse at 0 0, #b69a6224, transparent 65%), linear-gradient(145deg, #62223a90, #2b0a1abf);
  --shadow-depth: 0 25px 60px #16050d40, 0 4px 12px #16050d24, inset 0 1px 0 #f4eddf1a;
}
body { background: var(--surface-wine); background-attachment: fixed; }
body::after{content:'';position:fixed;inset:0;background:url('/assets/grain.svg');opacity:.035;mix-blend-mode:soft-light;pointer-events:none;z-index:40}
.site-header{background:linear-gradient(110deg,#54172cee,#3c1023f5 60%,#2d0b1ce8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 22px #16050d20,inset 0 1px 0 #f4eddf08}.brand-symbol{background:transparent}
.main-nav.is-open{background:var(--surface-wine)}
.hero,.page-heading,.league-page,.league-hero,.league-hub-hero,.profile-hero{background-image:radial-gradient(ellipse at 80% 10%,#b69a6214,transparent 62%)}
.gallery-section,.events-section,.faq-section,.league-follow,.league-official-archive{background-image:radial-gradient(ellipse at 15% 35%,#9f4a5910,transparent 65%)}
.paper-band,.join-section,.community-story,.weekly-event{background:var(--surface-paper);--muted:#563741}.paper-band .section-index,.paper-band .agenda-date,.paper-band .eyebrow>span,.community-story .eyebrow>span,.community-story .story-facts span,.join-section .eyebrow>span,.weekly-event .eyebrow>span,.weekly-event .event-next{color:#583621}
.league-feature,.network-section{background:var(--surface-gold);box-shadow:inset 0 1px 0 #fff7d780,inset 0 -1px 0 #53172c35}
.site-footer{background:radial-gradient(ellipse at 85% 0,#5a223630,transparent 58%),linear-gradient(145deg,#1f151a,#100d10);box-shadow:inset 0 1px 0 #b69a6230}
.hero-weekly,.hero-portrait{background:var(--surface-paper);box-shadow:var(--shadow-depth)}.hero-weekly{border-top:3px solid var(--gold)}
.hero-photo{filter:drop-shadow(0 22px 24px #16050d35)}.hero-photo>img{clip-path:polygon(0 0,100% 0,100% 87%,94% 100%,0 100%)}
.hero-portrait>img{clip-path:polygon(0 0,100% 0,100% 93%,92% 100%,0 100%)}
.button,.photo-open{background:linear-gradient(125deg,#fff7eb,#f4eddf 58%,#e4d5ba);box-shadow:0 7px 18px #16050d24,inset 0 1px 0 #ffffffb3;position:relative;isolation:isolate;overflow:hidden}
.button::after{content:'';position:absolute;z-index:-1;inset:-60% -100%;background:linear-gradient(105deg,transparent 40%,#ffffff85 50%,transparent 60%);transform:translateX(-55%);transition:transform .65s var(--ease);pointer-events:none}.button:hover::after,.button:focus-visible::after{transform:translateX(55%)}
.button:hover{background:linear-gradient(125deg,#f5e4bc,#d9bd83);border-color:#e8d3a4;box-shadow:0 11px 24px #16050d32,inset 0 1px 0 #fffaf0b3}.button:active{box-shadow:0 3px 9px #16050d24,inset 0 1px 0 #ffffff60}
.weekly-event .button,.join-actions>.text-link:first-child{background:linear-gradient(135deg,#641e39,#3d1024);box-shadow:0 7px 18px #420f202b,inset 0 1px 0 #f4eddf20}
.weekly-event .button:hover,.join-actions>.text-link:first-child:hover{background:linear-gradient(135deg,#7d3049,#4d152e)}
.league-feature .button:hover{background:linear-gradient(135deg,#642139,#3e1025);color:var(--paper)}
.lightbox{background:radial-gradient(ellipse at 50% 0,#56233760,transparent 70%),linear-gradient(140deg,#20131c,#100d10)}
.photo-button,.poster-button{background:radial-gradient(ellipse at 20% 0,#55223560,transparent 70%),linear-gradient(140deg,#24151e,#100d10)}
.depth-card{position:relative;transform-style:preserve-3d;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;will-change:auto}
.depth-card::after{content:'';position:absolute;inset:0;z-index:5;background:radial-gradient(340px circle at var(--pointer-x,50%) var(--pointer-y,0%),#fff1c82e,transparent 68%);opacity:0;transition:opacity .35s;pointer-events:none;border-radius:inherit}
.depth-card:hover::after,.depth-card:focus-within::after{opacity:1}
@media(hover:hover) and (pointer:fine){.depth-card:hover{transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-5px);box-shadow:0 30px 65px #16050d60,inset 0 1px 0 #fff3db30}}
.layered-scene{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:center;padding-top:50px;padding-bottom:75px;position:relative;isolation:isolate}.layered-scene::before{content:'';position:absolute;inset:8% 0;background:radial-gradient(ellipse at 75% 60%,#b69a622b,transparent 60%);z-index:-1;pointer-events:none}
.scene-copy{position:relative;z-index:4}.scene-copy>.eyebrow{margin-bottom:32px}.scene-copy h2{font-size:clamp(64px,7.2vw,108px);line-height:.88;margin-bottom:27px}.scene-copy>p:not(.eyebrow){font-size:18px;max-width:30ch;margin-bottom:22px;line-height:1.55}
.scene-art{height:clamp(460px,46vw,670px);position:relative;isolation:isolate;min-width:0}.scene-orbit{position:absolute;inset:10% 8% 7%;border-radius:50%;border:1px solid #d0b78285;transform:rotate(-18deg);background:radial-gradient(ellipse at 35% 20%,#b69a623b,transparent 70%);box-shadow:0 0 80px #b69a6212,inset 0 1px 0 #f4eddf2b;z-index:0}
.scene-backword{position:absolute;left:-5%;right:-4%;top:13%;font:900 clamp(130px,19vw,285px)/.9 var(--display);letter-spacing:-.02em;z-index:1;color:var(--gold-light)}
@supports((-webkit-background-clip:text) or (background-clip:text)){.photo-text{background-image:linear-gradient(#f4eddf26,#b69a6233),url('/assets/muretto.jpg');background-position:center 63%;background-size:cover;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.7px #d0b78280}}
.scene-foreground{position:absolute;bottom:0;right:1%;width:90%;height:100%;object-fit:contain;object-position:center bottom;z-index:2;filter:drop-shadow(12px 8px 14px #18050e80);mask-image:linear-gradient(#000 0 87%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 87%,transparent 100%)}
.scene-frontword{position:absolute;z-index:3;right:4%;bottom:10%;font-size:clamp(40px,5vw,72px);transform:rotate(-8deg);text-shadow:0 2px 14px #18050e90}
@media(max-width:800px){body{background-attachment:scroll}.layered-scene{grid-template-columns:1fr 1.1fr;gap:20px;padding-top:20px;padding-bottom:55px}.scene-copy h2{font-size:clamp(58px,8vw,78px)}.scene-copy>p:not(.eyebrow){font-size:15px}.scene-art{height:470px}.scene-backword{font-size:25vw;top:20%}.scene-frontword{font-size:45px;right:0}.scene-foreground{width:110%;right:-6%}.depth-card{transform-style:flat}}
@media(max-width:600px){.layered-scene{grid-template-columns:1fr;padding-top:5px;gap:5px;padding-bottom:40px}.scene-copy h2{font-size:19vw}.scene-copy>p:not(.eyebrow){font-size:17px;max-width:33ch}.scene-art{height:480px}.scene-backword{font-size:43vw;top:14%;left:0;right:0}.scene-foreground{right:0;width:100%}.scene-frontword{font-size:51px;right:4%;bottom:12%}.scene-orbit{inset:10% 3% 8%}.hero-photo>img{clip-path:polygon(0 0,100% 0,100% 93%,92% 100%,0 100%)}}
@media(prefers-reduced-motion:reduce){.depth-card,.depth-card:hover{transform:none!important}.button::after{display:none}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(forced-colors:active){body::after,.scene-orbit{display:none}.photo-text{background:none;color:CanvasText;-webkit-text-stroke:0}.depth-card{border:1px solid CanvasText}}