@layer components {
  .observers-release-page{background:var(--canvas);color:var(--text-body)}
  .observers-release-main{overflow:clip}
  .observers-release-page .section{border-top:1px solid var(--border-subtle)}

  .release-hero{padding-top:clamp(3rem,7vw,7rem);background:var(--ambient),var(--canvas)}
  .release-hero-grid{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:clamp(2.5rem,7vw,8rem);align-items:center}
  .release-cover-column{position:relative;display:grid;justify-items:center}
  .release-cover-frame{position:relative;width:min(100%,690px);aspect-ratio:1;isolation:isolate;background:var(--surface-recessed);box-shadow:var(--shadow-floating);overflow:hidden}
  .release-cover-frame::before{content:"";position:absolute;z-index:2;inset:0;border:1px solid var(--border-standard);pointer-events:none}
  .release-cover-frame::after{content:"";position:absolute;z-index:1;inset:-20%;background:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.12) 48%,transparent 59%);transform:translateX(-80%);opacity:0;pointer-events:none}
  .release-cover-frame:hover::after{animation:release-cover-glint 1.1s var(--ease)}
  .release-cover-frame img{width:100%;height:100%;object-fit:cover;transition:transform var(--slow) var(--ease),filter var(--slow)}
  .release-cover-frame:hover img{transform:scale(1.012);filter:contrast(1.025)}
  .release-cover-index{position:absolute;z-index:3;right:-.04em;bottom:-.18em;color:color-mix(in srgb,var(--accent-text) 70%,transparent);font-family:var(--font-serif);font-size:clamp(7rem,19vw,16rem);font-style:italic;line-height:1;mix-blend-mode:screen;opacity:.24;pointer-events:none}
  html[data-appearance="light"] .release-cover-index{mix-blend-mode:multiply;opacity:.12}
  .release-cover-caption{margin-top:1rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}
  .release-hero-copy{max-width:800px}
  .release-hero-copy h1{margin:.8rem 0 .45rem;color:var(--text-strong);font-family:var(--font-serif);font-size:clamp(4rem,10vw,9rem);font-weight:400;letter-spacing:-.055em;line-height:.82}
  .release-hero-copy h1 span{color:var(--accent-text);font-style:italic}
  .release-byline{color:var(--text-strong);font-family:var(--font-mono);font-size:.69rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
  .release-lead{max-width:34em;margin-top:1.5rem;color:var(--text-muted);font-size:clamp(1rem,1.7vw,1.32rem);line-height:1.65}
  .release-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}
  .release-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2.4rem;border-top:1px solid var(--border-standard);border-bottom:1px solid var(--border-standard)}
  .release-facts>div{padding:1rem 1rem 1rem 0}
  .release-facts>div:nth-child(even){padding-left:1rem;border-left:1px solid var(--border-subtle)}
  .release-facts>div:nth-child(n+3){border-top:1px solid var(--border-subtle)}
  .release-facts dt{color:var(--text-muted);font-family:var(--font-mono);font-size:.54rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
  .release-facts dd{margin-top:.3rem;color:var(--text-strong);font-size:.86rem}
  .release-share-tools{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.3rem}
  .release-share-tools button{border:0;background:none;padding:0}
  .release-tool-status{min-height:1.2em;margin-top:.65rem;color:var(--accent-text);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}

  .release-statement{background:var(--surface-recessed)}
  .release-statement-grid{display:grid;grid-template-columns:minmax(390px,.68fr) minmax(0,1.32fr);gap:clamp(3rem,6vw,7rem);align-items:start}
  .release-statement-heading{position:sticky;top:150px;align-self:start}
  .release-statement-heading h2{max-width:100%;margin:.7rem 0 0;color:var(--text-strong);font-family:var(--font-serif);font-size:clamp(2.5rem,4.7vw,4.9rem);font-weight:400;letter-spacing:-.045em;line-height:.9}
  .release-statement-accent{display:block;width:clamp(50px,6vw,86px);height:1px;margin-top:1.6rem;background:var(--accent-fill)}
  .release-statement-copy{max-width:76ch}
  .release-statement-copy p{margin:0;color:var(--text-body);font-family:var(--font-serif);font-size:clamp(1rem,1.35vw,1.16rem);letter-spacing:0;line-height:1.84;text-wrap:pretty}
  .release-statement-copy p+p{margin-top:1.45rem}
  .release-statement-copy .release-statement-credit{margin-top:1.8rem;padding-top:1.35rem;border-top:1px solid var(--border-standard);color:var(--text-muted);font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.035em;line-height:1.8}

  .release-section-grid,.release-info-layout{display:grid;grid-template-columns:minmax(270px,.58fr) minmax(0,1.42fr);gap:clamp(2.5rem,7vw,8rem);align-items:start}
  .release-section-heading h2{margin:.7rem 0 1rem;color:var(--text-strong);font-family:var(--font-serif);font-size:clamp(2.25rem,5vw,5rem);font-weight:400;letter-spacing:-.045em;line-height:.96}
  .release-section-heading p:not(.migration-kicker){max-width:44em;color:var(--text-muted);line-height:1.7}
  .streaming-panel{border:1px solid var(--border-standard);background:color-mix(in srgb,var(--surface-raised) 72%,transparent);box-shadow:var(--shadow-raised)}
  .streaming-master{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;border-bottom:1px solid var(--border-standard);color:var(--text-strong);text-decoration:none;transition:background-color var(--fast),color var(--fast)}
  .streaming-master:hover{background:var(--control-primary-bg);color:var(--control-primary-fg)}
  .streaming-master span:first-child{display:grid;gap:.15rem}
  .streaming-master strong{font-size:1rem}
  .streaming-master small{color:inherit;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;opacity:.72}
  .platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .platform-grid a{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:62px;padding:.9rem 1rem;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-body);font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:background-color var(--fast),color var(--fast)}
  .platform-grid a:nth-child(3n){border-right:0}
  .platform-grid a:nth-last-child(-n+3){border-bottom:0}
  .platform-grid a:hover{background:var(--surface-floating);color:var(--accent-text)}

  .release-info-layout{align-items:start}
  .release-section-heading--sticky{position:sticky;top:150px}
  .release-info-content{display:grid;gap:1.5rem}
  .release-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border-standard);background:var(--surface-recessed)}
  .release-metadata>div{padding:1.05rem 1.15rem;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
  .release-metadata>div:nth-child(2n){border-right:0}
  .release-metadata>div:nth-last-child(-n+2){border-bottom:0}
  .release-metadata dt{color:var(--text-muted);font-family:var(--font-mono);font-size:.54rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
  .release-metadata dd{margin-top:.35rem;color:var(--text-strong);font-size:.85rem}
  .release-credit-card{display:grid;grid-template-columns:.35fr 1fr 1fr;gap:1rem;padding:1.2rem;border:1px solid var(--border-standard);background:color-mix(in srgb,var(--surface-raised) 70%,transparent);align-items:start}
  .release-credit-card p{color:var(--text-muted);font-size:.76rem;line-height:1.6}
  .release-credit-card strong{color:var(--text-strong)}


  .obs3-related-series{background:var(--surface-recessed)}
  .obs3-related-series__inner{max-width:1040px}
  .obs3-related-series__heading{max-width:620px;margin:0 auto clamp(1.75rem,4vw,3rem);text-align:center}
  .obs3-related-series__heading h2{margin:.65rem 0 .7rem;color:var(--text-strong);font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,4.7rem);font-weight:400;letter-spacing:-.045em;line-height:.95}
  .obs3-related-series__heading>p:not(.migration-kicker){margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.65}
  .obs3-related-series__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.65rem)}
  .obs3-series-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border-standard);background:var(--surface-base);color:inherit;text-decoration:none;box-shadow:var(--shadow-raised);transition:transform var(--fast) var(--ease),border-color var(--fast),box-shadow var(--fast)}
  .obs3-series-card::after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color var(--fast)}
  .obs3-series-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-fill) 42%,var(--border-standard));box-shadow:var(--shadow-floating)}
  .obs3-series-card:hover::after{border-color:color-mix(in srgb,var(--accent-fill) 28%,transparent)}
  .obs3-series-card:focus-visible{outline:2px solid var(--focus-outer);outline-offset:4px}
  .obs3-series-card__artwork{position:relative;aspect-ratio:1;margin:0;overflow:hidden;background:var(--surface-recessed)}
  .obs3-series-card__artwork::after{content:"";position:absolute;inset:0;border-bottom:1px solid var(--border-standard);pointer-events:none}
  .obs3-series-card__artwork img{width:100%;height:100%;display:block;object-fit:contain;transition:transform var(--slow) var(--ease)}
  .obs3-series-card:hover .obs3-series-card__artwork img{transform:scale(1.012)}
  .obs3-series-card__meta{min-height:104px;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.15rem 1.2rem 1.25rem}
  .obs3-series-card__meta h3{margin:0;color:var(--text-strong);font-family:var(--font-serif);font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:500;letter-spacing:-.025em;line-height:1.1}
  .obs3-series-card__meta h3 span{font-size:.78em;font-weight:400}
  .obs3-series-card__meta p{margin:.42rem 0 0;color:var(--text-muted);font-family:var(--font-mono);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
  .obs3-series-card__action{display:flex;align-items:center;gap:.45rem;flex:0 0 auto;margin-top:.15rem;color:var(--accent-text);font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
  .obs3-series-card__action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--fast) var(--ease)}
  .obs3-series-card:hover .obs3-series-card__action svg{transform:translateX(3px)}

  @keyframes release-cover-glint{0%{opacity:0;transform:translateX(-80%)}35%{opacity:.8}100%{opacity:0;transform:translateX(80%)}}

  @media(max-width:1100px){
    .release-hero-grid{grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:3rem}
    .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .platform-grid a:nth-child(3n){border-right:1px solid var(--border-subtle)}
    .platform-grid a:nth-child(2n){border-right:0}
    .platform-grid a:nth-last-child(-n+3){border-bottom:1px solid var(--border-subtle)}
    .platform-grid a:last-child{border-bottom:0}
    .release-credit-card{grid-template-columns:1fr 1fr}
    .release-credit-card .migration-kicker{grid-column:1/-1}
  }
  @media(max-width:850px){
    .release-hero-grid,.release-statement-grid,.release-section-grid,.release-info-layout{grid-template-columns:1fr}
    .release-statement-heading{position:static}
    .release-statement-copy{max-width:none}
    .release-cover-frame{width:min(88vw,610px)}
    .release-hero-copy{max-width:none}
    .release-section-heading--sticky{position:static}
  }
  @media(max-width:620px){
    .obs3-related-series__grid{grid-template-columns:1fr}
    .obs3-series-card__meta{min-height:0;flex-direction:column;gap:.85rem}
    .obs3-series-card__action{margin-top:0}
    .release-hero-copy h1{font-size:clamp(3.6rem,22vw,6.7rem)}
    .release-actions .button{flex:1 1 100%}
    .release-facts{grid-template-columns:1fr}
    .release-facts>div:nth-child(even){padding-left:0;border-left:0}
    .release-facts>div+div{border-top:1px solid var(--border-subtle)}
    .platform-grid{grid-template-columns:1fr}
    .platform-grid a,.platform-grid a:nth-child(3n),.platform-grid a:nth-child(2n){border-right:0}
    .platform-grid a:not(:last-child){border-bottom:1px solid var(--border-subtle)}
    .release-metadata{grid-template-columns:1fr}
    .release-metadata>div{border-right:0}
    .release-metadata>div:nth-last-child(-n+2){border-bottom:1px solid var(--border-subtle)}
    .release-metadata>div:last-child{border-bottom:0}
    .release-credit-card{grid-template-columns:1fr}
  }

  /* Final editorial sequence: all secondary section titles are centred.
     The hero and catalogue cards are intentionally left unchanged. */
  .release-statement-grid,
  .release-streaming .release-section-grid,
  .release-information .release-info-layout{
    display:block;
  }
  .release-statement-heading,
  .release-streaming .release-section-heading,
  .release-information .release-section-heading{
    position:static;
    max-width:790px;
    margin:0 auto clamp(2rem,5vw,4rem);
    text-align:center;
  }
  .release-statement-heading .migration-kicker,
  .release-streaming .release-section-heading .migration-kicker,
  .release-information .release-section-heading .migration-kicker{
    text-align:center;
  }
  .release-statement-heading h2,
  .release-streaming .release-section-heading h2,
  .release-information .release-section-heading h2{
    max-width:none;
    text-align:center;
    text-wrap:balance;
  }
  .release-statement-accent{
    margin-inline:auto;
  }
  .release-statement-copy{
    max-width:76ch;
    margin-inline:auto;
  }
  .release-streaming .release-section-heading p:not(.migration-kicker),
  .release-information .release-section-heading p:not(.migration-kicker){
    margin-inline:auto;
    text-align:center;
  }
  .release-streaming .streaming-panel,
  .release-information .release-info-content{
    width:min(1120px,100%);
    margin-inline:auto;
  }

  @media(prefers-reduced-motion:reduce){
    .release-cover-frame img,.obs3-series-card,.obs3-series-card__artwork img,.obs3-series-card__action svg{transition:none}
    .release-cover-frame:hover::after{animation:none!important}
    .obs3-series-card:hover,.obs3-series-card:hover .obs3-series-card__artwork img,.obs3-series-card:hover .obs3-series-card__action svg{transform:none}
  }
}

@layer print {
  @media print{
    .release-streaming,.booklet-experience,.obs3-related-series,.release-share-tools{display:none!important}
    .release-hero-grid,.release-statement-grid,.release-info-layout{display:block}
    .release-statement-heading{position:static;margin-bottom:1.5rem}
    .release-cover-frame{width:280px;margin:0 auto 2rem}
    .release-section-heading--sticky{position:static}
    .release-metadata{break-inside:avoid}
  }
}

/* Compact editorial redesign — 2026-08-05.
   Retains all release content and interactions while establishing one clear
   hero and a denser, consistent rhythm for every supporting section. */
@layer components {
  .observers-release-page {
    --obs3-section-space: clamp(3rem, 5.4vw, 4.5rem);
    --obs3-heading-space: clamp(1.15rem, 2.2vw, 1.65rem);
    --obs3-content-gap: clamp(.9rem, 1.8vw, 1.35rem);
  }

  .observers-release-page .section {
    padding-block: var(--obs3-section-space);
  }

  .observers-release-page :is(
    .obs3-related-series__heading,
    .booklet-heading,
    .release-statement-heading,
    .release-section-heading
  ) {
    max-width: 760px;
    margin: 0 auto var(--obs3-heading-space);
    text-align: center;
  }

  .observers-release-page :is(
    .obs3-related-series__heading,
    .booklet-heading,
    .release-statement-heading,
    .release-section-heading
  ) h2 {
    max-width: none;
    margin: .55rem 0 .75rem;
    color: var(--text-strong);
    font-family: var(--font-serif);
    font-size: clamp(2.1rem, 3.2vw, 3rem);
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1;
    text-align: center;
    text-wrap: balance;
  }

  .observers-release-page :is(
    .obs3-related-series__heading,
    .booklet-heading,
    .release-section-heading
  ) > p:not(.migration-kicker) {
    max-width: 48rem;
    margin-inline: auto;
    color: var(--text-muted);
    font-size: .9rem;
    line-height: 1.62;
    text-align: center;
  }

  /* Release hero */
  .release-hero {
    padding-block: clamp(2.75rem, 5.5vw, 4.5rem);
  }

  .release-hero-grid {
    width: min(1080px, 100%);
    grid-template-columns: minmax(340px, 420px) minmax(0, 1fr);
    gap: clamp(2rem, 4vw, 3.75rem);
    align-items: center;
  }

  .release-cover-frame {
    width: min(100%, 420px);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .34);
  }

  .release-cover-frame:hover img {
    transform: scale(1.006);
    filter: none;
  }

  .release-cover-index {
    font-size: clamp(5.5rem, 12vw, 9rem);
    opacity: .16;
  }

  .release-cover-caption {
    margin-top: .7rem;
  }

  .release-hero-copy {
    max-width: 620px;
  }

  .release-hero-copy h1 {
    margin: .65rem 0 .35rem;
    font-size: clamp(4.5rem, 6.4vw, 5.5rem);
    line-height: .86;
  }

  .release-lead {
    max-width: 45rem;
    margin-top: 1rem;
    color: var(--text-body);
    font-size: clamp(.95rem, 1.2vw, 1rem);
    line-height: 1.62;
  }

  .release-taxonomy {
    display: grid;
    gap: .42rem;
    margin-top: 1rem;
    padding: .8rem .9rem;
    border-left: 2px solid var(--accent-fill);
    background: color-mix(in srgb, var(--surface-recessed) 76%, transparent);
  }

  .release-taxonomy p {
    display: grid;
    grid-template-columns: 4.6rem minmax(0, 1fr);
    gap: .65rem;
    color: var(--text-muted);
    font-size: .78rem;
    line-height: 1.45;
  }

  .release-taxonomy strong {
    color: var(--text-strong);
    font-family: var(--font-mono);
    font-size: .55rem;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  .release-player {
    max-width: 480px;
    margin-top: 1rem;
  }

  .release-player__heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .48rem;
  }

  .release-player__heading h2 {
    margin: 0;
    color: var(--text-strong);
    font-family: var(--font-mono);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.35;
    text-transform: uppercase;
  }

  .release-player__heading a {
    flex: 0 0 auto;
    color: var(--accent-text);
    font-family: var(--font-mono);
    font-size: .52rem;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
  }

  .release-player__frame {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid var(--border-standard);
    background: #000;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .28);
  }

  .release-player__frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }

  .release-actions {
    gap: .5rem;
    margin-top: 1rem;
  }

  .release-actions .button {
    min-height: 42px;
    padding: .7rem .9rem;
    font-size: .58rem;
  }

  .release-facts {
    margin-top: 1.25rem;
  }

  .release-facts > div {
    padding: .65rem .75rem .65rem 0;
  }

  .release-facts > div:nth-child(even) {
    padding-left: .75rem;
  }

  .release-facts dd {
    margin-top: .2rem;
    font-size: .8rem;
  }

  .release-share-tools {
    gap: .8rem;
    margin-top: .9rem;
  }

  .release-tool-status {
    margin-top: .4rem;
  }

  /* Related catalogue */
  .obs3-related-series__inner {
    max-width: 820px;
  }

  .obs3-related-series__grid {
    gap: clamp(.85rem, 1.8vw, 1.2rem);
  }

  .obs3-series-card {
    box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
  }

  .obs3-series-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
  }

  .obs3-series-card__meta {
    min-height: 76px;
    gap: .8rem;
    padding: .8rem .9rem .85rem;
  }

  .obs3-series-card__meta h3 {
    font-size: clamp(1.05rem, 1.8vw, 1.3rem);
  }

  .obs3-series-card__meta p {
    margin-top: .3rem;
    font-size: .51rem;
  }

  .obs3-series-card__action {
    font-size: .5rem;
  }

  /* Official statement */
  .release-statement-heading {
    position: static;
  }

  .release-statement-accent {
    width: 60px;
    margin: 1rem auto 0;
  }

  .release-statement-copy {
    max-width: 900px;
    margin-inline: auto;
  }

  .release-statement-copy > .lang-en,
  .release-statement-copy > .lang-ja {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem 2rem;
    align-items: start;
  }

  .release-statement-copy p {
    font-size: clamp(.94rem, 1vw, 1rem);
    line-height: 1.66;
  }

  .release-statement-copy p + p {
    margin-top: 0;
  }

  .release-statement-copy .release-statement-credit {
    grid-column: 1 / -1;
    margin-top: .15rem;
    padding-top: .85rem;
    font-size: .61rem;
    line-height: 1.62;
  }

  .release-context-links {
    width: min(900px, 100%);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin: 1.25rem auto 0;
  }

  .release-context-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 48px;
    padding: .7rem .85rem;
    border: 1px solid var(--border-standard);
    background: color-mix(in srgb, var(--surface-raised) 55%, transparent);
    color: var(--text-body);
    font-size: .76rem;
    line-height: 1.4;
    text-decoration: none;
    transition: border-color var(--fast), color var(--fast), transform var(--fast);
  }

  .release-context-links a::after {
    content: "→";
    flex: 0 0 auto;
    color: var(--accent-text);
  }

  .release-context-links a:hover {
    border-color: var(--border-emphasis);
    color: var(--text-strong);
    transform: translateY(-1px);
  }

  /* Digital edition */
  .release-streaming .release-section-grid,
  .release-information .release-info-layout {
    display: block;
  }

  .release-streaming .streaming-panel {
    width: min(960px, 100%);
    margin-inline: auto;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
  }

  .streaming-master {
    min-height: 52px;
    padding: .7rem .9rem;
  }

  .streaming-master strong {
    font-size: .9rem;
  }

  .platform-grid a {
    min-height: 48px;
    padding: .58rem .75rem;
    font-size: .57rem;
  }

  /* Catalogue record */
  .release-information .release-info-content {
    width: min(1120px, 100%);
    display: grid;
    grid-template-columns: minmax(280px, .36fr) minmax(0, .64fr);
    gap: 1rem;
    margin-inline: auto;
    align-items: start;
  }

  .release-metadata {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .release-metadata > div {
    min-width: 0;
    padding: .62rem .7rem;
  }

  .release-metadata dt {
    font-size: .49rem;
  }

  .release-metadata dd {
    margin-top: .2rem;
    overflow-wrap: anywhere;
    font-size: .76rem;
    line-height: 1.35;
  }

  .release-track-details {
    margin-top: 0;
  }

  .release-track-summary {
    padding: .64rem .8rem;
    font-size: .58rem;
  }

  .tracklist-wrapper {
    padding: 0 .65rem .65rem;
  }

  .tracklist {
    font-size: .69rem;
  }

  .tracklist th,
  .tracklist td {
    padding: .48rem .55rem;
    line-height: 1.32;
  }

  .tracklist th {
    font-size: .49rem;
  }

  .release-credit-card {
    grid-column: 1 / -1;
    grid-template-columns: .28fr 1fr 1fr;
    gap: .8rem;
    padding: .8rem .9rem;
  }

  .release-credit-card p {
    font-size: .7rem;
    line-height: 1.45;
  }

  a.ius-header-button {
    text-decoration: none;
  }

  @media (max-width: 1050px) {
    .release-hero-grid {
      grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
      gap: 2.5rem;
    }

    .release-cover-frame {
      width: min(100%, 380px);
    }

    .release-hero-copy h1 {
      font-size: clamp(4rem, 7vw, 5rem);
    }

    .release-information .release-info-content {
      grid-template-columns: minmax(260px, .42fr) minmax(0, .58fr);
    }

    .release-metadata {
      grid-template-columns: 1fr;
    }

    .release-metadata > div,
    .release-metadata > div:nth-child(2n),
    .release-metadata > div:nth-last-child(-n+2) {
      border-right: 0;
      border-bottom: 1px solid var(--border-subtle);
    }

    .release-metadata > div:last-child {
      border-bottom: 0;
    }
  }

  @media (max-width: 850px) {
    .release-hero-grid {
      width: min(680px, 100%);
      grid-template-columns: 1fr;
      gap: 2rem;
    }

    .release-cover-frame {
      width: min(78vw, 420px);
    }

    .release-hero-copy {
      max-width: 680px;
      text-align: left;
    }

    .release-player {
      max-width: 560px;
    }

    .release-information .release-info-content {
      grid-template-columns: 1fr;
    }

    .release-metadata {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .release-metadata > div {
      border-right: 1px solid var(--border-subtle);
    }

    .release-metadata > div:nth-child(2n) {
      border-right: 0;
    }

    .release-metadata > div:nth-last-child(-n+2) {
      border-bottom: 0;
    }
  }

  @media (max-width: 680px) {
    .observers-release-page {
      --obs3-section-space: 3rem;
    }

    .release-hero {
      padding-block: 2.2rem 3rem;
    }

    .release-cover-frame {
      width: min(86vw, 390px);
    }

    .release-hero-copy h1 {
      font-size: clamp(3.65rem, 17vw, 5rem);
    }

    .release-taxonomy p {
      grid-template-columns: 4rem minmax(0, 1fr);
      font-size: .73rem;
    }

    .release-player__heading {
      display: block;
    }

    .release-player__heading a {
      display: inline-block;
      margin-top: .3rem;
    }

    .obs3-related-series__grid {
      grid-template-columns: 1fr;
    }

    .obs3-series-card {
      display: grid;
      grid-template-columns: 128px minmax(0, 1fr);
      align-items: stretch;
    }

    .obs3-series-card__artwork {
      aspect-ratio: 1;
    }

    .obs3-series-card__artwork::after {
      border-right: 1px solid var(--border-standard);
      border-bottom: 0;
    }

    .obs3-series-card__meta {
      min-height: 128px;
      flex-direction: column;
      justify-content: center;
      gap: .65rem;
      padding: .8rem;
    }

    .obs3-series-card__action {
      margin-top: 0;
      white-space: normal;
    }

    .release-statement-copy > .lang-en,
    .release-statement-copy > .lang-ja {
      display: block;
    }

    .release-statement-copy p + p {
      margin-top: 1rem;
    }

    .release-statement-copy .release-statement-credit {
      margin-top: 1rem;
    }

    .release-context-links {
      grid-template-columns: 1fr;
    }

    .platform-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .platform-grid a,
    .platform-grid a:nth-child(3n),
    .platform-grid a:nth-child(2n) {
      border-right: 1px solid var(--border-subtle);
      border-bottom: 1px solid var(--border-subtle);
    }

    .platform-grid a:nth-child(2n) {
      border-right: 0;
    }

    .platform-grid a:last-child {
      border-bottom: 0;
    }

    .release-metadata {
      grid-template-columns: 1fr;
    }

    .release-metadata > div,
    .release-metadata > div:nth-child(2n),
    .release-metadata > div:nth-last-child(-n+2) {
      border-right: 0;
      border-bottom: 1px solid var(--border-subtle);
    }

    .release-metadata > div:last-child {
      border-bottom: 0;
    }

    .release-credit-card {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 430px) {
    .obs3-series-card {
      grid-template-columns: 112px minmax(0, 1fr);
    }

    .obs3-series-card__meta {
      min-height: 112px;
    }

    .platform-grid {
      grid-template-columns: 1fr;
    }

    .platform-grid a,
    .platform-grid a:nth-child(2n),
    .platform-grid a:nth-child(3n) {
      border-right: 0;
    }
  }
}

@layer print {
  @media print {
    .release-player,
    .release-context-links {
      display: none !important;
    }
  }
}

@layer components {
  .observers-release-page {
    --obs3-section-space: clamp(3rem, 4.8vw, 4rem);
  }

  @media (min-width: 1101px) {
    .release-hero-copy {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(210px, .7fr);
      column-gap: 1rem;
      align-items: start;
    }

    .release-hero-copy > :is(.migration-kicker, h1, .release-byline, .release-lead, .release-taxonomy) {
      grid-column: 1 / -1;
    }

    .release-player {
      grid-column: 1;
      width: 100%;
      margin-top: .75rem;
    }

    .release-actions {
      grid-column: 2;
      align-self: stretch;
      flex-direction: column;
      margin-top: .75rem;
    }

    .release-actions .button {
      width: 100%;
      flex: 1 1 auto;
      min-height: 48px;
    }

    .release-facts,
    .release-share-tools,
    .release-tool-status {
      grid-column: 1 / -1;
    }
  }
}

@layer components {
  @media (max-width: 680px) {
    .release-hero-copy h1 {
      font-size: clamp(2.75rem, 12.5vw, 3.4rem);
      line-height: .9;
      letter-spacing: -.055em;
      white-space: nowrap;
    }

    .release-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: .5rem;
    }

    .release-actions .button:first-child {
      grid-column: 1 / -1;
    }

    .release-actions .button {
      width: 100%;
      min-width: 0;
      text-align: center;
    }
  }

  @media (max-width: 360px) {
    .release-hero-copy h1 {
      font-size: clamp(2.35rem, 12vw, 2.8rem);
    }
  }
}