/* One PETRO masthead; glass is reserved for controls, never reading panels. */
@font-face{font-family:Prata;src:url('/fonts/prata.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Jost;src:url('/fonts/jost.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url('/fonts/instrument-sans.woff2') format('woff2');font-weight:400 500;font-style:normal;font-display:swap}
.site-header.petro-shared-header{--header-rule:#d8d8d8;position:relative;inset:auto;z-index:40;display:block;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0 max(5%,calc((100% - 1116px)/2));background:linear-gradient(116deg,#fff 0 47%,#f5f5f5 58%,#fff 72%);color:#484848;isolation:isolate;display:flow-root;box-shadow:0 1px 0 #e3e3e3,0 8px 16px -16px rgba(72,72,72,.34)}
/* Reuse the emerald room's light and depth around the selected portrait. */
.site-header.petro-portrait-header{--header-rule:rgba(243,237,226,.25);color:#f3ede2;background:radial-gradient(70% 180% at 68% 30%,#14795A 0%,rgba(20,121,90,0) 72%),radial-gradient(70% 160% at 20% 100%,#0A4A34 0%,rgba(10,74,52,0) 78%),#04241A;box-shadow:none}
@media(min-width:641px){.site-header.petro-portrait-header{background:radial-gradient(70% 150% at 68% 0%,rgba(20,121,90,.95),rgba(20,121,90,0) 75%),linear-gradient(180deg,#0A4A34 0 var(--petro-mast-height,104px),rgba(10,74,52,.45) calc(var(--petro-mast-height,104px) + 18px),rgba(10,74,52,0) 100%)}}
.petro-shared-header *{box-sizing:border-box}
.site-header.petro-shared-header a{color:inherit;text-decoration:none}
.site-header.petro-shared-header .site-mast{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;margin:0;padding:20px 0 17px;border-bottom:1px solid var(--header-rule)}
.site-header.petro-shared-header .mast-brand{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.site-header.petro-shared-header .mast-name{display:block;margin:0;padding:0 0 0 .16em;font:400 49px/1 Prata,Georgia,serif!important;letter-spacing:.16em;text-transform:none;background:none;box-shadow:none;border:0}
.site-header.petro-shared-header .mast-descriptor{font:500 11px/1.3 "Instrument Sans",Arial,sans-serif;letter-spacing:.28em;padding-left:.28em;text-transform:uppercase;white-space:nowrap}
.site-header.petro-shared-header .mast-note{grid-column:3;justify-self:end;max-width:none;font:400 12px/1.6 "Instrument Sans",Arial,sans-serif!important;text-align:right;letter-spacing:.015em;text-transform:none;padding:4px 0}
.site-header.petro-shared-header .mast-note:hover{text-decoration:underline;text-underline-offset:4px}
.site-header.petro-shared-header .site-nav{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(8px,1.1vw,14px);margin:0;padding:13px 0 17px;border:0;font:500 13px/1.4 "Instrument Sans",Arial,sans-serif;letter-spacing:.015em}
.site-header.petro-shared-header .site-nav a{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;min-height:44px;padding:11px 0;margin:0;flex:0 0 auto;text-underline-offset:5px;text-decoration-thickness:1px}
.site-header.petro-shared-header .site-nav a:not(.nav-consult):hover{text-decoration:underline}
.site-header.petro-shared-header .site-nav .nav-consult{margin:0;padding:11px 20px}
.site-header.petro-shared-header .site-nav .petro-nav-button{min-height:42px;padding:10px clamp(13px,1.45vw,19px);border-bottom:1px solid rgba(255,255,255,.82)!important}
.site-header.petro-shared-header .site-nav a[aria-current=page]:not(.nav-consult){box-shadow:inset 0 -2px #47776b}
.site-header.petro-shared-header .site-nav .nav-consult[aria-current=page]{outline:2px solid #47776b;outline-offset:4px}
.site-header.petro-portrait-header .site-nav a[aria-current=page]:not(.nav-consult){box-shadow:inset 0 -2px #a5f3cb}
.site-header.petro-portrait-header .site-nav .nav-consult[aria-current=page]{outline-color:#a5f3cb}
.site-header.petro-shared-header .petro-menu-toggle{display:none}
/* The bevel, internal reflection and soft shadow follow the supplied glass reference. */
body .petro-glass{--glass-base:rgba(255,255,255,.13);--glass-tint:rgba(255,255,255,.1);--glass-ink:#484848;box-sizing:border-box;border:1px solid rgba(255,255,255,.82)!important;border-radius:999px!important;background:radial-gradient(115% 120% at 18% -40%,rgba(255,255,255,.78) 0,rgba(255,255,255,0) 66%),linear-gradient(175deg,rgba(255,255,255,.5),rgba(255,255,255,.06) 43%,var(--glass-tint) 73%,rgba(255,255,255,.38)),var(--glass-base)!important;color:var(--glass-ink)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.84),inset 0 -3px 6px rgba(255,255,255,.48),inset 0 0 0 1px rgba(101,101,98,.11),inset 0 5px 10px rgba(101,101,98,.05),0 5px 12px rgba(101,101,98,.16),0 1px 2px rgba(101,101,98,.18)!important;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);font-family:"Instrument Sans",Arial,sans-serif!important;font-weight:500!important;line-height:1.4!important;text-decoration:none!important;text-transform:none;letter-spacing:.015em;min-height:44px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;vertical-align:middle;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}
/* Primary and legacy color classes now share the same translucent surface.
   The color underneath supplies the tint, so every button belongs to its section. */
body .petro-glass:is(.petro-glass-primary,.glasspink,.glassviolet,.glassapricot,.glasscobalt,.glassyellow){--glass-base:rgba(255,255,255,.13);--glass-tint:rgba(255,255,255,.1);--glass-ink:#484848}
body main[data-petro-issue] .petro-issue-spread .petro-glass{--glass-ink:var(--issue-ink,#484848)}
body [data-petro-community] .related-links .petro-glass{padding:12px 23px}
body .petro-glass:hover{transform:translateY(-1px);box-shadow:inset 0 2px 4px #fff,inset 0 -3px 7px rgba(255,255,255,.92),inset 0 0 0 1px rgba(101,101,98,.14),0 8px 18px rgba(101,101,98,.2),0 1px 2px rgba(101,101,98,.15)!important;text-decoration:none}
body .petro-glass:active{transform:translateY(1px);box-shadow:inset 0 2px 7px rgba(101,101,98,.16),inset 0 -2px 4px rgba(255,255,255,.9),0 2px 5px rgba(101,101,98,.15)!important}
body .petro-glass:focus-visible{outline:3px solid #47776b!important;outline-offset:4px!important}
body .petro-portrait-header .petro-glass:focus-visible{outline-color:#a5f3cb!important}
body .petro-glass[aria-pressed=true]{--glass-base:#d8f8e9;outline:2px solid #47776b;outline-offset:2px}
body .petro-glass:disabled{opacity:.6;cursor:default;transform:none}
body .petro-glass-icon{width:44px;height:44px;min-width:44px;min-height:44px;padding:9px;gap:0}
body .petro-glass-icon svg{flex-shrink:0}
body .petro-glass :is(span,svg){color:inherit}
.petro-breadcrumb{max-width:1116px;margin:24px auto 0;padding:0;font:400 12px/1.5 "Instrument Sans",Arial,sans-serif;color:#656562}
.petro-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;list-style:none;margin:0;padding:0}
.petro-breadcrumb li{display:flex;align-items:center;gap:10px;margin:0;padding:0}
.petro-breadcrumb li+li:before{content:'›';color:#656562;opacity:.65}
.petro-breadcrumb a{color:inherit;text-decoration:underline;text-decoration-color:#b7cac3;text-underline-offset:4px}
.petro-utility-links{max-width:1116px;margin:36px auto;padding:28px 0;display:flex;flex-wrap:wrap;align-items:center;gap:13px;border-top:1px solid #d8d8dc;background:#fff}
.petro-utility-links a{font-size:13px}
/* The closing emerald room keeps its navigation in the same tonal light. */
body #quiet > .petro-utility-links{grid-column:1/-1;position:relative;z-index:2;width:100%;max-width:none;margin:36px 0 0;padding:28px 0;background:transparent;border-top-color:rgba(165,243,203,.22);box-shadow:none}
body #quiet .petro-glass{--glass-base:rgba(10,74,52,.44);--glass-tint:rgba(20,121,90,.22);background:radial-gradient(115% 120% at 18% -40%,rgba(165,243,203,.12),rgba(165,243,203,0) 66%),linear-gradient(175deg,rgba(10,74,52,.58),rgba(10,74,52,.42) 65%,rgba(4,36,26,.24))!important;color:var(--ivory,#f3ede2)!important;border-color:rgba(165,243,203,.3)!important;box-shadow:inset 0 1px 2px rgba(165,243,203,.18),inset 0 -2px 5px rgba(4,36,26,.28),0 4px 12px rgba(4,36,26,.14)!important}
body #quiet .petro-glass:hover{border-color:rgba(165,243,203,.55)!important;box-shadow:inset 0 1px 3px rgba(165,243,203,.3),inset 0 -2px 5px rgba(4,36,26,.24),0 6px 16px rgba(4,36,26,.2)!important}
body #quiet .petro-glass:active{box-shadow:inset 0 2px 6px rgba(4,36,26,.32),inset 0 -1px 2px rgba(165,243,203,.16)!important}
body #quiet .petro-glass:focus-visible{outline-color:var(--mint,#a5f3cb)!important}
.petro-store-appointment{margin-top:26px}
/* The social rail reserves reading space; the shared masthead still spans the viewport. */
@media(min-width:761px){body:has(.petro-action-rail) .site-header.petro-shared-header{width:calc(100% + 80px);margin-left:0;margin-right:-80px;padding-inline:max(5vw,calc((100vw - 1116px)/2))}}

/* Keep social contact visible on editorial pages that use their own page shell. */
.petro-quick-social{position:fixed;z-index:39;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;padding:7px 5px;border:1px solid #d8dfda;border-radius:5px;background:#fff;color:#315f54;box-shadow:0 5px 16px rgba(72,72,72,.12)}
.petro-quick-social a{display:grid;place-items:center;width:44px;height:44px;color:inherit;text-decoration:none;border-radius:50%;font:600 12px/1 "Instrument Sans",Arial,sans-serif;letter-spacing:.02em}
.petro-quick-social a:hover{background:#d8f8e9;color:#24483f}
.petro-quick-social a:focus-visible{outline:2px solid #47776b;outline-offset:1px}
.petro-quick-social svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.petro-contact-email-note{flex-basis:100%;margin:0;color:var(--muted,#65706b);font:11px/1.55 "Instrument Sans",Arial,sans-serif;letter-spacing:.03em}
@media(max-width:760px){.petro-quick-social{right:max(8px,env(safe-area-inset-right));top:auto;bottom:max(8px,env(safe-area-inset-bottom));transform:none;flex-direction:row;padding:4px;box-shadow:0 4px 14px rgba(72,72,72,.16)}.petro-quick-social a{width:44px;height:44px}}
@media print{.petro-quick-social{display:none!important}}
.petro-book-now{position:fixed;z-index:58;left:auto;right:max(92px,calc(env(safe-area-inset-right) + 92px));bottom:max(18px,env(safe-area-inset-bottom));min-width:132px;--glass-base:rgba(255,255,255,.66)!important;--glass-tint:rgba(165,243,203,.3)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.9),inset 0 -3px 7px rgba(255,255,255,.58),0 10px 28px rgba(49,95,84,.24),0 1px 3px rgba(49,95,84,.2)!important}
.petro-book-now:hover{box-shadow:inset 0 2px 4px #fff,inset 0 -3px 7px rgba(255,255,255,.92),0 13px 31px rgba(49,95,84,.28),0 1px 3px rgba(49,95,84,.2)!important}
html.petro-menu-open .petro-book-now{visibility:hidden;pointer-events:none}
@media(max-width:760px){.petro-book-now{left:auto;right:max(16px,env(safe-area-inset-right));bottom:max(72px,calc(env(safe-area-inset-bottom) + 64px));min-width:118px;padding:11px 18px}}
@media print{.petro-book-now{display:none!important}}
@media print{.site-header.petro-shared-header,.petro-utility-links{display:none!important}}
@media(max-width:1240px){.petro-breadcrumb,.petro-utility-links{margin-left:5%;margin-right:5%}}
@media(max-width:760px){
 html.petro-menu-open,html.petro-menu-open body{overflow:hidden;overscroll-behavior:none}
 .site-header.petro-shared-header{min-height:70px;padding-inline:16px}
 .site-header.petro-shared-header .site-mast{grid-template-columns:44px minmax(0,1fr) 56px;gap:0;min-height:70px;padding:11px 0 10px;border-bottom:0}
 .site-header.petro-shared-header .mast-brand{grid-column:2;align-items:center;gap:4px}
 .site-header.petro-shared-header .mast-name{font-size:29px!important;padding-left:.14em;letter-spacing:.14em}
 .site-header.petro-shared-header .mast-descriptor{display:block;font-size:8px!important;line-height:1.2;letter-spacing:.19em;padding-left:.19em;white-space:nowrap}
 .site-header.petro-shared-header .mast-note{grid-column:3;display:flex;align-items:center;justify-content:flex-end;width:56px;height:44px;max-width:none;padding:0;font-size:0!important;white-space:nowrap}
 .site-header.petro-shared-header .mast-note::before{content:'Visit \2197';font:500 11px/1 "Instrument Sans",Arial,sans-serif;letter-spacing:.02em}
 .site-header.petro-shared-header .site-nav{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start!important;gap:0!important;padding:0 24px 32px;border-top:1px solid var(--header-rule)}
 .site-header.petro-shared-header .site-nav a{justify-content:flex-start;width:100%;min-height:54px;padding:15px 2px;border-bottom:1px solid var(--header-rule);font-size:15px}
 .site-header.petro-shared-header .site-nav .petro-nav-button{justify-content:center;width:100%;min-height:48px;margin:7px 0;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.82)!important}
 .site-header.petro-shared-header .site-nav a[aria-current=page]:not(.nav-consult){box-shadow:inset 3px 0 #47776b;padding-left:14px}
 .site-header.petro-shared-header .site-nav .nav-consult{justify-content:center;margin:18px 0 7px;width:100%}
 .site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle{position:absolute;z-index:64;top:13px;left:10px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;cursor:pointer;transition:none}
 .site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle:hover,.site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle:active{transform:none;box-shadow:none!important}
 .site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle:focus-visible{outline:2px solid #47776b!important;outline-offset:2px!important}
 .site-header.petro-portrait-header[data-menu-ready] .petro-menu-toggle:focus-visible{outline-color:#a5f3cb!important}
 .site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle>span:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
 .site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle [data-menu-icon]{position:relative;display:block;width:21px;height:15px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;color:inherit;font-size:0;transition:border-color .18s ease}
 .site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle [data-menu-icon]::before,.site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle [data-menu-icon]::after{content:'';position:absolute;left:0;top:50%;width:100%;height:1.5px;background:currentColor;transform:translateY(-50%);transition:transform .2s ease,opacity .2s ease}
 .site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle [data-menu-icon]::after{opacity:0}
 .site-header.petro-shared-header[data-menu-ready] .site-nav{position:fixed;z-index:62;inset:0 auto 0 0;display:none;width:min(90vw,380px);height:100dvh;margin:0;padding:0 24px 36px;overflow-y:auto;overscroll-behavior:contain;border:0;background:#fff;color:#484848;box-shadow:18px 0 46px rgba(24,40,35,.16);visibility:hidden}
 .site-header.petro-shared-header[data-menu-ready] .site-nav::before{content:'PETRO';display:flex;flex:0 0 70px;align-items:center;justify-content:center;margin:0 -24px 12px;padding-left:.14em;border-bottom:1px solid #e4e4e2;font:400 24px/1 Prata,Georgia,serif;letter-spacing:.14em;color:#484848}
 .site-header.petro-shared-header[data-menu-ready] .site-nav.is-open{display:flex;visibility:visible}
 .site-header.petro-shared-header[data-menu-open] .petro-menu-toggle{position:fixed;color:#484848!important}
 .site-header.petro-shared-header[data-menu-open] .petro-menu-toggle [data-menu-icon]{display:grid;place-items:center;width:24px;height:30px;border:0;font:300 30px/1 Arial,sans-serif}
 .site-header.petro-shared-header[data-menu-open] .petro-menu-toggle [data-menu-icon]::before,.site-header.petro-shared-header[data-menu-open] .petro-menu-toggle [data-menu-icon]::after{display:none}
 .site-header.petro-shared-header .petro-menu-scrim{position:fixed;z-index:61;inset:0;background:rgba(10,25,20,.28);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}
 .site-header.petro-shared-header[data-menu-open] .petro-menu-scrim{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
 html.petro-menu-open :is(.petro-action-rail,.petro-quick-social){visibility:hidden;pointer-events:none}
 .petro-breadcrumb{font-size:11px;margin-top:18px}
 .petro-utility-links{gap:12px;padding:24px 0;margin-top:25px;margin-bottom:25px}
 .petro-utility-links a{font-size:12px;padding:11px 17px}
}

/* Keep the visible case authored in the content; the shared script applies
   Title Case while preserving deliberately all-lowercase treatments. */
html body * {
  text-transform: none !important;
}
@media(prefers-reduced-motion:reduce){body .petro-glass{transition:none}body .petro-glass:hover,body .petro-glass:active{transform:none}.site-header.petro-shared-header[data-menu-ready] .site-nav,.site-header.petro-shared-header .petro-menu-scrim,.site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle [data-menu-icon],.site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle [data-menu-icon]::before,.site-header.petro-shared-header[data-menu-ready] .petro-menu-toggle [data-menu-icon]::after{transition:none}}
@media(forced-colors:active){body .petro-glass,body .petro-glass:is(.glasspink,.glassviolet,.glassapricot,.glasscobalt,.glassyellow){background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important;backdrop-filter:none}}

@media(forced-colors:active){body #quiet > .petro-utility-links{border-top-color:CanvasText}body #quiet .petro-glass,body #quiet .petro-glass:is(:hover,:active){background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}body #quiet .petro-glass:focus-visible{outline-color:Highlight!important}}

/* PETRO watercolor underline — selected from six highlight studies.
   It preserves the typography while giving emphasized words a hand-painted edge. */
body mark{
  --petro-paint-rgb:62 211 190;
  position:relative;
  isolation:isolate;
  z-index:0;
  display:inline;
  padding:0 .035em .015em;
  color:inherit!important;
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
body mark:is(.pink,[class*="pink"]){--petro-paint-rgb:255 61 154}
body mark:is(.mint,[class*="mint"]){--petro-paint-rgb:62 211 190}
body mark::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:auto -.035em -.09em!important;
  height:.46em!important;
  background:linear-gradient(180deg,rgb(var(--petro-paint-rgb)/.08),rgb(var(--petro-paint-rgb)/.76) 31% 68%,rgb(var(--petro-paint-rgb)/.18))!important;
  clip-path:polygon(0 34%,10% 18%,24% 31%,39% 11%,54% 27%,70% 8%,86% 29%,100% 16%,98% 72%,82% 90%,64% 73%,48% 94%,29% 78%,10% 91%,1% 68%)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:.94!important;
  transform:none!important;
  pointer-events:none;
}