* { box-sizing: border-box; }
body { margin: 0; background: #020914; color: #f7f9fc; }
.wp-block-button__link { position:relative; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.2); transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease!important; }
.wp-block-button__link::after { content:''; position:absolute; inset:-40% auto -40% -45%; width:32%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent); transition:left .5s ease; }
.wp-block-button__link:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(22,131,255,.3); }.wp-block-button__link:hover::after { left:120%; }
.site-header { z-index: 100; margin: 0; border-bottom: 1px solid rgba(174,185,199,.16); background: rgba(2,9,20,.94); backdrop-filter: blur(15px); transition: box-shadow .25s ease; }
.site-header.is-scrolled { box-shadow: 0 14px 35px rgba(0,0,0,.35); }
.header-inner { min-height: 94px; padding: 0 2rem; }
.site-logo { flex: 0 0 auto; margin: 0; }
.site-logo img { display: block; width: clamp(190px,18vw,300px); height: auto; }
.main-nav { gap: clamp(.8rem,2vw,2.4rem); }
.main-nav a { text-decoration: none; }
.shop-button a { box-shadow: 0 10px 30px rgba(19,163,61,.22); }
.hero-section { min-height: 540px; display: grid; align-items: center; position: relative; isolation: isolate; margin: 0; background: radial-gradient(circle at 68% 45%,rgba(22,131,255,.16),transparent 31%),linear-gradient(90deg,#020914 0%,rgba(2,9,20,.9) 38%,rgba(2,9,20,.26) 68%,rgba(2,9,20,.72) 100%),url('../images/hero-workshop.webp') center/cover no-repeat; }
.hero-section::after { content: ''; position: absolute; z-index: -1; inset: auto 0 0; height: 36%; background: linear-gradient(transparent,#020914); pointer-events: none; }
.hero-content { width: 100%; padding: clamp(5rem,8vw,8rem) 2rem; }
.hero-title { margin: 0; max-width: 900px; letter-spacing: -.045em; text-transform: uppercase; text-shadow: 0 8px 35px rgba(0,0,0,.65); }
.hero-title mark { color: #0768df; background: none; }
.hero-lead { margin: 1rem 0 1.7rem; color: #dbe3ed; }
.hero-actions .is-style-outline a { border-color: rgba(255,255,255,.75); }
.service-rail { position:relative; margin:0; border-block:1px solid rgba(174,185,199,.28); background:linear-gradient(90deg,#020914,#071423 50%,#020914); }
.service-rail::before { content:''; position:absolute; z-index:2; top:-2px; left:0; width:100%; height:2px; background:linear-gradient(90deg,transparent 0%,#0768df 18%,#19a0ff 50%,#0768df 82%,transparent 100%); box-shadow:0 0 8px #1683ff,0 0 20px rgba(22,131,255,.75); }
.service-grid { margin: 0 auto; padding: 1.3rem 2rem; gap: 0; }
.service-grid .wp-block-column { position: relative; min-height: 72px; padding: .4rem 1.5rem .4rem 4.5rem; border-right: 1px solid rgba(174,185,199,.28); }
.service-grid .wp-block-column:last-child { border: 0; }
.service-grid h3 { margin: .1rem 0; font-size: 1.05rem; }
.service-grid p { margin: .1rem 0; color: #aeb9c7; font-size: .85rem; }
.service-icon { position:absolute; left:.7rem; top:-.1rem; width:58px; height:58px; margin:0; }
.service-icon img { display:block; width:58px; height:58px; object-fit:contain; }
.tire-shop { min-height:320px; margin:0; padding:2.3rem 2rem; overflow:hidden; background-image:linear-gradient(90deg,rgba(3,11,20,.98) 0%,rgba(3,11,20,.88) 38%,rgba(3,11,20,.2) 64%,rgba(3,11,20,.82) 100%),url('../images/tire-shop-background.webp'); background-position:center; background-size:cover; background-repeat:no-repeat; }
.tire-shop h2 { margin: .25rem 0; font-size: clamp(1.8rem,3vw,2.7rem); }
.partner-kicker { margin: 0; font-size: 1.3rem; font-style: italic; }
.partner-kicker strong { border-left: 12px solid #13a33d; padding-left: .5rem; }
.tire-visual { min-height:230px; position:relative; }
.shop-benefits { padding:1rem; border-radius:8px; background:rgba(2,9,20,.7); backdrop-filter:blur(3px); }
.shop-benefits p { position: relative; padding-left: .4rem; color: #20bd4e; }
.shop-benefits strong { color: #f7f9fc; }.shop-benefits small { color: #aeb9c7; }
.section-pad { margin: 0; padding: var(--wp--preset--spacing--60) 2rem; }
.about-section { background: #f2f5f8; color: #071423; }.about-section p { color: #445365; }
.eyebrow { color: #1683ff !important; font-size: .78rem; font-weight: 850; letter-spacing: .16em; }
.about-section h2,.career-section h2,.contact-section h2 { max-width: 780px; margin: .5rem 0 1.3rem; font-size: clamp(2rem,4vw,4rem); }
.stats-card,.contact-card { padding: 2rem; border: 1px solid rgba(22,131,255,.35); border-radius: 10px; background: rgba(22,131,255,.07); }
.career-section { min-height:480px; display:grid; align-items:center; background-image:linear-gradient(90deg,rgba(2,9,20,.98),rgba(2,9,20,.82) 43%,rgba(2,9,20,.15) 75%),url('../images/career-team.webp'); background-position:center; background-size:cover; }
.contact-section { background: #060d16; }.contact-section p { color: #aeb9c7; }
.location-section { min-height:560px; display:grid; align-items:end; background-image:linear-gradient(90deg,rgba(2,9,20,.96),rgba(2,9,20,.6) 48%,rgba(2,9,20,.15)),linear-gradient(0deg,rgba(2,9,20,.95),transparent 60%),url('../images/real-location-wide.webp'); background-position:center; background-size:cover; }.location-content { width:100%; padding-block:4rem; }.location-content h2 { max-width:760px; font-size:clamp(2.2rem,4.5vw,4.5rem); }.location-content p { max-width:620px; color:#d7e0eb; }
.expertise-section { color:#f7f9fc; background:#06101b; }.expertise-layout,.about-layout { gap:clamp(2rem,5vw,6rem); }.feature-photo,.portrait-photo { margin:0; overflow:hidden; border-radius:10px; box-shadow:0 24px 60px rgba(0,0,0,.3); }.feature-photo img { width:100%; aspect-ratio:3/2; object-fit:cover; transition:transform .7s ease; }.portrait-photo img { width:100%; aspect-ratio:4/5; object-fit:cover; transition:transform .7s ease; }.feature-photo:hover img,.portrait-photo:hover img { transform:scale(1.035); }.expertise-section h2,.about-section-v2 h2 { font-size:clamp(2.2rem,4.5vw,4.5rem); }.about-section-v2 { color:#071423; background:#eef3f8; }.about-section-v2 p { color:#445365; }.mini-values { margin-top:2rem; gap:.5rem; }.mini-values .wp-block-column { padding:1rem; border-top:2px solid #1683ff; background:#fff; }.mini-values strong { color:#1683ff; font-size:1.4rem; }.reveal-section,.service-grid .wp-block-column { opacity:0; transform:translateY(28px); transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s ease var(--reveal-delay,0ms); }.reveal-section.is-visible,.service-grid .wp-block-column.is-visible { opacity:1; transform:none; }
.site-footer { margin: 0; padding: 4rem 2rem 1.5rem; color: #aeb9c7; background: #01060d; }.site-footer h3,.site-footer h4 { color: #f7f9fc; }.site-footer a { color: inherit; }
.content-shell,.error-shell { min-height: 55vh; padding: clamp(4rem,8vw,8rem) 2rem; }.error-shell { text-align: center; }
.page-hero { margin:0; padding:clamp(5rem,9vw,9rem) 2rem; background:linear-gradient(120deg,#020914,#0c1928 65%,#063266); }.page-hero h1 { max-width:950px; margin:.5rem 0 1rem; font-size:clamp(2.8rem,6vw,6rem); }.page-hero p { max-width:760px; color:#c1cbd7; }.services-page { background:#f2f5f8; color:#071423; }.card-grid { margin-bottom:1.5rem; }.service-card { padding:2rem; border:1px solid #cad5e1; border-radius:8px; background:#fff; box-shadow:0 12px 30px rgba(7,20,35,.08); }.service-card p,.about-page p { color:#445365; }.about-page { color:#071423; background:#f2f5f8; }.career-page-hero { background:linear-gradient(120deg,#020914,#071423 50%,#064b95); }
.legal-page { min-height:60vh; padding:clamp(4rem,8vw,7rem) 2rem; }.legal-page h1 { font-size:clamp(2.8rem,6vw,5rem); }.legal-page h2 { margin-top:2.5rem; color:#1683ff; }.legal-page p { max-width:820px; color:#c1cbd7; }.legal-note { padding:1rem 1.2rem; border-left:4px solid #1683ff; background:#071423; }.post-card { height:100%; padding:1.25rem; border:1px solid #223146; border-radius:8px; background:#071423; }
@media (max-width: 980px) { .site-header { backdrop-filter:none; }.header-inner { min-height:78px; padding:0 1rem; }.site-header .header-shop { display:none!important; }.wp-block-navigation__responsive-container.is-menu-open { position:fixed; inset:0; min-height:100dvh; padding:2rem; color:#f7f9fc; background:#020914!important; }.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items:flex-start; justify-content:center; padding-top:4rem; }.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items:flex-start; gap:1.3rem; }.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color:#f7f9fc!important; font-size:clamp(1.4rem,6vw,2rem); font-weight:800; }.wp-block-navigation__responsive-container-close { color:#f7f9fc!important; }.service-grid { display:grid; grid-template-columns:1fr 1fr; row-gap:1rem; }.service-grid .wp-block-column:nth-child(2){border-right:0}.tire-shop .wp-block-columns{flex-wrap:wrap}.tire-shop .wp-block-column{flex-basis:100%!important}.tire-visual{order:3}.shop-benefits{display:flex;gap:1rem}.shop-benefits p{flex:1} }
@media (max-width: 620px) { .site-logo img { width:176px; }.hero-section { min-height:610px; background-position:70% center; background-image:linear-gradient(90deg,rgba(2,9,20,.96) 0%,rgba(2,9,20,.78) 50%,rgba(2,9,20,.28) 100%),url('../images/hero-workshop.webp'); }.hero-content { padding-inline:1.2rem; padding-top:8rem; align-self:end; }.hero-title { font-size:clamp(2.45rem,13vw,4rem)!important; }.hero-actions .wp-block-button { width:100%; }.hero-actions a { width:100%; text-align:center; }.service-grid { grid-template-columns:1fr; padding-inline:1.2rem; }.service-grid .wp-block-column { border-right:0; border-bottom:1px solid rgba(174,185,199,.2); }.tire-shop { background-position:63% center; }.tire-visual { min-height:190px; }.shop-benefits { display:block; }.section-pad,.tire-shop { padding-inline:1.2rem; }.site-footer { padding-inline:1.2rem; } }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *{transition:none!important} }

/* Stable production grid — v2.2 */
.hero-content,.service-grid,.tire-shop>.wp-block-columns { width:100%; max-width:1380px; margin-inline:auto; }
.hero-content { padding-inline:clamp(1.25rem,3vw,3rem); }
.service-grid { padding-inline:clamp(1.25rem,3vw,3rem); }
.tire-shop { min-height:360px; padding:3rem clamp(1.25rem,3vw,3rem); background-image:linear-gradient(90deg,rgba(3,11,20,.99),rgba(3,11,20,.92) 40%,rgba(3,11,20,.28) 65%,rgba(3,11,20,.9)),url('../images/tire-shop-background.webp'); }
.section-pad { padding:clamp(4rem,7vw,7rem) clamp(1.25rem,3vw,3rem); }
.expertise-layout,.about-layout { max-width:1380px; margin-inline:auto; gap:clamp(2rem,4vw,5rem); align-items:center; }
.expertise-layout>.wp-block-column,.about-layout>.wp-block-column,.mini-values>.wp-block-column { min-width:0; }
.expertise-section h2,.about-section-v2 h2,.career-section h2,.contact-section h2 { max-width:650px; margin:.5rem 0 1.25rem; font-size:clamp(2rem,3.2vw,3.4rem); line-height:1.03; overflow-wrap:normal; word-break:normal; }
.expertise-section p,.about-section-v2 p { max-width:620px; }
.feature-photo img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.portrait-photo img { display:block; width:100%; aspect-ratio:4/5; max-height:680px; object-fit:cover; }
.location-content { width:100%; max-width:1380px; margin-inline:auto; }.location-content h2 { max-width:760px; font-size:clamp(2.1rem,3.5vw,3.6rem); }
.reveal-section,.service-grid .wp-block-column { opacity:1; transform:none; transition:opacity .5s ease var(--reveal-delay,0ms),transform .5s ease var(--reveal-delay,0ms); }
.has-js .reveal-section:not(.is-visible),.has-js .service-grid .wp-block-column:not(.is-visible) { opacity:.01; transform:translateY(16px); }
@media(max-width:980px){.expertise-layout,.about-layout{flex-wrap:wrap}.expertise-layout>.wp-block-column,.about-layout>.wp-block-column{flex-basis:100%!important}.career-section{min-height:420px;background-position:62% center}.location-section{min-height:440px}}
.about-section-v2 { padding-block:clamp(3.5rem,5vw,5rem); }
.portrait-photo img { aspect-ratio:4/3; max-height:520px; object-position:center 42%; }
@media(max-width:980px){.portrait-photo img{aspect-ratio:16/10;max-height:520px}.about-section-v2{padding-block:3.5rem}}
.about-layout>.wp-block-column:last-child { text-align:right; }.about-layout>.wp-block-column:last-child .eyebrow,.about-layout>.wp-block-column:last-child h2,.about-layout>.wp-block-column:last-child>p { margin-left:auto; }.mini-values { text-align:right; }
.location-split { color:#f7f9fc; background:#06101b; }.location-layout { max-width:1380px; margin-inline:auto; gap:clamp(2rem,4vw,5rem); }.location-copy h2 { max-width:580px; font-size:clamp(2rem,3.2vw,3.4rem); }.location-copy p { max-width:560px; color:#b9c5d3; }.location-photo { margin:0; overflow:hidden; border-radius:10px; box-shadow:0 24px 60px rgba(0,0,0,.35); }.location-photo img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; transition:transform .7s ease; }.location-photo:hover img { transform:scale(1.025); }
@media(max-width:980px){.about-layout>.wp-block-column:last-child,.mini-values{text-align:left}.about-layout>.wp-block-column:last-child .eyebrow,.about-layout>.wp-block-column:last-child h2,.about-layout>.wp-block-column:last-child>p{margin-left:0}.location-layout{flex-wrap:wrap}.location-layout>.wp-block-column{flex-basis:100%!important}.location-copy{order:1}.location-layout>.wp-block-column:last-child{order:2}}
