/* Reuse the approved hero's actual pitted masonry material. */

#legacy .legacy-story{background:linear-gradient(90deg,#211728b8,#21172855);border-radius:5px}
/* Group readable labels with moderate spacing; retain existing raised button behavior. */
@media(min-width:1201px){
 .masthead{padding-left:2.5%;padding-right:2.5%;gap:28px;height:100px}
 .masthead .brand{flex:0 0 110px;width:110px}
 .masthead .brand img{width:110px;height:78px}
 .masthead nav{position:static;display:flex;flex:0 1 auto;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:10px;margin-left:auto;padding:0;max-height:none;overflow:visible;background:transparent;border:0}
 .masthead nav a.action-button{font-size:14px;line-height:1.4;padding:12px 11px;min-height:46px;margin:0;white-space:nowrap;flex:0 0 auto}
 .masthead .menu-toggle{display:none}
}
@media(max-width:1200px){
 .masthead{height:90px;padding-left:5%;padding-right:5%;gap:22px}
 .masthead .menu-toggle{display:inline-flex;font-size:16px;min-height:48px;padding:12px 18px}
 .masthead nav{top:89px;padding:22px 5%;max-height:calc(100svh - 100px)}
 .masthead nav.open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .masthead nav a.action-button{font-size:16px;line-height:1.4;min-height:48px;padding:13px 16px;margin:0;white-space:normal;text-align:left;justify-content:flex-start}
}
@media(max-width:600px){
 .masthead nav.open{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .masthead nav a.action-button{padding:12px;font-size:16px}

}

/* New York atmosphere in the remaining plain homepage chapters. */
#artist-scholar{background-color:#151b29;background-image:linear-gradient(90deg,#101725eb 0%,#101725d9 48%,#10172533 76%),linear-gradient(0deg,#151b29 0%,transparent 70%),url(/assets/scenes/a-train.webp);background-size:auto,auto,100% auto;background-position:center,center,right top;background-repeat:no-repeat;color:#eee9f2}
#artist-scholar .section-line,#artist-scholar .eyebrow{color:#c4b3dc}
#artist-scholar h2{color:#fff0dd}#artist-scholar h2 em,#artist-scholar .source-ref{color:#c5a0ec}
#artist-scholar .hhec-document{max-width:220px;justify-self:end}
#artist-scholar .hhec-document img{box-shadow:7px 9px 0 #1b233966}
#artist-scholar .hhec-document figcaption{background:#151b29e8}
#artist-scholar .hhec-cohort{border-color:#88789a}
#artist-scholar :focus-visible{outline-color:#ffde68}
#toby-world{background-color:#e3d9c8;background-image:linear-gradient(90deg,#e4d9cbf2 0%,#e4d9cbd9 60%,#e4d9cb88 100%),url(/assets/scenes/brooklyn-stoop.webp);background-size:auto,cover;background-position:center,right center}
#toby-world .world-links{background:#e4d9cba8}
@media(max-width:750px){
 #artist-scholar{background-image:linear-gradient(90deg,#101725e8,#101725aa 60%,#10172566),linear-gradient(0deg,#151b29 60%,transparent 90%),url(/assets/scenes/a-train.webp);background-size:auto,auto,auto 650px;background-position:center,center,72% top}
 #artist-scholar .hhec-document{max-width:300px;justify-self:start}
 #toby-world{background-image:linear-gradient(90deg,#e4d9cbed,#e4d9cbc9),url(/assets/scenes/brooklyn-stoop.webp);background-size:auto,auto 950px;background-repeat:no-repeat}
}

#toby-world{background-image:linear-gradient(90deg,#e4d9cbf2 0%,#e4d9cbc9 60%,#e4d9cb77),linear-gradient(180deg,transparent 0,#e3d9c8 850px),url(/assets/scenes/brooklyn-stoop.webp);background-size:auto,auto,100% auto;background-position:center,center,right top;background-repeat:no-repeat}
@media(max-width:750px){#toby-world{background-image:linear-gradient(90deg,#e4d9cbeb,#e4d9cba8),linear-gradient(180deg,transparent 0,#e3d9c8 650px),url(/assets/scenes/brooklyn-stoop.webp);background-size:auto,auto,auto 650px;background-position:center,center,75% top}}

.story-merch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center;padding:35px 6%;background:#22172e;border-top:1px solid #715c84}
.story-merch .merch-pieces{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}
.story-merch .merch-pieces img{width:100%;height:260px;max-height:none;object-fit:contain;filter:drop-shadow(3px 8px 5px #0005)}
.story-merch h3{font-size:clamp(30px,3.2vw,46px);line-height:1.1}
.story-merch p{font-size:16px;line-height:1.7;max-width:600px}
.story-merch .merch-retailer-note{font-size:13px;color:#d1c3dc}
@media(max-width:700px){.story-merch{grid-template-columns:1fr;gap:24px;padding:30px 7%}.story-merch .merch-pieces img{height:220px}.story-merch h3{font-size:34px}}

/* The dedicated Books and Culture page carries the masonry, not the home teaser. */
.page-books{background-color:#251b2e;background-image:linear-gradient(110deg,#24162d99,#131c2b99),url(/assets/street-masonry.svg);background-size:auto,480px 240px;background-position:center}
.page-books .page-intro{background:linear-gradient(90deg,#1d122666,#17172422);border-bottom:1px solid #a08aac66}
.page-books .catalog-grid.products{background:#201627bb;padding:24px;border:1px solid #95819e44}
@media(max-width:600px){.page-books{background-size:auto,360px 180px}.page-books .catalog-grid.products{padding:16px}}