*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
:is(h1,h2,h3,p,figure){margin:0}
:is(ul,ol){margin:0;padding:0;list-style:none}
:is(input,select,textarea,button){font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}

:root{
  --ink:#1B1A17;
  --paper:#F7F3E8;
  --mute:#6B6659;
  --stroke:#1B1A17;
  --accent:#0F5C63;
  --on-accent:#F7F3E8;
  --type-display:clamp(1.9rem,4.6vw,3.1rem);
  --type-title:1.22rem;
  --type-copy:1rem;
  --type-tiny:.66rem;
  --space:clamp(16px,2.4vw,28px);
  --inset:clamp(14px,3vw,34px);
  --outer:clamp(10px,2.2vw,26px);
  --col:46ch;
}

body{
  background:var(--paper);
  color:var(--ink);
  font-family:"Sora",Helvetica,Arial,sans-serif;
  font-weight:300;
  font-size:var(--type-copy);
  line-height:1.68;
  padding:var(--outer);
  -webkit-font-smoothing:antialiased;
}
:is(h1,h2){font-weight:600;line-height:1.16;letter-spacing:-.015em}
h1{font-size:var(--type-display);max-width:20ch}
h2{font-size:var(--type-title)}
:is(strong,b){font-weight:600}

.arc-mast{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 20px;
  margin-bottom:var(--space);
  padding:12px var(--inset);
  border:2px solid var(--stroke);
}
.arc-logo{
  margin-right:auto;
  font-weight:600;
  font-size:1.02rem;
  letter-spacing:-.01em;
  text-decoration:none;
}
.arc-logo:hover{border-bottom:2px solid var(--accent)}
.arc-switch{
  display:none;
  padding:4px 11px;
  border:2px solid var(--stroke);
  font-size:var(--type-tiny);
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.arc-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  width:100%;
}
.arc-links a{font-size:.87rem;font-weight:600;text-decoration:none}
.arc-links a:hover{border-bottom:2px solid var(--accent)}
.arc-links a[aria-current="page"]{padding:2px 8px;background:var(--accent);color:var(--on-accent)}
html.arc-live .arc-switch{display:block}
html.arc-live .arc-links{display:none}
html.arc-live .arc-links-on{display:flex;flex-direction:column;gap:12px}
@media (min-width:900px){
  .arc-links{width:auto;flex-wrap:nowrap}
  html.arc-live .arc-links{display:flex;flex-direction:row}
  html.arc-live .arc-switch{display:none}
}

.arc-shell{padding:var(--inset);border:2px solid var(--stroke)}
.arc-head{padding-block:clamp(30px,4vw,58px)}
.arc-intro{max-width:var(--col);margin-top:16px;color:var(--mute)}
.arc-href{font-weight:600;text-decoration:none;border-bottom:2px solid var(--accent);transition:border-color .18s}
.arc-href:hover{border-bottom-color:var(--ink)}

.arc-pack{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:var(--space);
  margin-top:clamp(26px,3.4vw,44px);
}
.arc-box{flex:1 1 100%;min-width:0;padding:var(--inset);border:2px solid var(--stroke)}
@media (min-width:1000px){
  .arc-box-wide{flex:0 0 640px}
  .arc-box-mid{flex:0 0 420px}
  .arc-box-slim{flex:0 0 300px}
}
.arc-code{font-weight:600;font-size:.78rem;letter-spacing:.12em}
.arc-shell h1 .arc-code{display:block;margin-top:10px;color:var(--mute)}
.arc-loc{display:block;margin-top:2px;font-size:.82rem;color:var(--mute)}
.arc-box h2{margin-top:12px}
.arc-blurb{max-width:34ch;margin-top:12px;font-weight:300;color:var(--mute)}
.arc-flag{
  display:inline-block;
  margin-top:22px;
  padding:3px 9px;
  background:var(--accent);
  color:var(--on-accent);
  font-size:var(--type-tiny);
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.arc-para{max-width:var(--col);margin-top:8px}
.arc-alert{max-width:var(--col);margin-top:22px;padding:12px 14px;border:2px solid var(--stroke)}
.arc-meta{margin-top:18px;font-size:.78rem;color:var(--mute)}
.arc-media{margin-top:20px}
.arc-crop{overflow:hidden;aspect-ratio:1/1;background:var(--paper)}
.arc-crop img{width:100%;height:100%;object-fit:cover}
.arc-media figcaption{margin-top:7px;font-size:.78rem;color:var(--mute)}
.arc-wide{overflow:hidden;aspect-ratio:8/5;background:var(--paper);border:2px solid var(--stroke)}
.arc-wide img{width:100%;height:100%;object-fit:cover}
.arc-wide-note{margin-top:8px;font-size:.78rem;color:var(--mute)}

.arc-head--stage{padding-top:clamp(16px,2.2vw,28px)}
.arc-stage{
  display:grid;
  grid-template-columns:1fr;
  margin:0;
  overflow:hidden;
  background:#101c18;
  border:2px solid var(--stroke);
}
.arc-stage-copy{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:14px;
  padding:clamp(22px,4vw,48px);
  color:var(--paper);
  background:
    radial-gradient(90% 80% at 0% 100%, rgba(122,24,36,.3), transparent 58%),
    linear-gradient(165deg,#163028 0%,#0d1915 74%);
}
.arc-stage-copy h1{
  color:var(--paper);
  max-width:14ch;
  font-size:clamp(1.7rem,3.5vw,2.75rem);
}
.arc-stage-copy h1 .arc-code{color:rgba(247,243,232,.55);margin-top:8px}
.arc-stage-mark{
  font-size:var(--type-tiny);
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#d4b56a;
}
.arc-stage-lede{
  max-width:38ch;
  color:rgba(247,243,232,.78);
}
.arc-stage-coin{
  position:relative;
  display:grid;
  place-items:center;
  min-height:280px;
  padding:clamp(18px,3.4vw,40px);
  order:-1;
  background:
    radial-gradient(circle at 50% 42%, rgba(212,181,106,.16), transparent 46%),
    #0d1915;
}
.arc-stage-coin img{
  width:min(100%, 26rem);
  height:auto;
  aspect-ratio:1;
  object-fit:cover;
  object-position:50% 42%;
  border-radius:50%;
  border:2px solid rgba(212,181,106,.6);
  box-shadow:0 22px 44px rgba(0,0,0,.45);
}
.arc-head--stage .arc-intro,
.arc-head--stage .arc-para{margin-top:20px}
@media (min-width:860px){
  .arc-stage{
    grid-template-columns:minmax(18rem,1.08fr) minmax(16rem,.92fr);
    min-height:min(70vw, 540px);
  }
  .arc-stage-coin{min-height:unset;order:0}
}

.arc-callout{
  max-width:74ch;
  margin-top:clamp(30px,4vw,54px);
  padding:var(--inset);
  border:2px solid var(--stroke);
  color:var(--mute);
  font-size:.94rem;
}
.arc-article p{max-width:var(--col);margin-top:16px}
.arc-article p:first-child{margin-top:0}

.arc-intake{display:flex;flex-direction:column;gap:18px;max-width:32rem;margin-top:24px}
.arc-intake label{display:block;margin-bottom:6px;font-size:var(--type-tiny);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.arc-intake :is(input,select,textarea){width:100%;padding:10px 12px;background:var(--paper);border:2px solid var(--stroke)}
.arc-intake-ok{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:10px}
.arc-intake-ok label{width:100%;margin-bottom:0}
.arc-intake-ok input{width:auto;flex:0 0 auto;margin-top:5px}
.arc-intake-ok span{flex:1 1 12rem;min-width:0;font-size:.9rem;color:var(--mute)}
.arc-submit{
  align-self:flex-start;
  padding:11px 24px;
  background:var(--accent);
  color:var(--on-accent);
  border:2px solid var(--stroke);
  font-size:var(--type-tiny);
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.arc-submit:hover{background:var(--ink)}

.arc-tail{margin-top:var(--space);padding:var(--inset);border:2px solid var(--stroke)}
.arc-table{display:flex;flex-direction:column}
.arc-pair{display:flex;flex-direction:column;gap:2px;padding:11px 0;border-bottom:2px solid var(--stroke)}
.arc-pair:last-child{border-bottom:0}
.arc-k{font-size:var(--type-tiny);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.arc-v{max-width:56ch}
.arc-v a{font-weight:600;text-decoration:none}
@media (min-width:700px){
  .arc-pair{flex-direction:row;gap:24px}
  .arc-k{flex:0 0 11rem}
  .arc-v{flex:1 1 auto;min-width:0}
}

:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}