:root{--bg:#101211;--panel:#191c19;--green:#c5f65b;--muted:#9fa69e;--line:#30352e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f4f5ee;font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a.button{cursor:pointer}header,main>section,footer{max-width:1320px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 40px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px;line-height:1}.brand span{color:var(--green)}.brand small{display:block;font-size:9px;letter-spacing:4px;color:#b9bfb6;margin-top:9px}nav{display:flex;gap:30px;font-size:13px}nav a:hover,footer a:hover{color:var(--green)}button{color:inherit}.outline{border:1px solid #637052;background:transparent;padding:10px 19px;border-radius:5px;font-size:13px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:590px;padding:66px 40px 54px;gap:35px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--green)}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:9px}h1{font-size:clamp(40px,4.4vw,67px);line-height:1.08;letter-spacing:-3px;margin:28px 0}em{font-style:normal;color:var(--green)}.hero p{color:var(--muted);font-size:15px;max-width:430px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--green);border:0;border-radius:5px;padding:15px 24px;color:#182011;font-size:14px;font-weight:bold;margin-top:18px}.button:hover{background:#d7ff8d}.hero-bottom{font-size:10px;letter-spacing:2px;margin-top:42px;color:#d6dccd}.hero-bottom b{color:#5e694f;padding:0 15px}.art{position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 70% 30%,#47583a,transparent 65%),#1e281d;min-height:430px;isolation:isolate}.orbit{position:absolute;width:450px;height:450px;border:1px solid #758e5955;border-radius:50%;top:-120px;right:-110px;box-shadow:0 0 0 40px #ffffff03,0 0 0 80px #ffffff03,0 0 0 120px #ffffff03}.art-title{position:absolute;top:36px;left:32px;font-size:64px;font-weight:900;line-height:.96;letter-spacing:-4px;color:#eef3dd;z-index:2}.art-title em{color:#c6f65b}.art-label{position:absolute;bottom:26px;left:28px;letter-spacing:2px;font-size:9px;color:#c8d0bf}.art-index{position:absolute;top:25px;right:25px;color:var(--green);font-size:11px}.barbell{position:absolute;transform:rotate(-36deg);width:360px;height:140px;right:-45px;bottom:85px;display:flex;align-items:center;justify-content:space-between;filter:drop-shadow(10px 24px 15px #0008)}.barbell i{position:absolute;height:20px;width:100%;background:linear-gradient(#7c8776,#1c231a,#56634d);z-index:-1}.barbell div{width:95px;height:140px;border-radius:15px;background:repeating-linear-gradient(90deg,#131811 0px,#333e2b 17px,#1c2518 21px);border:2px solid #5b6f44}.ticker{background:var(--green);padding:15px;text-align:center;color:#1d2812;font-size:12px;font-weight:900;letter-spacing:3px}.ticker span{margin:0 30px}.library{padding:80px 40px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px}h2{font-size:38px;line-height:1.14;letter-spacing:-1.5px;margin:15px 0 22px}.section-top p{color:var(--muted);font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}.filters button{border:1px solid var(--line);background:transparent;padding:9px 19px;border-radius:30px;font-size:12px}.filters button.active{background:var(--green);color:#15200c;border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#171a16}.thumb{height:200px;position:relative;overflow:hidden;background:linear-gradient(125deg,var(--tone),#181f17)}.thumb:before{content:'';position:absolute;width:240px;height:240px;right:-20px;top:-100px;border:1px solid #ffffff21;border-radius:50%;box-shadow:0 0 0 30px #ffffff05,0 0 0 60px #ffffff04}.thumb strong{position:absolute;bottom:23px;left:22px;font-size:39px;line-height:.95;letter-spacing:-2px;white-space:pre-line;color:#e5eddf}.thumb .num{position:absolute;top:16px;left:20px;color:#d2ddc0;font-size:10px;letter-spacing:2px}.play{position:absolute;right:20px;bottom:22px;width:44px;height:44px;border-radius:50%;border:1px solid #d2e5af88;background:#d9f8b310;color:#e2f6c4;font-size:16px}.card-body{padding:20px}.tag{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:1px}.card h3{font-size:18px;margin:7px 0 10px}.meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.card:hover{border-color:#6f8453}.about{padding:20px 40px 85px}.about h2{max-width:600px;font-size:43px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.benefits article{border-top:1px solid var(--line);padding-top:22px}.benefits b{color:var(--green);font-size:12px}.benefits h3{font-size:20px}.benefits p{color:var(--muted);font-size:14px;max-width:300px}footer{border-top:1px solid var(--line);padding:30px 40px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}footer .brand{font-size:18px}dialog{background:#1b2019;color:#f4f5ee;border:1px solid #536045;border-radius:14px;padding:40px;width:min(92vw,460px)}dialog::backdrop{background:#050805cc;backdrop-filter:blur(7px)}dialog h2{font-size:30px}dialog p,dialog small{color:var(--muted);font-size:13px}.close{position:absolute;top:10px;right:15px;font-size:26px;border:0;background:none;cursor:pointer}label{display:block;font-size:12px;margin-top:18px}input{display:block;width:100%;padding:12px;background:#11160f;border:1px solid #3d4933;color:white;border-radius:5px;margin-top:6px}input:focus{outline:1px solid var(--green)}form .button{width:100%;margin:5px 0 18px}#error{color:#ffc497;min-height:20px}#player{width:min(92vw,900px)}video{width:100%;background:#0b0d09;border-radius:8px;max-height:65vh}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}[hidden]{display:none!important}@media(max-width:850px){header{padding:22px}nav{display:none}.hero{grid-template-columns:1fr;padding:40px 22px;gap:32px}h1{letter-spacing:-2px}.art{min-height:330px}.art-title{font-size:60px}.hero-bottom{margin-top:28px}.grid{grid-template-columns:repeat(2,1fr)}.library,.about{padding:48px 22px}.section-top{display:block}.benefits{gap:24px}.ticker{letter-spacing:1px;font-size:10px}.ticker span{margin:0 8px}footer{padding:25px 22px;flex-wrap:wrap;gap:20px}}@media(max-width:520px){.grid,.benefits{grid-template-columns:1fr}.hero p br{display:none}.brand{font-size:20px}.outline{font-size:11px;padding:9px 12px}.thumb{height:220px}.about h2{font-size:34px}footer p{display:none}dialog{padding:30px 22px}.ticker{font-size:8px}.ticker span{margin:0 3px}}
