/* Real Mississippi: matchday editorial direction. Local fonts, original identity. */
:root{--display:'Anybody','Arial Narrow',sans-serif;--body:'Schibsted Grotesk',Arial,sans-serif;--cream:#f6f3eb;--navy:#061626;--gold:#e5b95f}body,button,input,select{font-family:var(--body)}h1,h2,h3,.ticker,.club-strip strong,.hero-art-label{font-family:var(--display);font-stretch:condensed}body{background:var(--cream)}header{background:linear-gradient(#04111de8,#04111d00);padding:24px 4.5%;align-items:center;gap:24px;z-index:20}.brand{font-family:var(--display);font-stretch:condensed;font-size:16px;font-weight:800;letter-spacing:-.3px}.brand img{width:49px;height:62px}.brand small{font-family:var(--body);font-size:8px;letter-spacing:3px}nav{margin-left:auto;gap:28px}nav a{font-weight:500;font-size:11px}.saved-design-open,.bag-button{font-family:var(--body);font-size:10px;background:#ffffff09;border:1px solid #ffffff55;color:white;border-radius:0;padding:12px 15px;min-height:44px}.saved-design-open:hover,.bag-button:hover{background:#ffffff1c}.bag-button b{background:transparent;border-left:1px solid #ffffff40;border-radius:0;margin-left:8px;padding-left:12px;color:var(--gold)}
.hero{height:100svh;min-height:760px;max-height:1100px;background:#061626}.hero video{opacity:1;object-position:65% center}.hero-shade{background:linear-gradient(90deg,#03111de8 0%,#03111db8 30%,#03111d16 72%),linear-gradient(0deg,#03111de8,transparent 40%,#03111d33)}.hero-copy{padding:clamp(165px,21vh,240px) 5% 120px;max-width:980px}.hero .eyebrow{font-size:9px;letter-spacing:3px;color:#f0eee7;margin-bottom:30px}.hero-kicker{font-size:10px;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;color:var(--gold);margin-bottom:16px}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px #e5b95f}.hero h1{font-size:clamp(88px,10.6vw,166px);font-weight:800;font-stretch:condensed;line-height:.92;letter-spacing:-.065em;text-transform:uppercase;max-width:900px}.hero h1 em{display:inline;color:var(--gold);-webkit-text-stroke:0;font-style:normal}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;margin:26px 0 29px;color:#ebe9e3}.hero .button{font-size:11px;padding:18px 22px;min-width:235px;gap:36px;background:var(--gold);transition:background .2s,transform .2s}.hero .button:hover{background:#f4ce80;transform:translateY(-2px)}.hero-bottom{bottom:30px;border-top:1px solid #ffffff33;padding-top:20px;font-size:8px;letter-spacing:1.6px;gap:20px}.hero-bottom button{border:0;background:transparent;padding:8px 0;border-radius:0;font-family:var(--body);letter-spacing:.5px;font-size:10px}.replay-entrance span{font-size:17px;margin-left:10px}.hero-bottom>a{gap:16px}.club-strip{padding:28px 5%;background:#b51e2c;border-bottom:1px solid #ffffff16;gap:20px}.club-strip strong{font-size:19px;letter-spacing:-.5px;margin-left:12px}.strip-end{color:#ffffffaa}.club-strip i{background:var(--gold)}.intro{position:relative;padding:92px 5% 100px;background:var(--cream)}.section-number{position:absolute;top:32px;right:5%;font-size:8px;letter-spacing:2px;color:#647078}.intro>.eyebrow{font-size:9px;color:#9e2532;margin-bottom:28px}.intro h2{font-size:clamp(48px,5.4vw,84px);font-weight:800;letter-spacing:-.065em;line-height:1.02}.intro h2 em{color:#9e2532;font-style:normal}.intro p:not(.eyebrow){max-width:380px;font-size:13px;line-height:1.9}.intro>div{align-items:center;gap:60px}.section-heading h2{font-size:clamp(42px,4.6vw,68px);font-weight:800;letter-spacing:-.06em;line-height:1.05}.section-heading .eyebrow{font-size:9px;letter-spacing:2px}.collection{background:#fffefa;padding-top:70px;border-top:1px solid #dedbd2}.collection-controls{margin-top:24px}.edition-switch{gap:0;border-bottom:1px solid #d1d3d0;padding-bottom:22px}.edition-switch button{background:transparent;border:1px solid #bfc5c6;padding:14px 28px;font-size:11px;letter-spacing:.4px;min-height:46px}.edition-switch button+button{border-left:0}.edition-switch button[aria-pressed=true]{background:var(--navy)}.filters button{border-radius:0;font-size:10px;min-height:42px}.search input{min-height:42px}.product-card h3,.bag-item h3{font-family:var(--body);font-weight:600;letter-spacing:-.3px}.product-image{background:#eceeea!important}.product-card .category{letter-spacing:1.7px}.design-section h2,.little-section h2,.how-section h2{font-size:clamp(44px,5vw,72px);letter-spacing:-.055em;line-height:1.06;font-weight:800}.design-card h3,.steps h3{font-size:25px;letter-spacing:-1px;line-height:1.1}.design-card img{border:1px solid #ffffff18}.service-strip h3{font-family:var(--display);font-size:19px;letter-spacing:-.6px}.site-credit{display:inline-block;margin-top:12px;font-size:8px;letter-spacing:.7px;color:#e0c385}.psa-footer span{font-size:8px}footer{border-top:1px solid #ffffff22}.section.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s,transform .75s}.section.reveal.in-view{opacity:1;transform:none}
/* The entrance is mounted only when scripting is available. */
.entrance{position:fixed;inset:0;z-index:1000;background:#03101d;color:white;overflow:hidden;isolation:isolate;opacity:1;transition:opacity 1.1s ease,visibility 1.1s}.entrance.leaving{opacity:0;visibility:hidden;pointer-events:none}.entrance-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.entrance-grade{position:absolute;inset:0;background:linear-gradient(#020b1425,transparent 40%,#020b14b3);transition:background 1.6s}.entrance.scored .entrance-grade{background:#03101de6}.entrance-brand{position:absolute;top:30px;left:5%;font-size:9px;letter-spacing:3px;color:#f3ead8}.entrance-chapter{position:absolute;bottom:40px;left:5%;font-size:9px;letter-spacing:2px;color:#e3ded3}.entrance-skip{position:absolute;right:5%;bottom:27px;z-index:4;background:#04101d55;color:#fff;border:1px solid #ffffff66;padding:15px 20px;min-height:48px;backdrop-filter:blur(12px);font-size:10px;letter-spacing:.7px}.entrance-skip span{font-size:18px;margin-left:20px}.entrance-logo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;perspective:800px;pointer-events:none}.entrance-logo img{width:min(39vw,410px);max-height:57svh;object-fit:contain;opacity:0;transform:translateZ(-650px) scale(.08);filter:blur(12px) drop-shadow(0 20px 60px #0009);transition:opacity .65s ease,transform 1.65s cubic-bezier(.12,.75,.17,1),filter 1.5s ease}.entrance-logo p{font-size:9px;text-transform:uppercase;letter-spacing:5px;opacity:0;transform:translateY(18px);transition:opacity .8s .75s,transform .8s .75s}.entrance.scored .entrance-logo img{opacity:1;transform:translateZ(0) scale(1);filter:blur(0) drop-shadow(0 20px 60px #0009)}.entrance.scored .entrance-logo p{opacity:1;transform:none}.entrance-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff18}.entrance-progress span{display:block;background:var(--gold);height:100%;width:0;transition:width .2s linear}.intro-playing{overflow:hidden}.entrance-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;letter-spacing:3px;transition:opacity .3s}.entrance.running .entrance-loading,.entrance.scored .entrance-loading{opacity:0}
@media(min-width:1500px){.hero-copy{padding-left:7%}}
@media(max-width:1000px){header{gap:15px;padding:18px 5%}nav{gap:16px}nav a{font-size:10px}.brand{font-size:13px}.brand img{width:37px;height:48px}.hero h1{font-size:clamp(86px,12vw,135px)}.hero-copy{padding-top:190px}.saved-design-open,.bag-button{padding:11px 12px;font-size:9px}.club-strip{gap:15px}.club-strip strong{font-size:16px}.intro>div{gap:35px}.intro p:not(.eyebrow){max-width:320px}.strip-end{display:none}}
@media(max-width:700px){header{gap:10px;flex-wrap:nowrap;align-items:center;padding:16px 5%}.brand{flex:1;font-size:11px;gap:8px}.brand img{width:31px;height:42px}.brand small{font-size:6px;letter-spacing:2.3px}header nav{display:none}.saved-design-open{font-size:8px;padding:8px;max-width:64px;line-height:1.6;background:#ffffff0a;color:white;border-color:#fff5}.bag-button{font-size:9px;padding:9px 10px}.bag-button b{padding-left:8px;margin-left:5px}.hero{height:100svh;min-height:690px;max-height:960px}.hero video{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#03111d99,#03111d22),linear-gradient(0deg,#03111df2 5%,#03111d9c 44%,transparent 80%)}.hero-copy{padding:0 6%;position:absolute;top:auto;bottom:115px;max-width:100%}.hero .eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:22px}.hero-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}.hero h1{font-size:clamp(70px,17.8vw,115px);line-height:.96;letter-spacing:-.065em;max-width:100%}.hero-copy>p:not(.eyebrow){font-size:10px;line-height:1.9;margin:22px 0 24px;max-width:290px}.hero .button{padding:15px 18px;min-width:217px;font-size:10px;min-height:49px}.hero-bottom{left:6%;right:6%;bottom:24px;gap:8px;align-items:center;padding-top:16px;flex-wrap:wrap}.hero-bottom>span{font-size:6px;letter-spacing:1.1px;width:100%;margin-bottom:5px}.hero-bottom button{font-size:9px;padding:4px 0}.hero-bottom>a{font-size:7px;letter-spacing:.7px;gap:12px}.hero-bottom b{font-size:16px}.replay-entrance span{font-size:14px;margin-left:7px}.club-strip{padding:22px 6%;gap:12px;font-size:7px;letter-spacing:1px;flex-wrap:wrap}.club-strip strong{margin-left:auto;font-size:13px;letter-spacing:-.5px}.club-strip i{height:3px;width:3px}.intro{padding:78px 6% 55px}.section-number{top:26px;right:6%;font-size:7px}.intro>.eyebrow{font-size:8px}.intro h2{font-size:clamp(38px,10vw,64px);line-height:1.08;letter-spacing:-.06em}.intro p:not(.eyebrow){font-size:12px;max-width:100%;margin-top:28px}.collection{padding:50px 5%}.section-heading h2{font-size:clamp(35px,9.5vw,55px);line-height:1.1}.section-heading>p{font-size:11px;line-height:1.8}.edition-switch button{flex:1;padding:13px 15px;font-size:10px}.filters button{font-size:9px;padding:10px}.product-card h3{font-size:14px;line-height:1.4}.product-card .category{font-size:7px}.design-section h2,.little-section h2,.how-section h2{font-size:43px}.entrance-brand{top:25px;font-size:7px;letter-spacing:2px}.entrance-logo img{width:min(72vw,350px);max-height:49svh}.entrance-logo p{font-size:7px;letter-spacing:3px}.entrance-chapter{bottom:102px;font-size:7px}.entrance-skip{bottom:32px;left:5%;right:5%;width:90%;display:flex;justify-content:space-between;align-items:center}.entrance-video{object-position:center}}
@media(prefers-reduced-motion:reduce){.section.reveal{opacity:1;transform:none}.entrance{display:none}.hero .button:hover{transform:none}}
.hero h1{letter-spacing:-.025em;word-spacing:.015em}.intro h2,.section-heading h2{letter-spacing:-.04em}
@media(max-width:700px){.hero h1{letter-spacing:-.03em}.intro h2,.section-heading h2{letter-spacing:-.04em}}
.hero h1{font-stretch:normal;font-weight:700;font-size:clamp(82px,9vw,140px);letter-spacing:-.045em;max-width:960px}.brand{font-stretch:normal;font-weight:700;letter-spacing:-.5px}.intro h2,.section-heading h2{font-stretch:normal;font-weight:700}.little-caption{font-family:var(--display)}
@media(max-width:700px){.hero h1{font-size:clamp(58px,14.4vw,94px);letter-spacing:-.04em}.intro h2{font-size:clamp(35px,8.7vw,60px)}.section-heading h2{font-size:clamp(33px,8.6vw,50px)}}

.entrance-logo img{width:min(44vw,480px)}@media(max-width:700px){.entrance-logo img{width:min(80vw,400px)}}
@media(prefers-reduced-motion:reduce){.replay-entrance{display:none}}

/* Static centered identity throughout the entrance film. */
.entrance-top-logo{position:absolute;z-index:3;top:25px;left:50%;transform:translateX(-50%);width:72px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 12px #0008);pointer-events:none}
@media(max-width:700px){.entrance-top-logo{top:20px;width:58px;height:72px}}

/* Supplied RMFC letter mark and approved club tagline. */
.entrance-top-logo{top:26px;width:clamp(180px,20vw,290px);height:auto;max-height:100px;object-fit:contain}.hero h1{font-size:clamp(74px,7.6vw,120px);line-height:.96}.hero-copy{padding-top:clamp(150px,18vh,210px)}.club-strip strong{font-size:16px}
@media(max-width:700px){.entrance-top-logo{top:24px;width:200px;max-height:70px}.hero h1{font-size:clamp(48px,12.6vw,78px);line-height:1.02}.hero-copy{padding-top:0}.club-strip strong{font-size:11px;letter-spacing:-.3px}.entrance-logo p{max-width:85%;text-align:center;line-height:1.8;letter-spacing:2px}}
/* Keep media controls keyboard-visible and comfortably tappable. */
.hero-bottom button{min-height:44px}.hero-bottom button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.hero-bottom .film-toggle{min-width:66px}
/* The opening film waits for the visitor's kick before the ball rolls. */
.entrance{touch-action:none}.entrance-kick{position:absolute;z-index:5;left:50%;bottom:8%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:220px;padding:15px 25px;background:#071a2bc9;color:#fff;border:1px solid #e5b95f;border-radius:3px;box-shadow:0 12px 38px #0008;font-size:12px;font-weight:800;letter-spacing:2px;cursor:pointer;touch-action:none}.entrance-kick span{font-size:28px;line-height:.8;color:#e5b95f}.entrance-kick small{font-size:8px;letter-spacing:1.4px;font-weight:500;color:#f4dfb3}.entrance.kicked .entrance-kick{opacity:0;pointer-events:none;transition:opacity .3s}.entrance:not(.kicked) .entrance-video{filter:brightness(.88)}.entrance-kick:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:700px){.entrance-kick{bottom:8%;min-width:210px;padding:14px 18px}.entrance-top-logo{top:24px}}

/* The opening identity reads like a real club campaign on desktop and phone. */
.entrance-logo p{max-width:min(90vw,900px);margin:0;text-align:center;font-family:var(--display);font-size:clamp(22px,2.7vw,36px);font-weight:800;line-height:1.2;letter-spacing:.065em;color:#fff4dc;text-shadow:0 4px 18px #000c}
/* Open cinematic gesture cue, integrated with the pitch. */
.entrance-kick{bottom:clamp(30px,6svh,70px);width:240px;min-width:0;padding:20px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:17px;text-align:center;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;text-shadow:0 2px 22px #000;letter-spacing:normal;transition:opacity .3s,transform .3s}
.entrance-kick::before{content:"";width:1px;height:42px;background:linear-gradient(transparent,#e5b95f99);order:-2}
.entrance-kick:hover{background:transparent;box-shadow:none;transform:translateX(-50%) translateY(-4px)}
.entrance-kick .kick-label{display:flex;flex-direction:column;gap:9px}
.entrance-kick .kick-label strong{font-family:var(--display);font-size:clamp(28px,3vw,38px);font-weight:700;letter-spacing:.09em;line-height:1;text-transform:uppercase;color:#fff}
.entrance-kick .kick-label small{font-family:var(--body);font-size:9px;letter-spacing:.16em;color:#eee8dd;font-weight:500;line-height:1.4}
.entrance-kick .kick-chevrons{order:-1;display:block;width:24px;height:32px;color:var(--gold);animation:kick-cue 2s ease-in-out infinite;line-height:1}
.kick-chevrons svg{display:block;width:100%;height:100%}
.entrance-kick:focus-visible{outline:1px solid var(--gold);outline-offset:5px}
@keyframes kick-cue{0%,100%{transform:translateY(3px);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
@media(max-width:700px){.entrance-logo p{max-width:88vw;font-size:clamp(19px,5vw,27px);line-height:1.25;letter-spacing:.045em}.entrance-kick{bottom:max(26px,env(safe-area-inset-bottom));padding:14px 12px;width:240px;gap:13px}.entrance-kick::before{height:32px}.entrance-kick .kick-label strong{font-size:30px}.entrance-kick .kick-label small{font-size:8px}}
@media(max-height:560px){.entrance-kick::before{display:none}.entrance-kick{bottom:16px;gap:7px}.entrance-kick .kick-label strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.entrance-kick .kick-chevrons{animation:none}}

/* Maker signature remains visible through the entrance transition. */
.entrance-psa{position:absolute;z-index:4;left:50%;bottom:max(35px,env(safe-area-inset-bottom));transform:translateX(-50%);opacity:0;pointer-events:none}
.entrance-psa img{display:block;width:clamp(78px,10vw,110px);height:auto;max-height:80px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 3px 14px #0007)}
.entrance.psa-reveal .entrance-psa{animation:psa-signature .22s ease both}
@keyframes psa-signature{0%{opacity:0;transform:translateX(-50%) translateY(6px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}