:root{--black:#050806;--white:#f2f4ef;--muted:#a4aaa3;--acid:#b9e13a;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--black);color:var(--white);font-family:"Golos Text",Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:100;top:10px;left:10px;padding:12px 18px;translate:0 -150%;background:var(--acid);color:#0b1007;font-weight:800}.skip:focus{translate:0}
.announcement{min-height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:8px clamp(18px,4vw,66px);border-bottom:1px solid rgba(185,225,58,.25);background:#18200f;font-size:.78rem;font-weight:700;letter-spacing:.03em}.announcement span{color:var(--acid);font-weight:900}.announcement p{margin:0;color:#ccd2c7}.announcement a{padding:10px 17px;border:1px solid rgba(255,255,255,.34);text-decoration:none;font-size:.7rem}
.header{position:absolute;z-index:20;top:54px;left:0;right:0;height:100px;display:flex;align-items:center;gap:28px;padding:0 clamp(22px,4vw,68px)}.logo{display:inline-flex;align-items:baseline;gap:4px;text-decoration:none;font-size:clamp(1.8rem,3vw,2.65rem);font-weight:900;font-style:italic;letter-spacing:-.09em;transform:skew(-5deg)}.logo span{font-size:.45em;letter-spacing:.04em}.online{display:flex;align-items:center;gap:7px;margin-right:auto;padding:10px 14px;border-radius:6px;background:rgba(255,255,255,.08);font-size:.68rem;font-weight:800}.online i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.online span{color:#9ca29b}.header nav{display:flex;gap:clamp(24px,3.5vw,54px)}.header nav a{position:relative;padding:14px 0;color:#d0d3cf;font-size:.72rem;font-weight:800;text-decoration:none}.header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:2px;background:var(--acid);transition:right .2s ease}.header nav a:hover::after,.header nav a:focus-visible::after{right:0}.header-cta{min-height:48px;padding:0 24px;border:0;border-radius:5px;background:var(--acid);color:#101606;cursor:pointer;font-size:.74rem;font-weight:900}.menu{display:none}
.hero{position:relative;min-height:calc(100svh - 54px);display:flex;flex-direction:column;justify-content:center;padding:150px clamp(18px,4vw,64px) 42px;overflow:hidden;isolation:isolate}.hero-backdrop{position:absolute;z-index:-2;inset:0;background:linear-gradient(to bottom,rgba(5,8,6,.62),rgba(5,8,6,.92)),url("assets/ff-avatar.png") center 33%/cover no-repeat;filter:grayscale(.75) contrast(1.35) blur(3px);scale:1.04}.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(5,8,6,.68) 82%),linear-gradient(90deg,rgba(5,8,6,.8),transparent 25%,transparent 75%,rgba(5,8,6,.8))}.panel-deck{position:relative;width:min(100%,1460px);height:min(64vh,650px);min-height:470px;display:grid;grid-template-columns:1fr 1fr 1.08fr .92fr 1fr 1fr 1fr;gap:clamp(8px,1vw,16px);align-self:center}.panel{position:relative;min-width:0;overflow:hidden;border:2px solid rgba(255,255,255,.14);border-radius:17px;background-color:#171c18;box-shadow:0 18px 60px rgba(0,0,0,.35)}.panel-photo{background-image:linear-gradient(to top,rgba(4,7,5,.9),transparent 52%),url("assets/ff-avatar.png");background-repeat:no-repeat;background-size:1320px auto;filter:grayscale(1) contrast(1.18);transition:filter .3s ease,transform .3s ease}.panel-photo:hover{filter:grayscale(.1) contrast(1.1);transform:translateY(-6px)}.p1{background-position:5% 45%}.p2{background-position:21% 45%}.p3{background-position:38% 45%}.p5{background-position:66% 45%}.p6{background-position:83% 45%}.p7{background-position:98% 45%}.panel>span{position:absolute;z-index:3;left:50%;bottom:26px;translate:-50% 0;color:white;font-size:.66rem;font-weight:900;letter-spacing:.09em;white-space:nowrap}.panel-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;border-color:rgba(185,225,58,.65);background:linear-gradient(155deg,#c9ec4b,#8cb728);color:#101606}.panel-action::before{content:"";position:absolute;inset:0;opacity:.18;background:url("assets/ff-avatar.png") center/cover;mix-blend-mode:multiply}.panel-action>*{position:relative;z-index:2}.panel-action button,.join-button{width:84px;height:84px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--white);cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.22);transition:scale .2s ease}.panel-action button:hover,.join-button:hover{scale:1.08}.panel-action i,.join-button i{width:0;height:0;margin-left:7px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:19px solid #172007}.panel-action strong{font-size:clamp(.9rem,1.2vw,1.12rem);font-weight:900;line-height:1.08;text-align:center}.hero-word{position:absolute;z-index:2;left:50%;top:47%;translate:-50% -50%;width:max-content;pointer-events:none;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.76);font-size:clamp(6.2rem,14.5vw,14.2rem);font-weight:900;font-style:italic;line-height:.8;letter-spacing:-.11em}.hero-caption{margin:26px auto 0;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:700;text-align:center}.scroll{display:flex;align-items:center;gap:12px;margin:22px auto 0;color:#929890;font-size:.63rem;font-weight:800;letter-spacing:.08em;text-decoration:none}.scroll i{width:18px;height:28px;border:1px solid rgba(255,255,255,.34);border-radius:10px}
.overline{margin:0 0 22px;color:var(--acid);font-size:.7rem;font-weight:900;letter-spacing:.12em}.about{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;background:#f1f2ed;color:#0d110e}.about-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(80px,10vw,160px) clamp(24px,8vw,130px)}.about h2,.rules h2,.join h2{margin:0;font-size:clamp(3rem,6.6vw,7.4rem);font-weight:900;font-style:italic;line-height:.91;letter-spacing:-.075em}.about h2 em{color:#668a15;font-style:inherit}.about-text{max-width:660px;margin:40px 0 36px;color:#5c625d;font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.7}.text-link{align-self:flex-start;display:flex;align-items:center;gap:30px;padding:16px 0;border:0;border-bottom:2px solid #171c18;background:transparent;color:#171c18;cursor:pointer;font-size:.72rem;font-weight:900}.text-link span{font-size:1.2rem}.about-image{position:relative;min-height:680px;overflow:hidden;background:#152016}.about-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(9,15,10,.72),transparent 45%),rgba(80,116,54,.18);mix-blend-mode:color}.about-image img{width:100%;height:100%;display:block;object-fit:cover;filter:contrast(1.13) brightness(.8)}.about-image span{position:absolute;z-index:2;left:34px;bottom:30px;color:var(--acid);font-size:.66rem;font-weight:900;letter-spacing:.12em}
.founder{min-height:92svh;display:grid;grid-template-columns:1fr 1fr;background:#090c0a}.founder-image{min-height:700px;overflow:hidden}.founder-image img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(.25) contrast(1.15) brightness(.72)}.founder-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,150px)}.founder-copy h2{margin:0;color:var(--acid);font-size:clamp(7rem,18vw,19rem);font-weight:900;font-style:italic;line-height:.75;letter-spacing:-.13em}.founder blockquote{margin:60px 0 48px;font-size:clamp(1.8rem,3vw,3.5rem);font-weight:700;line-height:1.12;letter-spacing:-.045em}.signature{display:flex;align-items:center;gap:18px}.signature strong{font-size:1.45rem}.signature span{padding-left:18px;border-left:1px solid var(--line);color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.1em}
.rules{padding:clamp(90px,11vw,170px) clamp(22px,7vw,120px);background:#111612}.rules h2{max-width:1150px;font-size:clamp(3rem,7.2vw,8rem)}.rule-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(70px,9vw,130px);border-top:1px solid var(--line)}.rule-list article{min-height:280px;padding:34px clamp(22px,3vw,46px) 40px 0;border-right:1px solid var(--line)}.rule-list article+article{padding-left:clamp(22px,3vw,46px)}.rule-list article:last-child{border-right:0}.rule-list b{color:var(--acid);font-size:.7rem}.rule-list h3{margin:80px 0 15px;font-size:clamp(1.5rem,2.5vw,2.8rem);font-weight:900;font-style:italic}.rule-list p{margin:0;color:var(--muted);line-height:1.6}
.join{min-height:82svh;display:grid;grid-template-columns:1fr auto .65fr;align-items:center;gap:clamp(40px,7vw,120px);padding:clamp(80px,10vw,150px) clamp(22px,7vw,120px);background:var(--acid);color:#101606}.join .overline{color:#40560e}.join-button{position:relative;width:clamp(120px,13vw,190px);height:clamp(120px,13vw,190px)}.join-button span{position:absolute;top:calc(100% + 25px);color:#101606;font-size:.7rem;font-weight:900}.join>p{margin:0;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:600;line-height:1.7}
body>footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:46px clamp(22px,5vw,80px);background:#050806}body>footer p{margin:0;color:var(--muted);font-size:.78rem}body>footer>span{color:var(--acid);font-size:.66rem;font-weight:800;letter-spacing:.1em}
.apply-dialog{width:min(92vw,640px);max-height:90svh;padding:clamp(28px,5vw,54px);border:0;border-radius:12px;background:#f2f3ef;color:#111510;box-shadow:0 40px 120px rgba(0,0,0,.72)}.apply-dialog::backdrop{background:rgba(4,7,5,.84);backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;background:transparent;cursor:pointer;font-size:1.7rem}.apply-dialog h2{margin:0;font-size:clamp(2.2rem,6vw,4.4rem);font-weight:900;font-style:italic;line-height:.95;letter-spacing:-.06em}.apply-dialog>p:not(.overline){color:#616760;line-height:1.55}.apply-dialog form{display:grid;gap:18px;margin-top:28px}.apply-dialog label{display:grid;gap:7px;font-size:.7rem;font-weight:800;text-transform:uppercase}.apply-dialog input,.apply-dialog textarea{width:100%;min-height:50px;padding:13px 14px;border:1px solid #c5c9c2;border-radius:5px;background:white;font-size:1rem;resize:vertical}.apply-dialog input:focus,.apply-dialog textarea:focus{outline:3px solid rgba(133,175,30,.34);border-color:#668a15}.apply-dialog form button{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:0;border-radius:5px;background:#101606;color:white;cursor:pointer;font-size:.72rem;font-weight:900}.apply-dialog output{min-height:22px;color:#567411;font-size:.78rem;font-weight:700}button:focus-visible,a:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
@media(max-width:1050px){.header nav{display:none}.panel-deck{width:max(940px,130vw);margin-left:24vw}.hero{align-items:flex-start}.hero-caption,.scroll{margin-left:auto;margin-right:auto}.about{grid-template-columns:1fr}.about-image{min-height:82vw;max-height:780px}.join{grid-template-columns:1fr auto}.join>p{grid-column:1/-1}}
@media(max-width:720px){.announcement{grid-template-columns:1fr auto;min-height:48px}.announcement p{display:none}.announcement a{padding:8px 10px}.header{top:48px;height:82px}.online,.header-cta{display:none}.menu{margin-left:auto;width:48px;height:48px;display:grid;place-content:center;gap:7px;border:0;background:transparent}.menu span{width:24px;height:2px;background:white}.header nav.open{position:absolute;top:74px;left:18px;right:18px;display:grid;gap:0;padding:16px 20px;border-radius:8px;background:rgba(7,10,8,.98)}.header nav.open a{min-height:46px;display:flex;align-items:center}.hero{min-height:calc(100svh - 48px);padding-top:126px}.panel-deck{width:1040px;height:58vh;min-height:470px;margin-left:-270px;grid-template-columns:repeat(7,140px)}.hero-word{font-size:8rem}.about-copy,.founder-copy,.rules,.join{padding-inline:22px}.founder{grid-template-columns:1fr}.founder-image{min-height:115vw;max-height:720px}.founder-copy{min-height:560px}.rule-list{grid-template-columns:1fr}.rule-list article,.rule-list article+article{min-height:0;padding:28px 0 30px;border-right:0;border-bottom:1px solid var(--line)}.rule-list h3{margin-top:32px}.join{grid-template-columns:1fr}.join-button{margin:10px 0 70px}body>footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}
.skip{width:1px;height:1px;overflow:hidden;clip-path:inset(100%);translate:0;white-space:nowrap}.skip:focus-visible{width:auto;height:auto;overflow:visible;clip-path:none;padding:12px 18px}
.panel-action .panel-join{width:auto;height:auto;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 clamp(10px,1.2vw,18px);border:1px solid rgba(16,22,6,.32);border-radius:4px;background:#101606;color:var(--white);box-shadow:none;font-size:clamp(.52rem,.67vw,.68rem);font-weight:900;letter-spacing:.045em;white-space:nowrap;transition:transform .2s ease,background .2s ease,color .2s ease}.panel-action .panel-join:hover{scale:1;transform:translateY(-2px);background:var(--white);color:#101606}.panel-join span{position:static;font-size:1rem;line-height:1}

/* Seven clipped wordmark slices sit between the scenery and character cutouts. */
.header-majestic{top:0;height:118px;padding-inline:clamp(30px,3.7vw,72px);background:linear-gradient(to bottom,rgba(3,8,5,.54),transparent)}
.header-majestic .logo{font-size:clamp(2rem,2.7vw,3rem)}
.header-majestic .online{background:rgba(4,8,5,.74);backdrop-filter:blur(10px)}
.hero-majestic{min-height:100svh;padding:156px clamp(28px,7vw,120px) 100px;justify-content:flex-start;background:#061009}
.hero-majestic .hero-backdrop{background:linear-gradient(to bottom,rgba(2,10,6,.45),rgba(3,8,5,.45) 42%,rgba(3,7,5,.92)),url("assets/hero-scene.svg") center/cover no-repeat;filter:grayscale(1) brightness(.55);scale:1.03;transition:filter .25s ease}
.hero-majestic::after{background:linear-gradient(90deg,rgba(2,8,4,.66),transparent 22%,transparent 78%,rgba(2,8,4,.66)),linear-gradient(to bottom,transparent 55%,#050806 100%)}
.role-deck{width:min(100%,1680px);height:clamp(500px,35.7vw,690px);min-height:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(10px,.95vw,16px);align-self:center;margin:0;isolation:isolate}
.role-deck::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:16px;background:rgba(29,170,82,.3);filter:blur(36px);opacity:0;transition:opacity .25s ease;pointer-events:none}
.role-deck .panel{padding:0;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#25362c;box-shadow:none;isolation:isolate;transition:border-color .25s ease}
.role-card{cursor:pointer}
.role-deck .panel::before{content:"";position:absolute;z-index:0;inset:0;background:url("assets/hero-scene.svg") 0% center/700% 100% no-repeat;filter:grayscale(1) brightness(.8);transition:filter .25s ease}
.role-card-2::before{background-position:16.666% center!important}
.role-card-3::before{background-position:33.333% center!important}
.role-card-5::before{background-position:66.666% center!important}
.role-card-6::before{background-position:83.333% center!important}
.role-card-7::before{background-position:100% center!important}
.role-deck .panel::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(rgba(20,100,49,.08),rgba(24,158,71,.78));opacity:0;transition:opacity .25s ease;pointer-events:none}
.role-word{position:absolute;z-index:2;left:0;top:0;width:100%;height:70%;overflow:hidden;pointer-events:none}
.role-word text{font-family:"Golos Text",Arial,sans-serif;font-size:410px;font-weight:900;font-style:italic;letter-spacing:-18px;fill:transparent;stroke:#f5f7f2;stroke-width:1.5px;transition:fill .25s ease;paint-order:stroke fill}
.role-card .role-character{position:absolute;z-index:3;left:-1px;bottom:0;width:calc(100% + 2px);height:65%;max-width:none;object-fit:cover;object-position:center top;filter:grayscale(1);transform:translateY(3%);transition:transform .3s cubic-bezier(.2,.7,.25,1),filter .25s ease;pointer-events:none}
.role-card-2 .role-character,.role-card-6 .role-character{height:66%;transition-duration:.35s,.25s}
.role-card-3 .role-character,.role-card-5 .role-character{height:62%;transition-duration:.4s,.25s}
.role-action{display:flex;align-items:center;justify-content:flex-end}
.role-deck .role-action::before{filter:none;background-position:50% center}
.role-deck .role-action::after{opacity:1}
.role-action .panel-join{position:absolute;z-index:4;bottom:12%;width:calc(100% - 24px);height:auto;min-height:64px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 6px;border:1px solid rgba(255,255,255,.55);border-radius:5px;background:#f5f7f2;color:#102b1a;box-shadow:none;font-size:clamp(.48rem,.67vw,.75rem);font-weight:900;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.role-action .panel-join span:last-child{font-size:1.4rem}
.role-action .panel-join{left:50%;transform:translateX(-50%)}
.role-action .panel-join:hover{scale:1;box-shadow:0 0 40px rgba(196,255,214,.5);transform:translate(-50%,-2px)}
.role-card:focus-visible,.role-action:focus-within{outline:3px solid var(--acid);outline-offset:4px}
.role-card:focus-visible::before,.role-deck.is-active .panel::before{filter:none}
.role-card:focus-visible::after,.role-deck.is-active::before,.role-deck.is-active .panel::after{opacity:1}
.role-card:focus-visible .role-character,.role-deck.is-active .role-character{filter:grayscale(0);transform:translateY(0)}
.role-card:focus-visible .role-word text,.role-deck.is-active .role-word text{fill:#f5f7f2}
.hero-majestic:has(.role-deck.is-active) .hero-backdrop{filter:grayscale(0) brightness(.85)}
@media(hover:hover) and (pointer:fine){.role-card:hover::before{filter:none}.role-card:hover::after{opacity:1}.role-card:hover .role-character{filter:grayscale(0);transform:translateY(0)}.role-card:hover .role-word text{fill:#f5f7f2}.role-card:hover{border-color:rgba(142,237,169,.65)}}

@media(max-width:1050px){.header-majestic{height:100px}.hero-majestic{padding:132px 24px 70px;align-items:center}.role-deck{width:950px;height:500px;grid-template-columns:repeat(3,112px) 218px repeat(3,112px);gap:10px}.role-action .panel-join{width:calc(100% - 24px);font-size:.75rem}}
@media(max-width:720px){.header-majestic{top:0;height:86px;padding-inline:18px}.hero-majestic{min-height:100svh;padding:116px 18px 56px}.role-deck{width:950px;max-width:none;height:500px;grid-template-columns:repeat(3,112px) 218px repeat(3,112px);gap:10px;flex-shrink:0;margin:0}.role-action .panel-join{min-height:58px;width:calc(100% - 24px);font-size:.75rem}.rules h2{font-size:clamp(2.5rem,10.5vw,3rem)}}
@media(prefers-reduced-motion:reduce){.role-card .role-character,.role-deck.is-active .role-character,.role-card:hover .role-character,.role-card:focus-visible .role-character{transform:none}.role-action .panel-join:hover{transform:translateX(-50%)}}