/* Dew Drop In RV · Annual Chili Cookoff section
   Desktop: fixed 1672×941 composition, every measure in --u (one reference pixel).
   Below 1100px of section width the same DOM re-flows into a stacked / two-column layout. */

@font-face{font-family:'Abril Fatface';src:url('../fonts/library/abril-fatface/abril-fatface-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Dewdrop Cookoff Title';src:url('../fonts/dewdrop-cookoff-title/dewdrop-cookoff-title-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Dewdrop Event Lettering';src:url('../fonts/dewdrop-event-lettering/dewdrop-event-lettering-400-v2.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Balder Script';src:url('../fonts/library/balder-script/balder-script-400-fixed.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Baltism';src:url('../fonts/library/baltism/baltism-400-fixed.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'ITC Galliard';src:url('../fonts/library/itc-galliard-etext/itc-galliard-etext-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Dewdrop Classic Serif';src:url('../fonts/dewdrop-classic-serif/dewdrop-classic-serif-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Kavarian';src:url('../fonts/library/kavarian/kavarian-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Neue Haas Grotesk';src:url('../fonts/library/neue-haas-grotesk-text/neue-haas-grotesk-text-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Franklin Gothic';src:url('../fonts/library/itc-franklin-gothic-lt/itc-franklin-gothic-lt-400.woff2') format('woff2');font-weight:400;font-display:swap}

.dewdrop-featured-events{
  --paper:#f5f1e8;
  --ink:#2b331a;        /* "Chili" green            */
  --ink-deep:#232a15;
  --red:#872410;        /* "Cookoff" red           */
  --red-deep:#7a2313;   /* badge date              */
  --navy:#1f2c44;       /* bold labels             */
  --body:#3b4b5c;       /* paragraph               */
  --muted:#4e5c6c;      /* small descriptions      */
  --olive:#38401f;      /* button fill             */
  --tan:#b39a74;        /* badge ring              */
  --tan-lite:#cdbfa3;
  --orange:#b0561a;     /* sun icon                */
  --line:#9aa08f;
  --f-display:'Abril Fatface',Georgia,'Times New Roman',serif;
  --f-script:'Baltism','Balder Script','Brush Script MT',cursive;
  --f-serif:'ITC Galliard',Garamond,Georgia,serif;
  --f-caps:'Kavarian',Georgia,serif;
  --f-sans:'Neue Haas Grotesk',Helvetica,Arial,sans-serif;
  --f-btn:'Franklin Gothic','Arial Narrow',Arial,sans-serif;
}

.dewdrop-featured-events,.dewdrop-featured-events *{box-sizing:border-box}
.dewdrop-featured-events .chili img:not(.chili__art){display:block;max-width:100%;height:auto}
.chili__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- section shell ---------- */
.chili{
  width:calc(100% - 40px);max-width:1140px;margin:0 auto;
  background:var(--paper);border-radius:10px;overflow:hidden;container-type:inline-size;
}
.chili__canvas{
  --u:calc(100cqw / 1672);
  container-type:inline-size;
  position:relative;
  width:100%;max-width:1672px;margin:0 auto;
  aspect-ratio:1672 / 941;
  font-size:calc(16 * var(--u));
  line-height:1.25;
}
.chili__canvas > *{position:absolute}
.chili__plate{inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.chili__photo{display:none}
.chili__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}

/* ---------- tagline (top left, hand lettered) ---------- */
.chili__tag{
  left:calc(88 * var(--u));top:calc(35 * var(--u));margin:0;
  font:400 calc(31 * var(--u))/1.25 var(--f-script);color:#2f3826;
  transform:rotate(-12.5deg);transform-origin:0 0;
  z-index:3;white-space:nowrap;
  -webkit-text-stroke:calc(.18 * var(--u)) currentColor;
}
.chili__tag span{display:block}
.chili__tag span:nth-child(1){font-size:1.1em;line-height:1.05}
.chili__tag span:nth-child(2){padding-left:calc(26 * var(--u))}
.chili__tag span:nth-child(3){padding-left:0}
.chili__tag-swash{display:block;width:calc(152 * var(--u));height:calc(13 * var(--u));margin:calc(3 * var(--u)) 0 0 calc(12 * var(--u));color:#2f3826}

/* ---------- title lockup ---------- */
.chili__title{inset:0;z-index:4;pointer-events:none}
.chili__title > *{position:absolute}
.chili__annual{
  position:absolute;pointer-events:auto;
  left:calc(172 * var(--u));top:calc(141 * var(--u));
  font:400 calc(61 * var(--u))/1 var(--f-script);color:#223019;
  transform:rotate(-4deg);transform-origin:0 100%;white-space:nowrap;
  -webkit-text-stroke:calc(.18 * var(--u)) currentColor;
}
.chili__h1{margin:0;font-weight:400;inset:0}
.chili__word{position:absolute;font-family:'Dewdrop Cookoff Title',var(--f-display);font-synthesis:none;line-height:1;white-space:nowrap;font-kerning:normal;font-variant-ligatures:common-ligatures;pointer-events:auto}
.chili__word--a{
  left:calc(112 * var(--u));top:calc(208 * var(--u));
  width:2.4140625em;height:.921875em;
  font-size:calc(128 * var(--u));letter-spacing:0;color:var(--ink);
  transform:none;
}
.chili__word--b{
  left:calc(83 * var(--u));top:calc(325 * var(--u));
  width:3.76em;height:1.008em;
  font-size:calc(125 * var(--u));letter-spacing:0;color:var(--red);
  transform:none;
}
/* The local font preserves the original lettering as selectable HTML text. */
.chili__pepper{left:calc(392 * var(--u));top:calc(126 * var(--u));width:calc(111 * var(--u));height:auto;filter:drop-shadow(0 calc(2 * var(--u)) calc(3 * var(--u)) rgba(60,30,10,.18))}

/* ---------- subhead / lead / address ---------- */
.chili__sub{
  left:calc(85 * var(--u));top:calc(442 * var(--u));margin:0;z-index:3;
  font:400 calc(38 * var(--u))/1 'Dewdrop Classic Serif','Times New Roman',serif; color:#263219;letter-spacing:-.015em;
  -webkit-text-stroke:calc(.25 * var(--u)) currentColor;
  white-space:nowrap;
}
.chili__sub em{
  font:400 calc(46 * var(--u))/.72 var(--f-script);color:#263219;letter-spacing:0;
  display:inline-block;margin-left:calc(10 * var(--u));
  transform:translateY(calc(3 * var(--u))) rotate(-2deg) scaleX(1.3);transform-origin:0 50%;
  -webkit-text-stroke:calc(.3 * var(--u)) currentColor;
}
.chili__lead{
  left:calc(88 * var(--u));top:calc(532 * var(--u));width:calc(472 * var(--u));margin:0;z-index:3;
  font:400 calc(18 * var(--u))/1.235 var(--f-serif);color:var(--body);
}
.chili__where{
  left:calc(90 * var(--u));top:calc(676 * var(--u));margin:0;z-index:3;
  display:flex;align-items:center;gap:calc(16 * var(--u));font-style:normal;
  font:400 calc(17.6 * var(--u))/1.2 var(--f-serif);color:#22314a;white-space:nowrap;
}
.chili__where strong{font-weight:700;font-synthesis:weight;color:var(--navy);font-size:calc(18.4 * var(--u))}
.chili__where-pin{width:calc(34 * var(--u));height:calc(44 * var(--u));fill:#2f3a1e;flex:none;margin-top:calc(-1 * var(--u))}

/* ---------- buttons (one pill family) ---------- */
.chili__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:calc(14 * var(--u));
  height:calc(48 * var(--u));padding:0 calc(28 * var(--u));border-radius:calc(9 * var(--u));
  font:400 calc(15 * var(--u))/1 var(--f-btn);letter-spacing:.13em;text-transform:uppercase;
  text-decoration:none;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.chili__btn svg{width:calc(20 * var(--u));height:calc(20 * var(--u));fill:currentColor}
.chili__btn--solid{width:calc(266 * var(--u));background:var(--olive);color:#fff;box-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(40,45,20,.22)}
.chili__btn--solid svg{width:calc(28 * var(--u));height:calc(14 * var(--u))}
.chili__btn--solid:hover{background:#2e3519;transform:translateY(calc(-1 * var(--u)))}
.chili__btn--line{width:calc(244 * var(--u));border:calc(1.6 * var(--u)) solid #3a4a2b;color:#2b3a1e;background:rgba(255,253,247,.35)}
.chili__btn--line svg{width:calc(18 * var(--u));height:calc(18 * var(--u));fill:#2f3a1e}
.chili__btn--line:hover{background:rgba(255,253,247,.8);transform:translateY(calc(-1 * var(--u)))}
.chili__btn--directions{
  flex:none;width:calc(160 * var(--u));height:calc(40 * var(--u));
  padding:0 calc(12 * var(--u));gap:calc(8 * var(--u));
  font-size:calc(13 * var(--u));letter-spacing:.06em;
}
.chili__btn--directions svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}
.chili__btn:focus-visible{outline:2px solid #b0561a;outline-offset:3px}

/* ---------- date badge ---------- */
/* Reference art supplies the mountain, paper texture and foliage.
   The circle and date lettering render with HTML and CSS. */
.chili__badge-reference{
  left:calc(466 * var(--u));top:calc(22 * var(--u));
  width:calc(373 * var(--u));height:calc(357 * var(--u));
  max-width:none;z-index:2;pointer-events:none;
}
.chili__badge-rings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.chili__badge-decoration{position:absolute;inset:0;width:100%;height:100%;max-width:none;mask:url('../img/date-decoration-mask.svg') center / 100% 100% no-repeat}
.chili__badge-reference::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 39% 76%,#f9f6ee 0,transparent 29%),linear-gradient(105deg,#f7f3e9 15%,#f8f3e8 57%,#eee1cd 100%);mask:url('../img/date-paper-mask.svg') center / 100% 100% no-repeat}
.chili__feature-icon--desktop,.chili__date-icon--desktop,.chili__lettering-mobile{display:none}
.chili__badge{
  left:calc(473 * var(--u));top:calc(54 * var(--u));width:calc(316 * var(--u));height:calc(298 * var(--u));
  border-radius:50%;border:calc(1.8 * var(--u)) solid #8f6238;
  background:rgba(252,249,242,.72);z-index:2;text-align:center;opacity:0;
}
.chili__badge::before{content:"";position:absolute;inset:calc(9 * var(--u));border-radius:50%;border:calc(1.4 * var(--u)) solid #b48c62}
.chili__badge > *{position:absolute;left:0;right:0}
.chili__badge-art{left:calc(21 * var(--u));right:auto;top:calc(4 * var(--u));width:calc(208 * var(--u));height:auto;filter:contrast(1.12)}
.chili__day{top:calc(95 * var(--u));font:400 calc(15.2 * var(--u))/1 var(--f-sans);letter-spacing:.38em;text-transform:uppercase;color:#2e372c;padding-left:.2em}
.chili__date{top:calc(127 * var(--u));left:calc(-4 * var(--u));font:400 calc(30.5 * var(--u))/1 var(--f-caps);text-transform:uppercase;letter-spacing:.01em;color:var(--red-deep);transform:scaleY(1.16);transform-origin:50% 100%}
.chili__year{top:calc(153 * var(--u));font:400 calc(52 * var(--u))/1 var(--f-caps);letter-spacing:.02em;color:var(--red-deep)}
.chili__rule{top:calc(211 * var(--u));display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--u));color:#3b4a2a}
.chili__rule i{display:block;width:calc(26 * var(--u));height:calc(1 * var(--u));background:#9ba18e}
.chili__rule svg{width:calc(24 * var(--u));height:calc(24 * var(--u));fill:#2f3a1e}
.chili__small{top:calc(238 * var(--u));font:400 calc(10.5 * var(--u))/1.3 var(--f-sans);letter-spacing:.09em;text-transform:uppercase;color:#3e4838;padding-left:.09em}

/* ---------- feature row (positions measured from the reference) ---------- */
/* Reference art supplies the paper and scenery behind the HTML feature row. */
.chili__feature-reference{
  left:0;top:calc(765 * var(--u));width:calc(1360 * var(--u));height:calc(176 * var(--u));
  max-width:none;z-index:5;pointer-events:none;overflow:hidden;
  background:url('../img/features-reference-background-fixed.png') center / 100% 100% no-repeat;
}
.chili__feature-reference img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;
  mask:url('../img/feature-decoration-mask.svg') center / 100% 100% no-repeat;
}
/* Each patch uses the same coordinates in the existing text-free paper. */
.chili__feature-description-cover{
  position:absolute;left:calc(var(--description-x) * var(--u));top:calc(64 * var(--u));
  width:calc(var(--description-width) * var(--u));height:calc(46 * var(--u));
  background:url('../img/features-reference-background-fixed.png')
    calc(-1 * var(--description-x) * var(--u)) calc(-64 * var(--u)) / calc(1360 * var(--u)) calc(176 * var(--u)) no-repeat;
}
.chili__feature-description-cover--1{--description-x:242;--description-width:174}
.chili__feature-description-cover--2{--description-x:546;--description-width:154}
.chili__feature-description-cover--3{--description-x:840;--description-width:160}
.chili__feature-description-cover--4{--description-x:1126;--description-width:218}
.chili__features{left:0;top:calc(783 * var(--u));width:100%;height:calc(97 * var(--u));margin:0;padding:0;list-style:none;z-index:6;opacity:0}
.chili__feat{position:absolute;top:0;height:100%;display:flex;align-items:flex-start}
.chili__feat{z-index:1}
.chili__feat--1{left:calc(153 * var(--u))}
.chili__feat--2{left:calc(458 * var(--u))}
.chili__feat--3{left:calc(749 * var(--u))}
.chili__feat--4{left:calc(1040 * var(--u))}
/* vertical dividers at x = 426 · 710.5 · 1011.5, y 805–864 */
.chili__feat + .chili__feat::before{content:"";position:absolute;top:calc(9 * var(--u));height:calc(60 * var(--u));width:calc(1.5 * var(--u));background:#9d978a}
.chili__feat--2::before{left:calc(-32 * var(--u))}
.chili__feat--3::before{left:calc(-38.5 * var(--u))}
.chili__feat--4::before{left:calc(-28.5 * var(--u))}
.chili__ico{flex:none;display:block}
.chili__ico--pot{width:calc(62 * var(--u));height:calc(70 * var(--u));margin:calc(4 * var(--u)) calc(30 * var(--u)) 0 0;fill:#832a13;color:#832a13}
.chili__ico--people{width:calc(66 * var(--u));height:calc(56 * var(--u));margin:calc(16 * var(--u)) calc(24 * var(--u)) 0 0;fill:#3c4a2a}
.chili__ico--trophy{width:calc(44 * var(--u));height:calc(53 * var(--u));margin:calc(14 * var(--u)) calc(39 * var(--u)) 0 calc(9 * var(--u));fill:#832a13;color:#832a13}
.chili__ico--pine{width:calc(48 * var(--u));height:calc(70 * var(--u));margin:calc(3 * var(--u)) calc(29 * var(--u)) 0 calc(9 * var(--u));fill:#3c4a2a}
.chili__feat > svg{visibility:hidden}
.chili__feat > .chili__ico{margin-right:calc(20 * var(--u))}
.chili__feat div{padding-top:calc(9.5 * var(--u));min-width:0;white-space:normal}
.chili__feat--1 div{width:calc(192 * var(--u))}
.chili__feat--2 div{width:calc(150 * var(--u))}
.chili__feat--3 div{width:calc(173 * var(--u))}
.chili__feat--4 div{width:calc(240 * var(--u))}
.chili__feat strong{display:block;font:500 calc(22 * var(--u))/1.125 var(--f-serif);font-synthesis:none;color:var(--navy);margin:0 0 calc(3.5 * var(--u))}
.chili__feat div > span{display:block;font:400 calc(18 * var(--u))/1.15 var(--f-serif);color:var(--body)}
@media (min-width:1140px){
  .chili__features{opacity:1}
  .chili__feat strong{position:absolute;top:calc(22 * var(--u));margin:0;opacity:1;font:400 calc(20 * var(--u))/1 'Dewdrop Event Lettering';letter-spacing:0;white-space:nowrap}
  .chili__feat--1 strong{left:calc(89 * var(--u));width:calc(178 * var(--u))}
  .chili__feat--2 strong{left:calc(88 * var(--u));width:calc(154 * var(--u))}
  .chili__feat--3 strong{left:calc(91 * var(--u));width:calc(160 * var(--u))}
  .chili__feat--4 strong{left:calc(86 * var(--u));width:calc(218 * var(--u))}
  .chili__feat div > span{position:absolute;top:calc(46 * var(--u));font-size:calc(14.5 * var(--u))}
  .chili__feat--1 div > span{left:calc(91 * var(--u));width:calc(174 * var(--u))}
  .chili__feat--2 div > span{left:calc(90 * var(--u));width:calc(154 * var(--u))}
  .chili__feat--3 div > span{left:calc(93 * var(--u));width:calc(160 * var(--u))}
  .chili__feat--4 div > span{left:calc(88 * var(--u));width:calc(218 * var(--u))}
  .chili__feat + .chili__feat::before{top:calc(22 * var(--u));height:calc(60 * var(--u));width:calc(1 * var(--u))}
  .chili__feat > .chili__ico{position:absolute;visibility:visible;margin:0}
  .chili__ico--pot{left:calc(-13 * var(--u));top:calc(2 * var(--u));width:calc(94 * var(--u));height:calc(92 * var(--u))}
  .chili__ico--people{left:calc(-10 * var(--u));top:calc(16 * var(--u));width:calc(87 * var(--u));height:calc(74 * var(--u))}
  .chili__ico--trophy{left:calc(-2 * var(--u));top:calc(14 * var(--u));width:calc(69 * var(--u));height:calc(76 * var(--u))}
  .chili__ico--pine{left:0;top:calc(18 * var(--u));width:calc(68 * var(--u));height:calc(72 * var(--u))}
  .chili__feature-icon--mobile,.chili__date-icon--mobile{display:none}
  .chili__feature-icon--desktop,.chili__date-icon--desktop{display:block}

  .chili__lettering-mobile{display:none}
  .chili__lettering-word{position:absolute;left:calc(var(--word-x) * var(--u));top:0;font:inherit;letter-spacing:0;white-space:nowrap}

  /* The date circle and every line of its lettering are native HTML/CSS. */
  .chili__badge{left:calc(469.5 * var(--u));top:calc(51 * var(--u));width:calc(300 * var(--u));height:calc(301 * var(--u));border:calc(1.3 * var(--u)) solid transparent;background:transparent;opacity:1}
  .chili__badge::before,.chili__badge::after{display:none}
  .chili__badge-art{display:none}
  .chili__day,.chili__date,.chili__year,.chili__small{right:auto;padding:0;font:400 calc(20 * var(--u))/1 'Dewdrop Event Lettering';letter-spacing:0;transform:none;text-align:left;white-space:nowrap}
  .chili__day{left:calc(88.2 * var(--u));top:calc(95.7 * var(--u));width:calc(128 * var(--u));font:400 calc(14.5 * var(--u))/1 var(--f-caps);letter-spacing:.29em;text-align:center}
  .chili__date{left:calc(49.2 * var(--u));top:calc(120.7 * var(--u));width:calc(210 * var(--u));font:400 calc(30.5 * var(--u))/1 var(--f-caps);letter-spacing:.01em;text-align:center;transform:scaleY(1.16);transform-origin:50% 100%}
  .chili__year{left:calc(95.2 * var(--u));top:calc(153.7 * var(--u));width:calc(116 * var(--u));font:400 calc(58 * var(--u))/1 var(--f-caps);letter-spacing:0;text-align:center}
  .chili__small{left:0;top:0;width:100%;height:100%;text-transform:uppercase;pointer-events:none}
  .chili__small-line{pointer-events:auto}
  .chili__day,.chili__date,.chili__year{user-select:text;cursor:text}
  .chili__rule{pointer-events:none}
  .chili__small br{display:none}
  .chili__small-line{position:absolute;display:block}
  .chili__small-line:first-child{left:calc(93.2 * var(--u));top:calc(239.7 * var(--u));width:calc(121 * var(--u))}
  .chili__small-line:last-child{left:calc(82.2 * var(--u));top:calc(252.7 * var(--u));width:calc(142 * var(--u))}
  .chili__rule{display:block;left:0;top:0;width:100%;height:100%}
  .chili__rule i{position:absolute;top:calc(219.7 * var(--u));width:calc(20 * var(--u));height:calc(1 * var(--u))}
  .chili__rule i:first-child{left:calc(110.2 * var(--u))}
  .chili__rule i:last-child{left:calc(172.2 * var(--u))}
  .chili__rule svg{position:absolute;left:calc(141.2 * var(--u));top:calc(205.7 * var(--u));width:calc(26 * var(--u));height:calc(29 * var(--u))}
}

/* ---------- camp · cook · connect · belong ---------- */
.chili__line{
  left:calc(436 * var(--u));top:calc(893 * var(--u));width:calc(740 * var(--u));margin:0;z-index:3;
  display:flex;align-items:center;justify-content:flex-start;gap:0;
  font:400 calc(14 * var(--u))/1 var(--f-sans);letter-spacing:.29em;text-transform:uppercase;color:#4a5044;white-space:nowrap;opacity:0;
}
.chili__line i{display:block;height:calc(1 * var(--u));background:#8f9483;flex:none}
.chili__line i:first-child{width:calc(133 * var(--u))}
.chili__line i:last-child{width:calc(112 * var(--u))}
.chili__line span{flex:none;margin:0 calc(32 * var(--u)) 0 calc(25 * var(--u))}
.chili__line b{font-weight:400;letter-spacing:0;margin:0 calc(22 * var(--u)) 0 calc(19 * var(--u))}

/* ---------- schedule card ---------- */
.chili__card{
  left:calc(1360 * var(--u));top:calc(331 * var(--u));width:calc(300 * var(--u));height:calc(539 * var(--u));
  background:transparent;border-radius:calc(20 * var(--u));z-index:2;text-align:center;
  isolation:isolate;
}
.chili__card::before,
.chili__card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  border-radius:inherit;
}
.chili__card::before{
  z-index:-2;
  background:#f7f2e9;
  box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) rgba(30,20,5,.24),0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(30,20,5,.14);
}
.chili__card::after{ /* Aged parchment margins copied from the supplied schedule photo. */
  z-index:-1;
  background:url("../img/card-aged-edges-reference.png") center / 100% 100% no-repeat;
}
.chili__card > *{position:absolute;left:0;right:0;margin:0}
.chili__card-title{top:calc(27 * var(--u));font:400 calc(45.5 * var(--u))/1 var(--f-script);color:#20241d;transform:rotate(-3deg);transform-origin:50% 100%;white-space:nowrap;-webkit-text-stroke:calc(.18 * var(--u)) currentColor}
.chili__card-swash{top:calc(75 * var(--u));left:calc(47 * var(--u));right:auto;width:calc(205 * var(--u));height:calc(8 * var(--u));color:#2b2f28;transform:rotate(-3deg)}
.chili__times{top:calc(99 * var(--u));left:calc(40 * var(--u));right:calc(14 * var(--u));padding:0;list-style:none;text-align:left}
.chili__times li{display:flex;align-items:center;gap:calc(26 * var(--u));height:calc(60.5 * var(--u))}
.chili__tico{width:calc(40 * var(--u));height:calc(40 * var(--u));flex:none;fill:#832a13}
.chili__tico--sun{fill:var(--orange);color:var(--orange)}
.chili__times strong{display:block;font:700 calc(17 * var(--u))/1.15 var(--f-serif);font-synthesis:weight;color:#1f2735;white-space:nowrap}
.chili__times span{display:block;font:400 calc(14.6 * var(--u))/1.2 var(--f-serif);color:#4a5566;white-space:nowrap}
.chili__free{top:calc(346 * var(--u));display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));font:400 calc(39.5 * var(--u))/1 var(--f-script);color:#232a1c;white-space:nowrap;-webkit-text-stroke:calc(.18 * var(--u)) currentColor}
.chili__free img{width:calc(37 * var(--u));height:auto}
.chili__free span{transform:rotate(-3deg);display:inline-block}
.chili__card-rule{top:calc(397 * var(--u));left:calc(40 * var(--u));right:calc(40 * var(--u));height:calc(1 * var(--u));background:#bdb5a5}
.chili__card-art{top:calc(409 * var(--u));left:calc(35 * var(--u));right:auto;width:calc(230 * var(--u));height:auto}
.chili__card-foot{top:calc(482 * var(--u));font:400 calc(13 * var(--u))/1.3 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:#2e3a30;padding-left:.2em}

/* decorative art used only in the stacked layouts */
.chili__art{display:none}

/* front foliage overlapping the card */
.chili__fol{left:calc(1519 * var(--u));top:calc(837 * var(--u));width:calc(153 * var(--u));height:auto;z-index:3;pointer-events:none;
  filter:drop-shadow(0 calc(3 * var(--u)) calc(4 * var(--u)) rgba(20,20,10,.35))}

/* =====================================================================
   TABLET + MOBILE: existing layouts, with 40px reserved for outer side margins
   ===================================================================== */
@media (max-width:1139px){
  .chili__small-line > .chili__lettering-word{display:none}
  .chili__small-line > .chili__lettering-mobile{display:inline}
  .chili__canvas{
    --u:1px;
    aspect-ratio:auto;max-width:none;
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    grid-template-areas:
      "photo   photo"
      "tag     tag"
      "title   card"
      "sub     card"
      "lead    card"
      "where   card"
      "features features"
      "line    line";
    column-gap:36px;
    padding:0 32px 44px;
    font-size:16px;
    background:
      radial-gradient(ellipse at 0% 30%,rgba(214,206,180,.35),transparent 45%),
      radial-gradient(ellipse at 100% 100%,rgba(214,206,180,.35),transparent 50%),
      var(--paper);
  }

  .chili__canvas > *{position:relative;left:auto;top:auto;right:auto;bottom:auto;width:auto;height:auto;z-index:1}
  .chili__plate,.chili__fol,.chili__feature-reference,.chili__badge-reference{display:none}
  .chili__features,.chili__line{opacity:1}
  .chili__canvas .chili__art{display:block;position:absolute;pointer-events:none;z-index:0}
  .chili__canvas .chili__art--sprig{left:-42px;top:64px;width:96px;height:auto}
  .chili__canvas .chili__art--pines{
    left:-32px;bottom:0;width:200px;height:auto;opacity:.75;
    mask-image:linear-gradient(to bottom,transparent calc(100% - 90px),#000 calc(100% - 66px));
  }

  /* photo band with the badge overlapping its lower-left corner */
  .chili__photo{
    display:block;grid-area:photo;
    width:calc(100% + 64px);max-width:none;margin:0 -32px 26px;
    height:min(calc(56vw - 22.4px),520px);
  }
  .chili__badge{
    grid-area:photo;align-self:end;justify-self:start;
    width:250px;height:236px;margin:0 0 -110px 6px;z-index:3;
    background:#f5f1e8 url("../img/date-paper-reference.png") center / 100% 100% no-repeat;border-width:1.5px;opacity:1;
    box-shadow:0 8px 24px rgba(30,20,5,.25);
  }
  .chili__badge::before{inset:8px;border-width:1px}
  .chili__badge-art{left:24px;top:11px;width:158px}
  .chili__day{top:74px;font-size:12.5px}
  .chili__date{top:92px;font-size:26px}
  .chili__year{top:120px;font-size:41px}
  .chili__rule{top:167px}
  .chili__rule i{width:22px;height:1px}
  .chili__rule svg{width:20px;height:20px}
  .chili__small{top:188px;font-size:9.5px}

  .chili__tag{
    grid-area:tag;justify-self:start;align-self:start;
    transform:rotate(-9deg);transform-origin:0 0;
    font-size:27px;margin:22px 0 0 292px;
  }
  .chili__tag-swash{width:48px;height:9px;margin-left:10px}

  /* title lockup: annual + Chili on one row, pepper to the right, Cookoff below */
  .chili__title{grid-area:title;pointer-events:auto;width:100%;height:auto;min-height:266px;margin-top:56px;z-index:1}
  .chili__title > .chili__annual,.chili__title > .chili__h1,.chili__title > .chili__pepper{z-index:1}
  .chili__annual{left:52px;top:0;font-size:66px}
  .chili__h1{position:absolute;inset:0}
  .chili__word--a{left:0;top:52px;font-size:118px}
  .chili__word--b{left:-8px;top:162px;font-size:min(98px,calc((100vw - 440px) / 3.76))}
  .chili__pepper{left:252px;top:-8px;width:84px}

  .chili__sub{grid-area:sub;font-size:33px;margin-top:8px;white-space:normal}
  .chili__sub em{font-size:40px}
  .chili__lead{grid-area:lead;width:auto;max-width:560px;font-size:17.5px;line-height:1.35;margin-top:16px}
  .chili__where{grid-area:where;margin-top:37px;font-size:17px;white-space:normal;gap:10px;min-width:0}
  .chili__where > span{flex:1;min-width:0}
  .chili__where strong{font-size:17.5px}
  .chili__where-pin{width:30px;height:38px;align-self:flex-start;margin-top:3px}
  .chili__btn{height:48px;padding:0 24px;border-radius:9px;font-size:14px;gap:12px}
  .chili__btn svg{width:18px;height:18px}
  .chili__btn--solid{width:auto;min-width:240px}
  .chili__btn--solid svg{width:26px;height:13px}
  .chili__btn--line{width:auto;min-width:220px;border-width:1.5px}
  .chili__btn--directions{width:132px;min-width:0;height:44px;padding:0 9px;gap:6px;font-size:11px;letter-spacing:.04em}
  .chili__btn--directions svg{width:14px;height:14px}

  /* schedule card beside the copy */
  .chili__card{
    grid-area:card;align-self:start;justify-self:end;
    width:300px;height:auto;min-height:0;margin-top:56px;padding:22px 16px 22px;
    display:flex;flex-direction:column;align-items:center;
  }
  .chili__card > *{position:relative;left:auto;right:auto;top:auto}
  .chili__card-title{font-size:42px}
  .chili__card-swash{width:176px;height:8px;margin:2px 0 14px}
  .chili__times{width:100%;padding-left:8px;text-align:left}
  .chili__times li{height:auto;padding:9px 0;gap:18px}
  .chili__tico{width:36px;height:36px}
  .chili__times strong{font-size:17px}
  .chili__times span{font-size:14.5px;white-space:normal}
  .chili__free{font-size:38px;margin-top:14px;gap:8px}
  .chili__free img{width:36px}
  .chili__card-rule{width:calc(100% - 40px);height:1px;margin:12px 0 4px}
  .chili__card-art{width:230px}
  .chili__card-foot{font-size:12.5px;margin-top:2px}

  .chili__features{
    grid-area:features;width:auto;height:auto;margin-top:44px;
    display:grid;grid-template-columns:1fr 1fr;gap:26px 34px;
  }
  .chili__feat{position:relative;left:auto;height:auto;display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start}
  .chili__feat > svg{visibility:visible}
  .chili__feat::before{display:none}
  .chili__feat:nth-child(even){border-left:1px solid var(--line);padding-left:34px}
  .chili__ico{margin:0 !important;justify-self:center}
  .chili__ico--pot{width:52px;height:60px}.chili__ico--people{width:52px;height:44px;margin-top:8px !important}.chili__ico--trophy{width:40px;height:48px;margin-top:6px !important}.chili__ico--pine{width:40px;height:58px}
  .chili__feat div{width:auto;padding-top:2px;white-space:normal}
  .chili__feat strong{font-size:17px;line-height:1.2}
  .chili__feat div > span{font-size:16px;line-height:1.35}

  .chili__line{grid-area:line;width:auto;margin-top:38px;font-size:13px;gap:14px;white-space:nowrap;justify-content:center;flex-wrap:nowrap}
  .chili__line span{flex:0 0 auto;margin:0;text-align:center}
  .chili__line b{margin:0 .9em 0 .6em}
  .chili__line i:first-child,.chili__line i:last-child{width:auto;flex:1 1 20px;min-width:10px;max-width:130px;height:1px}
}

/* mobile: one column */
@media (max-width:759px){
  .chili__canvas{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"photo" "tag" "title" "sub" "lead" "where" "card" "features" "line";
    padding:0 20px 40px;column-gap:0;
  }
  .chili__canvas .chili__art--sprig{left:-30px;top:52px;width:72px}
  .chili__canvas .chili__art--pines{left:-20px;width:150px}
  .chili__photo{width:calc(100% + 40px);margin:0 -20px 20px;height:min(calc(78vw - 31.2px),420px)}
  .chili__photo img{object-position:50% 56%}
  .chili__badge{width:214px;height:202px;margin:0 0 -96px 2px}
  .chili__badge::before{inset:7px}
  .chili__badge-art{left:20px;top:10px;width:136px}
  .chili__day{top:63px;font-size:11px}
  .chili__date{top:79px;font-size:22px}
  .chili__year{top:103px;font-size:35px}
  .chili__rule{top:143px}
  .chili__rule i{width:18px}
  .chili__rule svg{width:17px;height:17px}
  .chili__small{top:161px;font-size:8.5px}

  .chili__tag{font-size:22px;margin:16px 0 0 218px;transform:rotate(-8deg)}
  .chili__tag-swash{width:40px;height:8px}
  .chili__title{margin-top:44px;min-height:230px}
  .chili__annual{left:44px;top:0;font-size:58px}
  .chili__word--a{top:46px;font-size:100px}
  .chili__word--b{left:-6px;top:140px;font-size:82px}
  .chili__pepper{left:214px;top:8px;width:70px}
  .chili__sub{font-size:min(31px,calc((100vw - 80px) / 10))}
  .chili__sub em{font-size:1.2258em}
  .chili__lead{font-size:17px}
  .chili__btn--solid,.chili__btn--line{width:100%;min-width:0}
  .chili__btn--directions{width:120px;padding:0 7px;gap:5px;font-size:10px}

  .chili__card{justify-self:center;width:min(100%,320px);margin-top:36px}

  .chili__features{margin-top:40px;gap:22px 24px}
  .chili__feat:nth-child(even){padding-left:24px}
  .chili__feat{grid-template-columns:44px minmax(0,1fr);gap:14px}
  .chili__ico--pot{width:44px;height:50px}.chili__ico--people{width:44px;height:37px}.chili__ico--trophy{width:34px;height:41px}.chili__ico--pine{width:34px;height:50px}
  .chili__feat strong{font-size:17px}
  .chili__feat div > span{font-size:15px}
  .chili__feat div > span br{display:none}
  .chili__line{font-size:11.5px;letter-spacing:.22em;gap:10px}
  .chili__line b{margin:0 .7em 0 .45em}
}
@media (max-width:459px){
  /* Scale the existing badge, tagline and footer text to fit compact containers. */
  .chili__badge,.chili__tag,.chili__line{zoom:min(1,calc((100vw - 40px) / 400px))}
  .chili__features{grid-template-columns:1fr}
  .chili__feat:nth-child(even){border-left:0;padding-left:0}
  .chili__word--a{font-size:88px}
  .chili__word--b{font-size:min(72px,calc((100vw - 74px) / 3.76));top:129px}
  .chili__pepper{left:190px;width:62px}
  .chili__title{min-height:208px}
}

@media (prefers-reduced-motion:reduce){
  .chili__btn{transition:none}
}