.image-sources { padding-block: 72px; border-top: 1px solid #ffffff24; }
.image-sources h2 { font-size: 32px; line-height: 1.15; margin: 12px 0 32px; }
.source-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 56px; }
.source-list article { border-top: 1px solid #ffffff24; padding-top: 16px; }
.source-list a { font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.source-list p, .image-sources > p { font-size: 14px; line-height: 1.65; max-width: 760px; margin-top: 10px; color: #a4aaa5; }
.film-credit a { text-underline-offset: 3px; }
.source-preview { width:100%; aspect-ratio: 3 / 2; object-fit: contain; background:#060808; }
@media(max-width:700px) { .source-list { grid-template-columns:1fr; gap:24px; } .image-sources { padding-block:48px; } }

/* A quieter gallery rhythm, with the photograph and physical work in focus. */
.opening-copy { width:49%; padding-top:145px; }
.opening h1 { font-size:112px; line-height:.87; }
.opening h1 .title-second { margin:8px 0 0; }
.opening-offer { display:block; margin-top:18px; max-width:390px; }
.opening-offer>p { font-size:31px; line-height:1.12; margin-bottom:22px; }
.opening-offer .small { display:block; font-size:14px; }
.opening-offer .light-button { margin-top:22px; }
.opening-image img { object-position:center top; }
.price-note { font-size:14px; }
.prologue { padding-block:84px 64px; }
.prologue h2 { font-size:70px; }
.prologue-foot { margin-top:50px; }
.universe-copy h2 { font-size:66px; }
.featured-work { display:grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); border-bottom:1px solid var(--line); background:#080b0b; }
.featured-visual { position:relative; min-height:720px; overflow:hidden; display:grid; place-items:center; }
.featured-visual>img { width:100%; height:620px; object-fit:contain; padding:55px 28px; transition:opacity .3s; }
.featured-visual[data-view="room"]>img { object-fit:cover; padding:0; }
.featured-visual[data-view="print"]>img { padding:44px 60px 100px; }
#featured-caption { position:absolute; bottom:91px; left:30px; font-size:14px; color:#b5bdb8; }
.featured-views { position:absolute; bottom:30px; left:30px; right:30px; display:flex; border-top:1px solid #ffffff30; padding-top:15px; gap:25px; }
.featured-views button { display:flex; gap:8px; align-items:center; min-height:36px; font-size:14px; color:#949c98; padding:0; }
.featured-views button[aria-pressed="true"] { color:white; }
.featured-views svg { width:15px; height:15px; }
.featured-copy { padding:90px 64px; align-self:center; }
.featured-copy h2 { font-size:54px; line-height:1.07; margin:26px 0; }
.featured-copy>p:not(.eyebrow) { font-size:14px; line-height:1.9; color:#b6bfba; margin:16px 0; max-width:410px; }
.featured-copy dl { margin:28px 0; font-size:14px; }
.featured-copy dl>div { display:flex; gap:20px; justify-content:space-between; padding:12px 0; border-bottom:1px solid #ffffff22; }
.featured-copy dt { color:#96a19b; }.featured-copy dd { margin:0; text-align:right; }
.featured-copy .featured-credit { font-size:14px!important; max-width:340px; }
.featured-copy .featured-price { margin-top:12px!important; color:#e5e9e3!important; }
.collection-heading h2 { font-size:58px; }
.artwork-image { aspect-ratio:1.16; }
.artwork-image img { padding:16px; }
.artwork:disabled { cursor:default; }
.unavailable-photo { display:grid;place-items:center;height:100%;font-size:14px; }
.studio-art { background:#080c0b; padding-top:76px; }
.studio-content h2 { font-size:48px; }
.studio-art.proof>img { box-shadow:0 14px 34px #0005; }
.art-view-modes { position:absolute; top:20px; left:28px; right:28px; display:flex; align-items:center; gap:20px; z-index:2; }
.art-view-modes>button:not(.icon-button) { font-size:14px; padding:12px 0; color:#929f98; border-bottom:1px solid transparent; }
.art-view-modes>button[aria-pressed="true"] { color:#f0f1ed; border-color:#f0f1ed; }
.art-view-modes .icon-button { margin-left:auto; }
.studio-art.source>img { box-shadow:none; width:100%; height:auto; }
#art-zoom { background:#060909f7; padding:60px 40px 50px; overflow:auto; }
#zoom-image { height:calc(100dvh - 125px); width:100%; object-fit:contain; }
#close-art-zoom { position:fixed; right:20px; top:14px; background:#222a26; }
#zoom-caption { text-align:center; font-size:14px; color:#b3bdb7; padding-top:18px; }
#purchase-dock { position:fixed; bottom:0; left:0; right:0; z-index:15; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:14px var(--gutter); background:#eff0ec; color:#15211b; border-top:1px solid #1d34282e; box-shadow:0 -5px 30px #0002; }
#purchase-dock strong { font:24px var(--serif); font-weight:400; }
#purchase-dock [data-from] { font-size:14px; display:block; margin-top:3px; }
#purchase-dock .light-button { background:#16271f; color:#f4f5ef; min-height:44px; padding:12px 20px; }
body:has(#purchase-dock:not([hidden]))>footer { padding-bottom:125px; }
body.studio-open #purchase-dock, body.cinema-open #purchase-dock { display:none; }
.cinema-product img { object-position:center top; }
.film-credit { display:none; }
@media(min-width:1700px) { .opening h1{font-size:138px}.opening-copy{padding-top:170px}.opening-offer{margin-top:28px}.opening-offer>p{font-size:37px}.opening-offer .small{font-size:14px} }
@media(min-width:701px) and (max-height:780px) { .opening-copy{padding-top:118px}.opening h1{font-size:92px}.opening-offer>p{font-size:26px;margin-bottom:14px}.opening-offer .light-button{margin-top:15px}.opening{min-height:660px} }
@media(max-width:1000px) { .featured-copy{padding:55px 30px}.featured-copy h2{font-size:44px}.featured-visual{min-height:680px}.featured-visual>img{height:570px}.opening h1{font-size:90px}.opening-copy{width:52%}.opening-offer>p{font-size:27px}.opening-offer .small{font-size:14px} }
@media(max-width:700px) {
  .opening{min-height:720px;height:calc(100svh - 24px)}.opening-copy{width:100%;padding-top:101px}.opening h1{font-size:68px;line-height:.82;max-width:none}.opening h1>span{display:inline}.opening h1 .title-second{display:block;margin:10px 0 0 52px}.opening-copy>.eyebrow{max-width:250px;font-size:14px;margin-bottom:20px}
  .opening-image{top:226px;bottom:188px}.opening-image img{object-fit:contain;object-position:center}.opening-offer{display:grid;grid-template-columns:1fr 1.1fr;bottom:76px;max-width:none;margin:0;gap:18px}.opening-offer>p{font-size:22px;line-height:1.17;margin:0}.opening-offer .small{display:none}.opening-offer .light-button{margin:0;font-size:14px;gap:10px;min-height:48px}.price-note{font-size:14px}.opening-bottom{height:52px}
  .prologue h2{font-size:44px}.prologue{padding-block:66px 48px}.prologue-foot{margin-top:35px}.universe-copy h2{font-size:46px;max-width:290px}
  .featured-work{grid-template-columns:1fr}.featured-visual{min-height:0;height:450px}.featured-visual>img{height:390px;padding:20px 5px 65px}.featured-visual[data-view="print"]>img{padding:20px 45px 68px}.featured-visual[data-view="room"]>img{height:365px}.featured-views{left:22px;right:22px;bottom:12px;gap:18px}.featured-views button{font-size:14px;gap:6px}.featured-views svg{width:13px}.featured-copy{padding:35px 22px 52px}.featured-copy h2{font-size:45px;margin-top:20px}#featured-caption{bottom:74px;left:22px;font-size:14px}.collection-heading h2{font-size:44px}.artwork-image{aspect-ratio:1}.artwork-image img{padding:4px}
  .studio-content h2{font-size:38px}.studio-art{padding-top:64px}.art-view-modes{top:10px;left:22px;right:22px;gap:18px}.art-view-modes>button:not(.icon-button){font-size:14px}.studio-layout:has(#edition-panel:not([hidden])) .studio-art,.studio-layout:has(#review-panel:not([hidden])) .studio-art{height:470px}
  #purchase-dock{padding:12px 18px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:12px}#purchase-dock strong{font-size:18px}#purchase-dock [data-from]{font-size:14px}#purchase-dock .light-button{font-size:14px;padding:10px 14px;gap:15px}#purchase-dock svg{width:17px}
  #art-zoom{padding:60px 12px 40px}#zoom-caption{font-size:14px;padding-inline:15px}
}
@media(max-width:370px){.opening h1{font-size:62px}.opening-offer>p{font-size:20px}.featured-copy h2{font-size:39px}.featured-views{gap:12px}.featured-views button{font-size:14px}}

/* The logo in "The photograph" button had no size of its own, so on a phone
   it grew to the image's full 256 px, covered the photograph and pushed the
   three view labels on top of each other (reported 2026-10-24). */
.featured-views .logo-mark{width:18px;height:18px;flex:0 0 18px;object-fit:contain;border-radius:50%}
.featured-views button{white-space:nowrap}
@media(max-width:700px){.featured-views{gap:14px;flex-wrap:nowrap}}
