/* ============================================================================
   STAY WEATHERFORD - THEME LAYER
   ----------------------------------------------------------------------------
   One file. Delete the <link> to this stylesheet and the site returns exactly
   to the restrained cream-and-ink version. Nothing else depends on it.

   Palette is Parker County rather than arbitrary brights: peach (the Peach
   Capital of Texas), turquoise (western silverwork), mesquite, saddle leather
   and a warmer paper. Each hotel keeps its own brand accent so the three stay
   distinguishable; --accent is set per page in the head.
   ========================================================================== */

:root{
  /* Parker County: peach flesh, peach skin, orchard leaf, saddle leather
     and the turquoise of western silverwork. */
  --paper:      #FEF8EE;
  --paper-2:    #FDF0DF;
  --sand:       #F7E7D0;
  --blush:      #FBDCC6;   /* peach skin */
  --flesh:      #FFD9AE;   /* peach flesh */
  --ink:        #1B1712;
  --ink-soft:   #4A423A;
  --muted:      #7C7268;

  --peach:      #F08A4B;
  --peach-deep: #A04718;   /* text-safe on every background here */
  --peach-pale: #FDEAD8;
  --leaf:       #4F7A46;   /* orchard leaf */
  --turquoise:  #2E8B84;   /* squash-blossom silver */
  --saddle:     #8A5A33;   /* tack leather */

  --accent:      var(--peach);
  --accent-deep: var(--peach-deep);
  --accent-pale: var(--peach-pale);
}

/* ---------------------------------------------------------------- surfaces */
body{ background: var(--paper) !important; color: var(--ink) !important; }

/* the old flat panel colour becomes a warm sand band */
[style*="background: #F3EEE5"],
[style*="background:#F3EEE5"]{ background: var(--sand) !important; }

/* cards lift off the page instead of sitting flush */
[style*="background: #FFFDF9"],
[style*="background:#FFFDF9"]{
  background:#FFFFFF !important;
  border-color: rgba(27,23,18,.09) !important;
  box-shadow: 0 1px 2px rgba(27,23,18,.04), 0 8px 20px -12px rgba(27,23,18,.18);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
[style*="background: #FFFDF9"]:hover{
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(27,23,18,.05), 0 16px 32px -16px rgba(27,23,18,.26);
  border-color: var(--accent) !important;
}

/* ------------------------------------------------------------- typography */
/* the small mono eyebrows were grey; they now carry the colour */
[style*="color: #8A8078"]{ color: var(--accent-deep) !important; }
[style*="letter-spacing: 0.16em"],
[style*="letter-spacing: 0.14em"],
[style*="letter-spacing: 0.12em"]{ color: var(--accent-deep) !important; font-weight:600 !important; }
/* section headings get a small colour mark so scanning is easier */
main h2{ position:relative; }
/* the section marker is a peach, not a dot - the county's own fruit doing
   a small piece of navigational work */
main > section > div > h2::before, main > section > div > div > h2::before{
  content:""; display:inline-block; width:22px; height:22px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2224%22%20y1%3D%228%22%20x2%3D%229%22%20y2%3D%2227%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%3Cstop%20stop-color%3D%22%23E4553A%22/%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23F0894A%22/%3E%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8C069%22/%3E%20%20%3C/linearGradient%3E%20%3C/defs%3E%20%3Cpath%20d%3D%22M18.6%206.1c1.1-2.7%204-4.4%207.1-4.2-.3%203.1-2.7%205.6-5.7%206%22%20fill%3D%22%234F7A46%22/%3E%20%3Cpath%20d%3D%22M22.2%202.4c-1.3%201.2-2.5%202.7-3.3%204.4%22%20stroke%3D%22%233C5F35%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22/%3E%20%3Cpath%20d%3D%22M16%208.1c3.7-3.1%2010-.7%2011%204.7%201.3%206.9-3.6%2015-9.7%2016.6-.9.2-1.7.2-2.6%200C8.6%2027.8%203.7%2019.7%205%2012.8c1-5.4%207.3-7.8%2011-4.7Z%22%20fill%3D%22url%28%23p%29%22/%3E%20%3Cpath%20d%3D%22M16%208.4c-2%203.9-2.7%208.6-1.9%2012.9.4%202.3%201.2%204.4%202.3%206.1%22%20stroke%3D%22%23C0472A%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.38%22/%3E%3C/svg%3E") center/contain no-repeat;
  margin-right:12px; vertical-align:-3px; }

/* engraved rule: a hairline that opens for a small peach at the centre.
   Reads like a printed plate rather than rustic stitching. */
main > section + section{ position:relative; }
main > section + section::before{
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:min(1180px,90vw); height:1px;
  background:linear-gradient(90deg,
    transparent 0%, rgba(160,71,24,.26) 8%, rgba(160,71,24,.26) 45%,
    transparent 45%, transparent 55%,
    rgba(160,71,24,.26) 55%, rgba(160,71,24,.26) 92%, transparent 100%);
}
main > section + section::after{
  content:""; position:absolute; top:-8px; left:50%; transform:translateX(-50%);
  width:17px; height:17px; opacity:.9;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2224%22%20y1%3D%228%22%20x2%3D%229%22%20y2%3D%2227%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%3Cstop%20stop-color%3D%22%23E4553A%22/%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23F0894A%22/%3E%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8C069%22/%3E%20%20%3C/linearGradient%3E%20%3C/defs%3E%20%3Cpath%20d%3D%22M18.6%206.1c1.1-2.7%204-4.4%207.1-4.2-.3%203.1-2.7%205.6-5.7%206%22%20fill%3D%22%234F7A46%22/%3E%20%3Cpath%20d%3D%22M22.2%202.4c-1.3%201.2-2.5%202.7-3.3%204.4%22%20stroke%3D%22%233C5F35%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22/%3E%20%3Cpath%20d%3D%22M16%208.1c3.7-3.1%2010-.7%2011%204.7%201.3%206.9-3.6%2015-9.7%2016.6-.9.2-1.7.2-2.6%200C8.6%2027.8%203.7%2019.7%205%2012.8c1-5.4%207.3-7.8%2011-4.7Z%22%20fill%3D%22url%28%23p%29%22/%3E%20%3Cpath%20d%3D%22M16%208.4c-2%203.9-2.7%208.6-1.9%2012.9.4%202.3%201.2%204.4%202.3%206.1%22%20stroke%3D%22%23C0472A%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.38%22/%3E%3C/svg%3E") center/contain no-repeat;
}

h1{ letter-spacing:-.018em; }
h1::after{
  content:""; display:block; width:132px; height:7px; margin-top:26px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--accent) 0%,var(--peach) 45%,var(--turquoise) 100%);
}

/* big numbers read as display, not body copy - and carry the fruit colour */
[style*="font-size: 30px"][style*="Instrument Serif"],
[style*="font-size:30px"][style*="Instrument Serif"]{
  color: var(--peach-deep) !important; font-size:46px !important; line-height:1 !important;
  letter-spacing:-.02em;
}
[style*="font-size: 26px"][style*="Instrument Serif"]{ color: var(--accent-deep) !important; }

/* the proof strip on the room-blocks page: give each figure a peach ground */
.card [style*="Instrument Serif"]:first-child{ display:block; }

/* --------------------------------------------------------------- buttons */
[style*="border-radius: 999px"][style*="background: #1E1A16"],
[style*="border-radius:999px"][style*="background:#1E1A16"]{
  background: var(--ink) !important;
  box-shadow: 0 6px 16px -8px rgba(27,23,18,.5);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
a[style*="border-radius: 999px"]:hover,
button[style*="border-radius: 999px"]:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px -10px rgba(27,23,18,.45);
}

/* brand-accent buttons keep their brand colour but gain depth */
[style*="background: #3B5F86"],[style*="background: #002D72"],[style*="background: #A0552F"]{
  box-shadow: 0 6px 16px -8px rgba(27,23,18,.45);
  transition: transform .16s ease, box-shadow .16s ease;
}

/* --------------------------------------------------------- utility strip */
.uab{ background: var(--ink) !important; border-bottom:0 !important; }
.uab__brand{ color:#FFF5E8 !important; }
.uab__brand b{ color:#FFF5E8; }
.uab__brand span{ color: var(--peach) !important; }
.uab__nav a{ color: rgba(255,245,232,.72) !important; }
.uab__nav a:hover{ color:#FFF5E8 !important; box-shadow: inset 0 -2px 0 rgba(224,122,62,.5) !important; }
.uab__nav a[aria-current]{
  color:#FFF5E8 !important;
  box-shadow: inset 0 -3px 0 var(--peach) !important;
}
.uab__sep{ background: rgba(255,245,232,.28) !important; }

/* ------------------------------------------------------ section rhythm */
/* Full-bleed alternating bands. A long page should have a pulse rather than
   being one uninterrupted field of cream. */
/* ---------------------------------------------------------------------------
   VERTICAL RHYTHM
   Previously each boundary stacked padding + an inline margin + padding, so
   two sections sat 184px apart on desktop while a tinted band floated with
   gaps on both sides - the colour read as accidental rather than placed.
   Margins are now neutralised and spacing comes from padding alone, so bands
   sit flush and the colour edge becomes the transition.
   --------------------------------------------------------------------------- */
main > section{
  margin-top:0 !important; margin-bottom:0 !important;
  padding-top:clamp(40px,4.6vw,66px) !important;
  padding-bottom:clamp(40px,4.6vw,66px) !important;
}
/* the first section sits under the header, so it needs less air above */
main > section:first-of-type{ padding-top:clamp(24px,3vw,42px) !important; }
/* the last one needs a little more beneath, before the footer */
main > section:last-of-type{ padding-bottom:clamp(52px,6vw,86px) !important; }

/* Tint every third section rather than every other. Alternating tints left
   no plain ground to rest on and made the page feel striped. */
main > section[data-band]{
  background:var(--peach-pale);
  padding-top:clamp(48px,5.4vw,78px) !important;
  padding-bottom:clamp(48px,5.4vw,78px) !important;
}
main > section[data-band]:nth-of-type(even){ background:var(--sand); }

/* the panel that opens each hotel page: give the header bar the accent */
[style*="border-radius: 6px"][style*="overflow: hidden"] > div:first-child{
  background: var(--accent-deep) !important;
  color:#FFF8EF !important;
  letter-spacing:.16em !important;
  border-bottom:0 !important;
}
[style*="border-radius: 6px"][style*="overflow: hidden"] > div:first-child *{ color:#FFF8EF !important; }

/* fact grid: label in accent, value in ink, warm hairlines */
[style*="grid-template-columns: repeat(auto-fit, minmax(210px, 1fr))"] > div{
  border-color: rgba(224,122,62,.22) !important;
}

/* segment tiles read as buttons worth pressing */
button[style*="background: #FCFAF6"],a[style*="background: #FCFAF6"]{
  background:#FFFFFF !important;
  border-color: rgba(27,23,18,.10) !important;
  border-radius:12px !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
button[style*="background: #FCFAF6"]:hover,a[style*="background: #FCFAF6"]:hover{
  transform: translateY(-3px);
  border-color: var(--accent) !important;
  box-shadow: 0 16px 30px -18px rgba(27,23,18,.4);
}

/* guard: the button-to-link conversion once appended display:inline-block
   over an existing display:grid, collapsing the segment tiles */
main a[style*="display: grid"]{ display:grid !important; }

/* --------------------------------------------------------------- quotes */
blockquote[style*="border-top"]{ border-top-color: var(--accent) !important; border-top-width:3px !important; }
[style*="border-left: 3px solid"],[style*="border-left:3px solid"]{ border-left-color: var(--accent) !important; }

/* card top rules: thicker, and warmed */
[style*="border-top: 2px solid"]{ border-top-width:3px !important; border-top-color: var(--accent) !important; }

/* ------------------------------------------------------------- details */
details summary{ transition: color .15s ease; }
details summary:hover{ color: var(--accent-deep); }
details[open] summary{ color: var(--accent-deep); }

/* --------------------------------------------------------------- links */
main a:not([class]):not([style*="border-radius"]){
  text-decoration-color: rgba(224,122,62,.45);
  text-underline-offset:3px;
}
main a:not([class]):not([style*="border-radius"]):hover{
  color: var(--accent-deep);
  text-decoration-color: var(--accent);
}

/* -------------------------------------------------------------- footer */
footer{ background: var(--ink) !important; }
footer a:hover{ color: var(--peach) !important; }

/* --------------------------------------------------------------- forms */
.chip:has(input:checked){ background: var(--accent) !important; border-color: var(--accent) !important; }
.chip{ transition: border-color .15s ease, background .15s ease, transform .12s ease; }
.chip:hover{ border-color: var(--accent) !important; transform: translateY(-1px); }
input:focus,select:focus,textarea:focus{ outline-color: var(--accent) !important; }

/* --------------------------------------------------------- partner badge */
.partner-badge{
  background: var(--peach-pale) !important;
  border-color: rgba(224,122,62,.42) !important;
}
.partner-badge span:first-child{ color: var(--peach-deep) !important; }

/* --------------------------------------------------------------- alerts */
.alert{
  background: linear-gradient(160deg,#FDEEDC,#F9E3CB) !important;
  border-color: rgba(224,122,62,.45) !important;
  border-radius:14px !important;
}
.alert .tag{ background: var(--peach-deep) !important; color:#FFF5E8 !important; }
.peak{
  background: var(--peach-pale) !important;
  border-color: rgba(224,122,62,.45) !important;
  color: var(--peach-deep) !important;
}

/* ---------------------------------------------------------- events page */
.row{ transition: background .15s ease; border-radius:10px; }
.row:hover{ background: rgba(246,231,210,.5); }
.row__lead{ color: var(--peach-deep) !important; font-weight:600; }
.kicker{ color: var(--accent-deep) !important; }

@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; }
  [style*="background: #FFFDF9"]:hover,
  a[style*="border-radius: 999px"]:hover{ transform:none !important; }
}


/* ============================================================================
   LAYER 2 - TEXTURE, LIGHT AND TYPOGRAPHIC DETAIL
   Flat colour fields read as a template. Paper has tooth, orchards have
   stipple, and warm materials cast warm shadows, not grey ones.
   ========================================================================== */

/* --- paper grain over the whole page, barely there but felt ------------- */
body::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:9999;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27180%27%20height%3D%27180%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.86%27%20numOctaves%3D%274%27%20stitchTiles%3D%27stitch%27/%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27/%3E%3C/filter%3E%3Crect%20width%3D%27180%27%20height%3D%27180%27%20filter%3D%27url%28%23n%29%27/%3E%3C/svg%3E");
  background-size:180px 180px;
  opacity:.05; mix-blend-mode:multiply;
}

/* --- tinted bands carry a faint orchard stipple ------------------------- */
main > section[data-band]{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2726%27%20height%3D%2726%27%3E%3Ccircle%20cx%3D%274%27%20cy%3D%274%27%20r%3D%271%27%20fill%3D%27%2523A04718%27%20fill-opacity%3D%27.16%27/%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2713%27%20r%3D%271%27%20fill%3D%27%2523A04718%27%20fill-opacity%3D%27.11%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2721%27%20r%3D%271%27%20fill%3D%27%25234F7A46%27%20fill-opacity%3D%27.12%27/%3E%3C/svg%3E");
  background-repeat:repeat;
}

/* --- warm light: shadows tinted with the material, never neutral grey --- */
:root{
  --shadow-sm: 0 1px 2px rgba(122,60,20,.07);
  --shadow-md: 0 10px 24px -14px rgba(122,60,20,.30);
  --shadow-lg: 0 22px 44px -24px rgba(122,60,20,.38);
}
[style*="background: #FFFDF9"],[style*="background:#FFFDF9"]{
  box-shadow: var(--shadow-sm), var(--shadow-md) !important;
}
[style*="background: #FFFDF9"]:hover{ box-shadow: var(--shadow-sm), var(--shadow-lg) !important; }
button[style*="background: #FCFAF6"]:hover,a[style*="background: #FCFAF6"]:hover{
  box-shadow: var(--shadow-lg) !important;
}

/* --- photographs: warm hairline, soft corner, warm shadow --------------- */
main img:not([src*="logos/"]):not([src*="brand/"]){
  border-radius:10px;
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, var(--shadow-md);
}

/* --- typography ---------------------------------------------------------- */
h1,h2,h3{ text-wrap:balance; }
h1{ letter-spacing:-.026em !important; }
h2{ letter-spacing:-.014em !important; }
/* the lead paragraph after a headline gets a touch more air and warmth */
h1 + p, h2 + p{ color:#4A403A !important; }
p{ text-wrap:pretty; }

/* eyebrows: wider tracking, and a hairline that ties them to the section */
[style*="letter-spacing: 0.16em"],[style*="letter-spacing: 0.14em"]{
  letter-spacing:.19em !important;
}

/* --- links: a peach underline that thickens on approach ---------------- */
main a:not([class]):not([style*="border-radius"]){
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:text-decoration-thickness .15s ease, text-underline-offset .15s ease;
}
main a:not([class]):not([style*="border-radius"]):hover{
  text-decoration-thickness:2px; text-underline-offset:4px;
}

/* --- list marks in the fruit colour ------------------------------------ */
main ul{ list-style:none; padding-left:0 !important; }
main ul li{ position:relative; padding-left:22px; }
main ul li::before{
  content:""; position:absolute; left:2px; top:.66em;
  width:8px; height:1.5px; border-radius:2px;
  background:var(--accent); opacity:.75;
}
main ol{ padding-left:22px !important; }
main ol li::marker{ color:var(--accent-deep); font-weight:700; }

/* --- selection and focus in the palette -------------------------------- */
::selection{ background:var(--flesh); color:var(--ink); }
:focus-visible{ outline:3px solid var(--peach) !important; outline-offset:2px; border-radius:3px; }

/* --- the dark surfaces get grain too, so they sit in the same world ---- */
footer, .uab{ position:relative; }
footer::after, .uab::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27180%27%20height%3D%27180%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.86%27%20numOctaves%3D%274%27%20stitchTiles%3D%27stitch%27/%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27/%3E%3C/filter%3E%3Crect%20width%3D%27180%27%20height%3D%27180%27%20filter%3D%27url%28%23n%29%27/%3E%3C/svg%3E"); background-size:180px 180px;
  opacity:.14; mix-blend-mode:overlay;
}
footer > *, .uab > *{ position:relative; z-index:1; }

/* --- the capital strip: a woven edge, not a flat slab ------------------ */
/* A solid orange band read as a seasonal promo. Cream with double
   hairlines and letterspaced peach type reads like an engraved masthead. */
.capstrip{
  background: var(--paper-2) !important;
  border-top:1px solid rgba(160,71,24,.20);
  border-bottom:1px solid rgba(160,71,24,.20);
  box-shadow: inset 0 2px 0 rgba(254,248,238,.9), inset 0 -2px 0 rgba(254,248,238,.9);
}
.capstrip__in{ color: var(--peach-deep) !important; letter-spacing:.24em !important; }
.capstrip i{ background: var(--peach) !important; width:5px !important; height:5px !important; }

@media (prefers-reduced-motion: reduce){
  main a:not([class]):not([style*="border-radius"]){ transition:none; }
}


/* --- deep surfaces: a warm espresso holds the palette together better
       than a neutral near-black, and looks more expensive ------------- */
footer{ background:#241C16 !important; }
.uab{ background:#241C16 !important; }

/* --- photographs gain a slow, small lift on approach ------------------ */
main img:not([src*="logos/"]):not([src*="brand/"]){
  transition: transform .5s cubic-bezier(.2,.7,.3,1), box-shadow .4s ease;
}
main img:not([src*="logos/"]):not([src*="brand/"]):hover{
  transform: scale(1.012);
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, var(--shadow-lg);
}

/* --- buttons: a hairline of light along the top edge, like pressed metal */
a[style*="border-radius: 999px"],button[style*="border-radius: 999px"],.btn{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), var(--shadow-md);
}

/* --- numerals line up in tables and stat rows ------------------------- */
.led,.row__lead,[style*="tabular-nums"],
[style*="font-size: 30px"][style*="Instrument Serif"]{
  font-variant-numeric: tabular-nums lining;
}

@media (prefers-reduced-motion: reduce){
  main img:not([src*="logos/"]):not([src*="brand/"]){ transition:none; }
  main img:hover{ transform:none !important; }
}


/* The colour edge of a tinted band is itself the transition; an engraved
   rule on top of it is one device too many. Show the rule only where two
   plain sections meet. */
main > section[data-band]::before, main > section[data-band]::after,
main > section[data-band] + section::before, main > section[data-band] + section::after{
  display:none !important; }

/* Hand-written pages (room blocks, events) carry their own .sect margins;
   fold those into the same rhythm. */
main .sect{ margin-top:0 !important; }


/* ---------------------------------------------------------------------------
   GUIDE PAGES
   These have no <section> wrappers - headings sit directly in <main> - so the
   banding and divider rules never reached them and they read as one long
   undifferentiated column. Rhythm here comes from the headings instead.
   --------------------------------------------------------------------------- */
main > h2{
  --rule-pad: clamp(24px,2.8vw,38px);
  position:relative;
  margin-top:clamp(38px,4.4vw,62px) !important;
  padding-top:var(--rule-pad);
}
main > h2::before{          /* the engraved rule, opening for the peach */
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,
    rgba(160,71,24,.26) 0%, rgba(160,71,24,.26) 44%,
    transparent 44%, transparent 56%,
    rgba(160,71,24,.26) 56%, rgba(160,71,24,.26) 100%);
}
main > h2::after{           /* the peach, sitting on the rule */
  content:""; position:absolute; left:50%; top:-8px; transform:translateX(-50%);
  width:17px; height:17px; opacity:.9;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2224%22%20y1%3D%228%22%20x2%3D%229%22%20y2%3D%2227%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%3Cstop%20stop-color%3D%22%23E4553A%22/%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23F0894A%22/%3E%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8C069%22/%3E%20%20%3C/linearGradient%3E%20%3C/defs%3E%20%3Cpath%20d%3D%22M18.6%206.1c1.1-2.7%204-4.4%207.1-4.2-.3%203.1-2.7%205.6-5.7%206%22%20fill%3D%22%234F7A46%22/%3E%20%3Cpath%20d%3D%22M22.2%202.4c-1.3%201.2-2.5%202.7-3.3%204.4%22%20stroke%3D%22%233C5F35%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22/%3E%20%3Cpath%20d%3D%22M16%208.1c3.7-3.1%2010-.7%2011%204.7%201.3%206.9-3.6%2015-9.7%2016.6-.9.2-1.7.2-2.6%200C8.6%2027.8%203.7%2019.7%205%2012.8c1-5.4%207.3-7.8%2011-4.7Z%22%20fill%3D%22url%28%23p%29%22/%3E%20%3Cpath%20d%3D%22M16%208.4c-2%203.9-2.7%208.6-1.9%2012.9.4%202.3%201.2%204.4%202.3%206.1%22%20stroke%3D%22%23C0472A%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.38%22/%3E%3C/svg%3E") center/contain no-repeat;
}
/* The first heading gets the rule too. The hero has no bottom edge of its
   own, so without it there is no boundary - only a gap - and the page
   reads as inconsistent against every heading below. */
main > h2:first-of-type{ margin-top:clamp(30px,3.6vw,52px) !important; }
main > section + h2{ margin-top:clamp(30px,3.6vw,52px) !important; }
/* rule and peach kept on the first heading, so it needs the padding */
main > h2:first-of-type,
main > section + h2{ padding-top:var(--rule-pad); }

/* the blocks that follow each heading carry their own margins; normalise */
main > div[style*="margin-top"]{ margin-top:clamp(38px,4.4vw,62px) !important; }
main > h2 + div,
main > h2 + div[style*="margin-top"]{ margin-top:clamp(16px,2vw,24px) !important; }


/* ---------------------------------------------------------------------------
   THE PEACH BESIDE THE NAME
   The wordmark carries the mark in every header, so the signature is the
   same object everywhere rather than type in one place and a fruit in
   another.
   --------------------------------------------------------------------------- */
.uab__brand{ position:relative; padding-left:26px; }
.uab__brand::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:20px; height:20px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2224%22%20y1%3D%228%22%20x2%3D%229%22%20y2%3D%2227%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%3Cstop%20stop-color%3D%22%23E4553A%22/%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23F0894A%22/%3E%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8C069%22/%3E%20%20%3C/linearGradient%3E%20%3C/defs%3E%20%3Cpath%20d%3D%22M18.6%206.1c1.1-2.7%204-4.4%207.1-4.2-.3%203.1-2.7%205.6-5.7%206%22%20fill%3D%22%234F7A46%22/%3E%20%3Cpath%20d%3D%22M22.2%202.4c-1.3%201.2-2.5%202.7-3.3%204.4%22%20stroke%3D%22%233C5F35%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22/%3E%20%3Cpath%20d%3D%22M16%208.1c3.7-3.1%2010-.7%2011%204.7%201.3%206.9-3.6%2015-9.7%2016.6-.9.2-1.7.2-2.6%200C8.6%2027.8%203.7%2019.7%205%2012.8c1-5.4%207.3-7.8%2011-4.7Z%22%20fill%3D%22url%28%23p%29%22/%3E%20%3Cpath%20d%3D%22M16%208.4c-2%203.9-2.7%208.6-1.9%2012.9.4%202.3%201.2%204.4%202.3%206.1%22%20stroke%3D%22%23C0472A%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.38%22/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Portfolio pages present Stay Weatherford as the brand, so the mark sits
   in their masthead. The hat version was tried here and dropped - it needed
   explaining, which a mark never should. */
header a[href="/"][style*="display:grid"],
header a[href="/"][style*="display: grid"],
header > div > div[style*="display: grid"][style*="margin-right: auto"]{
  position:relative; padding-left:38px;
}
header a[href="/"][style*="display:grid"]::before,
header a[href="/"][style*="display: grid"]::before,
header > div > div[style*="display: grid"][style*="margin-right: auto"]::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:28px; height:28px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2224%22%20y1%3D%228%22%20x2%3D%229%22%20y2%3D%2227%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%3Cstop%20stop-color%3D%22%23E4553A%22/%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23F0894A%22/%3E%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8C069%22/%3E%20%20%3C/linearGradient%3E%20%3C/defs%3E%20%3Cpath%20d%3D%22M18.6%206.1c1.1-2.7%204-4.4%207.1-4.2-.3%203.1-2.7%205.6-5.7%206%22%20fill%3D%22%234F7A46%22/%3E%20%3Cpath%20d%3D%22M22.2%202.4c-1.3%201.2-2.5%202.7-3.3%204.4%22%20stroke%3D%22%233C5F35%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22/%3E%20%3Cpath%20d%3D%22M16%208.1c3.7-3.1%2010-.7%2011%204.7%201.3%206.9-3.6%2015-9.7%2016.6-.9.2-1.7.2-2.6%200C8.6%2027.8%203.7%2019.7%205%2012.8c1-5.4%207.3-7.8%2011-4.7Z%22%20fill%3D%22url%28%23p%29%22/%3E%20%3Cpath%20d%3D%22M16%208.4c-2%203.9-2.7%208.6-1.9%2012.9.4%202.3%201.2%204.4%202.3%206.1%22%20stroke%3D%22%23C0472A%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.38%22/%3E%3C/svg%3E") center/contain no-repeat;
}
@media(max-width:600px){
  header a[href="/"][style*="display:grid"],
  header a[href="/"][style*="display: grid"],
  header > div > div[style*="display: grid"][style*="margin-right: auto"]{ padding-left:32px; }
  header a[href="/"][style*="display:grid"]::before,
  header a[href="/"][style*="display: grid"]::before,
  header > div > div[style*="display: grid"][style*="margin-right: auto"]::before{
    width:24px; height:24px;
  }
}

/* --- closing signature ---------------------------------------------------
   The peach repeats beside the name in the footer of the portfolio pages, so
   the page opens and closes on the same mark. Hotel-page footers already
   carry a brand mark (Hilton, IHG, Choice); a peach beside those would be
   one mark too many, so they are left alone. */
footer div[style*="Instrument Serif"]:first-child{
  position:relative; padding-left:32px;
}
footer div[style*="Instrument Serif"]:first-child::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:23px; height:23px; opacity:.95;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cdefs%3E%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2224%22%20y1%3D%228%22%20x2%3D%229%22%20y2%3D%2227%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%3Cstop%20stop-color%3D%22%23E4553A%22/%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23F0894A%22/%3E%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8C069%22/%3E%20%20%3C/linearGradient%3E%20%3C/defs%3E%20%3Cpath%20d%3D%22M18.6%206.1c1.1-2.7%204-4.4%207.1-4.2-.3%203.1-2.7%205.6-5.7%206%22%20fill%3D%22%234F7A46%22/%3E%20%3Cpath%20d%3D%22M22.2%202.4c-1.3%201.2-2.5%202.7-3.3%204.4%22%20stroke%3D%22%233C5F35%22%20stroke-width%3D%22.9%22%20stroke-linecap%3D%22round%22/%3E%20%3Cpath%20d%3D%22M16%208.1c3.7-3.1%2010-.7%2011%204.7%201.3%206.9-3.6%2015-9.7%2016.6-.9.2-1.7.2-2.6%200C8.6%2027.8%203.7%2019.7%205%2012.8c1-5.4%207.3-7.8%2011-4.7Z%22%20fill%3D%22url%28%23p%29%22/%3E%20%3Cpath%20d%3D%22M16%208.4c-2%203.9-2.7%208.6-1.9%2012.9.4%202.3%201.2%204.4%202.3%206.1%22%20stroke%3D%22%23C0472A%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.38%22/%3E%3C/svg%3E") center/contain no-repeat;
}
@media(max-width:860px){
  .uab__brand{ padding-left:23px; }
  .uab__brand::before{ width:17px; height:17px; }
}