:root{--black:#050607;--ink:#111820;--panel:#11161c;--gold:#f7b500;--gold2:#ffc928;--paper:#fff;--soft:#f4f5f6;--muted:#69727d;--line:#e5e7eb;--radius:18px;--font-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-ui);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.site-header{height:64px;background:#030405;color:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(255,255,255,.055)}.header-shell{width:min(100%,1540px);height:100%;margin:auto;padding:0 clamp(22px,2.6vw,42px);display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:13px;min-width:max-content}.brand img{width:42px;height:42px;object-fit:contain}.brand span{display:grid;line-height:1}.brand b{font-size:18px;font-weight:900;letter-spacing:.015em}.brand small{font-size:10px;color:#d5d8dc;margin-top:4px;letter-spacing:.015em}.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,1.9vw,30px);margin-left:auto;font-size:11px;font-weight:650;white-space:nowrap}.site-header nav a{padding:24px 0 22px;position:relative;color:#f3f4f5}.site-header nav a:after{content:"";position:absolute;height:2px;left:50%;right:50%;bottom:14px;background:var(--gold);transition:left .2s ease,right .2s ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{left:0;right:0}.header-actions{display:flex;align-items:center;gap:18px;margin-left:10px}.header-phone{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;white-space:nowrap}.phone-icon{color:var(--gold);font-size:21px;line-height:1;transform:rotate(-25deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:7px;padding:13px 20px;font-weight:850;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn-gold{background:var(--gold);color:#07090b;box-shadow:none}.btn-gold:hover{background:var(--gold2)}.btn-ghost{background:transparent;border:1px solid rgba(247,181,0,.9);color:#fff}.btn-ghost:hover{border-color:#ffd24b;background:rgba(247,181,0,.055)}.btn-ghost-dark{background:#fff;border:1px solid #d7dce1;color:#18202a}.btn-outline-gold{background:transparent;border:1px solid var(--gold);color:var(--gold)}.btn-lg{min-height:52px;padding:14px 24px}.header-cta{min-height:36px;padding:0 15px;font-size:10px;white-space:nowrap}.nav-toggle{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;padding:10px}.nav-toggle span{display:block;height:2px;background:#fff;margin:6px 0}.hero{background:#050607;color:#fff;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.15)}.hero-inner{width:min(100%,1540px);margin:auto;min-height:432px;display:grid;grid-template-columns:56% 44%;position:relative}.hero-copy{padding:42px 24px 30px clamp(44px,5.1vw,78px);z-index:3;align-self:center}.hero-kicker-row{display:flex;align-items:center;gap:18px;margin-bottom:6px}.hero-kicker,.hero-dash{font-size:clamp(43px,4.05vw,62px);line-height:.92;font-weight:950;letter-spacing:-.045em}.hero h1{font-size:clamp(34px,3.15vw,48px);line-height:1.04;margin:0 0 15px;color:var(--gold);letter-spacing:-.04em;max-width:720px}.hero-copy>p{max-width:420px;font-size:13px;line-height:1.5;color:#f0f1f2;margin:0}.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:22px 0 22px;max-width:610px}.hero-fact{min-height:64px;padding:0 19px;display:grid;grid-template-rows:auto 1fr;justify-items:center;align-content:start;text-align:center;border-left:1px solid rgba(255,255,255,.13)}.hero-fact:first-child{border-left:0;padding-left:0}.hero-fact:last-child{padding-right:0}.hero-fact-icon{height:29px;display:grid;place-items:center;margin-bottom:8px}.hero-fact svg{width:25px;height:25px;fill:var(--gold)}.hero-fact span{display:grid;justify-items:center}.hero-fact b{font-size:8px;line-height:1.45;font-weight:900}.hero-fact small{font-size:9px;color:#9ea6ae;line-height:1.35;margin-top:3px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-actions .btn{min-width:180px;font-size:10px;min-height:42px;padding:10px 17px}.hero-visual{position:relative;min-height:432px;overflow:hidden;background:#07090b}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 32%,rgba(255,255,255,.035),transparent 42%);z-index:0}.hero-brush{position:absolute;z-index:1;right:-1%;top:2%;bottom:-6%;width:88%;background:linear-gradient(145deg,#e19e00,#ffc617 48%,#f7b500);clip-path:polygon(28% 15%,100% 0,88% 20%,100% 29%,79% 38%,100% 49%,84% 58%,100% 74%,73% 70%,91% 100%,44% 88%,9% 98%,29% 74%,0 66%,24% 55%,6% 43%,31% 36%,12% 27%);filter:drop-shadow(0 0 34px rgba(247,181,0,.16))}.hero-visual img{position:absolute;z-index:2;right:-2%;bottom:0;height:100%;width:95%;object-fit:cover;object-position:44% center;mix-blend-mode:normal}.hero-kanji{position:absolute;z-index:1;font-family:Georgia,"Times New Roman",serif;color:rgba(255,255,255,.15);font-weight:900;line-height:.92;pointer-events:none}.hero-kanji-left{left:-2%;top:8%;font-size:118px;writing-mode:vertical-rl;opacity:.7}.hero-kanji-right{right:1%;top:42%;font-size:46px;line-height:1.06;text-align:center;opacity:.75}.hero-seal{position:absolute;z-index:3;right:2.6%;bottom:8%;font-size:30px;color:rgba(255,255,255,.25)}@media(max-width:1280px){.site-header nav{gap:18px;font-size:12px}.header-actions{gap:14px}.hero-copy{padding-left:42px}.hero-kicker,.hero-dash{font-size:64px}.hero h1{font-size:50px}.hero-facts{max-width:620px}}@media(max-width:1120px){.site-header nav,.header-phone{display:none}.nav-toggle{display:block}.header-actions{margin-left:auto}.site-header.open nav{display:grid;position:absolute;left:0;right:0;top:86px;background:#050607;padding:20px 28px 24px;border-top:1px solid #252b31;box-shadow:0 18px 40px rgba(0,0,0,.35)}.site-header.open nav a{padding:10px 0}.site-header.open nav a:after{display:none}.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:62px 7vw 34px}.hero-visual{min-height:570px}.hero-facts{max-width:760px}.hero-visual img{right:5%;width:80%;object-position:center top}.hero-brush{width:76%;right:3%}.hero-kanji-left{left:4%}}@media(max-width:760px){.site-header{height:68px}.header-shell{padding:0 15px}.site-header.open nav{top:68px}.brand img{width:42px;height:42px}.brand b{font-size:16px}.brand small{font-size:10px}.header-cta{display:none}.hero-copy{padding:42px 20px 25px}.hero-kicker-row{gap:10px}.hero-kicker,.hero-dash{font-size:49px}.hero h1{font-size:39px;line-height:1.03;margin-bottom:17px}.hero-copy>p{font-size:16px;line-height:1.52}.hero-facts{grid-template-columns:repeat(2,1fr);margin:28px 0;gap:18px 0}.hero-fact{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:16px 10px 0;min-height:92px}.hero-fact:nth-child(1),.hero-fact:nth-child(2){border-top:0;padding-top:0}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%;min-width:0}.hero-visual{min-height:430px}.hero-visual img{height:100%;width:112%;max-width:none;right:-14%;object-fit:cover;object-position:center top}.hero-brush{width:105%;right:-22%;top:3%}.hero-kanji-left{font-size:72px;left:0;top:5%}.hero-kanji-right{font-size:32px}.hero-seal{display:none}}@media(max-width:430px){.hero-kicker,.hero-dash{font-size:42px}.hero h1{font-size:34px}.hero-visual{min-height:390px}.hero-fact b{font-size:9px}}
.section{padding:78px clamp(20px,5vw,80px)}.section-heading{max-width:840px;margin:0 auto 38px;text-align:center}.section-heading>span,.section-label{font-size:11px;font-weight:900;letter-spacing:.16em;color:#c68f00}.section-heading h2{font-size:clamp(30px,3vw,45px);letter-spacing:-.03em;margin:10px 0 12px}.section-heading p{color:var(--muted);line-height:1.65;margin:0 auto;max-width:720px}.section-heading.compact{margin-bottom:42px}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1320px;margin:auto}.program-card{background:#fff;border:1px solid #e7e9ec;border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:72px 1fr;gap:20px;box-shadow:0 18px 45px rgba(10,15,20,.055);transition:.2s}.program-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(10,15,20,.09)}.program-icon{width:72px;height:72px;border-radius:18px;background:#0d1217;display:grid;place-items:center}.program-icon svg{width:34px;height:34px;fill:var(--gold)}.program-age{color:#c58e00;font-size:11px;font-weight:900;text-transform:uppercase}.program-card h3{font-size:23px;line-height:1.12;margin:7px 0 10px}.program-card p{color:#69727d;line-height:1.55;font-size:14px;min-height:64px}.text-link{font-weight:900;font-size:12px;color:#9a7000}.text-link span{margin-left:5px}.text-link.light{color:#fff}.rating{background:radial-gradient(circle at 74% 10%,#1b232b,#080b0e 60%);color:#fff;padding:70px clamp(20px,5vw,80px);position:relative;overflow:hidden}.rating:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 64%,rgba(247,181,0,.05) 64%)}.rating-inner{max-width:1390px;margin:auto;display:grid;grid-template-columns:.8fr 1.45fr;gap:55px;align-items:center;position:relative}.rating-copy h2{font-size:44px;margin:9px 0 14px}.rating-copy p{color:#adb5bd;line-height:1.65}.rating-actions{display:flex;gap:18px;align-items:center;margin-top:25px}.rank-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:end}.rank-card{text-align:center;padding:17px 8px 14px;border-radius:16px;border:1px solid #252d35;background:linear-gradient(180deg,#151b21,#0d1115)}.rank-card.place-1{transform:translateY(-14px);border-color:#7e6300;box-shadow:0 0 40px rgba(247,181,0,.1)}.rank-avatar{position:relative;width:94px;height:94px;margin:auto}.rank-avatar img{width:100%;height:100%}.rank-avatar span{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#303942;border:3px solid #0e1318;font-weight:950}.place-1 .rank-avatar span{background:var(--gold);color:#111}.rank-card h3{font-size:13px;margin:18px 0 6px;color:#cdd3d9}.rank-card strong{font-size:26px}.rank-card small{display:block;color:#7f8993;font-size:10px}.rating-note{max-width:1390px;margin:34px auto 0;padding-top:22px;border-top:1px solid #252d35;color:#8e98a2;display:flex;gap:10px;align-items:center;font-size:12px;position:relative}.rating-note svg{width:18px;height:18px;fill:var(--gold)}.benefits{padding:72px clamp(20px,5vw,80px)}.benefit-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e0e3e6;border-bottom:1px solid #e0e3e6}.benefit-grid article{padding:34px 28px;border-right:1px solid #e0e3e6}.benefit-grid article:last-child{border-right:0}.benefit-icon{width:46px;height:46px;border:1px solid #eed27d;border-radius:13px;display:grid;place-items:center}.benefit-icon svg{width:24px;height:24px;fill:#d99d00}.benefit-grid h3{font-size:16px;margin:16px 0 9px}.benefit-grid p{font-size:13px;line-height:1.55;color:#6b737d}.life{background:#f5f6f7}.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1320px;margin:auto}.life-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e4e7ea}.life-card img{height:280px;width:100%;object-fit:cover}.life-card div{padding:20px 22px}.life-card h3{margin:0 0 7px;font-size:20px}.life-card p{margin:0;color:#6f7780;font-size:13px;line-height:1.55}.signup{background:#0a0e12;color:#fff;padding:70px clamp(20px,7vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.signup-copy{padding-top:24px}.signup-copy h2{font-size:clamp(36px,4vw,58px);line-height:1;margin:10px 0 18px;max-width:650px}.signup-copy>p{color:#aeb6bf;max-width:560px;line-height:1.65}.signup-contact{display:grid;gap:8px;margin-top:28px}.signup-contact a{font-size:25px;font-weight:950;color:var(--gold)}.signup-contact span{color:#b6bdc5}.signup-form{background:#fff;color:#18202a;padding:30px;border-radius:20px;display:grid;gap:14px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.form-head{display:grid;margin-bottom:4px}.form-head b{font-size:22px}.form-head small{color:#707984}.signup-form label{display:grid;gap:6px;font-size:12px;font-weight:800}.signup-form input,.signup-form select,.signup-form textarea{width:100%;border:1px solid #d6dbe0;border-radius:10px;padding:13px 14px;outline:none;background:#fff}.signup-form input:focus,.signup-form select:focus,.signup-form textarea:focus{border-color:#e6aa00;box-shadow:0 0 0 4px rgba(247,181,0,.12)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-privacy{color:#7e8790;line-height:1.45}.form-privacy a{text-decoration:underline}.hp{position:absolute!important;left:-9999px!important}.form-success,.form-error{padding:12px 14px;border-radius:10px;font-size:13px}.form-success{background:#eafaf1;color:#087443}.form-error{background:#fff0ef;color:#b42318}footer{background:#06080b;color:#b2bac2;padding:58px clamp(20px,6vw,90px) 28px;border-top:1px solid #20262c}.footer-main{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr;gap:46px}.footer-main>div:not(.footer-brand){display:grid;align-content:start;gap:10px;font-size:13px}.footer-main b{color:#fff}.footer-main a:hover{color:var(--gold)}.footer-brand{display:block}.footer-brand .brand{margin-bottom:18px}.footer-brand p{font-size:13px;line-height:1.6;max-width:340px}.socials{display:flex;gap:15px}.footer-main button{background:none;border:0;padding:0;color:var(--gold);text-align:left;cursor:pointer}.footer-bottom{max-width:1400px;margin:38px auto 0;border-top:1px solid #20262c;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6f7780}.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:100;display:grid;place-items:center;padding:18px}.cookie-modal[hidden]{display:none}.cookie-card{width:min(610px,100%);background:#fff;border-radius:20px;padding:30px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.35)}.cookie-card h3{font-size:27px;margin:8px 0}.cookie-card>p{color:#66707a;line-height:1.6}.cookie-x{position:absolute;right:15px;top:12px;background:none;border:0;font-size:28px;cursor:pointer}.cookie-card>label{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #e8eaed}.cookie-card label span{display:grid}.cookie-card small{color:#7a828a;margin-top:4px}.cookie-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:17px}.subpage{min-height:70vh;padding:70px clamp(20px,7vw,110px)}.dark-page{background:#090d11;color:#fff}.subpage-head{max-width:780px;margin:0 auto 38px;text-align:center}.subpage-head h1{font-size:54px;margin:10px 0 14px}.subpage-head p{color:#aeb6bf;line-height:1.7}.rating-table{max-width:980px;margin:auto;border:1px solid #262e36;border-radius:18px;overflow:hidden}.rating-row{display:grid;grid-template-columns:60px 54px 1fr auto;gap:15px;align-items:center;padding:15px 18px;border-bottom:1px solid #222a31}.rating-row:last-child{border-bottom:0}.rank-no{font-size:19px;font-weight:950;color:var(--gold)}.mini-avatar{width:48px;height:48px}.rating-row div:nth-child(3){display:grid}.rating-row div:nth-child(3) small{color:#747f89}.rating-row strong small{color:#727d87}.subpage-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.static-page{max-width:980px;margin:70px auto;padding:0 22px}.static-page h1{font-size:52px;letter-spacing:-.03em}.back-link{display:inline-block;margin-bottom:35px;color:#7c858f}.back-link.light{color:#afb6bd}.wysiwyg{line-height:1.8;color:#38414a}.student-login{min-height:100vh;background:radial-gradient(circle at 50% 10%,#252d35,#080b0e 65%);display:grid;place-items:center;padding:20px}.fighter-card{width:min(530px,100%);background:#11171d;color:#fff;border:1px solid #303840;border-radius:22px;padding:38px;text-align:center}.fighter-logo{width:64px;margin:0 auto 18px}.fighter-card h1{font-size:40px}.fighter-card p{color:#adb5bd}.fighter-card form{display:grid;gap:12px;margin:28px 0}.fighter-card input{padding:18px;border-radius:10px;border:1px solid #3c444d;background:#080b0e;color:#fff;font-size:22px;text-align:center;letter-spacing:5px}.student-dashboard{min-height:100vh;background:#090d11;color:#fff;padding:30px 5vw 70px}.back-home{color:var(--gold)}.student-hero{max-width:1200px;margin:30px auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:27px;background:#11171d;border:1px solid #2a323a;border-radius:20px;padding:30px}.student-avatar-big{width:120px;height:120px}.student-avatar-big img{width:100%;height:100%}.student-hero h1{font-size:42px;margin:4px 0}.student-hero p{color:#aab2bb}.progress{height:8px;background:#252d34;border-radius:99px;max-width:420px;overflow:hidden;margin:14px 0 7px}.progress span{display:block;height:100%;background:var(--gold)}.student-hero small{color:#77818b}.score{display:grid;grid-template-columns:auto auto;gap:7px 18px;align-items:center}.score strong,.score b{font-size:42px;color:var(--gold)}.student-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 280px;gap:18px}.student-panel,.student-summary{background:#11171d;border:1px solid #2a323a;border-radius:18px;padding:26px;overflow:auto}.student-panel table{width:100%;border-collapse:collapse}.student-panel th,.student-panel td{padding:14px;border-bottom:1px solid #283038;text-align:left}.student-summary{display:grid;align-content:start}.student-summary span{color:#939da7}.student-summary strong{font-size:46px;color:var(--gold);margin:6px 0}.student-summary p{color:#8f99a3;line-height:1.55}.pts.plus{color:#7ee2a8}.pts.minus{color:#ff9a9a}.reward-section{max-width:1200px;margin:36px auto 0}.section-heading.dark{color:#fff}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reward-card{background:#11171d;border:1px solid #2a323a;border-radius:16px;padding:20px}.reward-card div{width:42px;height:42px;border-radius:12px;background:#202831;display:grid;place-items:center}.reward-card svg{width:22px;fill:var(--gold)}.reward-card h3{margin:13px 0 6px}.reward-card p{color:#8d97a1;font-size:13px;line-height:1.5}.reward-card b{color:var(--gold)}@media(max-width:1120px){.site-header nav,.header-phone{display:none}.nav-toggle{display:block}.site-header.open nav{display:grid;position:absolute;left:0;right:0;top:76px;background:#090d11;padding:16px 24px;border-top:1px solid #252b31}.site-header.open nav a{padding:10px 0}.site-header.open nav a:after{display:none}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:65px 7vw 30px}.hero-visual{min-height:520px}.hero-facts{max-width:760px}.program-grid{grid-template-columns:1fr}.rating-inner{grid-template-columns:1fr}.rank-grid{max-width:850px}.signup{grid-template-columns:1fr}.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-main>div:last-child{grid-column:2/4}.student-grid{grid-template-columns:1fr}}@media(max-width:760px){.site-header{height:66px;padding:0 16px}.site-header.open nav{top:66px}.brand img{width:36px;height:36px}.brand b{font-size:14px}.header-cta{display:none}.hero-copy{padding:46px 20px 20px}.hero-copy>p{font-size:16px}.hero-facts{grid-template-columns:1fr;gap:12px}.hero-facts>div{border-left:0;padding:0}.hero-visual{min-height:410px}.hero-visual img{height:100%;right:-8%;max-width:110%}.hero-stamp{right:18px;bottom:18px}.section,.rating,.benefits,.signup{padding:52px 18px}.program-card{grid-template-columns:58px 1fr;padding:21px}.program-icon{width:58px;height:58px}.rank-grid{grid-template-columns:repeat(5,120px);overflow:auto;padding:15px 0 8px}.rank-card.place-1{transform:none}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid #e0e3e6}.life-grid{grid-template-columns:1fr}.life-card img{height:230px}.signup{gap:30px}.signup-form{padding:22px}.form-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-main>div:last-child{grid-column:auto}.footer-bottom{display:grid}.cookie-actions{display:grid}.subpage-head h1{font-size:40px}.rating-row{grid-template-columns:38px 44px 1fr}.rating-row>strong{grid-column:3;text-align:left}.student-hero{grid-template-columns:1fr;text-align:center}.student-avatar-big{margin:auto}.progress{margin-inline:auto}.score{justify-content:center}.reward-grid{grid-template-columns:1fr}}

/* 1.3.3: approved first-screen composition from 0012 reference */
.hero-visual .hero-brush,.hero-visual .hero-kanji,.hero-visual .hero-seal{display:none!important}
.hero-visual img{inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important}
@media (min-width:1121px){
  .hero-inner{height:432px;min-height:432px}
  .hero-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
}
@media (max-width:1120px){
  .site-header{height:68px}
  .site-header.open nav{top:68px}
  .hero-inner{grid-template-columns:1fr;min-height:auto;height:auto}
  .hero-copy{padding:48px 7vw 34px}
  .hero-visual{min-height:520px}
  .hero-visual img{object-position:center 35%!important}
}
@media (max-width:760px){
  .hero-copy{padding:38px 20px 28px}
  .hero-kicker,.hero-dash{font-size:46px}
  .hero h1{font-size:36px}
  .hero-copy>p{font-size:15px}
  .hero-facts{margin:25px 0}
  .hero-visual{min-height:430px}
}
@media (max-width:430px){
  .hero-kicker,.hero-dash{font-size:39px}
  .hero h1{font-size:32px}
  .hero-visual{min-height:380px}
}

/* 1.3.4 — официальный цельный логотип Флотилии */
.site-header .brand.brand-image{
    display:flex;
    align-items:center;
    min-width:0;
    flex:0 0 auto;
}
.site-header .brand.brand-image img{
    display:block;
    width:auto;
    height:46px;
    max-width:250px;
    object-fit:contain;
}
@media (max-width:1280px){
    .site-header .brand.brand-image img{
        height:42px;
        max-width:225px;
    }
}
@media (max-width:760px){
    .site-header .brand.brand-image img{
        height:38px;
        max-width:205px;
    }
}
@media (max-width:430px){
    .site-header .brand.brand-image img{
        height:34px;
        max-width:185px;
    }
}

/* 1.3.5 — approved hero composition from 0012 */
.hero{
    position:relative;
    background:
        radial-gradient(circle at 32% 45%, rgba(255,255,255,.025), transparent 38%),
        #030405;
    overflow:hidden;
}
.hero-inner{
    position:relative;
    isolation:isolate;
}
.hero-copy{
    position:relative;
    z-index:3;
}
.hero-copy:before{
    content:"空手";
    position:absolute;
    z-index:-1;
    left:-56px;
    top:18px;
    color:rgba(255,255,255,.13);
    font-family:Georgia,"Times New Roman",serif;
    font-size:116px;
    font-weight:900;
    line-height:.88;
    writing-mode:vertical-rl;
    letter-spacing:-10px;
    pointer-events:none;
}
.hero-visual{
    position:relative;
    overflow:hidden;
    background:#050607;
}
.hero-visual img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block;
}
.hero-visual:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(3,4,5,.38) 0%,rgba(3,4,5,0) 18%);
}
.hero-visual .hero-brush,
.hero-visual .hero-kanji,
.hero-visual .hero-seal{
    display:none!important;
}
@media(min-width:1121px){
    .hero-inner{
        grid-template-columns:56% 44%;
        height:432px;
        min-height:432px;
    }
    .hero-copy{
        padding-top:38px;
        padding-bottom:28px;
    }
}
@media(max-width:1120px){
    .hero-copy:before{
        left:0;
        top:12px;
        font-size:84px;
        opacity:.75;
    }
    .hero-visual{
        min-height:520px;
    }
    .hero-visual img{
        object-position:center 32%!important;
    }
}
@media(max-width:760px){
    .hero-copy:before{
        left:-8px;
        top:2px;
        font-size:66px;
        color:rgba(255,255,255,.08);
    }
    .hero-visual{
        min-height:430px;
    }
    .hero-visual img{
        object-position:56% 28%!important;
    }
}
@media(max-width:430px){
    .hero-visual{
        min-height:390px;
    }
    .hero-visual img{
        object-position:58% 26%!important;
    }
}

/* 1.3.7 — hero architecture: template background + separate athlete image */
.hero-visual{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate;
    background:#050607 url("../img/hero-template-bg.svg") center center/cover no-repeat!important;
}
.hero-visual:before,
.hero-visual:after{
    content:none!important;
    display:none!important;
}
.hero-visual > img.hero-person{
    position:absolute!important;
    z-index:2!important;
    left:var(--person-x,50%)!important;
    right:auto!important;
    top:auto!important;
    bottom:var(--person-bottom,0%)!important;
    width:auto!important;
    max-width:none!important;
    height:var(--person-height,100%)!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    transform:translateX(-50%)!important;
    mix-blend-mode:normal!important;
    pointer-events:none;
}
/*
 * Compatibility mode for the old composite picture.
 * It keeps the site visually intact until a new transparent athlete PNG/WEBP
 * is uploaded in the admin panel. New uploads automatically use the normal
 * separate-person mode above.
 */
.hero-visual > img.hero-person.is-legacy{
    z-index:1!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
}
@media(max-width:1120px){
    .hero-visual{
        background-position:center center!important;
    }
    .hero-visual > img.hero-person:not(.is-legacy){
        height:min(var(--person-height,100%),118%)!important;
    }
}
@media(max-width:760px){
    .hero-visual{
        min-height:430px!important;
        background-position:58% center!important;
    }
    .hero-visual > img.hero-person:not(.is-legacy){
        left:50%!important;
        max-height:108%!important;
    }
}
@media(max-width:430px){
    .hero-visual{
        min-height:385px!important;
        background-position:61% center!important;
    }
}
