/* 2026-09-28: bring every sub page in line with the HARLEY page pattern
   - black / near-black backgrounds, flat panels, hairline gold borders
   - Oswald cream headlines with a gold second line, Noto 500 Japanese headings
   - gold micro labels, warm grey body text, no outlined text, no glow, no glass
   Loaded last on each page. KYUSHA keeps its own slider effects and colours. */

/* ---------- shared tokens ---------- */
:root{--hx-ink:#eee5d5;--hx-gold:#d3b887;--hx-micro:#c7aa7b;--hx-body:#bfb7aa;--hx-line:#a58c6033;--hx-panel:#141416;--hx-black:#000;--hx-deep:#0b0c0e}

/* ================= iron pages (about / access / bagger / contact / kaitori / legal / staff / stock / storage / trailer) ================= */
html body.iron-page{background:var(--hx-deep)}
html body.iron-page .page-hero{background-color:var(--hx-deep)}
html body.iron-page .page-hero>img{filter:brightness(.78) saturate(.95)}
html body.iron-page .page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b0c0ef0 0%,#0b0c0ec8 34%,#0b0c0e30 78%),linear-gradient(0deg,#0b0c0e 0%,transparent 42%,#0b0c0e44 100%)}
html body.iron-page .page-hero-inner{position:relative;z-index:1}
html body.iron-page .page-hero h1{font-family:Oswald,sans-serif;font-weight:500;color:var(--hx-ink);letter-spacing:-.03em;line-height:.96;text-shadow:0 2px #7f6d52,0 8px 20px #0005}
html body.iron-page .page-hero h1 .sub{display:block;margin-top:.18em;font-family:'Noto Sans JP',sans-serif;font-weight:500;font-size:.4em;letter-spacing:.06em;color:var(--hx-gold);-webkit-text-stroke:0;-webkit-text-fill-color:var(--hx-gold);text-shadow:none}
html body.iron-page .iron-catch{font-weight:500;color:var(--hx-ink);text-shadow:none;letter-spacing:.04em}
html body.iron-page .page-lead{color:var(--hx-body);line-height:2.1;border-color:var(--hx-line)}
html body.iron-page .crumb,html body.iron-page .crumb a{color:#9d968a}
html body.iron-page .eyebrow{font-family:Oswald,sans-serif;font-size:10px;letter-spacing:.14em;color:var(--hx-micro)}
html body.iron-page .eyebrow::before{background-color:var(--hx-micro)}

/* sections: alternate pure black and the harley dark wash */
html body.iron-page .page-section{background:var(--hx-black);border-top:1px solid var(--hx-line);padding-bottom:90px}
html body.iron-page .page-section:nth-of-type(even){background:radial-gradient(at 0 0,#67503a12,transparent 65%),linear-gradient(130deg,#18191b,#0e0f11)}
html body.iron-page .section-head{border-color:var(--hx-line)}
html body.iron-page .section-head .eyebrow{color:var(--hx-micro)}
html body.iron-page .section-head h2{font-weight:500;color:var(--hx-ink);text-shadow:none;letter-spacing:.04em}

/* body text */
html body.iron-page .page-section p,html body.iron-page .page-section li,html body.iron-page .page-section dd{color:var(--hx-body)}
html body.iron-page .page-section p{line-height:2.1}
html body.iron-page .note{color:#8f887c}

/* flat panels, hairline gold borders, no gradients */
html body.iron-page .iron-panel,html body.iron-page .iron-price>div,html body.iron-page .iron-actions a{background:var(--hx-panel);border:1px solid var(--hx-line);box-shadow:none}
html body.iron-page .iron-actions a:hover,html body.iron-page .iron-actions a:focus-visible{border-color:var(--hx-gold);background:#1a1a1c}
html body.iron-page .iron-price b{color:var(--hx-ink)}
html body.iron-page .iron-price small,html body.iron-page .iron-actions small{color:var(--hx-micro);letter-spacing:.14em}
html body.iron-page .tile{background:var(--hx-panel);border:1px solid var(--hx-line);box-shadow:none}
html body.iron-page .tile-label b{color:var(--hx-ink);text-shadow:none}
html body.iron-page .spec dt{color:var(--hx-micro)}
html body.iron-page .spec>div{border-color:var(--hx-line)}

/* call band */
html body.iron-page .cta-band{background:var(--hx-black);border-top:1px solid var(--hx-line);border-bottom:1px solid var(--hx-line)}
html body.iron-page .cta-band .eyebrow{color:var(--hx-micro)}
html body.iron-page .cta-phone{color:var(--hx-ink);text-shadow:none}
html body.iron-page .cta-band p{color:var(--hx-body)}

/* no glow anywhere inside the main column */
html body.iron-page main h1,html body.iron-page main h2,html body.iron-page main h3{text-shadow:none}
html body.iron-page .page-hero h1{text-shadow:0 2px #7f6d52,0 8px 20px #0005}

/* ================= service / shop: same hero + black first section as HARLEY ================= */
html body.service-experience .s-hero{background:linear-gradient(90deg,#0b0c0ef2 0%,#0b0c0ed8 34%,#0b0c0e8a 78%),linear-gradient(0deg,#0b0c0e 0%,transparent 40%,#0b0c0e55 100%),url('about-pit.webp') center/cover no-repeat}
html body.service-experience .s-workshop{background:#000}
html body.store-experience .store-hero{background:linear-gradient(90deg,#0b0c0ef2 0%,#0b0c0ed8 34%,#0b0c0e8a 78%),linear-gradient(0deg,#0b0c0e 0%,transparent 40%,#0b0c0e55 100%),url('showroom-counter-wide.webp?v=ef9a51fb') center/cover no-repeat}
html body.store-experience .store-tour{background:#000}
/* KYUSHA: slider effects and signature colours are kept as they are - only the side rail follows the rule above */

/* section heads like HARLEY: "01 / LABEL" gold micro line above the heading, no numbered box */
html body.iron-page .section-head{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px}
html body.iron-page .section-head .eyebrow{display:block;padding:0;font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.14em;color:var(--hx-micro)}
html body.iron-page .section-head .eyebrow::before{content:counter(bu-sh,decimal-leading-zero) " / ";display:inline;width:auto;height:auto;padding:0;margin:0;background:none;color:var(--hx-micro);font:inherit;letter-spacing:inherit}
html body.iron-page .section-head h2{margin:0;font-size:clamp(26px,2.6vw,34px);line-height:1.5}

/* 2026-09-28: KYUSHA hero vertical copy 「憧れは、色褪せない」 a little larger (PC) */
@media(min-width:1081px){html body.kyusha-experience .k-hero-vertical{font-size:clamp(33px,3.1vw,44px);letter-spacing:6px}}

/* 2026-09-28: KYUSHA floor journal - PLAY button not needed (arrows and thumbnails stay) */
html body.kyusha-experience .kg-controls [data-kg-toggle]{display:none!important}

/* 2026-09-28: KYUSHA collection heading in Japanese, same serif face as the hero 「旧車」 */
html body.kyusha-experience h2.k-jp-title{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;font-weight:500;letter-spacing:-.04em;line-height:1.08;text-shadow:0 3px #806e5366,0 14px 35px #0006}
html body.kyusha-experience h2.k-jp-title em{font-family:inherit;font-style:normal}

/* 2026-09-28: KYUSHA 01 collection section on black (like HARLEY 01) */
html body.kyusha-experience #collection.k-collection{background:#000}

/* 2026-09-28: KYUSHA care section laid out like HARLEY care (lift thumbnails, card photos, warranty photo) - wording is KYUSHA's own */
html body.kyusha-experience .kc-photo-col{min-width:0}
html body.kyusha-experience .kc-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
html body.kyusha-experience .kc-thumbs .k-photo,html body.kyusha-experience .kc-card-img,html body.kyusha-experience .kc-after-img{display:block;width:100%;aspect-ratio:4/3;padding:0}
html body.kyusha-experience .kc-thumbs .k-photo img,html body.kyusha-experience .kc-card-img img,html body.kyusha-experience .kc-after-img img{width:100%;height:100%;object-fit:cover}
html body.kyusha-experience .kc-card-img{aspect-ratio:3/2;margin:0 0 18px}
html body.kyusha-experience .kc-after-img{aspect-ratio:3/2;max-width:420px;margin-top:18px}

/* 2026-09-28: KYUSHA care section - one face for every heading, same as HARLEY care (Noto Sans JP 500) */
html body.kyusha-experience #care h3{font-family:'Noto Sans JP',sans-serif;font-weight:500;letter-spacing:.04em}

/* 2026-09-28: G'LUX wordmark inside KYUSHA headings */
html body.kyusha-experience h2 .k-brand,html body.kyusha-experience h3 .k-brand{display:inline-block;height:.8em;width:auto;vertical-align:-.02em;margin-right:.14em}

/* 2026-09-28: KYUSHA model line-up - each name kept whole, tidy wrap, no dot at line start */
html body.kyusha-experience .k-lineup .k-models{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:14px 12px}
html body.kyusha-experience .k-lineup .k-models li{white-space:nowrap;padding:8px 18px;border:1px solid #c7aa7b55;font:400 clamp(17px,1.7vw,22px)/1.2 Oswald,sans-serif;letter-spacing:.02em;color:#eee5d5;background:#0e0f11}
@media(max-width:700px){html body.kyusha-experience .k-lineup .k-models{gap:10px 8px}html body.kyusha-experience .k-lineup .k-models li{padding:6px 12px;font-size:15px}}

/* 2026-09-28: KYUSHA detail heading - maker line in Oswald gold under the Japanese */
html body.kyusha-experience .k-detail-story h2 .k-maker{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.06em;color:#d1b483;font-size:.82em}

/* 2026-09-28: KYUSHA detail - swipeable photo strip under the large photo */
html body.kyusha-experience .kd-strip{display:flex;gap:10px;margin-top:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c7aa7b55 transparent;padding-bottom:6px}
html body.kyusha-experience .kd-strip .k-photo{flex:0 0 clamp(150px,17vw,210px);aspect-ratio:4/3;scroll-snap-align:start;padding:0;border:0}
html body.kyusha-experience .kd-strip .k-photo img{width:100%;height:100%;object-fit:cover;display:block}
html body.kyusha-experience .kd-strip-hint{margin:8px 0 0;font:400 11px/1.4 'Noto Sans JP',sans-serif;letter-spacing:.06em;color:#b9ae9c;text-align:right}
html body.kyusha-experience .kd-strip:focus-visible{outline:2px solid #d1b483;outline-offset:3px}
html body.kyusha-experience .kd-images>.kd-large{min-width:0;overflow:hidden}html body.kyusha-experience .kd-strip{max-width:100%;width:100%}
html body.kyusha-experience .kd-strip .k-photo{height:auto!important;min-height:0}html body.kyusha-experience .kd-strip{align-items:flex-start}

/* 2026-09-28: KYUSHA find seal shows the G'LUX wordmark instead of 「希少車 探します」 */
html body.kyusha-experience .kf-seal.kf-seal-logo{display:grid;place-items:center;padding:14px 16px;outline:0}
html body.kyusha-experience .kf-seal.kf-seal-logo img{display:block;width:110px;height:auto;opacity:.9}

/* 2026-09-28: KYUSHA find copy - old-dealer feel via Mincho type only (no double lines / no dotted rules - client rule) */
html body.kyusha-experience .kf-copy .k-micro{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;font-size:12px;letter-spacing:.32em;color:#d1b483}
html body.kyusha-experience .kf-copy>p,html body.kyusha-experience .kf-list p{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;color:#e3d6bf;letter-spacing:.06em}
html body.kyusha-experience .kf-list li>span{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;font-weight:600;color:#d1b483;font-size:26px;letter-spacing:.02em}
html body.kyusha-experience .kf-list h4{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;font-weight:600;letter-spacing:.12em;color:#f1e6d0}
html body.kyusha-experience .kf-copy .k-button{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;font-weight:600;letter-spacing:.14em;background:linear-gradient(180deg,#9c1c2c,#6e1220);border:0;box-shadow:0 6px 18px #0007;color:#f7ecd6}
html body.kyusha-experience .kf-copy .kf-phone{font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;letter-spacing:.08em}

/* 2026-10-02: emblem watermark in the empty space under the FIND photo (関谷さん「ロゴ」) */
body .k-find .kf-visual{position:relative}
body .k-find .kf-visual::after{content:"";display:block;width:clamp(150px,15vw,220px);aspect-ratio:1;margin:28px auto 0;background:url('./glux-emblem.png') center/contain no-repeat;opacity:.14;mix-blend-mode:screen;pointer-events:none}
@media(max-width:900px){body .k-find .kf-visual::after{display:none}}