/* GF PDX Phase 2: refined. Less poster, more menu card. Marker: REFINED_2026_11_11 */
:root{--r:8px;--teal-d:#00656B;--wash:#E9E8E1}

/* Paper: flat and quiet. Corner halftone off, grain barely there */
body{background:var(--paper)!important}
body::after{display:none!important}
body::before{opacity:.22!important}

/* One typeface for every headline. Bowlby stays only in the drawn pin and seal */
h1 .a,h1 .b,.logo b,.flogo b{font-family:var(--display)!important;font-weight:800!important;font-variation-settings:"wdth" 70;text-transform:uppercase}
h1{line-height:.88!important;letter-spacing:-.012em!important}
h1 .a,h1 .b{font-size:clamp(58px,8.4vw,118px)!important}
h1 .a{color:var(--teal-d)!important}
h1 .b[data-t]::before,h1 .a[data-t]::before,.phead h1[data-t]::before,h2.sec[data-t]::before{display:none!important}
.phead h1{text-shadow:none!important}
.logo b{font-size:19px!important;letter-spacing:.035em!important}
.flogo b{letter-spacing:.03em!important}
.herohand,.maphint{transform:none!important}
.dek{font-size:18px}

/* Hairlines instead of heavy rules */
.mast,.hero{border-bottom-width:1px!important}
.bar{border-block-width:1px!important}
.band::before{border-block-width:1px!important}
#rate.band::before{background:#E3ECE8!important}
#day.band::before{background:#F2EAD6!important}
.tierhead{border-bottom-width:2px!important}
.rcard{border-top-width:2px!important}
#cafelist,.newslist{border-top-width:1px!important}
footer{border-top-width:1px!important}

/* Squarer, calmer controls */
.btn,.pillbtn,.chip,.vbtn,.composer .post,.btnrow .chip,a.chip{border-radius:var(--r)!important;border-width:1.5px!important}
.seg,.sorttog{border-radius:var(--r)!important;border-width:1.5px!important}
.seg button,.sorttog button,.active button,.topnav a{border-radius:6px!important}
.topnav a{font-weight:500}
.topnav a:hover{background:var(--wash)!important}
.active button{background:var(--wash)!important;box-shadow:inset 0 0 0 1px var(--ink)}
.pillbtn .n{background:var(--ink)!important}
.srcl a{border-radius:6px!important;border-width:1px!important}
.srcl a:hover{background:var(--wash)!important}

/* Cards: thin border, small radius, soft tint */
.frc,.poster,.vcol,.bcard,.glance,.ticket,.more,.comm,.mcard,.sheet,.map,.day{border-width:1px!important;border-radius:var(--r)!important}
.glance .gh{border-bottom-width:1px!important;border-radius:7px 7px 0 0!important}
.how div{border-radius:var(--r)!important}
.poster{background:color-mix(in srgb,var(--c) 11%,var(--paper))!important}
.bcard{background:color-mix(in srgb,var(--c) 9%,var(--paper))!important}
.poster:hover{transform:translateY(-2px)!important}
.bcard li{border-width:1px!important;border-radius:5px!important}
.stop{border-right-width:1px!important}
.stop:hover{background:var(--wash)!important}
@media (max-width:1000px){.stop:nth-child(-n+3){border-bottom-width:1px!important}}
@media (max-width:820px){.stop{border-bottom-width:1px!important}}

/* Yellow leaves the interface. Selection is a wash or a ring */
.row:hover,.row.sel{background:var(--wash)!important}
.row .dots{border-bottom-width:1px!important;opacity:.45!important}
.tag{border-width:1px!important;border-radius:3px!important}
.tag.new{background:transparent!important;border-color:var(--ink)!important}
.tag.new::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sun);margin-right:6px;vertical-align:1px}
.crave .plate{box-shadow:inset 0 0 0 1px var(--line)!important}
.crave:hover .plate{transform:translateY(-3px)!important}
.crave[aria-pressed="true"] .plate{background:#DCEBE7!important;box-shadow:inset 0 0 0 2px var(--ink)!important}
.compass .cq.on{fill:#BFDCD9!important}
.compass .cq:hover{fill:#DCEBE7!important}
.map .q.on{fill:rgb(0 131 138 / .16)!important}
.map .q:hover:not(.on){fill:rgb(0 131 138 / .07)!important}
.map .ql{font-family:var(--mono)!important;font-size:13px!important;letter-spacing:.14em;fill:var(--ink)!important;opacity:.55!important;mix-blend-mode:normal!important}
.mcard.sel{background:var(--wash)!important}
#cafelist .mk{text-decoration-color:var(--teal)!important}
.phead canvas{box-shadow:inset 0 0 0 1px var(--line)!important}
.drawer{border-left-width:1px!important}

/* GO_2026_11_11: plainer chrome everywhere, and a phone layout built for scanning */
.kicker::before,.phead .kicker::before{display:none!important}
.herostats{gap:4px 18px!important;margin-top:16px!important}
.herostats b{font:inherit!important;font-weight:600!important;margin-right:5px}
.dock button.on{background:rgb(255 255 255 / .14)!important;color:#fff!important}

@media (max-width:820px){
  /* Hero: words and buttons first, art as a short band underneath */
  .hero,.hero .wrap{display:flex!important;flex-direction:column}
  .hero .wrap{padding-block:16px 0!important}
  .heroart{order:9;height:132px!important;margin-top:16px!important}
  .hero .kicker,.herostats,.herohand{display:none!important}
  h1 .a,h1 .b{font-size:clamp(44px,13.5vw,60px)!important}
  .hero .dek{font-size:16px!important;line-height:1.4;margin-top:10px}
  .hero .ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
  .hero .ctas .btn{justify-content:center;text-align:center;padding:14px 8px!important;font-size:16px}

  /* Section heads: just the heading */
  .sechead .kicker,.sechead p{display:none!important}
  h2.sec{font-size:30px!important;line-height:1!important}
  .secwrap{padding-top:34px!important}

  /* Season stories: one swipeable strip instead of three stacked cards */
  .fresh{display:flex!important;overflow-x:auto;gap:10px!important;padding-block:14px 2px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  .fresh::-webkit-scrollbar{display:none}
  .frc{flex:0 0 72%;scroll-snap-align:start;padding:11px 14px!important}
  .frc b{font-size:19px!important}
  .frc .m{display:none}

  /* Cravings: smaller plates, four to a screen */
  .crave{width:84px!important}
  .crave b{font-size:13px!important;line-height:1.15}

  /* The three pins: compact, and the method cards move out of the way */
  .band{margin-top:30px!important;padding-block:26px 28px!important}
  #rate .how{display:none!important}
  .rcard{padding-top:12px!important}
  .rcard p{font-size:14px!important;margin-top:4px!important}

  /* List rows: name, where, one line of what to order, one tag */
  .row{padding:11px 2px!important;row-gap:2px}
  .row .nm{font-size:18px!important}
  .row .ln{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .row .tags{margin-top:5px!important;flex-wrap:nowrap;overflow:hidden}
  .row .tags .tag:nth-of-type(n+2),.row .tags>:not(.tag){display:none!important}
  .tierhead{padding-top:18px!important}

  /* Place page: the address row becomes one big Directions button */
  .phead{margin:10px 0 16px!important}
  .phead h1{font-size:clamp(34px,10vw,46px)!important}
  .where{display:grid!important;gap:10px}
  .where .dirs{display:flex;justify-content:center;align-items:center;min-height:50px;border-radius:8px;background:var(--ink);color:var(--paper)!important;font-weight:600;font-size:16px;text-decoration:none!important}
  .placegrid{gap:22px!important}
  .heropin{display:none!important}
  .crave:first-child{margin-left:14px}
  .rcard{display:grid!important;grid-template-columns:38px minmax(0,1fr);column-gap:10px;align-items:start}
  .rcard>svg{grid-row:1 / span 3;width:32px;height:40px}
  .rcard>:not(svg){grid-column:2}
  .rcard h3{margin-top:2px!important;font-size:19px!important}
  .rcard>:last-child:not(p):not(h3){display:none}
  .where .dirs{width:100%}
  .crave:first-child{margin-left:0}
  :has(> .crave){padding-left:16px!important;scroll-padding-left:16px}
  .how[style]{display:flex!important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;scrollbar-width:none;margin-bottom:8px!important}
  .how[style]>div{flex:0 0 80%;scroll-snap-align:start}
}