/* Preserve the existing portrait; give it the full height of the studio band. */
html[data-tail-minimal] #studio#studio#studio .tail-about-inner{--studio-band-height:400px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;min-height:var(--studio-band-height);pointer-events:none}
html[data-tail-minimal] #studio#studio#studio .tail-about-name{grid-column:1/5;grid-row:1;align-self:start;margin:calc(var(--studio-band-height)*.27 - 8.4px) 0 0 var(--studio-name-offset,72px);transform:none;position:relative;z-index:1;color:#E3E3DC;mix-blend-mode:screen;opacity:.56}
html[data-tail-minimal] #studio#studio#studio .tail-portrait-picture{height:100%;width:auto;left:0;bottom:0;z-index:0;pointer-events:auto;mask-image:linear-gradient(to right,#000 0%,#000 60%,transparent 100%);mask-composite:add}
html[data-tail-minimal] #studio#studio#studio .tail-portrait-picture img{transform:scale(1);transform-origin:26% 100%;transition:transform 650ms cubic-bezier(.2,.6,.3,1)}
html[data-tail-minimal] #studio#studio#studio .tail-about-copy{grid-column:8/-1;grid-row:1;align-self:center;justify-self:end;text-align:right;padding:0;position:relative;z-index:1;pointer-events:auto}
html[data-tail-minimal] #studio#studio#studio #studio-title{max-width:none;font-size:clamp(22px,1.5vw,28px)!important;line-height:1.25!important;letter-spacing:-.02em;text-wrap:balance}
@media(hover:hover) and (pointer:fine){
 html[data-tail-minimal] #studio#studio#studio .tail-portrait-picture:hover img{transform:scale(1.025)}
}
@media(min-width:761px) and (max-width:1100px){
 html[data-tail-minimal] #studio#studio#studio .tail-about-inner{--studio-band-height:360px}
 html[data-tail-minimal] #studio#studio#studio .tail-about-name{grid-column:1/7}
 html[data-tail-minimal] #studio#studio#studio .tail-about-copy{grid-column:7/-1}
}
@media(max-width:760px){
 html[data-tail-minimal] #studio#studio#studio .tail-about-inner{--studio-band-height:440px;grid-template-columns:1fr}
 html[data-tail-minimal] #studio#studio#studio .tail-about-copy{grid-column:1;align-self:start;padding-top:24px}
 html[data-tail-minimal] #studio#studio#studio .tail-about-name{grid-column:1;align-self:start;margin-top:calc(var(--studio-band-height) - 300px + 81px - 8.4px);transform:none}
 html[data-tail-minimal] #studio#studio#studio .tail-portrait-picture{height:300px;left:-20px;mask-image:linear-gradient(to bottom,transparent 0%,#000 6%),linear-gradient(to right,#000 0%,#000 60%,transparent 100%);mask-composite:intersect}
 html[data-tail-minimal] #studio#studio#studio #studio-title{max-width:22ch}
}
@media(prefers-reduced-motion:reduce){
 html[data-tail-minimal] #studio#studio#studio .tail-portrait-picture img{transform:none!important;transition:none}
}
html.motion-paused[data-tail-minimal] #studio#studio#studio .tail-portrait-picture img{transform:none!important;transition:none}

/* Keep the wide portrait's proportions and the signature outside the face. */
html[data-tail-minimal] #studio#studio#studio .tail-portrait-picture{aspect-ratio:13017/3561}

/* Mobile portrait: one photographic frame, a quiet signature, and the introduction below. */
@media (max-width:700px) {
 html[lang][data-tail-minimal] #studio#studio#studio#studio {background:transparent!important;}
 html[lang][data-tail-minimal] #studio#studio#studio#studio .tail-about-inner {--studio-mobile-photo:clamp(360px,114vw,440px);display:grid!important;direction:ltr!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:var(--studio-mobile-photo) auto!important;column-gap:16px!important;row-gap:0!important;min-height:0!important;padding:0 0 32px!important;}
 html[lang][data-tail-minimal] #studio#studio#studio#studio .tail-portrait-picture {position:absolute!important;inset:0 0 auto!important;width:100%!important;height:clamp(360px,114vw,440px)!important;max-width:none!important;mask-image:none!important;-webkit-mask-image:none!important;}
 html[lang][data-tail-minimal] #studio#studio#studio#studio .tail-portrait-picture img {width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover!important;object-position:left center!important;}
 html[lang][data-tail-minimal] #studio#studio#studio#studio .tail-about-name {grid-column:4/5!important;grid-row:1!important;align-self:start!important;justify-self:end!important;width:max-content!important;max-width:none!important;--studio-name-half-height:.75em;margin:calc(var(--studio-mobile-photo)*.228 - var(--studio-name-half-height)) 0 0!important;text-align:right!important;font:400 12px/1.5 var(--sans,Arial,sans-serif)!important;white-space:nowrap;opacity:.46;}
 html[lang][data-tail-minimal] #studio#studio#studio#studio .tail-about-copy {grid-column:1/-1!important;grid-row:2!important;align-self:start!important;justify-self:end!important;max-width:none!important;margin:0!important;padding:24px 0 0!important;text-align:right!important;}
 html[lang][data-tail-minimal] #studio#studio#studio#studio #studio-title {margin:0!important;max-width:none!important;font-size:18px!important;line-height:1.35!important;font-weight:500!important;text-align:right!important;color:#171813!important;}
 html[lang][data-theme="dark"][data-tail-minimal] #studio#studio#studio#studio #studio-title {color:#FCFCF9!important;}
}

/* The eye-level shadow beside the face narrows on compact phones. */
@media (max-width:400px) {
 html[lang][data-tail-minimal] #studio#studio#studio#studio .tail-about-name {
  --studio-name-half-height:1.12em;
  width:min-content!important;
  white-space:normal;
  line-height:1.12!important;
 }
}

/* The portrait light field must remain almost imperceptible under the mobile caption. */
@media (max-width:700px) {
 html[lang][data-wl-daylight] #studio#studio#studio#studio[data-wl-light-zone="portrait"] > .wl-light-plane {opacity:.10!important;}
 html[lang][data-wl-daylight][data-theme="dark"] #studio#studio#studio#studio[data-wl-light-zone="portrait"] > .wl-light-plane {opacity:.14!important;}
}

@media(forced-colors:active){html[data-tail-minimal] #studio#studio#studio .tail-about-name{color:CanvasText;mix-blend-mode:normal;opacity:1!important}}
