/* Opening → release: full-bleed illustration, held panel, printed release spread. */
.opening.scroll-ready{height:290svh}
.opening-stage{min-height:560px}
.opening-tools{display:flex;align-items:center;gap:24px}
.opening-motion{background:transparent;color:#c6c6c6;border:0;border-bottom:1px solid #ffffff45;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;min-height:44px;padding:10px 0}
.opening-motion[hidden]{display:none}.opening-motion:disabled{border-color:transparent;color:#aaa}
.opening-gutters{position:absolute;inset:0;pointer-events:none;z-index:0}
.opening-gutters i{position:absolute;display:block;background:var(--black)}
.gutter-top,.gutter-bottom{left:0;right:0;height:8%;transform:scaleY(0)}
.gutter-top{top:0;transform-origin:top}.gutter-bottom{bottom:0;transform-origin:bottom}
.gutter-left,.gutter-right{top:0;bottom:0;width:4%;transform:scaleX(0)}
.gutter-left{left:0;transform-origin:left}.gutter-right{right:0;transform-origin:right}
.opening-gutters .opening-panel-border{inset:8% 4%;background:none;border:0;opacity:0}
.opening-phase,.opening-controls,.opening-timeline{z-index:1}
.opening-phase-b{max-width:1100px;align-items:center}
.opening-phase-b h2{font-size:clamp(66px,7.8vw,118px);max-width:950px;line-height:.92;letter-spacing:-.025em}
.opening-phase-b em{color:var(--paper)}
.opening-phase-b .eyebrow{font-size:10px}.opening-phase-b p{max-width:36ch;margin-top:22px}
.opening-static{height:auto!important}.opening-static .opening-canvas{display:none}
.opening-static .opening-phase-b,.opening-static .opening-gutters,.opening-static .opening-timeline,.opening-static .scroll-cue{display:none}
.opening-static .opening-controls{bottom:32px}
html:has(.opening){scroll-padding-top:0}
.signature-release{width:100%;max-width:none;padding:clamp(64px,8vw,130px) 0;background:#efefef;color:#080808;overflow:hidden;scroll-margin-top:0}
.signature-release .release-feature{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:clamp(40px,7vw,112px);align-items:center}
.signature-release .cover-art{padding:0;margin:0 12px 12px 0;border:0;transform-origin:50% 85%}
.signature-release .cover-art>img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 2px 2px #08080826) drop-shadow(0 10px 14px #08080826)}
.signature-release .cover-art.has-tilt{isolation:isolate}
.signature-release .cover-art.has-tilt>img:not(.record-tilt-shadow){filter:drop-shadow(0 2px 2px #08080826)}
.signature-release .cover-art>.record-tilt-shadow{position:absolute;inset:0;z-index:-1;pointer-events:none;filter:brightness(0) blur(12px);opacity:.17;transform-origin:50% 50%}
.signature-release .release-details{min-width:0;position:relative;padding-block:10px}
.signature-release .release-details>.eyebrow{font-size:10px;letter-spacing:.13em;color:#3d3d3d}
.signature-release .release-details h2{font-size:clamp(80px,10.2vw,160px);font-weight:800;line-height:.8;letter-spacing:-.025em;max-width:8ch;overflow-wrap:anywhere;text-wrap:balance;margin:30px 0}
.signature-release .release-details>p{font-size:15px;line-height:1.7;color:#414141;max-width:39ch;margin-bottom:28px}
.signature-release .release-meta{color:#080808;border-color:#08080830;font-size:11px;padding-block:15px;gap:22px}
.signature-release .release-meta>span:first-child{color:#555;flex:none}.signature-release .release-meta>span:last-child{text-align:right;color:#333}
.signature-release .button{min-width:220px}
.signature-release .actions{margin-top:26px}.signature-release .preview-action{margin-top:14px}

.signature-release :focus-visible{outline-color:#080808}
@media(hover:hover) and (pointer:fine){.opening-motion:not(:disabled):hover{color:#fff;border-color:#fff}}
@media(max-width:1000px){.opening-tools{gap:16px}.opening-controls .actions{gap:18px}.signature-release .release-feature{gap:40px}.signature-release .release-details h2{font-size:clamp(76px,11vw,110px)}}
@media(max-width:760px){
  .opening.scroll-ready{height:230svh}.opening-stage{min-height:540px}
  .opening-phase-a h1{width:96%;max-width:480px}
  .opening-phase-b{top:25%;bottom:25%;display:flex}.opening-phase-b h2{font-size:clamp(46px,12vw,78px);line-height:.96;margin:22px 0 18px}
  .opening-phase-b p{font-size:13px;margin-top:16px}.opening-phase-b .eyebrow{font-size:9px}
  .opening-tools{justify-content:space-between;margin-bottom:14px}.opening-tools .scroll-cue{margin:0;font-size:8px}.opening-motion{font-size:8px;min-height:44px}
  .opening-controls{bottom:55px}.opening-controls .actions{gap:16px}
  .opening-timeline{bottom:22px;font-size:8px}.opening-static .opening-tools{margin-bottom:4px;justify-content:flex-start}.opening-static .opening-controls{bottom:24px}
  .signature-release{padding:52px 0 60px}
  .signature-release .release-feature{grid-template-columns:1fr;gap:36px}
  .signature-release .cover-art{max-width:520px;width:calc(100% - 8px);margin:0 8px 8px 0}
  .signature-release .cover-art>img{filter:drop-shadow(0 2px 2px #08080826) drop-shadow(0 6px 10px #08080826)}
  .signature-release .release-details{padding:0}
  .signature-release .release-details h2{font-size:clamp(82px,21vw,140px);max-width:100%;line-height:.88;letter-spacing:-.025em;text-wrap:balance;margin:22px 0}
  .signature-release .release-details>p{font-size:14px;max-width:44ch;margin-bottom:24px}
  .signature-release .release-meta{font-size:10px;padding-block:14px;gap:12px}
  .signature-release .button{width:100%}.signature-release .preview-action{margin-top:14px}
}
@media(max-height:540px) and (orientation:landscape){.opening-stage{min-height:100svh}.opening-phase-b h2{font-size:44px}.opening-phase-b p{display:none}.opening-controls{bottom:30px}.opening-tools .scroll-cue{display:none}.opening-timeline{bottom:12px}.opening-phase-a .opening-logo{max-height:60svh}}
@media(prefers-reduced-motion:reduce){.signature-release [data-signature-reveal]{opacity:1!important;transform:none!important}.opening-gutters{display:none}.opening-static .opening-tools{display:none}}