.blog-page,.article-page{background:#fff}.blog-top{background:var(--black);color:#fff}.blog-top .site-header{position:relative;z-index:3}.blog-top .site-header img{filter:brightness(0) invert(1)}.blog-top .site-header>.btn{background:#fff;color:var(--black)}.blog-top .site-header nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.blog-top .hamb i{background:#fff}.blog-top .hamb i:nth-child(2){background:var(--yellow)}
.blog-hero{min-height:570px;padding:95px 0 90px;display:flex;flex-direction:column;justify-content:flex-end}.blog-hero h1{margin:0;max-width:1300px;font-size:clamp(62px,7.5vw,132px);line-height:.94;letter-spacing:-.065em}.blog-hero h1 em{color:var(--yellow);font-style:normal}
.blog-index{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);gap:8vw;padding-top:120px;padding-bottom:150px}.blog-about{padding-top:12px}.blog-about>p:last-child{max-width:360px;margin:0;font-size:17px;line-height:1.65}.blog-list{position:relative}.blog-list-head{display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:end;padding:0 60px 26px 0;border-bottom:2px solid var(--black)}.blog-list-head h2{grid-column:1/-1;margin:0 0 60px;font-size:clamp(56px,6vw,105px);line-height:.9;letter-spacing:-.065em}.blog-list-head h2 sup{position:relative;top:-.9em;margin-left:8px;font-size:16px;letter-spacing:0}.blog-list-head>span{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.13em;color:#6d6a66}
.blog-row{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) 34px;gap:30px;align-items:center;min-height:112px;padding:28px 16px 28px 0;border-bottom:1px solid #bdbab5;transition:background-color .2s ease,color .2s ease,padding .2s ease}.blog-row-date{font-size:13px;font-weight:600;color:#6d6a66;transition:color .2s ease}.blog-row-title{font-size:clamp(20px,2vw,34px);font-weight:700;line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}.blog-row-arrow{font-size:24px;transition:transform .3s ease}.blog-row:hover,.blog-row:focus-visible,.blog-row.is-selected{padding-left:22px;background:var(--black);color:#fff}.blog-row:hover .blog-row-date,.blog-row:focus-visible .blog-row-date,.blog-row.is-selected .blog-row-date{color:#d7d7d3}.blog-row:hover .blog-row-arrow,.blog-row:focus-visible .blog-row-arrow{transform:translate(4px,-4px)}.blog-load{position:absolute;left:0;right:0;bottom:-4px;height:4px;overflow:hidden}.blog-load i{display:block;width:100%;height:100%;background:var(--black);transform:scaleX(0);transform-origin:left}.blog-list.is-loading .blog-load i{animation:blog-progress .58s cubic-bezier(.65,0,.35,1) forwards}@keyframes blog-progress{to{transform:scaleX(1)}}.blog-empty{padding:55px 0;border-bottom:1px solid #bbb}
.article-top{min-height:660px}.article-hero{padding:65px 0 100px}.article-hero>a{display:inline-block;margin-bottom:85px;font-size:14px;font-weight:700}.article-hero>p{margin:0 0 22px;color:var(--yellow);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.article-hero h1{max-width:1400px;margin:0;font-size:clamp(62px,7.6vw,138px);line-height:.91;letter-spacing:-.068em}
.article-layout{display:grid;grid-template-columns:minmax(250px,.5fr) minmax(0,1.5fr);gap:9vw;padding-top:115px;padding-bottom:130px}.article-layout aside{position:sticky;top:45px;align-self:start}.article-excerpt{max-width:390px;margin:0 0 55px;font-size:18px;line-height:1.65}.article-layout dl{max-width:390px;margin:0;border-top:2px solid var(--black)}.article-layout dl div{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid #ccc}.article-layout dt{font-size:11px;font-weight:800;text-transform:uppercase}.article-layout dd{margin:0;font-size:13px;line-height:1.45}.article-body{min-width:0}.article-featured,.article-image{margin:0 0 65px}.article-featured img,.article-image img{display:block;width:100%;height:auto}.article-text{margin:0 0 55px;white-space:pre-line;font-size:clamp(19px,1.55vw,26px);line-height:1.7}.article-text:first-of-type::first-line{font-weight:700}.article-image.wide{width:min(118%,calc(100vw - 80px))}.article-empty{font-size:22px;color:#777}.back-blog{margin-bottom:135px;text-align:center}.article-page .cta,.blog-page .cta{position:relative;z-index:2}.article-page footer,.blog-page footer{position:relative;z-index:1}
@media(max-width:700px){.blog-page,.article-page{border-width:8px}.blog-top .site-header nav.mobile-open{background:var(--black);border-color:#333}.blog-hero{width:calc(100% - 70px);min-height:430px;padding:35px 0 60px}.blog-hero h1{font-size:50px;line-height:1}.blog-index{display:block;width:calc(100% - 70px);padding:65px 0 90px}.blog-about{margin-bottom:70px}.blog-list-head{grid-template-columns:76px 1fr;gap:15px;padding-right:0}.blog-list-head h2{margin-bottom:45px;font-size:56px}.blog-row{grid-template-columns:76px minmax(0,1fr) 20px;gap:15px;min-height:105px;padding:20px 0}.blog-row:hover,.blog-row:focus-visible,.blog-row.is-selected{padding-left:14px}.blog-row-title{font-size:18px;line-height:1.2}.article-top{min-height:0}.article-hero{width:calc(100% - 70px);padding:30px 0 70px}.article-hero>a{margin-bottom:60px}.article-hero h1{font-size:50px;line-height:.96}.article-layout{display:block;width:calc(100% - 70px);padding:70px 0 90px}.article-layout aside{position:static;margin-bottom:70px}.article-excerpt{font-size:17px}.article-text{font-size:18px;line-height:1.65}.article-image.wide{width:100%}.back-blog{margin-bottom:85px}.article-page .cta,.blog-page .cta{width:100%}}
@media(prefers-reduced-motion:reduce){.blog-row,.blog-row span,.blog-row-arrow{transition:none}.blog-list.is-loading .blog-load i{animation:none;transform:scaleX(1)}}
.blog-row-arrow{font-weight:900}.blog-row:hover .blog-row-arrow,.blog-row:focus-visible .blog-row-arrow{transform:translateX(5px)}