.page-contact{
  --ct-radius:22px;
  --ct-soft:rgba(244,240,230,.74);
  background:
    radial-gradient(900px 460px at 88% -6%, rgba(200,255,61,.09), transparent 62%),
    var(--ink);
  color:var(--bone);
  font-family:var(--font-body);
  overflow-x:clip;
  padding-bottom:clamp(3rem,7vw,5.5rem);
}

.page-contact .ct-crumbs{padding-top:clamp(1.1rem,3vw,1.9rem);}

/* ---------- hero ---------- */
.page-contact .ct-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:clamp(1rem,3vw,1.8rem);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-contact .ct-hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.3;
  z-index:-2;
}
.page-contact .ct-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(112deg,var(--ink) 16%,rgba(7,26,20,.92) 54%,rgba(4,17,12,.6) 100%);
}
.page-contact .ct-hero__inner{
  display:grid;
  gap:clamp(1.8rem,5vw,3.2rem);
  padding-block:clamp(2.1rem,6vw,4.2rem);
}
.page-contact .ct-hero__lead .kicker{margin:0 0 .8rem;}
.page-contact .ct-hero h1{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(2.5rem,9vw,4.9rem);
  line-height:1.02;
  letter-spacing:-.01em;
}
.page-contact .ct-hero .lede{
  margin:1.1rem 0 0;
  max-width:56ch;
  color:var(--ct-soft);
  font-size:clamp(.95rem,2.4vw,1.06rem);
  line-height:1.78;
}
.page-contact .ct-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1.6rem;
}

.page-contact .ct-hero__panel{
  border:1px solid var(--line-lime);
  border-radius:var(--ct-radius);
  background:linear-gradient(158deg,rgba(14,43,34,.94),rgba(4,17,12,.78));
  box-shadow:var(--shadow);
  padding:clamp(1.1rem,3.2vw,1.7rem);
  display:grid;
  gap:1rem;
}
.page-contact .ct-hero__mark{
  display:flex;
  align-items:center;
  gap:1rem;
}
.page-contact .ct-mark{
  width:66px;
  height:66px;
  flex:0 0 auto;
}
.page-contact .ct-mark__ring{fill:none;stroke:rgba(244,240,230,.26);stroke-width:1;}
.page-contact .ct-mark__dash{fill:none;stroke:rgba(200,255,61,.55);stroke-width:1;stroke-dasharray:3 5;}
.page-contact .ct-mark__axis{stroke:rgba(244,240,230,.3);stroke-width:1;}
.page-contact .ct-mark__dot{fill:var(--lime);}
.page-contact .ct-hero__mark-text{
  margin:0;
  font-family:var(--font-display);
  font-size:1.02rem;
  line-height:1.35;
  letter-spacing:.02em;
  color:var(--bone);
}
.page-contact .ct-facts{margin:0;display:grid;}
.page-contact .ct-facts__row{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.3rem 1rem;
  padding:.6rem 0;
  border-top:1px solid var(--line-soft);
  font-size:.86rem;
}
.page-contact .ct-facts__row dt{color:var(--moss);}
.page-contact .ct-facts__row dd{margin:0;}

/* ---------- index strip ---------- */
.page-contact .ct-index{
  border-bottom:1px solid var(--line);
  background:rgba(4,17,12,.72);
}
.page-contact .ct-index__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem 1.4rem;
  padding-block:.85rem;
}
.page-contact .ct-index__label{
  font-family:var(--font-num);
  font-size:.7rem;
  letter-spacing:.16em;
  color:var(--moss);
}
.page-contact .ct-index__list{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem 1.15rem;
  margin:0;
  padding:0;
  list-style:none;
}
.page-contact .ct-index__list a{
  display:inline-flex;
  align-items:baseline;
  gap:.45rem;
  color:var(--bone);
  text-decoration:none;
  font-size:.88rem;
  padding-bottom:.15rem;
  border-bottom:1px solid transparent;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-contact .ct-index__list a:hover,
.page-contact .ct-index__list a:focus-visible{color:var(--lime);border-color:var(--line-lime);}
.page-contact .ct-index__list a[aria-current="true"]{color:var(--lime);border-color:var(--lime);}
.page-contact .ct-index__list .num{font-size:.72rem;}

/* ---------- section shell ---------- */
.page-contact .section{padding-block:clamp(2.6rem,6.5vw,4.6rem);}
.page-contact .ct-head{
  display:grid;
  gap:.6rem;
  max-width:64ch;
  margin-bottom:clamp(1.5rem,4vw,2.5rem);
}
.page-contact .ct-head .kicker{margin:0;}
.page-contact .ct-head h2{
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.7rem,5vw,2.7rem);
  line-height:1.1;
  letter-spacing:-.005em;
}
.page-contact .ct-head__note{
  margin:0;
  color:var(--ct-soft);
  font-size:.94rem;
  line-height:1.75;
}

/* ---------- channels ---------- */
.page-contact .ct-ways{
  display:grid;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:var(--ct-radius);
  overflow:hidden;
}
.page-contact .ct-way{
  display:grid;
  align-content:start;
  gap:.7rem;
  padding:clamp(1.15rem,3.4vw,1.9rem);
  background:var(--ink-2);
  transition:background var(--dur) var(--ease);
}
.page-contact .ct-way:hover,
.page-contact .ct-way:focus-within{background:#123328;}
.page-contact .ct-way--key{box-shadow:inset 3px 0 0 var(--lime);}
.page-contact .ct-way__label{
  margin:0;
  display:flex;
  align-items:baseline;
  gap:.55rem;
  font-family:var(--font-num);
  font-size:.72rem;
  letter-spacing:.12em;
  color:var(--moss);
}
.page-contact .ct-way__label .num{color:var(--gold);}
.page-contact .ct-way__value{
  margin:0;
  font-family:var(--font-num);
  font-size:clamp(.98rem,2.6vw,1.16rem);
  line-height:1.5;
  color:var(--white);
  overflow-wrap:anywhere;
}
.page-contact .ct-way__note{
  margin:0;
  color:var(--ct-soft);
  font-size:.9rem;
  line-height:1.72;
}
.page-contact .copy-chip{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.35rem .7rem;
  max-width:100%;
  padding:.48rem .85rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(244,240,230,.04);
  color:var(--bone);
  font-family:var(--font-num);
  font-size:.8rem;
  text-align:left;
  cursor:pointer;
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.page-contact .copy-chip:hover{
  border-color:var(--line-lime);
  background:rgba(200,255,61,.1);
}
.page-contact .copy-chip:focus-visible{
  outline:2px solid var(--lime);
  outline-offset:3px;
}
.page-contact .copy-chip-label{
  font-family:var(--font-body);
  font-size:.76rem;
  letter-spacing:.06em;
  color:var(--moss);
}
.page-contact .copy-chip-value{overflow-wrap:anywhere;}
.page-contact .copy-chip-hint{
  font-size:.7rem;
  letter-spacing:.12em;
  color:var(--lime);
  opacity:.75;
}
.page-contact .copy-chip[data-copied="true"] .copy-chip-hint{opacity:1;}
.page-contact .ct-copy-status{
  min-height:1.2rem;
  margin:.9rem 0 0;
  font-family:var(--font-num);
  font-size:.78rem;
  letter-spacing:.08em;
  color:var(--lime);
}

/* ---------- process ---------- */
.page-contact .ct-process{
  display:grid;
  gap:clamp(1.6rem,4vw,2.6rem);
}
.page-contact .ct-flow{
  display:block;
  width:100%;
  height:8px;
  margin-bottom:1.1rem;
}
.page-contact .ct-flow__base{stroke:var(--line);stroke-width:2;}
.page-contact .ct-flow__lit{stroke:var(--gold);stroke-width:2;stroke-dasharray:4 6;}
.page-contact .ct-steps{
  counter-reset:s;
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--line);
}
.page-contact .ct-step{
  position:relative;
  padding:1.05rem 0 1.05rem 3.2rem;
  border-bottom:1px solid var(--line-soft);
  transition:background var(--dur) var(--ease);
}
.page-contact .ct-step::before{
  counter-increment:s;
  content:"0" counter(s);
  position:absolute;
  left:0;
  top:1.1rem;
  font-family:var(--font-num);
  font-size:.78rem;
  letter-spacing:.08em;
  color:var(--gold);
}
.page-contact .ct-step::after{
  content:"";
  position:absolute;
  left:1.5rem;
  top:2.7rem;
  bottom:.2rem;
  width:1px;
  background:var(--line-soft);
}
.page-contact .ct-step:last-child::after{display:none;}
.page-contact .ct-step:hover,
.page-contact .ct-step:focus-within{background:rgba(200,255,61,.05);}
.page-contact .ct-step__title{
  display:block;
  font-family:var(--font-display);
  font-size:1.1rem;
  letter-spacing:.01em;
  margin-bottom:.25rem;
  color:var(--bone);
}
.page-contact .ct-step__text{
  margin:0;
  color:var(--ct-soft);
  font-size:.92rem;
  line-height:1.72;
}
.page-contact .media{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--ink-2);
}
.page-contact .media--4x3{aspect-ratio:4 / 3;}
.page-contact .media__ph{
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(45deg,rgba(200,255,61,.06) 0 2px,transparent 2px 10px),
    var(--ink-2);
}
.page-contact .media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.page-contact .media__caption{
  position:relative;
  z-index:2;
  margin:0;
  padding:.7rem .9rem;
  background:rgba(4,17,12,.82);
  color:var(--ct-soft);
  font-size:.8rem;
  line-height:1.6;
  border-top:1px solid var(--line);
}
.page-contact .ct-process__figure{margin:0;}

/* ---------- partnership ---------- */
.page-contact .ct-partners{
  display:grid;
  gap:1rem;
}
.page-contact .ct-partner{
  position:relative;
  display:grid;
  align-content:start;
  gap:.65rem;
  padding:clamp(1.1rem,3.2vw,1.7rem);
  border:1px solid var(--line);
  border-radius:var(--rad-hard);
  background:linear-gradient(150deg,rgba(14,43,34,.9),rgba(4,17,12,.62));
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-contact .ct-partner:hover,
.page-contact .ct-partner:focus-within{
  transform:translateY(-3px);
  border-color:var(--line-lime);
}
.page-contact .ct-partner__idx{
  margin:0;
  font-family:var(--font-num);
  font-size:.82rem;
  letter-spacing:.14em;
  color:var(--gold);
}
.page-contact .ct-partner__title{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.15rem,3vw,1.45rem);
  font-weight:700;
  letter-spacing:.01em;
  color:var(--white);
}
.page-contact .ct-partner__text{
  margin:0;
  color:var(--ct-soft);
  font-size:.9rem;
  line-height:1.72;
}
.page-contact .ct-partner__fit{
  margin:0;
  padding-top:.6rem;
  border-top:1px solid var(--line-soft);
  font-size:.82rem;
  color:rgba(244,240,230,.86);
}
.page-contact .ct-partner__fit span{
  display:inline-block;
  margin-right:.5rem;
  padding:.1rem .45rem;
  border-radius:2px;
  background:rgba(200,255,61,.14);
  color:var(--lime);
  font-size:.72rem;
  letter-spacing:.1em;
}

/* ---------- hours ---------- */
.page-contact .ct-hours{
  display:grid;
  gap:1.4rem;
  padding:clamp(1.25rem,4vw,2.4rem);
  border:1px solid rgba(232,184,92,.36);
  border-radius:var(--ct-radius);
  background:linear-gradient(120deg,rgba(232,184,92,.13),rgba(14,43,34,.72) 52%,rgba(4,17,12,.86));
}
.page-contact .ct-hours__clock .kicker{margin:0 0 .7rem;}
.page-contact .ct-hours__time{
  margin:0;
  font-family:var(--font-num);
  font-weight:700;
  font-size:clamp(1.8rem,6.4vw,3rem);
  line-height:1;
  letter-spacing:-.01em;
  color:var(--gold);
}
.page-contact .ct-hours__day{
  margin:.5rem 0 0;
  font-size:.84rem;
  letter-spacing:.08em;
  color:var(--moss);
}
.page-contact .ct-hours__list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.85rem;
}
.page-contact .ct-hours__list li{
  display:grid;
  gap:.2rem;
  padding-top:.85rem;
  border-top:1px solid var(--line-soft);
}
.page-contact .ct-hours__list li:first-child{padding-top:0;border-top:0;}
.page-contact .ct-hours__k{
  font-family:var(--font-num);
  font-size:.76rem;
  letter-spacing:.12em;
  color:var(--bone);
}
.page-contact .ct-hours__v{
  font-size:.9rem;
  line-height:1.7;
  color:var(--ct-soft);
}

/* ---------- next links ---------- */
.page-contact .ct-next{
  display:grid;
  border-top:1px solid var(--line);
}
.page-contact .ct-next__link{
  display:grid;
  gap:.25rem;
  padding:1rem 0;
  border-bottom:1px solid var(--line-soft);
  text-decoration:none;
  color:var(--bone);
  transition:color var(--dur) var(--ease),padding-left var(--dur) var(--ease);
}
.page-contact .ct-next__link:hover,
.page-contact .ct-next__link:focus-visible{
  color:var(--lime);
  padding-left:.45rem;
}
.page-contact .ct-next__link:focus-visible{
  outline:2px solid var(--lime);
  outline-offset:4px;
}
.page-contact .ct-next__name{
  font-family:var(--font-display);
  font-size:1.06rem;
  letter-spacing:.01em;
}
.page-contact .ct-next__desc{
  font-size:.86rem;
  line-height:1.7;
  color:var(--moss);
}

/* ---------- responsive ---------- */
@media (min-width:640px){
  .page-contact .ct-ways{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-contact .ct-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;}
}
@media (min-width:900px){
  .page-contact .ct-process{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:start;}
  .page-contact .ct-hours{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;}
  .page-contact .ct-hours__list{grid-template-columns:minmax(0,1fr);}
}
@media (min-width:960px){
  .page-contact .ct-hero__inner{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:end;
  }
  .page-contact .ct-index{position:sticky;top:var(--hdr-h);z-index:5;}
  .page-contact .ct-next__link{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);
    align-items:baseline;
    gap:1.5rem;
  }
}
@media (prefers-reduced-motion:reduce){
  .page-contact *,
  .page-contact *::before,
  .page-contact *::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
  .page-contact .ct-partner:hover,
  .page-contact .ct-partner:focus-within{transform:none;}
}
<<<END>>>