/* JAIRUS v3.1.1  /  The Living Monograph — Artist Edition
   Exact v3.0 content/JS preserved. Dedicated reversible visual overlay.
   Art direction: left-bottom opening, aligned photographic catalogue,
   warm-paper inserts for unpublished literary dossiers.
*/
:root{--v311-paper:#e9e8e1;--v311-ink:#222523;--v311-hairline:#bfc0b5;--v311-gold:#b8ad78}
/* 01 / Film still as the book's opening cover: brand placed bottom-left. */
.home-page .hero-screening::after{
 background:linear-gradient(180deg,rgba(0,0,0,.13),rgba(0,0,0,.02) 34%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.72) 100%)}
.home-page .hero-screening .hero-copy{
 left:clamp(23px,5.5vw,90px);right:clamp(30px,9vw,170px);
 bottom:clamp(68px,11vh,126px);display:flex;flex-direction:column;
 justify-content:flex-end;align-items:flex-start;gap:10px;
 max-width:min(870px,calc(100vw - 75px));text-align:left}
.home-page .hero-screening .hero-copy::before{
 content:'JAIRUS QU  /  THE LIVING MONOGRAPH';display:block;
 color:#dedbd1;font:400 10px/1.6 Arial,Helvetica,sans-serif;
 letter-spacing:.21em;text-transform:uppercase;margin-bottom:7px}
.home-page .hero-screening h1{
 font-family:Georgia,'Times New Roman',serif;font-weight:400;
 font-size:clamp(73px,11.2vw,166px);line-height:.85;letter-spacing:-.078em;
 margin:0;text-shadow:0 8px 38px rgba(0,0,0,.4)}
.home-page .hero-screening .hero-tag{
 font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1.15vw,17px);
 text-transform:uppercase;letter-spacing:.2em;line-height:1.6;text-align:left;
 max-width:100%;margin:0;color:#eeeae1;text-shadow:0 3px 16px rgba(0,0,0,.5)}
/* 02 / Photography: two carefully aligned spreads, honest uncropped frames. */
.jairus-v213-photography .selected-projects-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 column-gap:clamp(26px,4.3vw,73px)!important;
 row-gap:clamp(68px,8vw,136px)!important;align-items:stretch!important}
.jairus-v213-photography .selected-projects-grid>.selected-project-card{
 grid-column:auto!important;grid-row:auto!important;margin:0!important;
 padding:0!important;width:100%!important;max-width:100%!important;
 justify-self:stretch!important;align-self:stretch!important;
 display:flex!important;flex-direction:column;min-width:0}
.jairus-v213-photography .selected-projects-grid .selected-project-cover{
 display:flex!important;align-items:center;justify-content:center;
 width:100%!important;height:clamp(320px,42vw,590px)!important;
 max-height:none!important;aspect-ratio:auto!important;min-height:0!important;
 background:transparent!important;overflow:visible!important}
.jairus-v213-photography .selected-projects-grid .selected-project-cover img{
 display:block!important;width:auto!important;height:auto!important;
 max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;object-position:center!important;
 filter:none!important;transform:none!important;margin:auto!important}
.jairus-v213-photography .selected-projects-grid .selected-project-meta{
 margin-top:auto!important;padding-top:15px!important;border-top:1px solid rgba(224,218,199,.25);
 min-width:0}
.jairus-v213-photography .selected-projects-grid .selected-project-meta h3{
 font-family:Georgia,'Times New Roman',serif;font-weight:400;
 font-size:clamp(27px,3.15vw,49px);letter-spacing:-.035em;line-height:1.08}
.jairus-v213-photography .selected-projects-grid .selected-project-meta>span:first-child{
 font-size:11px;letter-spacing:.1em;color:var(--v311-gold)}
.jairus-v213-photography .photo-projects-selected{
 padding-bottom:clamp(90px,10vw,145px)}
.jairus-v213-photography .archive-index-row{
 padding-top:clamp(25px,3vw,43px);padding-bottom:clamp(25px,3vw,43px)}
/* 03 / Writing entry: a deliberate cream-paper insert, not a fabricated book cover. */
.v293-writing-page .v296-featured-block{
 background:var(--v311-paper);color:var(--v311-ink);
 margin:0 clamp(18px,5vw,90px) clamp(66px,8vw,110px);
 padding:clamp(36px,5.8vw,90px) clamp(27px,5vw,92px);
 box-shadow:0 8px 42px rgba(0,0,0,.13)}
.v293-writing-page .v296-featured-block .kicker,
.v293-writing-page .v296-featured-block .status{color:#60665f!important}
.v293-writing-page .v296-featured-block .v296-collection-head h2,
.v293-writing-page .v296-featured-block .v296-featured-card h2,
.v293-writing-page .v296-featured-block .v296-featured-card h2 span,
.v293-writing-page .v296-featured-block a{color:var(--v311-ink)!important}
.v293-writing-page .v296-featured-block .v296-featured-card p{
 color:#4f554e!important;font-family:Georgia,'Times New Roman',serif;
 font-size:clamp(15px,1.2vw,18px)!important;line-height:1.8!important}
.v293-writing-page .v296-featured-block .v296-featured-grid{
 display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
 gap:24px clamp(28px,4.5vw,78px);align-items:stretch}
.v293-writing-page .v296-featured-block .v296-featured-card{
 min-height:unset;padding:24px 0 29px;
 border-top:1px solid var(--v311-hairline)!important}
.v293-writing-page .v296-featured-block .v296-featured-card:first-child{
 grid-column:1;grid-row:1/3;display:flex;flex-direction:column;min-height:470px}
.v293-writing-page .v296-featured-block .v296-featured-card:first-child .v210-dossier-link{margin-top:80px}
.v293-writing-page .v296-featured-block .v296-featured-card:first-child h2{
 font-size:clamp(64px,7.5vw,110px);line-height:.94;letter-spacing:-.06em}
.v293-writing-page .v296-featured-block .v296-featured-card:not(:first-child) h2{
 font-size:clamp(29px,3.1vw,48px);line-height:1.07}
.v293-writing-page .v296-featured-block .v296-featured-card .v210-card-entry{
 color:#454941!important;border-color:#8c8d81!important;margin-top:auto}
.v293-writing-page .v296-featured-block .v296-featured-card .v210-dossier-link:hover h2,
.v293-writing-page .v296-featured-block .v296-featured-card .v210-dossier-link:focus-visible h2{color:#686650!important}
/* 03b / Individual fiction and screenplay dossiers as protected editorial pages. */
.v210-work-page main{overflow:visible}
.v210-work-page .v210-work-hero,
.v210-work-page .v210-work-reading{
 background:var(--v311-paper);color:var(--v311-ink);
 max-width:1460px;margin-left:clamp(18px,5vw,90px);margin-right:clamp(18px,5vw,90px)}
.v210-work-page .v210-work-hero{
 margin-top:clamp(90px,10vw,146px);
 padding:clamp(40px,6vw,94px) clamp(27px,6vw,110px) clamp(80px,9vw,130px)}
.v210-work-page .v210-hero-grid{display:block;max-width:900px}
.v210-work-page .v210-plate{display:none!important}
.v210-work-page .v210-topline{border-color:var(--v311-hairline)}
.v210-work-page .v210-topline,
.v210-work-page .v210-topline a,
.v210-work-page .v210-crumb,
.v210-work-page .v210-counter,
.v210-work-page .v210-hero-facts,
.v210-work-page .v210-chapter-label{color:#60665f!important}
.v210-work-page .v210-hero-copy h1{color:var(--v311-ink)!important;
 font-family:Georgia,'Times New Roman',serif;font-size:clamp(68px,10vw,144px);
 font-weight:400;letter-spacing:-.055em;line-height:1.01}
.v210-work-page .v210-hero-intro{
 color:#41463e!important;font-family:Georgia,'Times New Roman',serif;
 font-size:clamp(20px,2.4vw,34px);line-height:1.57;max-width:820px}
.v210-work-page .v210-hero-facts{border-color:var(--v311-hairline)!important}
.v210-work-page .v210-work-reading{
 margin-top:0!important;border-top:1px solid var(--v311-hairline)!important;
 padding:clamp(58px,7vw,118px) clamp(27px,6vw,110px)!important}
.v210-work-page .v210-work-reading-secondary{padding-bottom:clamp(70px,9vw,145px)!important}
.v210-work-page .v210-reading-main h2,
.v210-work-page .v210-reading-main h3{color:#222523!important}
.v210-work-page .v210-reading-main p,
.v210-work-page .v210-reading-main p.v210-readable{color:#4b5149!important}
.v210-work-page .v210-small-vert{color:#73766d!important}
.v210-work-page .v210-companion{border-color:var(--v311-hairline)!important}
.v210-work-page .v210-underlink{color:#242823;border-color:#7e816f}
@media (max-width:800px){
 .home-page .hero-screening .hero-copy{left:22px;right:22px;bottom:clamp(80px,18vw,119px);gap:7px;max-width:calc(100% - 44px)}
 .home-page .hero-screening h1{font-size:clamp(68px,17.5vw,101px);line-height:.89}
 .home-page .hero-screening .hero-copy::before{font-size:9px;letter-spacing:.13em;margin-bottom:7px}
 .home-page .hero-screening .hero-tag{font-size:12px;letter-spacing:.15em;max-width:100%;margin-top:10px}
 .jairus-v213-photography .selected-projects-grid{grid-template-columns:1fr!important;gap:clamp(54px,9vw,90px)!important}
 .jairus-v213-photography .selected-projects-grid>.selected-project-card{width:100%!important;align-items:stretch!important}
 .jairus-v213-photography .selected-projects-grid .selected-project-cover{
  height:auto!important;min-height:0!important;max-height:none!important;display:block!important}
 .jairus-v213-photography .selected-projects-grid .selected-project-cover img{
  display:block!important;width:auto!important;height:auto!important;max-height:65svh!important;
  max-width:100%!important;margin-inline:auto!important}
 .jairus-v213-photography .selected-projects-grid .selected-project-meta{margin-top:14px!important}
 .v293-writing-page .v296-featured-block{margin:0 14px 61px;padding:44px 25px}
 .v293-writing-page .v296-featured-block .v296-featured-grid{grid-template-columns:1fr;gap:0}
 .v293-writing-page .v296-featured-block .v296-featured-card:first-child{
  min-height:unset;grid-column:auto;grid-row:auto;display:block}
 .v293-writing-page .v296-featured-block .v296-featured-card:first-child .v210-dossier-link{margin-top:0}
 .v293-writing-page .v296-featured-block .v296-featured-card:first-child h2{font-size:clamp(48px,13vw,78px)}
 .v293-writing-page .v296-featured-block .v296-featured-card:not(:first-child) h2{font-size:clamp(30px,8.5vw,43px)}
 .v210-work-page .v210-work-hero,.v210-work-page .v210-work-reading{margin-left:14px!important;margin-right:14px!important}
 .v210-work-page .v210-work-hero{margin-top:90px;padding:55px 24px 68px}
 .v210-work-page .v210-hero-copy h1{font-size:clamp(53px,13.5vw,89px);overflow-wrap:anywhere}
 .v210-work-page .v210-work-reading{padding:55px 24px 72px!important}
 .v210-work-page .v210-small-vert{writing-mode:horizontal-tb}
}
@media(max-width:375px){
 .home-page .hero-screening h1{font-size:clamp(58px,17vw,76px)}
 .home-page .hero-screening .hero-tag{font-size:11px}
 .v210-work-page .v210-hero-copy h1{font-size:clamp(49px,12.7vw,70px)}
}
@media(prefers-reduced-motion:reduce){
 .jairus-v213-photography .selected-projects-grid .selected-project-cover img{transition:none!important}
}