/* Option C, Poster.
   Deliberately louder than the design system: a gradient hero, the yellow
   blob and sticker cutouts from the founders brand image, Archivo Black
   outside social, full-saturation fields and movement. Kept from the system:
   ink (never paper) on gold and purple, pills, the palette itself, and all
   motion stops under prefers-reduced-motion. */
.c{overflow-x:hidden}
.c h2{font-size:clamp(40px,6.4vw,104px);line-height:1;letter-spacing:-.015em}
.c .label{color:var(--plentiful-ink)}
.slab{display:inline-block;background:var(--plentiful-ink);color:var(--plentiful-gold);font-style:italic;padding:.02em .18em .08em;margin-left:-.06em;border-radius:.12em;transform:rotate(-2deg)}
.slab--gold{background:var(--plentiful-gold);color:var(--plentiful-ink)}
.slab--ink{background:var(--plentiful-ink);color:var(--plentiful-gold)}
.strike{text-decoration:line-through;text-decoration-color:var(--plentiful-purple);text-decoration-thickness:.09em}

/* ---- Hero ------------------------------------------------------------------ */
.home .site-head{background:var(--plentiful-gold);border-bottom:0}
.c-hero{background:linear-gradient(180deg,#ffcf5a 0%,#f6b89a 46%,#d48fd6 74%,#b564f7 100%)}
.c .brand__word{background-image:linear-gradient(var(--plentiful-ink),var(--plentiful-ink));background-size:100% .08em;background-position:0 1em}
.c-hero{position:relative;overflow:hidden}
.c-hero__grid{position:relative;z-index:3;display:grid;gap:var(--space-6) 0;align-items:end}
.c-hero__in{padding-top:var(--space-6)}
.c-hero h1{font-size:clamp(46px,11vw,84px);line-height:.96;letter-spacing:-.02em}
.c-hero__lede{font-size:clamp(17px,1.4vw,21px);line-height:1.45;font-weight:500;max-width:24em;margin:var(--space-5) 0 var(--space-5)}
.c-hdoors{display:grid;gap:12px;max-width:760px}
@media (min-width:640px){.c-hdoors{grid-template-columns:1fr 1fr}}
.c-hdoor{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;border-radius:20px;text-decoration:none;min-height:190px;transition:transform var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}
.c-hdoor:hover{transform:translateY(-3px)}
.c-hdoor__n{font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.c-hdoor__t{font-family:var(--font-display);font-size:clamp(26px,2.2vw,34px);line-height:1.04;letter-spacing:-.012em;margin-top:auto}
.c-hdoor__b{font-size:13px;line-height:1.45;opacity:.8}
.c-hdoor__go{display:inline-flex;gap:8px;align-items:baseline;margin-top:6px;font-weight:500;font-size:14px}
.c-hdoor__go span{display:inline-block;transition:transform var(--duration-base) var(--ease-standard)}
.c-hdoor:hover .c-hdoor__go span{transform:translateX(5px)}
.c-hdoor--me .c-hdoor__go{box-shadow:inset 0 -1.5px 0 var(--plentiful-gold);align-self:flex-start}
.c-hdoor--co .c-hdoor__go{color:var(--plentiful-gold)}
.c-hdoor__arr{position:absolute;right:20px;bottom:16px;font-family:var(--font-display);font-size:40px;line-height:1;transition:transform var(--duration-base) var(--ease-standard)}
.c-hdoor:hover .c-hdoor__arr{transform:translateX(6px)}
.c-hdoor--me{background:var(--plentiful-paper);color:var(--plentiful-ink)}
.c-hdoor--me:hover{background:#fff;color:var(--plentiful-ink)}
.c-hdoor--co{background:var(--plentiful-ink);color:var(--plentiful-paper)}
.c-hdoor--co:hover{background:var(--plentiful-aubergine);color:var(--plentiful-paper)}
.c-hdoor--co .c-hdoor__n{color:var(--plentiful-gold)}
/* The photo is a grid cell, so it can never sit under the text. */
.c-hero__figure{position:relative;width:92vw;max-width:640px;margin:var(--space-6) -22px 0 auto;justify-self:end}
.c-hero__note{position:absolute;left:10%;top:-30px;margin:0;color:var(--plentiful-ink);transform:rotate(-5deg);font-size:22px;white-space:nowrap}
.c-hero__photo{display:block;width:100%;max-width:none}
.c-blob{position:absolute;right:0;bottom:0;width:100%;height:64vw;fill:#ffd83a;z-index:1}
.c-stamp{position:absolute;z-index:4;left:16px;bottom:10px;width:104px;height:104px;display:grid;place-items:center;text-decoration:none;color:var(--plentiful-gold);transform:rotate(-8deg)}
.c-stamp svg{position:absolute;inset:0;width:100%;height:100%;animation:c-spin 22s linear infinite}
.c-stamp circle{fill:var(--plentiful-ink)}
.c-stamp text{font-family:var(--font-text);font-weight:600;font-size:15.5px;letter-spacing:.14em;text-transform:uppercase;fill:var(--plentiful-gold)}
.c-stamp span{position:relative;font-family:var(--font-display);font-style:italic;font-size:26px;line-height:.9;text-align:center;color:var(--plentiful-paper)}
.c-stamp:hover circle{fill:var(--plentiful-purple-deepest)}
@keyframes c-spin{to{transform:rotate(360deg)}}
@media (min-width:760px){.c-hero__figure{margin-right:-48px}}
@media (min-width:980px){
  .c-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--space-5);min-height:min(84vh,860px);align-items:start}
  .c-hero__in{padding:var(--space-7) 0 var(--space-8)}
  .c-hero h1{font-size:clamp(56px,6vw,104px);max-width:9.2em}
  .c-hero__lede{margin-bottom:var(--space-6)}
  .c-hdoors{max-width:720px}
  .c-hero__figure{width:100%;max-width:none;margin:0 -48px 0 0;align-self:end}
  .c-hero__note{left:6%;top:-6px;font-size:28px}
  .c-blob{width:58%;height:100%}
  .c-stamp{left:auto;right:4vw;top:8%;bottom:auto;width:150px;height:150px}
  .c-stamp span{font-size:34px}
}
@media (min-width:1100px){.c-hero__figure{margin-right:-96px}.c-stamp{width:164px;height:164px}.c-stamp span{font-size:38px}}
@media (min-width:1500px){.c-hero__figure{margin-right:-96px}}

/* ---- Resources ---------------------------------------------------------------- */
.c-res{background:var(--plentiful-paper);padding:var(--space-9) 0;border-top:1px solid var(--rule-hairline)}
@media (min-width:1100px){.c-res{padding:var(--space-10) 0}}
.c-res__head{display:grid;gap:var(--space-5);align-items:end;margin-bottom:var(--space-7)}
@media (min-width:980px){.c-res__head{grid-template-columns:7fr 5fr;gap:var(--space-8)}}
.c-res__lede{font-size:var(--size-lede);line-height:1.5;color:var(--plentiful-ink-70);margin:0;max-width:26em}
.c-res__grid{display:grid;gap:var(--space-4)}
@media (min-width:700px){.c-res__grid{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.c-res__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}}
.c-rcard{display:flex;flex-direction:column;gap:10px;min-height:300px;padding:var(--space-5);border-radius:22px;background:var(--plentiful-white);border:1.5px solid var(--plentiful-ink);text-decoration:none;color:var(--plentiful-ink);transition:transform var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}
.c-rcard:hover{transform:translateY(-4px);background:var(--plentiful-gold-tint);color:var(--plentiful-ink)}
.c-rcard--co{background:var(--plentiful-purple-tint)}
.c-rcard--co:hover{background:var(--plentiful-purple)}
.c-rcard__k{font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--plentiful-purple-deep)}
.c-rcard__t{font-family:var(--font-display);font-size:clamp(28px,2.2vw,34px);line-height:1.02;letter-spacing:-.01em}
.c-rcard__b{font-size:15px;line-height:1.5;color:var(--plentiful-ink-70)}
.c-rcard__go{margin-top:auto;padding-top:var(--space-4);font-weight:500}
.c-rcard__go span{display:inline-block;transition:transform var(--duration-base) var(--ease-standard)}
.c-rcard:hover .c-rcard__go span{transform:translateX(4px)}

.c-res__route{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding:14px 0;margin:var(--space-6) 0 var(--space-4);border-top:2px solid var(--plentiful-ink);font-family:var(--font-display);font-size:clamp(26px,2.4vw,36px);line-height:1}
.c-res__route:first-of-type{margin-top:0}
.c-res__n{font-family:var(--font-poster);font-size:16px;letter-spacing:.06em;color:var(--plentiful-purple-deep)}
.c-res__route a{margin-left:auto;font-family:var(--font-text);font-size:15px;font-weight:500;text-decoration:none;box-shadow:inset 0 -1.5px 0 var(--plentiful-gold)}
.c-res__route a:hover{box-shadow:inset 0 -1.5px 0 var(--plentiful-purple)}
.c-res__route--co .c-res__n{color:var(--plentiful-ink)}
.c-rcard--wide{min-height:0;flex-direction:column}
@media (min-width:900px){.c-rcard--wide{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"k k k" "t b go";align-items:end;gap:10px var(--space-7)}.c-rcard--wide .c-rcard__k{grid-area:k}.c-rcard--wide .c-rcard__t{grid-area:t;font-size:clamp(34px,3.2vw,48px)}.c-rcard--wide .c-rcard__b{grid-area:b;max-width:34em}.c-rcard--wide .c-rcard__go{grid-area:go;padding-top:0;white-space:nowrap}}

/* ---- Ticker ------------------------------------------------------------------ */
.c-ticker{background:var(--plentiful-ink);color:var(--plentiful-paper);overflow:hidden;padding:18px 0;white-space:nowrap}
.c-ticker__run{display:inline-flex;align-items:baseline;gap:28px;animation:c-run 70s linear infinite;padding-left:28px}
.c-ticker span{font-family:var(--font-poster);text-transform:uppercase;font-size:clamp(22px,2.6vw,38px);letter-spacing:-.02em;color:var(--plentiful-gold)}
.c-ticker i{font-family:var(--font-display);font-size:clamp(24px,2.8vw,42px);color:var(--plentiful-paper)}
@keyframes c-run{to{transform:translateX(-50%)}}

/* ---- Why ------------------------------------------------------------------------ */
.c-why{background:var(--plentiful-aubergine);color:var(--plentiful-paper);padding:var(--space-9) 0}
@media (min-width:1100px){.c-why{padding:var(--space-10) 0 calc(var(--space-10) + 16px)}}
.c-why .label{color:var(--plentiful-gold)}
.c-why h2{max-width:13em}
.c-verbs{list-style:none;margin:var(--space-8) 0 0;padding:0}
.c-verbs li{display:grid;gap:6px var(--space-6);align-items:baseline;padding:var(--space-4) 0;border-top:1px solid rgba(250,247,242,.2)}
@media (min-width:900px){.c-verbs li{grid-template-columns:7fr 5fr}}
.c-verbs b{font-family:var(--font-poster);font-weight:400;text-transform:uppercase;font-size:clamp(44px,8.6vw,150px);line-height:.9;letter-spacing:-.04em}
.c-verbs li:nth-child(1) b{color:var(--plentiful-gold)}
.c-verbs li:nth-child(2) b{color:var(--plentiful-purple)}
.c-verbs li:nth-child(3) b{color:var(--plentiful-paper)}
.c-verbs span{font-size:var(--size-lede);line-height:1.5;color:rgba(250,247,242,.82);max-width:24em}

/* ---- Offers ----------------------------------------------------------------------- */
.c-offers{padding:var(--space-9) 0}
@media (min-width:1100px){.c-offers{padding:var(--space-10) 0}}
.c-offers__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:var(--space-7)}
.c-offers__head .hand{transform:rotate(-3deg);font-size:28px;margin:0;max-width:12em;line-height:1.2}
.c-tiles{display:grid;gap:var(--space-4)}
@media (min-width:900px){.c-tiles{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}
.c-tile{display:flex;flex-direction:column;min-height:460px;padding:var(--space-6);border-radius:28px;text-decoration:none;color:var(--plentiful-ink);transition:transform var(--duration-slow) var(--ease-standard)}
.c-tile:hover{transform:translateY(-8px) rotate(-1deg);color:var(--plentiful-ink)}
.c-tile:nth-child(2):hover{transform:translateY(-8px) rotate(1deg)}
.c-tile__big{font-family:var(--font-poster);text-transform:uppercase;font-size:clamp(64px,7vw,112px);line-height:.9;letter-spacing:-.05em;margin-bottom:auto}
.c-tile__name{font-family:var(--font-display);font-size:clamp(32px,2.8vw,44px);line-height:1.02;margin:var(--space-7) 0 var(--space-3)}
.c-tile__body{font-size:16px;line-height:1.55}
.c-tile__meta{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1.5px solid currentColor;font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;display:flex;justify-content:space-between}
.c-tile--gold{background:var(--plentiful-gold)}
.c-tile--purple{background:var(--plentiful-purple)}
.c-tile--ink{background:var(--plentiful-ink);color:var(--plentiful-paper)}
.c-tile--ink:hover{color:var(--plentiful-paper)}
.c-tile--ink .c-tile__big{color:var(--plentiful-gold)}

/* ---- Companies ---------------------------------------------------------------------- */
.c-co{background:var(--plentiful-purple);padding:var(--space-9) 0}
@media (min-width:1100px){.c-co{padding:var(--space-10) 0}}
.c-co__in{display:grid;gap:var(--space-7);align-items:end}
@media (min-width:1100px){.c-co__in{grid-template-columns:8fr 4fr;gap:var(--space-8)}}
.c-co__side p{font-size:var(--size-lede);line-height:1.5;font-weight:500}
.c-co .btn--outline{border-color:var(--plentiful-ink)}

/* ---- Both paths come together -------------------------------------------- */
.c-together{background:var(--plentiful-sand);padding:var(--space-9) 0}
@media (min-width:1100px){.c-together{padding:var(--space-10) 0}}
.c-together__head{margin-bottom:var(--space-7)}
.c-together__cols{display:grid;gap:var(--space-6);border-top:2px solid var(--plentiful-ink)}
@media (min-width:820px){.c-together__cols{grid-template-columns:repeat(3,1fr);gap:var(--space-7)}}
.c-together__cols>div{padding-top:var(--space-5)}
.c-together h3{font-family:var(--font-poster);font-weight:400;text-transform:uppercase;font-size:clamp(22px,2vw,30px);letter-spacing:-.02em;margin-bottom:var(--space-4)}
.c-together ul{list-style:none;margin:0;padding:0}
.c-together li{border-bottom:1px solid var(--rule-hairline);font-family:var(--font-display);font-size:clamp(24px,2.2vw,32px);line-height:1.1}
.c-together li a,.c-together li .soon{display:block;padding:12px 0;text-decoration:none;color:var(--plentiful-ink)}
.c-together li a:hover{color:var(--plentiful-purple-deep)}
.c-together .soon{color:var(--plentiful-ink-30)}
.c-together .soon::after{content:"soon";font-family:var(--font-text);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-left:12px;vertical-align:middle;color:var(--plentiful-ink-50)}

/* ---- Us -------------------------------------------------------------------------------- */
.c-us{padding:var(--space-9) 0}
@media (min-width:1100px){.c-us{padding:var(--space-10) 0}}
.c-us__in{display:grid;gap:var(--space-8);align-items:center}
@media (min-width:980px){.c-us__in{grid-template-columns:6fr 6fr;gap:var(--space-9)}}
.c-us h2{font-size:clamp(40px,5vw,84px);margin-bottom:var(--space-5)}
.c-us__pics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:end}
.c-pic{margin:0;position:relative}
.c-pic img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;mix-blend-mode:multiply;border-radius:46% 54% 18px 18px / 40% 44% 18px 18px}
.c-pic::before{content:"";position:absolute;inset:0;border-radius:46% 54% 18px 18px / 40% 44% 18px 18px;z-index:-1}
.c-pic--d{transform:rotate(-3deg)}
.c-pic--l{transform:rotate(2.5deg) translateY(28px)}
.c-pic--d::before{background:var(--plentiful-gold)}
.c-pic--l::before{background:var(--plentiful-purple)}
.c-pic figcaption{position:absolute;left:12px;bottom:-40px;font-size:30px;color:var(--plentiful-ink)}

/* ---- Subscribe --------------------------------------------------------------------------- */
.c-sub{background:var(--plentiful-gold);padding:var(--space-9) 0}
@media (min-width:1100px){.c-sub{padding:var(--space-10) 0}}
.c-sub h2{font-size:clamp(44px,8vw,136px)}
.c-sub__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-top:var(--space-7);font-weight:500}

@media (prefers-reduced-motion:reduce){
  .c-stamp svg,.c-ticker__run{animation:none}
  .c-tile:hover,.c-hdoor:hover,.c-rcard:hover{transform:none}
}