:root{--ink-light:var(--ground);--soft-light:color-mix(in srgb,var(--ground) 74%,var(--paper));--rule-light:color-mix(in srgb,var(--ground) 14%,var(--paper))}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.55}
h1,h2,h3,.brand{font-family:var(--head);line-height:1.04;text-wrap:balance;margin:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
header .wrap{display:flex;align-items:center;gap:28px;padding-top:22px;padding-bottom:22px}
.brand{display:flex;align-items:center;gap:12px;font-size:1.6rem;font-weight:700;color:var(--ink);text-decoration:none;margin-right:auto}
.brand i{width:15px;height:15px;border-radius:var(--r-round);background:var(--gold);box-shadow:0 0 0 5px var(--track)}
header nav{display:flex;gap:24px}
header nav a{color:var(--ink);font-weight:700;text-decoration:none}
.hero{padding:80px 0 110px}
.hero .wrap{display:grid;grid-template-columns:11fr 12fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(2.6rem,5.4vw,4.8rem);font-weight:700}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p{color:var(--soft);font-size:1.25rem;max-width:30em;margin:26px 0 0}
.tv{border:12px solid var(--black);border-radius:var(--r-lg);box-shadow:0 34px 70px var(--shade);background:var(--black)}
.tv img{display:block;width:100%;border-radius:var(--r-sm)}
figcaption{color:var(--soft);font-size:.9rem;margin-top:14px}
.light{background:var(--paper);color:var(--ink-light);padding:96px 0}
.light p{color:var(--soft-light)}
.eyebrow{font-family:var(--head);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--a)}
.light h2{font-size:clamp(2rem,3.4vw,3rem);margin:10px 0 40px}
.card{display:grid;grid-template-columns:7fr 6fr;border-radius:var(--r-lg);overflow:hidden;background:var(--ground);color:var(--ink);box-shadow:0 30px 60px color-mix(in srgb,var(--ground) 25%,transparent);text-decoration:none}
.card .pic{background:var(--band);padding:40px;display:flex;align-items:center}
.card .pic .tv{border-width:8px;width:100%}
.card .txt{padding:48px 44px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.card .name{display:flex;align-items:center;gap:12px;font-family:var(--head);font-weight:700;font-size:2.2rem}
.card .name i{width:13px;height:13px;border-radius:var(--r-round);background:var(--gold);box-shadow:0 0 0 4px var(--track)}
.card .txt p{color:var(--soft);margin:0;font-size:1.15rem}
.card .go{align-self:flex-start;margin-top:8px;font-family:var(--head);font-weight:700;font-size:1.15rem;background:var(--gold);color:var(--on-amber);padding:14px 26px;border-radius:var(--r-md)}
.slot{margin-top:24px;border:2px dashed var(--rule-light);border-radius:var(--r-lg);padding:26px 32px;color:var(--soft-light);font-weight:700}
.beliefs{padding:96px 0;background:var(--band)}
.beliefs h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:44px}
.beliefs ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.beliefs li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px}
.beliefs li b{display:block;font-family:var(--head);font-size:3rem;color:var(--gold);line-height:1;margin-bottom:18px}
.beliefs li span{font-family:var(--head);font-size:1.45rem;font-weight:600;line-height:1.25}
.contact{padding:80px 0}
.contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.contact h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.contact a{font-family:var(--head);font-weight:700;font-size:1.4rem;color:var(--ground)}
footer{background:var(--black);color:var(--soft)}
footer .wrap{display:flex;gap:24px;align-items:center;padding-top:32px;padding-bottom:32px;flex-wrap:wrap}
footer p{margin:0 auto 0 0}
footer a{color:var(--soft)}
@media (max-width:900px){
 .wrap{padding:0 20px}
 .hero{padding:40px 0 72px}.hero .wrap{grid-template-columns:1fr;gap:44px}
 .card{grid-template-columns:1fr}.card .pic{padding:24px}.card .txt{padding:30px 24px}
 .beliefs ol{grid-template-columns:1fr}
 .light,.beliefs{padding:64px 0}
 footer p{width:100%}
}

.legal{background:var(--paper);color:var(--ink-light);padding:72px 0 96px}
.legal .wrap{max-width:820px}
.legal h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:12px;color:var(--ink-light)}
.legal h2{font-size:1.5rem;margin:36px 0 8px;color:var(--ink-light)}
.legal p,.legal li{color:var(--soft-light)}
.legal .en{font-weight:700;border-left:4px solid var(--gold);padding-left:14px}
.legal .todo{background:color-mix(in srgb,var(--gold) 22%,var(--paper));padding:2px 8px;border-radius:var(--r-sm);color:var(--ink-light);font-weight:700}
.legal a{color:var(--ink-light)}
footer .wrap a{font-weight:700}
.skip{position:absolute;left:-999px}
.tv img,.card img{height:auto}