/*
Theme Name: CLUB S金 Luxury Night
Theme URI: https://s-kin.net/
Author: BSK Planning
Description: CLUB S金の集客・SEO・MEO・AI検索対策に特化した、ラグジュアリーなワンページWordPressテーマです。
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: club-skin-luxury
*/

:root {
  --black: #030304;
  --black-soft: #0a0809;
  --ink: #f2ece2;
  --cream: #0d090b;
  --paper: #070607;
  --white: #ffffff;
  --gold: #bb8c42;
  --gold-bright: #e8c573;
  --gold-pale: #f1ddb0;
  --wine: #260910;
  --muted: #a69b8e;
  --line: rgba(232, 197, 115, 0.18);
  --container: 1160px;
  --serif: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 82% 8%, rgba(106, 22, 38, .14), transparent 28%),
    var(--paper);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}

::selection { color: #130c08; background: var(--gold-bright); }

a { color: inherit; }
img { display: block; width: 100%; max-width: 100%; }

.skip-link {
  position: fixed;
  top: -70px;
  left: 18px;
  z-index: 100;
  padding: 10px 16px;
  color: #000;
  background: #fff;
}

.skip-link:focus { top: 14px; }

.site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 20;
  color: var(--white);
  background: linear-gradient(180deg, rgba(3,3,4,.88), rgba(3,3,4,.28));
  border-bottom: 1px solid rgba(232,197,115,.22);
  backdrop-filter: blur(10px);
}

.header-inner {
  width: min(calc(100% - 48px), var(--container));
  height: 86px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 34px;
}

.brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  text-decoration: none;
}

.brand-name {
  color: #fff;
  font-family: Georgia, var(--serif);
  font-size: 1.45rem;
  letter-spacing: .08em;
}

.brand-name span { color: var(--gold-bright); }

.brand-place {
  margin-top: 7px;
  color: rgba(255,255,255,.52);
  font-size: .6rem;
  letter-spacing: .36em;
}

.desktop-nav {
  display: flex;
  gap: 28px;
  margin-left: auto;
}

.desktop-nav a {
  color: rgba(255,255,255,.68);
  font-size: .82rem;
  text-decoration: none;
  transition: color .2s ease;
}

.desktop-nav a:hover,
.desktop-nav a:focus-visible { color: #fff; }

.desktop-nav .nav-recruit { color: var(--gold-bright); }

.header-call {
  min-width: 150px;
  padding-left: 22px;
  border-left: 1px solid rgba(255,255,255,.2);
  text-decoration: none;
  line-height: 1.25;
}

.header-call span {
  display: block;
  color: rgba(255,255,255,.62);
  font-size: .68rem;
}

.header-call strong {
  color: var(--gold-bright);
  font-family: Georgia, serif;
  font-size: .98rem;
  letter-spacing: .04em;
}

.hero {
  position: relative;
  min-height: 820px;
  overflow: hidden;
  color: #fff;
  background: var(--black);
}

.hero-photo,
.hero-shade,
.hero-grain {
  position: absolute;
  inset: 0;
}

.hero-photo {
  background:
    url("https://i0.wp.com/s-kin.net/wp-content/uploads/2023/10/l_inImg1.jpg?fit=1600%2C1066&ssl=1") center / cover no-repeat;
  filter: brightness(.65) saturate(.72) contrast(1.14);
  transform: scale(1.035);
}

.hero-shade {
  background:
    radial-gradient(circle at 73% 42%, rgba(184,132,51,.13), transparent 29%),
    linear-gradient(90deg, rgba(3,3,4,.99) 0%, rgba(8,5,7,.9) 43%, rgba(5,4,5,.34) 75%, rgba(3,3,4,.72) 100%),
    linear-gradient(0deg, rgba(3,3,4,.94) 0%, transparent 54%);
}

.hero-grain {
  opacity: .24;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");
  pointer-events: none;
}

.hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 108px 32px 34px;
  border: 1px solid rgba(232,197,115,.14);
  box-shadow: inset 0 0 80px rgba(0,0,0,.28);
  pointer-events: none;
}

.hero-inner {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 48px), var(--container));
  min-height: 820px;
  margin: 0 auto;
  padding: 150px 0 86px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: center;
  gap: 70px;
}

.eyebrow,
.section-kicker {
  margin: 0 0 20px;
  color: var(--gold);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .22em;
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--gold-bright);
}

.eyebrow span { width: 34px; height: 1px; background: currentColor; }

.hero h1,
.section h2 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  letter-spacing: -.04em;
}

.hero h1 {
  font-size: clamp(3.3rem, 6.5vw, 6rem);
  line-height: 1.16;
  letter-spacing: -.02em;
}

.hero h1 > span {
  display: block;
  margin-bottom: 14px;
  color: rgba(255,255,255,.8);
  font-family: var(--sans);
  font-size: clamp(.9rem, 1.4vw, 1.12rem);
  font-weight: 700;
  letter-spacing: .12em;
}

.hero h1 em { color: var(--gold-bright); font-style: normal; }

.hero-lead {
  margin: 28px 0 0;
  color: rgba(255,255,255,.76);
  font-size: 1.06rem;
  line-height: 2;
}

.hero-actions,
.visit-actions,
.access-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.button {
  min-height: 56px;
  padding: 0 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 2px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease, color .18s ease;
}

.button:hover { transform: translateY(-2px); }
.button-gold {
  color: #16100a;
  background: linear-gradient(135deg, #f3d991 0%, #d5a953 48%, #a8752b 100%);
  border-color: rgba(255,234,174,.58);
  box-shadow: 0 12px 34px rgba(153,102,32,.24), inset 0 1px rgba(255,255,255,.5);
}
.button-gold:hover { background: linear-gradient(135deg, #ffe7a8, #ddb45f 55%, #b48134); }
.button-outline { color: #fff; border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.04); }
.button-outline:hover { border-color: #fff; background: rgba(255,255,255,.1); }
.button-dark { color: #fff; background: #030304; border-color: rgba(232,197,115,.2); }
.button-outline-dark { color: var(--gold-pale); border-color: rgba(232,197,115,.46); background: rgba(255,255,255,.025); }

a:focus-visible,
summary:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

.hero-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 24px 0 0;
  color: rgba(255,255,255,.55);
  font-size: .78rem;
  letter-spacing: .05em;
}

.hero-meta i { width: 3px; height: 3px; background: var(--gold); border-radius: 50%; }

.hero-recruit-link {
  width: fit-content;
  margin-top: 19px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: rgba(255,255,255,.76);
  font-size: .78rem;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(232,197,115,.35);
}
.hero-recruit-link span { color: var(--gold-bright); font-family: Georgia, serif; letter-spacing: .12em; }
.hero-recruit-link b { color: var(--gold-bright); }

.offer-card {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 30px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 18% 0%, rgba(177,75,84,.2), transparent 34%),
    linear-gradient(145deg, rgba(50,10,18,.98), rgba(9,6,7,.99));
  border: 1px solid rgba(232,197,115,.68);
  box-shadow: 0 36px 100px rgba(0,0,0,.62), inset 0 0 55px rgba(125,40,48,.14);
  text-decoration: none;
}

.offer-card::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(232,197,115,.12);
  pointer-events: none;
}

.offer-card::before {
  content: "S";
  position: absolute;
  right: -7px;
  top: -48px;
  color: rgba(255,255,255,.035);
  font-family: Georgia, serif;
  font-size: 14rem;
  line-height: 1;
}

.offer-label {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 5px 10px;
  color: var(--gold-bright);
  border: 1px solid rgba(240,199,109,.5);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .17em;
}

.offer-card > p { position: relative; margin: 16px 0 3px; color: rgba(255,255,255,.68); font-size: .8rem; }

.offer-main {
  position: relative;
  padding-bottom: 18px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  column-gap: 14px;
}

.offer-main > span { grid-column: 1 / -1; color: var(--gold-bright); font-weight: 800; }
.offer-main strong { font-family: Georgia, var(--serif); font-size: 2.45rem; font-weight: 400; line-height: 1.2; white-space: nowrap; }
.offer-main strong:last-child { text-align: right; }
.offer-main small { margin-left: 2px; font-family: var(--sans); font-size: .82rem; font-weight: 700; }

.offer-weekend {
  position: relative;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-block: 1px solid rgba(255,255,255,.13);
}

.offer-weekend span { color: rgba(255,255,255,.68); font-size: .74rem; }
.offer-weekend strong { color: var(--gold-pale); font-family: var(--serif); font-size: 1.08rem; white-space: nowrap; }
.offer-note { position: relative; display: block; margin-top: 15px; color: rgba(255,255,255,.47); font-size: .66rem; line-height: 1.65; }
.offer-link { position: relative; display: flex; justify-content: space-between; margin-top: 20px; color: #fff; font-size: .82rem; font-weight: 700; }
.offer-link b { color: var(--gold-bright); }

.scroll-cue {
  position: absolute;
  z-index: 3;
  left: 32px;
  bottom: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,.45);
  font-size: .58rem;
  letter-spacing: .2em;
  text-decoration: none;
  transform: rotate(-90deg) translateX(100%);
  transform-origin: left bottom;
}

.scroll-cue span { width: 46px; height: 1px; background: currentColor; }

.quick-facts {
  color: #fff;
  background: linear-gradient(90deg, #050405 0%, #210910 50%, #050405 100%);
  border-block: 1px solid rgba(232,197,115,.19);
}
.facts-inner {
  width: min(100%, 1280px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.facts-inner > div { padding: 22px 30px; border-right: 1px solid rgba(255,255,255,.12); }
.facts-inner > div:first-child { border-left: 1px solid rgba(255,255,255,.12); }
.facts-inner span { display: block; color: var(--gold-bright); font-size: .58rem; letter-spacing: .2em; }
.facts-inner strong { display: block; margin-top: 3px; font-size: .84rem; font-weight: 600; }

.entity-summary {
  padding: 74px 0;
  background:
    radial-gradient(circle at 76% 20%, rgba(116,28,42,.16), transparent 32%),
    linear-gradient(180deg, #090708, #050405);
  border-bottom: 1px solid var(--line);
}

.entity-layout {
  display: grid;
  grid-template-columns: 150px minmax(300px, .9fr) 1.1fr;
  align-items: start;
  gap: 54px;
}

.entity-label {
  margin: 7px 0 0;
  color: var(--gold);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .18em;
}

.entity-summary h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(1.7rem, 2.8vw, 2.5rem);
  font-weight: 500;
  line-height: 1.55;
}

.entity-summary h2 + p {
  margin: 0;
  color: var(--muted);
  font-size: .95rem;
}

.section { padding: 112px 0; }
.section-inner { width: min(calc(100% - 48px), var(--container)); margin: 0 auto; }
.section h2 { font-size: clamp(2.35rem, 4.5vw, 4.15rem); line-height: 1.35; }
.section-heading { max-width: 600px; }
.section-heading.centered { margin-inline: auto; text-align: center; }

.first {
  background:
    radial-gradient(circle at 16% 16%, rgba(92,24,36,.14), transparent 34%),
    linear-gradient(180deg, #0e0a0c, #070607);
}
.reason-grid {
  margin-top: 58px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.reason-card {
  min-height: 290px;
  padding: 38px 32px;
  background: rgba(255,255,255,.018);
  border-right: 1px solid var(--line);
}
.reason-card:first-child { border-left: 1px solid var(--line); }
.reason-card.featured {
  color: #fff;
  background: linear-gradient(145deg, #390d17, #17070b);
  border-color: rgba(232,197,115,.5);
  box-shadow: 0 24px 70px rgba(0,0,0,.42), inset 0 0 44px rgba(169,66,77,.11);
}
.reason-number { color: var(--gold); font-family: Georgia, serif; font-size: .82rem; }
.reason-card h3 { margin: 54px 0 12px; font-family: var(--serif); font-size: 1.28rem; font-weight: 600; }
.reason-card p { margin: 0; color: var(--muted); font-size: .92rem; }
.reason-card.featured p { color: rgba(255,255,255,.66); }

.space {
  color: #fff;
  background:
    radial-gradient(circle at 86% 22%, rgba(139,85,26,.08), transparent 28%),
    linear-gradient(145deg, #050405, #100a0c 60%, #050405);
}
.space .section-kicker { color: var(--gold-bright); }
.space-heading { display: grid; grid-template-columns: 1fr 400px; align-items: end; gap: 80px; }
.space-heading > p { margin: 0 0 8px; color: rgba(255,255,255,.62); }

.gallery {
  margin-top: 58px;
  display: grid;
  grid-template-columns: 1.65fr 1fr;
  grid-template-rows: repeat(2, 240px);
  gap: 14px;
}

.gallery figure {
  margin: 0;
  overflow: hidden;
  background: #100c0d;
  border: 1px solid rgba(232,197,115,.2);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
}
.gallery-main { grid-row: 1 / 3; }
.gallery img { height: 100%; object-fit: cover; filter: brightness(.8) saturate(.78) contrast(1.1); transition: transform .6s ease, filter .6s ease; }
.gallery figure:hover img { filter: brightness(.92) saturate(.88) contrast(1.08); transform: scale(1.025); }

.social-proof {
  color: #fff;
  background:
    radial-gradient(circle at 10% 50%, rgba(176,74,84,.17), transparent 28%),
    linear-gradient(115deg, #260910, #090607 68%);
  border-block: 1px solid rgba(232,197,115,.16);
}
.proof-layout { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 100px; }
.proof-content { padding-left: 60px; border-left: 1px solid rgba(255,255,255,.16); }
.proof-stat { display: flex; align-items: baseline; gap: 16px; }
.proof-stat strong { color: var(--gold-bright); font-family: Georgia, serif; font-size: 4rem; font-weight: 400; line-height: 1; }
.proof-stat strong small { margin-left: 5px; font-family: var(--serif); font-size: 1rem; }
.proof-stat > span { color: rgba(255,255,255,.55); font-size: .8rem; }
.proof-content > p { margin: 28px 0 16px; color: rgba(255,255,255,.7); }
.text-link { color: var(--gold-pale); font-size: .9rem; font-weight: 700; text-decoration: none; border-bottom: 1px solid rgba(245,231,189,.4); }
.text-link span { margin-left: 4px; }

.price {
  background:
    radial-gradient(circle at 78% 35%, rgba(89,22,34,.16), transparent 30%),
    linear-gradient(180deg, #070607, #0d090b);
}
.price-layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: 90px; }
.price-copy { position: sticky; top: 40px; }
.price-copy > p:not(.section-kicker) { color: var(--muted); }
.price-panel {
  padding: 10px 28px 20px;
  background: rgba(255,255,255,.018);
  border: 1px solid rgba(232,197,115,.26);
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 0 38px rgba(109,34,46,.08);
}
.price-row {
  padding: 23px 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
}
.price-row span { font-size: .9rem; font-weight: 700; letter-spacing: .04em; }
.price-row strong { color: var(--gold-bright); font-family: Georgia, var(--serif); font-size: 2rem; font-weight: 400; }
.price-row small { margin-left: 3px; font-family: var(--sans); font-size: .75rem; font-weight: 700; }
.extras { margin: 26px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 34px; }
.extras div { padding: 12px 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px dotted rgba(232,197,115,.24); font-size: .84rem; }
.extras dt { color: var(--muted); }
.extras dd { margin: 0; font-weight: 700; }
.price-note { margin: 24px 0 0; color: var(--muted); font-size: .75rem; }
.panel-link { display: inline-block; margin-top: 14px; color: var(--gold-bright); font-size: .82rem; font-weight: 700; text-decoration: none; border-bottom: 1px solid rgba(232,197,115,.34); }

.visit { color: #fff; background: linear-gradient(135deg, #050405, #17080d 58%, #050405); }
.visit .section-kicker { color: var(--gold-bright); }
.visit-steps { margin: 58px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; }
.visit-steps li { position: relative; padding: 32px 38px 34px; border-block: 1px solid rgba(255,255,255,.15); border-right: 1px solid rgba(255,255,255,.15); }
.visit-steps li:first-child { border-left: 1px solid rgba(255,255,255,.15); }
.visit-steps span { color: var(--gold-bright); font-family: Georgia, serif; }
.visit-steps h3 { margin: 32px 0 10px; font-family: var(--serif); font-size: 1.18rem; }
.visit-steps p { margin: 0; color: rgba(255,255,255,.6); font-size: .86rem; }
.visit-actions { justify-content: center; }

.faq { background: linear-gradient(180deg, #0d090b, #060506); }
.faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }
.faq-list { border-top: 1px solid rgba(232,197,115,.5); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; padding: 25px 52px 25px 0; cursor: pointer; font-weight: 700; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::before,
.faq-list summary::after { content: ""; position: absolute; right: 8px; top: 50%; width: 16px; height: 1px; background: var(--wine); }
.faq-list summary::before,
.faq-list summary::after { background: var(--gold-bright); }
.faq-list summary::after { transform: rotate(90deg); transition: transform .2s ease; }
.faq-list details[open] summary::after { transform: rotate(0); }
.faq-list details p { margin: -2px 0 24px; padding-right: 42px; color: var(--muted); font-size: .9rem; }

.access { position: relative; min-height: 690px; overflow: hidden; color: #fff; background: #040304; }
.access-photo {
  position: absolute;
  inset: 0 0 0 48%;
  background:
    radial-gradient(circle at 70% 50%, rgba(177,124,44,.1), transparent 28%),
    linear-gradient(90deg, #040304 0%, rgba(4,3,4,.52) 42%, rgba(4,3,4,.2) 100%),
    url("https://s-kin.net/wp-content/uploads/2023/10/l_inImg5-700x300.jpg") center / cover no-repeat;
  filter: brightness(.68) saturate(.65) contrast(1.12);
}
.access-layout { position: relative; z-index: 2; }
.access-copy { max-width: 520px; padding: 25px 0; }
.access .section-kicker { color: var(--gold-bright); }
.address { margin: 30px 0; color: rgba(255,255,255,.72); }
.access dl { margin: 0; border-top: 1px solid rgba(255,255,255,.16); }
.access dl div { padding: 13px 0; display: grid; grid-template-columns: 100px 1fr; border-bottom: 1px solid rgba(255,255,255,.16); }
.access dt { color: rgba(255,255,255,.5); font-size: .8rem; }
.access dd { margin: 0; font-weight: 600; }
.access dd small { display: block; color: rgba(255,255,255,.46); font-weight: 400; }
.access dd a { color: var(--gold-bright); text-decoration: none; }

.social-section { padding: 0; color: #fff; background: linear-gradient(90deg, #16070b, #2b0a12, #16070b); border-block: 1px solid rgba(232,197,115,.18); }
.social-links { display: grid; grid-template-columns: repeat(4, 1fr); }
.social-links a { position: relative; min-height: 130px; padding: 30px 36px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid rgba(255,255,255,.14); text-decoration: none; }
.social-links a:first-child { border-left: 1px solid rgba(255,255,255,.14); }
.social-links span { color: var(--gold-bright); font-family: Georgia, serif; font-size: 1.18rem; }
.social-links small { margin-top: 4px; color: rgba(255,255,255,.55); }
.social-links b { position: absolute; right: 30px; top: 50%; color: var(--gold-bright); font-size: 1.2rem; transform: translateY(-50%); }

.site-footer { padding: 58px 0 108px; color: rgba(255,255,255,.52); background: #020203; border-top: 1px solid rgba(232,197,115,.14); }
.footer-inner { width: min(calc(100% - 48px), var(--container)); margin: 0 auto; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 38px; }
.footer-inner p { margin: 0; font-size: .72rem; }

.mobile-actions { display: none; }

/* Recruitment page */
.recruit-page-body {
  color: #f5efe5;
  background:
    radial-gradient(circle at 12% 14%, rgba(120,31,48,.17), transparent 31%),
    #060506;
}

.recruit-page { overflow: hidden; }

.recruit-hero {
  position: relative;
  min-height: 860px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(2,2,3,.98), rgba(13,6,9,.91) 52%, rgba(23,7,12,.8)),
    radial-gradient(circle at 72% 38%, rgba(186,131,47,.17), transparent 31%),
    #040304;
}

.recruit-hero::before,
.recruit-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.recruit-hero::before {
  inset: 108px 32px 34px;
  border: 1px solid rgba(232,197,115,.14);
  box-shadow: inset 0 0 90px rgba(0,0,0,.34);
}

.recruit-hero::after {
  top: -18%;
  right: -6%;
  width: 540px;
  height: 760px;
  border: 1px solid rgba(232,197,115,.12);
  transform: rotate(19deg);
}

.recruit-hero-glow {
  position: absolute;
  inset: 0;
  opacity: .2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
  pointer-events: none;
}

.recruit-hero-inner {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 48px), var(--container));
  min-height: 860px;
  margin: 0 auto;
  padding: 145px 0 72px;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(340px, .76fr);
  align-items: center;
  gap: 86px;
}

.recruit-hero-copy h1 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(2.8rem, 5.2vw, 5.15rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.055em;
}

.recruit-hero-copy h1 small {
  margin-bottom: 16px;
  display: block;
  color: rgba(255,255,255,.72);
  font-family: var(--sans);
  font-size: clamp(.78rem, 1.25vw, 1rem);
  font-weight: 700;
  letter-spacing: .1em;
}

.recruit-hero-copy h1 em { color: var(--gold-bright); font-style: normal; }

.recruit-lead {
  max-width: 640px;
  margin: 25px 0 0;
  color: rgba(255,255,255,.68);
  font-size: .98rem;
  line-height: 2;
}

.recruit-pay-highlight {
  max-width: 560px;
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-block: 1px solid rgba(232,197,115,.28);
}

.recruit-pay-highlight > div { padding: 17px 24px 17px 0; }
.recruit-pay-highlight > div + div { padding-left: 25px; border-left: 1px solid rgba(232,197,115,.2); }
.recruit-pay-highlight span { display: block; color: rgba(255,255,255,.54); font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.recruit-pay-highlight strong { display: block; color: var(--gold-bright); font-family: Georgia, var(--serif); font-size: clamp(2.1rem, 3.5vw, 3rem); font-weight: 400; line-height: 1.2; }
.recruit-pay-highlight small { margin-left: 3px; font-family: var(--sans); font-size: .78rem; font-weight: 700; }

.recruit-hero-points {
  max-width: 600px;
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 20px;
  list-style: none;
}
.recruit-hero-points li { color: rgba(255,255,255,.7); font-size: .78rem; }
.recruit-hero-points li::before { content: "◆"; margin-right: 7px; color: var(--gold); font-size: .48rem; vertical-align: .12em; }

.recruit-hero-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }
.recruit-age-note { margin: 18px 0 0; color: rgba(255,255,255,.48); font-size: .7rem; }

.recruit-visual {
  position: relative;
  width: min(100%, 390px);
  margin: 8px auto 0;
}

.recruit-visual::before {
  content: "";
  position: absolute;
  inset: -18px 20px 44px -18px;
  border: 1px solid rgba(232,197,115,.28);
}

.recruit-visual-frame {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #130b0e;
  box-shadow: 0 35px 85px rgba(0,0,0,.52);
}
.recruit-visual-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(56,17,24,.05), rgba(5,4,5,.38)); box-shadow: inset 0 0 0 1px rgba(255,222,151,.18); }
.recruit-visual img { height: 100%; object-fit: cover; filter: brightness(.72) saturate(.75) contrast(1.12); }
.recruit-visual figcaption { position: relative; margin: 16px 0 0; display: flex; justify-content: space-between; gap: 20px; color: rgba(255,255,255,.44); font-size: .64rem; }
.recruit-visual figcaption span { color: var(--gold-bright); font-family: Georgia, serif; letter-spacing: .1em; }

.recruit-facts {
  position: relative;
  z-index: 3;
  width: min(100%, 1280px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  color: #fff;
  background: linear-gradient(90deg, #050405, #260a12 52%, #050405);
  border-block: 1px solid rgba(232,197,115,.18);
}
.recruit-facts > div { padding: 23px 28px; border-right: 1px solid rgba(255,255,255,.12); }
.recruit-facts > div:first-child { border-left: 1px solid rgba(255,255,255,.12); }
.recruit-facts span { display: block; color: var(--gold-bright); font-size: .58rem; letter-spacing: .18em; }
.recruit-facts strong { display: block; margin-top: 3px; font-size: .84rem; }

.recruit-section { padding: 112px 0; }
.recruit-container { width: min(calc(100% - 48px), var(--container)); margin: 0 auto; }
.recruit-section-heading { max-width: 620px; }
.recruit-section-heading.centered { margin-inline: auto; text-align: center; }
.recruit-section-heading h2,
.recruit-entry-copy h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(2.35rem, 4.5vw, 4.15rem);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -.045em;
}
.recruit-section-heading > p:last-child,
.recruit-entry-copy > p { margin: 22px 0 0; color: var(--muted); }

.recruit-benefits {
  background:
    radial-gradient(circle at 86% 24%, rgba(139,36,52,.15), transparent 30%),
    linear-gradient(180deg, #0b0809, #050405);
}
.recruit-benefit-grid { margin-top: 56px; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.recruit-benefit-grid article { min-height: 230px; padding: 34px 38px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.012); }
.recruit-benefit-grid article > span { color: var(--gold-bright); font-family: Georgia, serif; font-size: .82rem; }
.recruit-benefit-grid h3 { margin: 28px 0 10px; font-family: var(--serif); font-size: 1.23rem; }
.recruit-benefit-grid p { margin: 0; color: var(--muted); font-size: .88rem; }

.recruit-social-callout { margin-top: 28px; padding: 28px 34px; display: flex; align-items: center; justify-content: space-between; gap: 40px; background: linear-gradient(110deg, rgba(49,12,20,.88), rgba(11,7,9,.85)); border: 1px solid rgba(232,197,115,.22); }
.recruit-social-callout span { display: block; color: var(--gold); font-size: .6rem; font-weight: 800; letter-spacing: .18em; }
.recruit-social-callout strong { display: block; margin-top: 5px; font-family: var(--serif); font-size: 1.25rem; }
.recruit-social-callout p { margin: 3px 0 0; color: var(--muted); font-size: .82rem; }
.recruit-social-callout .button { flex: 0 0 auto; }

.recruit-requirements { background: #050405; }
.recruit-requirements-layout { display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: 84px; }
.recruit-requirements .recruit-section-heading { position: sticky; top: 38px; }
.recruit-job-panel { border: 1px solid rgba(232,197,115,.28); background: linear-gradient(145deg, rgba(255,255,255,.025), rgba(80,21,32,.07)); box-shadow: 0 28px 80px rgba(0,0,0,.25); }
.recruit-job-list { margin: 0; padding: 10px 30px; }
.recruit-job-list > div { padding: 21px 2px; display: grid; grid-template-columns: 125px 1fr; gap: 20px; border-bottom: 1px solid var(--line); }
.recruit-job-list > div:last-child { border-bottom: 0; }
.recruit-job-list dt { color: var(--gold); font-size: .74rem; font-weight: 800; letter-spacing: .06em; }
.recruit-job-list dd { margin: 0; font-size: .91rem; font-weight: 600; }
.recruit-job-list dd strong { display: block; color: var(--gold-bright); font-size: 1.05rem; }
.recruit-job-list dd strong + small { margin-bottom: 10px; }
.recruit-job-list dd small { display: block; color: var(--muted); font-size: .73rem; font-weight: 400; }

.recruit-guarantee { padding: 29px 32px 32px; color: #eee6da; background: linear-gradient(135deg, #1d080e, #0a0708); border-top: 1px solid rgba(232,197,115,.25); }
.recruit-guarantee-title { margin: 0 0 22px; font-family: var(--serif); font-size: 1.05rem; }
.recruit-guarantee-title span { margin-bottom: 5px; display: block; color: var(--gold-bright); font-family: var(--sans); font-size: .65rem; font-weight: 800; letter-spacing: .13em; }
.recruit-guarantee-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: rgba(232,197,115,.14); border: 1px solid rgba(232,197,115,.14); }
.recruit-guarantee-grid div { padding: 14px 16px; background: #11090b; }
.recruit-guarantee-grid span { display: block; color: var(--muted); font-size: .67rem; }
.recruit-guarantee-grid strong { color: var(--gold-pale); font-family: Georgia, var(--serif); font-size: 1.05rem; font-weight: 400; }
.recruit-guarantee > small { margin-top: 15px; display: block; color: rgba(255,255,255,.42); font-size: .67rem; }

.recruit-flow { background: linear-gradient(135deg, #17070c, #050405 62%); border-block: 1px solid rgba(232,197,115,.14); }
.recruit-flow-list { margin: 56px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; }
.recruit-flow-list li { position: relative; min-height: 220px; padding: 30px 28px; border: 1px solid rgba(255,255,255,.13); border-right: 0; }
.recruit-flow-list li:last-child { border-right: 1px solid rgba(255,255,255,.13); }
.recruit-flow-list li:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; top: 28px; right: -9px; color: var(--gold-bright); }
.recruit-flow-list span { color: var(--gold-bright); font-family: Georgia, serif; }
.recruit-flow-list h3 { margin: 31px 0 10px; font-family: var(--serif); font-size: 1.08rem; }
.recruit-flow-list p { margin: 0; color: var(--muted); font-size: .82rem; }

.recruit-faq { background: #080607; }
.recruit-faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 84px; }
.recruit-faq-list { border-top: 1px solid rgba(232,197,115,.5); }
.recruit-faq-list details { border-bottom: 1px solid var(--line); }
.recruit-faq-list summary { position: relative; padding: 24px 50px 24px 0; cursor: pointer; font-weight: 700; list-style: none; }
.recruit-faq-list summary::-webkit-details-marker { display: none; }
.recruit-faq-list summary::before,
.recruit-faq-list summary::after { content: ""; position: absolute; right: 8px; top: 50%; width: 16px; height: 1px; background: var(--gold-bright); }
.recruit-faq-list summary::after { transform: rotate(90deg); transition: transform .2s ease; }
.recruit-faq-list details[open] summary::after { transform: rotate(0); }
.recruit-faq-list details p { margin: -2px 0 24px; padding-right: 36px; color: var(--muted); font-size: .88rem; }

.recruit-entry {
  padding-bottom: 0;
  background:
    radial-gradient(circle at 14% 24%, rgba(154,50,65,.2), transparent 28%),
    linear-gradient(140deg, #17080d, #050405 58%);
}
.recruit-entry-layout { padding-bottom: 90px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 80px; }
.recruit-entry-copy > p { max-width: 480px; }
.recruit-phone-card { margin-top: 32px; padding: 22px 24px; display: block; text-decoration: none; border: 1px solid rgba(232,197,115,.3); background: rgba(3,3,4,.38); }
.recruit-phone-card span,
.recruit-phone-card small { display: block; color: var(--muted); font-size: .7rem; }
.recruit-phone-card strong { display: block; color: var(--gold-bright); font-family: Georgia, serif; font-size: 1.8rem; font-weight: 400; line-height: 1.35; }

.recruit-form { padding: 34px; background: rgba(6,5,6,.86); border: 1px solid rgba(232,197,115,.28); box-shadow: 0 28px 75px rgba(0,0,0,.26); }
.recruit-form-row { display: grid; grid-template-columns: 1fr 130px; gap: 18px; }
.recruit-form label { margin-bottom: 17px; display: block; color: rgba(255,255,255,.74); font-size: .76rem; font-weight: 700; }
.recruit-form label small { margin-left: 5px; color: var(--gold-bright); font-size: .62rem; }
.recruit-form input,
.recruit-form textarea { width: 100%; margin-top: 6px; padding: 13px 14px; color: #fff; background: #0d0a0b; border: 1px solid rgba(232,197,115,.2); border-radius: 0; font: inherit; font-size: .9rem; outline: none; }
.recruit-form input:focus,
.recruit-form textarea:focus { border-color: var(--gold-bright); box-shadow: 0 0 0 2px rgba(232,197,115,.12); }
.recruit-form textarea { resize: vertical; }
.recruit-copy-button { width: 100%; border: 0; cursor: pointer; font: inherit; }
.recruit-form-note { margin: 13px 0 0; color: rgba(255,255,255,.38); font-size: .66rem; }
.recruit-form-status { margin: 13px 0 0; color: var(--gold-pale); font-size: .78rem; }
.recruit-form-status:empty { display: none; }
.recruit-dm-links { margin-top: 13px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.recruit-dm-links[hidden] { display: none; }
.recruit-dm-links a { min-height: 48px; padding: 10px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .76rem; font-weight: 700; text-align: center; text-decoration: none; border: 1px solid rgba(232,197,115,.35); }
.recruit-staff-note { padding: 27px 24px; text-align: center; background: #030304; border-top: 1px solid rgba(232,197,115,.2); }
.recruit-staff-note p { margin: 0; color: var(--muted); font-size: .8rem; }
.recruit-staff-note span { margin-right: 14px; color: var(--gold); font-size: .62rem; letter-spacing: .16em; }
.recruit-staff-note strong { margin-right: 8px; color: #fff; font-family: var(--serif); font-size: 1.05rem; }
.recruit-mobile-actions { display: none; }

@media (max-width: 920px) {
  .desktop-nav { display: none; }
  .header-call { margin-left: auto; }
  .hero-inner { grid-template-columns: 1fr 320px; gap: 32px; }
  .facts-inner { grid-template-columns: repeat(2, 1fr); }
  .space-heading, .proof-layout, .price-layout, .faq-layout { gap: 50px; }
  .recruit-hero-inner { grid-template-columns: minmax(0, 1fr) 320px; gap: 42px; }
  .recruit-requirements-layout, .recruit-faq-layout, .recruit-entry-layout { gap: 50px; }
}

@media (max-width: 720px) {
  html { scroll-padding-top: 20px; }
  body { padding-bottom: 72px; }
  .site-header { position: absolute; }
  .header-inner { width: calc(100% - 32px); height: 74px; }
  .brand-name { font-size: 1.2rem; }
  .header-call { min-width: auto; padding-left: 16px; }
  .header-call span { display: none; }
  .header-call strong { font-size: .82rem; }

  .hero { min-height: auto; }
  .hero-photo { background-position: 61% center; }
  .hero-shade {
    background:
      radial-gradient(circle at 68% 25%, rgba(184,132,51,.11), transparent 25%),
      linear-gradient(180deg, rgba(3,3,4,.82) 0%, rgba(3,3,4,.48) 26%, rgba(3,3,4,.96) 63%, #030304 100%);
  }
  .hero::after { inset: 88px 12px 16px; }
  .hero-inner {
    width: calc(100% - 32px);
    min-height: auto;
    padding: 132px 0 62px;
    display: block;
  }
  .eyebrow { margin-bottom: 14px; font-size: .62rem; }
  .hero h1 { font-size: clamp(3rem, 15vw, 4.2rem); }
  .hero h1 > span { margin-bottom: 10px; font-size: .82rem; }
  .hero-lead { margin-top: 22px; font-size: .94rem; line-height: 1.85; }
  .hero-lead br { display: none; }
  .hero-actions { margin-top: 26px; display: grid; }
  .hero-actions .button { width: 100%; }
  .hero-meta { gap: 8px; }
  .hero-recruit-link { align-items: flex-start; flex-wrap: wrap; }
  .offer-card { width: 100%; max-width: 100%; margin: 44px 0 0; padding: 24px 20px; }
  .offer-label { left: auto; transform: none; }
  .offer-main {
    width: 100%;
    grid-template-columns: minmax(70px, .8fr) minmax(120px, 1.2fr);
    align-items: baseline;
    column-gap: 12px;
  }
  .offer-main strong { min-width: 0; font-size: clamp(1.72rem, 8.5vw, 2rem); }
  .offer-main strong:first-of-type { justify-self: start; }
  .offer-main strong:last-child { justify-self: end; }
  .offer-weekend { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .scroll-cue { display: none; }

  .facts-inner { grid-template-columns: repeat(2, 1fr); }
  .facts-inner > div { padding: 18px 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
  .facts-inner > div:nth-child(odd) { border-left: 0; }
  .facts-inner strong { font-size: .72rem; }

  .entity-summary { padding: 58px 0; }
  .entity-layout { display: block; }
  .entity-summary h2 { margin-top: 14px; }
  .entity-summary h2 + p { margin-top: 22px; }

  .section { padding: 82px 0; }
  .section-inner { width: calc(100% - 32px); }
  .section h2 { font-size: clamp(2.1rem, 10.5vw, 3rem); }
  .section-kicker { margin-bottom: 14px; }

  .reason-grid { margin-top: 42px; display: block; border: 0; }
  .reason-card, .reason-card:first-child { min-height: auto; padding: 28px 24px; border: 1px solid var(--line); border-bottom: 0; }
  .reason-card:last-child { border-bottom: 1px solid var(--line); }
  .reason-card.featured { transform: none; }
  .reason-card h3 { margin-top: 24px; }

  .space-heading, .proof-layout, .price-layout, .faq-layout { display: block; }
  .space-heading > p { margin-top: 24px; }
  .gallery { margin-top: 38px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 260px 155px; gap: 8px; }
  .gallery-main { grid-column: 1 / -1; grid-row: auto; }

  .proof-content { margin-top: 38px; padding: 30px 0 0; border-top: 1px solid rgba(255,255,255,.16); border-left: 0; }
  .proof-stat strong { font-size: 3.3rem; }

  .price-copy { position: static; }
  .price-copy .button { display: none; }
  .price-panel { margin-top: 38px; padding: 8px 20px 18px; }
  .price-row strong { font-size: 1.7rem; }
  .extras { grid-template-columns: 1fr; }

  .visit-steps { margin-top: 42px; display: block; }
  .visit-steps li, .visit-steps li:first-child { padding: 26px 24px; border: 1px solid rgba(255,255,255,.15); border-bottom: 0; }
  .visit-steps li:last-child { border-bottom: 1px solid rgba(255,255,255,.15); }
  .visit-steps h3 { margin-top: 18px; }
  .visit-actions { display: grid; }

  .faq-list { margin-top: 38px; }
  .faq-list summary { font-size: .92rem; }

  .access { min-height: 760px; }
  .access-photo {
    inset: auto 0 0;
    height: 310px;
    background:
      linear-gradient(180deg, #040304 0%, rgba(4,3,4,.38) 45%, rgba(4,3,4,.14) 100%),
      url("https://s-kin.net/wp-content/uploads/2023/10/l_inImg5-700x300.jpg") center / cover no-repeat;
  }
  .access-copy { padding: 0 0 285px; }
  .access-actions { display: grid; }

  .social-links { width: 100%; display: block; }
  .social-links a, .social-links a:first-child { min-height: 105px; padding: 22px 28px; border-left: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }

  .recruit-hero { min-height: auto; }
  .recruit-hero::before { inset: 88px 12px 16px; }
  .recruit-hero::after { display: none; }
  .recruit-hero-inner { width: calc(100% - 32px); min-height: auto; padding: 126px 0 60px; display: flex; flex-direction: column; gap: 48px; }
  .recruit-hero-copy { width: 100%; }
  .recruit-hero-copy h1 { font-size: clamp(2.55rem, 12vw, 3.65rem); line-height: 1.35; }
  .recruit-hero-copy h1 small { margin-bottom: 11px; font-size: .72rem; }
  .recruit-lead { font-size: .9rem; }
  .recruit-pay-highlight { width: 100%; }
  .recruit-pay-highlight > div { padding: 14px 10px 14px 0; }
  .recruit-pay-highlight > div + div { padding-left: 16px; }
  .recruit-pay-highlight strong { font-size: clamp(1.8rem, 9vw, 2.35rem); }
  .recruit-hero-actions { display: grid; }
  .recruit-hero-actions .button { width: 100%; }
  .recruit-visual { width: min(84vw, 360px); }

  .recruit-facts { grid-template-columns: repeat(2, 1fr); }
  .recruit-facts > div,
  .recruit-facts > div:first-child { padding: 17px 16px; border-left: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .recruit-facts strong { font-size: .72rem; }

  .recruit-section { padding: 80px 0; }
  .recruit-container { width: calc(100% - 32px); }
  .recruit-section-heading h2, .recruit-entry-copy h2 { font-size: clamp(2.1rem, 10.5vw, 3rem); }
  .recruit-benefit-grid { margin-top: 40px; display: block; border: 0; }
  .recruit-benefit-grid article { min-height: 0; padding: 27px 24px; border: 1px solid var(--line); border-bottom: 0; }
  .recruit-benefit-grid article:last-child { border-bottom: 1px solid var(--line); }
  .recruit-benefit-grid h3 { margin-top: 20px; }
  .recruit-social-callout { padding: 25px 23px; display: block; }
  .recruit-social-callout .button { width: 100%; margin-top: 20px; }

  .recruit-requirements-layout, .recruit-faq-layout, .recruit-entry-layout { display: block; }
  .recruit-requirements .recruit-section-heading { position: static; }
  .recruit-job-panel { margin-top: 38px; }
  .recruit-job-list { padding: 6px 20px; }
  .recruit-job-list > div { grid-template-columns: 88px 1fr; gap: 12px; }
  .recruit-guarantee { padding: 25px 20px; }
  .recruit-guarantee-grid { grid-template-columns: 1fr; }

  .recruit-flow-list { margin-top: 40px; display: block; }
  .recruit-flow-list li { min-height: 0; padding: 25px 24px; border: 1px solid rgba(255,255,255,.13); border-bottom: 0; }
  .recruit-flow-list li:last-child { border-bottom: 1px solid rgba(255,255,255,.13); }
  .recruit-flow-list li:not(:last-child)::after { content: "↓"; top: auto; right: 22px; bottom: -11px; }
  .recruit-flow-list h3 { margin-top: 17px; }

  .recruit-faq-list { margin-top: 38px; }
  .recruit-faq-list summary { font-size: .9rem; }
  .recruit-entry { padding-bottom: 0; }
  .recruit-entry-layout { padding-bottom: 72px; }
  .recruit-form { margin-top: 38px; padding: 24px 20px; }
  .recruit-form-row { grid-template-columns: 1fr; gap: 0; }
  .recruit-dm-links { grid-template-columns: 1fr; }
  .recruit-staff-note { padding: 24px 20px; }
  .recruit-staff-note span,
  .recruit-staff-note strong { margin: 0 0 5px; display: block; }

  .recruit-mobile-actions {
    position: fixed;
    z-index: 80;
    inset: auto 0 0;
    height: 72px;
    display: grid;
    grid-template-columns: 40% 60%;
    background: #050405;
    border-top: 1px solid rgba(232,197,115,.3);
    box-shadow: 0 -8px 30px rgba(0,0,0,.25);
  }
  .recruit-mobile-actions a { display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; line-height: 1.22; }
  .recruit-mobile-actions small { font-size: .59rem; }
  .recruit-mobile-actions strong { font-size: .86rem; }
  .recruit-mobile-phone { color: var(--gold-pale); }
  .recruit-mobile-dm { color: #160f08; background: var(--gold-bright); }

  .site-footer { padding: 46px 0 42px; }
  .footer-inner { width: calc(100% - 32px); display: block; }
  .footer-inner p { margin-top: 18px; }

  .mobile-actions {
    position: fixed;
    z-index: 80;
    inset: auto 0 0;
    height: 72px;
    display: grid;
    grid-template-columns: 34% 66%;
    background: #050405;
    border-top: 1px solid rgba(232,197,115,.28);
    box-shadow: 0 -8px 30px rgba(0,0,0,.18);
  }
  .mobile-actions a { display: flex; align-items: center; justify-content: center; text-decoration: none; }
  .mobile-map { color: var(--gold-pale); font-size: .86rem; font-weight: 700; }
  .mobile-call { flex-direction: column; color: #160f08; background: var(--gold-bright); line-height: 1.22; }
  .mobile-call small { font-size: .62rem; }
  .mobile-call strong { font-size: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}