/* White surfaces and one system font shared by the five consumer destinations. */
:root {
  --bg:#ffffff;
  --paper:#ffffff;
  --ink:#111111;
  --muted:#111111;
  --line:#e7e7e7;
  --accent:#111111;
  --accent-dark:#111111;
  --tint:#ffffff;
  --green:#111111;
  --shadow:0 12px 35px #00000008;
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color:#111111;
  background:#ffffff;
}
body { background:#ffffff; }
::selection { color:#111111; background:#ffffff; }
.announcement-bar { height:32px; padding:7px 48px; background:#ffffff; color:#111111; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); font-size:9px; letter-spacing:2px; }
.announcement-note { color:#111111; letter-spacing:1px; }
.site-header { background:#ffffff; border-bottom-color:var(--line); }
.header-inner { max-width:1450px; height:105px; padding:0 48px; gap:40px; }
.brand { gap:16px; }
.site-header.home-logo-header { position:sticky; top:0; background:#ffffff; }
.home-brand-logo { display:block; width:216px; height:auto; max-height:82px; object-fit:contain; }
.brand-mark { width:45px; height:48px; border:1px solid #dddddd; border-radius:0; background:none; color:#111111; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:30px; font-weight:400; }
.brand-title { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:24px; font-weight:400; letter-spacing:4px; }
.brand-en { color:#111111; font-size:8px; letter-spacing:2px; margin-top:5px; }
.desktop-nav { gap:34px; }
.desktop-nav a { color:#111111; font-size:13px; letter-spacing:1.5px; }
.desktop-nav a.active { color:#111111; font-weight:500; }
.desktop-nav a.active:after { bottom:29px; height:1px; width:26px; left:calc(50% - 13px); background:#ffffff; }
.header-tools { gap:18px; color:#111111; }
.avatar-small { border:1px solid var(--line); background:transparent; color:#111111; border-radius:0; }
.cart-badge { background:#ffffff; }
.page { max-width:1450px; padding:42px 48px 76px; }
.home-page { padding-top:22px; }
.eyebrow { color:#111111; font-size:9px; letter-spacing:2.4px; }
.home-issue { display:flex; justify-content:space-between; gap:15px; padding:0 0 18px; color:#111111; font-size:9px; letter-spacing:2.2px; }
.home-issue span:last-child { font-size:10px; letter-spacing:1.2px; }
.hero { height:clamp(470px, 47vw, 630px); border-radius:1px; background:#ffffff; }
.hero:after { background:#ffffff; }
.hero-image { object-position:50% 58%; }
.hero-copy { padding:75px 60px; max-width:680px; }
.hero-kicker { font-size:9px; color:#111111; letter-spacing:3px; }
.hero-kicker:before { width:30px; background:#ffffff; }
.hero h1 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:clamp(40px, 4.4vw, 63px); line-height:1.5; letter-spacing:4px; font-weight:400; margin:33px 0 22px; text-shadow:none; }
.hero-description { color:#111111; font-size:12px; line-height:2.2; letter-spacing:1.2px; }
.hero-button { background:transparent; border:1px solid #dddddd; color:#111111; font-size:11px; letter-spacing:1.3px; border-radius:0; padding:14px 22px; margin-top:34px; gap:38px; transition:background .25s; }
.hero-button:hover { background:#ffffff; }
.hero-dots { left:60px; bottom:30px; gap:9px; }
.hero-dots button { height:2px; width:17px; border-radius:0; background:#ffffff; }
.hero-dots button.active { width:36px; background:#ffffff; }
.hero-index { right:34px; bottom:27px; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:12px; }
.hero-caption { display:flex; align-items:center; gap:27px; border-bottom:1px solid var(--line); padding:23px 0; color:#111111; font-size:11px; }
.hero-caption-index { color:#111111; font-size:10px; letter-spacing:1px; }
.hero-caption p { color:#111111; }
.hero-caption a { display:inline-flex; align-items:center; gap:30px; margin-left:auto; color:#111111; font-size:11px; }
.assurances { margin:0 0 65px; padding:27px 0; border-bottom:1px solid var(--line); justify-content:space-between; }
.assurance { font-size:11px; color:#111111; gap:10px; }
.assurance svg { color:#111111; width:19px; stroke-width:1.25; }
.assurance small { color:#111111; font-size:10px; }
.section-heading { margin-bottom:29px; align-items:center; }
.section-title-line { gap:20px; }
.section-title-line h2 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:29px; font-weight:400; letter-spacing:1.8px; }
.section-title-line span { color:#111111; font-size:8px; letter-spacing:2px; }
.section-subtitle { color:#111111; font-size:11px; margin-top:11px; line-height:1.9; }
.text-link { color:#111111; font-size:11px; gap:17px; }
.category-grid { gap:0; margin-bottom:73px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.category-card { position:relative; border:0; border-right:1px solid var(--line); border-radius:0; padding:29px 7px 24px; background:transparent; }
.category-card:last-child { border-right:0; }
.category-card:hover { transform:none; background:#ffffff; }
.category-symbol, .category-card:nth-child(n) .category-symbol { height:47px; width:50px; margin-bottom:18px; background:transparent; color:#111111; border-radius:0; }
.category-symbol svg { stroke-width:1.1; width:31px; height:31px; }
.category-card strong { font-weight:400; font-size:13px; letter-spacing:1.4px; }
.category-card small { margin-top:9px; font-size:7px; letter-spacing:1.2px; color:#111111; }
.featured-section { margin-top:0; }
.section-filters { gap:14px; }
.pill { padding:8px 14px; color:#111111; background:transparent; border-color:#dddddd; border-radius:0; }
.pill.active { background:#ffffff; border-color:#dddddd; color:#111111; }
.product-grid { gap:35px 23px; }
.product-card { border:0; border-radius:0; background:transparent; overflow:visible; box-shadow:none; }
.product-card:hover { transform:none; box-shadow:none; }
.product-image-wrap { height:285px; border-radius:1px; background:#ffffff; }
.product-image-wrap img { transition:transform .7s; }
.product-card:hover .product-image-wrap img { transform:scale(1.045); }
.product-label, .product-label.warm { top:13px; left:13px; background:#ffffff; color:#111111; border:1px solid #dddddd; border-radius:0; padding:5px 9px; font-size:9px; }
.product-save { top:13px; right:13px; background:#ffffff; border-radius:0; color:#111111; padding:8px; }
.product-save.save-active { color:#111111; }
.product-info { padding:19px 0 0; }
.product-brand { color:#111111; font-size:8px; letter-spacing:1.6px; margin-bottom:9px; }
.product-name { font-size:14px; font-weight:400; letter-spacing:.3px; color:#111111; }
.product-subtitle { font-size:10px; color:#111111; margin-top:5px; }
.product-bottom { border-top:1px solid var(--line); margin-top:17px; padding-top:13px; }
.price { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color:#111111; font-size:25px; font-weight:400; letter-spacing:-.5px; }
.price .currency { font-size:12px; margin-right:4px; }
.price .unit { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color:#111111; font-size:10px; }
.price-role { font-size:9px; color:#111111; margin-top:6px; }
.add-cart { width:29px; height:29px; border:1px solid #dddddd; border-radius:0; color:#111111; }
.add-cart:hover { background:#ffffff; color:#111111; border-color:#dddddd; }
.home-cases { margin-top:78px; padding-top:35px; border-top:1px solid var(--line); }
.case-grid { gap:32px; }
.case-card { border:0; border-radius:0; background:transparent; }
.case-card:hover { transform:none; box-shadow:none; }
.case-card-image { aspect-ratio:1.5; border-radius:1px; }
.case-number { background:#ffffff; border:1px solid #dddddd; border-radius:0; font-size:8px; padding:7px 9px; }
.case-open { border-radius:0; width:38px; height:38px; }
.case-card-body { padding:22px 0 0; }
.case-meta { color:#111111; font-size:10px; }
.case-card-body h2 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:25px; font-weight:400; letter-spacing:1.1px; margin:12px 0 9px; }
.case-card-body>p { color:#111111; font-size:11px; }
.case-card-foot { border-top-color:var(--line); padding-top:13px; margin-top:18px; }
.case-tags span { color:#111111; background:#ffffff; border-radius:0; }
.inspiration-strip { margin-top:72px; border-radius:0; background:#ffffff; padding:38px 35px; }
.inspiration-strip h3 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:25px; font-weight:400; letter-spacing:1px; }
.inspiration-strip p { color:#111111; font-size:11px; margin-top:13px; }
.inspiration-strip>a { color:#111111; font-size:12px; }
.site-footer { padding:53px 48px 20px; border:0; border-top:1px solid var(--line); background:#ffffff; color:#111111; }
.footer-inner, .footer-base { max-width:1354px; margin:0 auto; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; padding-bottom:42px; }
.footer-signature { display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.footer-brand { color:#111111; font-size:8px; letter-spacing:2.1px; }
.footer-signature strong { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:25px; font-weight:400; letter-spacing:1.5px; }
.footer-signature>span:last-child { color:#111111; font-size:10px; }
.footer-links { display:flex; flex-direction:column; gap:17px; align-items:stretch; color:#111111; }
.footer-links>a, .footer-links>button { display:flex; justify-content:space-between; align-items:center; gap:35px; padding:0; font-size:11px; }
.footer-base { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:19px; font-size:9px; letter-spacing:1px; color:#111111; }
.btn { border-radius:0; background:#ffffff; border-color:#dddddd; color:#111111; font-size:12px; padding:12px 23px; letter-spacing:.5px; }
.btn:hover { background:#ffffff; border-color:#dddddd; color:#111111; }
.btn-outline { border-color:#dddddd; background:transparent; color:#111111; }
.btn-light { background:#ffffff; color:#111111; border-color:#dddddd; }
.btn-small { font-size:11px; padding:9px 16px; }
.panel { background:#ffffff; border-color:var(--line); border-radius:1px; box-shadow:none; padding:29px; }
.panel h2 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-weight:400; font-size:22px; }
.page-title { margin-bottom:35px; }
.page-title h1 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:34px; font-weight:400; letter-spacing:1.5px; }
.page-title p, .form-tip { color:#111111; line-height:1.9; }
.search-form, input, textarea, select, .sort-select { border-radius:0; border-color:var(--line); background:#ffffff; color:#111111; }
input::placeholder, textarea::placeholder { color:#111111; }
.search-form { height:42px; }
.catalog-sidebar { border-radius:0; border-color:var(--line); background:#ffffff; padding:20px 12px; }
.catalog-sidebar h3 { color:#111111; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:18px; font-weight:400; padding-bottom:22px; }
.catalog-category { border-radius:0; color:#111111; }
.catalog-category.active { background:#ffffff; color:#111111; }
.catalog-category svg { stroke-width:1.2; }
.catalog-main .product-image-wrap { height:255px; }
.catalog-count { color:#111111; }
.catalog-layout { gap:34px; }
.breadcrumb { color:#111111; font-size:10px; margin-bottom:27px; }
.product-detail { border-radius:0; background:#ffffff; padding:30px; border-color:var(--line); }
.detail-main-image { border-radius:0; }
.detail-thumbs button { border-radius:0; border-color:var(--line); }
.detail-info h1 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-weight:400; font-size:30px; line-height:1.7; }
.detail-price-box { background:#ffffff; border-radius:0; }
.detail-price-box .price { font-size:37px; }
.detail-price-box small { color:#111111; }
.sku-option { border-radius:0; background:transparent; border-color:var(--line); }
.sku-option.active { color:#111111; border-color:#dddddd; background:#ffffff; }
.detail-panels h2 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-weight:400; font-size:26px; }
.detail-description, .param, .order-meta { color:#111111; }
.notice-banner { background:#ffffff; border-color:var(--line); border-radius:0; color:#111111; }
.profile-hero { border-radius:0; background:#ffffff; padding:42px 35px; }
.profile-hero h1 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-weight:400; font-size:32px; }
.profile-avatar { border-radius:0; background:#ffffff; color:#111111; }
.role-badge { border-radius:0; background:#ffffff; color:#111111; }
.profile-order-links { color:#111111; }
.profile-promo { border-radius:0; background:#ffffff; border:1px solid var(--line); color:#111111; padding:29px; }
.profile-promo h3 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-weight:400; font-size:25px; }
.profile-promo p { color:#111111; }
.profile-promo .text-link { color:#111111; }
.menu-list a, .menu-list button { color:#111111; }
.order-tabs a { border-radius:0; }
.order-tabs a.active { background:#ffffff; border-color:#dddddd; }
.order-card, .address-card, .status-banner { border-radius:0; border-color:var(--line); background:#ffffff; }
.order-status, .cart-total, .summary-line { color:#111111; }
.order-card-head { background:#ffffff; }
.status-banner { background:#ffffff; }
.empty-state { color:#111111; padding:70px 20px; }
.empty-state h3 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:27px; font-weight:400; color:#111111; }
.empty-state p { color:#111111; }
.modal { border-radius:1px; background:#ffffff; border:1px solid var(--line); }
.modal h2 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:25px; font-weight:400; }
.toast { background:#ffffff; border-radius:0; }
.cases-intro { min-height:450px; background:#ffffff; border-radius:0; margin-bottom:45px; }
.cases-intro-copy { padding:48px 43px; }
.cases-intro-copy>.eyebrow { color:#111111; }
.cases-intro h1 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:47px; letter-spacing:2px; font-weight:400; }
.cases-intro-copy p { color:#111111; }
.cases-intro-bottom { color:#111111; }
.cases-feature-caption { background:#ffffff; }
.cases-feature-caption strong { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:24px; }
.case-filter-panel { border-radius:0; background:#ffffff; border-color:var(--line); padding:28px; }
.case-filter-top h2 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:24px; font-weight:400; }
.case-filter-top>div>span, .case-filter-label, .case-results { color:#111111; }
.case-filter-options .pill { border-radius:0; }
.case-detail-heading { padding:20px 25px 45px; }
.case-detail-heading h1 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:42px; font-weight:400; }
.case-detail-heading p, .case-detail-facts { color:#111111; }
.case-cover, .case-gallery-button, .case-story-section>img { border-radius:0; }
.case-cover>figcaption span { border-radius:0; color:#111111; }
.case-story-lead { margin:55px auto; }
.case-story-lead>p, .case-section-copy p { color:#111111; }
.case-section-copy h2 { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:28px; font-weight:400; }
.case-section-number { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color:#111111; }
.mobile-tabs { border-color:var(--line); background:#ffffff; }
.mobile-tabs a { color:#111111; }
.mobile-tabs a.active { color:#111111; }
.mobile-tabs svg { stroke-width:1.3; }
@media (min-width: 801px) {
  .home-page>.home-editorial, .home-page>.assurances { margin-left:0; margin-right:0; }
}
@media (max-width: 1120px) {
  .header-inner { gap:24px; padding:0 32px; }
  .desktop-nav { gap:23px; }
  .header-tools { gap:13px; margin-left:0; }
  .page { padding-left:32px; padding-right:32px; }
  .hero-copy { padding:65px 45px; }
  .assurance small { display:none; }
  .product-image-wrap { height:240px; }
  .catalog-main .product-image-wrap { height:205px; }
  .cases-intro-copy { padding:35px; }
  .cases-intro h1 { font-size:39px; }
}
@media (max-width: 800px) {
  .home-brand-logo { width:174px; max-height:66px; }
  .announcement-bar { padding:7px 24px; height:30px; font-size:8px; }
  .header-inner { height:84px; padding:0 24px; }
  .brand-title { font-size:22px; letter-spacing:3px; }
  .brand-mark { height:42px; width:38px; font-size:26px; }
  .brand-en { font-size:7px; }
  .page { padding:30px 24px 50px; }
  .home-page { padding-top:18px; }
  .home-issue { font-size:8px; padding-bottom:16px; }
  .home-issue span:last-child { font-size:9px; }
  .hero { height:540px; }
  .hero-copy { padding:64px 34px; }
  .hero h1 { font-size:45px; }
  .hero-dots { left:34px; }
  .hero-caption { gap:18px; padding:20px 0; }
  .hero-caption p { display:none; }
  .assurances { margin-bottom:48px; padding:24px 0; }
  .assurance { font-size:10px; gap:7px; }
  .section-title-line h2 { font-size:26px; }
  .section-title-line span { display:none; }
  .category-grid { margin-bottom:50px; }
  .category-card strong { font-size:11px; letter-spacing:.6px; }
  .category-card small { display:none; }
  .category-symbol { margin-bottom:10px; }
  .category-card { padding:23px 5px; }
  .product-grid { gap:29px 20px; }
  .product-image-wrap { height:290px; }
  .product-name { font-size:14px; }
  .product-info { padding:17px 0 0; }
  .product-brand { font-size:8px; }
  .catalog-layout { gap:21px; }
  .catalog-main .product-image-wrap { height:210px; }
  .catalog-sidebar { padding:15px 7px; }
  .catalog-sidebar h3 { font-size:16px; }
  .catalog-category { font-size:11px; }
  .home-cases { margin-top:52px; padding-top:28px; }
  .case-card-body h2 { font-size:23px; }
  .case-grid { gap:23px; }
  .inspiration-strip { margin-top:50px; padding:28px; }
  .inspiration-strip h3 { font-size:22px; }
  .site-footer { padding:38px 24px 22px; }
  .footer-inner { padding-bottom:29px; }
  .footer-signature strong { font-size:22px; }
  .footer-links { font-size:10px; }
  .mobile-tabs { padding:12px 0 max(12px, env(safe-area-inset-bottom)); }
  .mobile-tabs a { font-size:10px; gap:5px; }
  .mobile-tabs a.active:before { content:''; position:absolute; bottom:0; height:2px; width:16px; background:#ffffff; }
  .cases-intro { min-height:380px; }
  .cases-intro-copy { padding:30px; }
  .cases-intro h1 { font-size:34px; }
  .case-detail-heading h1 { font-size:34px; }
  .product-detail { padding:24px; }
  .panel { padding:24px; }
}
@media (max-width: 540px) {
  .home-brand-logo { width:164px; max-height:62px; }
  .announcement-note { display:none; }
  .announcement-bar { justify-content:center; font-size:8px; height:27px; }
  .header-inner { height:78px; padding:0 21px; }
  .brand { gap:11px; }
  .brand-title { font-size:20px; letter-spacing:2px; }
  .brand-en { font-size:6px; letter-spacing:1.2px; }
  .brand-mark { height:38px; width:33px; font-size:24px; }
  .header-tools { gap:10px; }
  .header-divider, .avatar-small { display:none; }
  .tool-button svg { width:19px; }
  .page { padding:25px 21px 40px; }
  .home-page { padding-top:16px; }
  .home-issue { font-size:7px; letter-spacing:1.4px; }
  .home-issue span:last-child { font-size:8px; letter-spacing:.5px; }
  .hero { height:480px; }
  .hero-image { object-position:59% 50%; }
  .hero-copy { padding:47px 26px; }
  .hero-kicker { font-size:7px; letter-spacing:1.7px; }
  .hero-kicker:before { width:20px; }
  .hero h1 { font-size:37px; margin:29px 0 20px; line-height:1.6; letter-spacing:2px; }
  .hero-description { font-size:10px; letter-spacing:.2px; line-height:2.2; }
  .hero-button { font-size:10px; margin-top:28px; padding:11px 16px; gap:28px; }
  .hero-dots { left:26px; bottom:25px; }
  .hero-index { right:24px; bottom:22px; font-size:10px; }
  .hero-caption { padding:18px 0; gap:10px; }
  .hero-caption-index { font-size:9px; }
  .hero-caption a { font-size:9px; gap:12px; }
  .assurances { flex-wrap:wrap; justify-content:flex-start; gap:17px 0; padding:22px 0; margin-bottom:39px; }
  .assurance { width:50%; font-size:10px; }
  .assurance svg { width:16px; }
  .assurance small { display:inline; font-size:8px; margin-left:0; }
  .section-heading { margin-bottom:22px; gap:10px; }
  .section-title-line h2 { font-size:25px; letter-spacing:1px; }
  .section-subtitle { font-size:10px; margin-top:8px; }
  .section-heading>.text-link { font-size:10px; gap:8px; white-space:nowrap; }
  .category-grid { grid-template-columns:repeat(4, 1fr); margin-bottom:41px; }
  .category-card { border-right:0; padding:21px 3px 17px; }
  .category-symbol, .category-card:nth-child(n) .category-symbol { height:35px; width:40px; margin-bottom:11px; }
  .category-symbol svg { width:27px; height:27px; }
  .category-card strong { font-size:11px; }
  .section-filters { gap:7px; }
  .section-filters .pill { padding:6px 9px; font-size:9px; }
  .product-grid { gap:29px 14px; }
  .product-image-wrap { height:205px; }
  .product-label { top:9px; left:9px; font-size:8px; padding:4px 6px; }
  .product-save { top:9px; right:9px; padding:6px; }
  .product-save svg { width:13px; height:13px; }
  .product-info { padding-top:14px; }
  .product-brand { font-size:7px; letter-spacing:1px; margin-bottom:8px; }
  .product-name { font-size:12px; letter-spacing:0; }
  .product-subtitle { font-size:9px; }
  .product-bottom { margin-top:13px; padding-top:11px; }
  .price { font-size:22px; }
  .price .currency { font-size:10px; margin-right:2px; }
  .price .unit { font-size:8px; }
  .price-role { font-size:8px; }
  .add-cart { width:25px; height:25px; }
  .add-cart svg { width:13px; height:13px; }
  .home-cases { margin-top:43px; padding-top:25px; }
  .case-card-image { aspect-ratio:1.3; }
  .case-card-body { padding-top:19px; }
  .case-card-body h2 { font-size:24px; margin-top:11px; }
  .case-card-body>p { font-size:10px; }
  .case-grid { gap:32px; }
  .case-card-foot { margin-top:16px; }
  .case-meta { font-size:9px; }
  .case-tags span { padding:4px 6px; font-size:8px; }
  .inspiration-strip { padding:25px 22px; gap:19px; flex-wrap:wrap; margin-top:39px; }
  .inspiration-strip h3 { font-size:22px; line-height:1.8; }
  .inspiration-strip p { font-size:10px; line-height:1.9; }
  .inspiration-strip>a { font-size:10px; }
  .site-footer { padding:35px 22px 24px; }
  .footer-inner { align-items:flex-start; flex-direction:column; gap:28px; }
  .footer-signature { gap:13px; }
  .footer-brand { font-size:7px; }
  .footer-signature strong { font-size:23px; }
  .footer-signature>span:last-child { font-size:9px; }
  .footer-links { width:100%; flex-direction:row; gap:30px; }
  .footer-links>a, .footer-links>button { font-size:10px; gap:15px; }
  .footer-base { font-size:8px; }
  .page-title { margin-bottom:27px; flex-wrap:wrap; }
  .page-title h1 { font-size:29px; }
  .page-title p { font-size:10px; }
  .page-title .search-form { width:100%; }
  .catalog-layout { grid-template-columns:1fr; }
  .catalog-sidebar { display:flex; gap:5px; overflow-x:auto; padding:11px 8px; scrollbar-width:none; }
  .catalog-sidebar::-webkit-scrollbar { display:none; }
  .catalog-sidebar h3 { display:none; }
  .catalog-category { flex:0 0 auto; padding:10px 11px; gap:5px; font-size:10px; }
  .catalog-category .arrow, .catalog-category svg { display:none; }
  .catalog-main .product-image-wrap { height:205px; }
  .catalog-count { font-size:10px; }
  .sort-select { font-size:10px; padding:7px; }
  .subcategories { flex-wrap:wrap; }
  .panel { padding:22px 19px; }
  .product-detail { padding:18px; gap:25px; }
  .detail-info h1 { font-size:25px; }
  .detail-price-box .price { font-size:31px; }
  .detail-actions { gap:9px; }
  .detail-actions .btn { padding:11px 13px; font-size:10px; }
  .detail-panels h2 { font-size:24px; }
  .profile-hero { padding:27px 22px; gap:16px; }
  .profile-hero h1 { font-size:27px; }
  .profile-promo h3 { font-size:26px; }
  .cases-intro { min-height:0; margin-bottom:30px; }
  .cases-intro-copy { padding:33px 27px; }
  .cases-intro h1 { font-size:36px; line-height:1.6; }
  .cases-intro-image { height:280px; }
  .cases-feature-caption strong { font-size:21px; }
  .case-filter-panel { padding:23px 19px; }
  .case-filter-top h2 { font-size:24px; }
  .case-filter-top>div>span { font-size:9px; }
  .case-filter-label { font-size:9px; }
  .case-detail-heading { padding:14px 6px 30px; }
  .case-detail-heading h1 { font-size:30px; }
  .case-detail-heading p { font-size:11px; }
  .case-detail-facts { font-size:9px; }
  .case-story-lead { margin:35px auto; }
  .case-section-copy h2 { font-size:24px; }
  .case-section-copy p, .case-story-lead>p { font-size:12px; }
  .case-detail-footer .btn { font-size:10px; padding:11px 14px; }
}
.catalog-directory{background:#ffffff;color:#111111;min-height:650px}
.catalog-directory-toolbar{display:flex;align-items:center;gap:20px;padding:22px 28px;border-bottom:1px solid #dddddd}
.catalog-directory-search.search-form{display:flex;flex:1;width:auto;min-width:0;max-width:none;height:44px;border:0;border-radius:24px;background:#ffffff;padding:0 15px;overflow:hidden}
.catalog-directory-search.search-form input{min-width:0;flex:1;background:transparent;border:0;font-size:13px;padding:0 8px;color:#111111}
.catalog-directory-search.search-form button{position:static;flex-shrink:0;width:28px;padding:0;color:#111111;background:transparent}
.catalog-directory-search input::placeholder{color:#111111}
.catalog-directory-cart{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:40px;color:#111111}
.catalog-directory-cart .cart-badge{top:0;right:-4px}
.catalog-directory-layout{display:grid;grid-template-columns:174px minmax(0,1fr);align-items:stretch;min-height:560px}
.catalog-directory-sidebar{background:#ffffff;padding:14px 0 0;align-self:stretch}
.catalog-directory-sidebar nav{display:flex;flex-direction:column}
.catalog-directory-root{position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;padding:18px 12px;color:#111111;line-height:1.6;text-align:center}
.catalog-directory-root span{overflow-wrap:anywhere;font-size:13px;letter-spacing:.5px}
.catalog-directory-root:hover{background:#ffffff;color:#111111}
.catalog-directory-root.active{background:#ffffff;color:#111111;font-weight:600}
.catalog-directory-root.active:before{content:"";position:absolute;left:0;top:calc(50% - 11px);height:22px;width:3px;background:#ffffff}
.catalog-directory-all{display:flex;align-items:center;justify-content:center;gap:8px;padding:26px 10px;color:#111111;font-size:11px}
.catalog-directory-main{min-width:0;padding:8px 34px 32px}
.catalog-detail-group{padding:22px 0 18px}
.catalog-detail-heading{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 24px;color:#111111}
.catalog-detail-heading:before,.catalog-detail-heading:after{content:"";height:1px;width:34px;flex-shrink:0;background:#ffffff}
.catalog-detail-heading h2{font-size:16px;line-height:1.65;font-weight:500;letter-spacing:1px;text-align:center;overflow-wrap:anywhere;margin:0}
.catalog-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.catalog-detail-tile{display:flex;flex-direction:column;align-items:center;min-width:0;color:#111111;text-align:center}
.catalog-detail-photo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:154px;aspect-ratio:1;background:#ffffff;overflow:hidden;border-radius:2px}
.catalog-detail-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.catalog-detail-photo img[hidden]{display:none}
.catalog-detail-tile:hover .catalog-detail-photo img{transform:scale(1.04)}
.catalog-detail-tile:hover .catalog-detail-label{color:#111111}
.catalog-detail-label{margin-top:12px;max-width:100%;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.catalog-detail-symbol{display:flex;color:#111111}
.catalog-detail-symbol svg{stroke-width:1.1}
.catalog-directory-browse{display:flex;align-items:center;justify-content:center;gap:9px;margin:28px auto 0;padding:12px 0;font-size:11px;color:#111111;line-height:1.8;text-align:center}
.catalog-directory-browse svg{flex-shrink:0}
.catalog-directory-empty{padding:50px 12px;text-align:center}
.catalog-directory-empty>span{font-size:17px;color:#111111}
.catalog-directory-empty p{font-size:12px;line-height:1.9;color:#111111;margin-top:12px}
.catalog-directory-empty .text-link{display:inline-flex;margin-top:20px;font-size:12px}
.catalog-products-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;line-height:1.7}
.catalog-products-title h1{margin-top:9px;overflow-wrap:anywhere}
.catalog-products-refine{margin-bottom:26px}
.category-product-list .catalog-toolbar{padding:0 0 22px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.category-product-list .empty-state{grid-column:1/-1}
@media(max-width:1000px){
  .catalog-directory-layout{grid-template-columns:140px minmax(0,1fr)}
  .catalog-directory-main{padding-right:24px;padding-left:24px}
  .catalog-detail-grid{gap:24px 18px}
}
@media(max-width:640px){
  .catalog-products-title{gap:18px}
  .catalog-directory{margin:-30px -24px -50px;min-height:calc(100svh - 150px)}
  .catalog-directory-toolbar{gap:12px;padding:14px 15px}
  .catalog-directory-search.search-form{height:36px;padding:0 10px}
  .catalog-directory-search.search-form input{font-size:12px}
  .catalog-directory-cart{width:30px;height:36px}
  .catalog-directory-layout{grid-template-columns:88px minmax(0,1fr);min-height:calc(100svh - 215px)}
  .catalog-directory-sidebar{padding-top:4px}
  .catalog-directory-root{min-height:63px;padding:18px 8px}
  .catalog-directory-root span{font-size:12px;letter-spacing:0;line-height:1.65}
  .catalog-directory-root.active:before{height:18px;top:calc(50% - 9px);width:2px}
  .catalog-directory-all{padding:22px 5px;gap:5px;font-size:10px;line-height:1.6}
  .catalog-directory-all svg{width:12px;flex-shrink:0}
  .catalog-directory-main{padding:2px 14px 28px}
  .catalog-detail-group{padding:21px 0 17px}
  .catalog-detail-heading{gap:12px;margin-bottom:22px}
  .catalog-detail-heading h2{font-size:13px;letter-spacing:.5px}
  .catalog-detail-heading:before,.catalog-detail-heading:after{width:23px}
  .catalog-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}
  .catalog-detail-photo{max-width:86px}
  .catalog-detail-symbol svg{width:32px;height:32px}
  .catalog-detail-label{font-size:11px;line-height:1.7;margin-top:9px}
  .catalog-directory-browse{margin-top:22px;font-size:10px;gap:6px}
  .catalog-directory-empty{padding:35px 3px}
  .catalog-directory-empty>span{font-size:14px}
  .catalog-directory-empty p{font-size:11px}
  .catalog-products-breadcrumb{font-size:10px;gap:8px;margin-bottom:24px}
  .category-product-list .catalog-toolbar{gap:12px}
}
@media(max-width:540px){
  .catalog-directory{margin:-25px -21px -40px}
}
.content-multiline{white-space:pre-line}.home-designer-caption{font-size:11px;color:#111111;letter-spacing:2px;border-top:1px solid #dddddd;padding:20px 0;margin-bottom:16px}.mine-signature{text-align:center;color:#111111;font-size:12px;margin-top:44px}.mine-signature strong{font-weight:400;font-size:19px;letter-spacing:3px}.mine-signature p{margin-top:12px}.mine-guest-copy{margin:18px 0 0}.profile-id{max-width:230px;line-height:1.9}.menu-list .saved-count{margin-left:auto}.menu-list svg:last-child{flex-shrink:0}

/* Use line and weight, rather than a color change, to show interaction states. */
input::placeholder,textarea::placeholder{color:#111111;opacity:1}
.btn,.btn:hover,.hero-button,.hero-button:hover{background:#ffffff;color:#111111;border-color:#111111}
.btn:not(.btn-outline):not(.btn-light){font-weight:600}
.btn:hover,.hero-button:hover{text-decoration:underline;text-underline-offset:4px}
.pill.active,.sku-option.active,.address-card.selected,.catalog-category.active{border-color:#111111;font-weight:600}
.desktop-nav a.active,.mobile-tabs a.active,.catalog-directory-root.active,.order-tabs a.active{font-weight:600}
.order-tabs a.active{border-color:#111111}
.desktop-nav a.active:after,.mobile-tabs a.active:before,.catalog-directory-root.active:before,.hero-kicker:before,.cases-intro-line{background:#111111}
.catalog-detail-heading:before,.catalog-detail-heading:after{background:#dddddd}
.mobile-tabs a.active svg{stroke-width:2}
.cart-badge,.toast{border:1px solid #111111}
.hero{height:auto;min-height:440px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line)}
.hero:after{display:none}
.hero-image{position:relative;z-index:auto;min-height:440px;height:100%;object-position:center}
.hero-copy{padding:48px 38px;max-width:none;background:#ffffff}
.hero h1{font-size:clamp(32px,3.3vw,48px);letter-spacing:1px;margin:24px 0 18px}
.hero-dots{left:24px;bottom:22px;padding:10px;background:#ffffff}
.hero-dots button{background:#ffffff;border:1px solid #111111;height:4px}
.hero-dots button.active{background:#111111}
.hero-index{right:24px;bottom:22px;padding:4px 8px;background:#ffffff}
.cases-feature-caption{padding:22px 28px;border-top:1px solid var(--line)}
.modal-overlay{background:rgba(255,255,255,.85)}
@media(max-width:800px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-image{height:320px;min-height:0}
  .hero-copy{padding:32px 28px}
  .hero-dots{top:276px;bottom:auto}
  .hero-index{top:284px;bottom:auto}
  .hero h1{font-size:36px}
}
@media(max-width:540px){
  .hero-image{height:270px}
  .hero-copy{padding:28px 23px}
  .hero-dots{top:226px;left:18px}
  .hero-index{top:234px;right:18px}
  .hero h1{font-size:31px;line-height:1.5}
  .cases-feature-caption{padding:18px 20px}
}