:root{
  --hoc-ink:#070707;
  --hoc-ink-2:#0f0f0f;
  --hoc-paper:#f2eadb;
  --hoc-gold:#c8a76a;
  --hoc-gold-2:#e2cb9c;
  --hoc-muted:#b7ae9e;
  --hoc-line:rgba(226,203,156,.24);
  --hoc-max:1440px;
  --hoc-radius:24px;
  --hoc-shadow:0 28px 80px rgba(0,0,0,.35);
  --hoc-violet:#7a4dff;
  --hoc-cyan:#19d4ff;
  --hoc-teal:#17d7c3;
  --hoc-quantum-line:linear-gradient(90deg,var(--hoc-gold),var(--hoc-violet),var(--hoc-cyan));
}
.hoc-page{background:var(--hoc-ink);color:var(--hoc-paper);overflow:clip}
.hoc-shell{width:min(calc(100% - 40px),var(--hoc-max));margin-inline:auto}
.hoc-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hoc-section{position:relative;padding:clamp(72px,8vw,132px) 0}
.hoc-kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;color:var(--hoc-gold-2)}
.hoc-title{margin:0;max-width:1050px;font-size:clamp(2.6rem,7vw,7.25rem);line-height:.88;letter-spacing:-.045em;font-weight:500;text-wrap:balance}
.hoc-display{font-size:clamp(2.15rem,5vw,5.6rem);line-height:.96;letter-spacing:-.035em;text-wrap:balance}
.hoc-copy{max-width:760px;color:var(--hoc-muted);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75}
.hoc-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:52px;padding:0 24px;border:1px solid var(--hoc-gold);border-radius:999px;text-decoration:none;color:#090909;background:var(--hoc-gold-2);font-weight:700;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.hoc-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(200,167,106,.18)}
.hoc-button--ghost{background:transparent;color:var(--hoc-paper);border-color:var(--hoc-line)}
.hoc-button--ghost:hover{background:rgba(255,255,255,.05)}
.hoc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hoc-grid{display:grid;gap:18px}
.hoc-card{border:1px solid var(--hoc-line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-radius:var(--hoc-radius);box-shadow:var(--hoc-shadow)}
.hoc-card__inner{padding:clamp(22px,3vw,38px)}
.hoc-divider{height:1px;background:linear-gradient(90deg,transparent,var(--hoc-line),transparent)}

.hoc-hero{position:relative;min-height:min(920px,94svh);display:grid;align-items:end;padding:clamp(84px,12vw,150px) 0 70px;isolation:isolate}
.hoc-hero__media{position:absolute;inset:0;z-index:-2;background:#050505}
.hoc-hero__media video,.hoc-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}
.hoc-hero__media [data-hoc-video]{position:absolute;inset:0}
.hoc-hero__poster{z-index:0}.hoc-hero__video{z-index:1}
.hoc-hero__veil{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.42) 45%,#070707 96%),
  radial-gradient(circle at 65% 30%,rgba(200,167,106,.2),transparent 44%)}
.hoc-hero__content{max-width:1100px}
.hoc-hero__lede{max-width:760px;margin:26px 0 0;color:#e0d8c8;font-size:clamp(1.08rem,1.55vw,1.35rem);line-height:1.65}

.hoc-trust{padding:26px 0;border-block:1px solid var(--hoc-line);background:#0a0a0a}
.hoc-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.hoc-trust__item{padding:10px 24px;border-right:1px solid var(--hoc-line)}
.hoc-trust__item:last-child{border-right:0}
.hoc-trust__label{display:block;color:var(--hoc-gold-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em}
.hoc-trust__value{display:block;margin-top:7px;font-size:.95rem;color:#ddd3c1}

.hoc-foundations__intro{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;margin-bottom:42px}
.hoc-foundations__grid{grid-template-columns:repeat(3,1fr)}
.hoc-foundation{min-height:210px;display:flex;flex-direction:column;justify-content:space-between}
.hoc-foundation__index{font-variant-numeric:tabular-nums;color:var(--hoc-gold);font-size:.78rem;letter-spacing:.18em}
.hoc-foundation h3{margin:34px 0 0;font-size:clamp(1.15rem,1.8vw,1.65rem);font-weight:500}
.hoc-foundation p{margin:14px 0 0;color:var(--hoc-muted);line-height:1.65;font-size:.94rem}

.hoc-volume-grid{grid-template-columns:repeat(3,1fr)}
.hoc-volume{position:relative;min-height:420px;overflow:hidden}
.hoc-volume:before{content:"";position:absolute;inset:auto -20% -55% 20%;height:90%;background:radial-gradient(circle,rgba(200,167,106,.13),transparent 66%)}
.hoc-volume__eyebrow{color:var(--hoc-gold-2);letter-spacing:.17em;text-transform:uppercase;font-size:.72rem}
.hoc-volume h3{margin:18px 0 12px;font-size:clamp(2rem,3vw,3rem);font-weight:500}
.hoc-volume p{color:var(--hoc-muted);line-height:1.7}
.hoc-volume a{position:absolute;left:30px;bottom:30px;color:var(--hoc-paper);text-decoration:none;border-bottom:1px solid var(--hoc-gold)}

.hoc-library__head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:34px}
.hoc-filterbar{display:flex;gap:8px;flex-wrap:wrap}
.hoc-filter{appearance:none;border:1px solid var(--hoc-line);background:transparent;color:var(--hoc-paper);padding:10px 15px;border-radius:999px;cursor:pointer}
.hoc-filter[aria-pressed="true"]{background:var(--hoc-gold-2);color:#111;border-color:var(--hoc-gold-2)}
.hoc-letter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}