/* Private chef & fine dining page (owner brief 2026-10-25): three tiers, sample menus, the brigade, worked totals.
   Loads after canapes-page.css, corporate-page.css and street-food-page.css and reuses their cb-*, co-* and gs-* blocks. */

/* Hero: the owner's studio portrait of Chef Ioannis behind a flaming canapé grill (2026-10-25). The flames are real,
   in the photo; it has a person, so no added embers, glow, flicker or slow zoom (data-hero-fx="none" on body).
   The black background melts into the navy; the crop keeps his face and the grill. */
.menu-page main .pc-hero .mhero-copy{max-width:640px}
.menu-page main .pc-hero h1{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.04;letter-spacing:-.025em}
.pc-hero .mhero-glow,.am-on .menu-page .pc-hero .mhero-visual::after{display:none!important}
.am-on .menu-page .pc-hero .mhero-food{animation:none;transform:none}
/* Owner 2026-10-25: red-purple wine velvet behind the hero instead of navy, so private chef stands apart from the
   other menu pages. Same velvet textures as the homepage Valentine banner, shifted towards plum. */
.menu-page main .pc-hero{--pc-wine:#4a0f2b;background-color:var(--pc-wine);background-image:var(--tex-sand),var(--tex-velvet),var(--tex-weave-soft),radial-gradient(ellipse 45% 70% at 30% 45%,#8a1f4a55,#0000 70%),linear-gradient(135deg,#34081e 0%,#561238 50%,#3c0a22 100%)}
.menu-page main .pc-hero .mhero-food{object-position:50% 52%}
/* Owner: keep his face and the board clear. Only the black studio edge of the photo fades into the wine;
   nothing is tinted or darkened over Chef himself. */
@media(min-width:851px){.menu-page main .pc-hero .mhero-visual{width:56%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 30%);mask-image:linear-gradient(90deg,#0000 0%,#000 30%)}
  .menu-page main .pc-hero .mhero-shade{background:linear-gradient(90deg,rgba(60,10,34,.7) 0%,rgba(60,10,34,.25) 14%,transparent 28%)}}
/* Tablets and phones: the photo as a clear panel on top, words underneath. Owner: the wine fades in from the sides,
   as on desktop, never over his body or the board; only the empty table edge at the very bottom softens. */
@media(max-width:850px){
  .menu-page main .mhero.pc-hero{min-height:0}
  .menu-page main .pc-hero .mhero-visual{position:relative;width:100%;height:auto;aspect-ratio:4/5;max-height:620px;top:auto;bottom:auto;
    -webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16%,#000 84%,#0000 100%),linear-gradient(180deg,#000 92%,#0000 100%);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,#0000 0%,#000 16%,#000 84%,#0000 100%),linear-gradient(180deg,#000 92%,#0000 100%);mask-composite:intersect}
  .menu-page main .pc-hero .mhero-food{object-position:50% 42%}
  .menu-page main .pc-hero .mhero-shade{display:none}
  .menu-page main .pc-hero .mhero-inner{min-height:0;padding-block:4px 44px}
}

/* Gold card photo: boards plated for a private party in a client's kitchen (owner, summer 2026). Keep the front boards
   and crop the helper at the top of the frame */
.menu-page main .pc-focus-low{overflow:hidden}
.menu-page main .pc-focus-low img{object-position:50% 100%;transform:scale(1.15);transform-origin:45% 85%}
/* Platinum card photo: portrait shot of aged steaks and a tomahawk in a client's kitchen; the 3:2 crop keeps
   the meat and drops the room behind */
.menu-page main .pc-focus-steak{overflow:hidden}
.menu-page main .pc-focus-steak img{object-position:30% 78%;transform:scale(1.3);transform-origin:32% 62%}
/* Owner: the "Chef's recommendation" badge sat over the oven in that photo. It now lives in the card body, on the navy,
   level with the GOLD label; same text and style as on the other pages. */
.menu-page main .cb-packages .cb-body>.cb-flag{top:28px;right:28px}

/* Brigade band: portrait photo beside the words */
.menu-page main .pc-brigade .co-visit-photo img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;max-height:560px}
/* Owner's photo of Chef basting prawns with a second Aretsi chef behind him: the brigade in one frame.
   Crop keeps both faces and the pan */
.menu-page main .pc-brigade .pc-team-photo{justify-self:center}
.menu-page main .pc-brigade .pc-team-photo img{aspect-ratio:852/1846;width:auto;max-width:100%;height:min(640px,82vh);max-height:none}
@media(max-width:900px){.menu-page main .pc-brigade .pc-team-photo img{height:auto;width:min(320px,100%)}}
.menu-page main .pc-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px;max-width:540px}
.menu-page main .pc-points li{position:relative;padding-left:26px;color:#c9d2e6;line-height:1.6}
.menu-page main .pc-points li::before{content:"";position:absolute;left:2px;top:.55em;width:10px;height:6px;border-left:1.5px solid var(--gold-light);border-bottom:1.5px solid var(--gold-light);transform:rotate(-45deg)}
.menu-page main .pc-points strong{color:#fff;font-weight:600}

/* Owner's 16-second highlights film (portrait, with music): plays muted on a loop, the controls turn the sound on */
.menu-page main .pc-film .co-visit-inner{grid-template-columns:1.15fr 1fr}
.menu-page main .pc-film-video{margin:0;justify-self:center}
.menu-page main .pc-film-video video{display:block;width:auto;max-width:100%;height:min(620px,80vh);aspect-ratio:480/854;border-radius:14px;background:#0c173c;box-shadow:0 24px 50px -28px #000c}
@media(max-width:900px){.menu-page main .pc-film .co-visit-inner{grid-template-columns:1fr}
  .menu-page main .pc-film-video video{height:auto;width:min(340px,100%)}}

/* Gallery: the tall dessert-prep photo is cropped to Chef, the honeycomb and the plated dessert,
   leaving out the tubs and cling-filmed plates below */
.menu-page main .gallery-grid img.pc-crop-dessert{object-position:50% 21%}
.menu-page main .gallery-grid img.pc-crop-pasta{object-position:50% 70%}

/* Worked totals under the cards */
.menu-page main .pc-totals{max-width:860px;margin:40px auto 0;overflow-x:auto}
.menu-page main .pc-totals table{width:100%;border-collapse:collapse;font-size:.9375rem;background:#fffdf8;border:1px solid #e6dccb}
.menu-page main .pc-totals caption{caption-side:top;text-align:left;font-family:var(--serif);font-size:1.25rem;color:var(--navy);padding-bottom:12px}
.menu-page main .pc-totals th,.menu-page main .pc-totals td{padding:12px 16px;text-align:right;border-bottom:1px solid #eee4d3;white-space:nowrap}
.menu-page main .pc-totals th:first-child,.menu-page main .pc-totals td:first-child{text-align:left}
.menu-page main .pc-totals thead th{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}
.menu-page main .pc-totals tbody th{font-weight:600;color:var(--navy)}
.menu-page main .pc-totals p{font-size:.8125rem;color:var(--muted);margin-top:10px}

/* Sample menus: one row of short menu ideas per tier, on parchment cards */
.menu-page main .pc-tier-menus+.pc-tier-menus{margin-top:44px}
.menu-page main .pc-menus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.menu-page main .pc-menu{padding:24px 22px;border:1px solid #e6dccb;border-radius:6px;background-color:#fffdf8;background-image:var(--tex-grain),var(--tex-weave-soft),linear-gradient(180deg,#fffefa,#fbf6ec);box-shadow:0 14px 30px -24px #4a3a2259}
.menu-page main .pc-menu h3{font-size:1.2rem;letter-spacing:-.015em}
.menu-page main .pc-menu p{font-size:.875rem;line-height:1.65;color:var(--muted);margin-top:8px}
.menu-page main .pc-menu .gs-diet{margin-left:4px}

/* What your kitchen needs */
.menu-page main .pc-kitchen{max-width:820px;margin:30px auto 0;padding:22px 28px;border-left:3px solid var(--gold);background:#fffaf0;color:var(--muted);line-height:1.7;font-size:.9375rem}
.menu-page main .pc-kitchen strong{color:var(--navy)}
.menu-page main .pc-kitchen p+p{margin-top:10px}

/* Owner 2026-10-25: cloth texture on every band of this page, header to footer. The remaining flat panels
   (header, breadcrumbs, sample menus, enquiry, footer) get the same grain and linen weave as the price section. */
.menu-page .site-header,.menu-page .breadcrumbs{background-color:#f4ecdc;background-image:var(--tex-grain),var(--tex-weave-soft),var(--tex-mottle),linear-gradient(180deg,#f7f0e2,#f1e7d4)}
.menu-page main #menus{background-color:#faf6ee;background-image:var(--tex-grain),var(--tex-weave-soft),var(--tex-mottle),radial-gradient(ellipse 70% 60% at 50% 0%,#fffaf0,#0000 70%),linear-gradient(180deg,#fbf7ef,#f5eddd)}
.menu-page main .enquiry-section{background-color:#eef3f8;background-image:var(--tex-grain),var(--tex-weave-soft),radial-gradient(ellipse 70% 60% at 50% 0%,#f6faff,#0000 70%),linear-gradient(180deg,#f0f5fa,#e4edf5)}
.menu-page main .enquiry-form{background-color:#fffdf8;background-image:var(--tex-grain),var(--tex-weave-soft),linear-gradient(180deg,#fffefa,#fbf6ec)}
.menu-page .site-footer{background-color:#f6efe2;background-image:var(--tex-grain),var(--tex-weave-soft),var(--tex-mottle),linear-gradient(180deg,#f8f2e7,#f1e7d6)}

@media(max-width:1100px){.menu-page main .pc-menus{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .menu-page main .pc-hero h1{font-size:2.3rem}
  .menu-page main .pc-menus{grid-template-columns:1fr}
  .menu-page main .pc-totals th,.menu-page main .pc-totals td{padding:10px 8px;font-size:.8125rem}
  /* Five columns fit a phone; the 2-guest column is covered by the note under the table */
  .menu-page main .pc-totals tr>:nth-child(2){display:none}
}