/* THE DOOR'S TOKENS AND THE RULES ITS LIFTED SECTIONS USE. Distilled 25 Sep 2026 from the four stylesheets
   www.yellowdoor.club/events/cocktails links: every :root block, plus the .dcx-joinstrip-*, .dcx-sitefooter-* and .ydf-* rules,
   each @media block kept intact (the first distillation flattened them, and a desktop 212px indent reached every phone).
   Loaded BEFORE site.css so this site's own tokens win where the names collide. */
:root{--font-hand:"Caveat", "Segoe Script", cursive;--font-credit:"Archivo", "Helvetica Neue", Arial, sans-serif}
:root{--ink:#14130f;--ink-2:#2b2924;--ink-3:#5c5950;--ink-4:#908c80;--paper:#f2eee3;--paper-deep:#e5dece;--paper-pure:#fbfaf5;--paper-ink:#1b1a16;--signal:#da1f12;--cobalt:#1a33c4;--door:#f4be0b;--signal-deep:#b0160c;--cobalt-deep:#122593;--i8-ventures:#84be42;--i8-advisory:#36a9e1;--i8-labs:#f5bf42;--hair-1:color-mix(in srgb, var(--ink) 9%, transparent);--hair-2:color-mix(in srgb, var(--ink) 14%, transparent);--hair-3:color-mix(in srgb, var(--ink) 18%, transparent);--bg:var(--paper);--surface:var(--paper-pure);--surface-2:var(--paper-deep);--fg:var(--ink);--fg-2:var(--ink-2);--fg-muted:var(--ink-3);--fg-faint:var(--ink-4);--accent:var(--signal);--accent-2:var(--cobalt);--border:var(--ink);--link:var(--cobalt);--font-headline:var(--font-display);--mode-tilt:0deg;--mode-grain:.05}
:root{--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--s-11:192px;--s-12:256px;--page-margin:clamp(20px, 5vw, 96px);--max-width:1680px;--measure:62ch;--bar-h:64px}
:root{--font-display:"Prata", "Source Serif 4", "Times New Roman", Georgia, serif;--font-display-small:"Source Serif 4", Georgia, "Times New Roman", serif;--font-serif:"PT Serif", Georgia, "Times New Roman", serif;--font-ui:"Golos Text", system-ui, "Helvetica Neue", Arial, sans-serif;--font-mono:"PT Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-colossal:clamp(4.5rem, 16vw, 15rem);--fs-mega:clamp(3.25rem, 10vw, 9rem);--fs-giant:clamp(2.5rem, 7vw, 6rem);--fs-xl:clamp(1.9rem, 4.5vw, 3.75rem);--fs-lg:clamp(1.4rem, 3vw, 2.5rem);--fs-body:17px;--fs-small:15px;--fs-caption:13px;--fs-label:11px;--fw-display:400;--fw-inst:500;--fw-ui:600;--fw-bold:700;--lh-display:.92;--lh-tight:1.08;--lh-body:1.5;--tracking-display:-.035em;--tracking-tight:-.02em;--tracking-label:.14em;--tracking-wide:.22em}
:root{--bw-rule:2px;--bw-heavy:3px;--bw-slab:6px;--radius:0;--lift-sm:3px 3px 0 var(--fg);--lift-md:5px 5px 0 var(--fg);--lift-accent:5px 5px 0 var(--accent);--ease-inertia:cubic-bezier(.16, 1, .3, 1);--ease-snap:cubic-bezier(.7, 0, .2, 1);--dur-fast:.18s;--dur-mid:.42s;--dur-slow:.82s;--nudge:-2px}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-mid:1ms;--dur-slow:1ms}}
:root{--ink:#14130f;--ink-2:#2b2924;--ink-3:#5c5950;--ink-4:#65625a;--paper:#f2eee3;--paper-deep:#e5dece;--paper-pure:#fbfaf5;--paper-ink:#1b1a16;--signal:#da1f12;--signal-deep:#a4140a;--cobalt:#1e7fb8;--cobalt-deep:#16638f;--brand-blue:#36a9e1;--brand-green:#84be42;--door:#e3a81a;--door-deep:#c0870e;--rule:#14130f61;--rule-soft:#14130f29;--rule-faint:#14130f14;--grain:#14130f05;--w-paper:#efe5d1;--w-paper-deep:#e4d6bb;--w-paper-lift:#f7f0e1;--w-ground:#221a11;--w-ink:#2a2017;--w-ink-2:#4b3d2d;--w-ink-3:#6f5f49;--w-ink-4:#9c8b70;--w-fire:#f4be0b;--w-honey:#e0a21e;--w-ochre:#be7a2c;--w-ember:#b5462e;--w-rose:#c98e7c;--w-sage:#7e8c5a;--w-sage-deep:#586540;--w-wisteria:#9c86a9;--w-glow:#f4be0b29;--bg:var(--paper);--surface:var(--paper-pure);--surface-2:var(--paper-deep);--fg:var(--ink);--fg-2:var(--ink-2);--fg-muted:var(--ink-3);--fg-faint:var(--ink-4);--accent:var(--signal);--accent-2:var(--cobalt);--border:var(--rule);--hairline:var(--rule-soft);--link:var(--cobalt)}
:root{--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:clamp(32px, 4vw, 48px);--s-8:clamp(40px, 5vw, 64px);--s-9:clamp(56px, 7vw, 96px);--s-10:clamp(72px, 9vw, 128px);--s-11:clamp(96px, 13vw, 192px);--s-12:clamp(120px, 17vw, 256px);--gutter:24px;--margin:clamp(20px, 5vw, 96px);--col:minmax(0, 1fr);--maxw:1680px;--measure:62ch;--bw-hair:1px;--bw-rule:1px;--bw-heavy:2px;--bw-slab:3px;--radius:3px;--ease-inertia:cubic-bezier(.16, 1, .3, 1);--ease-snap:cubic-bezier(.7, 0, .2, 1);--dur-fast:.18s;--dur-mid:.42s;--dur-slow:.82s}
:root{--font-display:"Prata", "Source Serif 4", "Times New Roman", serif;--font-display-small:"Source Serif 4", Georgia, "Times New Roman", serif;--font-serif:"PT Serif", Georgia, "Times New Roman", serif;--font-grotesk:"Golos Text", "Helvetica Neue", Arial, sans-serif;--font-mono:"PT Mono", ui-monospace, "SF Mono", monospace;--t-colossal:clamp(3.5rem, 11vw, 10rem);--t-mega:clamp(2.75rem, 7.5vw, 6.5rem);--t-giant:clamp(2.25rem, 5.2vw, 4.5rem);--t-xl:clamp(1.85rem, 3.6vw, 3rem);--t-xxl:var(--t-giant);--t-lg:clamp(1.5rem, 2.4vw, 2.05rem);--t-md:1.375rem;--t-body:1.0625rem;--t-sm:.9375rem;--t-xs:.8125rem;--t-micro:.6875rem;--w-light:300;--w-reg:400;--w-med:500;--w-semi:600;--w-bold:700;--lh-base:1.5;--lh-tight:1.04;--lh-snug:1.05;--lh-text:1.5;--lh-loose:1.62;--track-mono:.14em;--track-label:.22em;--track-tight:-.01em;--track-display:-.015em}
@media (max-width:480px){:root{--margin:16px;--track-label:.14em}}
@media (min-width:1920px){:root{--margin:clamp(96px, 8vw, 220px)}}
:root{--signal:#d21e11!important}
:root,[style*="background:var(--bg)"],[style*="background:var(--surface)"],[style*="background:var(--paper)"],[style*="background:var(--paper-pure)"]{--door-text:#886510;--cobalt-text:#1b70a3}
nav[data-screen-label=Site\ Footer] .ydf-grid{display:block!important}
nav[data-screen-label=Site\ Footer] .ydf-col{border-top:1px solid var(--hairline);flex-flow:wrap!important;align-items:center!important;gap:0 22px!important;padding:6px 0!important}
nav[data-screen-label=Site\ Footer] .ydf-col:first-child{border-top:0}
@media (min-width:1001px){nav[data-screen-label=Site\ Footer] .ydf-col{padding-left:212px!important}nav[data-screen-label=Site\ Footer] .ydf-col h2{flex:0 0 190px;margin:0 0 0 -212px!important}}
nav[data-screen-label=Site\ Footer] .ydf-col a{padding:0!important}
@media (pointer:fine){nav[data-screen-label=Site\ Footer] .ydf-col a{min-height:30px!important}}
@media (max-width:1000px){nav[data-screen-label=Site\ Footer] .ydf-col h2{flex:0 0 100%;padding-top:8px;margin:0!important}}
@media (hover:hover) and (pointer:fine){.dcx-joinstrip-1:hover{border-color:var(--dcx-joinstrip-1-h-border-color);color:var(--dcx-joinstrip-1-h-color)}}
.dcx-joinstrip-1:active{opacity:.8}
@media (hover:hover) and (pointer:fine){.dcx-joinstrip-2:hover{background-color:#f2eee312}}
.dcx-joinstrip-2:active{opacity:.8}
@media (hover:hover) and (pointer:fine){.dcx-joinstrip-3:hover{background-color:#f2eee312}}
.dcx-joinstrip-3:active{opacity:.8}
@media (hover:hover) and (pointer:fine){.dcx-joinstrip-4:hover{background-color:#f2eee312}}
.dcx-joinstrip-4:active{opacity:.8}
@media (hover:hover) and (pointer:fine){.dcx-joinstrip-5:hover{filter:brightness(1.06)}}
.dcx-joinstrip-5:active{opacity:.8}
@media (hover:hover) and (pointer:fine){.dcx-joinstrip-6:hover{color:#14130f;background-color:#f2eee3}}
.dcx-joinstrip-6:active{opacity:.8}
.ydf-col a{transition:transform .18s}
.ydf-col a:hover{color:var(--accent)!important}
.ydf-col a:active{transform:translateY(1px)}
@media (max-width:1100px){.ydf-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:640px){.ydf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (prefers-reduced-motion:reduce){.ydf-col a{transition:none!important}}
@media (hover:hover) and (pointer:fine){.dcx-sitefooter-1:hover{background:var(--fg);color:var(--bg)}}
.dcx-sitefooter-1:active{opacity:.7}
@media (hover:hover) and (pointer:fine){.dcx-sitefooter-2:hover{background:var(--fg);color:var(--bg)}}
.dcx-sitefooter-2:active{opacity:.7}
@media (hover:hover) and (pointer:fine){.dcx-sitefooter-3:hover{background:var(--fg);color:var(--bg)}}
.dcx-sitefooter-3:active{opacity:.7}
@media (hover:hover) and (pointer:fine){.dcx-sitefooter-4:hover{background:var(--fg);color:var(--bg)}}
.dcx-sitefooter-4:active{opacity:.7}
@media (hover:hover) and (pointer:fine){.dcx-sitefooter-5:hover{opacity:1;text-decoration:underline}}
.dcx-sitefooter-5:active{opacity:.7}