/* Кнопка бренда.
   .button — btn_main из UI kit брендбука TL (решение 2026-09-17, заменила кнопку
   по эталону design/legacy-button-2026-09-08). Пересобирается скриптом
   design/build-button-css.py из design/button/*.svg — вручную data-URI не правь.
   Разметка: <a class="button"><span class="button__frame"></span>
   <span class="button__text">…</span></a>. Размер L; до 639px — M: брендбук велит
   брать меньший размер, когда крупный не помещается. */

.button{--h:7.4em;--cap:5.2em;--band:0.7em;--tip:2.3em;--edge:5.1em;--top:0.6em;--bottom:6.8em;--mid-bottom:6.7em;--glow-y:2.142em;--glow-y-hover:3em;--text:3em;--px:0.0333em;align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:1rem;height:var(--h);isolation:isolate;justify-content:center;min-width:30.2em;padding:0 calc(var(--cap) + 3em);position:relative;text-decoration:none;-webkit-user-select:none;user-select:none}

.button:after,.button:before{clip-path:polygon(var(--tip) 50%,var(--edge) var(--top),calc(100% - var(--edge)) var(--top),calc(100% - var(--tip)) 50%,calc(100% - var(--edge)) var(--bottom),var(--edge) var(--bottom));content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}
.button:before{background:radial-gradient(closest-side,#522c58,rgba(65,35,70,0)) 50% calc(var(--mid-bottom) - var(--glow-y))/calc(75.9% - 1.518*var(--cap)) calc(2*var(--glow-y)) no-repeat,linear-gradient(180deg,#44284a var(--top),#2e1b36 var(--bottom))}
.button:after{background:radial-gradient(closest-side,#ba4c8a,rgba(91,48,103,0)) 50% calc(var(--mid-bottom) - var(--glow-y-hover))/calc(100% - 2*var(--cap)) calc(2*var(--glow-y-hover)) no-repeat,linear-gradient(180deg,#5e3166 var(--top),#572a63 49.5%,#722e74 var(--bottom));opacity:0;transition:opacity .2s ease}
@media (hover:hover){.button:hover:after{opacity:1}}
.button:focus-visible:after{opacity:1}

.button__frame{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='74' fill='none' viewBox='0 0 52 74'%3E%3Cpath fill='%230E0E14' fill-rule='evenodd' d='M50.006 0L16 37L50.006 74H52V0H50.006Z M52 6H51L23 37L51 68H52V6Z'/%3E%3Cpath fill='%23633E78' d='M23 37L51 68H52V67H51.4443L24.3477 37L51.4443 7H52V6H51L23 37Z'/%3E%3Cpath fill='url(%23paint1_linear)' d='M24 46L50 74H52V72H50V71L27 46H24Z'/%3E%3Cpath fill='%236A5245' d='M28 37H0C15.7333 39 22.3333 43.8333 24 46H27C26.3333 45 26 44 26 42C26 39.6 27.3333 37.6667 28 37Z'/%3E%3Cpath fill='url(%23paint2_linear)' d='M50 0L24 28H27L50 3V2H52V0H50Z'/%3E%3Cpath fill='url(%23paint3_linear)' d='M28 37H0C15.7333 35 22.3333 30.1667 24 28H27C26.3333 29 26 30 26 32C26 34.4 27.3333 36.3333 28 37Z'/%3E%3Cpath fill='%23C2A88B' d='M50 2C49.54 2 27 28 27 28L50 3L52 3.00098V2.00098L50 2Z'/%3E%3Cpath fill='%23C6A185' d='M27 46C27 46 48.8469 71.2004 49.9629 71.9814L50 72H52V71H50L27 46Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint1_linear' x1='37' y1='74' x2='37' y2='46' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234A3C34'/%3E%3Cstop offset='0.504808' stop-color='%237C6254'/%3E%3Cstop offset='1' stop-color='%236A5245'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='37' y1='0' x2='37' y2='28' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238E7B6F'/%3E%3Cstop offset='1' stop-color='%23B49175'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear' x1='14' y1='37' x2='14' y2='28' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D2AF8A'/%3E%3Cstop offset='0.322115' stop-color='%23B49175'/%3E%3Cstop offset='1' stop-color='%23B49175'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0/var(--cap) var(--h) no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='74' fill='none' viewBox='0 0 52 74'%3E%3Cpath fill='%230E0E14' fill-rule='evenodd' d='M1.99397 0L36 37L1.99397 74H0V0H1.99397Z M0 6H1L29 37L1 68H0V6Z'/%3E%3Cpath fill='%23633E78' d='M29 37L1 68H0V67H0.555664L27.6523 37L0.555664 7H0V6H1L29 37Z'/%3E%3Cpath fill='url(%23paint1_linear)' d='M28 46L2 74H0V72H2V71L25 46H28Z'/%3E%3Cpath fill='%236A5245' d='M24 37H52C36.2667 39 29.6667 43.8333 28 46H25C25.6667 45 26 44 26 42C26 39.6 24.6667 37.6667 24 37Z'/%3E%3Cpath fill='url(%23paint2_linear)' d='M2 0L28 28H25L2 3V2H0V0H2Z'/%3E%3Cpath fill='url(%23paint3_linear)' d='M24 37H52C36.2667 35 29.6667 30.1667 28 28H25C25.6667 29 26 30 26 32C26 34.4 24.6667 36.3333 24 37Z'/%3E%3Cpath fill='%23C2A88B' d='M2 2C2.46 2 25 28 25 28L2 3L0 3.00098V2.00098L2 2Z'/%3E%3Cpath fill='%23C6A185' d='M25 46C25 46 3.15312 71.2004 2.03711 71.9814L2 72H0V71H2L25 46Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint1_linear' x1='15' y1='74' x2='15' y2='46' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234A3C34'/%3E%3Cstop offset='0.504808' stop-color='%237C6254'/%3E%3Cstop offset='1' stop-color='%236A5245'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='15' y1='0' x2='15' y2='28' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238E7B6F'/%3E%3Cstop offset='1' stop-color='%23B49175'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear' x1='38' y1='37' x2='38' y2='28' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D2AF8A'/%3E%3Cstop offset='0.322115' stop-color='%23B49175'/%3E%3Cstop offset='1' stop-color='%23B49175'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 100% 0/var(--cap) var(--h) no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='7' fill='none' viewBox='0 0 22 7'%3E%3Cpath fill='%230E0E14' d='M0 6H22V3H0Z'/%3E%3Cpath fill='%23633E78' d='M0 7H22V6H0Z'/%3E%3Cpath fill='%238E7B6F' d='M0 0V2H22V0Z'/%3E%3Cpath fill='%23C2A88B' d='M0 2V3H2C3.875 3.22 8.3 4.33 11 7C13.7 4.33 18.125 3.22 20 3H22V2Z'/%3E%3C/svg%3E") 50% 0/2.2em var(--band) no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='7' fill='none' viewBox='0 0 22 7'%3E%3Cpath fill='%230E0E14' d='M0 4H22V1H0Z'/%3E%3Cpath fill='%23633E78' d='M0 1H22V0H0Z'/%3E%3Cpath fill='%234A3C34' d='M0 5V7H22V5Z'/%3E%3Cpath fill='%23C6A185' d='M0 5H22V4H20C18.125 3.78 13.7 2.67 11 0C8.3 2.67 3.875 3.78 2 4H0Z'/%3E%3C/svg%3E") 50% 100%/2.2em var(--band) no-repeat,linear-gradient(180deg,#8e7b6f 0 .2em,#c2a88b .2em .3em,#0e0e14 .3em .6em,#633e78 .6em) var(--cap) 0/calc(100% - 2*var(--cap)) var(--band) no-repeat,linear-gradient(180deg,#633e78 0 .1em,#0e0e14 .1em .4em,#c6a185 .4em .5em,#4a3c34 .5em) var(--cap) 100%/calc(100% - 2*var(--cap)) var(--band) no-repeat;inset:0;pointer-events:none;position:absolute;z-index:0}
@media (max-width:639px){.button{--h:5.2em;--cap:4.4em;--band:0.5em;--tip:1.8em;--edge:4.3em;--top:0.5em;--bottom:4.7em;--mid-bottom:4.7em;--glow-y:1.4994em;--glow-y-hover:2.1em;--text:2em;--px:0.0500em;min-width:0;padding:0 calc(var(--cap) + 2em)}.button__frame{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='52' fill='none' viewBox='0 0 44 52'%3E%3Cpath fill='%230E0E14' fill-rule='evenodd' d='M42 0.999512L11 25.9999L41.9998 50.9995H43.9938L43.994 0.999512L42 0.999512Z M44 5H43L18 26L43 47H44L44 5Z'/%3E%3Cpath fill='%23633E78' d='M17 26L43 48H44V47H43.4443L18.3477 26L43.4443 5H44V4H43L17 26Z'/%3E%3Cpath fill='url(%23paint1_linear)' d='M20 34L42 52H44V51H42V50L23 34L20 34Z'/%3E%3Cpath fill='url(%23paint2_linear)' d='M42 0L20 18H23L42 2V1L44 1V0L42 0Z'/%3E%3Cpath fill='url(%23paint3_linear)' d='M23 26L0 26C12 26 17 20 20 18H23C22 19 21 20 21 21C21 23.4 22.3333 25.3333 23 26Z'/%3E%3Cpath fill='%236A5245' d='M23 26L0 26C12 26 17 32 20 34L23 34C22 33 21 32 21 31C21 28.6 22.3333 26.6667 23 26Z'/%3E%3Cpath fill='%23C2A88B' d='M42 1C41.54 1 23 18 23 18L42 2L44 2.00098V1.00098L42 1Z'/%3E%3Cpath fill='%23C6A185' d='M23 34C23 34 40.8469 50.2004 41.9629 50.9814L42 51H44V50H42L23 34Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint1_linear' x1='32' y1='51.5' x2='32' y2='35' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234A3C34'/%3E%3Cstop offset='0.504808' stop-color='%237C6254'/%3E%3Cstop offset='1' stop-color='%236A5245'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='32' y1='-11' x2='32' y2='17' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238E7B6F'/%3E%3Cstop offset='1' stop-color='%23B49175'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear' x1='9' y1='26' x2='9' y2='17' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D2AF8A'/%3E%3Cstop offset='0.322115' stop-color='%23B49175'/%3E%3Cstop offset='1' stop-color='%23B49175'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0/var(--cap) var(--h) no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='52' fill='none' viewBox='0 0 44 52'%3E%3Cpath fill='%230E0E14' fill-rule='evenodd' d='M2.00002 0.999512L33 25.9999L2.00018 50.9995H0.00621033L0.00604248 0.999512L2.00002 0.999512Z M0 5H1L26 26L1 47H0L0 5Z'/%3E%3Cpath fill='%23633E78' d='M27 26L1 48H0L0 47H0.555664L25.6523 26L0.555664 5H0L0 4H1L27 26Z'/%3E%3Cpath fill='url(%23paint1_linear)' d='M24 34L2 52H0L0 51H2V50L21 34L24 34Z'/%3E%3Cpath fill='url(%23paint2_linear)' d='M2 0L24 18H21L2 2V1L0 1L0 0L2 0Z'/%3E%3Cpath fill='url(%23paint3_linear)' d='M21 26L44 26C32 26 27 20 24 18H21C22 19 23 20 23 21C23 23.4 21.6667 25.3333 21 26Z'/%3E%3Cpath fill='%236A5245' d='M21 26L44 26C32 26 27 32 24 34L21 34C22 33 23 32 23 31C23 28.6 21.6667 26.6667 21 26Z'/%3E%3Cpath fill='%23C2A88B' d='M2 1C2.46 1 21 18 21 18L2 2L0 2.00098L0 1.00098L2 1Z'/%3E%3Cpath fill='%23C6A185' d='M21 34C21 34 3.15312 50.2004 2.03711 50.9814L2 51H0L0 50H2L21 34Z'/%3E%3Cdefs%3E%3ClinearGradient id='paint1_linear' x1='12' y1='51' x2='12' y2='35' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234A3C34'/%3E%3Cstop offset='0.504808' stop-color='%237C6254'/%3E%3Cstop offset='1' stop-color='%236A5245'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='12' y1='-11' x2='12' y2='17' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238E7B6F'/%3E%3Cstop offset='1' stop-color='%23B49175'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear' x1='35' y1='26' x2='35' y2='17' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D2AF8A'/%3E%3Cstop offset='0.322115' stop-color='%23B49175'/%3E%3Cstop offset='1' stop-color='%23B49175'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 100% 0/var(--cap) var(--h) no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='5' fill='none' viewBox='0 0 22 5'%3E%3Cpath fill='%230E0E14' d='M0 2H22V4H0Z'/%3E%3Cpath fill='%23633E78' d='M0 4H22V5H0Z'/%3E%3Cpath fill='%239E8471' d='M0 0V1H22V0Z'/%3E%3Cpath fill='%23C2A88B' d='M0 1V2H2C3.875 2.22 8.3 2.33 11 5C13.7 2.33 18.125 2.22 20 2H22V1Z'/%3E%3C/svg%3E") 50% 0/2.2em var(--band) no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='5' fill='none' viewBox='0 0 22 5'%3E%3Cpath fill='%230E0E14' d='M0 3H22V1H0Z'/%3E%3Cpath fill='%23633E78' d='M0 1H22V0H0Z'/%3E%3Cpath fill='%234A3C34' d='M0 4V5H22V4Z'/%3E%3Cpath fill='%23C6A185' d='M0 4H22V3H20C18.125 2.78 13.7 2.67 11 0C8.3 2.67 3.875 2.78 2 3H0Z'/%3E%3C/svg%3E") 50% 100%/2.2em var(--band) no-repeat,linear-gradient(180deg,#9e8471 0 .1em,#c2a88b .1em .2em,#0e0e14 .2em .4em,#633e78 .4em) var(--cap) 0/calc(100% - 2*var(--cap)) var(--band) no-repeat,linear-gradient(180deg,#633e78 0 .1em,#0e0e14 .1em .3em,#c6a185 .3em .4em,#4a3c34 .4em) var(--cap) 100%/calc(100% - 2*var(--cap)) var(--band) no-repeat}}

/* Надпись: TI Throne Header, золотой градиент на высоту строки Figma (1.04em),
   за её пределами цвет продолжается — иначе хвосты «у», «р», «д» пропадут.
   Тени — 1px/2px макета при любом кегле, поэтому в --px. */
.button__text{background:linear-gradient(180deg,#ffedc7 calc(50% - .52em),#986c44 calc(50% + .52em));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 var(--px) calc(2*var(--px)) rgba(0,0,0,.5)) drop-shadow(0 var(--px) 0 rgba(0,0,0,.3));font-family:TI Throne Header,sans-serif;font-size:var(--text);font-weight:400;line-height:1.3;position:relative;text-align:center;-webkit-text-fill-color:transparent;white-space:nowrap;z-index:1}