/* KNOL · material-led editorial design. All assets remain local. */
:root{--paper:#f5f3ef;--paper2:#eae6df;--card:#fffefa;--ink:#17242b;--muted:#56626a;--line:#d6dcd9;--blue:#006bac;--blue2:#005686;--walnut:#654b31;--radius:12px;--motion-fast:180ms;--motion-enter:440ms;--motion-ease:cubic-bezier(.2,.7,.2,1);--shadow:0 16px 48px rgba(23,36,43,.08)}
html{scroll-padding-top:110px}body{line-height:1.6}main [id]{scroll-margin-top:110px}h1,h2,h3{text-wrap:balance;overflow-wrap:normal}a,button,label,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.container{width:min(calc(100% - 64px),1240px)}.site-header{background:rgba(255,254,250,.98);backdrop-filter:none}.site-header-row{gap:20px;min-height:84px}.header-dealer{max-width:24ch}.header-phone{padding-inline:14px;border:1px solid var(--line);border-radius:6px;color:var(--blue2)}.desktop-nav a{position:relative;font-size:.82rem}.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-fast) var(--motion-ease)}.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{transform:scaleX(1)}.mobile-menu:not([open])>nav{display:none}.mobile-menu>nav{border-radius:10px;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.mobile-menu nav a[aria-current]{background:#e8f3f8;color:var(--blue2);font-weight:800}.mobile-menu summary{border-color:var(--line)}
.button{min-height:52px;border-radius:7px;font-size:.93rem;line-height:1.35;transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast),border-color var(--motion-fast)}.button-primary{background:var(--blue2);border-color:var(--blue2)}.button-primary:hover{background:#003f67;border-color:#003f67}.button-secondary{background:#fffefa;border-color:#9da9ad}.button-secondary:hover{background:#e8f3f8;border-color:var(--blue2)}.button:active{transform:scale(.985)}.button span[aria-hidden]{transition:transform var(--motion-fast)}.button:hover span[aria-hidden]{transform:translateX(3px)}
.hero-2026{background:var(--card)}.hero-2026-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);column-gap:56px;row-gap:24px;padding-block:52px 36px}.hero-2026-copy h1{font-size:clamp(2.4rem,4.15vw,3.65rem);line-height:1.045;letter-spacing:-.04em;max-width:19ch}.hero-2026-copy h1 em{font-style:normal;margin-top:6px}.hero-2026-copy .eyebrow{max-width:60ch;line-height:1.65;letter-spacing:.105em}.hero-2026-lead{font-size:1.01rem;line-height:1.7}.hero-2026-details .hero-fork{display:grid;grid-template-columns:1fr;margin-top:24px;max-width:420px}.hero-fork .button{justify-content:space-between}.retail-link{font-size:.82rem;color:var(--muted)}
.hero-editorial-visual{min-height:610px;border-radius:var(--radius);box-shadow:none}.hero-editorial-caption{inset:auto 22px 22px;padding:22px;background:rgba(255,254,250,.97);border-radius:8px;backdrop-filter:none}.hero-editorial-caption img{width:144px;margin-bottom:16px}.hero-editorial-caption .hero-scene-title{font-family:Georgia,serif;font-size:1.65rem;line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}.hero-editorial-caption>p:not(.hero-scene-title){max-width:43ch;font-size:.82rem}.hero-carousel-pause{border-radius:6px;right:20px;top:20px}.hero-carousel-location{left:20px;top:20px;border-radius:5px}.hero-scene-controls{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.hero-scene-controls button{min-height:44px;padding:8px 14px;border:1px solid #a8b5bb;border-radius:5px;background:transparent;color:var(--ink);font:inherit;font-size:.78rem;font-weight:700}.hero-scene-controls button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.hero-carousel[data-enhanced] .hero-carousel-slide{animation:none;opacity:0;transition:opacity 650ms ease}.hero-carousel[data-enhanced] .hero-carousel-slide.is-active{opacity:1}.hero-carousel[data-enhanced] .hero-carousel-dots{display:none}.hero-carousel:focus-within .hero-carousel-slide,.hero-carousel:focus-within .hero-carousel-dots span{animation-play-state:paused}
.hero-2026-task-links{padding-block:0 32px}.task-links>span{font-size:.7rem;font-weight:700}.task-links>div{gap:8px}.task-links a{border-radius:5px;background:var(--paper);font-size:.8rem;transition:background-color var(--motion-fast),border-color var(--motion-fast)}.task-links a:hover{background:#e8f3f8;border-color:var(--blue2)}.proof-facts{border-top:1px solid var(--line)}.proof-facts>div{padding:26px}.proof-facts strong{font-size:1rem;margin-bottom:5px}.proof-facts span{max-width:40ch;font-size:.85rem}
.editorial-section,.section{padding-block:80px}.section-kicker,.eyebrow{letter-spacing:.12em}.section-heading{align-items:center;margin-bottom:24px}.section-heading h2,.editorial-section h2,.section h2{font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.12;letter-spacing:-.025em}.section-heading>a{font-size:.86rem;font-weight:700;white-space:nowrap}.section-lead{max-width:66ch;line-height:1.7}.task-grid,.catalog-section-grid,.catalog-grid,.category-grid,.product-grid,.service-grid{gap:22px}.task-card,.taxonomy-card,.product-card,.service-card{border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:none;transition:transform 220ms var(--motion-ease),border-color 220ms}.task-card h3{font-size:1.5rem;font-weight:400;line-height:1.16}.task-card-meta{font-size:.66rem;line-height:1.5;margin-top:22px}.task-card p{line-height:1.6;font-size:.87rem}.task-card-go{font-size:.8rem;min-height:54px;background:#f8f9f7;color:var(--blue2)}.task-card-go span,.taxonomy-card-footer .arrow{transition:transform var(--motion-fast)}.task-card:hover .task-card-go span,.taxonomy-card:hover .arrow{transform:translateX(4px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.task-card:hover,.taxonomy-card:hover,.product-card:hover,.service-card:hover{transform:translateY(-4px);border-color:#829ba8}}
.home-production .task-grid--4{grid-template-columns:1.35fr 1fr 1fr}.home-production .task-card:first-child{grid-row:span 2}.home-production .task-card:first-child .task-card-media{flex:1;aspect-ratio:auto;min-height:320px}.home-production .task-card:nth-child(4){grid-column:2/4;display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:auto 1fr auto}.home-production .task-card:nth-child(4) .task-card-media{grid-row:1/4;aspect-ratio:auto;height:100%}.home-production .task-card:nth-child(4) .task-card-go{grid-column:2;margin-top:0}.home-production .task-card:nth-child(4) p{margin-bottom:12px}.home-production .task-card:first-child h3{font-size:1.8rem}.home-objects{background:#e9eeeb}.home-objects .task-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.home-objects .task-card-media{aspect-ratio:1/1}
.home-color{background:#172a34;color:#fff}.home-color .section-kicker,.home-color .section-heading>a{color:#b7def4}.home-color-photo{position:relative;margin:0;overflow:hidden;border-radius:12px}.home-color-picture,.home-color-picture img{display:block;width:100%;height:360px}.home-color-picture img{object-fit:cover;object-position:center 48%}.home-color-photo figcaption{position:absolute;bottom:16px;left:20px;right:20px;color:#fff;font-size:.76rem;background:rgba(17,34,43,.85);padding:9px 12px;border-radius:4px}.home-color .route-list{margin-top:24px}.home-color .two-boxes{margin-top:24px}.route-list,.system-map,.question-strip{border-radius:10px;overflow:hidden}.route-list li::before{font-size:.8rem;letter-spacing:.1em;margin-bottom:22px}.route-list strong,.system-map strong{font-size:1.3rem;line-height:1.25}.route-list li{padding:26px}.info-box{border-radius:10px;background:#fff;padding:30px;box-shadow:none}.info-box h3{font-size:1.55rem}.case-grid{background:rgba(255,255,255,.5)}
.page-visual-hero{background:var(--card)}.page-visual-figure,.object-story-media{border-radius:12px;box-shadow:none}.page-visual-hero h1{font-size:clamp(2.3rem,4.2vw,3.7rem);max-width:22ch;line-height:1.08}.page-visual-hero-grid{gap:56px}.page-visual-figure figcaption{border-radius:5px}.document-grid{border:0;gap:20px}.document-card{border:1px solid var(--line);border-radius:10px;min-height:270px;padding:28px}.document-card>span{margin-bottom:25px;font-size:.75rem}.document-card h3{font-size:1.65rem}.document-card--accent{background:var(--ink)}.document-card--accent>span{color:#b7def4}
.catalog-title,.category-title{font-size:1.45rem;line-height:1.2;margin-block:8px 12px}.taxonomy-card-body{padding:22px}.taxonomy-card-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:12px;color:var(--blue2)}.product-card-media{aspect-ratio:5/4;padding:18px}.product-card-body{padding:20px}.product-card-title{font-family:inherit;font-size:1.02rem;font-weight:650;line-height:1.4}.product-card-price{font-size:.92rem;padding-top:18px}.product-card-brand{letter-spacing:.07em}.product-card-meta{font-size:.78rem}.product-photo{border-radius:12px}.product-hero-grid{grid-template-areas:"intro gallery" "copy gallery";grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 56px}.product-intro{grid-area:intro}.product-copy{grid-area:copy}.product-gallery{grid-area:gallery;align-self:start}.product-hero-2026 h1{font-size:clamp(2rem,3.2vw,3rem);line-height:1.1;max-width:25ch}.product-purpose{margin-top:0}.dealer-badge{border-width:1px;background:#e8f3f8;border-radius:5px;font-size:.85rem}.spec-grid{border-radius:8px;overflow:hidden}.price-request{font-size:1.4rem}
.form-card{padding:32px;border-radius:12px;background:#fff}.qualifier-fieldset{border-radius:8px;padding:20px}.qualifier-options,.choice-row{gap:10px}.qualifier-option span,.choice-chip span{border-radius:6px;min-height:48px;padding:10px 13px;line-height:1.4;font-size:.93rem;transition:background-color var(--motion-fast),border-color var(--motion-fast)}.qualifier-option input:checked+span,.choice-chip input:checked+span{background:#e7f3fa;color:#004a76;border-color:var(--blue2)}.form-field input,.form-field textarea{border-radius:6px;padding:13px;min-height:52px;font-size:16px}.form-field input:focus,.form-field textarea:focus{border-color:var(--blue2)}.form-field label,.qualifier-fieldset legend{font-size:.95rem}.field-help,.optional,.form-note{font-size:.83rem}.consent-row{font-size:.87rem;line-height:1.6}.request-layout>div:first-child>p:not(.section-kicker){max-width:48ch}.contact-card{border-radius:10px}.site-footer{border-top:0;background:#132630;padding-block:56px}.site-footer h2{font-family:inherit;font-weight:750;letter-spacing:.12em}.site-footer a{font-size:.94rem}.site-footer small{color:#b1c0c9}.breadcrumbs{background:#edf0ee}.breadcrumbs span{white-space:normal;line-height:1.4;max-width:60ch}
@media(min-width:1081px) and (max-width:1340px){.header-dealer{display:none}.site-header-row{grid-template-columns:auto 1fr auto}.desktop-nav{justify-content:flex-end;gap:14px}}
@media(max-width:1080px){.container{width:calc(100% - 48px)}.hero-2026-grid{column-gap:30px}.hero-editorial-visual{min-height:610px}.task-grid--4,.home-objects .task-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.home-production .task-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.home-production .task-card:first-child{grid-row:auto}.home-production .task-card:first-child .task-card-media{min-height:0;aspect-ratio:4/3;flex:none}.home-production .task-card:nth-child(4){grid-column:auto;display:flex}.home-production .task-card:nth-child(4) .task-card-media{height:auto;aspect-ratio:4/3}.page-visual-hero-grid{gap:32px}.product-hero-grid{column-gap:32px}}
@media(max-width:800px){.container{width:calc(100% - 32px)}.hero-2026-grid{grid-template-columns:1fr;padding-block:30px 28px;gap:22px}.hero-2026-copy h1{font-size:clamp(2.05rem,8.5vw,3.65rem);max-width:22ch;line-height:1.05}.hero-2026-copy .eyebrow{font-size:.63rem;letter-spacing:.07em;margin-bottom:14px}.hero-editorial-visual{min-height:370px}.hero-2026-details .hero-fork{max-width:none;grid-template-columns:1fr 1fr}.hero-2026-task-links .task-links>div{display:flex;flex-wrap:wrap}.hero-editorial-caption{inset:auto 14px 14px;padding:18px}.hero-editorial-caption img{width:126px;margin-bottom:10px}.hero-editorial-caption .hero-scene-title{font-size:1.5rem}.proof-facts>div{padding:22px 4px}.editorial-section,.section{padding-block:56px}.page-visual-hero-grid{grid-template-columns:1fr;gap:28px}.page-visual-hero h1{font-size:clamp(2.1rem,7.5vw,3.5rem)}.product-hero-grid{grid-template-areas:"intro" "gallery" "copy";grid-template-columns:1fr;gap:24px}.product-gallery{width:100%;max-width:520px;margin-inline:auto}.product-photo--main{max-height:460px}.home-color-picture,.home-color-picture img{height:300px}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.site-header-row{min-height:68px}.hero-2026-grid{padding-top:24px;gap:20px}.hero-2026-copy h1{font-size:clamp(1.95rem,8.8vw,2.55rem);letter-spacing:-.035em}.hero-editorial-visual{min-height:360px}.hero-2026-details .hero-fork{grid-template-columns:1fr}.hero-editorial-caption>p:not(.hero-scene-title){font-size:.78rem}.hero-scene-controls{margin-top:10px;gap:8px}.hero-scene-controls button{padding-inline:12px}.hero-carousel-pause{top:12px;right:12px}.hero-carousel-location{left:12px;top:12px;max-width:calc(100% - 120px);font-size:.63rem;padding:7px}.task-grid,.home-production .task-grid--4,.home-objects .task-grid--4{grid-template-columns:1fr;gap:18px}.home-production .task-card:first-child h3{font-size:1.55rem}.home-objects .task-card-media{aspect-ratio:4/3}.product-card{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center}.product-card-media{aspect-ratio:1/1;padding:8px}.product-card-body{padding:16px 16px 16px 4px}.product-card-title{font-size:.96rem}.product-card-price{padding-top:10px}.product-card-meta{font-size:.72rem}.section-heading>a{white-space:normal}.form-card{padding:20px}.qualifier-fieldset{padding:16px 12px}.form-card h2{font-size:1.7rem}.page-visual-hero{padding-block:32px}.page-visual-figure{min-height:280px}.page-visual-picture,.page-visual-picture img{height:280px}.home-color-picture,.home-color-picture img{height:250px}.home-color-photo figcaption{left:12px;right:12px;bottom:12px;font-size:.7rem}.document-card{min-height:0;padding:24px}.info-box{padding:24px}.service-card-figure picture,.service-card-figure img{height:250px}.site-footer{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.product-hero-2026{padding-block:32px}.product-hero-2026 h1{font-size:2rem}.hero-scene-controls button{font-size:.74rem}.hero-2026-task-links .task-links a{padding-inline:10px}.hero-2026-task-links .task-links>div{gap:8px}.document-grid{gap:16px}}
.hero-scene-controls[hidden]{display:none}
.breadcrumbs li{flex:0 0 auto}.breadcrumbs span{white-space:nowrap;max-width:none}
.form-field>label{display:flex;align-items:center;min-height:44px;gap:5px;flex-wrap:wrap}
@media(max-width:520px){.hero-editorial-visual{min-height:380px}.hero-editorial-caption{padding:14px}.hero-editorial-caption img{width:104px;margin-bottom:8px}.hero-editorial-caption .hero-scene-title{font-size:1.2rem;line-height:1.2;margin-bottom:0}.hero-editorial-caption>p:not(.hero-scene-title){display:none}}
@media(min-width:1081px){.home-production .task-card:nth-child(4){grid-template-areas:"media meta" "media title" "media copy" "media action";grid-template-rows:auto auto 1fr auto}.home-production .task-card:nth-child(4) .task-card-media{grid-area:media}.home-production .task-card:nth-child(4) .task-card-meta{grid-area:meta}.home-production .task-card:nth-child(4) h3{grid-area:title}.home-production .task-card:nth-child(4) p{grid-area:copy}.home-production .task-card:nth-child(4) .task-card-go{grid-area:action}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-carousel[data-enhanced] .hero-carousel-slide{display:none;opacity:0}.hero-carousel[data-enhanced] .hero-carousel-slide.is-active{display:block;opacity:1}}