/* HOLLYWOOD PIANO — SINGLE ARTICLE TEMPLATE ONLY
   Entire stylesheet is scoped to .hp-at-root; the global site, index and
   archive templates are untouched. Change colors below if the site evolves. */
.hp-at-root {
  --hp-wine:#541b30;
  --hp-wine-deep:#2f101f;
  --hp-gold:#c6a36f;
  --hp-paper:#fffdf9;
  --hp-cream:#f7f4ee;
  --hp-text:#302b2e;
  --hp-muted:#766e70;
  background:var(--hp-paper);
  color:var(--hp-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.hp-at-root,.hp-at-root *,.hp-at-root *::before,.hp-at-root *::after {box-sizing:border-box;}
.hp-at-root .hp-at-container {width:min(1180px,calc(100% - 48px));margin-inline:auto;}
.hp-at-root h1,.hp-at-root h2,.hp-at-root h3,.hp-at-root h4 {font-family:Georgia,'Times New Roman',serif;text-transform:none;font-weight:400;letter-spacing:-.024em;line-height:1.18;}
.hp-at-root a:focus-visible {outline:3px solid var(--hp-gold);outline-offset:4px;}

/* A real HTML image (rather than only a CSS background) improves responsive
   loading. Text remains readable across light or complex photographs. */
.hp-at-root .hp-at-hero {
  min-height:clamp(520px,62vw,720px);
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:stretch;
  color:#fff;background:var(--hp-wine-deep);
}
.hp-at-root .hp-at-hero--gradient {background:radial-gradient(ellipse at 85% 20%,#865e71 0%,transparent 39%),linear-gradient(118deg,#2b101d,#6c2943 72%,#3d1726);}
.hp-at-root .hp-at-hero__picture {position:absolute;inset:0;z-index:-2;}
.hp-at-root .hp-at-hero__picture img {display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;}
.hp-at-root .hp-at-hero__shade {position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(21,9,15,.74) 0%,rgba(32,11,21,.43) 55%,rgba(34,14,22,.21) 100%),linear-gradient(0deg,rgba(20,8,13,.82) 0%,rgba(34,15,24,.3) 56%,rgba(23,8,14,.31) 100%);}
.hp-at-root .hp-at-hero--gradient .hp-at-hero__shade {background:linear-gradient(0deg,rgba(25,7,16,.36),transparent 70%);}
.hp-at-root .hp-at-hero__content {display:flex;flex-direction:column;justify-content:space-between;padding-top:37px;padding-bottom:76px;}
.hp-at-root .hp-at-breadcrumb {display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:#f1e3e4;font-size:12px;letter-spacing:.04em;}
.hp-at-root .hp-at-breadcrumb a {color:inherit;text-decoration:none;}
.hp-at-root .hp-at-breadcrumb a:hover {text-decoration:underline;}
.hp-at-root .hp-at-hero__bottom {max-width:1000px;}
.hp-at-root .hp-at-eyebrow {display:flex;align-items:center;gap:13px;font-size:11px;color:#ead3a4;letter-spacing:.19em;font-weight:700;text-transform:uppercase;}
.hp-at-root .hp-at-eyebrow span {display:block;width:30px;height:1px;flex-shrink:0;background:#d4b17e;}
.hp-at-root .hp-at-title {margin:18px 0 25px;font-size:clamp(2.6rem,5vw,4.85rem);line-height:1.095;max-width:1020px;color:#fff;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.2);}
.hp-at-root .hp-at-meta {display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;letter-spacing:.025em;color:#f5e9e7;}
.hp-at-root .hp-at-dot {display:inline-block;height:3px;width:3px;border-radius:50%;background:var(--hp-gold);}

/* Editorial reading area and a curated-looking, automatically updated right rail. */
.hp-at-root .hp-at-reading-layout {display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:clamp(34px,5.3vw,72px);align-items:start;}

.hp-at-root .hp-at-article {width:100%;min-width:0;margin:0;padding:72px 0 92px;}
.hp-at-root .hp-at-article-content {font-size:18px;line-height:1.89;overflow-wrap:break-word;}
.hp-at-root .hp-at-article-content > *:first-child {margin-top:0;}
.hp-at-root .hp-at-article-content p {font-size:inherit;line-height:inherit;color:#38343a;margin:0 0 1.35em;}
.hp-at-root .hp-at-article-content h2 {font-size:clamp(1.75rem,3vw,2.42rem);margin:2em 0 .7em;color:var(--hp-wine);}
.hp-at-root .hp-at-article-content h2::before {content:"";display:block;background:var(--hp-gold);width:42px;height:3px;margin-bottom:20px;}
.hp-at-root .hp-at-article-content h3 {font-size:clamp(1.38rem,2vw,1.8rem);color:var(--hp-wine);margin:1.65em 0 .6em;}
.hp-at-root .hp-at-article-content h4 {font-size:1.22rem;margin:1.5em 0 .5em;}
.hp-at-root .hp-at-article-content :is(ul,ol) {padding-left:1.45em;margin:0 0 1.5em;}
.hp-at-root .hp-at-article-content li {padding-left:.15em;margin-bottom:.55em;}
.hp-at-root .hp-at-article-content li :is(ul,ol) {margin-top:.65em;}
.hp-at-root .hp-at-article-content a {color:var(--hp-wine);text-decoration:underline;text-decoration-color:var(--hp-gold);text-underline-offset:3px;}
.hp-at-root .hp-at-article-content a:hover {color:#9d704d;}
.hp-at-root .hp-at-article-content :is(img,video) {display:block;max-width:100%;height:auto;}
.hp-at-root .hp-at-article-content figure {max-width:100%;margin:2.15em auto;}
.hp-at-root .hp-at-article-content figcaption {font:13px/1.65 Arial,sans-serif;text-align:center;margin-top:12px;color:var(--hp-muted);}
.hp-at-root .hp-at-article-content iframe {max-width:100%;}
.hp-at-root .hp-at-article-content :is(.wp-block-embed,.wp-block-video) {max-width:100%;}
.hp-at-root .hp-at-article-content blockquote {margin:2em 0;border-left:3px solid var(--hp-gold);padding:12px 0 12px 27px;color:var(--hp-wine);font:italic 1.36rem/1.65 Georgia,serif;}
.hp-at-root .hp-at-article-content blockquote p {font:inherit;color:inherit;}
.hp-at-root .hp-at-article-content .wp-block-separator {border:0;border-top:1px solid #ded6cc;margin:2em 0;}
.hp-at-root .hp-at-article-content :is(.wp-block-table, .tablepress) {max-width:100%;overflow-x:auto;}
.hp-at-root .hp-at-article-content table {max-width:100%;display:block;overflow-x:auto;border-collapse:collapse;margin:2em 0;font-size:.92em;}
.hp-at-root .hp-at-article-content :is(td,th) {border:1px solid #e2d9cc;padding:10px 15px;text-align:left;}
.hp-at-root .hp-at-article-content th {background:var(--hp-cream);font-weight:700;}
.hp-at-root .hp-at-article-content .aligncenter {margin-inline:auto;}
.hp-at-root .hp-at-article-content .alignright {float:right;margin:8px 0 16px 25px;}
.hp-at-root .hp-at-article-content .alignleft {float:left;margin:8px 25px 16px 0;}
.hp-at-root .hp-at-article-content::after {content:"";display:block;clear:both;}
.hp-at-root .hp-at-article-content .wp-block-button__link {background:var(--hp-wine);color:#fff;text-decoration:none;border-radius:3px;padding:13px 23px;}
.hp-at-root .hp-at-article-content .wp-block-button__link:hover {background:#73314a;color:#fff;}
.hp-at-root .hp-at-page-links {margin-top:40px;font-size:14px;}
.hp-at-root .hp-at-page-links a {margin-inline:5px;color:var(--hp-wine);}

/* Latest Articles is populated from WordPress published Posts, never hand-entered. */
.hp-at-root .hp-at-latest {margin-top:72px;position:sticky;top:30px;min-width:0;background:var(--hp-cream);border:1px solid #e7dfd3;padding:28px 25px 25px;}
.hp-at-root .hp-at-latest__eyebrow {font-size:10px;line-height:1.5;letter-spacing:.15em;font-weight:700;color:#987548;}
.hp-at-root .hp-at-latest h2 {font-size:1.85rem;line-height:1.16;color:var(--hp-wine);margin:8px 0 19px;}
.hp-at-root .hp-at-latest__rule {width:48px;height:3px;background:var(--hp-gold);margin:0 0 8px;}
.hp-at-root .hp-at-latest__list {list-style:none;margin:0;padding:0;}
.hp-at-root .hp-at-latest__list li {border-bottom:1px solid #e0d9ce;margin:0;padding:0;}
.hp-at-root .hp-at-latest__item {display:flex;align-items:flex-start;text-decoration:none;color:var(--hp-text);padding:18px 0;}
.hp-at-root .hp-at-latest__copy {min-width:0;display:flex;flex-direction:column;gap:6px;}
.hp-at-root .hp-at-latest time {font:700 10px/1.3 Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;color:#7e7172;}
.hp-at-root .hp-at-latest__title {font:400 16px/1.39 Georgia,'Times New Roman',serif;color:var(--hp-wine);letter-spacing:-.012em;overflow-wrap:anywhere;}
.hp-at-root .hp-at-latest__read {font:700 10px/1.4 Arial,sans-serif;letter-spacing:.025em;color:#8b6640;opacity:.88;}
.hp-at-root .hp-at-latest__item:hover .hp-at-latest__title,.hp-at-root .hp-at-latest__item:focus-visible .hp-at-latest__title {text-decoration:underline;text-decoration-color:var(--hp-gold);text-underline-offset:3px;}
.hp-at-root .hp-at-latest__all {display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:21px;color:var(--hp-wine);font-size:12px;line-height:1.5;font-weight:700;text-decoration:none;}
.hp-at-root .hp-at-latest__all:hover {text-decoration:underline;}
@media(max-width:980px){
 .hp-at-root .hp-at-reading-layout {display:block;}
 .hp-at-root .hp-at-article {padding:58px 0 42px;}
 .hp-at-root .hp-at-latest {position:static;margin:0 0 70px;padding:26px 28px;}
 .hp-at-root .hp-at-latest__list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;}
}
@media(max-width:620px){
 .hp-at-root .hp-at-latest__list {display:block;}
 .hp-at-root .hp-at-latest {padding:25px 21px;margin-bottom:54px;}
}

/* Quiet brand sign-off and single CTA; no related posts or index edits. */
.hp-at-root .hp-at-article-bottom {border-top:1px solid #e5ded5;padding-top:26px;margin-top:60px;display:flex;align-items:center;gap:16px;}
.hp-at-root .hp-at-author-mark {width:46px;height:46px;border:1px solid var(--hp-gold);display:grid;place-items:center;font:700 17px Georgia,serif;color:var(--hp-wine);flex:none;}
.hp-at-root .hp-at-author-eyebrow {font:700 10px Arial,sans-serif;letter-spacing:.16em;color:#91724e;}
.hp-at-root .hp-at-article-bottom p {font:italic 17px/1.5 Georgia,serif;color:#54464a;margin:6px 0 0;}
.hp-at-root .hp-at-next {margin-top:32px;}
.hp-at-root .hp-at-back {font-size:13px;color:var(--hp-wine);font-weight:700;text-decoration:none;}
.hp-at-root .hp-at-back:hover {text-decoration:underline;}
.hp-at-root .hp-at-help {background:var(--hp-wine);padding:60px 0;}
.hp-at-root .hp-at-help__layout {display:flex;justify-content:space-between;gap:42px;align-items:center;}
.hp-at-root .hp-at-help__eyebrow {font-weight:700;letter-spacing:.18em;font-size:11px;color:var(--hp-gold);}
.hp-at-root .hp-at-help h2 {font-size:clamp(2rem,3.4vw,3.35rem);margin:10px 0 12px;color:#fff;}
.hp-at-root .hp-at-help p {font-size:16px;line-height:1.75;color:#f5e7e8;max-width:650px;margin:0;}
.hp-at-root .hp-at-help__button {flex:none;display:flex;align-items:center;gap:30px;text-decoration:none;background:var(--hp-gold);color:#2e1c24;font-size:13px;font-weight:700;padding:17px 24px;border:1px solid var(--hp-gold);}
.hp-at-root .hp-at-help__button:hover {background:#dfbd89;color:#2e1c24;}
@media(max-width:760px){
  .hp-at-root .hp-at-container {width:calc(100% - 36px);}
  .hp-at-root .hp-at-hero {min-height:570px;}
  .hp-at-root .hp-at-hero__content {padding:26px 0 48px;}
  .hp-at-root .hp-at-hero__shade {background:linear-gradient(0deg,rgba(21,7,14,.89) 0%,rgba(27,10,19,.58) 60%,rgba(28,8,17,.35) 100%);}
  .hp-at-root .hp-at-title {font-size:clamp(2.35rem,9vw,3.6rem);}
  .hp-at-root .hp-at-eyebrow {font-size:10px;letter-spacing:.13em;}
  .hp-at-root .hp-at-article {width:100%;padding:48px 0 42px;}
  .hp-at-root .hp-at-article-content {font-size:17px;line-height:1.8;}
  .hp-at-root .hp-at-help {padding:45px 0;}
  .hp-at-root .hp-at-help__layout {display:block;}
  .hp-at-root .hp-at-help__button {display:inline-flex;margin-top:24px;}
}
@media(max-width:480px){
  .hp-at-root .hp-at-hero {min-height:530px;}
  .hp-at-root .hp-at-meta {gap:9px;font-size:11px;}
  .hp-at-root .hp-at-article-content .alignleft,.hp-at-root .hp-at-article-content .alignright {float:none;margin-inline:auto;}
}
@media(prefers-reduced-motion:reduce){.hp-at-root * {scroll-behavior:auto!important;transition:none!important;}}