/* Homepage-only base. The shared header, hero and news are outside this scope. */ :is(#mtw-site, body.home) .mtwh-first-design :is(h2,h3,h4,h5,p,figure,ol,ul,dl,dd) {padding:0;border:0;background:none;box-shadow:none;font-family:inherit;letter-spacing:normal;} :is(#mtw-site, body.home) .mtwh-first-design :is(h2,h3,h4,h5) {font-weight:700;} :is(#mtw-site, body.home) .mtwh-first-design a {box-shadow:none;} :is(#mtw-site, body.home) .mtwh-first-design button {width:auto;} :is(#mtw-site, body.home) .mtwh-first-design ol {list-style:none;} :is(#mtw-site, body.home) .mtwh-first-design { --red: #C91F1F; --red-dark: #a8151a; --cream: #fbf5e9; --paper: #fffdf7; --ink: #2d241d; --muted: #74685d; --line: #e7dccc; --photo: #eee6d9; --shop: #D96A00; --header-height: 80px; --serif: "Hiragino Mincho ProN","Yu Mincho","YuMincho",serif; --sans: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; } :is(#mtw-site, body.home) .mtwh-first-design * { box-sizing: border-box; } :is(#mtw-site, body.home) .mtwh-first-design { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 24px); } :is(#mtw-site, body.home) .mtwh-first-design { margin: 0px; background: var(--cream); color: var(--ink); font-family: var(--sans); font-size: 15px; line-height: 1.8; -webkit-font-smoothing: antialiased; } :is(#mtw-site, body.home) .mtwh-first-design.menu-is-open { overflow: hidden; } :is(#mtw-site, body.home) .mtwh-first-design a { color: inherit; text-decoration: none; } :is(#mtw-site, body.home) .mtwh-first-design button { font: inherit; cursor: pointer; color: inherit; } :is(#mtw-site, body.home) .mtwh-first-design button, :is(#mtw-site, body.home) .mtwh-first-design a { -webkit-tap-highlight-color: transparent; } :is(#mtw-site, body.home) .mtwh-first-design button { touch-action: manipulation; } :is(#mtw-site, body.home) .mtwh-first-design img { display: block; max-width: 100%; height: auto; } :is(#mtw-site, body.home) .mtwh-first-design figure, :is(#mtw-site, body.home) .mtwh-first-design p, :is(#mtw-site, body.home) .mtwh-first-design h1, :is(#mtw-site, body.home) .mtwh-first-design h2, :is(#mtw-site, body.home) .mtwh-first-design h3, :is(#mtw-site, body.home) .mtwh-first-design h4, :is(#mtw-site, body.home) .mtwh-first-design h5, :is(#mtw-site, body.home) .mtwh-first-design ol, :is(#mtw-site, body.home) .mtwh-first-design ul, :is(#mtw-site, body.home) .mtwh-first-design dl, :is(#mtw-site, body.home) .mtwh-first-design dd { margin: 0px; } :is(#mtw-site, body.home) .mtwh-first-design a, :is(#mtw-site, body.home) .mtwh-first-design button { transition: background-color 0.18s, color 0.18s, border-color 0.18s, box-shadow 0.18s; } :is(#mtw-site, body.home) .mtwh-first-design a:focus-visible, :is(#mtw-site, body.home) .mtwh-first-design button:focus-visible { outline: rgb(37, 111, 192) solid 3px; outline-offset: 4px; } :is(#mtw-site, body.home) .mtwh-first-design button:disabled { cursor: default; } :is(#mtw-site, body.home) .mtwh-first-design a:hover .mtwh-card-link { text-decoration-thickness: 2px; } :is(#mtw-site, body.home) .mtwh-first-design a:hover .mtwh-specialty-photo img { transform: scale(1.035); } :is(#mtw-site, body.home) .mtwh-first-design [hidden] { display: none !important; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-container { width: calc(100% - 64px); max-width: 1160px; margin-inline: auto; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-section-pad { padding-block: 78px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-eyebrow { font-size: 13px; letter-spacing: 0.075em; font-weight: 700; color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-red-text { color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-mobile-only { display: none; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-small-label { font-size: 12px; letter-spacing: 0.06em; font-weight: 700; color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-button { min-height: 48px; padding: 10px 24px; border: 1px solid transparent; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-align: center; font-size: 14px; line-height: 1.7; font-weight: 700; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-button-red { background: var(--red); color: rgb(255, 255, 255); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-button-red:hover { background: var(--red-dark); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-button-outline { border-color: var(--red); background: transparent; color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-button-outline:hover { background: rgb(249, 231, 223); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-button-cream { background: var(--paper); border-color: var(--line); color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-button-cream:hover { background: rgb(255, 255, 255); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-button-light { background: var(--cream); color: var(--red); border-color: var(--cream); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-button-light:hover { background: rgb(255, 255, 255); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-text-link { font-size: 13px; font-weight: 700; text-decoration: underline rgb(168, 144, 119); text-underline-offset: 5px; display: inline-flex; align-items: center; min-height: 44px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-text-link:hover { color: var(--red); text-decoration-color: currentcolor; } :is(#mtw-site, body.home) .mtwh-first-design .skip-link { position: fixed; top: 8px; left: 8px; transform: translateY(-160%); z-index: 1000; background: var(--ink); color: rgb(255, 255, 255); padding: 12px 20px; border-radius: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .skip-link:focus { transform: translateY(0px); } :is(#mtw-site, body.home) .mtwh-first-design .site-header { position: sticky; top: 0px; z-index: 40; background: rgba(255, 253, 247, 0.98); border-bottom: 1px solid var(--line); } :is(#mtw-site, body.home) .mtwh-first-design .header-inner { max-width: 1320px; width: calc(100% - 48px); margin: auto; min-height: 80px; display: grid; grid-template-columns: 168px 304px 1fr; column-gap: 24px; align-items: center; } :is(#mtw-site, body.home) .mtwh-first-design .brand { display: flex; align-items: center; gap: 10px; min-width: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .brand-mark { width: 42px; height: 42px; object-fit: contain; } :is(#mtw-site, body.home) .mtwh-first-design .brand-wordmark { width: 116px; height: auto; } :is(#mtw-site, body.home) .mtwh-first-design .site-switch { display: flex; align-items: center; gap: 8px; width: 304px; height: 60px; padding: 4px; background: rgb(242, 237, 229); border: 0px; border-radius: 7px; font-weight: 700; line-height: 1; } :is(#mtw-site, body.home) .mtwh-first-design .site-switch-current, :is(#mtw-site, body.home) .mtwh-first-design .site-switch-shop { display: flex; align-items: center; justify-content: center; width: 144px; height: 52px; flex: 0 0 144px; border-radius: 4px; font-size: 15px; white-space: nowrap; } :is(#mtw-site, body.home) .mtwh-first-design .site-switch-current { background: var(--red); color: rgb(255, 255, 255); } :is(#mtw-site, body.home) .mtwh-first-design .site-switch-shop { background: rgb(255, 255, 255); color: var(--shop); box-shadow: rgb(231, 217, 198) 0px 0px 0px 1px inset; } :is(#mtw-site, body.home) .mtwh-first-design .site-switch-shop:hover { background: rgb(255, 245, 230); } :is(#mtw-site, body.home) .mtwh-first-design .desktop-nav { display: flex; justify-content: flex-end; gap: 24px; align-items: center; } :is(#mtw-site, body.home) .mtwh-first-design .desktop-nav a { font-size: 13px; font-weight: 700; min-height: 48px; display: flex; align-items: center; white-space: nowrap; } :is(#mtw-site, body.home) .mtwh-first-design .desktop-nav a:hover { color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .menu-toggle, :is(#mtw-site, body.home) .mtwh-first-design .mobile-menu { display: none; } :is(#mtw-site, body.home) .mtwh-first-design .hero { padding-block: 42px 48px; border-bottom: 1px solid var(--line); background: radial-gradient(ellipse at 13% 22%,#fffcf4 0%,var(--cream) 60%); } :is(#mtw-site, body.home) .mtwh-first-design .hero-grid { display: grid; grid-template-columns: 1.08fr 1fr; gap: 50px; align-items: center; } :is(#mtw-site, body.home) .mtwh-first-design .hero-copy { padding-block: 22px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-copy .mtwh-eyebrow { font-size: 12px; letter-spacing: 0.035em; margin-bottom: 22px; } :is(#mtw-site, body.home) .mtwh-first-design .hero h1 { font-family: var(--serif); font-size: clamp(34px, 3.75vw, 50px); font-weight: 900; letter-spacing: 0.025em; line-height: 1.5; word-break: keep-all; } :is(#mtw-site, body.home) .mtwh-first-design .hero h1 span { color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .hero-description { font-size: 16px; line-height: 2.1; margin-top: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-actions { display: flex; gap: 12px; margin-top: 28px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-actions .mtwh-button { min-width: 154px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-store-info { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 25px; font-size: 12px; font-weight: 600; color: var(--muted); } :is(#mtw-site, body.home) .mtwh-first-design .hero-store-info span + span { border-left: 1px solid rgb(205, 187, 165); padding-left: 16px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual { position: relative; max-width: 440px; width: 100%; justify-self: end; isolation: isolate; margin-right: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual::before { content: ""; position: absolute; inset: 14px -14px -14px 14px; border: 1px solid rgb(213, 195, 169); border-radius: 8px; z-index: -1; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual > img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual figcaption { position: absolute; bottom: 20px; left: -24px; display: flex; flex-direction: column; padding: 17px 23px; background: var(--paper); border-left: 4px solid var(--red); box-shadow: rgba(37, 24, 16, 0.1) 0px 4px 20px; font-size: 12px; line-height: 1.65; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual figcaption strong { font-size: 16px; color: var(--red); margin-top: 7px; letter-spacing: 0.04em; } :is(#mtw-site, body.home) .mtwh-first-design .news-section { display: grid; grid-template-columns: 155px 1fr; gap: 34px; padding-block: 29px; border-bottom: 1px solid var(--line); } :is(#mtw-site, body.home) .mtwh-first-design .news-heading h2 { font-size: 20px; font-family: var(--serif); } :is(#mtw-site, body.home) .mtwh-first-design .news-heading .mtwh-text-link { font-size: 12px; min-height: 32px; } :is(#mtw-site, body.home) .mtwh-first-design .news-list a { display: grid; grid-template-columns: 84px 89px 1fr; gap: 16px; align-items: baseline; font-size: 13px; padding: 9px 0px; } :is(#mtw-site, body.home) .mtwh-first-design .news-list a + a { border-top: 1px dashed var(--line); } :is(#mtw-site, body.home) .mtwh-first-design .news-list a:hover { color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .news-list time { font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; } :is(#mtw-site, body.home) .mtwh-first-design .news-tag { font-size: 11px; background: rgb(242, 232, 217); text-align: center; border-radius: 3px; color: rgb(113, 85, 69); padding: 2px 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading h2, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-copy h2 { font-size: 32px; font-family: var(--serif); font-weight: 800; letter-spacing: 0.045em; line-height: 1.5; margin-block: 5px 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading > div > p:last-child { color: var(--muted); font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading > .mtwh-text-link { white-space: nowrap; flex-shrink: 0; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-card { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-card:hover { box-shadow: rgba(78, 41, 25, 0.047) 0px 8px 25px; border-color: rgb(207, 168, 150); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-photo { aspect-ratio: 1.15 / 1; overflow: hidden; background: var(--ink); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-photo-whisky img { object-fit: contain; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy { padding: 20px 18px 17px; display: flex; flex-direction: column; flex: 1 1 0%; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy h3 { font-size: 23px; font-family: var(--serif); font-weight: 800; line-height: 1.5; letter-spacing: 0.035em; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy p { color: var(--muted); font-size: 12px; line-height: 1.9; margin-top: 8px; margin-bottom: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-card-link { display: inline-block; color: var(--red); font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; margin-top: auto; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-block: 1px solid var(--line); margin-top: 28px; padding: 18px 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide p { font-family: var(--serif); font-weight: 700; font-size: 20px; margin-top: 1px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions { display: flex; gap: 26px; align-items: center; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-section { color: var(--cream); background: var(--red); position: relative; padding-bottom: 58px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-intro { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 66px; align-items: center; margin-bottom: 48px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-wordmark { font-size: 14px; letter-spacing: 0.23em; font-weight: 700; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-copy h2 { font-size: 15px; letter-spacing: 0.13em; font-weight: 500; margin-top: 5px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-lead { font-family: var(--serif); font-size: 45px; line-height: 1.55; font-weight: 800; letter-spacing: 0.06em; margin-top: 26px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-description { line-height: 2.1; font-size: 15px; margin: 18px 0px 25px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-copy .mtwh-button { padding-inline: 30px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-photo { position: relative; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-photo img { width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; border-radius: 7px; box-shadow: rgba(118, 21, 24, 0.19) 0px 12px 28px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-photo figcaption { font-size: 12px; line-height: 1.8; margin-top: 12px; color: rgb(255, 228, 209); letter-spacing: 0.035em; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-panel { background: var(--cream); color: var(--ink); border-radius: 8px; padding: 32px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-heading { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 26px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-heading h3 { font-family: var(--serif); font-size: 28px; letter-spacing: 0.04em; margin-top: 3px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-heading .mtwh-eyebrow { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-month { font-size: 13px; color: var(--red); padding: 10px 18px; background: rgb(242, 229, 209); border-radius: 4px; white-space: nowrap; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-month span { font-size: 26px; font-weight: 800; margin-inline: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category { padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--line); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading h4 { font-size: 21px; font-family: var(--serif); font-weight: 800; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading h4 small { font: 400 11px var(--sans); display: inline-block; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading > span { font-size: 11px; font-weight: 800; color: var(--red); letter-spacing: 0.06em; white-space: nowrap; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner { display: grid; grid-template-columns: 44% 1fr; gap: 17px; align-items: center; padding-block: 22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-image { position: relative; aspect-ratio: 1 / 1; background: var(--photo); border-radius: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-image img { height: 100%; width: 100%; object-fit: contain; border-radius: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-rank-number { display: flex; align-items: baseline; justify-content: center; color: rgb(255, 255, 255); background: var(--red); position: absolute; left: -6px; top: -7px; width: 41px; height: 40px; border-radius: 3px; font: 800 25px/40px var(--sans); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-rank-number > span { font-size: 10px; margin-left: 2px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner h5 { font-size: 17px; font-weight: 800; line-height: 1.7; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner > div > p { font-size: 11px; color: var(--muted); margin: 7px 0px 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner .mtwh-card-link { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest { list-style: none; padding: 0px; margin: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest li { display: flex; gap: 16px; align-items: center; min-height: 77px; border-top: 1px solid var(--line); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-rank-small { color: rgb(135, 105, 72); font-size: 23px; font-weight: 800; width: 27px; text-align: center; flex: 0 0 27px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest a { display: flex; flex-direction: column; justify-content: center; flex: 1 1 0%; min-height: 76px; line-height: 1.7; padding: 10px 0px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest a:hover { color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest strong { font-size: 13px; font-weight: 700; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest a > span { font-size: 11px; color: var(--muted); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-more { display: flex; width: 100%; margin-top: 16px; font-size: 12px; min-height: 45px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-foot { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-foot p { font-size: 11px; color: var(--muted); line-height: 1.8; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-foot .mtwh-text-link { font-size: 12px; color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-services-section { background: var(--cream); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-card { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); overflow: hidden; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-image { display: block; position: relative; width: 100%; aspect-ratio: 8 / 5; background: var(--photo); padding: 24px; flex-shrink: 0; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-image img { width: 100%; height: 100%; object-fit: contain; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy { padding: 28px 30px; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy .mtwh-eyebrow { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy h3 { font-family: var(--serif); font-size: 27px; letter-spacing: 0.02em; line-height: 1.6; margin-top: 5px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-title-sub { font-size: 22px; display: inline-block; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 11px; margin-top: 17px; color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price > span { font-size: 13px; color: var(--ink); font-weight: 600; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price strong { font-size: 37px; line-height: 1.3; letter-spacing: -0.02em; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price strong span { font-size: 18px; margin-left: 3px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price small { font-size: 11px; color: var(--muted); margin-left: -7px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-fact { font-size: 15px; margin-top: 19px; color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-fact strong { font-size: 29px; margin-inline: 6px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-description { font-size: 14px; color: var(--muted); line-height: 1.95; margin-top: 16px; margin-bottom: 25px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-description strong { font-weight: 600; color: var(--ink); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy > .mtwh-button { margin-top: auto; width: 100%; font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-note { font-size: 11px; line-height: 1.9; color: var(--muted); margin-top: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-card-vending { background: var(--ink); border-color: var(--ink); color: var(--cream); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-card-vending .mtwh-eyebrow { color: rgb(239, 210, 161); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-card-vending .mtwh-service-description { color: rgb(225, 213, 196); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-card-vending .mtwh-button-light { color: var(--ink); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-vending-badge { position: absolute; top: 20px; left: 20px; font-weight: 800; font-size: 12px; padding: 6px 13px; background: var(--ink); color: var(--cream); border-radius: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-vending-lead { font-size: 20px; font-family: var(--serif); font-weight: 700; margin-top: 13px; line-height: 1.6; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-section { background: rgb(241, 231, 216); border-block: 1px solid rgb(232, 218, 199); padding-block: 52px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading { text-align: center; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading h2 { font-family: var(--serif); font-size: 28px; line-height: 1.55; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading p { margin-top: 10px; font-size: 13px; color: var(--muted); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; margin-top: 28px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a { background: var(--paper); border: 1px solid rgb(223, 207, 185); border-radius: 5px; padding: 21px 12px; text-align: center; display: flex; flex-direction: column; gap: 5px; justify-content: center; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a > span { font-size: 11px; color: var(--muted); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a > strong { font-size: 17px; color: var(--red); font-weight: 700; white-space: nowrap; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a:hover { background: rgb(255, 255, 255); border-color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance { text-align: center; max-width: 880px; margin: 30px auto 0px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance h3 { font-size: 16px; font-family: var(--serif); margin-bottom: 8px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance p { font-size: 12px; color: rgb(101, 89, 76); line-height: 1.9; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance .mtwh-stock-note { font-size: 11px; margin-top: 4px; color: var(--muted); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-photo img { aspect-ratio: 1.12 / 1; object-fit: cover; border-radius: 6px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-photo figcaption { font-size: 12px; color: var(--muted); margin-top: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-intro { font-size: 13px; line-height: 1.95; color: var(--muted); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts { margin-top: 22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts > div { display: grid; grid-template-columns: 77px 1fr; gap: 12px; border-top: 1px solid var(--line); padding: 13px 0px; font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts dt { color: var(--muted); font-size: 12px; align-self: start; padding-top: 2px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts dd { line-height: 1.85; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts dd strong { font-size: 20px; line-height: 1.4; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts dd span { font-size: 12px; display: block; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts a { text-decoration: underline; text-underline-offset: 4px; font-weight: 700; } :is(#mtw-site, body.home) .mtwh-first-design #access .mtwh-shop-facts a[href^="tel:"] { display: inline-block; max-width: 100%; min-height: 44px; padding-block: 7px; line-height: 1.85; font-size: 16px; box-sizing: border-box; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-actions { display: flex; gap: 12px; margin-top: 19px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-actions .mtwh-button { flex: 1 1 0%; padding-inline: 12px; font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-site-footer { background: rgb(36, 29, 21); color: rgb(245, 234, 219); padding-block: 48px 27px; border-top: 5px solid var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-top { display: flex; justify-content: space-between; align-items: center; gap: 28px; border-bottom: 1px solid rgb(89, 70, 52); padding-bottom: 34px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-brand { display: flex; gap: 23px; align-items: center; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-crane { width: 92px; height: 110px; object-fit: contain; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-wordmark { display: block; width: 180px; height: 62px; background: rgb(201, 31, 31); mask-image: url("https://marutamamarket.com/wp-content/uploads/2026/09/marutama-wordmark-300x103.png"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-brand p { font-size: 11px; color: rgb(211, 192, 168); line-height: 1.9; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-message { font-family: var(--serif); font-size: 28px; line-height: 1.6; letter-spacing: 0.045em; font-weight: 700; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-grid { display: grid; grid-template-columns: 1fr 1.2fr 1fr 1.15fr; gap: 30px; padding-top: 32px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-grid h2 { font-size: 13px; line-height: 1.5; margin-bottom: 17px; font-weight: 700; color: rgb(239, 210, 161); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-link-group { display: flex; flex-direction: column; align-items: flex-start; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-link-group a { display: flex; align-items: center; font-size: 11px; line-height: 1.65; min-height: 34px; color: rgb(225, 213, 196); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-link-group a:hover, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-phone:hover { color: rgb(255, 255, 255); text-decoration: underline; text-underline-offset: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-shop p { font-size: 11px; line-height: 1.9; color: rgb(225, 213, 196); margin-top: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-phone { display: flex; align-items: center; min-height: 44px; margin-top: 9px; font-size: 20px; font-weight: 700; white-space: nowrap; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link { display: flex; gap: 9px; align-items: center; font-size: 12px; line-height: 1.7; margin-top: 14px; min-height: 44px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link img { width: 23px; height: 23px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link small { display: block; font-size: 10px; color: rgb(211, 192, 168); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link:hover { text-decoration: underline; text-underline-offset: 3px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-credit { border-top: 1px solid rgb(89, 70, 52); margin-top: 32px; padding-top: 22px; font-size: 10px; line-height: 1.9; color: rgb(211, 192, 168); text-align: center; letter-spacing: 0.04em; } :is(#mtw-site, body.home) .mtwh-first-design .mobile-dock { display: none; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog { width: calc(100% - 32px); max-width: 580px; max-height: calc(100dvh - 48px); margin: auto; border: 1px solid var(--line); border-radius: 10px; padding: 28px; background: var(--cream); color: var(--ink); box-shadow: rgba(36, 29, 21, 0.333) 0px 24px 80px; overflow-y: auto; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog::backdrop { background: rgba(36, 29, 21, 0.6); backdrop-filter: blur(3px); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-dialog-close { min-height: 44px; border: 0px; background: none; padding: 5px 0px 5px 10px; font-size: 12px; display: flex; gap: 10px; align-items: center; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-dialog-close span { font-size: 25px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog h2 { font-family: var(--serif); font-size: 26px; margin-top: 14px; line-height: 1.7; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog > p { font-size: 13px; color: var(--muted); margin-top: 5px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-options { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-options button { border: 1px solid rgb(217, 198, 176); background: var(--paper); border-radius: 4px; padding: 10px 14px; min-height: 44px; font-size: 12px; font-weight: 700; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-options button[aria-pressed="true"] { background: var(--red); border-color: var(--red); color: rgb(255, 255, 255); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result { padding: 24px; margin-top: 18px; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result-label { color: var(--red); font-size: 12px; font-weight: 700; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result h3 { font-family: var(--serif); font-size: 23px; line-height: 1.65; margin-top: 7px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result-text { font-size: 13px; color: var(--muted); margin-top: 10px; line-height: 1.9; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result-link { margin-top: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-quantity { font-size: 12px; margin-top: 14px; } @media (min-width: 1024px) and (max-width: 1140px) { :is(#mtw-site, body.home) .mtwh-first-design .desktop-nav { gap: 16px; } :is(#mtw-site, body.home) .mtwh-first-design .header-inner { column-gap: 24px; } :is(#mtw-site, body.home) .mtwh-first-design .desktop-nav a { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy h3 { font-size: 25px; } } @media (max-width: 1023px) { :is(#mtw-site, body.home) .mtwh-first-design { --header-height: 124px; } :is(#mtw-site, body.home) .mtwh-first-design .site-header.menu-open { --header-height: 64px; } :is(#mtw-site, body.home) .mtwh-first-design .header-inner { width: 100%; grid-template-columns: 1fr auto; column-gap: 0px; min-height: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .brand { grid-area: 1 / 1; height: 64px; margin-left: 16px; width: 158px; } :is(#mtw-site, body.home) .mtwh-first-design .brand-mark { width: 38px; height: 38px; } :is(#mtw-site, body.home) .mtwh-first-design .brand-wordmark { width: 109px; } :is(#mtw-site, body.home) .mtwh-first-design .site-switch { grid-area: 2 / 1 / auto / -1; width: calc(100% - 32px); max-width: 640px; margin-inline: auto; height: 60px; } :is(#mtw-site, body.home) .mtwh-first-design .site-switch-current, :is(#mtw-site, body.home) .mtwh-first-design .site-switch-shop { width: auto; flex: 1 1 0px; min-width: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .desktop-nav { display: none; } :is(#mtw-site, body.home) .mtwh-first-design .menu-toggle { display: flex; grid-area: 1 / 2; align-items: center; justify-content: center; gap: 9px; background: none; border: 0px; min-height: 48px; margin-right: 16px; padding: 8px 0px 8px 14px; font-size: 12px; font-weight: 700; } :is(#mtw-site, body.home) .mtwh-first-design .menu-lines { display: block; width: 20px; height: 15px; border-block: 2px solid var(--ink); position: relative; } :is(#mtw-site, body.home) .mtwh-first-design .menu-lines::before { content: ""; position: absolute; top: 5px; left: 0px; right: 0px; height: 2px; background: var(--ink); } :is(#mtw-site, body.home) .mtwh-first-design .menu-toggle[aria-expanded="true"] .menu-lines { border: 0px; height: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .menu-toggle[aria-expanded="true"] .menu-lines::before, :is(#mtw-site, body.home) .mtwh-first-design .menu-toggle[aria-expanded="true"] .menu-lines::after { content: ""; position: absolute; top: 9px; left: 0px; right: 0px; height: 2px; background: var(--ink); transform: rotate(45deg); } :is(#mtw-site, body.home) .mtwh-first-design .menu-toggle[aria-expanded="true"] .menu-lines::after { transform: rotate(-45deg); } :is(#mtw-site, body.home) .mtwh-first-design .site-header.menu-open .site-switch { display: none; } :is(#mtw-site, body.home) .mtwh-first-design .mobile-menu { display: block; position: fixed; inset: 64px 0px 0px; padding: 14px 24px 32px; background: var(--paper); overflow-y: auto; overscroll-behavior: contain; border-top: 1px solid var(--line); } :is(#mtw-site, body.home) .mtwh-first-design .menu-hours { font-size: 12px; color: var(--muted); padding-bottom: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .menu-main-link { display: flex; align-items: center; min-height: 54px; font-size: 17px; font-family: var(--serif); font-weight: 700; border-top: 1px solid var(--line); } :is(#mtw-site, body.home) .mtwh-first-design .menu-link-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; padding: 4px 0px 19px; } :is(#mtw-site, body.home) .mtwh-first-design .menu-link-grid a, :is(#mtw-site, body.home) .mtwh-first-design .menu-service-links a { display: flex; align-items: center; min-height: 44px; font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .menu-service-links { padding: 0px 0px 17px; } :is(#mtw-site, body.home) .mtwh-first-design .menu-phone { margin-top: 16px; display: flex; } :is(#mtw-site, body.home) .mtwh-first-design .hero-grid { gap: 28px; } :is(#mtw-site, body.home) .mtwh-first-design .hero h1 { font-size: 36px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-copy .mtwh-eyebrow { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-description { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-actions .mtwh-button { min-width: 0px; flex: 1 1 0%; padding-inline: 15px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-store-info { font-size: 11px; gap: 5px 10px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-store-info span + span { padding-left: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual figcaption { left: -12px; bottom: 16px; padding: 12px 17px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-grid { gap: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy { padding: 17px 12px 16px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy h3 { font-size: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy p { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy p br { display: none; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-intro { gap: 38px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-lead { font-size: 38px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-panel { padding: 25px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category { padding: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner { grid-template-columns: 43% 1fr; gap: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner h5 { font-size: 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading h4 { font-size: 19px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading h4 small { display: block; margin-top: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest strong { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy { padding: 25px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy h3 { font-size: 24px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-title-sub { font-size: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-description { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-note { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links { gap: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a { padding-inline: 8px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a > strong { font-size: 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a > span { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-grid { gap: 34px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-grid { gap: 20px; grid-template-columns: 1fr 1.1fr; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-shop { padding-top: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-link-group a { min-height: 38px; font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-top { gap: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-message { font-size: 25px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-brand { gap: 15px; } } @media (max-width: 700px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-container { width: calc(100% - 36px); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-section-pad { padding-block: 48px; } :is(#mtw-site, body.home) .mtwh-first-design .hero { padding-block: 25px 32px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-grid { grid-template-columns: 1fr; gap: 24px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-copy { padding: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-copy .mtwh-eyebrow { font-size: 10px; letter-spacing: 0.035em; margin-bottom: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .hero h1 { font-size: clamp(32px, 8.4vw, 45px); letter-spacing: 0.02em; line-height: 1.48; } :is(#mtw-site, body.home) .mtwh-first-design .hero-description { font-size: 13px; line-height: 1.9; margin-top: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-actions { margin-top: 19px; gap: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-actions .mtwh-button { min-height: 46px; font-size: 13px; padding-block: 8px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-store-info { margin-top: 13px; justify-content: flex-start; font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual { max-width: none; width: calc(100% - 8px); margin-right: 8px; justify-self: start; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual > img { aspect-ratio: 1.48 / 1; object-fit: contain; background: rgb(8, 11, 8); } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual::before { inset: 8px -8px -8px 8px; border-radius: 6px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual figcaption { left: 10px; bottom: 12px; padding: 8px 11px; border-left-width: 3px; font-size: 9px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual figcaption strong { font-size: 12px; margin-top: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-visual figcaption > span { display: none; } :is(#mtw-site, body.home) .mtwh-first-design .news-section { grid-template-columns: 1fr; gap: 9px; padding-block: 23px; } :is(#mtw-site, body.home) .mtwh-first-design .news-heading { display: flex; justify-content: space-between; align-items: center; } :is(#mtw-site, body.home) .mtwh-first-design .news-heading h2 { font-size: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .news-list a { grid-template-columns: 76px 87px 1fr; gap: 5px 10px; font-size: 12px; padding: 11px 0px; } :is(#mtw-site, body.home) .mtwh-first-design .news-list a > span:last-child { grid-column: 1 / -1; line-height: 1.8; } :is(#mtw-site, body.home) .mtwh-first-design .news-list time { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .news-tag { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading { display: block; margin-bottom: 23px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading h2, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-copy h2 { font-size: 27px; margin-block: 4px 9px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading .mtwh-eyebrow { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading > div > p:last-child { font-size: 12px; line-height: 1.9; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading > .mtwh-text-link { font-size: 11px; margin-top: 6px; min-height: 33px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-mobile-only { display: initial; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-photo { aspect-ratio: 1.08 / 1; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy { padding: 13px 11px 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy h3 { font-size: 20px; letter-spacing: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy p { font-size: 11px; margin-top: 5px; margin-bottom: 14px; line-height: 1.8; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy .mtwh-card-link { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide { display: block; margin-top: 20px; padding-block: 17px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide p { font-size: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide .mtwh-small-label { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions { gap: 17px; justify-content: space-between; margin-top: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions .mtwh-button { padding-inline: 20px; font-size: 12px; min-height: 44px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions .mtwh-text-link { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-section { padding-block: 43px 30px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-intro { grid-template-columns: 1fr; gap: 28px; margin-bottom: 26px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-wordmark { font-size: 12px; letter-spacing: 0.19em; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-copy h2 { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-lead { font-size: 37px; margin-top: 20px; line-height: 1.5; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-description { font-size: 13px; margin: 13px 0px 21px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-copy .mtwh-button { font-size: 12px; min-height: 45px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-photo img { aspect-ratio: 1.6 / 1; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-photo figcaption { font-size: 10px; line-height: 1.8; margin-top: 8px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-panel { padding: 21px 15px; border-radius: 6px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-heading { display: block; margin-bottom: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-heading h3 { font-size: 25px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-heading .mtwh-eyebrow { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-month { display: inline-flex; align-items: baseline; margin-top: 12px; font-size: 11px; padding: 3px 12px; line-height: 1.7; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-month span { font-size: 22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-grid { grid-template-columns: 1fr; gap: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category { padding: 18px 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading { padding-bottom: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading h4 { font-size: 21px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading h4 small { font-size: 10px; display: inline; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading > span { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner { grid-template-columns: 44% 1fr; gap: 15px; padding-block: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner h5 { font-size: 15px; line-height: 1.7; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner > div > p { font-size: 10px; margin-top: 6px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner .mtwh-card-link { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest li { min-height: 67px; gap: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest a { min-height: 66px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest strong { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest a > span { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-rank-small { font-size: 22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-more { font-size: 11px; min-height: 44px; padding-inline: 7px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-foot { display: block; margin-top: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-foot p { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-foot .mtwh-text-link { font-size: 10px; margin-top: 9px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-grid { grid-template-columns: 1fr; gap: 22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-image { padding: 24px; aspect-ratio: 8 / 5; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy { padding: 22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy .mtwh-eyebrow { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy h3 { font-size: 24px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-title-sub { font-size: 19px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price { margin-top: 13px; gap: 3px 9px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price > span { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price strong { font-size: 34px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-description { font-size: 12px; margin-top: 13px; margin-bottom: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy > .mtwh-button { font-size: 12px; min-height: 44px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-note { font-size: 10px; margin-top: 9px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-fact { margin-top: 13px; font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-fact strong { font-size: 27px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-vending-badge { top: 16px; left: 16px; font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-vending-lead { font-size: 22px; margin-top: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-section { padding-block: 36px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading h2 { font-size: 23px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading p { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin-top: 21px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a { padding: 16px 7px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a > strong { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance { margin-top: 24px; text-align: left; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance h3 { font-size: 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance p { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance .mtwh-stock-note { font-size: 10px; margin-top: 7px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-grid { grid-template-columns: 1fr; gap: 28px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-photo img { aspect-ratio: 1.4 / 1; object-fit: cover; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-photo figcaption { font-size: 10px; margin-top: 9px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-copy .mtwh-eyebrow { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-intro { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts { margin-top: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts > div { font-size: 12px; grid-template-columns: 65px 1fr; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts dt { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts dd strong { font-size: 19px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts dd span { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-actions { gap: 10px; margin-top: 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-actions .mtwh-button { font-size: 11px; min-height: 45px; padding-inline: 8px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-site-footer { padding-block: 30px calc(84px + env(safe-area-inset-bottom)); border-top-width: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-top { display: block; padding-bottom: 25px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-brand { gap: 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-crane { width: 74px; height: 88px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-wordmark { width: 148px; height: 51px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-brand p { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-message { margin-top: 19px; font-size: 23px; line-height: 1.65; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 18px; padding-top: 27px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-grid h2 { font-size: 11px; margin-bottom: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-link-group a { font-size: 10px; min-height: 36px; line-height: 1.8; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-shop p { font-size: 10px; margin-top: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-phone { font-size: 16px; margin-top: 6px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link { font-size: 10px; gap: 6px; margin-top: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link img { width: 18px; height: 18px; flex: 0 0 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link small { font-size: 9px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-credit { font-size: 9px; margin-top: 25px; padding-top: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mobile-dock { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 35; display: grid; grid-template-columns: 1fr 1fr 1fr; background: var(--paper); border-top: 1px solid rgb(222, 204, 186); padding-bottom: env(safe-area-inset-bottom); box-shadow: rgba(49, 28, 14, 0.04) 0px -4px 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mobile-dock a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 62px; font-size: 10px; font-weight: 700; color: var(--red); position: relative; } :is(#mtw-site, body.home) .mtwh-first-design .mobile-dock a + a::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 0px; border-left: 1px solid var(--line); } :is(#mtw-site, body.home) .mtwh-first-design .mobile-dock svg { width: 20px; height: 20px; stroke: currentcolor; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; } :is(#mtw-site, body.home) .mtwh-first-design .mobile-dock a:hover { background: rgb(250, 234, 222); } :is(#mtw-site, body.home) .mtwh-first-design .menu-is-open .mobile-dock { display: none; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog { padding: 19px; max-height: calc(100dvh - 30px); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog h2 { font-size: 23px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog > p { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-options { gap: 7px; margin-top: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-options button { font-size: 11px; padding: 9px 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result { padding: 19px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result-label { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result h3 { font-size: 21px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result-text { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result-link { font-size: 12px; width: 100%; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-quantity { font-size: 11px; } } @media (max-width: 359px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-container { width: calc(100% - 28px); } :is(#mtw-site, body.home) .mtwh-first-design .hero-copy .mtwh-eyebrow { font-size: 9px; } :is(#mtw-site, body.home) .mtwh-first-design .hero h1 { font-size: 30px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-store-info { gap: 5px 7px; font-size: 9px; } :is(#mtw-site, body.home) .mtwh-first-design .hero-store-info span + span { padding-left: 7px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-grid { gap: 12px 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy { padding-inline: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy h3 { font-size: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy p { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions { gap: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions .mtwh-button { padding-inline: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions .mtwh-text-link { font-size: 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy { padding: 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy h3 { font-size: 21px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-title-sub { font-size: 18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-panel { padding-inline: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category { padding-inline: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner { gap: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner h5 { font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner .mtwh-card-link { font-size: 9px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading h4 { font-size: 19px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading h4 small { font-size: 9px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest strong { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-grid { gap: 24px 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-phone { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link { font-size: 9px; } } @media (prefers-reduced-motion: reduce) { :is(#mtw-site, body.home) .mtwh-first-design { scroll-behavior: auto; } :is(#mtw-site, body.home) .mtwh-first-design *, :is(#mtw-site, body.home) .mtwh-first-design ::before, :is(#mtw-site, body.home) .mtwh-first-design ::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; } } :is(#mtw-site, body.home) .mtwh-first-design { padding: 0px; text-align: left; isolation: isolate; } :is(#mtw-site, body.home) .mtwh-first-design section { scroll-margin-top: 148px; } :is(#mtw-site, body.home) .mtwh-first-design :is(h1, h2, h3, h4, h5)::before, :is(#mtw-site, body.home) .mtwh-first-design :is(h1, h2, h3, h4, h5)::after { content: none; } #mtw-site #first-lower :is(h1, h2, h3, h4, p, li, dt, dd, summary, a, strong) { word-break: normal !important; text-wrap-style: auto; } #mtw-site #preview-footer { scroll-margin-top: 148px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner-block { --ranking-photo-width: 44%; --ranking-card-gap: 17px; padding-bottom: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner-block .mtwh-ranking-winner { grid-template-columns: var(--ranking-photo-width) minmax(0,1fr); gap: var(--ranking-card-gap); padding-bottom: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner-block .mtwh-ranking-winner > div { min-width: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-buy, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest .mtwh-ranking-buy { display: inline-flex; flex: 0 0 auto; flex-direction: row; align-items: center; justify-content: flex-start; min-height: 44px; padding: 6px 0px; color: var(--muted); font-size: 12px; line-height: 1.7; text-decoration: underline; text-underline-offset: 4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-buy:hover, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest .mtwh-ranking-buy:hover { color: var(--red); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner-block > .mtwh-ranking-buy { margin-left: calc(var(--ranking-photo-width) + var(--ranking-card-gap)); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-item-content { flex: 1 1 0%; min-width: 0px; padding: 10px 0px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest .mtwh-ranking-product-link { min-height: 44px; padding: 0px; flex: 0 0 auto; } @media (min-width: 701px) and (max-width: 1023px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner-block { --ranking-photo-width: 43%; --ranking-card-gap: 12px; } } @media (max-width: 700px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading > div > p:last-child, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy p { font-size: 14px; line-height: 1.85; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading > .mtwh-text-link, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-specialty-copy .mtwh-card-link { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading > .mtwh-text-link { white-space: normal; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-first-section-heading .mtwh-eyebrow, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide .mtwh-small-label { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions { flex-wrap: wrap; gap: 8px 17px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions .mtwh-button, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-choice-guide-actions .mtwh-text-link { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-description { font-size: 15px; line-height: 1.95; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-copy .mtwh-button { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-select-photo figcaption { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-heading .mtwh-eyebrow, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-month { font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading h4 small { display: block; font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-category-heading > span { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner-block { --ranking-card-gap: 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner h5 { font-size: 16px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner > div > p { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner .mtwh-card-link { font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest strong { font-size: 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest a > span { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-buy, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-rest .mtwh-ranking-buy { font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-more, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-foot p, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-foot .mtwh-text-link { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy .mtwh-eyebrow { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price > span, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-fact { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-price small { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-description { font-size: 15px; line-height: 1.95; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-copy > .mtwh-button, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-note { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading p, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance p, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance .mtwh-stock-note { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links a > span { font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-intro { font-size: 15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-photo figcaption, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts > div, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts dt, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-shop-facts dd span { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-copy .mtwh-eyebrow { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-actions { flex-wrap: wrap; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-access-actions .mtwh-button { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-grid > div { min-width: 0px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-grid h2 { font-size: 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-link-group a { font-size: 14px; min-height: 44px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-shop p { font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link { font-size: 13px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-instagram-link small { font-size: 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-footer-credit { font-size: 11px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog > p, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-options button, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result-label, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result-text, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-result-link, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-quantity { font-size: 14px; } } @media (max-width: 359px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-winner-block { --ranking-card-gap: 11px; } } :is(#mtw-site, body.home) .mtwh-first-design .mtw-footer-instagram__icon {width:23px;height:23px;flex:0 0 23px;} :is(#mtw-site, body.home) .mtwh-first-design .mtwh-taste-dialog:not([open]) {display:none;} :is(#mtw-site, body.home) .mtwh-first-design section {scroll-margin-top:calc(var(--mtw-header-height, 140px) + 20px);} :is(#mtw-site, body.home) .mtwh-first-design .mtwh-ranking-no-image {display:grid;place-items:center;min-height:180px;background:var(--photo);font-size:14px;} /* Prevent intrinsic portrait dimensions from expanding the service photo area. */ :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-image { min-height:0; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-image img { position:absolute; inset:24px; width:calc(100% - 48px); height:calc(100% - 48px); object-fit:contain; } /* Homepage services: shop-sign headings, edge-to-edge photos, compact supporting services. */ :is(#mtw-site, body.home) .mtwh-first-design .mtwh-services-section { background:#f8f0e3; background-image:repeating-linear-gradient(135deg,transparent 0 20px,rgb(141 98 55 / 2%) 20px 21px); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-services-section .mtwh-first-section-heading { border-left:5px solid #a62a32; padding-left:22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-services-section .mtwh-first-section-heading h2 { font-family:var(--sans); font-weight:800; font-size:clamp(30px,3vw,40px); letter-spacing:.03em; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured { --service-accent:#9d2531; border:1px solid #e0cbbb; border-radius:18px; background:#fffcf5; color:#302820; box-shadow:0 6px 0 #e9dccb,0 16px 32px rgb(81 45 22 / 8%); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured[data-service="beer"] { --service-accent:#7a442e; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner { display:flex; align-items:center; gap:16px; padding:22px 26px; color:#fffaf1; background:var(--service-accent); border-bottom:4px solid #dec29a; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner h3 { color:inherit; margin:0; font-family:var(--sans); line-height:1.35; letter-spacing:0; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner h3 span { display:block; font-size:16px; font-weight:700; margin-bottom:4px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner h3 strong { display:block; font-size:clamp(26px,2.5vw,34px); font-weight:800; white-space:nowrap; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-symbol { display:grid; place-items:center; width:58px; height:58px; flex:none; border:1px solid rgb(255 250 241 / 45%); border-radius:50%; background:rgb(255 255 255 / 8%); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-symbol svg { width:32px; height:32px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-image { aspect-ratio:1080 / 860; padding:0; overflow:hidden; } /* The old cutout asset rule is overridden only inside these homepage cards. */ :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-image img { inset:0; width:100%; height:100%; object-fit:cover!important; object-position:center; } :is(#mtw-site, body.home) .mtwh-first-design :is(.mtwh-service-featured,.mtwh-service-compact) .mtwh-service-copy { padding:26px; border-top:1px solid #e0cbbb; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-vending-lead { font-family:var(--sans); font-size:24px; font-weight:800; line-height:1.6; margin:0 0 17px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 10px; margin:0 0 17px; color:var(--service-accent); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-price > span { font-size:14px; color:#514335; font-weight:700; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-price strong { font-size:43px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-price small { font-size:12px; margin-left:0; color:#514335; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-tags { display:flex; flex-wrap:wrap; gap:6px; padding:0; margin:0 0 13px; list-style:none; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-tags li { display:block; margin:0; padding:5px 10px; border:1px solid #d9bfa9; background:#f4e7d5; border-radius:4px; color:#623f2f; font-size:13px; font-weight:700; line-height:1.5; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-description { color:#514335; font-size:16px; line-height:1.8; margin:0 0 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-note { color:#514335; font-size:14px; line-height:1.75; margin:0 0 18px; } :is(#mtw-site, body.home) .mtwh-first-design :is(.mtwh-service-featured,.mtwh-service-compact) .mtwh-button { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:56px; margin-top:auto; padding:10px 16px 10px 22px; border:1px solid var(--service-accent); border-radius:8px; background:var(--service-accent); color:#fffaf1; font-size:16px; line-height:1.5; text-align:left; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-arrow { display:grid; place-items:center; flex:none; width:30px; height:30px; border:1px solid rgb(255 250 241 / 55%); border-radius:50%; font-size:20px; } /* Supporting services share the heading and CTA system, without photos. */ :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact { display:flex; flex-direction:column; gap:0; padding:0; border:1px solid; border-radius:18px; overflow:hidden; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact[data-service="co2"] { --service-accent:#3c6543; background:#deebd5; border-color:#bdcfad; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact[data-service="ice"] { --service-accent:#335f7b; background:#d9eaf5; border-color:#b8d2e4; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact .mtwh-service-banner { color:#fffaf1; background:var(--service-accent); border-bottom:1px solid; border-bottom-color:inherit; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact .mtwh-service-symbol { border-color:currentColor; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact .mtwh-service-copy { display:flex; flex-direction:column; flex:1; padding:24px 26px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact .mtwh-service-price { margin:0 0 10px; color:#302820; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact .mtwh-service-price strong { font-size:24px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact .mtwh-service-price strong span { font-size:16px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact .mtwh-service-description { font-size:15px; margin:0 0 16px; line-height:1.8; color:#514335; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-compact .mtwh-service-note { font-size:13px; margin:0 0 16px; color:#514335; } @media(min-width:701px) and (max-width:1000px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner { padding:18px; gap:12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-symbol { width:44px; height:44px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner h3 strong { font-size:26px; } } @media(max-width:700px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-grid-priority { gap:26px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-services-section .mtwh-first-section-heading { padding-left:16px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner { padding:20px; gap:14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-symbol { width:44px; height:44px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-symbol svg { width:28px; height:28px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner h3 strong { font-size:27px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner h3 span { font-size:15px; } :is(#mtw-site, body.home) .mtwh-first-design :is(.mtwh-service-featured,.mtwh-service-compact) .mtwh-service-copy { padding:22px 20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-vending-lead { font-size:22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-description { font-size:15px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-price strong { font-size:38px; } :is(#mtw-site, body.home) .mtwh-first-design :is(.mtwh-service-featured,.mtwh-service-compact) .mtwh-button { font-size:15px; padding-left:16px; } } @media(max-width:360px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner { gap:10px; padding:18px 14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-symbol { width:36px; height:36px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-banner h3 strong { font-size:25px; } :is(#mtw-site, body.home) .mtwh-first-design :is(.mtwh-service-featured,.mtwh-service-compact) .mtwh-service-copy { padding:20px 16px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-price { gap:4px 6px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-price > span { font-size:12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-featured .mtwh-service-price strong { font-size:34px; } :is(#mtw-site, body.home) .mtwh-first-design :is(.mtwh-service-featured,.mtwh-service-compact) .mtwh-button { padding:10px 12px; gap:6px; font-size:14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-service-arrow { width:24px; height:24px; font-size:18px; } } /* Visit and order: two clear destinations with quieter supporting links. */ :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-section { background:#fbf3e7; border:0; padding-block:72px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-section > .mtwh-container { display:grid; grid-template-columns:.85fr 1.15fr; column-gap:56px; row-gap:28px; align-items:start; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading { grid-column:1; grid-row:1; margin:0; padding:0; border:0; border-radius:0; background:none; text-align:left; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading::before { content:""; display:block; width:48px; height:5px; margin-bottom:24px; background:#ddb439; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading h2 { margin:0; font-family:var(--sans); font-size:clamp(30px,3.15vw,42px); font-weight:800; line-height:1.55; letter-spacing:0; color:#302820; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading h2 span, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading p span, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance h3 span { display:inline-block; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading p { margin-top:18px; color:#675443; font-size:15px; line-height:1.9; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links { grid-column:2; grid-row:1/3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 30px; grid-template-rows:48px 1fr auto; align-items:start; justify-content:stretch; column-gap:12px; row-gap:0; min-height:218px; padding:26px; border:0; border-radius:12px; background:#f2d36c; color:#392c1d; text-align:left; box-shadow:none; transition:filter .16s; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-shop { background:#b94f25; color:#fffaf2; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-symbol { grid-column:1; grid-row:1; display:block; width:40px; height:40px; margin:0; border:0; border-radius:0; background:transparent; color:inherit; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-symbol svg { width:38px; height:38px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-label { grid-column:1/3; grid-row:2; align-self:end; padding-top:20px; color:inherit; font-size:14px; font-weight:500; line-height:1.6; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card > strong { grid-column:1/3; grid-row:3; display:block; width:auto; padding:0; margin-top:6px; border-radius:0; background:none; color:inherit; font-family:var(--sans); font-size:30px; font-weight:800; line-height:1.4; letter-spacing:.015em; white-space:nowrap; text-align:left; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-arrow { position:static; grid-column:2; grid-row:1; justify-self:end; display:block; width:auto; height:auto; border:0; border-radius:0; color:inherit; font-size:28px; line-height:1.3; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card:hover { background:#f2d36c; border:0; filter:brightness(.96); } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-shop:hover { background:#b94f25; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card:focus-visible { outline:3px solid #6d4822; outline-offset:5px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary { grid-template-columns:28px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:12px; min-height:108px; padding:22px 0 10px; margin-top:5px; border:0; border-top:1px solid #d9cbb9; border-radius:0; background:transparent; color:#3e3024; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary .mtwh-order-symbol { grid-column:1; grid-row:1/3; width:28px; height:28px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary .mtwh-order-symbol svg { width:26px; height:26px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary .mtwh-order-label { grid-column:2; grid-row:1; padding:0; font-size:12px; color:#6d5b4b; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary > strong { grid-column:2; grid-row:2; margin-top:5px; font-size:17px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary .mtwh-order-arrow { grid-column:3; grid-row:1/3; font-size:22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-phone > strong { font-size:20px; letter-spacing:0; white-space:normal; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-phone .mtwh-order-phone-hours { grid-column:2; grid-row:3; margin-top:4px; color:inherit; font-size:14px; line-height:1.6; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary:hover { background:transparent; border:0; border-top:1px solid #9c7652; filter:none; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance { grid-column:1; grid-row:2; max-width:none; margin:0; padding:22px 0 0; border:0; border-top:1px solid #d9cbb9; border-radius:0; background:none; text-align:left; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance h3 { margin:0 0 10px; color:#3e3024; font-family:var(--sans); font-size:17px; font-weight:700; line-height:1.8; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance p { color:#6d5b4b; font-size:14px; line-height:1.95; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance .mtwh-stock-note { margin-top:8px; color:#766556; font-size:12px; line-height:1.8; } @media (max-width:1050px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-section > .mtwh-container { grid-template-columns:1fr; gap:28px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance { grid-column:1; grid-row:auto; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading h2 { font-size:36px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading p { margin-top:12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card { min-height:200px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary { min-height:98px; } } @media (max-width:700px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-section { padding-block:44px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-section > .mtwh-container { gap:24px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading::before { width:36px; height:4px; margin-bottom:18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading h2 { font-size:30px; line-height:1.5; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading p { font-size:14px; line-height:1.8; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links { gap:12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card { min-height:186px; padding:18px 16px; border-radius:10px; grid-template-rows:40px 1fr auto; column-gap:8px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-symbol, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-symbol svg { width:32px; height:32px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-label { font-size:13px; padding-top:16px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card > strong { font-size:24px; margin-top:5px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-arrow { font-size:24px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary { grid-column:1/3; grid-template-columns:30px minmax(0,1fr); grid-template-rows:auto auto; min-height:82px; padding:17px 2px 10px; margin-top:4px; border-radius:0; column-gap:14px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary .mtwh-order-label { font-size:13px; padding:0; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary > strong { font-size:19px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-phone > strong { font-size:22px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary .mtwh-order-symbol, :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary .mtwh-order-symbol svg { width:26px; height:26px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance { padding-top:20px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance h3 { font-size:17px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-stock-guidance .mtwh-stock-note { font-size:13px; } } @media (max-width:360px) { :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-heading h2 { font-size:28px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card { padding:16px 12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-label { font-size:12px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card > strong { font-size:21px; letter-spacing:0; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary { padding:17px 2px 10px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-secondary > strong { font-size:18px; } :is(#mtw-site, body.home) .mtwh-first-design .mtwh-order-links .mtwh-order-card-phone > strong { font-size:22px; } }