/* Source: /assets/petro-sitewide.css */
/* 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:wrap;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}
@media(min-width:761px){body .site-header.petro-shared-header .site-nav{gap:12px clamp(8px,1.1vw,14px)}}
.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}
.petro-google-reviews{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:clamp(28px,6vw,80px);margin:0 0 70px;padding:clamp(28px,5vw,60px);border:1px solid #dbe5df;border-radius:24px;background:radial-gradient(ellipse at 100% 0,rgba(164,237,214,.4),transparent 60%),linear-gradient(135deg,#fffdf8,#f4faf7);color:#484848}
.petro-google-reviews h2{font-family:Prata,Georgia,serif;font-size:clamp(26px,3vw,40px);line-height:1.35;font-weight:400;margin:15px 0 24px}
.petro-google-reviews p{line-height:1.65;max-width:48ch}
.petro-google-reviews .text-link{display:inline-flex;margin-top:14px;gap:14px}
.petro-google-reviews-note{align-self:center;border-left:1px solid #cfddd5;padding-left:clamp(24px,4vw,48px)}
.petro-google-reviews-letter{display:block;font:600 76px/1 Arial,sans-serif;color:#315f54;margin-bottom:20px}
.petro-google-reviews-note p:first-of-type{font-weight:600}
@media(max-width:700px){.petro-google-reviews{grid-template-columns:1fr}.petro-google-reviews-note{border-left:0;border-top:1px solid #cfddd5;padding:24px 0 0}.petro-google-reviews-letter{font-size:48px}}
/* 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;
}

/* Source: /assets/petro-experience.css */
/* The existing portrait, Prata/Boisterous type, pigments and white shelves. */
@font-face{font-family:Boisterous;src:url('/assets/home-september17/e30b0bdde3d2470dcdb8.woff2') format('woff2');font-display:swap}
:root{--experience-ink:#484848;--experience-green:#123e32;--experience-paper:#fff;--experience-rule:#d6ddd9}
[hidden]{display:none!important}
.petro-library,.petro-story,.options-directory,.product-directory,.issue-journey,.petro-photo-footer,.library-reading,.library-collections{box-sizing:border-box;font-family:Jost,Arial,sans-serif;color:var(--experience-ink)}
.petro-library *,.petro-story *,.options-directory *,.product-directory *,.issue-journey *,.petro-photo-footer *{box-sizing:border-box}
.experience-kicker{font:500 11px/1.7 Jost,Arial,sans-serif!important;letter-spacing:.19em!important;text-transform:uppercase;margin:0 0 20px!important}
@font-face{font-family:Cochin;src:url('/assets/home-september17/08a639c4ecba770df6b4.woff2') format('woff2');font-display:swap}
.library-page{max-width:none!important;width:auto!important;margin:0!important;padding:0!important;background:white;--pad:clamp(22px,6vw,90px);--display:Cochin,Georgia,serif;--script:Boisterous,cursive;--charcoal:#484848;--ink:#484848;--paper:#fff;--hair:#ddd;--jade:#0c7a58;--ease:cubic-bezier(.2,.7,.2,1)}
.library-page #ask{padding:0 var(--pad) 36px}
.library-page .rack-intro{padding-top:38px;padding-bottom:32px}
.library-page{--melon:#FF5E6E}
.library-invitation{margin:20px 0 0;font:400 clamp(18px,2vw,23px)/1.5 Jost,Arial,sans-serif;letter-spacing:.015em}
.library-tools{max-width:1192px;margin:34px auto 0}
.library-search{max-width:690px;margin:0 0 26px}
.library-search label,.library-filters legend{display:block;font:500 12px/1.6 Jost,Arial,sans-serif;letter-spacing:.04em;margin-bottom:10px;color:#484848}
.search-line{display:flex;gap:12px}
.library-search input{min-width:0;flex:1;width:100%;border:1px solid #9ca9a2;border-radius:2px;background:#fff;color:#343e39;font:400 17px/1.4 Jost,Arial,sans-serif;min-height:50px;padding:12px 15px}
.library-search input::placeholder{color:#65706a;opacity:1}
.library-filters{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 12px}
.experience-control{appearance:none;background:white;border:1px solid #a9b5af;border-radius:30px;padding:10px 18px;min-height:44px;font:500 14px/1.4 Jost,Arial,sans-serif;color:#434d48;cursor:pointer}
.experience-control[aria-pressed=true]{background:#123e32;color:white;border-color:#123e32}
.experience-control:hover{border-color:#123e32;background:#e5f2eb;color:#123e32}
.library-search input:focus-visible,.experience-control:focus-visible,.petro-story a:focus-visible,.petro-photo-footer a:focus-visible,.issue-journey a:focus-visible,.library-results a:focus-visible{outline:3px solid #366d55;outline-offset:4px}
.library-status{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:66px}
.library-status p{margin:15px 0;font-size:13px;line-height:1.6;letter-spacing:.025em;color:#59645e}
.library-reset{font-size:12px;padding:8px 14px}
.petro-library .library-options{max-width:1192px;margin:28px auto 5px;padding-top:24px;border-top:1px solid #d1d6d3;font-size:19px}
.library-options a{color:#214c3c;text-underline-offset:7px;text-decoration-thickness:1px}
.library-results{max-width:1192px;margin:30px auto}
.library-results h2{font:400 26px/1.3 Prata,Georgia,serif}
.library-results ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;padding:0;margin:0}
.library-results li{border-bottom:1px solid #d4dcd6;margin:0}
.library-results a{display:flex;flex-direction:column;gap:5px;padding:18px 0;color:#234d3d;text-decoration:none;font-size:18px}
.result-kind{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#59645e}
.library-reading,.library-collections{padding:70px max(6%,calc((100% - 1192px)/2));background:#fff}
.library-reading{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #d6ddd9}
.library-reading h2,.story-next h2{font:400 clamp(30px,4vw,48px)/1.25 Prata,Georgia,serif;margin:10px 0 25px}
.library-reading nav,.story-next nav{display:flex;flex-direction:column;justify-content:center}
.library-reading nav a,.story-next nav a{color:#254c3c;border-bottom:1px solid #cfd7d1;padding:20px 0;font-size:18px;text-decoration:none;line-height:1.5;display:flex;justify-content:space-between;gap:15px}
.library-collections{padding-top:0;padding-bottom:60px}
.library-collections nav{display:flex;flex-wrap:wrap;gap:22px;font-size:16px}
.library-collections a{color:#214c3c;text-underline-offset:5px}
#ask.petro-library .tile:focus-visible{transform:translateY(-6px) rotate(-.6deg);outline:3px solid #30483c;outline-offset:6px}
@media(hover:hover) and (pointer:fine){#ask.petro-library .tile:hover{transform:translateY(-9px) rotate(-1deg)}}
@media(hover:none){#ask.petro-library .tile:hover{transform:none}}
#top.cover{overflow:hidden;box-shadow:0 22px 42px -24px rgba(4,36,26,.6);z-index:1}
#top.cover .film{transform:translateY(var(--hero-depth,0px)) scale(1.025);transform-origin:center center}
.see .film video#seefilm{object-fit:contain;z-index:2;pointer-events:auto}
.see .film:has(video#seefilm){z-index:2}
.see:has(video#seefilm) .copy,.see:has(video#seefilm) .notes{position:relative;z-index:3;pointer-events:none}
.see:has(video#seefilm) a{pointer-events:auto}
.petro-story{max-width:none!important;margin:0!important;padding:0!important;background:#fff;--display:Prata,Georgia,serif}
.story-opening{display:grid;grid-template-columns:1fr 1fr;max-width:1360px;margin:0 auto;min-height:650px;padding:55px 6% 0;align-items:center;gap:5%}
.story-title h1{font:400 clamp(56px,6.5vw,96px)/1 Prata,Georgia,serif;letter-spacing:-.05em;margin:30px 0;color:#484848}
.story-title h1 em,.footer-panel h2 em{font-family:Boisterous,cursive;font-size:1.75em;font-weight:400;letter-spacing:0;line-height:.65}
.story-title h1 em{display:block;font-size:1.4em;line-height:1.35;margin-top:-.05em;padding-bottom:.3em}
.story-title .experience-kicker{max-width:310px}
.story-deck{font:400 clamp(21px,2.5vw,30px)/1.5 Prata,Georgia,serif;margin:28px 0 42px}
.story-continue{display:inline-flex;gap:40px;color:#355447;font-size:14px;border-bottom:1px solid #99aba0;padding-bottom:12px;text-decoration:none}
.story-portrait{margin:0;align-self:end;position:relative;overflow:hidden}
.story-portrait img{width:100%;height:auto;max-height:710px;object-fit:contain;object-position:bottom;display:block}
.story-portrait figcaption{font:400 11px/1.6 Jost,Arial,sans-serif;margin:12px 0 0;text-align:right;letter-spacing:.04em}
.story-layout{max-width:1180px;margin:100px auto;display:grid;grid-template-columns:250px minmax(0,650px);justify-content:space-between;gap:75px;padding:0 4%}
.story-credentials{align-self:start;position:sticky;top:35px;border-top:1px solid #aebdb4;padding-top:26px;font-size:14px;line-height:1.9}
.story-credentials h2{font:400 30px/1.3 Prata,Georgia,serif;margin:15px 0 28px}
.story-credentials strong{font-weight:500;color:#1f4937}
.story-badges{display:flex;gap:16px;margin:25px 0}
.story-badges img{width:80px;height:80px;object-fit:contain}
.story-credentials dl{margin:30px 0}
.story-credentials dl div{border-top:1px solid #dce1dd;padding:12px 0}
.story-credentials dt{font:400 25px/1.4 Prata,Georgia,serif}
.story-credentials dd{margin:5px 0 0;font-size:12px}
.story-credentials a{color:#1f4937;text-underline-offset:6px}
.story-essay{font:400 clamp(17px,1.7vw,20px)/1.85 Jost,Arial,sans-serif}
.story-essay section{margin:0 0 65px;scroll-margin-top:35px}
.story-essay h2{font:400 clamp(32px,4vw,47px)/1.3 Prata,Georgia,serif;margin:15px 0 30px;letter-spacing:-.02em}
.story-essay p{margin:0 0 25px}
.story-essay .story-pull{font:400 clamp(27px,3vw,38px)/1.45 Prata,Georgia,serif;color:#174e36;border-left:3px solid #78bf9b;padding:12px 0 12px 28px;margin:40px 0}
.story-signature{font:400 95px/1 Boisterous,cursive!important;color:#1f4937;margin:30px 0!important}
.story-next{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:0;padding:70px max(6%,calc((100% - 1080px)/2));background:#f1f4f0;font-size:18px;line-height:1.7}
.story-team{max-width:690px;margin:85px auto;padding:0 25px;font-size:19px;line-height:1.8}
.story-team h2{font:400 48px/1.2 Prata,Georgia,serif;margin:12px 0}
.story-team .team-role{font-size:12px;text-transform:uppercase;letter-spacing:.16em;margin:16px 0 30px}
.story-team blockquote{margin:35px 0;border-left:2px solid #9bbca8;padding-left:28px;font:400 22px/1.65 Prata,Georgia,serif}
.story-team cite{font:400 13px/1.5 Jost,Arial,sans-serif}
.story-team a{color:#214c3c;text-underline-offset:5px}
.options-directory,.product-directory{margin:70px 0 30px;padding:55px 0 20px;border-top:1px solid #cdd7cf}
.options-directory h2,.product-directory h2,.issue-journey h2{font:400 clamp(31px,4vw,48px)/1.3 Prata,Georgia,serif;margin:16px 0 25px;letter-spacing:-.02em}
.options-directory>p,.product-directory>p{max-width:670px;font-size:18px;line-height:1.75}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:45px}
.directory-grid h3{font:400 25px/1.4 Prata,Georgia,serif;margin:0 0 20px}
.directory-grid ul{list-style:none;padding:0;margin:0}
.directory-grid li{border-top:1px solid #d6ddd9;padding:17px 0;line-height:1.55}
.directory-grid a{color:#254c3c;font-size:17px;text-underline-offset:4px}
.directory-grid li p{font:400 13px/1.7 Jost,Arial,sans-serif;margin:7px 0 0;color:#64716a}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:45px 0}
.product-grid article{border-top:1px solid #abbcaf;padding-top:20px;scroll-margin-top:35px}
.product-grid article:first-child{grid-column:span 2}
.product-grid h3{font:400 25px/1.4 Prata,Georgia,serif;letter-spacing:-.02em;margin:14px 0}
.product-grid p{font:400 16px/1.75 Jost,Arial,sans-serif;max-width:560px}
.product-grid a{color:#254c3c;font-size:13px;line-height:1.6;text-underline-offset:5px;display:inline-block;margin-top:13px}
.product-number{font-size:11px;letter-spacing:.15em;color:#536a5d}
.product-ordering{border-top:1px solid #cdd7cf;padding-top:25px}
.issue-journey{max-width:1120px;margin:80px auto 55px;padding:55px 5%;border-top:1px solid #b8cbbf;background:#f8faf7;font-size:17px;line-height:1.8;text-align:left}
.journey-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.journey-columns h3{font:400 24px/1.4 Prata,Georgia,serif;margin:20px 0}
.journey-columns ul{list-style:none;padding:0;margin:20px 0}
.journey-columns li{margin:8px 0}
.issue-journey a{color:#244d38;text-underline-offset:5px}
.journey-links{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #cdd7cf;padding-top:25px;margin-top:30px;font-size:14px}
.petro-photo-footer{position:relative;isolation:isolate;min-height:770px;overflow:hidden;background:#173c30;display:flex;align-items:center;justify-content:flex-start;padding:65px 7%;margin:0;clear:both}
.petro-photo-footer .footer-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;z-index:-2;max-width:none}
.petro-photo-footer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,251,247,.99),rgba(249,251,247,.97) calc(7vw + 330px),rgba(249,251,247,.65) calc(7vw + 425px),transparent calc(7vw + 555px));z-index:-1}
.footer-panel{width:360px;max-width:100%;padding:0;background:transparent;border:0;box-shadow:none;color:#394e42}
.footer-panel h2{font:400 clamp(37px,4vw,56px)/1.3 Prata,Georgia,serif;margin:20px 0 25px;letter-spacing:-.02em}
.footer-panel h2 em{display:inline-block;font-size:1.6em;line-height:1;padding-bottom:.15em}
.footer-panel>p{font:400 17px/1.7 Jost,Arial,sans-serif;margin:20px 0}
.footer-panel nav{display:flex;flex-direction:column;margin:25px 0}
.footer-panel nav a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #b8c9bd;font-size:14px;line-height:1.5;text-decoration:none;color:#294f3a}
.footer-panel a{color:#294f3a;text-underline-offset:4px}
.footer-panel .footer-address{font-size:12px;line-height:1.8;margin-bottom:0}
.petro-photo-footer+.petro-utility-links{margin-top:0}
.site-header.petro-shared-header .site-nav{justify-content:center;gap:clamp(18px,5vw,75px)}
.site-header.petro-shared-header .site-nav .nav-consult{margin-left:0}
/* Retain the selected compact introduction at phone widths. */
@media(max-width:599px){.library-page .rack-intro{padding-top:30px;padding-bottom:26px}.library-page .library-tools{margin-top:24px}.library-page .library-search{margin-bottom:20px}}
@media(max-width:900px){.story-opening{min-height:0;padding:45px 6% 0}.story-title h1{font-size:clamp(50px,8vw,76px)}.story-layout{grid-template-columns:200px minmax(0,1fr);gap:40px;margin:70px auto}.directory-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-results ul{grid-template-columns:repeat(2,minmax(0,1fr))}.petro-photo-footer{display:block;min-height:0;padding:0;background:#f9fbf7}.petro-photo-footer .footer-photo{position:relative;display:block;height:clamp(340px,56vw,500px);object-position:55% center;z-index:auto}.petro-photo-footer:before{display:none}.footer-panel{width:min(600px,100%);margin:0 auto;padding:42px 7% 48px}.story-next{gap:40px}}
@media(max-width:600px){.search-line{gap:8px}.library-search input{font-size:16px;padding:11px}.search-line button{padding:10px 14px}.library-filters{gap:8px}.library-filters button{font-size:12px;padding:9px 13px}.library-status{align-items:flex-start}.library-status p{font-size:12px}.library-results ul{grid-template-columns:1fr}.library-reading,.story-next{grid-template-columns:1fr;gap:20px;padding:45px 6%}.library-collections{padding:15px 6% 45px}.story-opening{display:flex;flex-direction:column;align-items:stretch;padding:40px 6% 0;gap:35px}.story-title h1{font-size:72px;margin:24px 0}.story-deck{font-size:22px;margin:24px 0}.story-portrait{width:100%;max-width:390px;margin:auto}.story-portrait img{max-height:470px}.story-layout{display:flex;flex-direction:column-reverse;margin:55px auto;padding:0 7%;gap:30px}.story-credentials{position:static;width:100%}.story-credentials dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.story-essay section{margin-bottom:45px}.story-team{margin:55px auto;font-size:17px}.story-team blockquote{font-size:20px}.journey-columns{grid-template-columns:1fr;gap:20px}.issue-journey{margin:50px auto;padding:35px 6%}.directory-grid,.product-grid{grid-template-columns:1fr;gap:30px}.product-grid article:first-child{grid-column:auto}.options-directory,.product-directory{margin-top:45px;padding-top:30px}.petro-photo-footer .footer-photo{height:clamp(300px,82vw,440px)}.footer-panel{padding:32px 7% 40px}.site-header.petro-shared-header .site-nav{grid-template-columns:1fr}.site-header.petro-shared-header .site-nav a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}#ask.petro-library .tile,#top.cover .film{transition:none!important;animation:none!important;transform:none!important}#ask.petro-library .tile:hover,#ask.petro-library .tile:focus-visible{transform:none!important}}
@media(forced-colors:active){.footer-panel{background:Canvas;color:CanvasText;border:1px solid CanvasText}.experience-control{border:1px solid ButtonText}.experience-control[aria-pressed=true]{outline:2px solid Highlight}.petro-photo-footer .footer-photo{opacity:.3}}
.petro-skip-link{position:fixed;z-index:9999;top:12px;left:12px;padding:13px 20px;background:#fff;color:#163e2d;transform:translateY(-200%);font:500 15px/1.5 Jost,Arial,sans-serif;border:2px solid #163e2d}
.petro-skip-link:focus{transform:none}

/* A visible editorial spot illustration at every size, including phones. */
.consultation-opening .consultation-menu-art{display:block;width:100%;max-width:340px;margin:10px auto 0;overflow:visible}
.consultation-opening .consultation-menu-art img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:640px){.consultation-opening .consultation-menu-art{order:-1;max-width:230px;margin:0 auto}.article-hero.consultation-opening{gap:12px}}

/* Source: /assets/petro-showroom.css */
/* The cover is the entrance. Existing colors, actual issues, native scrolling. */
body[data-petro-showroom]{background:#fff;color:#484848}
body:is([data-petro-showroom],[data-petro-edition]) .site-header.petro-shared-header{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;margin:0;padding:19px 4%;background:linear-gradient(116deg,#fff 0 47%,#f5f5f5 58%,#fff 72%);color:#484848;box-shadow:none;--header-rule:#ddd}
body:is([data-petro-showroom],[data-petro-edition]) .site-header .site-mast{display:block;border:0;padding:0;margin:0}
body:is([data-petro-showroom],[data-petro-edition]) .site-header .mast-brand{display:block}
body:is([data-petro-showroom],[data-petro-edition]) .site-header .mast-name{font-size:34px!important;letter-spacing:.12em;padding:0}
body:is([data-petro-showroom],[data-petro-edition]) .site-header :is(.mast-note,.mast-descriptor){display:none}
body:is([data-petro-showroom],[data-petro-edition]) .site-header .site-nav{padding:0;gap:24px;margin:0}
body:is([data-petro-showroom],[data-petro-edition]) .site-nav .petro-glass{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:#484848!important;padding:9px 0;min-height:40px;font-size:12px}
body:is([data-petro-showroom],[data-petro-edition]) .site-nav .nav-consult{border-bottom:1px solid #aaa!important}
body[data-petro-showroom]>.petro-breadcrumb{display:none}
body[data-petro-showroom] main.library-page{padding:0!important}
.issue-showroom{--display:Cochin,Prata,Georgia,serif;--sans:Jost,Arial,sans-serif;box-sizing:border-box;position:relative;isolation:isolate;padding:22px 0 34px;background:radial-gradient(ellipse at 86% 92%,#f2e9f4 0,transparent 44%),linear-gradient(115deg,#fff 0 35%,#f4f5f4 60%,#fff 84%);color:#484848;overflow:hidden}
.issue-showroom *{box-sizing:border-box}
.showroom-heading{padding:0 4%;display:flex;align-items:end;justify-content:space-between;gap:30px;position:relative;z-index:2}
.showroom-eyebrow{font:500 10px/1.5 Jost,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0 0 17px}
.showroom-heading h1{font:400 clamp(48px,6.4vw,88px)/1.05 var(--display);letter-spacing:-.035em;margin:0;text-wrap:nowrap;color:#484848}
.showroom-heading h1 em{font:400 1.9em/.7 Boisterous,cursive;font-style:normal;letter-spacing:0;display:inline-block;padding:.1em .09em .3em;margin:-.1em -.07em -.3em 0;background:linear-gradient(108deg,#ffc2b4,#ff5e6e 40%,#b01840 80%,#74102f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;vertical-align:-.04em}
.showroom-invitation{font:400 20px/1.45 var(--display);margin:0 0 5px;flex-shrink:0}
.showroom-invitation span{font:400 12px/1.65 Jost,Arial,sans-serif;display:block;margin-top:5px}
.showroom-rail{position:relative;padding-bottom:10px}
.showroom-rail::after{content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:27px;height:13px;background:linear-gradient(180deg,#fff 0 20%,#d0d0d0 23% 29%,#fff 36% 56%,#eee 78%,#c9c9c9 100%);box-shadow:0 14px 22px -10px #48484845;z-index:0}
.showroom-track{display:flex;gap:clamp(22px,3.3vw,48px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:43px 5% 43px;isolation:isolate;perspective:1400px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.showroom-track::-webkit-scrollbar{display:none}
.issue-object{flex:0 0 clamp(174px,20vw,266px);aspect-ratio:.73;display:block;position:relative;scroll-snap-align:center;color:var(--issue-ink);text-decoration:none;perspective:1100px;z-index:1;transform:translateY(var(--hover-lift,0px));transition:transform .4s cubic-bezier(.2,.75,.2,1);outline-offset:7px;-webkit-tap-highlight-color:transparent}
.object-drift{position:relative;display:block;height:100%;transform:rotate(-3deg) rotateY(-10deg);transform-style:preserve-3d;will-change:transform}
.issue-object:nth-child(3n+2) .object-drift{transform:translateY(-5px) rotate(2.2deg) rotateY(-9deg)}
.issue-object:nth-child(3n) .object-drift{transform:rotate(-1.2deg) rotateY(-9deg)}
.object-face,.unfold-cover{position:relative;display:flex;flex-direction:column;height:100%;padding:19px 18px 21px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 0,var(--issue-light) 0,transparent 53%),radial-gradient(ellipse at 100% 95%,var(--issue-depth) 0,transparent 61%),var(--issue-base);color:var(--issue-ink);box-shadow:inset 2px 1px 2px #ffffffba,inset -3px -2px 3px #00000016,9px 17px 18px -17px #32283c99;border-radius:1px 3px 2px 1px;transform:rotateX(var(--hover-y,0deg)) rotateY(var(--hover-x,0deg));transition:transform .35s ease}
.object-drift:after{content:"";position:absolute;top:2px;bottom:1px;right:-5px;width:5px;background:repeating-linear-gradient(90deg,#eee 0px,#fff 1px,#ccc 2px);transform:rotateY(30deg);transform-origin:left;z-index:-1;box-shadow:3px 3px 4px #44343e22}
.object-face:before,.unfold-cover:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(110deg,transparent 12%,#ffffff05 29%,#ffffff9c 43%,#ffffff0d 51%,transparent 67%);background-size:250% 100%;background-position:100% 0;mix-blend-mode:screen;opacity:.8}
.object-face:after,.unfold-cover:after{content:"";position:absolute;inset:0;pointer-events:none;border-left:5px solid #ffffff14;box-shadow:inset 6px 0 2px -4px #0000003b,inset 8px 0 1px -6px #ffffff66}
.object-mast{position:relative;z-index:1;font:400 clamp(28px,3vw,44px)/1 Prata,Georgia,serif;letter-spacing:.055em;display:block;white-space:nowrap}
.object-edition{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;margin-top:11px;border-top:1px solid currentColor;padding-top:9px;font:500 8px/1.5 Jost,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.object-title{position:relative;z-index:1;display:block;margin-top:auto;padding-top:17px;font:400 clamp(25px,2.65vw,37px)/1.02 Cochin,Georgia,serif;letter-spacing:-.015em;text-wrap:balance}
.object-invitation{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;font:500 9px/1.5 Jost,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-top:20px;gap:7px}
.object-invitation>span{font-size:17px;line-height:1}
.issue-object:focus-visible{outline:2px solid #484848;--hover-lift:-8px}
@media(hover:hover) and (pointer:fine){.issue-object:hover{--hover-lift:-12px;z-index:3}.issue-object:hover .object-face{box-shadow:inset 2px 1px 2px #ffffffba,inset -3px -2px 3px #00000016,10px 27px 26px -19px #32283c99}}
.issue-showroom.has-motion .object-drift{animation:cover-breathe 7s ease-in-out infinite alternate;animation-delay:calc(var(--object-index,0) * -.8s)}
.issue-showroom.has-motion .object-face:before{animation:cover-lacquer 9s ease-in-out infinite alternate;animation-delay:calc(var(--object-index,0) * -.7s)}
.issue-showroom[data-motion-paused] .object-drift,.issue-showroom[data-motion-paused] .object-face:before,.issue-showroom:not(.is-in-view) .object-drift,.issue-showroom:not(.is-in-view) .object-face:before,.issue-object:is(:hover,:focus-visible) .object-drift{animation-play-state:paused}
@keyframes cover-breathe{0%{transform:translateY(1px) rotate(-2.3deg) rotateY(-11deg)}100%{transform:translateY(-10px) rotate(1.8deg) rotateY(-6deg)}}
@keyframes cover-lacquer{from{background-position:100% 0}to{background-position:0% 0}}
.showroom-controls{display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:16px;font:400 12px/1.5 Jost,Arial,sans-serif}
.showroom-all{color:#484848;text-decoration:none;border-bottom:1px solid #999;padding:11px 0;display:inline-flex;gap:30px}
.showroom-playback{display:flex;align-items:center;gap:14px}
.showroom-controls button{appearance:none;border:0;border-bottom:1px solid #b5b5b5;background:none;color:#484848;padding:10px 5px;min-width:44px;min-height:44px;font:400 12px/1.5 Jost,Arial,sans-serif;cursor:pointer}
.showroom-controls .showroom-previous,.showroom-controls .showroom-next{font-size:22px}
.showroom-controls button:disabled{opacity:.3;cursor:default}
.showroom-controls :is(a,button):focus-visible{outline:2px solid #47776b;outline-offset:4px}
body[data-petro-showroom] #ask{scroll-margin-top:20px}
body[data-petro-showroom] .library-page .rack-intro{padding-top:55px}
/* Portrait first: the covers meet the photograph instead of replacing it. */
body[data-petro-hero]{padding-left:0}
body[data-petro-hero] .site-header.petro-shared-header{position:absolute;inset:0 0 auto;width:100%;margin:0;padding:22px 4%;background:transparent;color:#f3ede2;--header-rule:#ffffff50}
body[data-petro-hero] .site-header .site-nav .petro-glass{color:#f3ede2!important;backdrop-filter:none;-webkit-backdrop-filter:none}
body[data-petro-hero] .site-header .site-nav .nav-consult{border-bottom-color:#f3ede280!important}
body[data-petro-hero] #top.cover{min-height:0;height:calc(100svh - 70px);max-height:940px;padding:95px 5% 190px;margin:0!important;align-items:center}
body[data-petro-hero] #top .film{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto;background-position:center top}
body[data-petro-hero] #top .film::after{display:block;background:linear-gradient(90deg,rgba(4,36,26,.44),rgba(4,36,26,.1) 42%,transparent 65%)}
body[data-petro-hero] #top .scrim{height:28%;background:linear-gradient(0deg,rgba(4,36,26,.92),transparent)}
body[data-petro-hero] #top .copy{align-self:center;max-width:52%;padding-top:20px}
body[data-petro-hero] #top .welcome{font-size:clamp(45px,5.4vw,84px)}
body[data-petro-hero] #top .credit{position:absolute;left:5%;right:auto;bottom:155px;margin:0;align-items:flex-start;text-align:left;gap:5px}
body[data-petro-hero] #top .credit .line{font-size:13px;line-height:1.4}
body[data-petro-hero] #top .credit .name{font-size:12px;color:#f3ede2}
body[data-petro-hero] #top::after{display:none}
body[data-petro-hero] .petro-action-rail{display:none}
body[data-petro-hero] #ask.hero-issues{position:relative;z-index:5;margin-top:-115px;padding:0 0 22px;border:0;overflow:hidden;background:linear-gradient(180deg,transparent 0 115px,#fff 115px);color:#484848}
.hero-issues .showroom-heading{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:18px;color:#f3ede2}
.hero-issues .showroom-heading h2{font:400 23px/1.2 Cochin,Georgia,serif;margin:0}
.hero-issues .showroom-heading>a{font:400 12px/1.4 Jost,Arial,sans-serif;color:inherit;text-underline-offset:4px}
.hero-issues .showroom-track{padding:18px 5% 30px;gap:32px}
.hero-issues .issue-object{flex-basis:clamp(174px,17vw,225px);aspect-ratio:.72}
.hero-issues .object-mast{font-size:clamp(28px,2.8vw,38px)}
.hero-issues .object-title{font-size:clamp(23px,2.2vw,31px)}
.hero-issues .showroom-controls{padding-inline:5%}
/* A real link opens immediately; a non-interactive paper layer folds away. */
.issue-unfold{display:none;pointer-events:none;position:fixed;z-index:9998;inset:0;overflow:hidden;perspective:1600px;background:#fffefa}
.petro-opening .issue-unfold{display:block;animation:unfold-stage 1.5s ease both}
.unfold-book{position:absolute;top:50%;left:50%;width:min(72vw,400px);height:min(72vh,550px);transform:translate(-50%,-50%);perspective:1400px;transform-style:preserve-3d}
.unfold-cover{position:absolute;inset:0;transform-origin:left center;backface-visibility:hidden;padding:7% 7% 8%;animation:unfold-cover 1.25s cubic-bezier(.2,.65,.2,1) both}
.unfold-cover .object-mast{font-size:clamp(34px,7vw,63px)}
.unfold-cover .object-title{font-size:clamp(33px,6vw,54px)}
.unfold-paper{position:absolute;inset:0;padding:9%;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 100% 0,var(--issue-light),transparent 68%),linear-gradient(90deg,#dedbd5,#fffefa 8%);color:#484848;box-shadow:4px 10px 40px #3a2d341a;font:400 clamp(30px,5vw,50px)/1.07 Prata,Georgia,serif;border-right:4px double #ddd;animation:unfold-paper 1.5s cubic-bezier(.2,.65,.2,1) both}
.unfold-paper-mast{font-size:16px;letter-spacing:.15em}
@keyframes unfold-cover{0%,15%{transform:rotateY(0) rotate(-2deg)}80%,100%{transform:rotateY(-125deg) rotate(-2deg)}}
@keyframes unfold-paper{0%,40%{transform:scale(1)}100%{transform:scale(2.2);opacity:0}}
@keyframes unfold-stage{0%,45%{background:#fffefa;opacity:1}85%{background:transparent;opacity:1}100%{background:transparent;opacity:0;visibility:hidden}}
.petro-arrived-from-cover .petro-issue-cover-copy{animation:issue-copy-arrive .9s .55s both}
.issue-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.issue-reveal.issue-in-view{opacity:1;transform:none}
@keyframes issue-copy-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:760px){
 body:is([data-petro-showroom],[data-petro-edition]) .site-header.petro-shared-header{padding:13px 5%;gap:10px;flex-wrap:wrap}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .mast-name{font-size:29px!important}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header[data-menu-ready] .petro-menu-toggle{display:flex;width:auto;min-height:40px;margin:0;padding:8px 14px;font-size:11px;gap:14px}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .site-nav{flex-basis:100%;padding:12px 0 3px;gap:8px;grid-template-columns:1fr 1fr 1.2fr}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .site-nav a{white-space:normal;text-align:center;font-size:11px!important;min-height:44px;padding:8px 0}
 .issue-showroom{padding:20px 0 23px}
 .showroom-heading{display:block;padding:0 5%}
 .showroom-eyebrow{font-size:9px;margin-bottom:16px}
 .showroom-heading h1{font-size:clamp(35px,9.5vw,65px)}
 .showroom-invitation{margin:22px 0 0;font-size:18px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
 .showroom-invitation span{font-size:10px;margin:0}
 .showroom-track{gap:23px;padding:29px 6% 32px}
 .issue-object{flex-basis:clamp(160px,43vw,222px);aspect-ratio:.64}
 .object-face{padding:15px 13px 16px}
 .object-mast{font-size:30px}
 .object-edition{font-size:7px;margin-top:9px;padding-top:7px}
 .object-title{font-size:clamp(24px,6vw,32px);padding-top:10px}
 .object-invitation{font-size:8px;margin-top:15px}
 .issue-object[data-open-issue=hooded] .object-title{font-size:21px}
 .showroom-controls{padding:0 5%;font-size:11px}
 .showroom-playback{gap:10px}
 .showroom-controls button{font-size:10px}
 .showroom-rail:after{bottom:22px}
 .showroom-all{gap:14px}
 body[data-petro-hero] .site-header.petro-shared-header{padding:18px 5%;background:linear-gradient(180deg,#04241a55,transparent)}
 body[data-petro-hero] .site-header[data-menu-ready] .petro-menu-toggle{background:#ffffff17!important;border:1px solid #ffffff80!important;box-shadow:none!important;color:#f3ede2!important;backdrop-filter:blur(9px)}
 body[data-petro-hero] .site-header .site-nav.is-open{background:#0a4a34ed;border-radius:6px;padding:12px}
 body[data-petro-hero] #top.cover{height:calc(100svh - 145px);min-height:490px;max-height:780px;padding:0}
 body[data-petro-hero] #top .film{background-position:76% top}
 body[data-petro-hero] #top .film::after{background:linear-gradient(180deg,transparent 0 43%,#04241a44 67%,#04241ae6 100%)}
 body[data-petro-hero] #top .copy{position:absolute;left:5%;bottom:176px;max-width:90%;padding:0}
 body[data-petro-hero] #top .welcome{font-size:clamp(32px,8.5vw,48px);line-height:1}
 body[data-petro-hero] #top .credit{left:5%;right:auto;bottom:98px;gap:3px;text-align:left;align-items:flex-start}
 body[data-petro-hero] #top .credit .name{font-size:11px;letter-spacing:.12em}
 body[data-petro-hero] #top .credit .crule{display:none}
 body[data-petro-hero] #top .credit .line{font-size:10px;line-height:1.3}
 body[data-petro-hero] #ask.hero-issues{margin-top:-74px;background:linear-gradient(180deg,transparent 0 74px,#fff 74px);padding-bottom:16px}
 .hero-issues .showroom-heading{height:30px}
 .hero-issues .showroom-heading h2{font-size:19px}
 .hero-issues .showroom-heading>a{font-size:10px}
 .hero-issues .showroom-track{padding:14px 6% 27px;gap:24px}
 .hero-issues .issue-object{flex-basis:clamp(160px,39vw,210px);aspect-ratio:.72}
 .hero-issues .object-mast{font-size:27px}
 .hero-issues .object-title{font-size:clamp(23px,5.7vw,29px)}
 .hero-issues .object-invitation{font-size:7px}
 .hero-issues .object-edition{font-size:6px}
 .hero-issues .showroom-controls{font-size:10px}
}
/* Keep showroom and magazine pages on the shared compact phone header. */
@media(max-width:760px){
 body:is([data-petro-showroom],[data-petro-edition]) .site-header.petro-shared-header{display:block;min-height:70px;height:70px;padding:0 16px;gap:0}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .site-mast{display:grid;grid-template-columns:44px minmax(0,1fr) 56px;align-items:center;min-height:70px;padding:11px 0 10px}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .mast-brand{grid-column:2;display:flex;align-items:center;justify-content:center}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .mast-name{font-size:29px!important;padding-left:.14em;letter-spacing:.14em}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .mast-descriptor{display:none}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .mast-note{grid-column:3;display:flex!important;align-items:center;justify-content:flex-end;width:56px;height:44px;padding:0}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header[data-menu-ready] .petro-menu-toggle{display:grid;width:44px;min-width:44px;min-height:44px;margin:0;padding:0}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .site-nav{display:flex;justify-content:flex-start!important;flex-wrap:nowrap;gap:0!important;margin:0;padding:0 24px 36px;background:#fff;color:#484848;border:0;border-radius:0}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .site-nav a{width:100%;min-height:54px;padding:15px 2px;border-bottom:1px solid #d8d8d8;color:#484848!important;font:500 15px/1.4 "Instrument Sans",Arial,sans-serif!important;text-align:left;white-space:nowrap}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header .site-nav .nav-consult{justify-content:center;width:100%;min-height:44px;margin:20px 0 0;padding:12px 23px;border:1px solid rgba(255,255,255,.88)!important;border-radius:999px!important;background:radial-gradient(115% 120% at 18% -40%,rgba(255,255,255,.95),rgba(255,255,255,0) 66%),linear-gradient(175deg,rgba(255,255,255,.72),rgba(255,255,255,.12) 43%,rgba(127,227,190,.43) 73%,rgba(255,255,255,.65)),rgba(185,244,217,.98)!important;color:#484848!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.98),inset 0 -3px 6px rgba(255,255,255,.88),inset 0 0 0 1px rgba(101,101,98,.13),0 5px 12px rgba(101,101,98,.16)!important}
 body:is([data-petro-showroom],[data-petro-edition]) .site-header[data-menu-open] .petro-menu-toggle{color:#484848!important}
}
@media(prefers-reduced-motion:reduce){.issue-showroom .object-drift,.issue-showroom .object-face:before,.petro-arrived-from-cover .petro-issue-cover-copy{animation:none!important}.issue-object,.object-face,.issue-reveal{transition:none!important;transform:none!important}.issue-reveal{opacity:1!important}.issue-showroom .showroom-pause{display:none!important}.petro-opening .issue-unfold{display:none!important}.showroom-track{scroll-behavior:auto}}
@media(forced-colors:active){.object-face{border:1px solid CanvasText;background:Canvas;color:CanvasText}.object-face:before{display:none}.showroom-heading h1 em{-webkit-text-fill-color:CanvasText;background:none}.issue-unfold{display:none!important}}

/* Source: /assets/petro-collection.css */
/* A collection becomes an open magazine, in the same scene. */
body[data-petro-collection]{padding-left:0;background:#fff}
body[data-petro-collection] .petro-action-rail{display:none}
body[data-petro-collection] .site-header.petro-shared-header{height:66px;width:100%;margin:0;padding:12px 3%;background:#fff;gap:20px}
body[data-petro-collection] .site-header .mast-name{font-size:29px!important}
body[data-petro-collection] .site-header .site-nav{gap:26px}
body[data-petro-collection] .site-header .site-nav .petro-glass{backdrop-filter:none;-webkit-backdrop-filter:none}
.petro-collection{--book-height:clamp(220px,calc((100svh - 220px)/2),350px);--book-width:calc(var(--book-height) * .8);height:calc(100svh - 66px);min-height:660px;position:relative;isolation:isolate;overflow:hidden;background:#fff}
.petro-collection .showroom-track{display:block;width:100%;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:none;scroll-behavior:smooth;overscroll-behavior-x:contain;mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent)}
.collection-grid{display:grid;grid-template-columns:repeat(8,var(--book-width));grid-template-rows:repeat(2,var(--book-height));justify-content:center;gap:20px 28px;width:max-content;min-width:100%;padding:15px 34px 22px;perspective:1400px}
.petro-collection .issue-object{width:var(--book-width);height:var(--book-height);aspect-ratio:auto;scroll-snap-align:none}
.petro-collection .object-face{padding:12px 13px 13px}
.petro-collection .object-mast{font:400 13px/1 Cochin,Georgia,serif;letter-spacing:.14em}
.petro-collection .object-edition{margin-top:7px;padding-top:6px;font-size:7px;flex-direction:row;justify-content:space-between;gap:6px}
.petro-collection .object-title{margin:auto 0;padding:12px 0 9px;font:400 clamp(23px,calc(var(--book-height) * .12),39px)/1.04 Cochin,Georgia,serif}
.petro-collection .issue-object[data-open-issue=hooded] .object-title{font-size:clamp(21px,calc(var(--book-height) * .102),33px)}
.petro-collection .object-invitation{font-size:7px;margin:0;letter-spacing:.06em}
.petro-collection .object-drift{transform:rotate(-.8deg)}
.petro-collection.has-motion .object-drift{animation:collection-float 10s ease-in-out infinite alternate;animation-delay:calc(var(--object-index,0) * -.65s)}
.petro-collection.has-motion .object-face:before{animation:cover-lacquer 13s ease-in-out infinite alternate;animation-delay:calc(var(--object-index,0) * -.7s)}
.petro-collection[data-motion-paused] .object-drift,.petro-collection[data-motion-paused] .object-face:before,.petro-collection:not(.is-in-view) .object-drift,.petro-collection:not(.is-in-view) .object-face:before{animation-play-state:paused}
.collection-invitation{position:absolute;z-index:6;bottom:48px;left:50%;transform:translateX(-50%);padding:13px 34px 12px;text-align:center;white-space:nowrap;background:#ffffffec;border:1px solid white;box-shadow:0 10px 38px #48484818;backdrop-filter:blur(14px);pointer-events:none}
.collection-invitation h1{margin:0;font:400 36px/1.08 Cochin,Georgia,serif;color:#484848}
.collection-invitation h1 em{font:400 1.75em/.6 Boisterous,cursive;font-style:normal;color:#ef5b73;vertical-align:-.03em;margin:0 -.08em 0 .02em}
.collection-invitation p{font:400 11px/1.4 Jost,Arial,sans-serif;margin:8px 0 0}
.petro-collection .showroom-controls{position:absolute;bottom:0;left:0;right:0;padding:0 3%;font-size:10px;z-index:8}
.petro-collection .showroom-all{border:0;padding:12px 0;font-size:10px}
.petro-collection .showroom-controls button{border:0;font-size:10px}
@keyframes collection-float{from{transform:translateY(2px) rotate(-1deg)}to{transform:translateY(-4px) rotate(.8deg)}}
/* The open issue is a native dialog: Escape, focus trap, and original URL. */
.issue-viewer{--issue-base:#ff3d9a;--issue-light:#ffa3d7;--issue-depth:#b8125e;--issue-ink:#484848;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;margin:0;overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 10% 10%,var(--issue-light),transparent 60%),radial-gradient(ellipse at 100% 100%,var(--issue-depth),transparent 75%),var(--issue-base);color:#484848}
.issue-viewer::backdrop{background:#fff}
.issue-viewer[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}
.reader-close{position:absolute;z-index:5;top:22px;left:4%;border:1px solid #ffffff90;border-radius:999px;background:#ffffffe6;color:#484848;padding:12px 18px;min-height:44px;font:400 12px/1.3 Jost,Arial,sans-serif;cursor:pointer}
.reader-stage{position:relative;width:min(1060px,88vw);height:min(620px,74svh);min-height:400px;perspective:1800px;margin:70px 0 38px;filter:drop-shadow(12px 28px 25px #351c3a40)}
.reader-content{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;background:#fffefa;box-shadow:inset 0 1px #fff,5px 4px 0 #eee,6px 5px 0 #ccc,9px 8px 0 #fafafa;transform:rotate(-.7deg);isolation:isolate}
.reader-content:after{content:"";position:absolute;inset:0;left:calc(50% - 17px);width:34px;background:linear-gradient(90deg,transparent,#00000015 43%,#00000030 49%,#ffffffaa 53%,#0000000a 61%,transparent);pointer-events:none;z-index:3}
.reader-copy{display:flex;flex-direction:column;padding:9% 9% 8%;min-width:0;background:linear-gradient(100deg,#fffefa 65%,#eeeae3);position:relative;z-index:2}
.reader-running-head{display:flex;justify-content:space-between;gap:12px;font:400 10px/1.4 Jost,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #c7c1b9;padding-bottom:12px;margin:0 0 20px}
.reader-title{font:400 clamp(34px,4.6vw,65px)/1.03 Cochin,Georgia,serif;margin:auto 0 18px;letter-spacing:-.015em;text-wrap:balance;color:#484848}
.reader-source-excerpt{font:400 clamp(16px,1.6vw,21px)/1.4 Cochin,Georgia,serif;margin:0 0 24px;max-width:34ch;color:#484848}
.reader-read{display:inline-flex;align-items:center;align-self:flex-start;color:#484848;min-height:44px;padding:10px 0;border-bottom:1px solid #777;font:400 12px/1.4 Jost,Arial,sans-serif;text-decoration:none}
.reader-art{min-width:0;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 0,var(--issue-light),transparent 72%),var(--issue-base)}
.reader-art img{width:100%;height:100%;object-fit:cover;object-position:65% 45%;display:block}
.reader-number{font:400 clamp(170px,28vw,380px)/.8 Cochin,Georgia,serif;color:var(--issue-ink);letter-spacing:-.08em;opacity:.65;transform:rotate(-90deg);text-shadow:1px 1px 0 #ffffff60}
.reader-art:after{content:"PETRO";position:absolute;bottom:24px;right:25px;font:400 20px/1 Cochin,Georgia,serif;letter-spacing:.15em;color:var(--issue-ink)}
.reader-stage.is-arriving .reader-content{animation:reader-arrive .7s .45s both}
.magazine-flight{position:fixed;z-index:2147483646;margin:0;pointer-events:none;perspective:1600px;transform-origin:left center;filter:drop-shadow(8px 16px 16px #351c3a35)}
.magazine-flight .object-face{height:100%;width:100%;transform:none;padding:7%}
.magazine-flight .object-mast{font-size:clamp(30px,4vw,60px)}
.magazine-flight .object-title{font-size:clamp(28px,4vw,60px)}
.magazine-flight .object-edition{font-size:10px}
.magazine-flight .object-invitation{font-size:10px}
@keyframes reader-arrive{from{opacity:0;transform:rotate(-.7deg) scale(.94)}to{opacity:1;transform:rotate(-.7deg) scale(1)}}
@media(max-width:760px){
 body[data-petro-collection] .site-header.petro-shared-header{height:auto;min-height:58px;padding:10px 5%}
 body[data-petro-collection] .site-header .mast-name{font-size:27px!important}
 .petro-collection{--book-height:clamp(205px,calc((100svh - 226px)/2),300px);height:calc(100svh - 60px);min-height:600px}
 .collection-grid{gap:15px 18px;padding:12px 22px 22px}
 .petro-collection .object-title{font-size:clamp(24px,calc(var(--book-height) * .12),36px)}
 .petro-collection .issue-object[data-open-issue=hooded] .object-title{font-size:clamp(21px,calc(var(--book-height) * .102),30px)}
 .petro-collection .object-face{padding:10px 11px 11px}
 .petro-collection .object-edition{font-size:6px;line-height:1.3;min-height:20px}
 .petro-collection .object-mast{font-size:12px}
 .petro-collection .object-invitation{font-size:6px}
 .collection-invitation{bottom:50px;padding:10px 26px}
 .collection-invitation h1{font-size:30px}.collection-invitation p{font-size:10px}
 .petro-collection .showroom-all{font-size:9px}.petro-collection .showroom-playback{gap:4px}
 .reader-close{top:14px;left:5%;font-size:11px}
 .reader-stage{width:90vw;height:auto;min-height:0;margin:80px 0 30px;filter:drop-shadow(7px 16px 18px #351c3a35)}
 .issue-viewer[open]{justify-content:flex-start}
 .reader-content{grid-template-columns:1fr;transform:rotate(-.5deg)}
 .reader-content:after{display:none}
 .reader-copy{padding:24px 25px 27px;min-height:330px;background:linear-gradient(100deg,#fffefa 80%,#f0ece5)}
 .reader-running-head{font-size:9px;margin-bottom:20px}
 .reader-title{font-size:clamp(34px,9.5vw,52px);margin:10px 0 15px}
 .reader-source-excerpt{font-size:18px;line-height:1.3;margin-bottom:15px}
 .reader-art{height:180px;border-top:1px solid #ded6ce}
 .reader-art img{object-position:65% 28%}.reader-number{font-size:160px;transform:none}
 .reader-art:after{font-size:15px;bottom:16px;right:17px}
}
@media(prefers-reduced-motion:reduce){.petro-collection .object-drift,.petro-collection .object-face:before,.reader-stage.is-arriving .reader-content{animation:none!important}.petro-collection .showroom-track{scroll-behavior:auto}.magazine-flight{display:none!important}}
@media(forced-colors:active){.collection-invitation,.reader-content,.reader-copy,.issue-viewer{background:Canvas;color:CanvasText}.reader-content{border:1px solid CanvasText}.reader-title,.reader-source-excerpt,.reader-read{color:CanvasText}.magazine-flight{display:none}}

/* Source: /assets/petro-fears.css */
/* The fears fill the page. Every cover stays readable and has its own link. */
.petro-collection.fear-wall{height:auto;min-height:calc(100svh - 66px);padding:0 0 78px;background:#fff;overflow:hidden}
.fear-wall .showroom-track{width:100%;overflow:visible;mask-image:none;perspective:none;isolation:auto}
.fear-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 20px;padding:17px 24px 25px;perspective:1600px;align-items:stretch}
.fear-cover{display:block;min-width:0;aspect-ratio:.94;position:relative;z-index:1;text-decoration:none;color:var(--issue-ink);outline-offset:5px;transform-origin:center;perspective:1100px;--rest-tilt:-.5deg;--pop-tilt:1deg;-webkit-tap-highlight-color:transparent}
.fear-cover:nth-child(3n+2){--rest-tilt:.6deg;--pop-tilt:-1.3deg}
.fear-cover:nth-child(3n){--rest-tilt:-.4deg;--pop-tilt:1.6deg}
.fear-wall .fear-cover .object-drift{height:100%;transform:rotate(var(--rest-tilt));animation:none;will-change:auto}
.fear-wall .fear-cover .object-face{height:100%;padding:12px 13px 13px;box-shadow:inset 2px 1px 2px #ffffffba,inset -3px -2px 3px #00000016,4px 10px 14px -10px #32283c80}
.fear-wall .object-mast{font:400 11px/1 Cochin,Georgia,serif;letter-spacing:.15em;padding-bottom:7px;border-bottom:1px solid currentColor;opacity:.85}
.fear-wall .object-title{font:400 clamp(21px,2.15vw,34px)/1.03 Cochin,Georgia,serif;letter-spacing:-.02em;text-wrap:balance;margin:auto 0;padding:10px 0 9px}
.fear-wall .object-invitation{display:flex;justify-content:space-between;align-items:center;gap:8px;font:400 7px/1.3 Jost,Arial,sans-serif;text-transform:none;letter-spacing:.02em;margin:0}
.fear-wall .object-invitation span{font-size:19px;line-height:1}
.fear-wall.has-motion .fear-cover{animation:fear-pop 14s ease-in-out infinite;animation-delay:calc(var(--fear-index) * -.59s)}
.fear-wall.has-motion .object-face:before{animation:cover-lacquer 15s ease-in-out infinite alternate;animation-delay:calc(var(--fear-index) * -.65s)}
.fear-wall[data-motion-paused] .fear-cover,.fear-wall[data-motion-paused] .object-face:before,.fear-wall:not(.is-in-view) .fear-cover,.fear-wall:not(.is-in-view) .object-face:before{animation-play-state:paused}
.fear-wall:has(.fear-cover:focus-visible) .fear-cover{animation-play-state:paused}
.fear-cover:focus-visible{outline:3px solid #484848;z-index:9;animation:none!important;transform:translateY(-5px) scale(1.035)}
@media(hover:hover) and (pointer:fine){.fear-cover:hover{z-index:9;animation:none!important;transform:translateY(-7px) scale(1.055);transition:transform .22s ease}.fear-cover:hover .object-face{box-shadow:inset 2px 1px 2px #ffffffba,inset -3px -2px 3px #00000016,10px 25px 23px -14px #32283c66}}
@keyframes fear-pop{0%,77%,100%{transform:translateY(0) scale(1);z-index:1}83%,88%{transform:translateY(-8px) scale(1.065) rotate(var(--pop-tilt));z-index:5}95%{transform:translateY(1px) scale(1);z-index:1}}
.fear-wall .collection-invitation{bottom:13px;padding:4px 24px 5px;background:#fff;box-shadow:none;border:0;backdrop-filter:none}
.fear-wall .collection-invitation h1{font-size:25px}.fear-wall .collection-invitation p{font-size:10px;margin-top:5px}
.fear-wall .showroom-controls{bottom:14px;min-height:44px;padding:0 24px;align-items:center}
.fear-wall .showroom-pause{position:fixed;bottom:16px;right:18px;z-index:25;padding:11px 15px;min-height:44px;background:#fffffff0;border:1px solid #fff;border-radius:999px;box-shadow:0 4px 18px #48484818;font-size:10px;color:#484848}
.fear-wall:not(.is-in-view) .showroom-pause{visibility:hidden}
.reader-content--fear .reader-title{font-size:clamp(32px,4vw,57px)}
.reader-content--fear .reader-source-excerpt{font-size:clamp(16px,1.45vw,20px);line-height:1.35}
.reader-content--fear .reader-number{transform:none}
.reader-content--fear .reader-art--tired img{object-position:center 28%}
.reader-content--fear .reader-art--blowfish img{object-position:center 31%}
@media(min-width:1600px){.fear-grid{gap:22px 28px;padding-left:32px;padding-right:32px}.fear-wall .object-title{font-size:clamp(34px,2.1vw,46px)}}
@media(min-width:761px) and (max-width:1050px){.fear-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fear-wall .object-title{font-size:clamp(24px,2.9vw,32px)}}
@media(max-width:760px){
 .petro-collection.fear-wall{min-height:calc(100svh - 60px);padding-bottom:108px}
 .fear-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 15px;padding:13px 17px 21px}
 .fear-cover{aspect-ratio:.82}
 .fear-wall .fear-cover .object-face{padding:10px 10px 11px}
 .fear-wall .object-mast{font-size:9px;padding-bottom:7px}
 .fear-wall .object-title{font-size:clamp(21px,3.4vw,27px)}
 .fear-wall .object-invitation{font-size:6px}.fear-wall .object-invitation span{font-size:17px}
 .fear-wall .collection-invitation{bottom:50px}.fear-wall .showroom-controls{bottom:5px;padding:0 17px}
 .reader-content--fear .reader-title{font-size:clamp(31px,8.5vw,43px)}
 .reader-content--fear .reader-source-excerpt{font-size:17px}
 .reader-content--fear[data-reader-fear=tired] .reader-art--tired{height:min(72svh,620px)}
 .reader-content--fear[data-reader-fear=tired] .reader-art--tired img{object-position:center 26%}
 .reader-content--fear[data-reader-fear=blowfish] .reader-art--blowfish{height:min(72svh,620px)}
 .reader-content--fear[data-reader-fear=blowfish] .reader-art--blowfish img{object-position:center 27%}
}
@media(max-width:500px){.fear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fear-cover{min-height:180px}.fear-wall .object-title{font-size:clamp(23px,6vw,29px)}}
@media(prefers-reduced-motion:reduce){.fear-wall .fear-cover,.fear-wall .object-face:before{animation:none!important;transition:none!important}.fear-cover:hover,.fear-cover:focus-visible{transform:none}}
@media(forced-colors:active){.fear-cover{border:1px solid CanvasText}.fear-wall .object-mast{opacity:1}}

/* Source: /assets/petro-opening.css */
/* Preserve the approved Cochin/Boisterous welcome and its original portrait. */
body[data-petro-opening] .site-header.petro-shared-header{display:block;min-height:0;height:auto;padding:12px 4% 0;background:radial-gradient(70% 180% at 68% 30%,#14795a,transparent 72%),radial-gradient(70% 160% at 20% 100%,#0a4a34,transparent 78%),#04241a;color:#f3ede2;--header-rule:#f3ede240;box-shadow:none}
body[data-petro-opening] .site-header .site-mast{display:flex;justify-content:center;padding:0;margin:0;border:0}
body[data-petro-opening] .site-header .mast-brand{display:flex;align-items:center}
body[data-petro-opening] .site-header .mast-name{font:400 38px/1 var(--display)!important;padding-left:.12em;letter-spacing:.12em}
body[data-petro-opening] .site-header .mast-descriptor{display:block;color:#f3ede2}
body[data-petro-opening] .site-header .site-nav,body[data-petro-opening] .site-header[data-menu-ready] .site-nav:not(.is-open){display:flex!important;justify-content:center;flex-wrap:nowrap;gap:clamp(6px,.8vw,10px);padding:8px 0 14px;margin:0;background:none;border:0;border-radius:0}
body[data-petro-opening] .site-header .site-nav .petro-glass{--glass-base:rgba(10,74,52,.44);--glass-tint:rgba(20,121,90,.22);color:#f3ede2!important;font:500 11px/1.4 var(--sans);min-height:42px;white-space:nowrap;width:auto;padding:9px clamp(11px,1.2vw,16px);flex:none;border:1px solid rgba(165,243,203,.3)!important;border-radius:999px!important;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;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[data-petro-opening] .site-header .site-nav .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[data-petro-opening] .site-header .site-nav .nav-consult{margin:0}
body[data-petro-opening] .site-header .petro-menu-toggle{display:none!important}
body[data-petro-opening] #ask.fear-wall{height:auto;min-height:0;padding:0 0 30px;background:#fff;border:0;scroll-margin-top:15px}
.opening-library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 24px 15px;color:#484848}
.opening-library-heading p{font:400 9px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}
.opening-library-heading h2{margin:0;color:#484848}
.opening-library-heading .showroom-all{font-size:10px;padding:12px 0;min-height:44px;align-items:center;white-space:nowrap}
body[data-petro-opening] .fear-grid{gap:16px 20px;padding-top:12px}
body[data-petro-opening] .fear-cover{aspect-ratio:.88}
body[data-petro-opening] .fear-wall .object-title{font-size:clamp(22px,2vw,32px)}
/* Motion belongs to the rows. Each still cover uses the locked paint below. */
body[data-petro-opening] #ask.fear-shelf{padding-bottom:16px}
body[data-petro-opening] .fear-shelf .showroom-track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scroll-behavior:auto;scroll-padding-inline:max(17px,4vw);scrollbar-width:none;mask-image:none;overscroll-behavior-x:contain}
body[data-petro-opening] .fear-shelf .showroom-track::-webkit-scrollbar{display:none}
body[data-petro-opening] .fear-shelf .fear-grid{display:flex;grid-template-columns:none;gap:24px;width:max-content;min-width:100%;padding:14px max(17px,4vw) 26px;perspective:none}
body[data-petro-opening] .fear-shelf .fear-cover{flex:0 0 clamp(180px,17vw,230px);width:clamp(180px,17vw,230px);aspect-ratio:.79;min-height:0;animation:none!important;transform:none!important;transition:none}
body[data-petro-opening] .fear-shelf .object-drift{animation:none!important;transform:rotate(-.4deg);will-change:auto}
body[data-petro-opening] .fear-shelf .fear-cover:nth-child(even) .object-drift{transform:rotate(.4deg)}
body[data-petro-opening] .fear-shelf .object-face:before{animation:none!important;background-position:48% 0}
body[data-petro-opening] .fear-shelf .object-title{font:400 clamp(23px,1.95vw,28px)/1.06 var(--display);letter-spacing:0;margin:auto 0 0;padding:12px 0 0}
body[data-petro-opening] .fear-shelf .object-mast{font:400 14px/1 var(--display);letter-spacing:.16em;border:0;padding:0}
body[data-petro-opening] .fear-shelf .object-invitation{font:400 9px/1.3 var(--sans);letter-spacing:.06em;margin-top:14px}
.shelf-rows{padding-bottom:12px}
#ask.fear-shelf .moving-shelf{padding:0 0 9px;margin:0 0 18px}
#ask.fear-shelf .moving-shelf::after{bottom:-18px;height:18px}
.shelf-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 10px;gap:20px}
.shelf-hint{font:400 16px/1.4 var(--display);margin:0;color:#484848}
body[data-petro-opening] #top .film{transform:none}
@media(max-width:760px){
 body[data-petro-opening] .site-header.petro-shared-header{min-height:0;padding:10px 5% 0}
 body[data-petro-opening] .site-header .mast-name{font-size:35px!important}
 body[data-petro-opening] .site-header .site-nav .petro-glass{font-size:10px}
 .opening-library-heading{padding:23px 17px 14px;gap:12px;align-items:flex-end;flex-wrap:wrap}
 .opening-library-heading p{font-size:8px;margin-bottom:4px}
 .opening-library-heading .showroom-all{margin-left:auto}
 .opening-library-heading .showroom-all{font-size:9px}
 body[data-petro-opening] .fear-grid{gap:14px 15px;padding:12px 17px 20px}
 body[data-petro-opening] .fear-cover{aspect-ratio:.86;min-height:0}
 body[data-petro-opening] .fear-wall .object-title{font-size:clamp(22px,5.8vw,27px)}
 body[data-petro-opening] .fear-shelf .fear-cover{flex-basis:clamp(164px,44vw,200px);width:clamp(164px,44vw,200px)}
 body[data-petro-opening] .fear-shelf .fear-grid{gap:21px;padding:14px 17px 25px}
 body[data-petro-opening] .fear-shelf .object-title{font-size:23px}
 .shelf-toolbar{min-height:52px;padding:0 17px 8px}
}
/* Preserve a full-bleed portrait on phones, using the source's original green
   overlay instead of splitting the headline and photograph into dark blocks. */
@media(max-width:640px){
 body[data-petro-opening] #top.cover{height:clamp(340px,44svh,380px);min-height:0;padding:22px var(--pad) 116px}
 body[data-petro-opening] #top .film{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;background-position:76% top}
 body[data-petro-opening] #top .film::after{display:block}
 body[data-petro-opening] #top .copy{max-width:100%;align-self:center}
 body[data-petro-opening] #top .credit{position:absolute;left:var(--pad);right:auto;bottom:27px;margin:0;align-items:flex-start;text-align:left}
 body[data-petro-opening] #top .credit .line{font-size:12px}
 body[data-petro-opening] #top .credit .name{font-size:11px}
}

/* Auto-starting rows keep an unobtrusive stop control in the existing toolbar. */
.shelf-toolbar .shelf-motion-toggle{min-height:44px;font-size:11px;padding:9px 16px;white-space:nowrap}
.shelf-motion-toggle[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.shelf-motion-toggle{display:none!important}}

/* On phones, the immersive homepage uses the same compact off-canvas
   navigation as the rest of the site. */
@media(max-width:760px){
 body[data-petro-opening] .site-header.petro-shared-header{min-height:70px;height:70px;padding:0 16px;background:radial-gradient(70% 180% at 68% 30%,#14795a,transparent 72%),radial-gradient(70% 160% at 20% 100%,#0a4a34,transparent 78%),#04241a}
 body[data-petro-opening] .site-header .site-mast{display:grid;grid-template-columns:44px minmax(0,1fr) 56px;justify-content:normal;min-height:70px;padding:11px 0 10px}
 body[data-petro-opening] .site-header .mast-brand{grid-column:2;align-items:center}
 body[data-petro-opening] .site-header .mast-name{font-size:29px!important;padding-left:.14em;letter-spacing:.14em}
 body[data-petro-opening] .site-header .mast-descriptor{display:block;font-size:8px!important;line-height:1.2;letter-spacing:.19em;padding-left:.19em;white-space:nowrap}
 body[data-petro-opening] .site-header .mast-note{grid-column:3;display:flex;width:56px;height:44px;padding:0;color:#f3ede2}
 body[data-petro-opening] .site-header .petro-menu-toggle{display:grid!important;width:44px;min-width:44px;min-height:44px;margin:0;padding:0}
 body[data-petro-opening] .site-header .site-nav,body[data-petro-opening] .site-header[data-menu-ready] .site-nav:not(.is-open){display:flex!important;justify-content:flex-start!important;flex-wrap:nowrap;gap:0!important;margin:0;padding:0 24px 36px;background:#fff;color:#484848;border:0;border-radius:0}
 body[data-petro-opening] .site-header .site-nav a{width:100%;min-height:54px;padding:15px 2px;border-bottom:1px solid #d8d8d8;color:#484848!important;font:500 15px/1.4 "Instrument Sans",Arial,sans-serif!important;text-align:left;white-space:nowrap}
 body[data-petro-opening] .site-header .site-nav .petro-nav-button{--glass-base:rgba(255,255,255,.13);--glass-tint:rgba(255,255,255,.1);justify-content:center;width:100%;min-height:48px;margin:7px 0;padding:12px 18px;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),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:#484848!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),0 5px 12px rgba(101,101,98,.16)!important;text-align:center}
 body[data-petro-opening] .site-header .site-nav .nav-consult{margin-top:14px}
 body[data-petro-opening] .site-header[data-menu-open] .petro-menu-toggle{color:#484848!important}
}

/* Source: /assets/petro-locked-covers.css */
/* Approved cover paint. Snapshot SHA-256: 4a3f4ae93af7858991ccfc77ee301221e1550d0bb3ffada72071b3271f138174 */
#ask.fear-shelf .object-face{position:relative;isolation:isolate;overflow:hidden;filter:none!important;box-shadow:7px 5px 16px -6px rgba(72,72,72,.32),0 1px 2px rgba(72,72,72,.12)!important}
#ask.fear-shelf .object-face::before{content:"";position:absolute;inset:-42%!important;z-index:-1;pointer-events:none;animation:none!important;transform:translate3d(3.110%,3.260%,0) scale(1.105467)!important;mix-blend-mode:normal!important;opacity:1!important;background-size:auto!important;background-position:0 0!important}
#ask.fear-shelf .object-face::after{border:0;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--cover-depth) 0,transparent 3px,var(--cover-light) 4px,transparent 7px,transparent calc(100% - 2px),var(--cover-light));box-shadow:inset 0 1px 0 var(--cover-light),inset 0 -1px 0 var(--cover-base);mix-blend-mode:normal;opacity:1}
#ask.fear-shelf .object-face > span{position:relative;z-index:2}
#ask.fear-shelf .object-drift::after{content:none}
#ask.fear-shelf .object-face.t-hotpink{--cover-base:#FF3D9A;--cover-light:#FFA3D7;--cover-depth:#B8125E;background:#FF3D9A!important;color:#484848!important}
#ask.fear-shelf .object-face.t-hotpink::before{background:radial-gradient(circle at 74% 22%,#FFA3D7 0%,transparent 56%),radial-gradient(circle at 30% 90%,#B8125E 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-hotpink .object-mast,#ask.fear-shelf .object-face.t-hotpink .object-invitation{color:var(--charcoal)!important}
#ask.fear-shelf .object-face.t-cobalt{--cover-base:#2447E6;--cover-light:#7FA3FF;--cover-depth:#0E1F8F;background:#2447E6!important;color:#F3EDE2!important}
#ask.fear-shelf .object-face.t-cobalt::before{background:radial-gradient(circle at 26% 18%,#7FA3FF 0%,transparent 56%),radial-gradient(circle at 84% 90%,#0E1F8F 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-cobalt .object-mast,#ask.fear-shelf .object-face.t-cobalt .object-invitation{color:#C9E1FF!important}
#ask.fear-shelf .object-face.t-butter{--cover-base:#FFE66D;--cover-light:#FFF6B8;--cover-depth:#E8B923;background:#FFE66D!important;color:#484848!important}
#ask.fear-shelf .object-face.t-butter::before{background:radial-gradient(circle at 22% 22%,#FFF6B8 0%,transparent 56%),radial-gradient(circle at 82% 88%,#E8B923 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-butter .object-mast,#ask.fear-shelf .object-face.t-butter .object-invitation{color:#8A6A0C!important}
#ask.fear-shelf .object-face.t-candy{--cover-base:#FFA3D7;--cover-light:#FFD6EC;--cover-depth:#FF5FB0;background:#FFA3D7!important;color:#484848!important}
#ask.fear-shelf .object-face.t-candy::before{background:radial-gradient(circle at 74% 22%,#FFD6EC 0%,transparent 56%),radial-gradient(circle at 30% 90%,#FF5FB0 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-candy .object-mast,#ask.fear-shelf .object-face.t-candy .object-invitation{color:var(--charcoal)!important}
#ask.fear-shelf .object-face.t-teal{--cover-base:#12B5A5;--cover-light:#7FE8DC;--cover-depth:#067368;background:#12B5A5!important;color:#484848!important}
#ask.fear-shelf .object-face.t-teal::before{background:radial-gradient(circle at 26% 18%,#7FE8DC 0%,transparent 56%),radial-gradient(circle at 84% 90%,#067368 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-teal .object-mast,#ask.fear-shelf .object-face.t-teal .object-invitation{color:var(--charcoal)!important}
#ask.fear-shelf .object-face.t-violet{--cover-base:#E559E7;--cover-light:#EE98F0;--cover-depth:#B81ABB;background:#E559E7!important;color:#484848!important}
#ask.fear-shelf .object-face.t-violet::before{background:radial-gradient(circle at 22% 22%,#EE98F0 0%,transparent 56%),radial-gradient(circle at 82% 88%,#B81ABB 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-violet .object-mast,#ask.fear-shelf .object-face.t-violet .object-invitation{color:var(--charcoal)!important}
#ask.fear-shelf .object-face.t-jade{--cover-base:#0C7A58;--cover-light:#2FB88A;--cover-depth:#04412E;background:#0C7A58!important;color:#F3EDE2!important}
#ask.fear-shelf .object-face.t-jade::before{background:radial-gradient(circle at 70% 84%,#2FB88A 0%,transparent 56%),radial-gradient(circle at 24% 16%,#04412E 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-jade .object-mast,#ask.fear-shelf .object-face.t-jade .object-invitation{color:#7FE3BE!important}
#ask.fear-shelf .object-face.t-sky{--cover-base:#A9D8FF;--cover-light:#E3F2FF;--cover-depth:#5FA9F0;background:#A9D8FF!important;color:#0E1F8F!important}
#ask.fear-shelf .object-face.t-sky::before{background:radial-gradient(circle at 70% 84%,#E3F2FF 0%,transparent 56%),radial-gradient(circle at 24% 16%,#5FA9F0 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-sky .object-mast,#ask.fear-shelf .object-face.t-sky .object-invitation{color:#0E1F8F!important}
#ask.fear-shelf .object-face.t-azure{--cover-base:#4FA3F7;--cover-light:#B5DAFF;--cover-depth:#1B5FC9;background:#4FA3F7!important;color:#0E1F8F!important}
#ask.fear-shelf .object-face.t-azure::before{background:radial-gradient(circle at 70% 84%,#B5DAFF 0%,transparent 56%),radial-gradient(circle at 24% 16%,#1B5FC9 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-azure .object-mast,#ask.fear-shelf .object-face.t-azure .object-invitation{color:#0E1F8F!important}
#ask.fear-shelf .object-face.t-melon{--cover-base:#FF5E6E;--cover-light:#FFCDBE;--cover-depth:#E52B52;background:#FF5E6E!important;color:#484848!important}
#ask.fear-shelf .object-face.t-melon::before{background:radial-gradient(circle at 22% 22%,#FFCDBE 0%,transparent 56%),radial-gradient(circle at 82% 88%,#E52B52 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-melon .object-mast,#ask.fear-shelf .object-face.t-melon .object-invitation{color:var(--charcoal)!important}
#ask.fear-shelf .object-face.t-raspberry{--cover-base:#C81E5B;--cover-light:#FF6FA0;--cover-depth:#74102F;background:#C81E5B!important;color:#F3EDE2!important}
#ask.fear-shelf .object-face.t-raspberry::before{background:radial-gradient(circle at 74% 22%,#FF6FA0 0%,transparent 56%),radial-gradient(circle at 30% 90%,#74102F 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-raspberry .object-mast,#ask.fear-shelf .object-face.t-raspberry .object-invitation{color:#FFC2B4!important}
#ask.fear-shelf .object-face.t-mint{--cover-base:#7FE3BE;--cover-light:#DFFFF1;--cover-depth:#0E7C5A;background:#7FE3BE!important;color:#484848!important}
#ask.fear-shelf .object-face.t-mint::before{background:radial-gradient(circle at 26% 18%,#DFFFF1 0%,transparent 56%),radial-gradient(circle at 84% 90%,#0E7C5A 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-mint .object-mast,#ask.fear-shelf .object-face.t-mint .object-invitation{color:#0E7C5A!important}
#ask.fear-shelf .object-face.t-pistachio{--cover-base:#BDF06B;--cover-light:#E6FFB0;--cover-depth:#7FC232;background:#BDF06B!important;color:#484848!important}
#ask.fear-shelf .object-face.t-pistachio::before{background:radial-gradient(circle at 74% 22%,#E6FFB0 0%,transparent 56%),radial-gradient(circle at 30% 90%,#7FC232 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-pistachio .object-mast,#ask.fear-shelf .object-face.t-pistachio .object-invitation{color:#3E6B12!important}
#ask.fear-shelf .object-face.t-apricot{--cover-base:#FFAD68;--cover-light:#FFD09A;--cover-depth:#DE8437;background:#FFAD68!important;color:#484848!important}
#ask.fear-shelf .object-face.t-apricot::before{background:radial-gradient(circle at 26% 18%,#FFD09A 0%,transparent 56%),radial-gradient(circle at 84% 90%,#DE8437 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-apricot .object-mast,#ask.fear-shelf .object-face.t-apricot .object-invitation{color:var(--charcoal)!important}
#ask.fear-shelf .object-face.t-spring{--cover-base:#3DDC97;--cover-light:#A8F5D2;--cover-depth:#0E7C5A;background:#3DDC97!important;color:#484848!important}
#ask.fear-shelf .object-face.t-spring::before{background:radial-gradient(circle at 22% 22%,#A8F5D2 0%,transparent 56%),radial-gradient(circle at 82% 88%,#0E7C5A 0%,transparent 60%)!important}
#ask.fear-shelf .object-face.t-spring .object-mast,#ask.fear-shelf .object-face.t-spring .object-invitation{color:var(--charcoal)!important}