/* Hydrogen: a dedicated lineup, retaining JAPAN GOODS typography and actions. */
body[data-theme="hydrogen"] { --accent: #31584d; --wash: #edf2ef; }
.h-hero,.h-collection-hero { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:6%;align-items:center;padding-block:48px 54px; }
.h-hero h1,.h-collection-hero h1 { font-size:clamp(34px,3.7vw,54px);line-height:1.55;letter-spacing:.025em;margin:16px 0 22px; }
.h-hero .product-identity { margin:16px 0 0; }
.h-product-name { font-size:23px;letter-spacing:.04em;font-weight:500;margin-bottom:20px; }
.h-hero-copy .hero-lead { max-width:33em; }
.h-hero-image { position:relative;background:var(--wash);padding:38px 20px 34px;min-height:425px;display:flex;align-items:center;overflow:hidden; }
.h-hero-image img { width:100%;height:340px;object-fit:contain;mix-blend-mode:multiply; }
.h-hero-image img[src$="powerbox-mini.jpg"] { transform:scale(1.25); }
.h-hero-figure figcaption { margin-top:12px; }
.h-visual-label { position:absolute;left:24px;bottom:14px;font-size:10px;letter-spacing:.13em;color:var(--accent); }
.h-collection-hero { padding-block:74px 56px; }
.h-collection-hero figure { padding:32px 0; }
.h-collection-hero figure img { width:100%; }
.h-collection-hero figure figcaption { margin-top:18px; }
.h-collection-hero .text-link { margin-top:28px; }
.h-lineup-intro { border-block:1px solid var(--line);padding:24px 0;display:flex;align-items:center;gap:26px; }
.h-lineup-intro>p { font-family:var(--serif);font-size:27px; }
.h-lineup-intro>.caption { margin-left:auto; }
.h-product-row { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;padding:46px 0;border-top:1px solid var(--line);align-items:center; }
.h-product-row:last-child { border-bottom:1px solid var(--line); }
.h-row-image { padding:26px;background:var(--wash); }
.h-row-image img { width:100%;height:310px;object-fit:contain;mix-blend-mode:multiply; }
.h-product-row h3 { font-family:var(--serif);font-size:30px;font-weight:500;margin:12px 0 10px; }
.h-row-name { font-size:21px;margin-bottom:15px; }
.h-row-facts { list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.h-row-facts strong { display:block;color:var(--accent);font-size:17px;font-weight:500; }
.h-row-facts span { display:block;font-size:11px;color:var(--muted);line-height:1.65;margin-top:4px; }
.h-compare,.h-mechanism,.h-models { background:var(--wash); }
.h-table-wrap table { width:100%;border-collapse:collapse;table-layout:fixed;background:white;font-size:14px; }
.h-table-wrap caption { text-align:left;color:var(--muted);font-size:12px;padding-bottom:14px; }
.h-table-wrap th,.h-table-wrap td { border-bottom:1px solid var(--line);padding:19px 23px;text-align:left;vertical-align:top; }
.h-table-wrap th { font-weight:500; }
.h-table-wrap thead { background:var(--accent);color:white; }
.h-table-wrap tbody th { width:25%; }
.h-table-wrap .text-link { font-size:12px; }
.h-note { margin-top:24px;max-width:90em; }
.h-scene { margin-bottom:40px; }
.h-scene img { width:100%;height:460px;object-fit:cover;object-position:center 48%; }
.h-scene figcaption { margin-top:10px; }
.h-use-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px; }
.h-use-grid article { border-top:1px solid var(--line);padding-top:23px; }
.h-use-number { display:block;font-size:14px;letter-spacing:.12em;color:var(--accent);margin-bottom:14px; }
.h-use-grid h3 { margin-bottom:15px; }
.h-use-grid .caption { margin-top:18px; }
.h-energy-path { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;padding:32px;background:white; }
.h-energy-path>div { text-align:center;padding:14px; }
.h-energy-path span { display:block;font-size:10px;letter-spacing:.14em;color:var(--accent); }
.h-energy-path strong { display:block;font-weight:500;font-size:21px;margin:14px 0 9px; }
.h-energy-path p { font-size:13px;color:var(--muted); }
.h-energy-path b { font-size:24px;color:var(--accent);font-weight:400; }
.h-feature-split { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;margin-top:44px; }
.h-feature-split h3 { margin-bottom:15px; }
.h-feature-split p { font-size:15px; }
.h-cycle { list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0; }
.h-cycle li { border-top:2px solid var(--accent);padding-top:22px; }
.h-cycle span { font-size:11px;color:var(--accent);letter-spacing:.12em; }
.h-cycle h3 { margin:12px 0; }
.h-cycle p { font-size:14px; }
.h-supply-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:44px; }
.h-supply-options article { padding:30px;background:var(--paper); }
.h-supply-options h3 { margin:12px 0; }
.h-supply-options p { font-size:14px; }
.h-supply-options .text-link { margin-top:17px; }
.h-preparedness { background:var(--paper); }
.h-preparedness-inner { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10%; }
.h-preparedness h2 { margin:12px 0 22px; }
.h-preparedness nav { display:grid;align-content:center;gap:14px; }
.h-preparedness nav .text-link { justify-content:space-between;padding-block:12px; }
.h-model-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px; }
.h-model-grid article { padding:34px;background:white; }
.h-model-grid h3 { font-size:29px;letter-spacing:.02em;margin-top:9px;font-weight:500; }
.h-model-id { font-size:13px;color:var(--muted);margin-top:6px; }
.h-model-diagram { display:flex;flex-direction:column;align-items:center;padding:23px 12px;margin:24px 0;background:var(--wash);gap:7px; }
.h-model-diagram strong { font-size:15px;font-weight:500; }
.h-model-diagram span { font-size:13px; }
.h-model-grid article>p:not(.eyebrow):not(.h-model-id),.h-model-grid ul { font-size:14px; }
.h-model-grid ul { padding-left:1.2em; }
.h-spec-list { margin:0; }
.h-spec-list>div { display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);border-top:1px solid var(--line);padding:20px 22px;gap:30px; }
.h-spec-list>div:last-child { border-bottom:1px solid var(--line); }
.h-spec-list dt { font-size:14px; }
.h-spec-list dd { margin:0;font-size:15px; }
.h-source { margin-top:32px;padding:26px 30px;background:var(--paper); }
.h-source h3,.h-safety h3 { margin-bottom:14px; }
.h-source p { font-size:14px; }
.h-source .text-link { margin:16px 0; }
.h-source .caption { font-size:12px; }
.h-safety { padding:32px 0 0;margin-top:36px;border-top:1px solid var(--line); }
.h-safety .eyebrow { margin-bottom:12px; }
.h-safety p:not(.eyebrow) { max-width:65em;font-size:14px; }
.h-safety .text-link { margin-top:18px; }
.h-cross-group { display:flex;justify-content:space-between;align-items:center;gap:38px;padding-top:48px;margin-top:46px;border-top:1px solid var(--line); }
.h-cross-group h2 { margin:12px 0; }
.h-consult { background:var(--wash); }
.h-consult-inner { display:flex;align-items:center;justify-content:space-between;gap:40px; }
.h-consult h2 { white-space:pre-line;margin:12px 0 18px; }
.h-consult .caption { margin-top:13px;max-width:26em; }
.h-faq-contact { margin-top:28px; }
@media(max-width:1100px) and (min-width:801px) { .h-hero h1,.h-collection-hero h1 { font-size:37px; }.h-hero-image { min-height:340px; }.h-hero-image img { height:280px; }body[data-theme="hydrogen"] .global-nav { gap:18px;font-size:12px; }body[data-theme="hydrogen"] .brand img { width:195px; }.h-energy-path { padding:20px;gap:6px; }.h-energy-path strong { font-size:18px; }.h-consult-inner { gap:25px; } }
@media(max-width:800px) {
  .h-hero,.h-collection-hero { grid-template-columns:1fr;gap:28px;padding-block:30px 36px; }
  .h-hero h1,.h-collection-hero h1 { font-size:clamp(32px,7.4vw,46px);margin:16px 0 20px; }
  .h-hero { display:flex;flex-direction:column;align-items:stretch;gap:0; }
  .h-hero-copy { display:contents; }
  .h-hero-copy>.eyebrow { order:1; }
  .h-hero-copy>.product-identity { order:2; }
  .h-hero-copy>h1 { order:3; }
  .h-hero-copy>.h-product-name { order:4; }
  .h-hero-figure { order:5;margin:10px 0 26px; }
  .h-hero-copy>.hero-lead { order:6; }
  .h-hero-copy>.actions { order:7; }
  .h-product-name { font-size:23px;margin-bottom:16px; }
  .h-hero-image { min-height:0;padding:22px 16px 32px; }
  .h-hero-image img { height:280px; }
  .h-hero-figure figcaption { font-size:11px; }
  .h-collection-hero figure { padding:0; }
  .h-lineup-intro { flex-wrap:wrap;gap:14px;padding:20px 0; }
  .h-lineup-intro>p { font-size:22px; }
  .h-lineup-intro>.caption { margin:0;flex-basis:100%; }
  .h-product-row { grid-template-columns:1fr;gap:26px;padding:34px 0; }
  .h-row-image { padding:18px; }
  .h-row-image img { height:260px; }
  .h-product-row h3 { font-size:28px; }
  .h-use-grid,.h-cycle,.h-supply-options,.h-model-grid,.h-feature-split,.h-preparedness-inner { grid-template-columns:1fr;gap:30px; }
  .h-scene img { height:280px; }
  .h-energy-path { grid-template-columns:1fr;padding:20px;gap:4px; }
  .h-energy-path b { text-align:center;transform:rotate(90deg); }
  .h-energy-path>div { padding:10px; }
  .h-energy-path strong { font-size:22px;margin:8px 0; }
  .h-supply-options article,.h-model-grid article { padding:24px; }
  .h-model-grid h3 { font-size:27px; }
  .h-spec-list>div { grid-template-columns:1fr;gap:7px;padding:16px 0; }
  .h-spec-list dt { color:var(--muted);font-size:12px; }
  .h-source { padding:22px; }
  .h-cross-group,.h-consult-inner { flex-direction:column;align-items:flex-start;gap:28px; }
  .h-table-wrap th,.h-table-wrap td { padding:12px 8px;font-size:12px;line-height:1.8; }
  .h-table-wrap thead th { font-size:12px; }
  .h-table-wrap .text-link { font-size:11px;min-height:44px; }
  body[data-theme="hydrogen"] .section-links { gap:12px;flex-wrap:wrap;justify-content:flex-start;font-size:11px; }
  body[data-theme="hydrogen"] .section-links .nav-buy { padding-inline:16px; }
  body[data-theme="hydrogen"] .product-nav-inner { padding-block:10px; }
  body[data-theme="hydrogen"] [id] { scroll-margin-top:125px; }
  body[data-theme="hydrogen"].checking-product [id] { scroll-margin-top:240px; }
}
@media(max-width:360px) { .h-hero h1,.h-collection-hero h1 { font-size:29px; }.h-hero-image img { height:225px; }.h-row-image img { height:215px; }.h-scene img { height:230px; }.h-row-facts { gap:9px; }.h-row-facts strong { font-size:15px; }.h-table-wrap th,.h-table-wrap td { padding:10px 6px; } }

/* v8: source-backed fuel storage and steam cooking. */
.h-storage,.h-cooking { background:var(--paper); }
.h-storage-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px; }
.h-storage-pair article { padding:32px;background:#fff;border-top:3px solid var(--line); }
.h-storage-pair article.h-storage-hydrogen { border-color:var(--accent);background:var(--wash); }
.h-storage-pair h3 { margin:14px 0 24px;font-size:23px; }
.h-storage-flow { display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;padding:20px 0;border-block:1px solid var(--line);margin-bottom:22px; }
.h-storage-flow b { font-weight:400;color:var(--accent); }
.h-storage-flow strong { font-weight:500; }
.h-storage-key { font-family:var(--serif);font-size:34px;color:var(--accent);margin-top:22px; }
.h-storage-key span { display:block;font-family:var(--sans);font-size:11px;margin-top:5px; }
.h-storage-table { margin-top:40px; }
.h-storage-table table { font-size:14px; }
.h-storage-table td:last-child { background:var(--wash); }
.h-cooking .h-storage-table td:last-child { background:#fff; }
.h-cooking .h-storage-table td:nth-child(2) { background:var(--wash); }
.h-capacity { display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px;align-items:center;border-top:1px solid var(--line);padding-top:40px;margin-top:44px; }
.h-capacity h3 { font-size:24px;margin:12px 0; }
.h-capacity strong { display:block;font-family:var(--serif);font-weight:400;font-size:58px;color:var(--accent);line-height:1.2;margin-bottom:10px; }
.h-capacity strong span { font-size:23px;margin-left:8px; }
.h-capacity p { font-size:14px; }
.h-cooking-reaction { display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;background:var(--wash);padding:32px;margin-bottom:40px;font-size:23px;color:var(--accent); }
.h-cooking-reaction b { font-weight:400; }
.h-technical-figure { margin-top:46px; }
.h-technical-figure img { width:100%;height:auto; }
.h-technical-figure figcaption { margin-top:12px; }
@media (min-width:801px) and (max-width:1100px) { body[data-theme="hydrogen"] .section-links { gap:12px;font-size:11px; }body[data-theme="hydrogen"] .product-nav-name { font-size:12px; } }
@media (max-width:800px) {
 .h-storage-pair { grid-template-columns:1fr;gap:24px; }
 .h-storage-pair article { padding:24px; }
 .h-storage-pair h3 { font-size:21px; }
 .h-storage-key { font-size:31px; }
 .h-capacity { grid-template-columns:1fr 1fr;gap:28px 16px; }
 .h-capacity>div:first-child { grid-column:1/-1; }
 .h-capacity strong { font-size:42px; }
 .h-capacity strong span { font-size:18px;margin-left:4px; }
 .h-cooking-reaction { gap:14px;padding:24px 16px;font-size:18px; }
 .h-cooking .h-table-wrap th,.h-cooking .h-table-wrap td { font-size:11px;padding:12px 6px; }
}

.h-lineup-note { margin-bottom:24px; }
.h-storage-table thead th:first-child { width:23%; }
.h-cooking .h-storage-table thead th:first-child { width:25%; }

/* v9: product-correct imagery and readable technical details. */
.h-technical-card { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:38px;align-items:center;padding:32px;background:#fff;margin-top:46px; }
.h-technical-card figure { min-width:0; }
.h-technical-card img { width:100%;height:auto; }
.h-technical-card figcaption { margin-top:14px; }
.h-technical-copy h3 { font-family:var(--serif);font-size:30px;font-weight:500;line-height:1.6;margin:12px 0 22px; }
.h-technical-copy dl { margin:0; }
.h-technical-copy dl>div { padding-block:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:16px; }
.h-technical-copy dt { font-size:12px;color:var(--muted); }
.h-technical-copy dd { margin:0;font-size:14px; }
.h-technical-copy .caption { margin-top:16px; }
.h-technical-copy .text-link { margin-top:20px; }
.h-collection-products { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.h-collection-hero .h-collection-products figure { padding:18px;background:var(--wash);margin:0; }
.h-collection-products img { width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply; }
.h-collection-hero .h-collection-products figcaption { font-size:12px;text-align:center;margin-top:16px; }
.h-collection-products>.caption { grid-column:1/-1; }
body[data-product-id="h2-grill"] .h-scene img { height:auto;aspect-ratio:1672/941;object-fit:contain; }
@media (max-width:800px) {
 .h-technical-card { grid-template-columns:1fr;padding:20px;gap:26px; }
 .h-technical-copy h3 { font-size:27px; }
 .h-technical-copy dl>div { grid-template-columns:1fr;gap:5px; }
 .h-collection-products { gap:12px; }
 .h-collection-hero .h-collection-products figure { padding:12px; }
 .h-collection-products img { height:155px; }
 .h-collection-hero .h-collection-products figcaption { font-size:11px;margin-top:12px; }
}
@media (max-width:360px) { .h-collection-products img { height:130px; } }

.h-hero-image img[src$="grill-metal-hero-v9.png"] { transform:scale(1.15); }

/* Corporate copyright notice; hydrogen pages only. */
.copyright-notice{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid var(--line);border-top:3px solid var(--red);background:#fff;color:var(--ink);box-shadow:0 14px 48px #1a1c1e26;font-family:var(--sans)}
.copyright-notice::backdrop{background:rgb(22 25 27 / 35%)}
.copyright-notice .copyright-notice-label{margin:0 0 10px;color:var(--red);font-size:11px;letter-spacing:.12em}
.copyright-notice h2{margin:0 0 18px;font-family:var(--sans);font-size:19px;line-height:1.6;font-weight:600}
.copyright-notice p:not(.copyright-notice-label){margin:0 0 14px;font-size:14px;line-height:1.9}
.copyright-notice-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;font-size:13px}
.copyright-notice-actions a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.copyright-notice-actions button{flex:none;min-height:40px;padding:7px 22px;border:1px solid var(--line);background:#f7f6f3;color:inherit;font:inherit;cursor:pointer}
.copyright-notice-actions :focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:540px){.copyright-notice{padding:22px}.copyright-notice h2{font-size:18px}.copyright-notice p:not(.copyright-notice-label){font-size:13px}}

body[data-theme="hydrogen"] main img{user-select:none;-webkit-user-drag:none}