/* Round-two evidence-led sandbox refinements. Desktop artwork sizing is unchanged. */
.mobile-contact,.mobile-references-link{display:none}
.story-cue{font-size:15px;line-height:1.5;margin:0 0 24px;color:#687077}
#the-work .story-cue{color:#a6afb9}
#work-for-frank .story-cue{color:#cbd5e3}
body.option-a .studio-frank .collaboration-role{font-size:14px!important;line-height:1.5;letter-spacing:0;text-transform:none;max-width:28ch;margin:8px 0}
@media(min-width:761px){
 body.option-a .studio-copy .artist-line{position:absolute!important;left:0!important;right:auto!important;top:auto!important;bottom:100%!important;transform:none!important;writing-mode:horizontal-tb!important;max-height:none!important;width:auto!important;margin:0 0 14px!important;font-size:15px!important;line-height:22px!important;letter-spacing:.03em!important;text-transform:none!important;white-space:nowrap}
}
/* v5: quiet chapter routes and discoverable detail, outside the artwork. */
.editorial-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;margin:12px 0 24px;font-size:15px;line-height:1.5}
.editorial-links a,.archive-index a,.story-inquiry a{color:#eac184;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.editorial-links a,.archive-index a{display:inline-flex;align-items:center;min-height:44px}
.editorial-links a:hover,.archive-index a:hover,.story-inquiry a:hover{color:#fff}
.editorial-links a:focus-visible,.archive-index a:focus-visible,.story-inquiry a:focus-visible{outline:2px solid #eac184;outline-offset:4px}
.archive-index{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center;margin:16px 0 24px;padding-block:12px;border-block:1px solid #ffffff24;font-size:15px;line-height:1.5;scroll-margin-top:24px}
.archive-index>span{color:#cbd5e3;font-size:14px}
.chapter-return{margin:20px 0 0}
#printed-designs,#physical-studies,#frank-wall,#archive-piece-2{scroll-margin-top:28px}
body #the-work .work-story .story-inquiry,body #work-for-frank .work-story .story-inquiry{margin:14px 0 0;font-size:14px;line-height:1.5}
.story-inquiry a{display:inline-flex;align-items:center;min-height:36px}
.catalog-instruction{color:#cbd5e3;font-size:15px!important;line-height:1.5!important;margin:12px 0 0}
body #design-catalog .catalog-date{margin:10px 0 0;font-size:15px;line-height:1.5;color:#cbd5e3;text-align:center}
.catalog-instruction .phone-instruction{display:none}
@media(min-width:761px){
 body #the-work .glass-quartet .glass-story .work-label{width:100%;max-width:none}
 body #the-work .glass-quartet .glass-story .work-label>span:first-child{max-width:none;text-wrap:balance}
 #frank .story-text>.gift-gallery{margin-top:24px}
}
@media(max-width:760px){
 .editorial-links,.archive-index{gap:2px 20px;font-size:14px}
 .archive-index>span{flex-basis:100%}
 .mobile-references-link{text-decoration:underline;text-underline-offset:4px}
 .catalog-instruction .desktop-instruction{display:none}
 .catalog-instruction .phone-instruction{display:inline}
 body #the-work .glass-quartet .glass-story.murrine-feature .work-plate{aspect-ratio:.912125!important}
 .story-inquiry a{min-height:44px}
}
@media(max-width:760px){
 body.option-a .studio-opening .site-nav{position:relative}
 body.option-a .studio-opening .site-nav>a.mobile-contact{display:flex!important;align-items:center;justify-content:center;position:absolute;right:20px;top:16px;min-height:44px;padding:0 4px;font-size:14px!important;color:#eac184}
 body.option-a .studio-copy .artist-line{position:static!important;transform:none!important;writing-mode:horizontal-tb!important;margin:0 0 12px!important;white-space:normal}
 body.option-a .studio-frank .collaboration-role{margin:6px 0}
 .mobile-references-link{display:inline-flex;align-items:center;min-height:44px;color:#eac184;font-size:15px;text-underline-offset:4px}
 .references-disclosure{margin:22px 0 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:4px 0}
 .references-disclosure summary{cursor:pointer;min-height:44px;align-content:center;color:#eac184;font-size:15px}
 .references-disclosure .frank-references{margin:12px 0;padding:0;border:0}
 .references-disclosure .frank-references h3{display:none}
 .references-disclosure .frank-references li{font-size:15px;line-height:1.5;margin-bottom:14px}
 .references-disclosure .frank-references li>span{display:block;font-size:13px}
 .references-disclosure :focus-visible,.mobile-contact:focus-visible,.mobile-references-link:focus-visible{outline:2px solid #eac184;outline-offset:3px}
 /* Portrait images reserve a readable full-row footprint even while closed. */
 body #the-work .glass-story.mobile-portrait{grid-column:1 / -1;width:100%;position:relative}
 body #the-work .glass-story.mobile-portrait .work-plate{width:min(100%,300px)!important;height:auto!important;min-height:0!important;aspect-ratio:var(--glass-ratio);margin-inline:auto}
 body #the-work .glass-story.mobile-portrait .work-plate>img{width:100%!important;height:100%!important}
 body #the-work .glass-story.mobile-portrait .work-label{width:min(100%,300px)!important}
 body #the-work .glass-story,body #work-for-frank .sliding-work{position:relative}
 body #the-work .glass-story[data-image-bounds] .work-story,
 body #work-for-frank .sliding-work[data-image-bounds] .work-story{
  left:var(--sheet-left)!important;right:auto!important;top:auto!important;bottom:var(--sheet-bottom)!important;width:var(--sheet-width)!important;height:var(--sheet-height)!important;max-height:var(--sheet-height)!important;box-sizing:border-box;padding:14px!important;overflow-y:auto;overscroll-behavior:contain;
 }
 body #the-work .glass-story[data-image-bounds] .work-action,
 body #work-for-frank .sliding-work[data-image-bounds] .work-action{left:var(--control-left)!important;right:auto!important;top:var(--control-top)!important}
 body #the-work .glass-story[data-image-bounds] .story-scroll-track,
 body #work-for-frank .sliding-work[data-image-bounds] .story-scroll-track{left:var(--track-left)!important;right:auto!important;top:auto!important;bottom:calc(var(--sheet-bottom) + 12px)!important;height:calc(var(--sheet-height) - 24px)!important}
}
@media(prefers-reduced-motion:reduce){body .sliding-work .work-story{transition:none!important}}
/* v2: explicit closed/open parity beats the legacy expanded-grid selectors. */
@media(max-width:760px){
 body #the-work .glass-story.mobile-portrait,
 body #the-work .work-grid > .glass-story.mobile-portrait.sliding-work.story-open:not(.wide):not(.solo-feature),
 body #the-work .glass-quartet > .glass-story.mobile-portrait.story-open,
 body #the-work .sphere-pair > .glass-story.mobile-portrait.story-open{grid-column:1 / -1!important}
 body.option-a .studio-opening .site-nav .brand{box-sizing:border-box;max-width:calc(100% - 76px)!important;min-height:44px}
}
@media(max-width:380px){
 body.option-a .studio-opening .site-nav .brand{font-size:20px!important;gap:6px!important;white-space:nowrap!important}
 body.option-a .studio-opening .site-nav .brand img{width:36px!important;height:36px!important}
}
/* The portrait-tablet hero uses normal flow rather than desktop coordinates. */
@media(min-width:761px) and (max-width:1100px) and (max-aspect-ratio:1/1){
 body.option-a .studio-copy .artist-line{position:static!important;inset:auto!important;margin:0 0 12px!important;white-space:normal!important}
}
/* v3: desktop prose must scroll, including the shallow landscape archive rows.
   The original plate height is retained in both states; the thumbnail stays visible. */
@media(min-width:761px){
 body.option-a .studio-opening .site-nav>a.mobile-contact{display:none!important}
 body #work-for-frank .sliding-work .work-story,
 body #work-for-frank .sliding-work.story-open .work-story{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
 body #work-for-frank .sliding-work.desktop-short-story.story-open .work-plate>img{width:26%!important;max-width:26%!important;left:1%!important;top:10px!important;height:108px!important}
 body #work-for-frank .sliding-work.desktop-short-story .work-story,
 body #work-for-frank .sliding-work.desktop-short-story.story-open .work-story{left:29%!important;right:1%!important;top:auto!important;bottom:3px!important;width:70%!important;height:calc(100% - 6px)!important;max-height:calc(100% - 6px)!important;padding:12px!important}
}
/* v7: this long title needs the column, not the narrow portrait's painted width. */
@media(min-width:761px){
 body #work-for-frank #archive-piece-7 .work-label{width:100%;max-width:none}
}