:root { color-scheme: light; font-family: "Microsoft YaHei", sans-serif; color: #332e2a; background: #efe9df; }
* { box-sizing: border-box; }
body { margin: 0; background: #efe9df; }
header.b35-brand { padding: 18px 5vw; background: #3d332d; color: #f7eee0; font: 700 23px/1.3 Georgia,serif; }
.b35-brand a { color: inherit; text-decoration: none; }
nav.b35-navigation { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 11px 5vw; background: #d9cbbb; }
.b35-navigation a { color: #58473c; text-decoration: none; font-size: 13px; }
main { max-width: 1340px; margin: auto; padding: 31px 5vw 70px; }
main > h1 { margin: 0 0 18px; color: #493a31; font: 500 clamp(29px,4vw,48px)/1.2 Georgia,serif; }
.p13-opening { display: grid; grid-template-columns: minmax(0,1fr) 215px; gap: 28px; padding: 29px; background: #faf6ed; border: 1px solid #d5c8b5; }
.p13-opening-copy > p { margin: 0 0 7px; color: #a1543d; font-size: 13px; letter-spacing: .1em; }
.p13-opening h2 { margin: 0 0 12px; color: #625047; font: 26px Georgia,serif; }
.p13-opening-copy > div { line-height: 2; }
.p13-specimens { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.p13-specimens figure { display: grid; justify-items: center; gap: 5px; width: 62px; margin: 0; padding: 8px 5px; border: 1px solid #d7c7b0; background: #f1e8d9; }
.p13-specimens img { width: 40px; height: 40px; object-fit: contain; }
.p13-specimens figcaption { color: #907d69; font-size: 9px; }
.p13-foyer { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 25px; margin-top: 34px; }
.p13-index { display: flex; flex-direction: column; gap: 12px; padding: 17px; align-self: start; border-top: 4px solid #a1543d; background: #e4d8c8; color: #6c5c4e; }
.p13-index h2 { margin: 0 0 4px; font: 18px Georgia,serif; }
.p13-index span { padding-bottom: 8px; border-bottom: 1px solid #c4b39f; font-size: 12px; }
.p13-gallery-wall { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; align-items: start; }
.p13-zone { min-width: 0; padding: 22px; background: #faf6ed; border-bottom: 3px solid #9d5943; }
.p13-zone h2 { margin: 0 0 16px; color: #655045; font: 22px Georgia,serif; }
.p13-note { padding: 17px; background: #f0e8dc; line-height: 1.9; }
.p13-note h3 { margin: 0 0 9px; color: #a1543d; font-size: 17px; }
.p13-note p { margin: 0; }
.p13-comments { display: grid; gap: 11px; }
.p13-comment { padding: 14px 16px; border-left: 2px solid #b8895b; background: #f0e8dc; line-height: 1.85; }
.p13-comment h3 { margin: 0 0 6px; color: #635044; font-size: 16px; }
.p13-comment p { margin: 0; }
.p13-comment small { display: block; margin-top: 8px; color: #9c674d; }
.p13-clippings { display: grid; gap: 12px; }
.p13-clipping { display: grid; grid-template-columns: 45px 1fr; gap: 8px 12px; padding: 13px 0; border-bottom: 1px solid #d7c7b0; }
.p13-clipping img { grid-row: span 3; width: 42px; height: 42px; object-fit: contain; }
.p13-clipping time { color: #958674; font-size: 11px; }
.p13-clipping h3 { margin: 0; color: #8d4937; font-size: 17px; }
.p13-clipping p { grid-column: 2; margin: 0; line-height: 1.9; }
.p13-questions { display: grid; gap: 7px; }
.p13-q { padding: 12px 14px; background: #f0e8dc; border: 1px solid #ded0bd; }
.p13-q summary { cursor: pointer; color: #665143; font-weight: 650; }
.p13-a { line-height: 1.9; }
.p13-inner { max-width: 1120px; margin: auto; padding: 30px; background: #faf6ed; border: 1px solid #d6c6b3; }
.p13-inner header { margin-bottom: 22px; }
.p13-inner header p { color: #a1543d; }
.p13-inner h1 { margin: 0; color: #493a31; font: 34px Georgia,serif; }
.p13-profile-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
.p13-press-grid { columns: 2; column-gap: 25px; }
.p13-press-grid .p13-clipping { break-inside: avoid; }
.p13-catalog-list { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 0; margin: 20px 0 25px; }
.p13-door-frame { display: grid; grid-template-columns: 120px 1fr; gap: 20px; margin: 24px 0; }
.p13-door-label { display: grid; place-content: center; min-height: 260px; background: #493a31; color: #f7eee0; font: 22px/1.8 Georgia,serif; text-align: center; }
.p13-door-frame .p13-note + .p13-note, .p13-mobile-board .p13-note + .p13-note { margin-top: 14px; }
.p13-mobile-board { display: grid; grid-template-columns: 185px 1fr; gap: 22px; margin: 20px 0 24px; }
.p13-mobile-outline { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 250px; border: 6px double #a1543d; background: #f2e8d6; color: #75584a; gap: 12px; }
footer.b35-footer { padding: 28px 5vw; background: #3d332d; color: #f0e6d7; }
.b35-footer a { color: #dbc4a3; margin-right: 17px; }
@media (max-width: 850px) {
  main { padding: 20px 4vw 45px; }
  .p13-opening, .p13-foyer, .p13-door-frame, .p13-mobile-board { grid-template-columns: 1fr; }
  .p13-index { display: grid; grid-template-columns: repeat(2,1fr); }
  .p13-index h2 { grid-column: 1 / -1; }
  .p13-gallery-wall, .p13-profile-pair, .p13-catalog-list { grid-template-columns: 1fr; }
  .p13-press-grid { columns: 1; }
}