@layer theme,base;@layer components{.club-info-page{--menu-accent:#46a6ffeb;--shadow-heavy:0 20px 40px #0009;--club-content-width:min(62vw, calc(100vw - 32px));color:#f7fbff;background:radial-gradient(at 50% 0,#1370bc38,#0000 32rem),linear-gradient(#03101f 0%,#06182b 36%,#020914 100%);width:100%;max-width:none;min-height:calc(100vh - 52px);margin:0;padding:clamp(18px,3vw,42px) 0 48px;overflow:hidden}.club-info-page,.club-info-page *,.club-info-page :before,.club-info-page :after{box-sizing:border-box}.club-hero,.club-feature,.club-section{width:100%;margin:0 auto;position:relative}.club-content-shell{width:var(--club-content-width);background:#010a14b8;border-radius:28px;margin:22px auto 0;overflow:hidden;box-shadow:0 28px 80px #00000057,0 0 46px #007eff12}.club-top-shell{z-index:1;width:min(62vw,100vw - 32px);margin:0 auto;position:relative}.club-page-header{background:linear-gradient(130deg,#030c18f5 0%,#062344c7 58%,#04152af5 100%),radial-gradient(circle at 70% 20%,#20a5ff38,#0000 34%);border:1px solid #2595ff61;border-bottom:0;border-radius:28px 28px 0 0;min-height:clamp(92px,10vw,118px);padding:clamp(14px,2.2vw,22px) clamp(18px,3vw,28px);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000061,0 0 46px #007eff1a}.club-page-header:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;background:linear-gradient(135deg,#4fb1ff2e,#4fb1ff08);width:28%;height:100%;position:absolute;inset:0 0 auto auto}.club-page-header__content{z-index:1;max-width:min(760px,100%);position:relative}.club-page-kicker{color:#149dff;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:900;display:none}.club-page-header h1{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 34px #0091ff2e;margin:0;font-size:clamp(30px,4.8vw,54px);font-weight:1000;font-stretch:75%;line-height:.9}.club-page-header p:last-child{color:#e7f0ffd1;max-width:680px;margin:7px 0 0;font-size:clamp(14px,1.45vw,18px);line-height:1.32}.club-page-mark{z-index:1;color:#ffffff09;letter-spacing:0;pointer-events:none;font-size:clamp(60px,10vw,118px);font-weight:1000;line-height:.78;position:absolute;bottom:-12px;right:clamp(18px,5vw,70px)}.club-hero,.club-feature{box-sizing:border-box;isolation:isolate;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;min-height:410px;padding:clamp(28px,4vw,58px);display:flex;overflow:hidden}.club-hero:before,.club-feature:before{content:"";z-index:-1;background:linear-gradient(90deg,#010810f0 0%,#010810bd 30%,#01081033 72%),linear-gradient(#01081014 0%,#010810e6 100%);position:absolute;inset:0}.club-hero--seat{background-image:none}.club-hero--seat:before{background:linear-gradient(90deg,#000308fa 0%,#000308f0 28%,#000308b8 48%,#00030842 72%,#0003080a 100%),linear-gradient(#0108100a 0%,#010810e0 100%)}.club-hero__image{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0;transform:none}.club-hero__media{display:contents}.club-feature--commanderie{background-image:url(https://www.lephoceen.fr/_next/image?url=%2Fimages%2Fcommanderie.jpg&w=1920&q=75)}.club-feature--stadium{background-image:url(https://upload.wikimedia.org/wikipedia/commons/1/16/Stade_V%C3%A9lodrome_%2820150405%29.jpg)}.club-kicker{color:#36b7ff;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:850;display:none}.club-hero h1,.club-hero-title,.club-feature h2{color:#fff;letter-spacing:0;max-width:620px;margin:0;font-size:clamp(42px,5vw,76px);line-height:.98}.club-address,.club-feature__lead{color:#ffffffdb;margin:14px 0 0;font-size:16px;font-weight:650;line-height:1.45}.club-address{align-items:flex-start;gap:10px;display:flex}.club-address svg,.club-facts svg,.club-feature-list svg{fill:none;stroke:#35b8ff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.club-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:880px;margin-top:64px;display:grid}.club-facts article,.club-feature-list article{color:#ffffffe0;grid-template-columns:auto 1fr;column-gap:12px;display:grid}.club-facts span,.club-feature-list span{color:#36b7ff;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900}.club-facts strong,.club-feature-list strong{color:#fff;grid-column:2;margin-top:3px;font-size:13px;line-height:1.35}.club-section{box-sizing:border-box;background:0 0;padding:26px clamp(18px,3.8vw,58px) 34px}.club-section h2{color:#fff;align-items:center;gap:12px;margin:0 0 18px;font-size:clamp(21px,2vw,28px);line-height:1.1;display:flex}.club-section h2:before{content:"";background:#1fb4ff;border-radius:999px;width:4px;height:28px;box-shadow:0 0 18px #1fb4ff70}.club-section__header{justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;display:flex}.club-section__header h2{margin-bottom:0}.club-rail-wrap{position:relative}.club-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:0 8px 2px;display:flex;overflow-x:auto}.club-rail::-webkit-scrollbar{display:none}.club-stands-grid{grid-template-columns:1fr;gap:16px;display:grid}.club-stands-grid .club-landmark-card{flex:none;width:100%;height:190px}.club-supporters-grid{grid-template-columns:1fr;gap:16px;display:grid}.club-supporter-card{--supporter-accent:#1fb4ff;background:radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--supporter-accent) 18%, transparent), transparent 26%), linear-gradient(100deg, #020a14fa 0%, #041931e6 52%, #020a14f5 100%);border:1px solid #5cb0ff57;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:232px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px #00000042}.club-supporter-card:before{content:attr(data-mark);z-index:0;color:color-mix(in srgb, var(--supporter-accent) 58%, transparent);letter-spacing:0;opacity:.22;font-size:clamp(58px,8vw,112px);font-weight:950;line-height:.82;position:absolute;top:24px;left:24px;transform:rotate(-4deg)}.club-supporter-card:after{content:"";z-index:0;background:radial-gradient(circle at 28% 34%, color-mix(in srgb, var(--supporter-accent) 24%, transparent), transparent 34%), linear-gradient(180deg, #0108101f 0%, #010810e0 100%);pointer-events:none;position:absolute;inset:0}.club-supporter-card__logo{z-index:1;aspect-ratio:1;object-fit:cover;opacity:.92;filter:saturate(1.08)contrast(1.1)drop-shadow(0 12px 22px #00000061);border-radius:999px;width:min(30%,118px);position:absolute;top:18px;right:18px}.club-supporter-card__content,.club-supporter-card__footer{z-index:2;position:relative}.club-supporter-card__mark{width:max-content;color:var(--supporter-accent);letter-spacing:.04em;border-bottom:3px solid;margin:0 0 16px;padding-bottom:8px;font-size:15px;font-weight:950}.club-supporter-card h3{color:#fff;letter-spacing:0;text-transform:uppercase;max-width:360px;margin:0;font-size:clamp(28px,3.2vw,42px);font-weight:950;line-height:.95}.club-supporter-card__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:420px;margin-top:28px;display:grid}.club-supporter-card__stats span,.club-supporter-card__footer span,.club-supporter-card__footer a{color:#ffffffeb;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:800;line-height:1.15;display:flex}.club-supporter-card__footer span,.club-supporter-card__footer a{overflow-wrap:anywhere}.club-supporter-card__footer a{color:#fff;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--supporter-accent) 72%, transparent);text-decoration-color:color-mix(in srgb, var(--supporter-accent) 72%, transparent);text-underline-offset:3px;text-decoration-thickness:2px;display:inline}.club-supporter-card__stats svg,.club-supporter-card__footer svg{fill:none;width:18px;height:18px;stroke:var(--supporter-accent);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none}.club-supporter-card__footer{background:#010810ad;border-top:1px solid #72c0ff33;grid-template-columns:minmax(0,1fr) max-content;gap:12px;margin:24px -24px -24px;padding:14px 20px;display:grid}.club-supporter-card__footer>span:nth-child(2){white-space:nowrap}.club-supporter-card__website{flex-wrap:wrap;grid-column:1/-1}.club-person-card,.club-landmark-card{scroll-snap-align:start;background:#071321e0;border:0;border-radius:7px;flex:0 0 184px;min-width:0;position:relative;overflow:hidden;box-shadow:0 12px 26px #00000038}.club-person-card{height:224px}.club-landmark-card{flex-basis:300px;height:152px}.club-person-card img,.club-landmark-card img{object-fit:cover;filter:saturate(.88)contrast(1.06);width:100%;height:100%}.club-person-card:after,.club-landmark-card:after{content:"";background:linear-gradient(#0000 34%,#01081057 56%,#010810f5 100%);position:absolute;inset:0}.club-person-card div,.club-landmark-card div{z-index:2;text-align:center;position:absolute;bottom:12px;left:10px;right:10px}.club-landmark-card div{text-align:left}.club-person-card strong,.club-landmark-card strong{color:#fff;font-size:13px;font-weight:900;line-height:1.12;display:block}.club-person-card span,.club-landmark-card span{color:#ffffffc7;margin-top:3px;font-size:11px;font-weight:650;line-height:1.2;display:block}.club-feature__content{width:min(520px,100%)}.club-feature-list{gap:18px;margin-top:24px;display:grid}.club-feature-list--compact{max-width:430px}@media (width>=1024px){.club-info-page{width:100%;padding-top:22px}.club-page-header{border-bottom:1px solid #2595ff61;border-radius:28px}.club-page-header p:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:none;overflow:hidden}.club-content-shell{margin-top:22px}.club-hero--seat .club-hero__image{transform:translate(30%)}.club-feature--commanderie{background-position:100%;justify-content:flex-end}.club-feature--commanderie:before{background:linear-gradient(90deg,#000308fa 0%,#000308f0 30%,#000308ad 50%,#00030838 75%,#0003080a 100%),linear-gradient(#0108100a 0%,#010810e0 100%)}.club-feature--commanderie .club-feature__content{width:min(470px,42%)}.club-feature--commanderie .club-feature-list{max-width:430px;margin-top:34px}.club-section--org{padding-right:0}.club-section--org .club-section__header,.club-section--org .club-rail{padding-right:clamp(18px,3.8vw,58px)}.club-stands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.club-stands-grid .club-landmark-card{height:230px}.club-supporters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (width<=1023px){.club-info-page{--club-content-width:100%;width:100%;padding:8px 6px 28px;overflow-x:clip}.club-content-shell{border-radius:22px;max-width:640px;margin-top:10px}.club-top-shell{width:100%;max-width:640px}.club-page-header{border-bottom:1px solid #2595ff61;border-radius:22px;min-height:92px;padding:14px}.club-page-header h1{white-space:nowrap;font-size:clamp(27px,7.4vw,34px)}.club-page-header p:last-child{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:calc(100% - 52px);margin-top:6px;font-size:13px;line-height:1.28;display:-webkit-box;overflow:hidden}.club-page-mark{font-size:62px;bottom:-8px;right:14px}.club-hero,.club-feature{min-height:540px;padding:26px 18px}.club-feature--commanderie{text-align:left;background-position:62% 0;justify-content:flex-start;min-height:460px;padding:28px 18px}.club-feature--commanderie:before{background:linear-gradient(90deg,#010810f5 0%,#010810d1 44%,#0108105c 78%,#01081024 100%),linear-gradient(#0108100f 0%,#010810f2 100%)}.club-feature--commanderie .club-feature__content{width:100%;max-width:360px}.club-feature--commanderie h2{font-size:clamp(34px,10vw,48px)}.club-feature--commanderie .club-feature__lead{margin-top:8px;font-size:18px}.club-feature--commanderie .club-feature-list{gap:14px;max-width:330px;margin-top:22px}.club-feature--stadium{justify-content:flex-start;height:390px;min-height:0;padding-top:18px}.club-hero--seat{text-align:left;background:#010812;grid-template-rows:auto auto;justify-content:stretch;place-items:stretch stretch;gap:18px;min-height:0;padding:0;display:grid}.club-hero--seat:after{content:"";z-index:0;opacity:.16;pointer-events:none;background:url(/img/om-logo-2026.svg) 50%/contain no-repeat;width:132px;height:132px;position:absolute;top:12px;right:10px}.club-hero--seat .club-hero__content{z-index:2;text-align:left;justify-self:stretch;width:100%;max-width:100%;margin-left:0;margin-right:0;padding:22px 18px 0;position:relative}.club-hero--seat h1,.club-hero--seat .club-hero-title{text-align:left;margin-left:0;margin-right:0;font-size:clamp(34px,11vw,48px)}.club-hero--seat .club-kicker,.club-hero--seat .club-address{text-align:left;margin-left:0}.club-hero--seat .club-address{justify-content:flex-start}.club-hero__media{z-index:1;aspect-ratio:16/11;border-radius:0;justify-self:stretch;width:100%;max-width:100%;min-height:0;margin:0;display:block;position:relative;overflow:hidden}.club-hero__media:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#000308fa 0%,#000308f5 38%,#000308b8 58%,#00030838 82%,#0003080a 100%),linear-gradient(#01081014 0%,#010810e6 100%);position:absolute;inset:0}.club-hero--seat .club-hero__image{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translate(30%)!important}.club-hero--seat .club-facts{z-index:2;text-align:left;justify-items:stretch;width:min(100% - 36px,280px);max-width:none;margin-top:0;margin-left:0;margin-right:0;position:absolute;bottom:22px;left:18px}.club-hero:before,.club-feature:before{background:linear-gradient(90deg,#010810f5 0%,#010810b3 55%,#01081038 100%),linear-gradient(#01081014 0%,#010810ed 100%)}.club-hero--seat:before{content:none}.club-facts{grid-template-columns:1fr;gap:16px;margin-top:42px}.club-section{padding:22px 14px 28px}.club-section--org{padding-right:0}.club-section--org .club-section__header{padding-right:14px}.club-rail{padding-inline:0}.club-person-card{flex-basis:158px;height:206px}.club-rail--org .club-person-card{flex-basis:calc(40% - 11.2px);height:174px}.club-landmark-card{flex-basis:246px}.club-supporter-card{min-height:268px;padding:20px}.club-supporter-card__logo{width:92px}.club-supporter-card h3{overflow-wrap:anywhere;max-width:calc(100% - 108px);font-size:clamp(26px,8vw,34px);line-height:.98}.club-supporter-card__stats,.club-supporter-card__footer{grid-template-columns:1fr}.club-supporter-card__footer{margin:22px -20px -20px;padding:14px 18px}}:root[data-theme=light] .club-info-page{--shadow-heavy:0 20px 40px #0f172a29;background:radial-gradient(ellipse at 50% 0, #1370bc38, transparent 32rem), linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) 36%, var(--color-bg) 100%);color:var(--color-text)}:root[data-theme=light] .club-content-shell{background:#ffffffb8;box-shadow:0 28px 80px #0f172a23,0 0 46px #007eff12}:root[data-theme=light] .club-page-header{background:linear-gradient(130deg,#fffffff5 0%,#ffffffc7 58%,#fffffff5 100%),radial-gradient(circle at 70% 20%,#20a5ff38,#0000 34%);box-shadow:0 28px 80px #0f172a27,0 0 46px #007eff1a}:root[data-theme=light] .club-page-header h1{color:var(--color-text)}:root[data-theme=light] .club-page-header p:last-child{color:var(--color-text-muted)}:root[data-theme=light] .club-page-mark{color:rgb(var(--color-tint) / .035)}:root[data-theme=light] .club-section h2{color:var(--color-text)}:root[data-theme=light] .club-supporter-card{background:radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--supporter-accent) 18%, transparent), transparent 26%), linear-gradient(100deg, #fff 0%, #ffffffe6 52%, #fffffff5 100%);box-shadow:0 18px 34px #0f172a1b}:root[data-theme=light] .club-supporter-card:after{background:radial-gradient(circle at 28% 34%, color-mix(in srgb, var(--supporter-accent) 24%, transparent), transparent 34%), linear-gradient(180deg, #fff9 0%, #ffffffe0 100%)}:root[data-theme=light] .club-supporter-card h3,:root[data-theme=light] .club-supporter-card__stats span,:root[data-theme=light] .club-supporter-card__footer span,:root[data-theme=light] .club-supporter-card__footer a,:root[data-theme=light] .club-supporter-card__footer a{color:var(--color-text)}:root[data-theme=light] .club-supporter-card__footer{background:#ffffffad}:root[data-theme=light] .club-person-card{background:#ffffffe0;box-shadow:0 12px 26px #0f172a16}:root[data-theme=light] .club-person-card:after{background:linear-gradient(#0000 34%,#fff9 56%,#fffffff5 100%)}:root[data-theme=light] .club-person-card strong{color:var(--color-text)}:root[data-theme=light] .club-person-card span{color:var(--color-text-muted)}}@layer utilities;