/* Hallmark · macrostructure: Catalogue · tone: technical · anchor hue: phosphor green · theme: Terminal adapted to supplied ROAD RADIO and video · nav: N9 · footer: Ft2 · pre-emit critique: P4 H4 E4 S4 R4 V4 */
@import url('/tokens.css?v=20260912-2');
@font-face{font-family:'Road Radio';src:url('/assets/road-radio-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:7rem;font-family:'Road Radio',sans-serif}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:inherit;font-size:var(--text-body);line-height:1.55}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,video:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}button:active,.button:active{transform:translateY(1px)}h1,h2,h3,p{margin:0}h1,h2,h3{font-style:normal;min-width:0;overflow-wrap:anywhere}h1,h2{font-family:inherit;font-weight:700}svg{display:block}img,video{max-width:100%}.container{width:min(100% - var(--page-gutter)*2,1320px);margin-inline:auto}.skip-link{position:fixed;top:var(--space-sm);left:var(--space-sm);padding:var(--space-sm);background:var(--color-accent);color:var(--color-accent-ink);transform:translateY(-200%);z-index:var(--z-modal)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in oklch,var(--color-paper) 88%,transparent);border-bottom:var(--rule-hair) solid color-mix(in oklch,var(--color-rule) 70%,transparent);backdrop-filter:blur(16px)}.header-inner{height:88px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-xl)}.brand{display:flex;align-items:center;width:clamp(210px,18vw,252px);min-height:44px}.brand img{display:block;width:100%;height:auto}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(1rem,2.5vw,2.5rem);margin-left:auto}.site-nav a{display:flex;align-items:center;min-height:44px;color:var(--color-muted);font-size:var(--text-xs)}.site-nav a:hover{color:var(--color-ink)}.shop-link{display:flex;gap:var(--space-sm);align-items:center;justify-content:center;min-height:46px;padding:.6rem var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-button);font-size:var(--text-xs);white-space:nowrap;transition:background var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.shop-link>span:last-child{color:var(--color-accent);font-size:var(--text-md)}.shop-link:hover{background:var(--color-paper-2);border-color:var(--color-accent)}.shop-label-short{display:none}.text-link:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.intro{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-block:clamp(3rem,7vw,6.5rem) var(--space-3xl)}.intro-copy{display:flex;flex-direction:column;align-items:flex-start}.category,.section-label{color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.category{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.category::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 5px color-mix(in oklch,var(--color-accent) 14%,transparent)}h1{font-size:clamp(2rem,6.7vw,4.2rem);line-height:.98;letter-spacing:-.045em;max-width:none;overflow-wrap:normal;word-break:normal}.hero-title-accent{display:inline-block;white-space:nowrap;color:var(--color-accent)}.intro-lead{color:var(--color-muted);font-size:clamp(1rem,1.6vw,1.25rem);max-width:52ch;margin-top:var(--space-xl)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl)}.hero-actions .button-primary{gap:var(--space-md)}.button-secondary{background:transparent;color:var(--color-ink);border:var(--rule-hair) solid var(--color-rule)}.button-secondary:hover{border-color:var(--color-accent);background:var(--color-paper-2)}.text-link{display:flex;gap:var(--space-lg);align-items:center;font-size:var(--text-sm);min-height:44px;white-space:nowrap}.text-link span{font-size:var(--text-lg);color:var(--color-accent)}.hero-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(150px,1fr));gap:var(--space-sm);min-width:0}.hero-model{position:relative;isolation:isolate;min-width:0;min-height:0;overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-video);transition:transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.hero-model::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in oklch,var(--color-overlay) 4%,transparent) 24%,color-mix(in oklch,var(--color-overlay) 88%,transparent) 100%)}.hero-model:hover{transform:translateY(-2px);border-color:var(--color-accent)}.hero-model img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-long) var(--ease-out)}.hero-model:hover img{transform:scale(1.025)}.hero-model-compact{grid-row:1/3}.hero-model-copy{position:absolute;inset:auto var(--space-md) var(--space-md);display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0}.hero-model-copy small{color:var(--color-accent);font-size:.61rem;line-height:1.25;text-transform:uppercase;letter-spacing:.05em}.hero-model-copy strong{font-size:clamp(.78rem,1.2vw,1rem);line-height:1.18;overflow-wrap:anywhere}.hero-model-copy b{color:var(--color-muted);font-size:.68rem;line-height:1.25}.hero-showcase-link{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:.65rem var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-button);font-size:var(--text-xs);white-space:nowrap}.hero-showcase-link span{color:var(--color-accent);font-size:var(--text-md)}.hero-showcase-link:hover{border-color:var(--color-accent);background:var(--color-paper-2)}
.catalog-heading{display:flex;justify-content:space-between;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-lg)}.catalog-heading>div{display:flex;flex-direction:column;gap:var(--space-xs)}.catalog-heading h2{font-family:var(--font-body);font-size:var(--text-heading);line-height:1.15;font-weight:700}.order-note{display:flex;gap:var(--space-xs);align-items:center;font-size:var(--text-sm);color:var(--color-muted);min-height:44px}.order-note svg{width:20px;height:20px;fill:none;stroke:var(--color-accent);stroke-width:1.6}.product-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.product{min-width:0;background:var(--color-paper-2);border-radius:var(--radius-card);overflow:clip;position:relative}.product-media{position:relative;aspect-ratio:4/5;background:var(--color-video);color:var(--color-ink);overflow:hidden;isolation:isolate}.product-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,10,8,.42) 0%,transparent 23%,transparent 68%,rgba(6,10,8,.52) 100%)}.media-backdrop{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.42);transform:scale(1.08);z-index:-1}.product-media>video{display:block;width:100%;height:100%;object-fit:cover}.product:first-child .product-media>video{object-position:center 20%}.media-top{position:absolute;inset:var(--space-md) var(--space-md) auto;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);pointer-events:none}.media-button{pointer-events:auto;display:grid;place-items:center;border:1px solid color-mix(in oklch,var(--color-ink) 20%,transparent);background:color-mix(in oklch,var(--color-video) 82%,transparent);backdrop-filter:blur(10px);color:var(--color-ink);width:44px;height:44px;border-radius:50%}.media-button svg{width:18px;height:18px;fill:currentColor}.media-button:hover{background:var(--color-paper-3)}.watch-button{position:absolute;z-index:2;bottom:var(--space-md);right:var(--space-md);display:flex;gap:var(--space-xs);align-items:center;padding:.625rem var(--space-md);border:1px solid color-mix(in oklch,var(--color-ink) 32%,transparent);background:color-mix(in oklch,var(--color-video) 82%,transparent);backdrop-filter:blur(10px);color:var(--color-ink);border-radius:var(--radius-button);font-size:var(--text-xs);min-height:44px;white-space:nowrap}.watch-button:hover{background:var(--color-paper-2)}.watch-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.video-status{position:absolute;z-index:2;left:var(--space-md);bottom:var(--space-md);font-size:var(--text-xs);background:var(--color-paper);color:var(--color-error);padding:var(--space-xs);max-width:60%}.video-status:empty{display:none}
.product-body{padding:var(--space-lg)}.product-kicker{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:.35rem}.product-brand{color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.product-tier{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-accent);font-size:var(--text-xs);font-weight:650;white-space:nowrap}.product-tier::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent) 15%,transparent)}.product h3{font-family:var(--font-display);font-size:clamp(1.1rem,1.5vw,1.45rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;min-height:2.4em}.product-specs{display:flex;gap:var(--space-lg);margin:var(--space-lg) 0;flex-wrap:wrap}.product-specs div{display:flex;flex-direction:column;gap:.125rem}.product-specs dt{order:2;font-size:var(--text-xs);color:var(--color-muted)}.product-specs dd{margin:0;font-size:var(--text-body);font-weight:650;font-variant-numeric:tabular-nums}.product-use{font-size:var(--text-sm);color:var(--color-muted);min-height:3em}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-lg)}.price{font-size:clamp(1.3rem,1.8vw,1.6rem);font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.04em}.card-detail{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);border:0;border-radius:var(--radius-button);background:var(--color-paper-3);color:var(--color-ink);font-size:var(--text-sm);min-height:44px;padding:.625rem var(--space-md);white-space:nowrap}.card-detail:hover{background:var(--color-accent);color:var(--color-accent-ink)}.card-detail span{font-size:var(--text-md)}.product:nth-child(2) .card-detail{background:var(--color-accent);color:var(--color-accent-ink)}.catalog-footnote{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-lg);max-width:75ch}
.guide{margin-top:var(--space-3xl);padding-block:var(--space-xl) var(--space-2xl);display:grid;gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.guide h2,.faq h2,.contact h2,.blog-preview h2{font-size:var(--text-heading);line-height:1.16;letter-spacing:-.025em}.guide-title>.section-label,.faq-title>.section-label,.contact .section-label,.blog-preview .section-label{color:var(--color-accent);margin:0 0 var(--space-sm)}.guide-title>p:last-child,.faq-title>p:last-child{color:var(--color-muted);max-width:42ch;margin-top:var(--space-lg)}.guide-copy{display:flex;flex-direction:column;gap:var(--space-xl)}.guide-copy article{display:grid;grid-template-columns:80px minmax(0,1fr);gap:var(--space-lg)}.unit{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent);line-height:1.5}.guide-copy h3{font-family:var(--font-body);font-weight:650;font-size:var(--text-md);line-height:1.5;margin-bottom:var(--space-xs)}.guide-copy p{color:var(--color-muted);max-width:48ch;font-size:var(--text-body)}.faq{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-2xl)}.faq-list{border-top:var(--rule-hair) solid var(--color-rule)}.faq-list details{border-bottom:var(--rule-hair) solid var(--color-rule)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);min-height:76px;padding-block:var(--space-md);cursor:pointer;list-style:none;font-size:var(--text-md)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:var(--rule-hair) solid var(--color-rule);border-radius:50%;color:var(--color-accent);font-size:var(--text-lg);transition:transform var(--dur-short) var(--ease-out)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{color:var(--color-muted);max-width:64ch;padding:0 3.75rem var(--space-lg) 0}.contact{background:var(--color-paper-2);color:var(--color-ink);padding:var(--space-xl);border-radius:var(--radius-card);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl);margin-block:var(--space-xl) var(--space-2xl)}.contact>div>p:last-child{max-width:49ch;color:var(--color-muted);margin-top:var(--space-lg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xl);min-height:52px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-button);border:var(--rule-hair) solid transparent;font-size:var(--text-body);font-weight:600;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),background var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.button-primary{background:var(--color-accent);color:var(--color-accent-ink)}.button:hover{transform:translateY(-2px)}.site-footer{padding-bottom:var(--space-xl);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-lg);font-size:var(--text-xs);color:var(--color-muted)}.site-footer>span{font-family:var(--font-display)}.site-footer a{min-height:44px;display:flex;align-items:center;white-space:nowrap}
.blog-preview{padding-block:var(--space-2xl)}.blog-preview-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-xl);margin-bottom:var(--space-xl)}.article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.article-card{display:grid;grid-template-columns:minmax(0,1fr);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);overflow:hidden}.article-card-media{display:block;overflow:hidden;background:var(--color-video);aspect-ratio:16/10}.article-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-long) var(--ease-out)}.article-card:hover .article-card-media img{transform:scale(1.025)}.article-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-lg)}.article-card-meta{color:var(--color-accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.article-card h3{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.25;margin-top:var(--space-sm)}.article-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}.article-card-body>p:not(.article-card-meta){color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-md);max-width:56ch}.article-card-link{display:flex;align-items:center;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-lg);min-height:44px;color:var(--color-ink);font-size:var(--text-sm)}.article-card-link span{color:var(--color-accent);font-size:var(--text-md)}
.blog-hero{padding-block:clamp(3rem,7vw,6rem) var(--space-2xl)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;color:var(--color-muted);font-size:var(--text-xs);margin-bottom:var(--space-xl)}.breadcrumbs a:hover{color:var(--color-ink);text-decoration:underline;text-underline-offset:4px}.blog-hero h1,.article-header h1{font-size:clamp(2.25rem,5.5vw,4.6rem);max-width:15ch}.blog-hero>p:last-child,.article-dek{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.6;color:var(--color-muted);max-width:68ch;margin-top:var(--space-xl)}.blog-list{padding-bottom:var(--space-3xl)}
.article-page{padding-bottom:var(--space-3xl)}.article-header{padding-block:var(--space-xl) var(--space-2xl);border-bottom:var(--rule-hair) solid var(--color-rule)}.article-header h1{max-width:18ch}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg);font-size:var(--text-xs);color:var(--color-muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-top:var(--space-2xl)}.article-content{max-width:820px}.article-content h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.025em;margin:var(--space-2xl) 0 var(--space-lg)}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.35;margin:var(--space-xl) 0 var(--space-sm)}.article-content p,.article-content li{font-size:1rem;line-height:1.78;color:var(--color-muted)}.article-content p+p{margin-top:var(--space-md)}.article-content ul,.article-content ol{padding-left:1.35rem;margin:var(--space-md) 0}.article-content li+li{margin-top:var(--space-sm)}.article-content strong{color:var(--color-ink)}.article-content a:not(.button){color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}.article-note{padding:var(--space-lg);margin-block:var(--space-xl);border-left:4px solid var(--color-accent);background:var(--color-paper-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.article-note p{color:var(--color-ink);font-size:var(--text-sm)}.rank-list{display:grid;gap:var(--space-lg);margin-block:var(--space-xl)}.rank-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding:var(--space-lg);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card)}.rank-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-video)}.rank-card h3{margin-top:0}.rank-number{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:var(--space-md);border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-sm)}.rank-specs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.rank-specs span{padding:.45rem .65rem;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-button);font-size:var(--text-xs);color:var(--color-ink)}.article-table-wrap{overflow-x:auto;margin-block:var(--space-xl);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm)}.article-table{width:100%;min-width:690px;border-collapse:collapse;text-align:left}.article-table th,.article-table td{padding:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);vertical-align:top;font-size:var(--text-sm);line-height:1.55}.article-table th{color:var(--color-ink);background:var(--color-paper-2)}.article-table td{color:var(--color-muted)}.article-table tr:last-child td{border-bottom:0}.scenario-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin-block:var(--space-xl)}.scenario-card{padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2)}.scenario-card h3{margin:0 0 var(--space-xs)}.article-cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl);margin-top:var(--space-2xl);background:linear-gradient(145deg,var(--color-paper-2),color-mix(in oklch,var(--color-paper-2) 84%,var(--color-accent)));border:var(--rule-hair) solid color-mix(in oklch,var(--color-accent) 30%,var(--color-rule));border-radius:var(--radius-card)}.article-cta h2{margin:0;font-size:var(--text-heading)}.article-cta p{max-width:58ch}.sources-list{font-size:var(--text-xs);color:var(--color-muted);padding-top:var(--space-xl);margin-top:var(--space-2xl);border-top:var(--rule-hair) solid var(--color-rule)}.sources-list h2{font-size:var(--text-md);margin:0 0 var(--space-md)}
dialog{position:fixed;inset:0;margin:auto;padding:0;background:var(--color-paper-2);color:var(--color-ink);border:0;border-radius:var(--radius-card);width:min(920px,calc(100% - 2rem));max-height:90dvh;overflow:auto}dialog::backdrop{background:color-mix(in oklch,var(--color-overlay) 86%,transparent)}.dialog-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.dialog-close{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:var(--z-raised);font-size:1.8rem;line-height:1}.icon-button{width:44px;height:44px;border:0;border-radius:50%;background:var(--color-paper-3);color:var(--color-ink)}.detail-visual{background:var(--color-video);display:flex;align-items:center;justify-content:center;min-width:0}.detail-visual video{display:block;width:100%;height:350px;object-fit:contain}.detail-content{padding:var(--space-xl);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.detail-content h2{font-family:var(--font-display);font-size:var(--text-heading);line-height:1.14}.detail-content>p{color:var(--color-muted)}.detail-specs{width:100%;margin:0}.detail-specs div{display:flex;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule)}.detail-specs dt{color:var(--color-muted);font-size:var(--text-sm)}.detail-specs dd{margin:0;font-weight:600;white-space:nowrap}.detail-content .button{width:100%;gap:var(--space-sm)}.detail-note{font-size:var(--text-xs)}.detail-content .price{font-size:var(--text-lg)}
@media(min-width:700px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.product-body{padding:var(--space-md)}.product-bottom{align-items:flex-start;flex-direction:column}.card-detail{width:100%}.guide,.faq{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-2xl)}.contact{flex-direction:row;align-items:center;justify-content:space-between}.dialog-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.detail-visual video{height:min(760px,85dvh)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-card{grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);align-items:center}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-cta{flex-direction:row;justify-content:space-between;align-items:center}}
@media(min-width:900px){.intro{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:stretch}h1{font-size:clamp(2.5rem,4vw,5.5rem)}}
@media(min-width:1100px){.product-grid{gap:var(--space-lg)}.product-body{padding:var(--space-lg)}.product-bottom{flex-direction:row;align-items:center}.card-detail{width:auto}.product h3{min-height:1.2em}.contact{padding:var(--space-2xl)}}
@media(max-width:820px){.header-inner{grid-template-columns:auto 1fr;gap:var(--space-md)}.brand{width:min(45vw,220px)}.site-nav{display:none}.shop-link{justify-self:end}.shop-label-full{display:none}.shop-label-short{display:inline}.hero-showcase{grid-template-rows:repeat(2,minmax(180px,1fr))}}
@media(max-width:420px){.header-inner{height:78px}.brand{width:min(47vw,175px)}.shop-link{gap:var(--space-xs);padding:.5rem .8rem}.shop-link>span:last-child{font-size:var(--text-body)}.intro{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}h1{font-size:clamp(1.95rem,9.2vw,2.15rem)}.hero-actions{width:100%}.hero-actions .button{width:100%}.hero-showcase{grid-template-rows:repeat(2,minmax(150px,1fr))}.hero-model-copy{inset:auto var(--space-sm) var(--space-sm)}.hero-model-copy small{font-size:.56rem}.hero-model-copy strong{font-size:.72rem}.contact{padding:var(--space-lg)}.guide-copy article{grid-template-columns:62px minmax(0,1fr);gap:var(--space-sm)}.faq-list summary{font-size:var(--text-body)}.faq-list details>p{padding-right:0}.detail-content{padding:var(--space-lg)}.detail-content .button{font-size:.75rem;line-height:1.25;text-align:center;white-space:normal}.blog-preview-head{align-items:flex-start;flex-direction:column}.blog-preview-head .text-link{margin-top:-.5rem}.article-header h1,.blog-hero h1{font-size:clamp(2rem,10vw,2.6rem)}.article-cta .button{width:100%;font-size:.76rem;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
.media-button{flex-shrink:0}.dialog-close:hover{background:var(--color-rule)}
.catalog-all-link{margin-top:var(--space-lg)}
.models-hero{padding-block:clamp(2.5rem,6vw,5rem) var(--space-xl)}.models-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-items:end}.models-hero h1{font-size:clamp(2.25rem,5.8vw,5.2rem);max-width:14ch}.models-hero .intro-lead{max-width:68ch}.catalog-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);padding:var(--space-md);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card)}.catalog-stats div{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-sm)}.catalog-stats strong{font-size:clamp(1.2rem,3vw,2rem);line-height:1;color:var(--color-accent)}.catalog-stats span{font-size:var(--text-xs);line-height:1.35;color:var(--color-muted)}.brand-nav{position:sticky;top:88px;z-index:90;display:flex;gap:var(--space-xs);overflow-x:auto;padding-block:var(--space-sm);background:color-mix(in oklch,var(--color-paper) 92%,transparent);backdrop-filter:blur(14px);scrollbar-width:none}.brand-nav::-webkit-scrollbar{display:none}.brand-nav a{display:flex;align-items:center;min-height:42px;padding:.5rem .8rem;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-button);font-size:var(--text-xs);white-space:nowrap}.brand-nav a:hover{border-color:var(--color-accent);color:var(--color-accent)}.models-section{padding-block:var(--space-xl)}.models-section+.models-section{border-top:var(--rule-hair) solid var(--color-rule)}.models-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.models-section h2{font-size:var(--text-heading);line-height:1.15}.models-section-head span{font-size:var(--text-xs);color:var(--color-muted)}.models-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.model-card{display:flex;flex-direction:column;min-width:0;background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);overflow:hidden}.model-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--color-video)}.model-thumb img{position:absolute;display:block;max-width:none;width:var(--sprite-width);left:var(--sprite-left);top:var(--sprite-top)}.model-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:var(--space-md)}.model-brand{font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em}.model-card h3{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.3;margin-top:.35rem;min-height:2.6em}.model-card-specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);width:100%;margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule)}.model-card-specs span{display:flex;flex-direction:column;gap:.15rem;color:var(--color-muted);font-size:var(--text-xs)}.model-card-specs strong{color:var(--color-ink);font-size:var(--text-sm)}.model-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;margin-top:auto;padding-top:var(--space-lg)}.model-card-bottom strong{font-size:var(--text-md);white-space:nowrap}.model-card-bottom a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-paper-3);color:var(--color-accent);font-size:var(--text-md)}.model-card-bottom a:hover{background:var(--color-accent);color:var(--color-accent-ink)}.models-note{color:var(--color-muted);font-size:var(--text-xs);padding-block:var(--space-lg) var(--space-2xl)}
@media(min-width:620px){.models-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:700px){.models-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}}
@media(min-width:980px){.models-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1280px){.models-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.brand-nav{top:78px}}
.catalog-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);padding-block:var(--space-xl);border-bottom:var(--rule-hair) solid var(--color-rule)}.catalog-toolbar>div{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.catalog-toolbar h2{font-size:var(--text-heading);line-height:1.15}.catalog-toolbar>div>p:last-child{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-xs)}.sort-field{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;color:var(--color-muted);font-size:var(--text-xs)}.sort-field select{width:100%;min-height:52px;padding:.75rem 3rem .75rem var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-button);background:var(--color-paper-2);color:var(--color-ink);font:inherit;font-size:var(--text-sm);cursor:pointer}.sort-field select:hover{border-color:var(--color-accent)}.sort-field select:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.models-catalog.is-sorted{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-xl)}.models-catalog.is-sorted .models-section,.models-catalog.is-sorted .models-grid{display:contents}.models-catalog.is-sorted .models-section-head{display:none}.model-card{height:100%;transition:border-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.model-card:hover{border-color:color-mix(in oklch,var(--color-accent) 55%,var(--color-rule));transform:translateY(-2px)}.model-card-body{min-height:258px}.model-card-bottom{align-items:stretch;flex-direction:column}.model-card-bottom a{width:100%;min-width:44px;padding:.6rem var(--space-md);gap:var(--space-xs);border-radius:var(--radius-button);font-size:var(--text-xs);white-space:nowrap}.model-card-bottom a::before{content:"Забронировать без предоплаты"}.article-gallery{margin-block:var(--space-xl);padding:var(--space-sm);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card)}.article-gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}.article-gallery img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-video)}.article-gallery figcaption{padding:var(--space-md) var(--space-sm) var(--space-sm);color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}.scenario-card{display:flex;flex-direction:column}.scenario-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--space-md);background:var(--color-video)}
@media(min-width:620px){.models-catalog.is-sorted{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-direction:row;align-items:flex-end;justify-content:space-between}.sort-field{width:min(100%,360px)}.article-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:980px){.models-catalog.is-sorted{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1280px){.models-catalog.is-sorted{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:420px){.model-card-body{min-height:0}.model-card-bottom{align-items:flex-start;flex-direction:column}.model-card-bottom a{width:100%}}
.model-gallery{position:relative;aspect-ratio:4/5;overflow:hidden;background:#202521;isolation:isolate}.model-gallery>img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity var(--dur-short) var(--ease-out)}.model-gallery::after{content:"";position:absolute;inset:auto 0 0;height:34%;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(10,13,11,.78))}.model-gallery-meta{position:absolute;top:var(--space-sm);left:var(--space-sm);right:var(--space-sm);z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);color:#fff;font-size:var(--text-xs);text-shadow:0 1px 10px rgba(0,0,0,.7)}.model-gallery-meta span:first-child{letter-spacing:.04em;text-transform:uppercase}.model-gallery-controls{position:absolute;right:var(--space-sm);bottom:var(--space-sm);z-index:3;display:flex;gap:.4rem}.model-gallery-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(12,15,13,.68);color:#fff;backdrop-filter:blur(8px);cursor:pointer}.model-gallery-controls button:hover{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.model-gallery-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.model-gallery-dots{position:absolute;left:var(--space-sm);bottom:calc(var(--space-sm) + 17px);z-index:3;display:flex;align-items:center;gap:.42rem}.model-gallery-dots button{width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.48);cursor:pointer;transition:width var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.model-gallery-dots button.is-active{width:24px;border-radius:999px;background:var(--color-accent)}.model-card:has(.model-gallery) .model-card-body{min-height:258px}.model-card:has(.model-gallery) h3{min-height:2.6em}
@media(max-width:420px){.model-gallery-controls{right:.7rem;bottom:.7rem}.model-gallery-dots{left:.7rem;bottom:calc(.7rem + 17px)}}
.model-gallery-dots{bottom:var(--space-xs);gap:0}.model-gallery-dots button{position:relative;width:24px;height:44px;min-width:24px;background:transparent}.model-gallery-dots button::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.48);transform:translate(-50%,-50%);transition:width var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.model-gallery-dots button.is-active{width:36px;background:transparent}.model-gallery-dots button.is-active::after{width:24px;background:var(--color-accent)}
@media(max-width:420px){.model-gallery-dots{bottom:var(--space-xs)}}
.price-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.old-price{display:flex;align-items:center;gap:.5rem;color:var(--color-muted);font-size:var(--text-xs);line-height:1}.old-price s{text-decoration-thickness:1.5px;text-decoration-color:color-mix(in oklch,var(--color-muted) 80%,transparent)}.sale-badge{display:inline-flex;align-items:center;min-height:24px;padding:.15rem .45rem;border-radius:999px;background:var(--color-accent);color:var(--color-accent-ink);font-size:.68rem;line-height:1;font-weight:700;letter-spacing:.02em}.detail-content .price-stack{gap:.35rem}.detail-content .old-price{font-size:var(--text-sm)}
a>span[aria-hidden="true"]{color:var(--color-link-icon)}.model-card-bottom a{font-size:0}.model-card-bottom a::before{font-size:var(--text-xs)}.model-card-bottom a::after{content:"↗";color:var(--color-link-icon);font-size:var(--text-md)}