.work-detail{color:#fff;background:#0a0a0a;min-height:100vh;padding:0 clamp(1.25rem,5vw,5rem)}.work-detail-nav{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #ffffff1f;justify-content:space-between;padding:1.5rem 0;font-size:.62rem;display:flex}.work-detail-nav>a:first-child{letter-spacing:-.02em;font-size:.9rem;font-weight:800}.work-detail-nav span{color:#fff6;font-weight:400}.work-detail-hero{max-width:1400px;margin:auto;padding:clamp(4rem,10vw,10rem) 0 clamp(3rem,7vw,6rem)}.work-detail-hero>p{letter-spacing:.2em;text-transform:uppercase;color:#b45e43;font-size:.6rem}.work-detail-hero h1{letter-spacing:-.065em;max-width:13ch;margin:1.2rem 0 2.5rem;font-size:clamp(3.5rem,10vw,10rem);line-height:.82}.work-detail-hero>div{border-top:1px solid #ffffff1f;grid-template-columns:2fr 1fr auto;align-items:end;gap:2rem;padding-top:1.5rem;display:grid}.work-detail-hero>div p{color:#ffffff80;max-width:60ch;margin:0;line-height:1.7}.work-detail-hero>div span,.work-detail-hero>div b{color:#ffffff59;font-size:.65rem;font-weight:400;line-height:1.5}.work-detail-hero>div b{color:#d78262;border:1px solid #b45e4373;padding:.45rem .65rem}.work-cover{background:#151515;width:calc(100% + 2*clamp(1.25rem,5vw,5rem));height:min(78vw,900px);margin-left:calc(-1*clamp(1.25rem,5vw,5rem));position:relative;overflow:hidden}.work-cover img{object-fit:cover}.work-cover-empty{color:#fff3;letter-spacing:.2em;place-items:center;font-size:.65rem;display:grid}.work-reading{grid-template-columns:220px minmax(0,1fr);gap:clamp(3rem,9vw,10rem);max-width:1100px;margin:auto;padding:clamp(4rem,9vw,9rem) 0;display:grid}.work-reading aside{flex-direction:column;gap:.45rem;display:flex}.work-reading aside>span,.work-reading small{letter-spacing:.16em;color:#ffffff47;text-transform:uppercase;font-size:.56rem}.work-reading aside>b{color:#b45e43;font-size:2rem}.work-reading aside div{gap:.25rem;margin-top:1.5rem;display:grid}.work-reading aside strong{color:#ffffffb3;font-size:.75rem}.work-reading>div p{font:400 clamp(1.5rem,3vw,2.6rem)/1.35 var(--font-instrument),Georgia,serif;color:#ffffffc7;margin:0 0 1.3em}.work-reading>div a{letter-spacing:.12em;text-transform:uppercase;color:#d78262;font-size:.62rem}.work-gallery{gap:1rem;display:grid}.work-gallery figure{min-height:min(70vw,850px);margin:0;position:relative;overflow:hidden}.work-gallery img{object-fit:cover}.work-related{border-top:1px solid #ffffff1f;grid-template-columns:1fr 1.2fr;gap:clamp(3rem,8vw,8rem);max-width:1200px;margin:clamp(5rem,10vw,10rem) auto;padding-top:3rem;display:grid}.work-related header>span{letter-spacing:.15em;color:#ffffff4d;font-size:.58rem}.work-related h2{letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95}.work-related h2 i{font:italic 400 1em var(--font-instrument),serif;color:#ffffff4d}.work-related>div{display:grid}.work-related a{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto;gap:.5rem;padding:1.5rem 0;display:grid}.work-related a span{text-transform:uppercase;letter-spacing:.13em;color:#b45e43;grid-column:1;font-size:.56rem}.work-related a strong{font-size:1.2rem}.work-related a b{grid-area:1/2/3;align-self:center}.work-detail-footer{letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #ffffff1f;justify-content:space-between;max-width:1200px;margin:auto;padding:2rem 0 4rem;font-size:.65rem;display:flex}@media (max-width:700px){.work-detail-hero>div,.work-reading,.work-related{grid-template-columns:1fr}.work-reading aside{grid-template-columns:repeat(2,1fr);display:grid}.work-reading aside>span,.work-reading aside>b{grid-column:1/-1}.work-detail-footer{flex-direction:column;gap:1rem}}
@media (max-width:700px){.work-detail{overflow-x:clip}.work-detail-nav{letter-spacing:.08em;gap:1rem}.work-detail-nav>a:last-child{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:48%;overflow:hidden}.work-detail-hero h1{overflow-wrap:break-word;max-width:100%;font-size:clamp(2.65rem,13vw,4.5rem);line-height:.88}.work-detail-hero>div{gap:1rem}.work-cover{height:min(112vw,680px)}}