.blog-page{background:#0a0a0b}.blog-hero{border-bottom:1px solid rgba(186,157,57,.2);background-color:#0a0a0b;background-image:linear-gradient(90deg,rgba(6,10,10,.94),rgba(6,10,10,.72) 48%,rgba(6,10,10,.4)),linear-gradient(0deg,#0a0a0b,transparent 65%),url(/tutule_frontend_assets_v2/02_hero/hero_background_car_scene.png);background-position:50%;background-size:cover;background-repeat:no-repeat}.blog-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);align-items:center;padding:64px 0 72px}.blog-hero-eyebrow{margin:0 0 16px;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:#e8d48b}.blog-hero h1{font-family:var(--font-sora),system-ui,sans-serif;font-size:clamp(30px,4.2vw,46px);font-weight:700;line-height:1.18;color:#f5f5f7}.blog-hero-subtitle{margin:20px 0 0;max-width:560px;font-size:15px;line-height:1.8;color:#d4d4d8}.blog-hero-image{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(186,157,57,.3);border-radius:14px;background:#000;box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}.blog-hero-image img{-o-object-fit:contain;object-fit:contain}.blog-explorer{padding:44px 0 72px}.blog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.blog-category-nav{display:flex;flex-wrap:wrap;gap:10px}.blog-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#111113;color:#d4d4d8;font-size:13px;font-weight:500;line-height:1;cursor:pointer;transition:border-color .25s ease,color .25s ease,background .25s ease,transform .25s ease}.blog-chip:hover{border-color:rgba(186,157,57,.55);color:#e8d48b}.blog-chip[data-active=true]{border-color:#ba9d39;background:rgba(186,157,57,.12);color:#e8d48b}.blog-chip:disabled{opacity:.4;pointer-events:none}.blog-chip-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;color:#a1a1aa}.blog-chip[data-active=true] .blog-chip-count{background:rgba(186,157,57,.25);color:#e8d48b}.blog-search{position:relative;display:flex;align-items:center;gap:10px;min-width:min(320px,100%);padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#111113;transition:border-color .25s ease}.blog-search:focus-within{border-color:rgba(186,157,57,.65)}.blog-search svg{flex:none;color:#a1a1aa}.blog-search input{width:100%;height:42px;border:0;outline:none;background:transparent;color:#f5f5f7;font-size:14px}.blog-search input::-moz-placeholder{color:#71717a}.blog-search input::placeholder{color:#71717a}.blog-search input::-webkit-search-cancel-button{display:none}.blog-search-clear{display:inline-grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#d4d4d8;cursor:pointer}.blog-result-count{margin:0 0 22px;font-size:13px;color:#a1a1aa}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(160deg,#17171a,#0c0c0e);color:inherit;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.blog-card:focus-visible,.blog-card:hover{border-color:rgba(186,157,57,.55);transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(0,0,0,.75)}.blog-card-image{position:relative;overflow:hidden;background:#000}.blog-card-photo{display:block;width:100%;height:auto;transition:filter .55s ease}.blog-card:hover .blog-card-photo{filter:brightness(1.08)}.blog-card-category{position:absolute;top:12px;left:12px;padding:5px 11px;border:1px solid rgba(186,157,57,.45);border-radius:999px;background:rgba(8,10,9,.78);backdrop-filter:blur(6px);font-size:11px;letter-spacing:.04em;color:#e8d48b}.blog-card-copy{display:flex;flex:1;flex-direction:column;padding:20px 20px 22px}.blog-card-copy time{font-size:12px;color:#8b8b94}.blog-card-copy h2{font-family:var(--font-sora),system-ui,sans-serif;font-size:17px;font-weight:600;line-height:1.45;color:#f5f5f7;-webkit-line-clamp:2}.blog-card-copy h2,.blog-card-copy p{margin:10px 0 0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-copy p{font-size:13px;line-height:1.7;color:#a1a1aa;-webkit-line-clamp:3}.blog-card-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:13px;font-weight:600;color:#d9bf63}.blog-card-more svg{transition:transform .25s ease}.blog-card:hover .blog-card-more svg{transform:translateX(3px)}@media (prefers-reduced-motion:no-preference){.blog-featured-section .blog-card{animation:blog-card-enter .65s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--blog-reveal-delay,0s)}@keyframes blog-card-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}}.blog-motion .category-hero-copy>*{animation:none}@media (prefers-reduced-motion:no-preference){.blog-motion .blog-chip:hover{transform:translateY(-2px)}.blog-motion .blog-chip:active{transform:translateY(0) scale(.97)}.blog-motion .blog-chip-count{transition:background .25s ease,color .25s ease}.blog-motion .blog-search{transition:border-color .25s ease,box-shadow .25s ease}.blog-motion .blog-search:focus-within{box-shadow:0 0 0 3px rgba(186,157,57,.1)}.blog-motion .blog-cta-box,.blog-motion .blog-promo{transition:border-color .3s ease,box-shadow .3s ease}.blog-motion .blog-cta-box:hover,.blog-motion .blog-promo:hover{border-color:rgba(186,157,57,.6);box-shadow:0 16px 48px -28px rgba(186,157,57,.25)}.blog-motion .blog-cta-actions a,.blog-motion .blog-promo-actions a{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.blog-motion .blog-cta-actions a:hover,.blog-motion .blog-promo-actions a:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.blog-motion *,.blog-motion :after,.blog-motion :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.blog-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;border:1px dashed rgba(255,255,255,.16);border-radius:16px;text-align:center;color:#a1a1aa}.blog-empty svg{color:#ba9d39}.blog-empty h2{margin:6px 0 0;font-family:var(--font-sora),system-ui,sans-serif;font-size:19px;color:#f5f5f7}.blog-empty p{margin:0;font-size:14px}.blog-empty .blog-chip{margin-top:10px}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:44px;font-size:13px;color:#a1a1aa}.blog-bottom-cta{border-top:1px solid rgba(186,157,57,.2);background-color:#0a0a0b;background-image:linear-gradient(90deg,rgba(6,10,10,.94),rgba(6,10,10,.7)),url(/tutule_frontend_assets_v2/05_contact/contact_banner.png);background-position:50%;background-size:cover;background-repeat:no-repeat;padding:72px 0 88px}.blog-cta-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,4vw,44px);border:1px solid rgba(186,157,57,.3);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.2))}.blog-cta-box h2{margin:0;max-width:520px;font-family:var(--font-sora),system-ui,sans-serif;font-size:clamp(22px,2.6vw,30px);font-weight:700;color:#f5f5f7}.blog-cta-actions{display:flex;flex-wrap:wrap;gap:12px}.blog-featured-section{padding:72px 0;background:#0a0e0f}.blog-featured-subtitle{margin:2px 0 30px;font-size:13px;letter-spacing:.18em;color:#a1a1aa}.blog-article{background:#0a0a0b}.blog-article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(28px,4vw,64px);padding:48px 0 80px;align-items:start}.blog-toc-desktop{position:sticky;top:104px;display:block;grid-column:2;grid-row:1}.blog-toc-mobile{display:none;margin-bottom:28px}.blog-post-body{grid-column:1;grid-row:1;min-width:0;max-width:780px}.blog-post-header{margin-bottom:28px}.blog-post-header .blog-card-category{position:static;display:inline-flex;margin-bottom:16px}.blog-post-header h1{margin:0;font-family:var(--font-sora),system-ui,sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.25;color:#f5f5f7}.blog-post-description{margin:18px 0 0;font-size:16px;line-height:1.8;color:#d4d4d8}.blog-post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:13px;color:#8b8b94}.blog-post-meta span{display:inline-flex;align-items:center;gap:6px}.blog-cover{margin:0 0 8px}.blog-promo{margin-top:36px;padding:clamp(22px,3vw,30px);border:1px solid rgba(186,157,57,.3);border-radius:16px;background:linear-gradient(135deg,rgba(186,157,57,.1),rgba(0,0,0,.25))}.blog-promo h3{margin:0;font-family:var(--font-sora),system-ui,sans-serif;font-size:20px;font-weight:600;color:#f5f5f7}.blog-promo p{margin:10px 0 0;font-size:14px;line-height:1.75;color:#d4d4d8}.blog-promo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.blog-related{border-top:1px solid rgba(255,255,255,.08);padding:64px 0 8px}.blog-related-title{margin:0 0 24px;font-family:var(--font-sora),system-ui,sans-serif;font-size:24px;font-weight:700;color:#f5f5f7}.blog-post-cta{padding:48px 0 88px}.blog-post-cta .blog-cta-box{margin-top:0}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.blog-hero-inner{grid-template-columns:1fr;padding:48px 0 52px}.blog-hero-image{order:-1}.blog-article-wrap{grid-template-columns:1fr;gap:0;padding:36px 0 64px}.blog-toc-desktop{display:none}.blog-toc-mobile{display:block}.blog-post-body{max-width:none}}@media (max-width:700px){.blog-hero{background-image:linear-gradient(180deg,rgba(6,10,10,.45),rgba(6,10,10,.94) 75%,#0a0a0b),url(/tutule_frontend_assets_v2/02_hero/hero_background_car_scene.png);background-position:65% top}.blog-featured-grid,.blog-grid{grid-template-columns:1fr}.blog-toolbar{flex-direction:column;align-items:stretch}.blog-search{min-width:0}.blog-cta-box{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card:hover,.blog-card:hover .blog-card-image img{animation:none;transform:none}}