/* Shared display roles with language-specific faces and responsive sizing. */
body[data-type=refined]{font-family:Heebo,Arial,sans-serif}
body[data-type=refined] ::selection{background:#d9d9d9;color:#000}
body[data-type=refined] .work{padding-top:88px}
body[data-type=refined] .work-heading{align-items:end;margin-bottom:56px;gap:32px}
body[data-type=refined] .work-heading h1,
body[data-type=refined] .personal-heading h2{font-family:'Clash Display',Heebo,sans-serif;font-weight:500;letter-spacing:0;line-height:1.06;text-wrap:balance}
body[data-type=refined] .work-heading h1{display:grid;gap:6px;font-size:88px;max-width:100%}
body[data-type=refined] .work-heading h1>span{font-size:32px;font-weight:400;line-height:1.3;color:#c4c4c4}
body[data-type=refined] .work-heading h1>em{font:inherit;font-weight:600;color:#f3f3f3;margin-inline-start:72px}
body[data-type=refined] .work-heading p{padding-bottom:9px;line-height:1.7}
body[data-type=refined] .personal{padding-top:80px;gap:9%;grid-template-columns:1.05fr 1fr}
body[data-type=refined] .personal-heading{max-width:560px}
body[data-type=refined] .personal-heading h2{font-size:64px;display:grid;gap:6px}
body[data-type=refined] .personal-heading h2>br{display:none}
body[data-type=refined] .personal-heading h2>span{font-size:30px;font-weight:400;line-height:1.35;color:#c4c4c4}
body[data-type=refined] .personal-heading h2>em{font:inherit;font-weight:500;color:#f3f3f3;max-width:9ch}
body[data-type=refined] .personal-note{margin-block:36px 28px;font-size:22px;line-height:1.65;text-wrap:pretty;max-width:38ch}
body[data-type=refined] .about-copy{font-size:16px;line-height:1.85;max-width:58ch;color:#bdbdbd}
body[data-type=refined] .about-copy p{margin-bottom:24px;text-wrap:pretty}
body[data-type=refined] .portraits{margin-top:8px}
html[lang=he] body[data-type=refined] .work-heading h1,
html[lang=he] body[data-type=refined] .personal-heading h2{font-family:Heebo,sans-serif;line-height:1.13}
html[lang=he] body[data-type=refined] .work-heading h1>em{font-weight:600}
html[lang=he] body[data-type=refined] .personal-heading h2>em{font-weight:600;max-width:none}
@media(max-width:1100px){
  body[data-type=refined] .personal-heading h2{font-size:52px}
  body[data-type=refined] .work-heading h1{font-size:76px}
}
@media(max-width:650px){
  body[data-type=refined] .work{padding-top:48px}
  body[data-type=refined] .work-heading{gap:12px;flex-wrap:wrap;margin-bottom:32px}
  body[data-type=refined] .work-heading h1{font-size:60px;gap:4px;flex:1 1 100%}
  body[data-type=refined] .work-heading h1>span{font-size:24px}
  body[data-type=refined] .work-heading h1>em{margin-inline-start:32px}
  body[data-type=refined] .work-heading p{padding:0;max-width:none;margin-inline-start:auto}
  body[data-type=refined] .personal{display:block;padding-top:38px}
  body[data-type=refined] .personal-heading h2{font-size:52px;gap:4px}
  body[data-type=refined] .personal-heading h2>span{font-size:24px}
  body[data-type=refined] .personal-note{font-size:20px;margin-block:28px 24px}
  body[data-type=refined] .about-copy{font-size:16px;line-height:1.85}
  body[data-type=refined] .personal-heading{margin-bottom:40px}
}
@media(max-width:359px){
  body[data-type=refined] .work-heading h1{font-size:52px}
  body[data-type=refined] .personal-heading h2{font-size:46px}
}