*,*::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}
h1,h2,h3,h4,p,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
input,select,textarea,button{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}
:root{
  --sand:#FFF8EF;
  --paper:#FFFFFF;
  --ink:#1C1916;
  --calm:#534C44;
  --marine:#2554F2;
  --rust:#F03A22;
  --sun:#FFB020;
  --ice:#0EA5D8;
  --line:rgba(28,25,22,.12);
  --ask:clamp(1.6rem,3.6vw,3rem);
  --title:clamp(2.2rem,5.4vw,4.2rem);
  --name:clamp(1.4rem,2.4vw,2rem);
  --body:1.08rem;
  --tiny:.7rem;
  --gutter:clamp(20px,5vw,68px);
  --rest:clamp(50px,7vw,108px);
  --frame:1200px;
}
body{
  background-color:var(--sand);
  background-image:
    radial-gradient(1100px 520px at 88% -8%, rgba(255,176,32,.28), transparent 58%),
    radial-gradient(820px 420px at -6% 0%, rgba(37,84,242,.12), transparent 52%),
    radial-gradient(700px 380px at 50% 100%, rgba(240,58,34,.07), transparent 60%);
  color:var(--ink);
  font-family:"Commissioner",Helvetica,Arial,sans-serif;
  font-size:var(--body);
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"Gilda Display",Georgia,"Times New Roman",serif;font-weight:400;line-height:1.14}
h1{font-size:var(--title)}
h2{font-size:var(--name)}
.u-hold{width:100%;max-width:var(--frame);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.u-rest{padding-top:var(--rest);padding-bottom:var(--rest)}
.c-entry{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);padding-top:var(--rest)}
@media (min-width:1000px){.c-entry{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 60px}}
.c-count{font-size:var(--tiny);letter-spacing:.3em;text-transform:uppercase;color:var(--marine)}
.c-ask{margin-top:14px;font-family:"Gilda Display",Georgia,serif;font-size:var(--ask);line-height:1.22;max-width:22ch}
.c-reply h2{margin-top:2px}
.c-spot{margin-top:10px;font-size:var(--tiny);letter-spacing:.26em;text-transform:uppercase;color:var(--calm)}
.c-reply p{margin-top:20px;max-width:58ch}
.c-cue{font-style:italic;color:var(--marine)}
.c-foot-line{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);max-width:58ch}
.c-foot-line .c-cue{color:var(--rust)}
.c-stamp{margin-top:16px;font-size:var(--tiny);letter-spacing:.26em;text-transform:uppercase;color:var(--calm)}
.c-shot{margin-top:30px;overflow:hidden;aspect-ratio:5/3;background:var(--paper);box-shadow:0 12px 32px rgba(37,84,242,.08)}
.c-shot img{width:100%;height:100%;object-fit:cover}
.c-shot-line{margin-top:10px;font-size:var(--tiny);color:var(--calm);max-width:58ch}
.c-hero{margin-top:36px;overflow:hidden;aspect-ratio:11/6;background:var(--paper);box-shadow:0 18px 40px rgba(37,84,242,.1)}
.c-hero img{width:100%;height:100%;object-fit:cover}
.c-hero--mark{margin:0;width:min(280px,72vw);aspect-ratio:auto;overflow:visible;background:transparent;box-shadow:none}
.c-hero--mark img{width:100%;height:auto;object-fit:contain;display:block;box-shadow:0 0 0 1px rgba(200,137,58,.45),0 20px 44px rgba(11,42,31,.22)}
.c-hero-line{margin-top:10px;font-size:var(--tiny);color:var(--calm)}
.c-hero--mark .c-hero-line{margin-top:12px;text-align:center;letter-spacing:.08em}
.c-open{padding-top:var(--rest)}
.c-open h1{max-width:17ch}
.c-lede{margin-top:22px;font-size:1.2rem;color:var(--calm);max-width:52ch}
.c-open--split{display:grid;gap:28px;align-items:center;grid-template-columns:minmax(0,1fr)}
.c-open--split .c-hero--mark{justify-self:center}
.c-open--split .c-lede{max-width:46ch}
@media (min-width:880px){
  .c-open--split{grid-template-columns:minmax(0,1fr) 280px;gap:40px 64px;align-items:center}
  .c-open--split .c-hero--mark{justify-self:end}
  .c-open--split h1{max-width:14ch}
}
.c-questions{margin-top:var(--rest)}
.c-questions li{border-top:1px solid var(--line)}
.c-questions a{display:grid;gap:8px 34px;grid-template-columns:minmax(0,1fr);padding-top:26px;padding-bottom:26px;text-decoration:none}
@media (min-width:820px){.c-questions a{grid-template-columns:4rem minmax(0,1fr)}}
.c-questions em{font-style:normal;font-size:var(--tiny);letter-spacing:.28em;text-transform:uppercase;color:var(--marine)}
.c-questions span{font-family:"Gilda Display",Georgia,serif;font-size:clamp(1.35rem,2.8vw,2.1rem);line-height:1.24}
.c-aside{margin-top:var(--rest);font-size:.96rem;color:var(--calm);max-width:58ch}
.c-tail{margin-top:var(--rest);padding-top:22px;border-top:1px solid var(--line);font-size:.95rem;color:var(--calm);max-width:72ch}
.c-tie{text-decoration:none;border-bottom:1px solid var(--marine)}
.c-skip{display:block;padding:8px var(--gutter);font-size:var(--tiny)}
.c-crown{padding:20px var(--gutter);display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(255,176,32,.55)}
.c-brand{font-family:"Gilda Display",Georgia,serif;font-size:1.42rem;text-decoration:none;margin-right:auto}
.c-burger{display:none;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--marine)}
.c-nav{display:flex;flex-wrap:wrap;gap:10px 26px;width:100%}
.c-nav a{text-decoration:none;font-size:var(--tiny);letter-spacing:.24em;text-transform:uppercase}
.c-nav a:hover{color:var(--marine)}
.c-nav a[aria-current="page"]{color:var(--rust)}
.js-on .c-burger{display:block}
.js-on .c-nav{display:none}
.js-on .c-nav.is-open{display:flex;flex-direction:column;gap:14px}
@media (min-width:940px){
  .c-nav{width:auto;flex-wrap:nowrap}
  .js-on .c-nav{display:flex;flex-direction:row}
  .js-on .c-burger{display:none}
}
.c-base{margin-top:var(--rest);border-top:6px solid var(--marine);padding-top:34px;padding-bottom:var(--rest)}
.c-base p{max-width:56ch;color:var(--calm);font-size:.95rem}
.c-base nav{margin-top:22px;font-size:var(--tiny);letter-spacing:.24em;text-transform:uppercase;line-height:2.4}
.c-base nav a{text-decoration:none}
.c-base nav a:hover{color:var(--marine)}
.c-base small{display:block;margin-top:20px;font-size:var(--tiny);letter-spacing:.24em;text-transform:uppercase;color:var(--calm)}
.c-prose p{max-width:62ch;margin-top:16px}
:focus-visible{outline:2px solid var(--marine);outline-offset:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.c-questions a span{transition:color .2s ease}
.c-questions a:hover span{color:var(--marine)}
.c-brand:hover{color:var(--marine)}
.c-directory{margin-top:var(--rest)}
.c-directory h2{max-width:18ch}
.c-directory-grid{margin-top:28px;display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
@media (min-width:820px){.c-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}}
.c-pack{background:var(--paper);padding:22px 22px 10px;box-shadow:0 10px 28px rgba(37,84,242,.07)}
.c-pack h3{font-family:"Commissioner",Helvetica,Arial,sans-serif;font-size:var(--tiny);font-weight:500;letter-spacing:.28em;text-transform:uppercase;margin:0}
.c-pack h3 a{text-decoration:none}
.c-pack--capsule{box-shadow:inset 4px 0 0 var(--marine),0 10px 28px rgba(37,84,242,.07)}
.c-pack--capsule h3{color:var(--marine)}
.c-pack--art{box-shadow:inset 4px 0 0 var(--sun),0 10px 28px rgba(255,176,32,.14)}
.c-pack--art h3{color:#C48400}
.c-pack--ice{box-shadow:inset 4px 0 0 var(--ice),0 10px 28px rgba(14,165,216,.1)}
.c-pack--ice h3{color:var(--ice)}
.c-pack--casino{box-shadow:inset 4px 0 0 var(--rust),0 10px 28px rgba(240,58,34,.08)}
.c-pack--casino h3{color:var(--rust)}
.c-pack ul{margin-top:14px}
.c-pack li+li{border-top:1px solid var(--line)}
.c-pack li a{display:grid;gap:2px 14px;grid-template-columns:2.4rem minmax(0,1fr);align-items:start;padding:12px 0;text-decoration:none}
.c-pack li em{font-style:normal;font-size:var(--tiny);letter-spacing:.2em;color:var(--calm);padding-top:6px}
.c-pack li span{font-family:"Gilda Display",Georgia,serif;font-size:1.15rem;line-height:1.3}
.c-pack li small{display:block;grid-column:2;font-size:.82rem;color:var(--calm);letter-spacing:normal;text-transform:none}
.c-pack li a:hover span{color:var(--marine)}
.c-pack h3 a:hover{border-bottom:1px solid currentColor}
.c-base p+p{margin-top:16px}
.c-base nav a{margin-right:26px}
.c-base nav a:hover{color:var(--marine)}
.c-prose{padding-top:10px}
.c-prose h1{max-width:17ch}
.c-form{margin-top:26px;max-width:44ch}
.c-form p{margin-top:22px}
.c-form label{display:block;font-size:var(--tiny);letter-spacing:.24em;text-transform:uppercase;color:var(--calm)}
.c-form input[type="text"],.c-form input[type="email"],.c-form select,.c-form textarea{display:block;width:100%;margin-top:8px;padding:8px 0;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink)}
.c-form textarea{resize:vertical;line-height:1.6}
.c-form input[type="checkbox"]{width:auto;margin-right:8px}
.c-form input[type="checkbox"]+label{display:inline;text-transform:none;letter-spacing:normal;font-size:.95rem;color:var(--calm)}
.c-form button{margin-top:6px;padding:0;font-size:var(--tiny);letter-spacing:.28em;text-transform:uppercase;color:var(--marine);border-bottom:1px solid var(--marine)}
