.option-a .studio-frank strong{font-family:'Segoe UI',Arial,sans-serif!important;font-weight:600!important;color:#eac184!important}
.option-a .studio-copy h1>br.hb{display:block!important}
.option-a .studio-copy h1{white-space:nowrap;max-width:none!important}
@media(min-width:761px){.option-a .studio-copy{width:60%!important}.option-a .studio-copy h1{font-size:clamp(22px,2.7vw,46px)!important;line-height:1.12!important}.option-a .studio-frank b{display:inline-flex;align-items:center;justify-content:center;font-family:'Archivo Narrow',system-ui,sans-serif!important;font-size:max(13px,.85vw)!important;font-weight:400!important;letter-spacing:.06em;line-height:1.3!important;box-sizing:border-box;min-height:44px;padding:.7em 1.15em;border:1px solid rgba(206,221,238,.5)!important;border-radius:40px;background:transparent;color:#f2f6fb!important}.option-a .studio-frank b::after{content:none!important}}
.home-return{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:40;display:flex;align-items:center;gap:7px;min-height:44px;padding:4px 12px 4px 6px;border:1px solid #667285;border-radius:24px;background:#09172df2;color:#fff;text-decoration:none;font:600 14px/1.2 'Segoe UI',Arial,sans-serif;box-shadow:0 2px 12px #0003}
.home-return[hidden]{display:none}.home-return img{width:32px;height:32px;object-fit:contain}.home-return:focus-visible{outline:2px solid #eac184;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.frank-heading-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:32px;align-items:start;margin-bottom:38px}
.frank-heading-row .band-head{margin-bottom:0}
.frank-heading-row .frank-references{margin:0;padding:0;border:0;max-width:none}
.frank-heading-row .frank-references h3{font:600 13px/18px 'Segoe UI',Arial,sans-serif;letter-spacing:.08em;color:#d4c6aa;margin:0 0 4px}
.frank-heading-row .frank-references ul{gap:0}
.frank-heading-row .frank-references li{padding:10px 0;border-bottom:1px solid #ffffff18;font-size:15px;line-height:21px}
.frank-heading-row .frank-references li:last-child{border-bottom:0}
.frank-heading-row .frank-references a{text-decoration:none;border-bottom:0}
.frank-heading-row .frank-references li>a{display:block;color:#f0f3f6}
.frank-heading-row .frank-references li>a::after{content:' \2197';color:#d4c6aa;font-size:12px}
.frank-heading-row .frank-references a:hover{color:#eac184}
.frank-heading-row .frank-references a:focus-visible{outline:2px solid #eac184;outline-offset:4px}
.frank-heading-row .frank-references li>span{font-size:13px;line-height:18px;color:#b8c4d2;opacity:1}
body .frank-note{border:1px solid rgba(231,188,121,.25);background:rgba(231,188,121,.035);border-radius:6px;padding:22px;font-style:italic}
body .frank-note p,body .frank-note li,body .frank-note b,body .frank-note span{font-style:italic!important}
body .frank-honours{list-style:none;padding:0}body .frank-honours li::before{content:none}
@media(max-width:999px){.frank-heading-row{grid-template-columns:1fr;gap:24px}.frank-heading-row .frank-references{max-width:520px}body .frank-note{padding:16px}}
@media(max-width:760px){
 .home-return{display:none!important}
 #the-work .band-quotes{margin-top:28px;padding-left:14px}
 #the-work .band-quotes p{font-size:16px!important;line-height:24px!important;font-weight:400!important}
}
body #why-glass{background:#14233b!important}
body #why-glass h3.origin-sub{color:#fff!important}
body .frank-note .fn-who .frank-note-quote{font-size:15px!important;line-height:22px!important;font-weight:700!important;font-style:italic!important;text-align:right!important;margin:10px 0 0!important;width:100%}
body .frank-note .fn-who .frank-note-quote span{font-size:12px!important;line-height:18px!important;font-weight:400!important}
.option-a .studio-frank b{display:inline-flex!important;align-items:center;justify-content:center;font-size:14px!important;line-height:20px!important;padding:0 18px!important;min-height:44px;box-sizing:border-box}
@media(max-width:760px){
 body .frank-note .fn-who .frank-note-quote{font-size:13px!important;line-height:19px!important}
 body .frank-note .fn-who .frank-note-quote span{font-size:11px!important;line-height:16px!important}
 .option-a .studio-opening{padding-bottom:calc(100vw + 20px)!important}
}

/* One frame and one state treatment for all three invitations. The slim
   visible frame sits inside a stable 44px interaction area. */
body.option-a .studio-actions > a,
body.option-a .studio-frank b{
 position:relative;isolation:isolate;display:inline-flex!important;
 align-items:center;justify-content:center;box-sizing:border-box;
 height:44px;min-height:44px!important;padding-block:0!important;
 line-height:20px!important;border:1px solid transparent!important;
 background:transparent!important;box-shadow:none!important;
 color:#f2f6fb!important;transform:none!important;
}
body.option-a .studio-actions > a::before,
body.option-a .studio-frank b::before{
 content:'';position:absolute;inset:5px 0;z-index:-1;pointer-events:none;
 box-sizing:border-box;border:1px solid rgba(206,221,238,.5);border-radius:24px;
 background:rgba(28,48,70,.25);transition:background-color .15s,border-color .15s;
}
body.option-a .studio-actions > a::after,
body.option-a .studio-frank b::after{content:none!important}
body.option-a .studio-frank:hover{border-top-color:rgba(206,221,238,.25)}
body.option-a .studio-actions > a:focus-visible,
body.option-a .studio-frank:focus-visible{outline:none}
body.option-a .studio-actions > a:focus-visible::before,
body.option-a .studio-frank:focus-visible b::before{
 border:2px solid #eac184;outline:none;
 background:rgba(234,193,132,.16);
}
@media(hover:hover){
 body.option-a .studio-actions > a:hover::before,
 body.option-a .studio-frank:hover b::before{
  border-color:#eac184;background:rgba(234,193,132,.16);
 }
}
@media(min-width:761px){
 body.option-a .studio-opening{background-position:center calc(100% + 28px)}
}
.section-home{display:none}
/* Keep the biography and its quotation on exactly the same text measure. */
body .frank-note .fn-who{width:100%;max-width:62ch;min-width:0}
body .frank-note .fn-who > p{box-sizing:border-box;width:100%;max-width:none;padding-inline:0}
@media(max-width:760px){
 .section-home{display:flex;align-items:center;gap:6px;width:fit-content;
  min-height:44px;margin:20px 0 0;color:#cbd5e3;font:14px/20px 'Segoe UI',Arial,sans-serif;text-decoration:none}
 .section-home:focus-visible{outline:2px solid #eac184;outline-offset:3px}
 body .frank-intro .frank-note{display:block;padding:20px;}
 body .frank-intro .frank-note .fn-who > p:not(.frank-note-quote){
  font-size:15px!important;line-height:23px!important;margin:0 0 16px;
 }
 body .frank-intro .frank-note .fn-name{display:block;font-size:17px!important;line-height:24px!important;margin-bottom:4px}
 body .frank-intro .frank-note .frank-honours{margin:22px 0 0;padding:16px 0 0;border-top:1px solid rgba(231,188,121,.18)}
 body .frank-intro .frank-note .frank-honours li{font-size:14px!important;line-height:21px!important;margin:0 0 14px;padding:0}
 body .frank-intro .frank-note .frank-honours li:last-child{margin:0}
 body .frank-intro .frank-note .frank-honours b{display:inline}
}
@media(prefers-reduced-motion:reduce){
 body.option-a .studio-actions > a::before,body.option-a .studio-frank b::before{transition:none}
}

.section-home img{display:block;width:24px;height:24px;object-fit:contain}
/* Phone refinements: supporting name, consistent story controls, and contact card. */
@media(max-width:760px){
 body.option-a .studio-frank strong{font-size:20px!important;line-height:25px!important}
 body #work-for-frank .sliding-work{position:relative}
 body #work-for-frank .sliding-work .work-label{position:static;display:block;padding:6px 0;text-align:center}
 body #work-for-frank .sliding-work .work-label>span:first-child{display:block;width:100%;max-width:none}
 body #work-for-frank .sliding-work .work-action,
 body #the-work .glass-story .work-action{position:absolute;top:8px;right:8px;z-index:5;box-sizing:border-box;width:44px;height:44px;margin:0;background:rgba(6,16,40,.9);border:1px solid #bca16f;border-radius:50%}
 body .gia-ask{box-sizing:border-box;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:calc(100vw - 32px);max-width:360px;max-height:calc(100dvh - 48px);overflow:auto;padding:50px 20px 20px;background:#e8e1d5;color:#26313b;border:1px solid #b9ae9c;border-radius:16px;box-shadow:0 12px 44px #0005;font:16px/24px 'Segoe UI',Arial,sans-serif}
 body .gia-ask p{margin:0 0 10px;text-wrap:balance}
 body .gia-ask-mail{display:flex;align-items:center;min-height:44px;width:fit-content;color:#614416;text-decoration:underline;text-underline-offset:3px;font-size:16px;overflow-wrap:anywhere}
 body .gia-ask-close{display:flex;align-items:center;justify-content:center;top:4px;right:4px;width:44px;height:44px;padding:0;color:#26313b;font:28px/1 Arial,sans-serif}
 body .gia-ask :focus-visible{outline:2px solid #6a4a1b;outline-offset:2px}
}
@media(max-width:760px){
 body #work-for-frank .sliding-work.story-open .work-story,
 body #the-work .glass-story.story-open .work-story{padding:16px!important}

}
@media(max-width:760px){
 body #work-for-frank .sheets>h3,
 body #work-for-frank .after>h3,
 body #work-for-frank .collection>h3{font-size:24px!important;line-height:30px!important;color:#f4f2ec!important;margin-bottom:12px;text-wrap:balance}
}
/* Keep the artwork context visible while the story rises within its image. */
@media(max-width:760px){
 body #the-work .glass-story .work-plate,
 body #work-for-frank .sliding-work .work-plate{--story-art-strip:clamp(56px,22%,84px)}
 body #the-work .glass-story .work-story,
 body #work-for-frank .sliding-work .work-story,
 body #the-work .glass-story.story-open .work-story,
 body #work-for-frank .sliding-work.story-open .work-story{top:auto;bottom:0;height:auto;max-height:calc(100% - var(--story-art-strip))!important;padding:16px!important;transform:translateY(102%);visibility:hidden;pointer-events:none;transition:transform .3s ease,visibility 0s linear .3s!important}

 body #the-work .glass-story.story-open .work-story,
 body #work-for-frank .sliding-work.story-open .work-story{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .3s ease,visibility 0s!important}
 body #the-work .glass-story .work-story::before,
 body #work-for-frank .sliding-work .work-story::before{content:none}
 body #the-work .glass-story.story-open .story-scroll-track:not([hidden]),
 body #work-for-frank .sliding-work.story-open .story-scroll-track:not([hidden]){display:block;position:absolute;z-index:4;right:5px;top:calc(var(--story-art-strip) + 12px);bottom:12px;width:3px;border-radius:3px;background:rgba(234,193,132,.18);pointer-events:none}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
 body #the-work .glass-story .work-story,
 body #work-for-frank .sliding-work .work-story{transition:none!important}
}
@media(max-width:760px){
 body #the-work .glass-story .work-story,
 body #work-for-frank .sliding-work .work-story,
 body #the-work .glass-story.story-open .work-story,
 body #work-for-frank .sliding-work.story-open .work-story{left:1%;right:1%;bottom:2px;width:98%;max-height:calc(100% - var(--story-art-strip) - 2px)!important;border-radius:4px 4px 2px 2px}
}
/* The same inset sheet language on desktop; archive thumbnails remain above it. */
@media(min-width:761px){
 body #the-work .glass-story .work-story,
 body #work-for-frank .sliding-work .work-story{left:1%;right:1%;bottom:3px;width:98%;box-sizing:border-box;border-radius:8px 8px 4px 4px;transform:translateY(103%);visibility:hidden;pointer-events:none;transition:transform .3s ease,visibility 0s linear .3s!important}
 body #the-work .glass-story .work-story{max-height:calc(100% - 56px)!important}
 body #work-for-frank .sliding-work .work-story,
 body #work-for-frank .sliding-work.story-open .work-story{max-height:calc(100% - 126px)!important}
 body #the-work .glass-story.story-open .work-story,
 body #work-for-frank .sliding-work.story-open .work-story{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .3s ease,visibility 0s!important}
}
body #work-for-frank .wall-note{max-width:680px;margin:48px auto 16px;padding:24px 0 0;text-align:center;text-wrap:balance;color:#f4f2ec}
body #work-for-frank .wall-note::before{content:'';display:block;width:48px;height:1px;margin:0 auto 20px;background:#eac184}
body #work-for-frank .wall-note strong{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:30px;line-height:38px;font-weight:400;text-wrap:balance}
body #work-for-frank .wall-note span{display:block;margin-top:12px;color:#cbd5e3;font-size:16px;line-height:24px;text-wrap:balance}
@media(max-width:760px){
 body #work-for-frank .wall-note{margin-top:32px;max-width:32ch}
 body #work-for-frank .wall-note strong{font-size:24px;line-height:30px}
}
@media(prefers-reduced-motion:reduce){
 body #the-work .glass-story .work-story,
 body #work-for-frank .sliding-work .work-story{transition:none!important}
}
/* Stronger phone headline; compact marks retain comfortable invisible tap areas. */
@media(max-width:760px){
 body.option-a .studio-copy h1{font-size:clamp(27px,7.2vw,30px)!important;line-height:1.1!important;letter-spacing:-.45px;text-wrap:balance}
 body #work-for-frank .sliding-work .work-action,
 body #the-work .glass-story .work-action{border:0;background:radial-gradient(circle at center,rgba(6,16,40,.9) 0 12px,#bca16f 12px 13px,transparent 13px);border-radius:0}
 body #work-for-frank .sliding-work .work-action::before,
 body #work-for-frank .sliding-work .work-action::after,
 body #the-work .glass-story .work-action::before,
 body #the-work .glass-story .work-action::after{width:10px;height:1.5px}
}
/* Story prose uses the available sheet width; no obsolete close-button spacer. */
body #the-work .glass-story .work-story,
body #the-work .glass-story.story-open .work-story,
body #work-for-frank .sliding-work .work-story,
body #work-for-frank .sliding-work.story-open .work-story{scrollbar-gutter:auto}
body #the-work .glass-story .work-story p,
body #work-for-frank .sliding-work .work-story p{max-width:none;width:auto;text-wrap:wrap;word-break:normal;overflow-wrap:normal}

body .gia-ask:focus{outline:none}
@media(max-width:760px){
 body .gia-ask{width:calc(100vw - 40px);max-width:320px;padding:18px 44px 12px 18px;background:#20334b;color:#f4f2ec;border:1px solid #64758b;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
 body .gia-ask p{margin:0 0 2px;font-size:16px;line-height:24px}
 body .gia-ask-mail{color:#eac184;font-size:15px;line-height:22px;white-space:nowrap}
 body .gia-ask-close{color:#f4f2ec;top:0;right:0}
 body .gia-ask :focus-visible{outline-color:#eac184}
}
/* Exact two-line headline and continuous hero field, without scaling/cropping art. */
body.option-a .studio-opening{background-color:#061028}
@media(max-width:760px){
 body.option-a .studio-copy h1{font-size:var(--hero-title-size,6vw)!important;white-space:nowrap;text-wrap:nowrap}
 body.option-a .studio-opening{background-image:none!important}
 body.option-a .studio-opening::before{content:'';display:block!important;position:absolute;inset:auto 0 0;width:100%;height:auto;aspect-ratio:3 / 5;z-index:-1;pointer-events:none;background:url('/images/staged/studio-portrait-v55.jpg') center bottom / 100% 100% no-repeat;mask-image:linear-gradient(to bottom,transparent,#000 25%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%)}
 body.option-a .studio-opening::after{display:none!important}
}
@media(min-width:761px){
 body.option-a .studio-opening::before{content:'';display:block!important;position:absolute;inset:0 0 auto;width:100%;height:80px;pointer-events:none;background:linear-gradient(#061028 28px,transparent 80px);z-index:0}
}