@charset "UTF-8";
/* A single ingredient line replaces the former streets and moving map marker. */
.town-lower .town-access.burger-line{display:block;padding-block:90px 105px;border-top:2px solid var(--ink);}
.burger-line-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:65px;}
.burger-line-heading .town-overline{margin-bottom:20px;letter-spacing:.07em;}
.burger-line-heading h2{font-size:clamp(48px,5.6vw,82px);font-weight:900;line-height:1.28;letter-spacing:-.07em;}
.burger-line-intro{padding-bottom:5px;min-width:285px;}
.burger-line-intro>strong{display:block;font:900 clamp(37px,4vw,58px)/1 TownSans,"Arial Black",Arial,sans-serif;letter-spacing:-.075em;margin-bottom:23px;}
.burger-line-intro>p{font-size:18px;line-height:1.8;}
.burger-line-board{position:relative;--route-progress:0;}
.burger-line-board-top{display:flex;justify-content:space-between;gap:24px;border-top:2px solid var(--ink);padding-top:18px;font-size:16px;line-height:1.5;font-weight:800;letter-spacing:.025em;}
.burger-line-stage{position:relative;margin-top:17px;}
.burger-line-track{position:absolute;z-index:0;left:12.5%;right:12.5%;top:248px;height:12px;background:#c8d3b7;}
.burger-line-track>i{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(var(--route-progress));transform-origin:0 50%;}
.burger-line-stations{position:relative;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.burger-line-station{position:relative;min-width:0;min-height:450px;text-align:center;--station-lift:0px;--station-turn:0deg;}
.burger-line-art{position:absolute;top:3px;left:0;width:100%;height:222px;pointer-events:none;transform:translateY(var(--station-lift)) rotate(var(--station-turn));filter:drop-shadow(1px 10px 4px #5c401b1c);}
.burger-line-sprite{position:absolute;display:block;aspect-ratio:1;background-image:url("assets/ingredient-atlas-r3.webp");background-size:300% 300%;background-repeat:no-repeat;}
.burger-line-buns{width:104%;left:-2%;top:-8%;background-position:50% 100%;transform:rotate(-9deg);}
.burger-line-patty{width:111%;left:-5%;top:-10%;background-position:100% 100%;transform:rotate(11deg);}
.burger-line-lettuce{width:100%;left:2%;top:-11%;background-position:50% 0%;transform:rotate(-18deg);}
.burger-line-tomato{width:68%;left:24%;top:15%;background-position:0% 0%;transform:rotate(12deg);}
.burger-line-art-stack>img{position:absolute;max-width:none;width:126%;left:-13%;top:-13%;transform:rotate(-8deg);}
.burger-line-number{position:absolute;z-index:2;top:230px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:48px;border:4px solid var(--ink);border-radius:50%;background:var(--cream);font:900 19px/1 TownSans,"Arial Black",Arial,sans-serif;}
.burger-line-station[data-reached="true"] .burger-line-number{background:var(--ink);color:#f0dd76;}
.burger-line-copy{position:relative;padding:298px 8px 0;}
.burger-line-copy h3{font:900 clamp(29px,3.2vw,47px)/1 TownSans,"Arial Black",Arial,sans-serif;letter-spacing:-.065em;margin-bottom:15px;}
.burger-line-copy>strong{display:block;font-family:BurgerHeading,sans-serif;font-size:18px;font-weight:900;line-height:1.5;letter-spacing:-.04em;}
.burger-line-copy>p{margin-top:12px;font-size:16px;line-height:1.7;}
.burger-line-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:2px solid var(--ink);padding-top:24px;margin-top:23px;}
.burger-line-bottom>[data-route-status]{font-size:16px;font-weight:800;line-height:1.6;}
.burger-line-bottom .burger-line-button{flex-shrink:0;margin:0;min-height:56px;gap:25px;border:2px solid var(--ink);border-radius:0;background:var(--ink);color:var(--cream);padding:12px 22px;font-size:17px;}
.burger-line-button b{font-size:29px;line-height:1;}
.burger-line-bottom .burger-line-button:hover{background:#285a3e;}
@media(min-width:1700px){.burger-line-art{height:248px;}.burger-line-track{top:278px;}.burger-line-number{top:260px;}.burger-line-copy{padding-top:328px;}.burger-line-station{min-height:480px;}}
@media(max-width:1100px) and (min-width:761px){.burger-line-heading{gap:25px;}.burger-line-art{height:172px;}.burger-line-track{top:194px;}.burger-line-number{top:176px;}.burger-line-copy{padding-top:244px;}.burger-line-copy>strong{font-size:16px;}.burger-line-station{min-height:398px;}}
@media(max-width:760px){
  .town-lower .town-access.burger-line{padding-block:66px 76px;}
  .burger-line-heading{display:block;margin-bottom:34px;}
  .burger-line-heading h2{font-size:clamp(43px,11.3vw,70px);line-height:1.3;}
  .burger-line-heading .town-overline{font-size:16px;margin-bottom:16px;letter-spacing:0;}
  .burger-line-intro{min-width:0;margin-top:29px;}
  .burger-line-intro>strong{font-size:40px;margin-bottom:17px;}
  .burger-line-intro>p{font-size:17px;line-height:1.8;}
  .burger-line-board-top{display:block;padding-top:15px;font-size:16px;}
  .burger-line-board-top>span:last-child{display:block;margin-top:4px;letter-spacing:0;font-size:16px;font-weight:600;}
  .burger-line-stage{margin-top:13px;}
  .burger-line-stations{display:block;}
  .burger-line-station{min-height:224px;text-align:left;}
  .burger-line-track{left:18px;right:auto;top:112px;bottom:112px;width:9px;height:auto;}
  .burger-line-track>i{transform:scaleY(var(--route-progress));transform-origin:50% 0;}
  .burger-line-number{left:22px;top:92px;width:40px;height:40px;border-width:3px;font-size:16px;}
  .burger-line-art{left:39px;top:43px;width:41%;height:158px;}
  .burger-line-buns{width:125%;left:-16%;top:1%;}
  .burger-line-patty{width:131%;left:-19%;top:0;}
  .burger-line-lettuce{width:122%;left:-14%;top:0;}
  .burger-line-tomato{width:85%;left:10%;top:15%;}
  .burger-line-art-stack>img{width:153%;left:-31%;top:-3%;}
  .burger-line-copy{padding:52px 0 0 58%;}
  .burger-line-copy h3{font-size:clamp(27px,8.5vw,46px);margin-bottom:10px;}
  .burger-line-copy>strong{font-size:16px;line-height:1.6;letter-spacing:-.08em;}
  .burger-line-copy>p{font-size:16px;line-height:1.7;margin-top:9px;letter-spacing:-.055em;}
  .burger-line-bottom{display:block;margin-top:14px;padding-top:22px;}
  .burger-line-bottom>[data-route-status]{min-height:52px;font-size:16px;}
  .burger-line-bottom .burger-line-button{justify-content:space-between;margin-top:13px;width:100%;font-size:17px;}
}
@media(max-width:360px){.burger-line-heading .town-overline{font-size:16px;letter-spacing:-.04em;}.burger-line-intro>strong{font-size:36px;}.burger-line-art{left:29px;width:39%;top:49px;}.burger-line-copy{padding-left:57%;}.burger-line-copy>strong{max-width:122px;}.burger-line-copy>p{letter-spacing:-.08em;}.burger-line-number{left:18px;}.burger-line-track{left:14px;}}
@media(prefers-reduced-motion:reduce){.burger-line-art{transform:none;}}