:root{--rail:184px}
body{background:#0b0b0b;color:#efefe8;font-family:Manrope,system-ui,sans-serif}
.tag{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--y)}
.btn,.btn-line{display:inline-flex;align-items:center;min-height:56px;padding:0 32px;font-weight:700;font-size:16px;transition:background .25s,color .25s,box-shadow .25s,border-color .25s}
.btn{background:var(--y);color:#0b0b0b}
.btn:hover{background:#fff;box-shadow:0 0 34px rgba(250,237,3,.65)}
.btn-line{border:1px solid rgba(255,255,255,.4);color:#fff}
.btn-line:hover{border-color:var(--y);color:var(--y)}

.rail{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--rail);display:flex;flex-direction:column;align-items:center;padding:22px 0 24px;background:#050505;border-right:1px solid #232323}
.rail-logo img{width:136px;height:auto}
.rail-nav{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:18px 0}
.rail-nav a{padding:6px 4px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:#a9a9a2;transition:color .2s,text-shadow .2s}
.rail-nav a:hover,.rail-nav a.is-active{color:var(--y);text-shadow:0 0 14px rgba(250,237,3,.75)}
.v1 .soc a{border:1px solid #444;color:#fff}
.v1 .soc a:hover{background:var(--y);border-color:var(--y);color:#0b0b0b}
.page{margin-left:var(--rail)}

.hero{position:relative;height:100vh;min-height:680px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,4vw,84px);background:#101010}
.hero-wall{position:absolute;inset:0;background:radial-gradient(ellipse 70% 62% at 40% 62%,rgba(250,237,3,.2),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");transition:opacity .35s}
.hero:not(.on) .hero-wall{opacity:.22}
.sign{position:relative;font:400 clamp(58px,min(calc((100vw - var(--rail))*.09),15.4vh),190px)/1.1 Anton,Impact,sans-serif;letter-spacing:.012em;display:flex;flex-direction:column;align-items:flex-start;margin-top:-44px}
.sign-a,.sign-b{display:block;white-space:nowrap}
.sign-b{font-size:2.42em;line-height:1.08;margin-top:.02em}
.wd{display:inline-block}
.l{display:inline-block;color:#212121;text-shadow:1px 1px 0 #2d2d2d,2px 2px 0 #2d2d2d,3px 3px 0 #292929,4px 4px 0 #262626,5px 5px 0 #232323,6px 6px 0 #1f1f1f;transition:color .25s,text-shadow .25s}
.hero.on .sign-a .l{animation:flick .9s var(--d) both;color:#fff9d4;text-shadow:1px 1px 0 #7d7a55,2px 2px 0 #66633f,3px 3px 0 #514e2f,4px 4px 0 #403d22,0 0 14px rgba(255,247,170,.75),0 0 42px rgba(250,237,3,.38)}
.hero.on .sign-b .l{animation:flick .9s calc(var(--d) + .35s) both;color:var(--y);text-shadow:1px 1px 0 #b0a700,2px 2px 0 #958d00,3px 3px 0 #7c7500,5px 5px 0 #5f5a00,7px 7px 0 #454100,0 0 22px rgba(250,237,3,.9),0 0 80px rgba(250,237,3,.62),0 0 170px rgba(250,237,3,.32)}
@keyframes flick{0%,18%,31%,50%{opacity:.22}10%,24%,42%,62%,100%{opacity:1}}

.cord{position:absolute;top:0;right:clamp(40px,6vw,120px);z-index:5;display:flex;flex-direction:column;align-items:center;width:92px;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.cord:hover{transform:translateY(8px)}
.cord.pull{transform:translateY(46px)}
.cord-line{display:block;width:2px;height:clamp(50px,13vh,130px);background:#7a7a72}
.bulb{width:92px;height:auto;transform:rotate(180deg)}
.bulb-glass{fill:#2a2a26;transition:fill .25s}
.bulb-line{fill:none;stroke:#8d8d84;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.bulb-line.thin{stroke-width:2}
.hero.on .bulb-glass{fill:var(--y)}
.hero.on .bulb-line{stroke:#0b0b0b}
.hero.on .bulb{filter:drop-shadow(0 0 22px rgba(250,237,3,.95)) drop-shadow(0 0 70px rgba(250,237,3,.5))}
.cord-note{position:absolute;top:clamp(205px,31vh,310px);right:clamp(44px,6.2vw,124px);font:600 25px Caveat,cursive;color:#c8c8bc;transform:rotate(-5deg)}

.hero-foot{position:absolute;left:clamp(24px,4vw,84px);right:clamp(24px,4vw,84px);bottom:32px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.hero-foot p{font-size:16px;line-height:1.5;color:#c9c9c0}
.hero-cta{display:flex;gap:10px;margin-right:0}

.scrub{height:260vh;background:#101010}
.scrub-in{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(30px,5vw,100px);align-items:center;padding:0 clamp(40px,6vw,120px) 0 clamp(24px,4vw,84px);background:#101010}
.scrub .hero-wall{background-position:0 0,0 0;background-image:radial-gradient(ellipse 52% 72% at 76% 55%,rgba(250,237,3,calc(var(--g,0)*.26)),transparent 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}
.scrub-txt{position:relative;z-index:1}
.lit{margin:clamp(14px,2.2vh,24px) 0 clamp(26px,5vh,58px);max-width:860px;font-weight:600;font-size:clamp(19px,min(1.65vw,3.2vh),32px);line-height:1.4;letter-spacing:-.01em}
.lit .w{color:#55554f;transition:color .28s}
.lit .w.on{color:#f5f5ee}
.sign2{font:400 clamp(26px,min(calc((100vw - var(--rail))*.0355),7vh),76px)/1.12 Anton,Impact,sans-serif;letter-spacing:.012em}
.sign2 span:not(.wd):not(.l){display:block;white-space:nowrap}
.sign2 .sign2-b{font-size:2.58em;line-height:1.08}
.sign2 .l{transition:color .22s,text-shadow .22s}
.sign2 .l.on{color:var(--y);text-shadow:1px 1px 0 #b0a700,2px 2px 0 #958d00,3px 3px 0 #7c7500,4px 4px 0 #5f5a00,0 0 18px rgba(250,237,3,.75),0 0 60px rgba(250,237,3,.4)}
.lamp{position:relative;z-index:1}
.lamp i{position:absolute;bottom:100%;width:2px;height:100vh;background:#7a7a72}
.lamp i:first-child{left:14%}
.lamp i:nth-child(2){right:14%}
.lamp-box{position:relative;height:74vh;overflow:hidden;background:#050505;border:6px solid #1d1d1b;box-shadow:0 0 calc(var(--g,0)*130px) rgba(250,237,3,calc(var(--g,0)*.42))}
.lamp-box button{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .45s}
.lamp-box button.is-on{opacity:1;pointer-events:auto}
.lamp-box img{width:100%;height:100%;object-fit:cover;filter:brightness(var(--b,1));transition:filter .2s linear,transform .7s}
.lamp-box button:hover img{transform:scale(1.03)}

.wall{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(24px,4vw,80px);padding:clamp(70px,10vh,130px) clamp(24px,4vw,84px);background:#0b0b0b;border-top:1px solid #232323}
.wall-list ol{margin-top:26px;counter-reset:s}
.wall-list li{border-bottom:1px solid #262626}
.wall-list button{display:flex;align-items:baseline;gap:18px;width:100%;padding:13px 0;text-align:left;transition:padding .28s,color .2s}
.wall-list small{font-size:13px;font-weight:700;color:#79796f;width:24px;flex:none}
.wall-list button span{font:400 clamp(26px,2.7vw,50px)/1.14 Anton,sans-serif;letter-spacing:.015em;text-transform:uppercase;color:#d6d6cd;transition:color .2s,text-shadow .2s}
.wall-list button:hover,.wall-list button.is-on{padding-left:18px}
.wall-list button:hover span,.wall-list button.is-on span{color:var(--y);text-shadow:0 0 26px rgba(250,237,3,.6)}
.wall-view{position:sticky;top:clamp(20px,5vh,56px);align-self:start}
.wall-frame{height:62vh;overflow:hidden;background:#181818;box-shadow:0 0 90px rgba(250,237,3,.14)}
.wall-frame img{width:100%;height:100%;object-fit:cover;transition:opacity .28s,transform 1s}
.wall-frame.swap img{opacity:.1;transform:scale(1.035)}
.wall-view p{margin:22px 0;max-width:640px;font-size:17px;line-height:1.55;color:#d0d0c7;min-height:80px}

.reel{background:#050505}
.reel{--h:clamp(220px,17vw,340px);display:flex;flex-wrap:wrap;gap:6px}
.reel>*{flex-grow:var(--a);flex-basis:calc(var(--a)*var(--h));aspect-ratio:var(--a)}
.reel h2{display:flex;align-items:flex-end;padding:clamp(18px,2vw,36px);background:var(--y);color:#0b0b0b;font:400 clamp(52px,5.4vw,104px)/1.06 Anton,sans-serif;text-transform:uppercase}
.reel-item{overflow:hidden;background:#181818}
.reel-item img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.03) contrast(1.03);transition:transform .7s,filter .35s}
.reel-item:hover img{transform:scale(1.04);filter:brightness(1.08) saturate(1.08) contrast(1.03)}
.reel>.reel-fill{flex:3 0 calc(var(--h)*1.4);aspect-ratio:auto}
.reel>.reel-more{flex:1 0 100%;aspect-ratio:auto;min-height:92px;background:#0b0b0b;border:2px solid var(--y);color:var(--y);font:400 clamp(24px,2vw,36px)/1.1 Anton,sans-serif;letter-spacing:.02em;text-transform:uppercase;transition:background .25s,color .25s}
.reel>.reel-more:hover{background:var(--y);color:#0b0b0b}

.rules{background:var(--y);color:#0b0b0b;padding:clamp(70px,11vh,140px) clamp(24px,4vw,84px)}
.rules h2{font-size:clamp(20px,1.6vw,26px);font-weight:700;max-width:560px;line-height:1.3}
.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(36px,6vh,76px);border-top:2px solid #0b0b0b}
.rules article{padding:28px clamp(20px,2.5vw,48px) 44px 0;transition:background .3s,color .3s,padding .3s}
.rules article+article{padding-left:clamp(20px,2.5vw,48px);border-left:2px solid #0b0b0b}
.rules article:hover{background:#0b0b0b;color:var(--y);padding-left:clamp(20px,2.5vw,48px)}
.rules h3{font:400 clamp(40px,4.6vw,88px)/1.08 Anton,sans-serif;text-transform:uppercase;margin-bottom:22px}
.rules p{font-size:17px;line-height:1.55;font-weight:500;max-width:440px}

.trust{background:#fff;color:#0b0b0b;padding:clamp(70px,11vh,130px) clamp(24px,4vw,84px)}
.trust-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:46px}
.trust-head h2{font:400 clamp(44px,5.6vw,108px)/1.05 Anton,sans-serif;text-transform:uppercase}
.trust-head p{max-width:400px;font-size:18px;line-height:1.5}
.trust-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc}
.trust-grid div{display:grid;place-items:center;aspect-ratio:2/1;padding:12px 16px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;transition:background .25s}
.trust-grid div:hover{background:var(--y)}
.trust-grid img{mix-blend-mode:multiply;width:100%;height:100%;object-fit:contain;transition:transform .3s}
.trust-grid div:hover img{transform:scale(1.07)}

.reach{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,110px);padding:clamp(70px,11vh,140px) clamp(24px,4vw,84px);background:#0b0b0b}
.reach-tel{display:block;margin-top:18px;font:400 clamp(44px,5.6vw,108px)/1.08 Anton,sans-serif;color:var(--y);text-shadow:0 0 34px rgba(250,237,3,.5);transition:color .2s}
.reach-tel:hover{color:#fff}
.reach-mail{display:inline-block;margin-top:8px;font-size:clamp(20px,1.8vw,30px);font-weight:600;border-bottom:1px solid #555;transition:color .2s,border-color .2s}
.reach-mail:hover{color:var(--y);border-color:var(--y)}
.reach dl{display:grid;grid-template-columns:1fr 1fr;gap:26px 36px;margin-top:44px;font-size:15px;line-height:1.7}
.reach dt{font-weight:700;color:var(--y);margin-bottom:4px}
.reach dd a{transition:color .2s}
.reach dd a:hover{color:var(--y)}
.reach .form input,.reach .form textarea{border-color:#50504a}

.foot{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:56px clamp(24px,4vw,84px) 86px;background:#050505;font-size:14px;line-height:1.5;color:#b9b9b0}
.foot div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.foot strong{color:#fff;margin-bottom:6px}
.foot a{transition:color .2s}
.foot a:hover{color:var(--y)}

@media (max-height:860px){
    .rail{padding:14px 0 14px}
    .rail-logo img{width:110px}
    .rail-nav{gap:4px;margin:10px 0}
}

@media (max-width:1100px){
    .wall{grid-template-columns:1fr}
    .wall-view{display:none}
    .trust-grid{grid-template-columns:repeat(4,1fr)}
    .reach{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr}
}

@media (max-width:760px){
    :root{--rail:0px}
    .rail{inset:0 0 auto 0;width:100%;height:68px;flex-direction:row;justify-content:space-between;padding:6px 10px 6px 16px;border:0;border-bottom:1px solid #232323}
    .rail-logo img{width:70px}
    .rail-soc{display:none}
    .burger{display:block;color:#fff}
    .rail-nav{position:fixed;inset:68px 0 0 0;margin:0;display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:18px 22px;background:#050505;overflow:auto}
    .nav-open .rail-nav{display:flex}
    .rail-nav a{white-space:normal;font:400 40px/1.35 Anton,sans-serif;letter-spacing:.015em;color:#fff}
    .page{padding-top:68px}
    .hero{height:calc(100svh - 68px);min-height:560px;justify-content:flex-start;padding:150px 18px 0}
    .sign{font-size:9.3vw;margin-top:0}
    .cord{right:20px;width:62px}
    .cord-line{height:20px}
    .bulb{width:62px}
    .cord-note{top:118px;right:18px;font-size:20px}
    .hero-foot{left:18px;right:18px;bottom:68px;flex-direction:column;align-items:flex-start}
    .hero-foot p{font-size:15px}
    .hero-cta{flex-wrap:wrap}
    .btn,.btn-line{min-height:50px;padding:0 22px;font-size:15px}
    .scrub{height:auto}
    .scrub-in{position:relative;height:auto;grid-template-columns:1fr;padding:56px 18px 0;gap:0}
    .lit{font-size:20px}
    .sign2{font-size:7vw}
    .lamp{margin-top:90px}
    .lamp i{height:90px}
    .lamp-box{height:auto;aspect-ratio:4/5;margin-top:0;border-width:5px}
    .lamp-box button{display:none}
    .lamp-box button:last-child{display:block;position:relative;opacity:1;pointer-events:auto}
    .wall{padding:60px 18px}
    .wall-list button{padding:12px 0;gap:10px}
    .wall-list button span{font-size:26px}
    .reel{--h:128px;margin-top:60px}
    .reel h2{padding:14px;font-size:46px}
    .reel>.reel-more{min-height:68px;font-size:24px}
    .rules{padding:60px 18px}
    .rules-grid{grid-template-columns:1fr}
    .rules article,.rules article+article{padding:24px 0 26px;border-left:0;border-bottom:2px solid #0b0b0b}
    .rules article:hover{padding-left:0;background:none;color:inherit}
    .rules h3{font-size:50px}
    .trust{padding:60px 18px}
    .trust-grid{grid-template-columns:repeat(2,1fr)}
    .reach{padding:60px 18px}
    .reach-tel{font-size:50px}
    .reach dl{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr;padding:40px 18px 80px}
}