/* Home della lega. */
body.tl-titan .th{--ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);--edge:clamp(16px,3.2vw,48px);--r:22px;--r2:14px;-webkit-tap-highlight-color:transparent;background:#07090a;font-size:16px}
body.tl-titan .th *,body.tl-titan .th *::before,body.tl-titan .th *::after{box-sizing:border-box;margin:0;padding:0}
body.tl-titan .th a{color:inherit;text-decoration:none}
body.tl-titan .th img{display:block;max-width:100%}
body.tl-titan .th button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
body.tl-titan .th{--bg:#07090a;--ink:#f3f6f5;--mute:rgba(243,246,245,.66);--line:rgba(255,255,255,.1);--tile:#0f1314;--tile2:#161b1c;--accent:#00E5C8;--accent-ink:#00E5C8;--on-accent:#04110f;--ghost:rgba(255,255,255,.1);--ghost2:rgba(255,255,255,.18);--glass:rgba(13,17,18,.84);background:var(--bg);color:var(--ink);min-height:100svh;padding-bottom:88px}
body.tl-titan .th :focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}
body.tl-titan .th .wrap{width:100%;max-width:1480px;margin-inline:auto;padding-inline:var(--edge)}
body.tl-titan .th h1,body.tl-titan .th h2,body.tl-titan .th h3{font-weight:600;line-height:1.04;text-wrap:balance}
body.tl-titan .th h2{font-size:clamp(34px,4.4vw,64px)}
body.tl-titan .th .eyebrow{font-family:var(--fm);font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--mute)}
body.tl-titan .th .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;background:var(--accent);color:var(--on-accent);transition:transform 140ms var(--ease-out),background-color 180ms ease,opacity 180ms ease}
body.tl-titan .th .btn--ghost{background:var(--ghost);color:var(--ink);backdrop-filter:blur(10px)}
body.tl-titan .th .btn:active{transform:scale(.97)}
body.tl-titan .th .btn--inv{background:#fff;color:#07090a}
body.tl-titan .th a.tile:active{transform:scale(.995)}
body.tl-titan .th a.tile{transition-property:border-color,background-color,transform;transition-duration:160ms}
body.tl-titan .th .tlink{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ink)}
body.tl-titan .th .tlink svg{transition:transform 200ms var(--ease-out)}
body.tl-titan .th .sec{padding-block:clamp(56px,7vw,110px)}
body.tl-titan .th .sec__h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(22px,3vw,40px)}
body.tl-titan .th .tile{background:var(--tile);border:1px solid var(--line);border-radius:var(--r);transition:border-color 180ms ease,background-color 180ms ease}
body.tl-titan .th .logo{width:32px;height:32px;object-fit:contain;flex:none;border-radius:6px}
body.tl-titan .th .cd{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;font-family:var(--fm)}
body.tl-titan .th .cd div{padding:10px 4px;border-radius:12px;background:var(--ghost);text-align:center}
body.tl-titan .th .cd b{display:block;font-size:clamp(22px,2.3vw,32px);font-weight:600;line-height:1.1;letter-spacing:-.03em}
body.tl-titan .th .cd span{font-size:13px;color:var(--mute)}
body.tl-titan .th .rrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
body.tl-titan .th .rrow:first-child{border-top:0}
body.tl-titan .th .rrow__t{display:flex;align-items:center;gap:10px;min-width:0;font-weight:500}
body.tl-titan .th .rrow__t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.tl-titan .th .rrow__t.lost{color:var(--mute)}
body.tl-titan .th .rrow b{font-family:var(--fm);font-weight:600}
body.tl-titan .th .rrow b.w{color:var(--accent-ink)}
body.tl-titan .th .rrow b.lost{color:var(--mute);font-weight:500}
body.tl-titan .th .rcard{display:block;padding:18px;scroll-snap-align:start}
body.tl-titan .th .rcard__m{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}
body.tl-titan .th .dtag{font-size:13px;font-weight:600;color:var(--c)}
body.tl-titan .th .about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,90px)}
body.tl-titan .th .about p{color:var(--mute);margin-bottom:16px;font-size:clamp(17px,1.25vw,19px);line-height:1.65}
body.tl-titan .th .about strong{color:var(--ink);font-weight:600}
body.tl-titan .th .champs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.tl-titan .th .champ{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 10px;gap:4px}
body.tl-titan .th .champ img{width:68px;height:68px;object-fit:contain;margin:6px 0}
body.tl-titan .th .champ b{font-weight:600;letter-spacing:-.02em;line-height:1.15}
body.tl-titan .th .champ small{font-family:var(--fm);font-size:13px;color:var(--mute)}
body.tl-titan .th .news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.tl-titan .th .new{display:block;overflow:hidden}
body.tl-titan .th .new__i{aspect-ratio:16/9;background:#0b1010;display:grid;place-items:center;overflow:hidden}
body.tl-titan .th .new__i img{width:100%;height:100%;object-fit:contain;transition:transform 320ms var(--ease-out)}
body.tl-titan .th .new__t{padding:16px 18px 20px}
body.tl-titan .th .new__t b{display:block;font-weight:600;font-size:19px;line-height:1.2;letter-spacing:-.02em;margin-top:4px}
@media(hover:hover) and (pointer:fine){
body.tl-titan .th .btn:hover{background:#3df2db}
body.tl-titan .th .btn--ghost:hover{background:var(--ghost2)}
body.tl-titan .th .btn--inv:hover{background:#e7eeec}
body.tl-titan .th a.tile:hover{background:var(--tile2)}
body.tl-titan .th .tlink:hover svg{transform:translateX(3px)}
body.tl-titan .th .new:hover .new__i img{transform:scale(1.015)}
}
body.tl-titan .th .c-f{position:relative;isolation:isolate;height:100svh;min-height:640px;overflow:hidden;color:#fff;background:#0a1414;will-change:transform,clip-path}
body.tl-titan .th .c-f video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
body.tl-titan .th .c-f::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,9,.62),rgba(5,9,9,.14) 62%),linear-gradient(180deg,rgba(5,9,9,.35),rgba(5,9,9,.22) 34%,rgba(5,9,9,.9))}
body.tl-titan .th .c-f h1{font-size:clamp(46px,8.4vw,136px);font-weight:600;line-height:.94}
body.tl-titan .th .c-f p{margin-top:16px;max-width:36em;font-size:clamp(17px,1.35vw,20px);color:rgba(255,255,255,.86)}
@keyframes c-mq{to{transform:translateX(-50%)}}
@media(max-width:1000px){
body.tl-titan .th .about{grid-template-columns:minmax(0,1fr)}
body.tl-titan .th .c-f{height:auto;min-height:100svh;padding-top:96px}
body.tl-titan .th .c-f{display:flex;flex-direction:column;justify-content:flex-end}
body.tl-titan .th .news{grid-template-columns:minmax(0,1fr)}
body.tl-titan .th .champs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
body.tl-titan .th .b-cta .btn{flex:1 1 100%}
body.tl-titan .th .c-f h1{font-size:13.5vw}
}
@media(prefers-reduced-motion:reduce){
body.tl-titan .th *,body.tl-titan .th *::before,body.tl-titan .th *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.js body.tl-titan .th [data-r]{opacity:1!important;transform:none!important}
}
.js body.tl-titan .th [data-r]{opacity:0;transform:translateY(14px);transition:opacity 560ms var(--ease-out) var(--d,0ms),transform 560ms var(--ease-out) var(--d,0ms)}
.js body.tl-titan .th [data-r].in{opacity:1;transform:none}
@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
body.tl-titan .th.f-rf{--fd:'Barlow Condensed',sans-serif;--ft:'Barlow',sans-serif;--fm:'Martian Mono',monospace;--tr:.005em;--trx:.005em;--fs:100%;font-family:var(--ft)}
body.tl-titan .th h1,body.tl-titan .th h2,body.tl-titan .th h3{font-family:var(--fd);font-stretch:var(--fs);letter-spacing:var(--tr)}
body.tl-titan .th h1{letter-spacing:var(--trx)}
body.tl-titan .th.xs{--r:0px;--r2:0px;--cut:14px}
body.tl-titan .th.xs h1,body.tl-titan .th.xs h2{text-transform:uppercase;font-weight:800;line-height:.98}
body.tl-titan .th.xs .btn{border-radius:0;clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%);padding:0 30px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:15px}
body.tl-titan .th.xs .btn:focus-visible{outline-color:#fff;outline-offset:-5px}
body.tl-titan .th.xs .btn--inv{background:var(--accent);color:var(--on-accent)}
body.tl-titan .th.xs .tile{border:0;background:var(--tile);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
body.tl-titan .th.xs .eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:13px}
body.tl-titan .th.xs .sec__h h2::before{content:'';display:block;width:54px;height:5px;background:var(--accent);transform:skewX(-24deg);margin-bottom:14px}
body.tl-titan .th.xs .rrow b{font-size:20px}
body.tl-titan .th.xs .rcard{border-left:4px solid var(--c,var(--accent))}
body.tl-titan .th.xs .cd div{border-radius:0;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:rgba(255,255,255,.1)}
body.tl-titan .th.xs .champ{border-top:3px solid var(--c)}
body.tl-titan .th.xs .champ b{text-transform:uppercase;font-family:var(--fd);font-stretch:var(--fs);font-size:18px;font-weight:700}
body.tl-titan .th.xs .new__t b{font-family:var(--fd);font-stretch:var(--fs);text-transform:uppercase;font-weight:700;font-size:20px;line-height:1.08;letter-spacing:0}
body.tl-titan .th.xs .about h2{font-size:clamp(34px,4.2vw,62px)}
body.tl-titan .th .tchip{display:inline-flex;align-items:center;min-height:32px;padding:0 18px;font-family:var(--fd);font-stretch:var(--fs);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--on-accent);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);flex:none}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -2% 0 0)}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mu-l{from{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:none}}
@keyframes mu-r{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}
body.tl-titan .th.v-rf .c-f::after{display:none}
body.tl-titan .th.v-rf .c-f{background:#000;min-height:700px}
body.tl-titan .th.v-rf .c-f video{filter:brightness(1.55) contrast(1.08) saturate(1.2)}
body.tl-titan .th .rf-m{position:absolute;inset:0;z-index:-1;background:#080c0d;mix-blend-mode:multiply;display:flex;justify-content:center;padding-top:clamp(84px,10.5svh,110px)}
body.tl-titan .th .rf-w,body.tl-titan .th .rf-o{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:min(32.5vw,52svh);line-height:.8;letter-spacing:.012em;white-space:nowrap}
body.tl-titan .th .rf-w{color:#fff}
body.tl-titan .th .rf-o{position:absolute;left:0;right:0;top:clamp(84px,10.5svh,110px);text-align:center;color:transparent;-webkit-text-stroke:1.5px rgba(0,229,200,.8);pointer-events:none;z-index:0}
body.tl-titan .th .rf-w{animation:rf-in 900ms var(--ease-io) both}
@keyframes rf-in{from{clip-path:inset(100% 0 -10% 0)}to{clip-path:inset(-10% 0 -10% 0)}}
body.tl-titan .th .rf-o{animation:rf-in 900ms var(--ease-io) 90ms both}
body.tl-titan .th .rf-g{position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(180deg,transparent,rgba(5,8,9,.92) 56%);z-index:0;pointer-events:none}
body.tl-titan .th.v-rf h1{font-size:clamp(30px,4.2vw,66px);font-weight:900;line-height:.94}
body.tl-titan .th.v-rf .c-f p{font-size:clamp(17px,1.3vw,20px);margin-top:10px;max-width:40em}
body.tl-titan .th .rf-b{position:absolute;width:32px;height:32px;border:2px solid var(--accent);z-index:2;pointer-events:none}
body.tl-titan .th .rf-b--a{top:86px;left:18px;border-right:0;border-bottom:0}
body.tl-titan .th .rf-b--b{top:86px;right:18px;border-left:0;border-bottom:0}
body.tl-titan .th.v-rf .tile{position:relative}
body.tl-titan .th .rf-d{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.tl-titan .th .rf-dv{position:relative;display:flex;align-items:center;gap:14px;padding:18px;overflow:hidden;background:radial-gradient(90% 130% at 0 50%,color-mix(in srgb,var(--c) 26%,transparent),transparent 70%),var(--tile);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
body.tl-titan .th .rf-dv img{width:64px;height:auto;transition:transform 220ms var(--ease-out)}
body.tl-titan .th .rf-dv b{display:block;font-family:var(--fd);font-weight:900;font-size:clamp(24px,2.4vw,36px);text-transform:uppercase;line-height:1}
body.tl-titan .th .rf-dv span span{font-size:14px;color:var(--mute)}
body.tl-titan .th .rf-dv b{color:var(--ink)}
@media(hover:hover) and (pointer:fine){
body.tl-titan .th .rf-dv:hover img{transform:scale(1.07)}
}
@media(max-width:1000px){
body.tl-titan .th.v-rf .c-f{padding-top:calc(96px + 31vw)}
body.tl-titan .th .rf-d{grid-template-columns:repeat(2,minmax(0,1fr))}
body.tl-titan .th .rf-b{display:none}
body.tl-titan .th .rf-w,body.tl-titan .th .rf-o{font-size:32.5vw}
}
@media(max-width:620px){
body.tl-titan .th .rf-d{grid-template-columns:repeat(2,minmax(0,1fr))}
body.tl-titan .th.xs .btn{padding:0 24px}
}
@media(prefers-reduced-motion:reduce){
body.tl-titan .th .rf-w,body.tl-titan .th .rf-o{animation:none}
}
body.tl-titan .th.t4 .c-f{display:flex;flex-direction:column;justify-content:flex-end;height:100svh;min-height:680px;max-height:1160px}
body.tl-titan .th.t4 .rf-w,body.tl-titan .th.t4 .rf-o{font-size:min(31vw,44svh)}
body.tl-titan .th.t4 .rf-m{padding-top:clamp(82px,10svh,104px)}
body.tl-titan .th.t4 .rf-o{top:clamp(82px,10svh,104px)}
body.tl-titan .th.t4 .rf-g{height:52%;background:linear-gradient(180deg,transparent,rgba(5,8,9,.94) 62%)}
body.tl-titan .th.t4 .c-f::before{content:none}
body.tl-titan .th.o-glow .rf-o{-webkit-text-stroke:2px #5ffff0;filter:drop-shadow(0 0 6px rgba(0,229,200,.95)) drop-shadow(0 0 24px rgba(0,229,200,.6));transform:translateZ(0)}
body.tl-titan .th .t4-h{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:clamp(44px,9svh,88px)}
body.tl-titan .th .t4-h h1{font-size:clamp(36px,5vw,80px);font-weight:900;line-height:.96;margin-top:clamp(18px,2.6svh,28px);max-width:17em;text-wrap:balance}
body.tl-titan .th.t4 .t4-h p{margin-top:clamp(18px,2.6svh,26px);max-width:34em;font-size:clamp(18px,1.45vw,22px);line-height:1.5;color:rgba(255,255,255,.88)}
body.tl-titan .th .t4-h .b-cta{justify-content:center;margin-top:clamp(26px,4svh,38px);gap:12px}
body.tl-titan .th .t4-h .btn{min-height:52px;padding:0 34px}
body.tl-titan .th .t4-h>*{animation:rise 620ms var(--ease-out) both}
body.tl-titan .th .t4-h>:nth-child(1){animation-delay:240ms}
body.tl-titan .th .t4-h>:nth-child(2){animation-delay:290ms}
body.tl-titan .th .t4-h>:nth-child(3){animation-delay:330ms}
body.tl-titan .th .t4-h>:nth-child(4){animation-delay:360ms}
body.tl-titan .th .tw{position:relative;display:grid;grid-template-columns:minmax(200px,.72fr) minmax(0,1.7fr) minmax(250px,auto);gap:clamp(18px,3vw,44px);align-items:center;padding:clamp(22px,2.6vw,34px) clamp(22px,3vw,44px);background:linear-gradient(100deg,rgba(145,70,255,.3),rgba(145,70,255,.06) 62%),var(--tile);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
body.tl-titan .th .tw::before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:#9146FF}
body.tl-titan .th .tw__s{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body.tl-titan .th .tw__b{display:inline-flex;align-items:center;gap:8px;font-family:var(--fd);font-weight:800;font-size:clamp(20px,1.9vw,27px);text-transform:uppercase;line-height:1.05}
body.tl-titan .th .tw__b svg{width:22px;height:22px;color:#b98bff;flex:none}
body.tl-titan .th .tw__w{color:var(--mute);font-size:16px}
body.tl-titan .th .tw__t{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,26px);min-width:0;font-family:var(--fd);font-weight:900;font-size:clamp(22px,2.3vw,38px);text-transform:uppercase;line-height:1.02}
body.tl-titan .th .tw__t span{flex:1 1 0;min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.tl-titan .th .tw__t span:first-child{text-align:right}
body.tl-titan .th .tw__t img,body.tl-titan .th .tw__t .ph{width:clamp(44px,4.6vw,68px);height:clamp(44px,4.6vw,68px);object-fit:contain;flex:none}
body.tl-titan .th .tw__t i{font-style:normal;color:#b98bff;font-size:.72em}
body.tl-titan .th .tw__r{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:min(100%,300px)}
body.tl-titan .th .tw .btn{background:#9146FF;color:#fff;--accent:#9146FF}
body.tl-titan .th .tw .cd div{background:rgba(255,255,255,.1)}
@media(hover:hover) and (pointer:fine){
body.tl-titan .th .tw .btn:hover{background:#a56bff}
}
body.tl-titan .th .tw--live{background:linear-gradient(100deg,rgba(255,60,75,.34),rgba(255,60,75,.05) 62%),var(--tile)}
body.tl-titan .th .tw--live::before{background:#ff3c4b}
body.tl-titan .th .tw__dot{width:10px;height:10px;border-radius:50%;background:#ff3c4b;flex:none}
body.tl-titan .th .tw--none{grid-template-columns:minmax(0,1fr) auto}
body.tl-titan .th .t4-tw{padding-block:clamp(40px,5vw,70px) 0}
body.tl-titan .th .n{--n-h:clamp(54px,7.6vw,132px)}
body.tl-titan .th .nc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
body.tl-titan .th .nc>div{padding:clamp(20px,3vw,40px) clamp(14px,2.2vw,30px);border-left:1px solid rgba(0,229,200,.3)}
body.tl-titan .th .nc>div:first-child{border-left:0;padding-left:0}
body.tl-titan .th .nv{display:flex;text-transform:uppercase;white-space:nowrap;font-family:var(--fd);font-weight:900;font-size:var(--n-h);line-height:1;height:1em;font-variant-numeric:tabular-nums}
body.tl-titan .th .nd{display:block;height:1em;overflow:hidden}
body.tl-titan .th .nd>span{display:flex;flex-direction:column;transition:transform 1000ms var(--ease-out) var(--d,0ms);transform:translateY(0);will-change:transform}
body.tl-titan .th .nd b{display:block;height:1em;font-weight:900}
body.tl-titan .th .nd.go>span{transform:translateY(calc(var(--v) * -1em))}
body.tl-titan .th .nl{display:block;margin-top:10px;font-family:var(--fd);font-size:clamp(17px,1.6vw,24px);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
body.tl-titan .th .n-roll .nv{color:var(--accent)}
body.tl-titan .th .n-roll .nc{border-block:1px solid rgba(0,229,200,.3)}
body.tl-titan .th .t4-f{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
body.tl-titan .th .t4-c{min-height:40px;padding:0 18px;font-family:var(--fd);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);background:var(--tile);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);transition:background-color 130ms ease,color 130ms ease}
body.tl-titan .th .t4-c[aria-pressed=true]{background:var(--c,var(--accent));color:#04110f}
body.tl-titan .th .t4-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.tl-titan .th .t4-r .rcard{scroll-snap-align:none}
body.tl-titan .th .t4-e{grid-column:1/-1;padding:28px;color:var(--mute);background:var(--tile)}
body.tl-titan .th .t4-a{margin-top:18px}
@media(hover:hover) and (pointer:fine){
body.tl-titan .th .t4-c[aria-pressed=false]:hover{background:var(--tile2)}
}
body.tl-titan .th .jx{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:stretch;background:#000;color:#fff;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
body.tl-titan .th .jx__l{padding:clamp(26px,3.6vw,54px)}
body.tl-titan .th .jx .eyebrow{margin:0;color:rgba(255,255,255,.72)}
body.tl-titan .th .jx h2{font-size:clamp(36px,4.8vw,72px);margin-top:12px;color:#fff}
body.tl-titan .th .jx h2 em{font-style:normal;color:#ff2e38}
body.tl-titan .th .jx__t{margin-top:14px;color:rgba(255,255,255,.82);max-width:34em}
body.tl-titan .th.xs .jx__b{margin-top:24px;background:#fff;color:#000}
body.tl-titan .th .jx__r{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:26px 26px 26px clamp(60px,7vw,110px);background:#d20c14;clip-path:polygon(clamp(40px,5vw,84px) 0,100% 0,100% 100%,0 100%)}
body.tl-titan .th .jx__p{font-family:var(--fd);font-weight:900;font-size:clamp(76px,9.5vw,150px);line-height:.9;color:#fff}
body.tl-titan .th .jx__c{min-height:48px;padding:0 20px;font-family:var(--fd);font-size:17px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#d20c14;background:#fff;transition:background-color 130ms ease,transform 130ms var(--ease-out)}
body.tl-titan .th .jx__c:active{transform:scale(.97)}
body.tl-titan .th .jx__c:focus-visible{outline:2px solid #000;outline-offset:2px}
@media(hover:hover) and (pointer:fine){
body.tl-titan .th.xs .jx__b:hover{background:#e6e6e6}
body.tl-titan .th .jx__c:hover{background:#f1f1f1}
}
@media(max-width:1000px){
body.tl-titan .th.t4 .c-f{height:auto;min-height:0;padding-top:calc(112px + 30vw);max-height:none;justify-content:flex-start}
body.tl-titan .th .t4-h{padding-bottom:clamp(40px,8vw,64px)}
body.tl-titan .th.t4 .rf-w,body.tl-titan .th.t4 .rf-o{font-size:31vw}
body.tl-titan .th .tw,body.tl-titan .th .tw--none{grid-template-columns:minmax(0,1fr)}
body.tl-titan .th .tw__t{justify-content:center}
body.tl-titan .th .tw__r{min-width:0}
body.tl-titan .th .t4-r{grid-template-columns:repeat(2,minmax(0,1fr))}
body.tl-titan .th .jx{grid-template-columns:minmax(0,1fr)}
body.tl-titan .th .jx__r{padding:24px;clip-path:polygon(0 18px,100% 0,100% 100%,0 100%)}
}
@media(max-width:620px){
body.tl-titan .th .t4-r{grid-template-columns:minmax(0,1fr)}
body.tl-titan .th .t4-f{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--edge)*-1);padding-inline:var(--edge)}
body.tl-titan .th .t4-c{flex:none}
body.tl-titan .th .t4-h .btn,body.tl-titan .th .jx__b,body.tl-titan .th .jx__c{width:100%}
body.tl-titan .th .tw__t{font-size:20px}
body.tl-titan .th .nc{grid-template-columns:repeat(2,minmax(0,1fr))}
body.tl-titan .th .nc>div{padding:18px 14px}
body.tl-titan .th .nc>div:nth-child(odd){border-left:0;padding-left:0}
body.tl-titan .th .nc>div:nth-child(n+3){border-top:1px solid rgba(0,229,200,.3)}
body.tl-titan .th .n{--n-h:17vw}
}
@media(prefers-reduced-motion:reduce){
body.tl-titan .th .t4-h>*{animation:none}
body.tl-titan .th .nd>span{transition:none}
}
body.tl-titan .th.t4 .c-f{--F:min(31vw,41svh);--T:clamp(82px,10svh,104px);--L:max(16px,calc(var(--F)*.095));height:auto;min-height:100svh;max-height:none;padding-top:calc(var(--T) + var(--F)*.8 + var(--L) + 34px)}
body.tl-titan .th.t4 .rf-w,body.tl-titan .th.t4 .rf-o{font-size:var(--F)}
body.tl-titan .th.t4 .rf-l{position:absolute;left:0;right:0;top:calc(var(--T) + var(--F)*.8 + 12px);z-index:2;padding-left:.3em;text-align:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:var(--L);line-height:1;letter-spacing:.3em;color:#5ffff0;pointer-events:none;animation:rise 620ms var(--ease-out) 200ms both}
@media(max-width:1000px){
body.tl-titan .th.t4 .c-f{--F:31vw;height:auto;min-height:0;padding-top:calc(var(--T) + var(--F)*.8 + var(--L) + 40px)}
body.tl-titan .th.t4 .rf-w,body.tl-titan .th.t4 .rf-o{font-size:var(--F)}
}
body.tl-titan .th .t4-h h1{max-width:24em;font-size:clamp(36px,5vw,72px)}
@media(prefers-reduced-motion:reduce){
body.tl-titan .th.t4 .rf-l{animation:none}
}
body.tl-titan main.th{padding-bottom:0;min-height:0}
body.tl-titan .th [hidden]{display:none!important}
body.tl-titan .th .btn,body.tl-titan .th .jx__c,body.tl-titan .th .t4-c{border:0}
@media(max-width:620px){
  body.tl-titan .th .rf-dv{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}
  body.tl-titan .th .rf-dv img{width:52px;height:52px}
  body.tl-titan .th .rf-dv b{font-size:24px;line-height:1.05}
  body.tl-titan .th .rf-dv span{min-width:0}
  body.tl-titan .th .rf-dv span span{display:block;font-size:14px;line-height:1.3}
}
