.brand-page{margin-bottom:clamp(3.2rem,5vw,6rem)}.brand-page__hero{background:#0a274d;border-radius:2.4rem;color:#fff;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(32rem,.65fr);min-height:42rem;overflow:hidden;position:relative}.brand-page__hero-copy{padding:clamp(3.2rem,5vw,6.4rem);position:relative;z-index:2}.brand-page__logo{align-items:center;background:#fff;border-radius:1rem;display:inline-flex;margin-bottom:2.4rem;min-height:4.8rem;padding:.8rem 1.4rem}.brand-page__logo .st-marke,.brand-page__logo img{display:block;height:auto;margin:0;max-height:3.2rem;max-width:15rem;position:static;width:auto}.brand-page__eyebrow{color:#a9c9f5;display:block;font-size:1.1rem;font-weight:800;letter-spacing:.13em;margin-bottom:1rem;text-transform:uppercase}.brand-page__eyebrow--dark{color:#4b78b8}.brand-page__hero h1{color:#fff;font-size:clamp(3.4rem,4.5vw,6rem);letter-spacing:-.045em;line-height:1.02;margin:0;max-width:75rem}.brand-page__lead{color:#ffffffd1;font-size:clamp(1.55rem,1.6vw,1.9rem);line-height:1.65;margin-top:2rem;max-width:72rem}.brand-page__lead p{margin:0 0 1rem}.brand-page__lead p:nth-child(n+2){display:none}.brand-page__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.8rem}.brand-page__button{align-items:center;border:0;border-radius:1rem;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;justify-content:center;min-height:4.8rem;padding:1.2rem 1.8rem;text-decoration:none}.brand-page__button--primary{background:#ffd400;color:#0a274d}.brand-page__button--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.35);color:#fff}.brand-page__button--blue{background:#176dcc;color:#fff;margin-top:1.6rem;width:100%}.brand-page__button:hover{filter:brightness(.96);text-decoration:none;transform:translateY(-1px)}.brand-page__meta{display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin-top:2.8rem}.brand-page__meta span{align-items:center;color:#ffffffb8;display:inline-flex;font-size:1.25rem;gap:.4rem}.brand-page__meta span:before{color:#55d393;content:"\2713";font-weight:900}.brand-page__meta strong{color:#fff}.brand-page__visual{align-items:center;background:#123765;display:flex;justify-content:center;min-height:100%;overflow:hidden;position:relative}.brand-page__visual:before{background:#ffd400;content:"";height:.9rem;left:0;position:absolute;right:0;top:0}.brand-page__visual-ring{border:1px solid rgba(255,255,255,.22);border-radius:50%;height:35rem;position:absolute;width:35rem}.brand-page__tyre{filter:drop-shadow(0 2.8rem 2.2rem rgba(0,0,0,.32));height:36rem;max-width:95%;object-fit:contain;position:relative;transform:rotate(-3deg);width:36rem;z-index:1}.brand-page__visual-label{bottom:2.2rem;color:#ffffff1f;font-size:clamp(3rem,3vw,5rem);font-weight:900;inset-inline:2rem;letter-spacing:-.06em;line-height:.9;overflow:hidden;position:absolute;text-align:center;text-overflow:clip;text-transform:uppercase;white-space:nowrap}.brand-page__seasons{display:grid;gap:1.2rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.6rem}.brand-page__season{align-items:center;background:#fff;border:1px solid #dce3ec;border-radius:1.4rem;color:#17202d;display:grid;gap:1.2rem;grid-template-columns:auto 1fr auto;min-height:10rem;padding:1.6rem 1.8rem;text-decoration:none}.brand-page__season:hover{border-color:#7fa7dd;box-shadow:0 1.2rem 3rem #0c274a17;color:#176dcc;text-decoration:none;transform:translateY(-2px)}.brand-page__season-icon{align-items:center;background:#edf4fd;border-radius:50%;color:#176dcc;display:inline-flex;font-size:2.2rem;height:4.8rem;justify-content:center;width:4.8rem}.brand-page__season--summer .brand-page__season-icon{background:#fff4c3;color:#c98100}.brand-page__season--all .brand-page__season-icon{background:#e9f7ef;color:#167c45}.brand-page__season strong,.brand-page__season small{display:block}.brand-page__season strong{font-size:1.6rem}.brand-page__season small{color:#667182;font-size:1.2rem;line-height:1.35;margin-top:.3rem}.brand-page__season b{color:#176dcc;font-size:2rem}.brand-page__models-head{align-items:end;display:flex;justify-content:space-between;margin:3.2rem 0 1.2rem}.brand-page__models-head h2,.brand-guide h2{font-size:clamp(2.4rem,3vw,3.6rem);letter-spacing:-.035em;margin:0}.brand-page__models-head>a{color:#176dcc;font-weight:800;text-decoration:none}.brand-page__models{display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}.brand-page__model{align-items:center;background:#fff;border:1px solid #dce3ec;border-radius:1.2rem;color:#17202d;display:grid;gap:.8rem;grid-template-columns:6.4rem 1fr auto;min-width:0;padding:1rem;text-decoration:none}.brand-page__model:hover{border-color:#7fa7dd;color:#176dcc;text-decoration:none}.brand-page__model img{height:6.4rem;object-fit:contain;width:6.4rem}.brand-page__model small,.brand-page__model strong{display:block}.brand-page__model small{color:#758092;font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand-page__model strong{font-size:1.3rem;line-height:1.25;margin-top:.2rem;overflow-wrap:anywhere}.brand-page__model>b{color:#176dcc}.brand-guide{border-top:1px solid #dce3ec;margin-top:clamp(4rem,6vw,8rem);padding-top:clamp(3.2rem,5vw,6rem)}.brand-guide__head{max-width:76rem}.brand-guide__head>p{color:#667182;font-size:1.6rem;line-height:1.6;margin:1rem 0 0}.brand-guide__grid{display:grid;gap:1.6rem;grid-template-columns:minmax(0,1.55fr) minmax(28rem,.75fr);margin-top:2.4rem}.brand-guide__copy,.brand-guide__facts,.brand-guide__faq{background:#fff;border:1px solid #dce3ec;border-radius:1.6rem}.brand-guide__copy,.brand-guide__facts{padding:clamp(2rem,3vw,3.2rem)}.brand-guide__copy p{color:#4e5969;font-size:1.5rem;line-height:1.75;margin:0 0 1.6rem}.brand-guide__copy p:last-child{margin-bottom:0}.brand-guide__facts{background:#f2f6fb}.brand-guide__facts h3,.brand-guide__faq h3{font-size:1.9rem;margin:0 0 1.4rem}.brand-guide__facts ul{display:grid;gap:1.2rem;list-style:none;margin:0;padding:0}.brand-guide__facts li{color:#4e5969;font-size:1.35rem;line-height:1.5;padding-left:2.2rem;position:relative}.brand-guide__facts li:before{color:#167c45;content:"\2713";font-weight:900;left:0;position:absolute}.brand-guide__faq{margin-top:1.6rem;padding:clamp(2rem,3vw,3.2rem)}.brand-guide__faq details{border-top:1px solid #dce3ec;padding:0}.brand-guide__faq summary{cursor:pointer;font-size:1.5rem;font-weight:800;list-style:none;padding:1.6rem 3rem 1.6rem 0;position:relative}.brand-guide__faq summary:after{color:#176dcc;content:"+";font-size:2rem;position:absolute;right:0;top:1.2rem}.brand-guide__faq details[open] summary:after{content:"\2212"}.brand-guide__faq details p{color:#596474;line-height:1.65;margin:0;max-width:92rem;padding:0 0 1.8rem}@media screen and (max-width:1199px){.brand-page__models{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:989px){.brand-page__hero{grid-template-columns:1fr}.brand-page__visual{min-height:28rem}.brand-page__tyre{height:27rem;width:27rem}.brand-page__seasons,.brand-guide__grid{grid-template-columns:1fr}}@media screen and (max-width:749px){.brand-page__hero{border-radius:1.6rem}.brand-page__hero-copy{padding:2.4rem 2rem 2.8rem}.brand-page__logo{margin-bottom:1.6rem}.brand-page__hero h1{font-size:3.6rem}.brand-page__lead{font-size:1.5rem}.brand-page__actions{display:grid}.brand-page__button{width:100%}.brand-page__meta{display:grid;gap:.6rem}.brand-page__visual{min-height:23rem}.brand-page__tyre,.brand-page__visual-ring{height:22rem;width:22rem}.brand-page__seasons{gap:.8rem}.brand-page__season{min-height:8.6rem}.brand-page__models-head{align-items:start;gap:1rem}.brand-page__models-head>a{white-space:nowrap}.brand-page__models{display:flex;margin-right:-1.5rem;overflow-x:auto;padding-bottom:.8rem;scroll-snap-type:x mandatory}.brand-page__model{flex:0 0 25rem;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-brand-landing.css.map */