/* Biryani Pot Indian Bar & Grill — "Courtyard" theme (Direction B) for biryanipotarizona.com.
   Loaded after site.css. Limestone and ivory by day, a green-charcoal dusk for the bar, terracotta
   and botanical green accents, Young Serif with Alegreya Sans, arches and pill buttons.
   Light theme by design; every colour is explicit and checked for contrast. */

:root{
  color-scheme: light;
  /* dusk replaces charcoal for every "night" surface */
  --ink:#1F2823; --ink-2:#26312B; --ink-3:#3C4A42; --ink-0:#18201C;
  /* limestone ground and ivory lit surface */
  --paper:#ECE4D6; --paper-2:#F8F4EC; --paper-line:#E0D6C5; --paper-line-2:#D3C5AE;
  --copper:#9E4325;     /* terracotta: 5.1:1 on limestone, 5.8:1 on ivory */
  --copper-lt:#E7B66E;  /* lamplight on dusk: 8.2:1 */
  --saffron:#E7B66E;
  --madder:#9E4325;
  --leaf:#3F5E45;       /* botanical green: 5.7:1 on limestone */
  --mute-d:#B7B9AE;     /* secondary on dusk */
  --mute-l:#5C5249;     /* secondary on limestone: 6.0:1 */
  --body-l:#4A413A;
  --body-d:#EFE8DC;
  --text:#2B2622;       /* body text on light grounds */
  --serif:"Young Serif","Iowan Old Style",Georgia,serif;
  --sans:"Alegreya Sans","Gill Sans","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --arch:999px 999px 0 0;
  --head-h:84px;
  --max:1280px;
}

body{background:var(--paper);color:var(--text)}
:focus-visible{outline-color:var(--copper)}
.night :focus-visible,.night-2 :focus-visible,.cy-dusk :focus-visible,.foot :focus-visible{outline-color:var(--copper-lt)}
h1,h2,h3,h4{font-weight:400;letter-spacing:-.005em;line-height:1.1}
.hero h1,.phero h1{font-weight:400;font-variation-settings:normal}
.paper{background:var(--paper);color:var(--text)}
.paper-2{background:var(--paper-2);color:var(--text)}
.night,.night-2{color:var(--body-d)}
.eyebrow{color:var(--leaf);font-weight:700;letter-spacing:.14em}
.paper .eyebrow,.paper-2 .eyebrow{color:var(--leaf)}
.night .eyebrow,.night-2 .eyebrow,.foot .eyebrow{color:var(--copper-lt)}
.muted{color:var(--mute-l)}
.night .muted,.night-2 .muted{color:var(--mute-d)}
.lede{color:var(--mute-l)}
.night .lede,.night-2 .lede{color:var(--body-d)}

/* ---------- Header: centred axis ---------- */
.site-head{background:rgba(236,228,214,.96);border-bottom:1px solid var(--paper-line-2);color:var(--text)}
.head-in{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;min-height:var(--head-h)}
.nav-l,.nav-r,.nav-r-links{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2rem)}
.nav-r{justify-content:flex-end}
.nav-l a,.nav-r-links a{font-size:1.06rem;font-weight:500;text-decoration:none;padding:.5rem 0;border-bottom:1.5px solid transparent;color:var(--text)}
.nav-l a:hover,.nav-r-links a:hover{border-color:var(--copper)}
.nav-l a[aria-current="page"],.nav-r-links a[aria-current="page"]{border-color:var(--copper);color:var(--copper)}
.brand{gap:.65rem}
.brand img{width:40px}
.site-head .wm-2 i{color:var(--copper)}
.site-head .wm-2::before,.site-head .wm-2::after{background:var(--copper);opacity:1}
.menu-toggle{color:var(--text)}
.mnav{border-top-color:var(--paper-line-2)}
.mnav a{border-bottom-color:var(--paper-line-2);font-size:1.45rem}
.mnav a[aria-current="page"]{color:var(--copper)}
.mnav a span,.mnav-meta{color:var(--mute-l)}

/* ---------- Buttons ---------- */
.btn{border-radius:999px;font:700 1rem/1 var(--sans);letter-spacing:.03em;border-width:1.5px}
.btn-copper{background:var(--copper);color:var(--paper-2)}
.btn-copper:hover{background:#82361C}
.btn-ink{background:var(--leaf);color:var(--paper-2)}
.btn-ink:hover{background:#2F4834}
.btn-line{border-color:var(--leaf);color:var(--leaf)}
.btn-line:hover{background:var(--leaf);color:var(--paper-2)}
.btn-ghost{border-color:rgba(239,232,220,.7);color:var(--body-d)}
.btn-ghost:hover{background:var(--body-d);color:var(--ink)}
.night .btn-copper,.night-2 .btn-copper,.cy-dusk .btn-copper{background:var(--copper-lt);color:var(--ink)}
.night .btn-copper:hover,.night-2 .btn-copper:hover{background:#F0C88E}
.tlink:hover,.paper .tlink:hover,.paper-2 .tlink:hover{color:var(--copper)}
.night .tlink:hover,.night-2 .tlink:hover{color:var(--copper-lt)}

/* ---------- Inner-page hero: text beside an arched photograph ---------- */
.phero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:end;min-height:0;
  max-width:var(--max);margin-inline:auto;padding:clamp(2rem,5vw,4rem) var(--gutter) 0;background:transparent;color:var(--text);overflow:visible}
.phero::after{display:none}
.phero > img{position:static;grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:5/6;object-fit:cover;border-radius:var(--arch);
  border:10px solid var(--paper-2);border-bottom:0;box-shadow:0 0 0 1px var(--paper-line-2)}
.phero .wrap{grid-column:1;grid-row:1;padding:0 0 clamp(2rem,5vw,4rem);max-width:none}
.phero h1{color:var(--text);max-width:16ch}
.phero h1 em{color:var(--copper);font-style:normal}
.phero .lede{color:var(--mute-l)}
.phero .eyebrow{color:var(--leaf)}
.phero .tlink{color:var(--text)}
.phero + section,.phero + article{border-top:1px solid var(--paper-line-2)}
.phero--plain{display:block;padding-bottom:0}
.phero--plain .wrap{padding-inline:0}

/* ---------- Light-ground versions of shared components ---------- */
.day{background:var(--paper-2);border-color:var(--paper-line-2);color:var(--text)}
.taste-box,.start{background:var(--ink);color:var(--body-d);border-radius:4px}
.bottle .ph{background:var(--paper-2);border-radius:999px 999px 6px 6px}
figure img,.fig img{border-radius:4px}
.foot{background:var(--ink);color:var(--mute-d)}
.foot h2{color:var(--body-d)}
.foot .wm-2 i{color:var(--copper-lt)}

/* ---------- Mobile action bar ---------- */
.actbar{background:var(--paper-2);border-top:1px solid var(--paper-line-2)}
.actbar a{color:var(--text)}
.actbar a.primary{background:var(--copper);color:var(--paper-2);border-radius:999px}

/* ---------- Home page (cy-*) ---------- */
.cy-kicker{font-size:var(--step--1);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}
.cy-hero{padding-block:clamp(2rem,5vw,4rem) 0}
.cy-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.cy-hero h1{font-size:var(--step-4);line-height:1.02;margin-top:1rem}
.cy-hero h1 span{color:var(--copper)}
.cy-hero .sub{font-family:var(--serif);font-size:var(--step-1);color:var(--leaf);margin-top:1.2rem}
.cy-hero .lede{margin-top:1rem;max-width:42ch;font-size:var(--step-1)}
.cy-hero .ctas{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.cy-hero .ctas .btn{min-width:12.5rem}
.cy-hero-text{padding-bottom:clamp(1rem,4vw,3.5rem)}
.cy-open{margin-top:1.2rem;font-weight:700;color:var(--leaf)}
.archway{position:relative;margin:0}
.archway .arch{border-radius:var(--arch);overflow:hidden;aspect-ratio:4/5;border:10px solid var(--paper-2);border-bottom:0;box-shadow:0 0 0 1px var(--paper-line-2)}
.archway .arch img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.archway .inset{position:absolute;left:clamp(-4rem,-6vw,-2rem);bottom:12%;width:44%;margin:0;border:8px solid var(--paper-2);box-shadow:0 18px 40px -18px rgba(43,38,34,.45)}
.archway .inset img{aspect-ratio:16/9;object-fit:cover;width:100%;border-radius:0}
.archway .inset figcaption{position:absolute;left:0;right:0;top:calc(100% + .7rem);font-size:.92rem;color:var(--mute-l)}

.cy-day{border-block:1px solid var(--paper-line-2);background:var(--paper-2);margin-top:clamp(2rem,5vw,4rem)}
.cy-day-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cy-step{padding:1.4rem 1.6rem;display:grid;gap:.2rem;border-left:1px solid var(--paper-line-2)}
.cy-step:first-child{border-left:0;padding-left:0}
.cy-step .t{font-family:var(--serif);font-size:var(--step-2);color:var(--copper);font-variant-numeric:lining-nums}
.cy-step .t small{font-family:var(--sans);font-size:.95rem;color:var(--mute-l);margin-left:.4rem}
.cy-step p{color:var(--mute-l)}
.cy-step b{color:var(--text)}
.cy-step:last-child .t{color:var(--leaf)}

.cy-doors{padding-block:clamp(4rem,9vw,7rem)}
.cy-head{text-align:center;max-width:46rem;margin:0 auto clamp(2.5rem,5vw,4rem)}
.cy-head h2{font-size:var(--step-3);margin-top:.6rem}
.cy-head p{color:var(--mute-l);margin-top:.9rem}
.door-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2.5rem)}
.door{display:grid;gap:1.2rem;text-decoration:none;color:var(--text)}
.door .frame{border-radius:var(--arch);overflow:hidden;aspect-ratio:3/4;background:var(--paper-2);padding:12px 12px 0;border:1px solid var(--paper-line-2);border-bottom:0}
.door .frame img{width:100%;height:100%;object-fit:cover;border-radius:var(--arch)}
.door h3{font-size:var(--step-3)}
.door .row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-top:1px solid var(--text);padding-top:.8rem}
.door .row span{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;color:var(--copper)}
.door p{color:var(--mute-l);max-width:44ch}
@media (prefers-reduced-motion:no-preference){
  .door .frame img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
  .door:hover .frame img{transform:scale(1.025)}
}

.cy-ledger{background:var(--paper-2);border-block:1px solid var(--paper-line-2);padding-block:clamp(4rem,9vw,7rem)}
.cy-ledger-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 3rem;margin-bottom:2.5rem}
.cy-ledger-head h2{font-size:var(--step-3);max-width:16ch;margin-top:.6rem}
.cy-ledger-head p{color:var(--mute-l);max-width:48ch}
.cols{display:grid;grid-template-columns:1fr 1fr}
.col{padding-inline:0 clamp(1.5rem,3vw,3rem);min-width:0}
.col + .col{padding-inline:clamp(1.5rem,3vw,3rem) 0;border-left:1px solid var(--paper-line-2)}
.col > h3{display:flex;align-items:center;gap:.9rem;font-size:var(--step-2);padding-bottom:.9rem;border-bottom:2px solid var(--leaf)}
.col > h3 img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.grp{margin-top:1.8rem}
.grp .gh{font-family:var(--sans);font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);margin-bottom:.3rem}
.item{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;padding-block:.85rem;border-bottom:1px dotted var(--paper-line-2)}
.item .n{font-family:var(--serif);font-size:var(--step-1);line-height:1.25}
.item .n small{display:block;font-family:var(--sans);font-size:.98rem;color:var(--mute-l);margin-top:.1rem}
.item .p{font-weight:700;font-variant-numeric:tabular-nums;font-size:1.05rem}
.item .p.ask{font-weight:500;font-size:.92rem;color:var(--mute-l)}
.item .d{grid-column:1/-1;color:var(--mute-l);margin-top:.25rem;max-width:56ch}
.item .d em{font-style:italic;color:var(--text)}
.mark{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-left:.5rem;vertical-align:.15em}
.mark.v{color:var(--leaf)}
.mark.usa{color:var(--mute-l)}
.cy-more{margin-top:1.4rem}
.firstvisit{margin-top:2.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.5rem;align-items:center;background:var(--paper);padding:1.4rem;border-radius:4px}
.firstvisit h3{font-size:var(--step-2)}
.firstvisit ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}
.firstvisit li{background:var(--paper-2);border:1px solid var(--paper-line-2);padding:.45rem .85rem;border-radius:999px;font-size:1rem}
.firstvisit li b{color:var(--copper);margin-right:.3rem}

.cy-niches{padding-block:clamp(4rem,9vw,7rem)}
.cy-niches-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem 4rem;align-items:end;margin-bottom:2.5rem}
.cy-niches-head h2{font-size:var(--step-3);margin-top:.6rem}
.cy-niches-head p{color:var(--mute-l)}
.wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.8rem,2vw,1.5rem);padding:clamp(1rem,2.5vw,2rem);background:#E3D9C8;border:1px solid var(--paper-line-2)}
.niche{display:grid;gap:.6rem;align-content:start;min-width:0}
.niche .hole{border-radius:999px 999px 6px 6px;background:var(--paper-2);box-shadow:inset 0 10px 18px -8px rgba(80,60,40,.35);aspect-ratio:3/5;display:grid;place-items:end center;padding:20% 10% 8%;overflow:hidden}
.niche .hole img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.niche h3{font-size:1.15rem;line-height:1.2}
.niche .o{font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--leaf)}
.niche .o.usa{color:var(--copper)}

.cy-dusk{background:var(--ink);color:var(--body-d)}
.dusk-hero{position:relative;isolation:isolate}
.dusk-hero img{width:100%;aspect-ratio:21/9;object-fit:cover}
.dusk-hero .cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(1.5rem,4vw,3rem) 0;background:linear-gradient(180deg,rgba(31,40,35,0),rgba(31,40,35,.94) 60%)}
.dusk-hero .cap h2{font-size:var(--step-4);color:var(--body-d);text-shadow:0 1px 18px rgba(0,0,0,.35)}
.dusk-hero .cap p{color:#D9DBD0;max-width:48ch;margin-top:.6rem;font-size:var(--step-1)}
.cy-dusk .cy-kicker{color:var(--copper-lt)}
.dusk-body{padding-block:clamp(3rem,7vw,5.5rem)}
.dusk-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem)}
.cy-dusk .item{border-bottom-color:var(--ink-3)}
.cy-dusk .item .n small,.cy-dusk .item .d,.cy-dusk .item .p.ask{color:var(--mute-d)}
.cy-dusk .grp .gh{color:var(--copper-lt)}
.cy-hh{border:1px solid var(--ink-3);padding:1.6rem;border-radius:4px;display:grid;gap:.6rem;align-content:start}
.cy-hh .t{font-family:var(--serif);font-size:var(--step-2);color:var(--copper-lt)}
.cy-hh p{color:var(--mute-d)}
.pairs{margin-top:2rem}
.pair{padding-block:1rem;border-top:1px solid var(--ink-3);display:grid;gap:.2rem}
.pair b{font-family:var(--serif);font-weight:400;font-size:1.2rem}
.pair i{color:var(--copper-lt);font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}
.pair span{color:var(--mute-d)}

.cy-free{padding-block:clamp(4rem,8vw,6rem)}
.cy-free-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.cy-free figure{margin:0}
.cy-free figure img{border-radius:var(--arch);aspect-ratio:4/5;object-fit:cover;width:100%}
.cy-free h2{font-size:var(--step-3);margin-top:.6rem}
.cy-free .intro{color:var(--mute-l);margin-top:1rem;max-width:46ch}
.cy-roots{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--paper-line-2)}
.cy-roots h3{font-size:var(--step-2)}
.cy-roots p{color:var(--mute-l);max-width:50ch;margin-top:.5rem}
.cy-roots .links{margin-top:1rem}

.cy-journal{background:var(--paper-2);border-top:1px solid var(--paper-line-2);padding-block:clamp(3.5rem,7vw,5.5rem)}
.cy-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2rem)}
.cy-post{text-decoration:none;color:var(--text);display:grid;gap:.7rem;align-content:start}
.cy-post img{border-radius:var(--arch);aspect-ratio:4/5;object-fit:cover;width:100%}
.cy-post .cy-kicker{font-size:.85rem}
.cy-post h3{font-size:var(--step-1);line-height:1.25}
.cy-post:hover h3{color:var(--copper)}

.cy-visit{background:var(--paper);border-top:1px solid var(--paper-line-2);padding-block:clamp(3.5rem,7vw,5.5rem)}
.cy-visit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 3rem}
.cy-visit h2{font-size:var(--step-2);margin-bottom:.8rem}
.cy-visit address{font-style:normal;font-size:var(--step-1);line-height:1.4}
.cy-visit .acts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.cy-visit p{color:var(--mute-l)}
.cy-visit .hours th,.cy-visit .hours td{border-bottom-color:var(--paper-line-2)}
.cy-visit .hours .hhrow th,.cy-visit .hours .hhrow td{color:var(--leaf)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nav-l a:nth-child(3){display:none}
}
@media (max-width:900px){
  .head-in{grid-template-columns:auto 1fr auto;min-height:68px}
  .nav-l,.nav-r-links{display:none}
  .brand{grid-column:1;grid-row:1}
  .nav-r{grid-column:3;grid-row:1;gap:.6rem}
  .menu-toggle{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 .9rem;background:none;border:1.5px solid var(--text);border-radius:999px;font:700 .95rem/1 var(--sans);letter-spacing:.06em;cursor:pointer}
  .phero{grid-template-columns:minmax(0,1fr);padding-top:1.4rem;gap:1.2rem}
  .phero > img{grid-column:1;grid-row:1;aspect-ratio:6/5;max-width:34rem;border-width:8px}
  .phero .wrap{grid-column:1;grid-row:2;padding-bottom:2rem}
  .cy-hero-grid,.cy-niches-head,.dusk-grid,.cy-free-grid{grid-template-columns:minmax(0,1fr)}
  .archway{order:-1;max-width:34rem;width:100%}
  .archway .arch{aspect-ratio:6/5;border-width:8px}
  .archway .arch img{object-position:50% 62%}
  .archway .inset{width:38%;left:auto;right:-.5rem;bottom:-1.2rem}
  .archway .inset figcaption{display:none}
  .cy-hero-grid{gap:1.6rem}
  .cy-day-in{grid-template-columns:minmax(0,1fr)}
  .cy-step,.cy-step:first-child{border-left:0;border-top:1px solid var(--paper-line-2);padding:1rem 0}
  .cy-step:first-child{border-top:0}
  .cols{grid-template-columns:minmax(0,1fr)}
  .col,.col + .col{padding-inline:0;border-left:0}
  .col + .col{margin-top:3rem}
  .firstvisit{grid-template-columns:minmax(0,1fr)}
  .dusk-hero img{aspect-ratio:4/3}
  .cy-visit-grid{grid-template-columns:minmax(0,1fr)}
  .cy-posts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cy-posts .cy-post:nth-child(3){display:none}
}
@media (max-width:560px){
  .brand img{width:32px}
  .nav-r .btn{display:none}
  .cy-hero .ctas{display:grid;grid-template-columns:1fr 1fr}
  .cy-hero .ctas .btn{min-width:0;padding-inline:.5rem}
  .door-pair{gap:.8rem}
  .door h3{font-size:var(--step-2)}
  .door p{display:none}
  .door .row{flex-direction:column;gap:.2rem}
  .wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dusk-hero .cap{position:static;background:var(--ink);padding-bottom:0}
  .cy-posts{grid-template-columns:minmax(0,1fr)}
  .cy-posts .cy-post:nth-child(n+2){display:none}
}

/* refinements */
.cy-hero h1{font-size:clamp(2.5rem,1.8rem + 3.3vw,4.9rem)}
.archway .inset figcaption{position:absolute;inset:auto 0 0 0;top:auto;padding:.35rem .6rem;background:var(--paper-2);color:var(--mute-l);font-size:.88rem}

/* light hero: drop the photo-legibility shadows and light text from the dark theme */
.phero h1,.phero .lede,.phero .eyebrow,.phero .tlink,.phero .crumbs,.post-meta{text-shadow:none}
.phero .eyebrow{color:var(--leaf)}
.phero .eyebrow::before{background:var(--copper)}
.phero .crumbs,.phero .crumbs a{color:var(--mute-l)}
.post-meta{color:var(--mute-l)}
.open-line,.phero .open-line{color:var(--leaf)}
.btn-ghost{border-color:var(--leaf);color:var(--leaf)}
.btn-ghost:hover{background:var(--leaf);color:var(--paper-2)}
.night .btn-ghost,.night-2 .btn-ghost,.cy-dusk .btn-ghost{border-color:rgba(239,232,220,.7);color:var(--body-d)}