.press-articles-page [data-language-panel][hidden] { display: none !important; }
.press-articles-page main::before { display: none !important; content: none !important; }
.press-articles-page .press-hero { min-height: clamp(350px, 36vw, 540px); background: radial-gradient(ellipse at 78% 12%, rgba(254,218,106,.1), transparent 34%), linear-gradient(135deg,#17191d,#242936 60%,#172b3d); }
.press-hero .blog-hub-hero-inner { padding-top: clamp(110px,8vw,150px); }
.press-eyebrow { margin: 0; color: var(--yellow); font-family: var(--label); font-size: .82rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.press-hero h1 { margin-top: 10px; }
.press-hero p:not(.press-eyebrow) { max-width: 850px !important; }
.press-language { display: flex; flex-wrap: wrap; gap: 10px; width: min(var(--max),calc(100% - var(--page-pad)*2)); margin: 0 auto; padding: 24px 0; border-bottom: 1px solid var(--line-strong); }
.press-language button { min-height: 44px; padding: 10px 16px; border: 1px solid var(--line-strong); border-radius: 0; background: transparent; color: #c8cbd4; font-family: var(--label); font-size: .85rem; font-weight: 700; cursor: pointer; }
.press-language button[aria-pressed="true"] { border-color: var(--yellow); color: #15171b; background: var(--yellow); }
.press-articles-page a:focus-visible, .press-language button:focus-visible, .press-originals summary:focus-visible { outline: 2px solid var(--yellow); outline-offset: 5px; }
.press-project-list { padding-block: clamp(40px,5vw,84px); }
.press-project-list .press-project-list-title { margin: 0 0 26px; color: var(--yellow); font-family: var(--label); font-size: .9rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.press-project-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(32px,6vw,96px); align-items: center; padding-block: 24px 48px; border-bottom: 1px solid var(--line-strong); color: inherit; text-decoration: none; }
.press-project-photo { position: relative; overflow: hidden; }
.press-project-photo img { display: block; width: 100%; height: auto; transition: transform 500ms var(--ease-out); }
.press-project-photo::after { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-left: 44px solid transparent; border-top: 44px solid var(--yellow); opacity: 0; transition: opacity 200ms ease; }
.press-project-card:hover .press-project-photo img { transform: scale(1.025); }
.press-project-card:is(:hover,:focus-visible) .press-project-photo::after { opacity: 1; }
.press-project-copy h2 { margin: 0 0 22px; font-family: var(--display); font-size: clamp(2.6rem,5vw,5rem); line-height: 1.05; letter-spacing: -.04em; }
.press-project-copy > p:not(.press-article-label) { max-width: 44ch; margin: 0 0 24px; color: #c4c7d0; font-size: clamp(1rem,1.5vw,1.4rem); line-height: 1.6; }
.press-project-copy .press-project-count { color: #afb3bf; font-size: .85rem; }
.press-project-link { display: flex; justify-content: space-between; gap: 24px; max-width: 330px; padding-top: 20px; border-top: 1px solid var(--yellow); color: var(--yellow); font-family: var(--label); font-size: .9rem; font-weight: 700; }
.press-project-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-block: 28px; border-bottom: 1px solid var(--line-strong); }
.press-project-breadcrumb a { color: var(--yellow); font-size: .85rem; font-weight: 700; }
.press-project-breadcrumb > span { color: #b9bdc8; font-family: var(--label); font-size: .85rem; }
.press-edition { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.35fr); gap: clamp(32px,5vw,80px); align-items: start; padding-block: clamp(54px,6vw,96px); border-bottom: 1px solid var(--line-strong); }
.press-source { min-width: 0; max-width: 560px; }
.press-source .press-edition-number { margin: 0 0 20px; color: var(--yellow); font-family: var(--display); font-size: 2.2rem; line-height: 1; }
.press-source h2 { margin: 0; color: #e3e3e9; font-family: var(--display); font-size: clamp(1.4rem,2.1vw,2.2rem); line-height: 1.12; text-transform: none; letter-spacing: -.035em; overflow-wrap: break-word; }
.press-source-heading > p:not(.press-edition-number) { margin: 16px 0 0; color: #bfc3cf; font-family: var(--label); font-size: .85rem; line-height: 1.7; }
.press-facsimile { margin: 28px 0 0; }
.press-facsimile a { display: block; }
.press-facsimile img { display: block; width: 100%; height: auto; }
.press-facsimile figcaption { margin-top: 14px; color: var(--yellow); font-family: var(--label); font-size: .75rem; line-height: 1.6; }
.press-facsimile figcaption > span { display: block; margin-top: 5px; color: #aeb4c1; font-size: .72rem; }
.press-article-text { min-width: 0; max-width: 850px; color: #e0e1e7; text-align: left; }
.press-article-text > header { padding-top: 18px; margin-bottom: 30px; border-top: 2px solid var(--yellow); }
.press-article-label { margin: 0 0 20px; color: var(--yellow); font-family: var(--label); font-size: .76rem; font-weight: 700; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; }
.press-article-text h3 { max-width: 20ch; margin: 0; color: #f0f0f4; font-family: var(--display); font-size: clamp(2rem,3.2vw,3.6rem); font-weight: 900; line-height: 1.08; letter-spacing: -.04em; text-transform: none; overflow-wrap: break-word; }
.press-article-text .press-article-subtitle { margin: 22px 0 0; color: #d4d4dc; font-family: var(--sans); font-size: clamp(1.2rem,1.8vw,1.8rem); font-weight: 500; line-height: 1.4; letter-spacing: -.02em; }
.press-article-text .press-transcription-note { margin: 22px 0 0; color: #aeb4c1; font-size: .8rem; line-height: 1.6; }
.press-prose { font-family: var(--sans); font-size: clamp(1.125rem,1.3vw,1.35rem); font-weight: 400; line-height: 1.8; letter-spacing: 0; overflow-wrap: break-word; }
.press-prose > p { max-width: 67ch; margin: 0 0 1.4em; color: inherit; font: inherit; }
.press-prose > p:first-child { font-weight: 500; color: #f0f0f4; }
[lang="ja"] .press-prose { line-height: 1.95; line-break: strict; }
[lang="ja"] .press-article-text h3 { line-height: 1.4; letter-spacing: 0; }
.press-article-credit { padding-top: 20px; border-top: 1px solid var(--line-strong); color: #adb3c0; font-family: var(--label); font-size: .8rem; font-weight: 500; line-height: 1.6; }
.press-originals { margin-top: 24px; padding-block: 16px; border-block: 1px solid var(--line-strong); }
.press-originals summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 68px;
  padding: 18px 20px;
  border: 1px solid var(--yellow);
  background: rgba(254, 218, 106, .08);
  color: var(--yellow);
  cursor: pointer;
  list-style: none;
  font-family: var(--label);
  font-size: clamp(1.2rem, 1.65vw, 1.55rem);
  font-weight: 800;
  line-height: 1.35;
}
.press-originals summary::-webkit-details-marker { display: none; }
.press-originals summary::after { content: '+'; flex: 0 0 auto; font-size: 1.8rem; line-height: 1; }
.press-originals[open] summary::after { content: '−'; }
.press-originals summary:hover { background: rgba(254, 218, 106, .16); }
.press-originals > p { color: #aeb4c1; font-size: .75rem; line-height: 1.6; }
.press-source-images { display: grid; gap: 24px; margin-top: 20px; }
.press-source-images figure { margin: 0; }
.press-source-images img { display: block; width: 100%; height: auto; }
.press-source-images figcaption { color: #aeb4c1; margin-top: 8px; font-size: .7rem; line-height: 1.6; }
.press-closing { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 24px; padding-block: 44px; }
.press-closing > p { max-width: 75ch; margin: 0; color: #bfc4cf; font-size: .85rem; line-height: 1.7; }
.press-closing > a { color: var(--yellow); font-family: var(--label); font-size: .85rem; font-weight: 700; }
@media (max-width: 900px) {
  .press-project-card { gap: 32px; }
  .press-edition { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 30px; }
  .press-article-text h3 { font-size: 2rem; }
}
@media (max-width: 680px) {
  .press-project-card { grid-template-columns: 1fr; }
  .press-edition { grid-template-columns: 1fr; gap: 36px; }
  .press-source { max-width: none; }
  .press-source .press-edition-number { float: right; margin-left: 20px; }
  .press-source h2 { max-width: 22ch; font-size: 1.65rem; }
  .press-facsimile { max-width: 260px; }
  .press-facsimile img { max-width: 100%; width: 100%; max-height: 360px; object-fit: contain; object-position: left top; }
  .press-originals { max-width: 460px; }
}
@media (max-width: 560px) {
  .press-articles-page .press-hero { min-height: 350px; }
  .press-hero .blog-hub-hero-inner { padding-top: 96px; }
  .press-eyebrow { font-size: .68rem; }
  .press-language { gap: 8px; padding-block: 18px; }
  .press-language button { padding: 10px 12px; font-size: .78rem; }
  .press-project-breadcrumb { padding-block: 22px; }
  .press-project-breadcrumb > span { flex-basis: 100%; }
  .press-project-copy h2 { font-size: 3rem; }
  .press-project-card { padding-top: 0; }
  .press-edition { padding-block: 42px; }
  .press-article-text h3 { font-size: clamp(2rem,8vw,2.8rem); }
  .press-article-text > header { margin-bottom: 28px; }
  .press-prose { font-size: 1.125rem; line-height: 1.75; }
}
@media (prefers-reduced-motion: reduce) {
  .press-project-photo img, .press-project-photo::after { transition: none; }
  .press-project-card:hover .press-project-photo img { transform: none; }
}

.press-original-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
  padding-block: 14px;
  border-bottom: 1px solid var(--yellow);
  color: var(--yellow);
  font-family: var(--label);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
.press-archive-photos { margin-top: 36px; }
.press-archive-photos figcaption { font-size: .8rem; line-height: 1.6; }
.press-source-images img { background: #f9f9f7; }

/* The Acting archive hero uses extended overlays; this article has its own background. */
body[data-site="acting"].press-articles-page .press-hero::before,
body[data-site="acting"].press-articles-page .press-hero::after { display: none; }
body[data-site="acting"].press-articles-page .press-language { position: relative; z-index: 1; }

@media (max-width: 680px) {
  /* Show a legible preview of this long facsimile, rather than shrinking it to a strip. */
  .press-edition[id^="porta-di-mare"] .press-facsimile img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: top;
  }
}

.press-facsimile-trigger { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: var(--yellow); text-align: left; cursor: zoom-in; }
.press-facsimile-trigger:focus-visible { outline: 2px solid var(--yellow); outline-offset: 5px; }
.press-facsimile-action { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 12px; border-bottom: 1px solid var(--yellow); color: var(--yellow); font: 700 .85rem/1.5 var(--label); }
.press-facsimile-dialog { width: min(1100px,calc(100vw - 24px)); max-width: none; height: 90vh; height: 90dvh; max-height: none; padding: 0; border: 1px solid var(--yellow); background: #17191d; color: #f0f0f4; overflow: hidden; }
.press-facsimile-dialog[open] { display: flex; flex-direction: column; }
.press-facsimile-dialog::backdrop { background: rgba(0,0,0,.85); }
.press-facsimile-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; flex-shrink: 0; padding: 14px 18px; border-bottom: 1px solid #555; }
.press-facsimile-toolbar h2 { flex: 1 1 200px; margin: 0; font: 700 1rem/1.4 var(--label); text-transform: none; letter-spacing: 0; }
.press-facsimile-toolbar button { min-height: 44px; padding: 10px 14px; border: 1px solid var(--yellow); background: transparent; color: var(--yellow); font: 700 .85rem/1.4 var(--label); cursor: pointer; }
.press-facsimile-toolbar button:focus-visible { outline: 2px solid var(--yellow); outline-offset: 3px; }
.press-facsimile-scroll { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; background: #383838; }
.press-facsimile-scroll img { display: block; width: 100%; max-width: none; height: auto; }
.press-facsimile-dialog.is-zoomed .press-facsimile-scroll img { width: max(1000px,150%); }

/* Upright phones: facsimile, transcription, then the original source action. */
@media (max-width: 680px) and (orientation: portrait) {
  .press-edition > .press-source { display: contents; }
  .press-edition .press-source-heading { order: 1; }
  .press-edition .press-facsimile { order: 2; }
  .press-edition > .press-article-text { order: 3; }
  .press-edition :is(.press-source-actions,.press-publisher-action) { order: 4; }
  .press-edition .press-archive-photos { order: 5; }
  :is(.press-source-actions,.press-publisher-action) .press-label-desktop { display: none; }
  :is(.press-source-actions,.press-publisher-action) .press-label-phone { display: inline; }
  :is(.press-source-actions,.press-publisher-action) .press-original-link { display: flex; margin: 0; padding: 18px 20px; border: 1px solid var(--yellow); background: rgba(254,218,106,.08); font-size: 1.2rem; }
  :is(.press-source-actions,.press-publisher-action) .press-originals { margin: 0; border: 0; padding: 0; }
  .press-edition .press-facsimile { max-width: 180px; }
  .press-articles-page .press-edition .press-facsimile img {
    width: 100%;
    height: 220px;
    max-height: 220px;
    object-fit: cover;
    object-position: top;
  }
}

.press-label-phone { display: none; }
@media (max-width: 680px) and (orientation: portrait) { :is(.press-source-actions,.press-publisher-action) .press-label-phone { display: inline; } }

/* Original profile photographs share the site's image movement and yellow corner. */
.press-photo-frame { position: relative; display: block; overflow: hidden; isolation: isolate; }
.press-photo-frame img { transition: transform 650ms var(--ease-out, ease); transform: scale(1); }
.press-photo-frame::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(36px, 4vw, 64px);
  aspect-ratio: 1;
  background: var(--yellow, #feda6a);
  clip-path: polygon(100% 0,100% 100%,0 0);
  opacity: 0;
  transform: translate(46%,-46%) rotate(12deg);
  transform-origin: top right;
  transition: opacity 300ms ease, transform 520ms var(--ease-out, ease);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .press-photo-frame:hover img { transform: scale(1.045); }
  .press-photo-frame:hover::after { opacity: 1; transform: none; }
}
@media (hover: none), (pointer: coarse) {
  .press-photo-frame.is-photo-visible img { transform: scale(1.045); }
  .press-photo-frame.is-photo-visible::after { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .press-photo-frame img, .press-photo-frame::after { transition: none; }
  .press-photo-frame:hover img, .press-photo-frame.is-photo-visible img { transform: none; }
}

/* Hide the thin white screenshot edges baked into the archived photographs. */
.press-photo-frame { clip-path: inset(2px); }

/* The archive cover uses the same screenshot-derived photo as the profile. */
.press-project-card[href*="/stifani-brothers/"] .press-project-photo { clip-path: inset(2px); }

/* Faithful PDF pages: cover first, article second, without a reconstruction. */
.press-original-pages { margin-top: 28px; }
.press-original-pages figure { margin: 0 0 28px; }
.press-original-pages img { display: block; width: 100%; height: auto; }
.press-original-pages figcaption { margin-top: 10px; color: var(--yellow); font: 700 .8rem/1.5 var(--label); }
@media (max-width:680px) and (orientation:portrait) {
 .press-edition .press-original-pages { order: 2; width: 100%; }
}
