/* generated per-site — palette + tokens are seeded, prefix is randomized */
:root{
  --roc84-brand:#54362a;
  --roc84-brand2:#ffffff;
  --roc84-brand-contrast:#ffffff;
  --roc84-brand-ink:#938178;
  --roc84-accent:#776f6e;
  --roc84-accent-ink:#898281;
  --roc84-accent-contrast:#ffffff;
  --roc84-paper:#151518;
  --roc84-ink:#f2f1ee;
  --roc84-muted:#1e1e21;
  --roc84-muted-strong:#1b181a;
  --roc84-border:#323234;
  --roc84-ink-soft:#a5a4a3;
  --roc84-radius:0px;
  --roc84-gap:16px;
  --roc84-container:860px;
  --roc84-section-pad:clamp(48px,5.5vw,72px);
  --roc84-hero-height:clamp(274px,43vw,311px);
  --roc84-shadow-1:0 1px 2px rgba(23,24,28,.05),0 6px 16px rgba(23,24,28,.06);
  --roc84-shadow-2:0 4px 8px rgba(23,24,28,.07),0 14px 32px rgba(23,24,28,.11);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
[id]{scroll-margin-top:calc(64px + 1rem);}
:focus-visible{outline:2px solid var(--roc84-brand);outline-offset:3px;}
:focus:not(:focus-visible){outline:none;}
body{
  margin:0;background:var(--roc84-paper);color:var(--roc84-ink);
  font-family:'Fanwood Text',system-ui,-apple-system,sans-serif;
  line-height:1.6;
}
h1,h2,h3{font-family:'Quattrocento',Georgia,serif;line-height:1.15;margin:0 0 .55em;}
h1,h2{text-wrap:balance;}
h1{font-size:clamp(2.17rem,5vw,3.6rem);}
h2{font-size:clamp(1.64rem,3.2vw,2.42rem);}
h3{font-size:1.19rem;}
p{margin:0 0 1em;}
a{color:var(--roc84-brand-ink);text-decoration:none;}
a:hover{text-decoration:underline;}
img,picture{max-width:100%;display:block;}
img{height:auto;border-radius:var(--roc84-radius);}
ul{margin:0;padding:0;}
li{list-style:none;}

.roc84-container{max-width:var(--roc84-container);margin-inline:auto;padding-inline:18px;}
.roc84-skip{position:absolute;left:-999px;top:0;background:var(--roc84-brand);color:var(--roc84-brand-contrast);padding:.6em 1em;z-index:200;}
.roc84-skip:focus{left:0;}

/* --- header / nav --- */
.roc84-header{position:sticky;top:0;background:var(--roc84-paper);border-bottom:1px solid var(--roc84-border);z-index:100;}
.roc84-header-inner{display:flex;align-items:center;justify-content:space-between;padding-block:10px;gap:16px;}
.roc84-logo{display:flex;align-items:center;}
.roc84-logo-img{max-height:44px;width:auto;border-radius:0;}
.roc84-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:8px;cursor:pointer;}
.roc84-nav-toggle span{display:block;width:24px;height:2px;background:var(--roc84-ink);}
.roc84-nav-list{display:flex;gap:22px;align-items:center;}
.roc84-nav-list a{color:var(--roc84-ink);font-weight:500;}
.roc84-nav-list a:hover,.roc84-nav-list a[aria-current="page"]{color:var(--roc84-brand-ink);text-decoration:none;}

/* --- header chrome variants (29-A) --- */
/* The two elements on every page of every site had zero variation. Each
   variant rearranges the same hooks `nav.js` and the a11y contract need. */
.roc84-header--centered_stack .roc84-header-inner{flex-direction:column;gap:8px;}
.roc84-header--centered_stack .roc84-nav-list{justify-content:center;}
.roc84-header--split_nav .roc84-header-inner{justify-content:center;gap:26px;}
.roc84-header--split_nav .roc84-nav{display:none;}
.roc84-header-split-list{display:flex;gap:19px;align-items:center;}
.roc84-header-split-list a{color:var(--roc84-ink);font-weight:500;}
.roc84-header-split-list a:hover,.roc84-header-split-list a[aria-current="page"]{color:var(--roc84-brand-ink);}
.roc84-header--logo_left_cta .roc84-header-cta{padding:.5em 1.2em;font-size:0.78rem;white-space:nowrap;flex:none;}
@media (max-width:780px){
  .roc84-header--split_nav .roc84-header-split{display:none;}
  .roc84-header--split_nav .roc84-nav{display:block;}
  .roc84-header--split_nav .roc84-header-inner{justify-content:space-between;}
  .roc84-header--centered_stack .roc84-header-inner{flex-direction:row;}
  .roc84-header--logo_left_cta .roc84-header-cta{display:none;}
}

@media (max-width:780px){
  .roc84-nav-toggle{display:flex;}
  .roc84-nav{position:absolute;left:0;right:0;top:100%;background:var(--roc84-paper);border-bottom:1px solid var(--roc84-border);max-height:0;overflow:hidden;}
  .roc84-nav.roc84-nav-open{max-height:70vh;}
  .roc84-nav-list{flex-direction:column;align-items:flex-start;padding:16px 18px;gap:8px;}
}

/* --- buttons / cta --- */
.roc84-btn{display:inline-block;padding:.75em 1.5em;border-radius:var(--roc84-radius);background:var(--roc84-brand);color:var(--roc84-brand-contrast);font-weight:600;}
.roc84-btn:hover{background:var(--roc84-brand2);text-decoration:none;}
.roc84-btn--outline{background:transparent;border:1.5px solid var(--roc84-brand);color:var(--roc84-brand-ink);}

/* --- layout frame (29-E) --- */
/* Proportion is what a reader perceives as "a different site" more than any
   colour or font choice. `centered` is the width every build used before. */
.roc84-frame--narrow_editorial .roc84-container{max-width:min(var(--roc84-container),62em);}
/* ...but chrome is not body copy: narrowing the *measure* must not narrow the
   header, which then wraps its own nav. */
.roc84-frame--narrow_editorial .roc84-header .roc84-container,.roc84-frame--narrow_editorial .roc84-footer .roc84-container{max-width:1200px;}
.roc84-frame--narrow_editorial body,.roc84-frame--narrow_editorial p{line-height:1.72;}
.roc84-frame--wide .roc84-section-intro{max-width:48em;}
.roc84-frame--asymmetric .roc84-container{margin-left:min(11vw,180px);margin-right:auto;}
.roc84-frame--asymmetric .roc84-hero--centered .roc84-hero-inner{margin-inline:0;}
@media (max-width:900px){
  .roc84-frame--asymmetric .roc84-container{margin-inline:auto;}
}

/* --- heading treatment (29-D) --- */
.roc84-heads--uppercase_tracked h1,.roc84-heads--uppercase_tracked h2,.roc84-heads--uppercase_tracked h3{text-transform:uppercase;letter-spacing:.045em;}
.roc84-heads--uppercase_tracked h1{letter-spacing:.02em;}
.roc84-heads--italic_display h1,.roc84-heads--italic_display h2{font-style:italic;letter-spacing:-.01em;}
.roc84-heads--italic_display .roc84-pullquote-text{font-style:normal;}

/* --- button language (29-F) --- */
/* `radius` stays a token; it just stops being the only shape signal. */
.roc84-btns--outline .roc84-btn{background:transparent;border:1.5px solid var(--roc84-brand);color:var(--roc84-brand-ink);}
.roc84-btns--outline .roc84-btn:hover{background:var(--roc84-brand);color:var(--roc84-brand-contrast);}
.roc84-btns--pill .roc84-btn{border-radius:999px;padding-inline:1.9em;}
.roc84-btns--underline .roc84-btn{background:transparent;color:var(--roc84-brand-ink);border-radius:0;border-bottom:2px solid var(--roc84-brand);padding:.35em 0;}
.roc84-btns--underline .roc84-btn:hover{background:transparent;border-bottom-color:var(--roc84-ink);color:var(--roc84-ink);text-decoration:none;}
.roc84-btns--underline .roc84-cta--banner .roc84-btn{color:#fff;border-bottom-color:#fff;}

/* --- generic section rhythm (29-F) --- */
/* `alternate` and `banded` differ in *which* sections carry the fill — that
   pattern is assigned in `render._assign_use_alt`, not here — while `ruled`
   and `bordered` replace the fill with a line and a box. */
.roc84-section{padding-block:var(--roc84-section-pad);}
.roc84-section--alt{background:var(--roc84-muted-strong);}
.roc84-rhythm--ruled .roc84-section+.roc84-section{border-top:1px solid var(--roc84-border);}
.roc84-rhythm--ruled .roc84-section--alt{background:none;}
.roc84-rhythm--bordered .roc84-section--alt{background:none;}
.roc84-rhythm--bordered .roc84-section+.roc84-section>.roc84-container{border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);padding-block:20px;}
.roc84-rhythm--bordered .roc84-hero>.roc84-container,.roc84-rhythm--bordered .roc84-page-header>.roc84-container{border:0;padding-block:0;}
.roc84-section-intro{max-width:42em;color:var(--roc84-ink-soft);margin-bottom:16px;}
.roc84-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:0.78rem;color:var(--roc84-brand-ink);font-weight:600;}
.roc84-section-head{margin-bottom:24px;}
.roc84-section-head h2{margin-bottom:.25em;}
.roc84-section-head .roc84-section-intro{margin-bottom:0;}

/* --- hero --- */
/* min-height (all variants) is a floor, not a cap — the fixed-height slider
   images stretch to fill it, but real copy is always free to grow the
   section taller instead of ever being clipped. */
.roc84-hero{position:relative;background:var(--roc84-muted);min-height:var(--roc84-hero-height);}
.roc84-hero-inner{display:grid;gap:24px;align-items:center;padding-block:clamp(64px,6.4vw,83px);}
.roc84-hero--split .roc84-hero-inner{grid-template-columns:1.1fr 1fr;}
.roc84-hero--centered .roc84-hero-inner{grid-template-columns:1fr;text-align:center;justify-items:center;max-width:46em;margin-inline:auto;}
.roc84-hero--centered .roc84-hero-media{order:-1;width:100%;max-width:640px;}
.roc84-hero h1{font-size:clamp(2.58rem,6.5vw,4.47rem);letter-spacing:-.02em;}
.roc84-hero-eyebrow{margin-bottom:1.1em;}
.roc84-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;}
.roc84-hero--centered .roc84-hero-actions{justify-content:center;}
.roc84-hero-media img{aspect-ratio:16/10;object-fit:cover;width:100%;}
.roc84-hero--split .roc84-hero-media img{box-shadow:14px 14px 0 var(--roc84-muted-strong);}
.roc84-hero--collage{color:#fff;}
.roc84-hero--collage .roc84-hero-media{position:absolute;inset:0;z-index:0;}
.roc84-hero--collage .roc84-hero-media img{aspect-ratio:auto;width:100%;height:100%;object-fit:cover;border-radius:0;}
.roc84-hero--collage .roc84-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.72));}
/* copy (not hero-inner) gets the position:relative/z-index stacking context —
   putting it on hero-inner instead would make hero-inner's narrow, centered
   max-width:42em box the containing block for the absolutely-positioned
   hero-media, squeezing the full-bleed slider image/collage down to that
   copy-width column instead of the full hero width. */
.roc84-hero--collage .roc84-hero-inner{grid-template-columns:1fr;max-width:42em;}
.roc84-hero--collage .roc84-hero-copy{position:relative;z-index:1;}
.roc84-hero-subhead{font-size:1.18rem;color:var(--roc84-ink-soft);}
.roc84-hero--collage .roc84-hero-subhead{color:rgba(255,255,255,.88);}
.roc84-hero--collage .roc84-eyebrow{color:rgba(255,255,255,.85);}
.roc84-hero--collage .roc84-btn--outline{border-color:rgba(255,255,255,.85);color:#fff;}
/* auto-slide hero: 3 stacked slides crossfade in a synchronized 18s loop —
   each slide's own animation-delay staggers when its local 0% keyframe
   (opaque) lands, so exactly one slide is visible at any moment. */
.roc84-hero-slider .roc84-hero-slide{position:absolute;inset:0;opacity:0;animation:roc84-hero-fade 18s infinite;}
.roc84-hero-slider .roc84-hero-slide:nth-child(1){animation-delay:0s;}
.roc84-hero-slider .roc84-hero-slide:nth-child(2){animation-delay:6s;}
.roc84-hero-slider .roc84-hero-slide:nth-child(3){animation-delay:12s;}
@keyframes roc84-hero-fade{
  0%{opacity:1;}
  28%{opacity:1;}
  33%{opacity:0;}
  100%{opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .roc84-hero-slider .roc84-hero-slide{animation:none;opacity:0;}
  .roc84-hero-slider .roc84-hero-slide:first-child{opacity:1;}
}
/* 19-F: text-led hero for builds with no real photography */
.roc84-hero--text_banner{background:linear-gradient(165deg,var(--roc84-muted) 0%,var(--roc84-muted-strong) 100%);}
.roc84-hero--text_banner .roc84-hero-inner{grid-template-columns:1fr;text-align:center;justify-items:center;max-width:46em;margin-inline:auto;padding-block:clamp(77px,7.7vw,100px);}
.roc84-hero--text_banner .roc84-hero-actions{justify-content:center;}
/* 26-A: `split` reserves a second column and `centered` a media slot above
   the copy. A build whose images all failed to process reaches neither, and
   the copy would sit in a 55%-wide column beside dead space — so a hero with
   no media collapses to the single-column treatment it effectively is. */
.roc84-hero--no-media .roc84-hero-inner{grid-template-columns:1fr;}
@media (max-width:780px){
  .roc84-hero--split .roc84-hero-inner{grid-template-columns:1fr;}
  .roc84-hero--split .roc84-hero-media{order:-1;}
}

/* --- page header (sub-pages) --- */
.roc84-page-header{position:relative;background:var(--roc84-muted-strong);overflow:hidden;}
.roc84-page-header-media{position:absolute;inset:0;z-index:0;}
.roc84-page-header-media img{width:100%;height:100%;object-fit:cover;object-position:center;}
.roc84-page-header-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.6));}
.roc84-page-header--banner{color:#fff;}
.roc84-page-header-inner{position:relative;z-index:1;padding-block:clamp(40px,3.8vw,50px);}
.roc84-page-header--banner .roc84-breadcrumb a,.roc84-page-header--banner .roc84-breadcrumb{color:rgba(255,255,255,.75);}
.roc84-page-header--banner .roc84-page-header-intro{color:rgba(255,255,255,.88);font-size:1.1rem;margin-top:.5em;}
.roc84-breadcrumb{font-size:.85rem;color:var(--roc84-ink-soft);margin-bottom:.5em;}
.roc84-breadcrumb a{color:var(--roc84-ink-soft);}

/* --- about --- */
.roc84-about-inner{display:grid;gap:24px;align-items:center;}
.roc84-about--image_left .roc84-about-inner,.roc84-about--image_right .roc84-about-inner{grid-template-columns:1fr 1.1fr;}
.roc84-about--image_right .roc84-about-inner{direction:rtl;}
.roc84-about--image_right .roc84-about-inner > *{direction:ltr;}
.roc84-about--stacked .roc84-about-inner{grid-template-columns:1fr;max-width:46em;margin-inline:auto;text-align:center;}
.roc84-about--stacked .roc84-about-media{order:-1;}
@media (max-width:780px){.roc84-about-inner{grid-template-columns:1fr !important;direction:ltr !important;}}

/* --- narrative (inner-page rich text) --- */
.roc84-narrative-inner{display:grid;gap:24px;align-items:center;}
.roc84-narrative--image_left .roc84-narrative-inner,.roc84-narrative--image_right .roc84-narrative-inner{grid-template-columns:1fr 1.1fr;}
.roc84-narrative--image_right .roc84-narrative-inner{direction:rtl;}
.roc84-narrative--image_right .roc84-narrative-inner > *{direction:ltr;}
.roc84-narrative--stacked .roc84-narrative-inner{grid-template-columns:1fr;max-width:46em;margin-inline:auto;text-align:center;}
.roc84-narrative--stacked .roc84-narrative-media{order:-1;}
@media (max-width:780px){.roc84-narrative-inner{grid-template-columns:1fr !important;direction:ltr !important;}}

/* --- content blocks --- */
.roc84-content-block-inner{display:grid;gap:24px;align-items:center;}
.roc84-content-block--image_left .roc84-content-block-inner,.roc84-content-block--image_right .roc84-content-block-inner{grid-template-columns:1fr 1.1fr;}
.roc84-content-block--image_right .roc84-content-block-inner{direction:rtl;}
.roc84-content-block--image_right .roc84-content-block-inner > *{direction:ltr;}
.roc84-content-block--text_only .roc84-content-block-inner{grid-template-columns:1fr;max-width:46em;margin-inline:auto;background:var(--roc84-muted);border-left:3px solid var(--roc84-brand);padding:20px 24px;}
@media (max-width:780px){.roc84-content-block-inner{grid-template-columns:1fr !important;direction:ltr !important;}}

/* --- review digest --- */
.roc84-review-verdict{max-width:46em;margin-inline:auto;margin-bottom:20px;font-size:1.18rem;line-height:1.75;text-align:center;color:var(--roc84-ink-soft);}
.roc84-review-digest-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
/* 26: the variant sweep caught this — `columns` and `stacked` were declared
   as two treatments and drew the identical two-column grid, so half the
   axis did nothing. `stacked` now stacks. */
.roc84-review-digest--stacked .roc84-review-digest-cols{grid-template-columns:1fr;max-width:46em;}
.roc84-review-card{padding:16px 20px;border-radius:var(--roc84-radius);box-shadow:var(--roc84-shadow-1);}
.roc84-review-card--liked{background:rgba(34,139,34,.07);border-top:3px solid #3a7d3a;}
.roc84-review-card--disliked{background:var(--roc84-muted-strong);border-top:3px solid var(--roc84-ink-soft);}
.roc84-review-card h3{font-size:0.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;}
.roc84-review-card--liked h3{color:#3a7d3a;}
.roc84-review-card--disliked h3{color:var(--roc84-ink-soft);}
.roc84-review-card ul{display:flex;flex-direction:column;gap:.6em;}
.roc84-review-card li{display:flex;align-items:baseline;gap:.5em;line-height:1.5;}
.roc84-like-icon{color:#3a7d3a;font-weight:700;flex-shrink:0;}
.roc84-dislike-icon{color:var(--roc84-ink-soft);font-weight:700;flex-shrink:0;}
@media (max-width:780px){.roc84-review-digest-cols{grid-template-columns:1fr;}}

/* --- highlights --- */
.roc84-highlights--icon_grid .roc84-highlights-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.roc84-highlights--icon_grid .roc84-highlight{padding:16px;border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);background:var(--roc84-paper);box-shadow:var(--roc84-shadow-1);}
.roc84-highlights--alternating_rows .roc84-highlights-list{display:flex;flex-direction:column;gap:16px;}
.roc84-highlights--alternating_rows .roc84-highlight{display:flex;gap:16px;padding-block:8px;border-bottom:1px solid var(--roc84-border);}
.roc84-highlights--stat_strip .roc84-highlights-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;text-align:center;}
.roc84-highlights--stat_strip .roc84-highlight strong{display:block;font-size:1.64rem;font-family:'Quattrocento',serif;color:var(--roc84-brand-ink);}
.roc84-highlights--chips .roc84-highlights-list{display:flex;flex-wrap:wrap;gap:8px;}
.roc84-highlight-chip{display:inline-block;padding:.45em 1.1em;border:1px solid var(--roc84-border);border-radius:999px;background:var(--roc84-paper);font-size:.92rem;line-height:1.3;box-shadow:var(--roc84-shadow-1);}
.roc84-highlights--chips .roc84-highlight{display:inline-flex;}
.roc84-highlight-icon{width:2.4em;height:2.4em;border-radius:50%;background:var(--roc84-muted-strong);display:flex;align-items:center;justify-content:center;color:var(--roc84-brand-ink);font-weight:700;flex:none;}
.roc84-highlight > div{display:flex;flex-direction:column;gap:.2em;}
.roc84-highlight p{margin:0;color:var(--roc84-ink-soft);font-size:0.86rem;line-height:1.4;}

/* --- testimonials --- */
.roc84-testimonials--card_grid .roc84-testimonials-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.roc84-testimonial{background:var(--roc84-paper);border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);padding:16px;box-shadow:var(--roc84-shadow-1);}
.roc84-testimonials--quote_wall .roc84-testimonials-list{display:flex;flex-direction:column;gap:12px;}
.roc84-testimonials--quote_wall .roc84-testimonial{border:0;border-left:3px solid var(--roc84-brand);border-radius:0;background:none;padding-block:0;box-shadow:none;}
.roc84-testimonials--single_carousel_static .roc84-testimonial--featured{max-width:42em;margin-inline:auto;text-align:center;border:0;background:none;box-shadow:none;}
.roc84-testimonials--single_carousel_static .roc84-testimonial--featured p{font-size:1.64rem;font-family:'Quattrocento',serif;}
.roc84-testimonial-rating{color:var(--roc84-brand-ink);letter-spacing:.1em;}
.roc84-testimonial-author{font-weight:600;margin-top:.5em;}

/* --- faq --- */
.roc84-faq--two_column .roc84-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
.roc84-faq-item{border-bottom:1px solid var(--roc84-border);padding-block:10px;}
.roc84-faq-item summary{cursor:pointer;font-weight:600;list-style:none;}
.roc84-faq-item summary::-webkit-details-marker{display:none;}
.roc84-faq-item summary::after{content:"+";float:right;color:var(--roc84-brand-ink);}
.roc84-faq-item[open] summary::after{content:"–";}
.roc84-faq-item p{margin-top:.6em;color:var(--roc84-ink-soft);}
@media (max-width:780px){.roc84-faq--two_column .roc84-faq-list{grid-template-columns:1fr;}}

/* --- cta --- */
/* Banner CTA is the page's mid-scroll tonal break: near-black band with a
   brand accent line — light → tint → dark rhythm instead of all-light. */
.roc84-cta--banner{background:var(--roc84-ink);color:rgba(255,255,255,.94);text-align:center;border-top:3px solid var(--roc84-brand);}
.roc84-cta--banner h2{color:#fff;}
.roc84-cta--banner .roc84-btn{background:#fff;color:var(--roc84-ink);}
.roc84-cta--banner .roc84-btn:hover{background:var(--roc84-brand);color:var(--roc84-brand-contrast);}
.roc84-cta--inline_split .roc84-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.roc84-cta-body{margin:.4em 0 0;opacity:.88;font-size:1.18rem;}

/* --- menu --- */
.roc84-menu-cat{margin-bottom:20px;}
.roc84-menu-cat h3{border-bottom:2px solid var(--roc84-brand);display:inline-block;padding-bottom:.2em;}
.roc84-menu--two_column .roc84-menu-cats{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.roc84-menu-item{display:flex;justify-content:space-between;gap:16px;padding-block:.5em;border-bottom:1px dotted var(--roc84-border);}
.roc84-menu-item-desc{color:var(--roc84-ink-soft);font-size:0.86rem;}
.roc84-menu-item-price{font-weight:600;white-space:nowrap;}
.roc84-menu--tabs .roc84-menu-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.roc84-menu--tabs .roc84-menu-tab{padding:.4em 1em;border:1px solid var(--roc84-border);border-radius:999px;font-size:.85rem;color:var(--roc84-ink-soft);text-decoration:none;}
.roc84-menu--tabs .roc84-menu-tab:hover{border-color:var(--roc84-brand);color:var(--roc84-brand-ink);}
/* Phase 30-D: real tabs without a script. Every section shows until one is
   targeted; then only that one does. Browsers without :has() keep the
   single-column fallback, and the anchors still jump to the section. */
.roc84-menu--tabs .roc84-menu-cats:has(.roc84-menu-cat:target) .roc84-menu-cat:not(:target){display:none;}
.roc84-menu-cat:target{scroll-margin-top:48px;}
@media (max-width:780px){.roc84-menu--two_column .roc84-menu-cats{grid-template-columns:1fr;}}

/* --- menu preview / dishes / gallery (Phase 30) --- */
.roc84-menu-preview-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.roc84-menu-preview-cat h3{border-bottom:2px solid var(--roc84-brand);display:inline-block;padding-bottom:.2em;}
.roc84-menu-preview--cards .roc84-menu-preview-cat{border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);padding:16px;background:var(--roc84-paper);box-shadow:var(--roc84-shadow-1);}
.roc84-menu-preview--cards .roc84-menu-preview-cat h3{border-bottom:0;padding-bottom:0;}
.roc84-menu-preview-more{margin-top:20px;text-align:center;}
.roc84-menu-dishes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;list-style:none;padding:0;margin:0;}
.roc84-menu-dish{border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);overflow:hidden;background:var(--roc84-paper);box-shadow:var(--roc84-shadow-1);display:flex;flex-direction:column;}
.roc84-menu-dish-media img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block;border-radius:0;}
.roc84-menu-dish-body{padding:12px 14px;display:flex;flex-direction:column;gap:.3em;}
.roc84-menu-dish-name{font-weight:600;}
.roc84-menu-dishes--list .roc84-menu-dishes-list{grid-template-columns:1fr;gap:12px;}
.roc84-menu-dishes--list .roc84-menu-dish{flex-direction:row;align-items:stretch;}
.roc84-menu-dishes--list .roc84-menu-dish-media{flex:0 0 160px;}
.roc84-menu-dishes--list .roc84-menu-dish-media img{height:100%;aspect-ratio:auto;}
.roc84-menu-gallery-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;list-style:none;padding:0;margin:0;}
.roc84-menu-gallery-list img{aspect-ratio:1;object-fit:cover;width:100%;display:block;}
.roc84-menu-gallery--strip .roc84-menu-gallery-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:8px;}
.roc84-menu-gallery--strip .roc84-gallery-item{flex:0 0 200px;scroll-snap-align:start;}
.roc84-menu-gallery--grid .roc84-menu-gallery-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
@media (max-width:600px){.roc84-menu-dishes--list .roc84-menu-dish{flex-direction:column;}.roc84-menu-dishes--list .roc84-menu-dish-media{flex:none;}.roc84-menu-dishes--list .roc84-menu-dish-media img{aspect-ratio:4/3;}}

/* --- rooms / services --- */
.roc84-rooms--cards .roc84-rooms-list,.roc84-services--grid .roc84-services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.roc84-room-card,.roc84-service-card{border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);padding:16px;background:var(--roc84-paper);display:flex;align-items:flex-start;gap:.6em;box-shadow:var(--roc84-shadow-1);}
.roc84-room-card > div,.roc84-service-card > div{flex:1;min-width:0;}
.roc84-room-card p,.roc84-service-card p{margin:.25em 0 0;color:var(--roc84-ink-soft);font-size:.9rem;line-height:1.45;}
.roc84-rooms--list_with_icons .roc84-rooms-list,.roc84-services--icon_list .roc84-services-list{display:flex;flex-direction:column;gap:8px;}
.roc84-rooms--list_with_icons .roc84-room-card,.roc84-services--icon_list .roc84-service-card{border:0;border-bottom:1px solid var(--roc84-border);border-radius:0;background:none;padding-inline:0;box-shadow:none;}
.roc84-rooms--alternating .roc84-rooms-list,.roc84-services--alternating .roc84-services-list{display:flex;flex-direction:column;gap:24px;}
.roc84-rooms--alternating .roc84-room-card:nth-child(even),.roc84-services--alternating .roc84-service-card:nth-child(even){background:var(--roc84-muted-strong);}
.roc84-amenity-check{color:var(--roc84-brand-ink);font-weight:700;flex:none;}

/* --- practical info (24-A) --- */
.roc84-practical-list{display:grid;gap:12px;}
.roc84-practical--columns .roc84-practical-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}
.roc84-practical-row{display:grid;gap:.35em;padding-block:8px;border-top:1px solid var(--roc84-border);}
.roc84-practical--columns .roc84-practical-row{border-top:0;border-left:2px solid var(--roc84-brand);padding:8px 12px;background:var(--roc84-muted);border-radius:var(--roc84-radius);}
.roc84-practical-row dt{font-size:0.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--roc84-ink-soft);}
.roc84-practical-names{display:block;font-weight:600;line-height:1.45;}
.roc84-practical-note{display:block;margin-top:.3em;color:var(--roc84-ink-soft);font-size:.9rem;line-height:1.55;}
.roc84-practical--grouped_list .roc84-practical-row{grid-template-columns:minmax(9em,14em) 1fr;gap:16px;align-items:baseline;}
@media (max-width:780px){.roc84-practical--grouped_list .roc84-practical-row{grid-template-columns:1fr;}}

/* --- rating breakdown (24-B) --- */
.roc84-ratings-inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
.roc84-ratings-score{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 20px;background:var(--roc84-muted);border-radius:var(--roc84-radius);}
.roc84-ratings-value{font-family:'Quattrocento',Georgia,serif;font-size:2.73rem;line-height:1;}
.roc84-ratings-count{color:var(--roc84-ink-soft);font-size:.85rem;margin-top:.35em;}
.roc84-ratings-bars{flex:1;min-width:240px;display:flex;flex-direction:column;gap:.45em;}
.roc84-ratings-bar{display:grid;grid-template-columns:5.5em 1fr 3.5em;align-items:center;gap:.75em;font-size:.9rem;}
.roc84-ratings-label{color:var(--roc84-ink-soft);white-space:nowrap;}
.roc84-ratings-track{display:block;height:.6em;background:var(--roc84-muted-strong);border-radius:999px;overflow:hidden;}
.roc84-ratings-fill{display:block;height:100%;background:var(--roc84-brand);border-radius:999px;}
.roc84-ratings-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--roc84-ink-soft);}
.roc84-ratings--compact .roc84-ratings-track{height:.4em;}
.roc84-ratings--compact .roc84-ratings-score{padding:8px 12px;}
.roc84-ratings--compact .roc84-ratings-value{font-size:1.8rem;}

/* --- hours (24-C) --- */
.roc84-hours-list{display:grid;gap:0;max-width:34em;}
.roc84-hours-row{display:flex;justify-content:space-between;gap:16px;padding-block:.55em;border-bottom:1px dotted var(--roc84-border);}
.roc84-hours-day{font-weight:600;}
.roc84-hours-time{color:var(--roc84-ink-soft);font-variant-numeric:tabular-nums;text-align:right;}
.roc84-hours-row--closed .roc84-hours-time{opacity:.65;font-style:italic;}
.roc84-hours--inline_list .roc84-hours-list{display:flex;flex-wrap:wrap;gap:8px 16px;max-width:none;}
.roc84-hours--inline_list .roc84-hours-row{display:grid;gap:.15em;border-bottom:0;border-left:2px solid var(--roc84-border);padding:.1em 0 .1em 8px;}
.roc84-hours--inline_list .roc84-hours-time{text-align:left;}

/* --- steps (25-A) --- */
.roc84-steps-list{display:grid;gap:16px;counter-reset:none;}
.roc84-steps--numbered_rows .roc84-steps-list{grid-template-columns:1fr;max-width:52em;}
.roc84-steps--cards .roc84-steps-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.roc84-step{display:flex;align-items:flex-start;gap:12px;}
.roc84-step-num{flex:none;width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--roc84-accent);color:var(--roc84-accent-contrast);font-family:'Quattrocento',Georgia,serif;font-weight:700;}
.roc84-step-body{flex:1;min-width:0;}
.roc84-step-body h3{font-size:1.19rem;margin-bottom:.35em;}
.roc84-step-body p{margin:0;color:var(--roc84-ink-soft);line-height:1.6;}
.roc84-steps--numbered_rows .roc84-step{padding-bottom:12px;border-bottom:1px solid var(--roc84-border);}
.roc84-steps--numbered_rows .roc84-step:last-child{border-bottom:0;padding-bottom:0;}
.roc84-steps--cards .roc84-step{flex-direction:column;padding:16px;background:var(--roc84-paper);border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);box-shadow:var(--roc84-shadow-1);}

/* --- sibling hub (25-B) --- */
.roc84-hub-list{display:flex;flex-wrap:wrap;gap:8px;}
.roc84-hub-link{display:inline-block;color:var(--roc84-ink);}
.roc84-hub--chips .roc84-hub-link{padding:.45em 1.1em;border:1px solid var(--roc84-border);border-radius:999px;background:var(--roc84-paper);font-size:.9rem;}
.roc84-hub--chips .roc84-hub-link:hover{border-color:var(--roc84-brand);color:var(--roc84-brand-ink);text-decoration:none;}
.roc84-hub--cards .roc84-hub-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.roc84-hub--cards .roc84-hub-link{width:100%;padding:12px 16px;border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);background:var(--roc84-paper);font-weight:600;box-shadow:var(--roc84-shadow-1);}
.roc84-hub--cards .roc84-hub-link:hover{border-color:var(--roc84-brand);text-decoration:none;}

/* --- pull quote (25-C) --- */
.roc84-pullquote-text{margin:0 auto;max-width:22em;text-align:center;font-family:'Quattrocento',Georgia,serif;font-size:clamp(1.64rem,3vw,2.17rem);line-height:1.3;text-wrap:balance;}
.roc84-pullquote--rule_flanked .roc84-pullquote-text{padding-block:16px;border-top:2px solid var(--roc84-accent);border-bottom:2px solid var(--roc84-accent);}
.roc84-pullquote--centered .roc84-pullquote-text{color:var(--roc84-brand-ink);}

/* --- neighborhood (25-D + 27-B) --- */
.roc84-neighborhood-inner{display:grid;gap:16px;}
.roc84-neighborhood--split_map .roc84-neighborhood-inner{grid-template-columns:1fr 1fr;align-items:start;}
.roc84-neighborhood--stacked .roc84-neighborhood-inner{grid-template-columns:1fr;max-width:52em;}
.roc84-neighborhood-text p{line-height:1.7;}
.roc84-neighborhood-address{color:var(--roc84-ink-soft);font-size:.9rem;}
@media (max-width:780px){.roc84-neighborhood--split_map .roc84-neighborhood-inner{grid-template-columns:1fr;}}

/* --- stay essentials (27-A) --- */
.roc84-stay-list{display:grid;gap:8px;}
.roc84-stay--grid .roc84-stay-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;}
.roc84-stay--grid .roc84-stay-row{padding:12px 16px;background:var(--roc84-muted);border-radius:var(--roc84-radius);text-align:center;}
.roc84-stay--inline_row .roc84-stay-list{display:flex;flex-wrap:wrap;gap:8px 16px;}
.roc84-stay--inline_row .roc84-stay-row{border-left:2px solid var(--roc84-brand);padding:.1em 0 .1em 8px;}
.roc84-stay-row dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--roc84-ink-soft);}
.roc84-stay-row dd{margin:.25em 0 0;font-family:'Quattrocento',Georgia,serif;font-size:1.5rem;line-height:1.1;font-variant-numeric:tabular-nums;}

/* --- on-site venues (27-C) --- */
.roc84-onsite-list{display:grid;gap:8px;}
.roc84-onsite--cards .roc84-onsite-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.roc84-onsite--cards .roc84-onsite-item{padding:16px;background:var(--roc84-paper);border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);box-shadow:var(--roc84-shadow-1);}
.roc84-onsite--list .roc84-onsite-list{max-width:44em;}
.roc84-onsite--list .roc84-onsite-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em 16px;padding-block:.55em;border-bottom:1px dotted var(--roc84-border);}
.roc84-onsite--list .roc84-onsite-floor{margin-left:auto;}
.roc84-onsite-item{display:grid;gap:.2em;}
.roc84-onsite-name{font-weight:600;}
.roc84-onsite-cat{color:var(--roc84-ink-soft);font-size:.9rem;}
.roc84-onsite-floor{color:var(--roc84-ink-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;}

/* --- partner ratings (27-D) --- */
.roc84-partners-list{display:flex;flex-wrap:wrap;gap:16px;}
.roc84-partners-item{display:flex;align-items:baseline;gap:.5em;}
.roc84-partners--badges .roc84-partners-item{flex-direction:column;align-items:center;gap:.15em;padding:12px 16px;background:var(--roc84-muted);border-radius:var(--roc84-radius);min-width:9em;}
.roc84-partners--row .roc84-partners-list{flex-direction:column;gap:0;max-width:34em;}
.roc84-partners--row .roc84-partners-item{padding-block:.55em;border-bottom:1px dotted var(--roc84-border);}
.roc84-partners--row .roc84-partners-count{margin-left:auto;}
/* the score is the section's whole point, so it is sized for emphasis and
   inked for legibility: `--brand` is derived from the site's photography and
   landed at 1.86:1 on a pale palette. Same treatment as `ratings-value`. */
.roc84-partners-score{font-family:'Quattrocento',Georgia,serif;font-size:1.5rem;line-height:1;color:var(--roc84-ink);font-variant-numeric:tabular-nums;}
.roc84-partners-name{font-weight:600;}
.roc84-partners-count{color:var(--roc84-ink-soft);font-size:.85rem;}

/* --- gallery --- */
.roc84-gallery-item img{aspect-ratio:4/3;object-fit:cover;width:100%;}
.roc84-gallery-collages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:8px;margin-bottom:8px;list-style:none;padding:0;}
.roc84-gallery-collages .roc84-gallery-item img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block;}
.roc84-gallery-item[hidden]{display:none;}
.roc84-gallery-more-wrap{text-align:center;margin:12px 0 0;}
.roc84-gallery-more{border:0;cursor:pointer;font:inherit;font-weight:600;}
.roc84-gallery-singles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;}
.roc84-gallery--grid .roc84-gallery-singles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.roc84-gallery--masonry .roc84-gallery-singles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;grid-auto-rows:10px;}
.roc84-gallery--masonry .roc84-gallery-singles .roc84-gallery-item:nth-child(3n+1){grid-row-end:span 24;}
.roc84-gallery--masonry .roc84-gallery-singles .roc84-gallery-item:nth-child(3n+2){grid-row-end:span 32;}
.roc84-gallery--masonry .roc84-gallery-singles .roc84-gallery-item:nth-child(3n){grid-row-end:span 20;}
.roc84-gallery--masonry .roc84-gallery-singles .roc84-gallery-item img{height:100%;object-fit:cover;}
.roc84-gallery-trigger{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;text-align:left;}
.roc84-lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;}
.roc84-lightbox[hidden]{display:none;}
.roc84-lightbox-img{max-width:90vw;max-height:85vh;width:auto;border-radius:0;}
.roc84-lightbox-close,.roc84-lightbox-prev,.roc84-lightbox-next{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:1.4rem;line-height:1;cursor:pointer;}
.roc84-lightbox-close{top:12px;right:12px;}
.roc84-lightbox-prev{left:12px;top:50%;transform:translateY(-50%);}
.roc84-lightbox-next{right:12px;top:50%;transform:translateY(-50%);}
.roc84-lightbox-close:hover,.roc84-lightbox-prev:hover,.roc84-lightbox-next:hover{background:rgba(255,255,255,.25);}
@media (max-width:600px){
  .roc84-lightbox-prev{left:6px;}
  .roc84-lightbox-next{right:6px;}
}

/* --- contact --- */
.roc84-contact--split_map .roc84-contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.roc84-contact--stacked .roc84-contact-inner{display:flex;flex-direction:column;gap:24px;}
.roc84-map-embed{aspect-ratio:4/3;border-radius:var(--roc84-radius);overflow:hidden;background:var(--roc84-muted-strong);}
.roc84-map-embed iframe{width:100%;height:100%;border-radius:0;}
.roc84-form{display:flex;flex-direction:column;gap:10px;}
.roc84-form label{font-weight:600;font-size:.9rem;display:block;margin-bottom:.35em;}
.roc84-form input,.roc84-form textarea{width:100%;padding:.7em;border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);font:inherit;background:var(--roc84-paper);color:var(--roc84-ink);}
.roc84-form-hp{position:absolute;left:-9999px;}
.roc84-form-status{padding:8px 10px;border-radius:var(--roc84-radius);margin-bottom:10px;border:1px solid var(--roc84-border);font-weight:600;}
.roc84-form-status--ok{border-color:var(--roc84-brand);background:var(--roc84-muted-strong);color:var(--roc84-ink);}
.roc84-form-status--err{border-color:#c0392b;background:var(--roc84-muted-strong);color:#c0392b;}
.roc84-nap{margin-top:12px;color:var(--roc84-ink-soft);}
@media (max-width:780px){.roc84-contact--split_map .roc84-contact-inner{grid-template-columns:1fr;}}

/* --- footer --- */
.roc84-footer{background:var(--roc84-ink);color:rgba(255,255,255,.82);padding-block:43px;margin-top:16px;}
.roc84-footer a{color:rgba(255,255,255,.82);text-decoration:none;}
.roc84-footer a:hover{color:#fff;text-decoration:underline;}
.roc84-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;}
.roc84-footer-nav{display:flex;flex-direction:column;gap:6px;}
.roc84-footer-nav a{font-size:.9rem;}
.roc84-footer-social{display:flex;gap:12px;}
.roc84-footer-bottom{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:0.78rem;opacity:.7;}

/* --- footer chrome variants (29-A) --- */
.roc84-footer--centered_minimal .roc84-footer-inner{flex-direction:column;align-items:center;text-align:center;gap:12px;}
.roc84-footer--centered_minimal .roc84-footer-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;}
.roc84-footer--centered_minimal .roc84-footer-bottom{text-align:center;}
.roc84-footer-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12);}
.roc84-footer-band strong{font-family:'Quattrocento',Georgia,serif;font-size:1.64rem;}
.roc84-footer--cta_band .roc84-footer-band .roc84-btn{background:#fff;color:var(--roc84-ink);}

/* --- related locations (injected post-build by `sitegen workflow`) --- */
.roc84-related{background:var(--roc84-muted);padding-block:50px;border-top:1px solid var(--roc84-border);}
.roc84-related h2{font-size:clamp(1.2rem,2.4vw,1.6rem);margin:0 0 16px;}
.roc84-related-list{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
.roc84-related-card{background:var(--roc84-paper);border:1px solid var(--roc84-border);border-radius:var(--roc84-radius);overflow:hidden;box-shadow:var(--roc84-shadow-1);}
.roc84-related-card a{display:block;color:inherit;text-decoration:none;height:100%;}
.roc84-related-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--roc84-muted-strong);}
.roc84-related-body{padding:12px 14px;}
.roc84-related-name{font-weight:600;line-height:1.3;margin:0;}
.roc84-related-meta{margin:.35em 0 0;font-size:.82rem;color:var(--roc84-ink-soft);line-height:1.45;}
.roc84-related-card a:hover .roc84-related-name{text-decoration:underline;}

/* --- 404 --- */
.roc84-notfound{text-align:center;padding-block:108px;}

/* --- motion-safe transitions and hover effects --- */
@media (prefers-reduced-motion: no-preference){
  .roc84-nav{transition:max-height .25s ease;}
  .roc84-btn{transition:background .15s ease,transform .1s ease;}
  .roc84-btn:hover{transform:translateY(-1px);}
  .roc84-room-card,.roc84-service-card,.roc84-highlights--icon_grid .roc84-highlight{transition:box-shadow .18s ease,transform .18s ease;}
  .roc84-rooms--cards .roc84-room-card:hover,.roc84-services--grid .roc84-service-card:hover,
  .roc84-highlights--icon_grid .roc84-highlight:hover{box-shadow:var(--roc84-shadow-2);transform:translateY(-2px);}
  .roc84-related-card{transition:box-shadow .18s ease,transform .18s ease;}
  .roc84-related-card:hover{box-shadow:var(--roc84-shadow-2);transform:translateY(-2px);}
  .roc84-testimonial{transition:box-shadow .18s ease;}
  .roc84-testimonials--card_grid .roc84-testimonial:hover{box-shadow:var(--roc84-shadow-2);}
  .roc84-nav-list a{transition:color .15s ease;}
  .roc84-faq-item p{transition:opacity .15s ease;}
}