/* Başlık fontu ortak tema dosyasında tanımlanır. */
:root{--blood:#c8101e;--blood-bright:#ff2a38;--ivory:#f5f1e8;--muted:#9b9995;--panel:rgba(13,13,15,.72);--edge:rgba(255,255,255,.12);--ease:cubic-bezier(.16,1,.3,1)}
html{background:#030303;scroll-behavior:smooth;scroll-padding-top:90px}body{background:#030303;color:var(--ivory)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");mix-blend-mode:soft-light}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(200,16,30,.1),transparent 23rem)}::selection{background:var(--blood);color:#fff}
nav#main-nav{height:84px!important;min-height:84px!important;max-height:84px!important;background:linear-gradient(180deg,rgba(3,3,3,.94),rgba(3,3,3,.7))!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(22px) saturate(140%)!important}nav#main-nav::after{content:"";position:absolute;left:0;bottom:-1px;width:var(--scroll-progress,0%);height:1px;background:linear-gradient(90deg,var(--blood),var(--blood-bright),transparent);box-shadow:0 0 15px var(--blood)}nav#main-nav .nav-content{height:83px!important;min-height:83px!important;max-height:83px!important}nav#main-nav .logo{display:flex;align-items:center;gap:.8rem;font-size:1.85rem!important;text-shadow:0 0 28px rgba(255,255,255,.15)}nav#main-nav .logo::before{content:"";width:9px;height:9px;background:var(--blood-bright);transform:rotate(45deg);box-shadow:0 0 18px var(--blood)}nav#main-nav .nav-links a{color:#aaa!important;font-weight:600!important;letter-spacing:.18em!important}nav#main-nav .nav-links a:hover,nav#main-nav .nav-links a.active{color:#fff!important}nav#main-nav .nav-links a::after{height:2px!important;background:var(--blood-bright)!important;box-shadow:0 0 10px var(--blood)}
.mc-home #hero{min-height:100svh;height:auto;padding:8rem 0 4rem;isolation:isolate}.mc-home #hero::after{content:"";position:absolute;inset:auto 0 0;height:28%;z-index:-1;background:linear-gradient(transparent,#030303)}.mc-home .video-bg{filter:contrast(1.17) saturate(.7) brightness(.62);transform:scale(1.04)}.mc-home .hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.36) 52%,rgba(0,0,0,.76) 100%),radial-gradient(circle at 63% 42%,transparent,rgba(0,0,0,.6) 70%)!important}
.hero-shell{width:min(1400px,calc(100% - 8rem));margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);align-items:end;gap:4rem;z-index:2}.hero-copy{padding:4rem 0 2rem}.hero-kicker,.section-kicker{display:flex;align-items:center;gap:.8rem;color:#d5d1ca;font-size:.72rem;font-weight:700;letter-spacing:.34em;text-transform:uppercase}.hero-kicker::before,.section-kicker::before{content:"";width:38px;height:1px;background:var(--blood-bright);box-shadow:0 0 12px var(--blood)}.hero-title{font-family:Hessian,serif;font-size:clamp(5.5rem,11vw,10.5rem);font-weight:400;line-height:.76;letter-spacing:.035em;margin:2rem 0 1.7rem;text-transform:uppercase;text-shadow:0 12px 40px #000}.hero-title span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.42);transform:translateX(.22em)}.hero-lead{max-width:650px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.85;color:#b8b5af;margin:0 0 2.3rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.mc-cta{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:54px;padding:0 1.8rem;border:1px solid var(--edge);font-size:.75rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;transition:.45s var(--ease)}.mc-cta.primary{background:var(--ivory);border-color:var(--ivory);color:#050505}.mc-cta.primary::after{content:"↗";font-size:1rem}.mc-cta.ghost{background:rgba(0,0,0,.2);backdrop-filter:blur(12px)}.mc-cta:hover{transform:translateY(-4px);border-color:var(--blood-bright);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 28px rgba(200,16,30,.16)}
.hero-emblem{justify-self:end;width:min(100%,390px);padding:2.5rem;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(0,0,0,.24));border:1px solid var(--edge);backdrop-filter:blur(20px);position:relative;overflow:hidden}.hero-emblem::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.08),transparent 70%);transform:translateX(-100%);animation:sweep 6s ease-in-out infinite}.hero-emblem img{display:block;width:100%;filter:drop-shadow(0 25px 35px #000)}.hero-statline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:var(--edge)}.hero-stat{background:#09090a;padding:1rem .7rem;text-align:center}.hero-stat strong{display:block;font-family:Hessian,serif;font-size:1.7rem;font-weight:400}.hero-stat small{color:#777;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase}.scroll-cue{position:absolute;left:4rem;bottom:2rem;z-index:3;display:flex;align-items:center;gap:1rem;color:#777;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-cue::after{content:"";width:1px;height:58px;background:linear-gradient(var(--blood-bright),transparent)}
.statement-band{overflow:hidden;border-block:1px solid var(--edge);background:#080809;padding:1.05rem 0}.statement-track{display:flex;width:max-content;gap:3rem;animation:marquee 24s linear infinite;color:#c8c5be;font-family:Hessian,serif;font-size:1.05rem;letter-spacing:.28em;text-transform:uppercase}.statement-track span::after{content:"✦";color:var(--blood-bright);margin-left:3rem}.home-section{position:relative;padding:clamp(6rem,10vw,10rem) 0;overflow:hidden}.home-section::before{content:attr(data-number);position:absolute;right:2vw;top:1rem;color:rgba(255,255,255,.025);font-family:Hessian,serif;font-size:clamp(9rem,22vw,20rem);line-height:1;pointer-events:none}.section-grid{width:min(1320px,calc(100% - 8rem));margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,9rem);align-items:start}.section-heading{position:sticky;top:130px}.section-heading h2{font-size:clamp(3.2rem,6vw,6rem);line-height:.92;margin:1.5rem 0 0}.about-copy{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.75;color:#aaa}.about-copy strong{color:#fff;font-weight:500}.about-manifesto{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.5rem}.manifesto-card{min-height:210px;padding:2rem;border:1px solid var(--edge);background:linear-gradient(145deg,rgba(255,255,255,.055),transparent);position:relative;overflow:hidden;transition:.55s var(--ease)}.manifesto-card::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--blood-bright);transform:scaleX(0);transform-origin:left;transition:.55s var(--ease)}.manifesto-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.065)}.manifesto-card:hover::after{transform:scaleX(1)}.manifesto-card b{display:block;font-family:Hessian,serif;font-size:2rem;font-weight:400;margin-bottom:1rem}.manifesto-card p{color:#85827e;line-height:1.7;margin:0;font-size:.92rem}
.feature-section{background:linear-gradient(180deg,#030303,#09090a 48%,#030303)}.feature-frame{width:min(1320px,calc(100% - 8rem));margin:auto;display:grid;grid-template-columns:1.25fr .75fr;min-height:660px;border:1px solid var(--edge);overflow:hidden}.feature-image{position:relative;min-height:560px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.72);transition:1.1s var(--ease)}.feature-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#09090a),linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}.feature-frame:hover .feature-image img{transform:scale(1.045);filter:grayscale(.55) contrast(1.08) brightness(.78)}.feature-content{padding:clamp(3rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center;position:relative}.feature-content h2{font-size:clamp(3.5rem,6vw,6rem);margin:1.5rem 0}.feature-content p{color:#999;line-height:1.8;margin:0 0 2.3rem}.feature-index{position:absolute;right:2rem;top:2rem;font-family:Hessian,serif;color:rgba(255,255,255,.12);font-size:4rem}.legacy-quote{width:min(1100px,calc(100% - 4rem));margin:auto;text-align:center;padding:clamp(7rem,12vw,12rem) 0}.legacy-quote blockquote{font-family:Hessian,serif;font-size:clamp(2.8rem,6vw,6.5rem);line-height:1.03;margin:0;text-transform:uppercase}.legacy-quote blockquote em{color:var(--blood-bright);font-style:normal;text-shadow:0 0 42px rgba(200,16,30,.25)}.legacy-quote p{margin-top:2rem;color:#777;letter-spacing:.26em;text-transform:uppercase;font-size:.7rem}
.page-loader{background:#030303!important}.page-loader .loader-logo::after{content:"";display:block;width:100%;height:2px;margin-top:1rem;background:var(--blood);animation:loaderline .7s var(--ease) both}.glass-card,.contact-card,.member-card,.node-content{border-color:var(--edge)!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.38))!important;backdrop-filter:blur(18px)}.gallery-header h1,.team-header h1,.story-header h1,.contact-header h1,.hero h1{font-size:clamp(3.4rem,8vw,7rem)!important;text-shadow:0 16px 55px #000;letter-spacing:.12em!important}.gallery-header::before,.team-header::before,.story-header::before,.contact-header::before,.hero::before{content:"SCORPION MOTORCYCLE CLUB";display:block;color:var(--blood-bright);font-size:.65rem;font-weight:800;letter-spacing:.35em;margin-bottom:1rem}.member-rank{color:var(--blood-bright)!important}.node-point{border-color:var(--blood-bright)!important;box-shadow:0 0 20px rgba(200,16,30,.3)!important}.tree-line{background:linear-gradient(transparent,var(--blood),transparent)!important}.btn-primary{background:var(--ivory)!important;color:#050505!important;border:1px solid var(--ivory)!important}.btn-primary:hover{background:var(--blood)!important;border-color:var(--blood)!important;color:#fff!important;box-shadow:0 0 30px rgba(200,16,30,.25)!important}footer{position:relative;background:#030303!important;border-top:1px solid var(--edge)!important}footer::before{content:"";position:absolute;top:-1px;left:50%;width:min(320px,60%);height:1px;transform:translateX(-50%);background:var(--blood);box-shadow:0 0 24px var(--blood)}
@keyframes sweep{0%,30%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes loaderline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1024px){.hero-shell,.section-grid,.feature-frame{width:min(100% - 3rem,900px);grid-template-columns:1fr}.hero-shell{padding-top:4rem}.hero-emblem{display:none}.section-heading{position:static}.about-manifesto{grid-template-columns:1fr}.feature-content{min-height:460px}.feature-image::after{background:linear-gradient(0deg,#09090a,transparent 45%)}nav#main-nav{height:70px!important;min-height:70px!important;max-height:70px!important}nav#main-nav .nav-content{height:69px!important;min-height:69px!important;max-height:69px!important}.scroll-cue{display:none}}@media(max-width:700px){.hero-shell{width:calc(100% - 2rem);gap:1rem}.hero-copy{padding-top:2rem}.hero-title{font-size:clamp(4.2rem,22vw,7rem)}.hero-title span{transform:none}.hero-lead{font-size:1rem}.hero-actions{display:grid}.mc-cta{width:100%}.section-grid,.feature-frame{width:calc(100% - 2rem)}.home-section{padding:6rem 0}.about-copy{font-size:1.08rem}.manifesto-card{min-height:auto}.feature-image{min-height:380px}.feature-content{min-height:auto;padding:3rem 1.5rem}.legacy-quote{width:calc(100% - 2rem)}.statement-track{font-size:.85rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.video-bg{animation:none!important}}

/* Final brand treatment: red MC with a strong black outer edge. */
.hero-title span {
  color: var(--blood-bright);
  -webkit-text-stroke: 3px #000;
  paint-order: stroke fill;
  text-shadow: 0 3px 0 #000, 0 8px 24px #000, 0 0 34px rgba(255, 42, 56, 0.38);
}

/* Cinematic opening sequence */
body.intro-locked{overflow:hidden}
.mc-intro{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#191919 0,#080808 38%,#000 78%);transition:opacity 1s var(--ease),visibility 1s}
.mc-intro::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.045) 50%,transparent 62%),radial-gradient(circle,transparent 35%,rgba(0,0,0,.75) 90%);animation:intro-light 5s ease-in-out infinite alternate}
.mc-intro::after{content:"SCORPION MOTORCYCLE CLUB  •  LOS SANTOS  •  EST. 2020";position:absolute;left:50%;bottom:2.2rem;transform:translateX(-50%);width:100%;text-align:center;color:#565656;font-size:.58rem;font-weight:700;letter-spacing:.34em;white-space:nowrap}
.intro-stage{position:relative;width:min(78vw,920px);height:min(68vh,620px);display:grid;place-items:center;perspective:1300px}
.intro-pole{position:absolute;left:4%;top:-12%;width:10px;height:125%;border-radius:8px;background:linear-gradient(90deg,#090909,#777 45%,#111 72%,#000);box-shadow:10px 0 40px #000,0 0 0 1px #000;transform:rotate(-1deg)}
.intro-pole::before{content:"";position:absolute;left:50%;top:-18px;width:26px;height:26px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#aaa,#111 48%,#000 72%);box-shadow:0 0 25px #000}
.intro-video{position:relative;width:min(76vw,980px);max-height:72vh;aspect-ratio:16/9;margin-left:3%;object-fit:cover;background:#000;border:1px solid rgba(255,255,255,.12);box-shadow:0 42px 100px rgba(0,0,0,.9),0 0 70px rgba(200,16,30,.08);filter:contrast(1.08) saturate(.92);transform:translateZ(0)}
.intro-video::cue{display:none}
.intro-flag{position:relative;width:min(68vw,760px);aspect-ratio:1.78/1;margin-left:7%;transform-origin:0 50%;overflow:hidden;background:linear-gradient(118deg,#020202,#171717 38%,#050505 70%,#121212);clip-path:polygon(0 0,100% 2%,97% 52%,100% 98%,0 100%);box-shadow:0 38px 80px rgba(0,0,0,.8);transform:rotateY(-5deg) skewY(-.5deg)}
.intro-flag::before{content:"";position:absolute;inset:-10%;z-index:2;background:repeating-linear-gradient(100deg,rgba(255,255,255,.13) 0,transparent 7%,rgba(0,0,0,.4) 15%,transparent 24%);mix-blend-mode:overlay;opacity:.7;transform:translateX(-10%)}
.intro-flag::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 15%,transparent 75%,rgba(0,0,0,.5)),linear-gradient(0deg,rgba(0,0,0,.35),transparent 28%,rgba(255,255,255,.06) 55%,transparent 80%)}
.intro-flag img{position:absolute;z-index:1;left:50%;top:44%;width:42%;height:78%;object-fit:contain;transform:translate(-50%,-50%);filter:brightness(1.2) contrast(1.18) drop-shadow(0 16px 18px #000)}
.intro-flag strong{position:absolute;z-index:4;left:50%;bottom:7%;transform:translateX(-50%);font-family:Hessian,serif;font-size:clamp(1.6rem,4.5vw,4.3rem);font-weight:400;letter-spacing:.16em;color:#f4f1e9;text-shadow:0 4px 0 #000,0 0 25px #000;white-space:nowrap}
.intro-controls{position:absolute;z-index:8;left:50%;bottom:-4.3rem;transform:translateX(-50%);display:flex;align-items:center;gap:1rem}
.intro-enter,.intro-skip{font:700 .67rem Inter,sans-serif;letter-spacing:.25em;color:#fff;text-transform:uppercase;cursor:pointer}
.intro-enter{min-width:190px;padding:1rem 1.4rem;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.65);backdrop-filter:blur(12px);transition:.35s var(--ease)}
.intro-enter::before{content:"";display:inline-block;width:7px;height:7px;margin-right:.9rem;background:var(--blood-bright);transform:rotate(45deg);box-shadow:0 0 14px var(--blood)}
.intro-enter:hover{border-color:var(--blood-bright);transform:translateY(-3px);box-shadow:0 12px 35px #000,0 0 24px rgba(200,16,30,.18)}
.intro-skip{border:0;background:none;color:#686868;padding:.8rem}.intro-skip:hover{color:#fff}
.mc-intro.is-playing .intro-video{box-shadow:0 42px 100px rgba(0,0,0,.9),0 0 95px rgba(200,16,30,.14)}.mc-intro.is-playing .intro-enter{opacity:0;pointer-events:none}.mc-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.scroll-cue{left:1.25rem!important;bottom:.35rem!important;gap:.7rem!important;font-size:.52rem!important;opacity:.75}.scroll-cue::after{height:38px!important}
@keyframes flag-wave{0%{transform:rotateY(-10deg) rotateX(1deg) skewY(-1deg) scaleX(.985)}50%{transform:rotateY(5deg) rotateX(-1deg) skewY(.9deg) scaleX(1.015)}100%{transform:rotateY(-4deg) rotateX(1deg) skewY(-.4deg) scaleX(.995)}}
@keyframes fabric-wave{to{transform:translateX(18%)}}
@keyframes intro-light{to{transform:translateX(6%);opacity:.65}}
@media(max-width:700px){.intro-stage{width:94vw;height:55vh}.intro-pole{display:none}.intro-video{width:92vw;max-height:58vh;margin:0}.intro-controls{bottom:-5rem;flex-direction:column}.mc-intro::after{font-size:.43rem;letter-spacing:.18em}.scroll-cue{display:none!important}}

/* Full-screen, automatic opening video */
.mc-intro{display:block;background:#000}
.mc-intro::before,.mc-intro::after{display:none}
.mc-intro .intro-video{position:absolute;inset:0;z-index:1;width:100vw;height:100vh;max-height:none;margin:0;aspect-ratio:auto;object-fit:cover;border:0;box-shadow:none;filter:none;background:#000}
@media(max-width:700px){.mc-intro .intro-video{width:100vw;height:100svh;max-height:none;margin:0;object-fit:cover}}