:root{
  --skin-pattern:url(#pat-jamdani) transparent;
  --skin-lattice:url(#pat-jamdani) transparent;
  --skin-band:url(#pat-jamdani) transparent;
  --skin-horizon-1:#E8BE86; --skin-horizon-2:#B87F42;
  --skin-haze:rgba(232,176,75,.13); --skin-deep:#0E2245;

  --ae:#E8BE86; --ae-ink:#8A5E12; --ae-art:#B9822F;
  --pt:#BFD4E4; --pt-ink:#3F6383; --pt-art:#6D93B4;
}

.hm-defs{position:absolute;width:0;height:0;overflow:hidden}

@media(max-width:430px){ .hm-nobtn .lockup .bn{font-size:.98rem} }
@media(max-width:400px){ .hm-nobtn .lockup .bn{font-size:.9rem;letter-spacing:0} }
@media(max-width:345px){ .hm-nobtn .lockup .bn{font-size:.82rem} }

.hm-pat{position:absolute;inset:0;width:100%;height:100%;opacity:.07}
.hm-dest .hm-pat{opacity:.05}
.hm-rhumb{position:absolute;inset:0;width:100%;height:100%;opacity:.14;color:var(--gold)}
.hm-rose{position:absolute;color:var(--gold);
  right:-16%;top:2%;width:min(62vw,300px);opacity:.34}
@media(min-width:620px){.hm-rose{right:-6%;top:-6%;width:min(48vw,420px);opacity:.30}}
@media(min-width:1100px){.hm-rose{right:-7%;top:6%;width:440px}}

.hm-scrim{position:absolute;inset:0;background:linear-gradient(96deg,
  rgba(4,10,24,.82) 0%, rgba(4,10,24,.58) 58%, rgba(4,10,24,0) 96%)}
@media(min-width:1100px){.hm-scrim{background:linear-gradient(96deg,
  rgba(4,10,24,.62) 0%, rgba(4,10,24,.22) 52%, rgba(4,10,24,0) 76%)}}

.hm-grad{position:absolute;left:0;right:0;bottom:0;height:56px;pointer-events:none;
  background:linear-gradient(180deg, rgba(4,10,24,0) 0%, rgba(4,10,24,.5) 58%, var(--abyss) 100%)}
.hm-grad::before{content:"";position:absolute;left:0;right:0;top:0;height:13px;
  border-top:1px solid rgba(232,176,75,.30);
  background:repeating-linear-gradient(90deg, rgba(232,176,75,.40) 0 1px, transparent 1px 13px)}
.hm-grad::after{content:"";position:absolute;left:0;right:0;top:0;height:7px;
  background:repeating-linear-gradient(90deg, rgba(232,176,75,.46) 0 1px, transparent 1px 65px)}

.hm-dest{background:var(--abyss)}
.dcard{position:relative;display:flex;flex-direction:column;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.42);color:var(--ink);text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease}
.dcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--band-art);z-index:1}
.dcard:hover,.dcard:focus-visible{transform:translateY(-3px);box-shadow:0 22px 46px rgba(0,0,0,.55)}

.dcard.off{cursor:default}
.dcard.off:hover,.dcard.off:focus-visible{transform:none;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.dcard .inr{position:relative;z-index:2;padding:17px 18px 0 21px;flex:1;
  display:flex;flex-direction:column}

.dcard .art{position:absolute;right:var(--art-r,-10px);bottom:-8px;top:var(--art-t,auto);
  width:var(--art-w);height:var(--art-h,auto);z-index:1;
  opacity:var(--art-o,.26);pointer-events:none;background:transparent;
  -webkit-mask:var(--art-src) right bottom/contain no-repeat;
  mask:var(--art-src) right bottom/contain no-repeat}

@supports ((-webkit-mask-image:url(a.webp)) or (mask-image:url(a.webp))){
  .dcard .art{background:var(--band-art)}
}
.dcard .regmark{position:absolute;width:13px;height:13px;color:var(--band-ink);opacity:.45;z-index:3}
.dcard .regmark.tl{top:9px;left:11px} .dcard .regmark.br{bottom:9px;right:9px}

.dcard .rt{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.dcard .rt .c{font-family:var(--num);font-weight:700;font-size:1.15rem;
  letter-spacing:.06em;color:var(--band-ink);line-height:1}
.dcard .rt .ln{flex:1;position:relative;height:12px;color:var(--band-ink);opacity:.75}
.dcard .rt .ln::before{content:"";position:absolute;left:0;right:0;top:6px;
  border-top:1.5px dashed currentColor;opacity:.6}
.dcard .rt .ln svg{position:absolute;left:50%;top:0;width:13px;height:13px;
  transform:translateX(-50%);color:var(--band-ink);opacity:.95}
.dcard h3{font-family:var(--display);font-size:1.36rem;line-height:1.22;color:var(--ink)}
.dcard .sub{font-family:var(--num);font-weight:600;font-size:.68rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--gold-pap);margin-top:5px}
.dcard .rule{width:34px;height:2px;margin:12px 0 10px;background:var(--gold-pap);opacity:.55}
.dcard .what{font-size:.92rem;font-weight:600;color:var(--ink);line-height:1.5;max-width:19ch}
.dcard p{font-size:.9rem;line-height:1.55;color:var(--ink-2);margin:7px 0 0;max-width:22ch}
.dcard .tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px;
  max-width:min(250px,calc(100% - 96px))}
.dcard .tags span{font-size:.77rem;color:var(--ink-2);background:rgba(16,28,46,.05);
  border:1px solid rgba(16,28,46,.09);border-radius:4px;padding:3px 8px;text-align:center}
.dcard .status{display:inline-flex;align-items:center;gap:7px;margin-top:13px;
  font-size:.82rem;font-weight:700;color:#186B45}
.dcard .status i{width:7px;height:7px;border-radius:50%;background:#186B45;
  box-shadow:0 0 0 3px rgba(24,107,69,.16)}
.dcard .status.shut{color:var(--ink-2)} .dcard .status.shut i{background:var(--ink-2);box-shadow:none}

.dcard .go{position:relative;margin:auto -18px 0 -21px;padding:13px 18px 15px 21px;
  border-top:1.5px dashed rgba(16,28,46,.22);
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-weight:700;font-size:.92rem;color:var(--ink)}
.dcard .go i{position:absolute;top:0;width:16px;height:16px;border-radius:50%;
  background:var(--abyss);transform:translateY(-50%);z-index:4}
.dcard .go i.l{left:-8px} .dcard .go i.r{right:-8px}
.dcard .go em{font-style:normal;color:var(--gold-pap);font-size:1.2rem;line-height:1}
@media(min-width:620px){ .dcard .what,.dcard p{max-width:none;padding-right:104px} }

.dcard .go span{max-width:calc(100% - 86px)}

.hm-steps{position:relative;margin-top:26px;padding-left:30px}
.hm-steps::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:1px;
  background:linear-gradient(180deg,var(--gold-deep),rgba(201,143,43,.15))}
.hm-step{position:relative;padding-bottom:22px}
.hm-step:last-child{padding-bottom:0}
.hm-step::before{content:"";position:absolute;left:-30px;top:7px;width:15px;height:15px;
  border-radius:50%;background:var(--paper);border:2px solid var(--gold-deep)}
.hm-step::after{content:"";position:absolute;left:-25px;top:12px;width:5px;height:5px;
  border-radius:50%;background:var(--gold-deep)}
.hm-step b{display:block;font-family:var(--body);font-weight:700;font-size:1rem;color:var(--ink)}
.hm-step p{font-size:.96rem;line-height:1.68;color:var(--ink-2);margin:3px 0 0}
.hm-tail{margin-top:24px;padding-top:18px;border-top:1px dashed rgba(16,28,46,.18);
  font-size:.95rem;color:var(--ink-2)}

.hm-duty .lrow{flex-direction:column;align-items:stretch;gap:9px;padding:20px 21px}
.hm-duty .lrow .k{flex:none;width:auto;padding-top:0;
  font-family:var(--body);font-size:1rem;font-weight:700;
  letter-spacing:.005em;text-transform:none;color:var(--gold);line-height:1.45}
.hm-duty .lrow .v{flex:none;max-width:none;text-align:start;
  font-weight:400;font-size:.94rem;color:var(--on-night-dim);line-height:1.78}

.hm-chan .doc{max-width:520px;margin-inline:auto}
.hm-chan .doc .wm{opacity:.16}
.hm-chan .vurl{color:var(--gold-pap);border-bottom-color:rgba(138,94,18,.5);
  font-size:clamp(1.35rem,5.4vw,2.1rem);letter-spacing:.01em}

.hm-chan .ch-item + .ch-item{margin-top:16px;padding-top:16px;
  border-top:1px dashed var(--line)}
.hm-chan .ch-item h3{font-family:var(--body);font-weight:700;font-size:1.02rem;
  color:var(--ink);margin:0 0 5px}
.hm-chan .ch-item p{font-size:.93rem;line-height:1.7;color:var(--ink-2);margin:0}

@media(min-width:620px){
  .hm-chan .ch-item:first-child h3,
  .hm-chan .ch-item:first-child p{padding-right:132px}
}

@media(max-width:619px){ .hm-chan .doc-in{padding-bottom:104px} }

.hm-note{position:relative;background:var(--card);border:1px solid var(--line);
  border-left:3px solid var(--gold-deep);border-radius:var(--radius);
  padding:22px 24px;margin-top:24px}
.hm-note p{font-size:1rem;line-height:1.72}
.hm-note .regmark{position:absolute;width:13px;height:13px;color:var(--gold-deep);opacity:.4}
.hm-note .regmark.br{bottom:9px;right:9px}

.hm-duty .ledger{border-color:rgba(232,176,75,.22);border-left:3px solid var(--gold-deep)}

.hm-nobtn footer{padding-bottom:56px}

.partnerband .eyebrow{margin-bottom:10px}