@font-face { font-family: 'Archivo'; font-weight: 600; font-display: swap; src: url('archivo-600-b3c7a6723662c8e9aa7a3874faae6d69.woff2') format('woff2'); }@font-face { font-family: 'Archivo'; font-weight: 700; font-display: swap; src: url('archivo-700-8aaed9b7a093221ddbd17b1a151c5854.woff2') format('woff2'); }@font-face { font-family: 'Archivo'; font-weight: 800; font-display: swap; src: url('archivo-800-087b5f432b02be61c96f9eda7c406007.woff2') format('woff2'); }@font-face { font-family: 'Source Sans 3'; font-weight: 400; font-display: swap; src: url('source-sans-3-400-bab398e040a4cc70fb819809880f06ae.woff2') format('woff2'); }@font-face { font-family: 'Source Sans 3'; font-weight: 600; font-display: swap; src: url('source-sans-3-600-8befd6f435e526763335e1c35afc3af5.woff2') format('woff2'); }:root {--dark: #1C2326;--dark-text: #EEF2F3;--dark-muted: #C9D3D7;--accent: #2BB3A6;--accent-ink: #102024;--link: #0F6B63;--light: #F2F5F6;--line: #D7DFE2;--muted: #4D5B61;--body: #3A464B;--heading: 'Archivo', system-ui, sans-serif;--gutter: 32px;}*, *::before, *::after { box-sizing: border-box; }html { -webkit-text-size-adjust: 100%; }body {margin: 0;background: #FFFFFF;color: var(--dark);font-family: 'Source Sans 3', system-ui, -apple-system, sans-serif;font-size: 17px;line-height: 1.55;}img { max-width: 100%; }a { color: var(--link); text-decoration: none; }a:hover { text-decoration: underline; }h1, h2, h3 { font-family: var(--heading); font-weight: 800; margin: 0; line-height: 1.15; }p { margin: 0; }.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }.wrap { max-width: 1280px; margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter); }.section { padding-top: 72px; padding-bottom: 72px; }.section-tight { padding-top: 40px; padding-bottom: 72px; }.stack { display: flex; flex-direction: column; gap: 24px; }.eyebrow { font-family: var(--heading); font-weight: 600; color: var(--link); letter-spacing: .08em; text-transform: uppercase; font-size: 14px; }.on-dark .eyebrow, .eyebrow.on-dark { color: var(--accent); }.section-head { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: flex-end; }.section-head h2 { font-size: 36px; letter-spacing: -.01em; }.section-head a { font-family: var(--heading); font-weight: 600; }.lead { font-size: 20px; color: var(--dark-muted); max-width: 560px; }.muted { color: var(--muted); }.btn, .btn-ghost, .btn-line {display: inline-block; font-family: var(--heading); font-weight: 700; border-radius: 6px; padding: 13px 24px;font-size: 16px; line-height: 1.3; cursor: pointer; border: 1px solid transparent; text-align: center;}.btn { background: var(--accent); color: var(--accent-ink); }.btn-ghost { border-color: #8FA0A7; color: #FFFFFF; font-weight: 600; }.btn-line { border-color: var(--link); color: var(--link); background: #FFFFFF; }.btn:hover, .btn-ghost:hover, .btn-line:hover { text-decoration: none; filter: brightness(1.06); }.buttons { display: flex; flex-wrap: wrap; gap: 12px; }.preview-bar { background: #FFF4D6; color: #5A4300; font-size: 14px; padding: 6px 0; border-bottom: 1px solid #E8D59A; }.preview-bar a { color: #5A4300; text-decoration: underline; }.site-header { background: var(--dark); color: var(--dark-text); }.header-row { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; padding-top: 18px; padding-bottom: 18px; }.logo { background: #FFFFFF; border-radius: 8px; padding: 8px 14px; display: inline-flex; }.logo img { height: 40px; display: block; }.site-menu { display: flex; flex-wrap: wrap; gap: 8px 28px; font-family: var(--heading); font-weight: 600; font-size: 16px; }.site-menu a { color: var(--dark-text); }.menu-button { display: none; margin-left: auto; background: none; border: 1px solid #8FA0A7; border-radius: 6px; color: #FFFFFF; padding: 6px 8px; cursor: pointer; }.site-search { position: relative; margin-left: auto; display: flex; flex: 0 1 340px; min-width: 0; }.site-search input {flex: 1; min-width: 0; font: inherit; font-size: 16px; padding: 9px 12px; border: 1px solid #3C484D; border-right: 0;border-radius: 6px 0 0 6px; background: #FFFFFF; color: var(--dark);}.site-search button { border: 0; background: var(--accent); color: var(--accent-ink); padding: 0 14px; border-radius: 0 6px 6px 0; cursor: pointer; }.search-results {position: absolute; z-index: 20; top: calc(100% + 4px); left: 0; right: 0; margin: 0; padding: 4px 0; list-style: none;background: #FFFFFF; color: var(--dark); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .18);max-height: 360px; overflow-y: auto;}.search-results li { padding: 8px 12px; font-size: 15px; cursor: pointer; }.search-results li[aria-selected="true"], .search-results li:hover { background: var(--light); }.search-results li.none { color: var(--muted); cursor: default; }.hero { background: var(--dark); color: var(--dark-text); }.hero-row { display: flex; flex-wrap: wrap; gap: 48px; align-items: center; padding-top: 48px; padding-bottom: 72px; }.hero-text { flex: 1 1 480px; display: flex; flex-direction: column; gap: 24px; min-width: 0; }.hero h1 { font-size: 52px; line-height: 1.08; letter-spacing: -.02em; color: #FFFFFF; }.hero-figure { flex: 1 1 480px; margin: 0; position: relative; min-width: 0; }.hero-figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; display: block; background: #2A3439; }.hero-figure figcaption {position: absolute; left: 20px; bottom: 20px; background: #FFFFFF; color: var(--dark); border-radius: 8px; padding: 12px 16px;display: flex; flex-direction: column; gap: 2px; max-width: calc(100% - 40px);}.hero-figure figcaption .small { font-size: 13px; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }.hero-figure figcaption .name { font-family: var(--heading); font-weight: 700; font-size: 18px; }.hero-figure figcaption .meta { font-size: 14px; color: var(--muted); }.hero-figure a:hover { text-decoration: none; }.brands { border-bottom: 1px solid #E2E8EA; }.brands .wrap { display: flex; flex-wrap: wrap; gap: 12px 40px; align-items: center; justify-content: space-between; padding-top: 28px; padding-bottom: 28px; }.brands .names { display: flex; flex-wrap: wrap; gap: 12px 36px; font-family: var(--heading); font-weight: 700; font-size: 20px; color: var(--body); letter-spacing: .02em; text-transform: uppercase; }.tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }.tile { position: relative; display: block; border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 3; color: #FFFFFF; background: var(--dark); }.tile:hover { text-decoration: none; }.tile-photo, .tile-photo img { display: block; width: 100%; height: 100%; }.tile-photo img { object-fit: cover; opacity: .88; transition: opacity .15s, transform .3s; }.tile:hover .tile-photo img { opacity: 1; transform: scale(1.02); }.tile-text { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 20px; background: rgba(28, 35, 38, .9); display: flex; flex-direction: column; gap: 2px; }.tile-name { font-family: var(--heading); font-weight: 700; font-size: 19px; line-height: 1.25; }.tile-meta { font-size: 15px; color: #D3DCDF; }.cat-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }.cat-list a {display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 8px;padding: 18px 20px; color: var(--dark); font-family: var(--heading); font-weight: 600;}.cat-list a:hover { border-color: var(--link); text-decoration: none; }.chips { display: flex; flex-wrap: wrap; gap: 8px; }.chips a { border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; font-size: 15px; color: var(--dark); background: #FFFFFF; }.chips a.active { background: var(--dark); border-color: var(--dark); color: #FFFFFF; }.chips a:hover { text-decoration: none; border-color: var(--link); }.band { background: var(--light); }.split { display: flex; flex-wrap: wrap; gap: 48px; }.split > .main { flex: 1 1 520px; display: flex; flex-direction: column; gap: 18px; min-width: 0; }.split > .side { flex: 1 1 360px; display: flex; flex-direction: column; gap: 16px; min-width: 0; }.split h2 { font-size: 34px; }.body-text { color: var(--body); }.body-text p + p { margin-top: 12px; }.card { background: #FFFFFF; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 14px; }.card-line { border: 1px solid var(--line); }.card-title { font-family: var(--heading); font-weight: 700; font-size: 20px; }.person { display: flex; gap: 14px; align-items: center; font-weight: 600; }.avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--dark); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-family: var(--heading); font-weight: 700; flex: none; }.card a { font-weight: 600; }.offers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; }.offer { border-radius: 12px; padding: 36px; display: flex; flex-direction: column; gap: 14px; }.offer h2 { font-size: 28px; }.offer.dark { background: var(--dark); color: var(--dark-text); }.offer.dark h2 { color: #FFFFFF; }.offer.dark p { color: var(--dark-muted); }.offer.line { border: 1px solid var(--line); }.offer.line p { color: var(--body); }.offer .btn, .offer .btn-line { align-self: flex-start; }.page-head { background: var(--dark); color: var(--dark-text); }.page-head .wrap { padding-top: 40px; padding-bottom: 40px; display: flex; flex-direction: column; gap: 10px; }.page-head h1 { font-size: 40px; color: #FFFFFF; letter-spacing: -.01em; }.page-head p { color: var(--dark-muted); max-width: 720px; }.crumbs { font-size: 15px; color: var(--dark-muted); }.crumbs a { color: var(--dark-muted); text-decoration: underline; }.prose { max-width: 820px; color: var(--body); }.prose h2, .prose h3, .prose h4 { color: var(--dark); margin: 28px 0 10px; font-family: var(--heading); font-weight: 700; }.prose p, .prose ul, .prose ol { margin: 0 0 12px; }.prose img { height: auto; }.prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }.prose td, .prose th { padding: 6px 10px 6px 0; vertical-align: top; }.machine { display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; }.gallery { flex: 1 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }.gallery-main { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: var(--light); border-radius: 12px; display: block; }.thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }.thumbs button { padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: var(--light); cursor: pointer; aspect-ratio: 4 / 3; }.thumbs button[aria-current="true"] { border-color: var(--accent); }.thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }.facts { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }.facts table { width: 100%; border-collapse: collapse; }.facts th, .facts td { text-align: left; padding: 10px 0; border-bottom: 1px solid #E2E8EA; vertical-align: top; }.facts th { width: 42%; font-weight: 600; color: var(--muted); padding-right: 12px; }.description { color: var(--body); overflow-wrap: anywhere; }.form { display: flex; flex-direction: column; gap: 16px; }.form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }.field { display: flex; flex-direction: column; gap: 6px; }.field label { font-weight: 600; font-size: 15px; }.field .req { color: #B3261E; }.field input, .field textarea, .field select {font: inherit; font-size: 16px; padding: 10px 12px; border: 1px solid #B9C5CA; border-radius: 6px; background: #FFFFFF; color: var(--dark); width: 100%;}.field input:focus, .field textarea:focus { outline: 2px solid var(--accent); outline-offset: 1px; border-color: var(--accent); }.checks { display: flex; flex-wrap: wrap; gap: 8px 24px; }.checks label { display: flex; gap: 8px; align-items: center; font-weight: 400; }.notice { border-radius: 8px; padding: 12px 16px; }.notice.ok { background: #E3F4F1; color: #0B4F49; }.notice.error { background: #FCE8E6; color: #8C1D18; }.pager { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }.pager ul.pagination { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }.pager .pagination li > a, .pager .pagination li > span { display: inline-block; min-width: 40px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 6px; text-align: center; color: var(--dark); }.pager .pagination li.active > a, .pager .pagination li.active > span { background: var(--dark); border-color: var(--dark); color: #FFFFFF; }.pager .pagination li.disabled > a, .pager .pagination li.disabled > span { color: #9AA7AC; }.site-footer { background: var(--dark); color: var(--dark-muted); }.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; padding-top: 48px; padding-bottom: 48px; font-size: 15px; }.footer-grid > div { display: flex; flex-direction: column; gap: 6px; }.footer-grid strong { color: #FFFFFF; font-family: var(--heading); font-weight: 700; }.footer-grid a { color: var(--dark-muted); }@media (max-width: 760px) {:root { --gutter: 16px; }body { font-size: 16px; }.menu-button { display: inline-flex; }.site-menu { display: none; flex-direction: column; width: 100%; gap: 0; order: 3; }.site-menu.open { display: flex; }.site-menu a { padding: 10px 0; border-top: 1px solid #2E393E; }.site-search { order: 4; flex: 1 1 100%; margin-left: 0; }.logo img { height: 32px; }.hero-row { padding-top: 24px; padding-bottom: 40px; gap: 28px; }.hero h1 { font-size: 32px; }.lead { font-size: 18px; }.section { padding-top: 40px; padding-bottom: 40px; }.section-tight { padding-top: 8px; padding-bottom: 40px; }.section-head h2 { font-size: 26px; }.split h2, .page-head h1 { font-size: 28px; }.offer { padding: 24px; }.offer h2 { font-size: 22px; }.hero-text, .hero-figure, .split > .main, .split > .side, .gallery, .facts { flex-basis: 100%; }.tiles, .cat-list, .offers-grid { grid-template-columns: 1fr; }.brands .names { font-size: 16px; gap: 8px 20px; }}