/* Cletus: supplied artwork, framed as responsive website imagery. */
.hero{grid-template-columns:1fr 1.08fr;min-height:770px}.hero-copy{padding-top:52px}.hero-copy h1{font-size:clamp(64px,7.1vw,110px)}.role{font-size:23px;letter-spacing:.1em}.intro{max-width:420px;font-size:18px}.hero-bottom{margin-top:33px}.hero-image{background:#121410}.hero-crop{position:absolute;inset:0;overflow:hidden}.hero-crop img{width:auto;height:136.54%;left:-63%;top:0;object-fit:initial;object-position:initial;filter:none}.hero-image::after{background:linear-gradient(0deg,var(--ink),transparent 18%),linear-gradient(90deg,var(--ink),transparent 12%)}.hero-image figcaption{left:8%;right:6%;font-size:13px}
.profile{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.looks{margin:0;min-width:0}.looks-crop{position:relative;aspect-ratio:520/402;overflow:hidden;background:#090b08}.looks-crop img{display:block;position:absolute;max-width:none;width:295.385%;height:auto;left:-193.85%;top:-7.463%}.looks figcaption{display:flex;justify-content:space-around;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;color:var(--brass);font-family:var(--label);font-size:14px;letter-spacing:.14em;text-transform:uppercase}.profile-copy>p:not(.eyebrow){color:var(--muted);max-width:480px}.profile-copy h2{font-size:clamp(27px,2.8vw,40px)}.creed{list-style:none;padding:0;margin:26px 0 25px;border-top:1px solid var(--line)}.creed li{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid #363025}.creed li>span{color:var(--brass);font-size:17px;padding-top:3px}.creed h3{font-family:var(--label);font-size:20px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin:0}.creed p{font-size:17px;color:var(--muted);margin:3px 0 0}.role-list{display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--brass);text-transform:uppercase;font-family:var(--label);font-size:14px;letter-spacing:.1em}.field{padding:65px 4.6% 75px;border-top:1px solid var(--line)}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.field-heading h2{font-size:34px;text-align:right}.field-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin:18px 0 36px}.field figure{margin:0;min-width:0}.work-crop{position:relative;overflow:hidden;aspect-ratio:1050/272}.work-crop img{position:absolute;max-width:none;width:146.286%;height:auto;left:0;top:-276.103%}.gear-crop{position:relative;overflow:hidden;aspect-ratio:320/205;max-height:100%}.gear-crop img{position:absolute;max-width:none;width:480%;height:auto;left:-372.81%;top:-248.3%}.field figcaption{padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--label);font-size:14px;letter-spacing:.13em;text-transform:uppercase;color:var(--brass)}
@media(min-width:1650px){.hero-crop img{left:-56%}.hero{min-height:820px}}@media(max-width:1100px){.hero{min-height:740px;grid-template-columns:1fr 1fr}.hero-crop img{left:-80%}.role{font-size:20px}.hero-copy h1{font-size:7.8vw}.profile{gap:6%;align-items:start}.profile .eyebrow{margin-bottom:20px}.creed{margin-top:23px}.creed li{gap:15px;padding:14px 0}.field-layout{grid-template-columns:1.5fr 1fr;align-items:center}.work-crop{aspect-ratio:2.5}.work-crop img{width:180%;top:-220%;left:-15%}}
@media(max-width:800px) and (min-width:641px){.hero-crop img{left:-113%}.hero-copy{padding-left:8%;padding-top:45px}.hero-copy h2{font-size:29px}.role{font-size:17px}.hero-image figcaption{flex-direction:column;gap:3px}.profile-copy h2{font-size:26px}.intro{font-size:17px}.hero-bottom{flex-direction:column}.field-heading h2{font-size:28px}}
@media(max-width:640px){.hero{display:flex;min-height:0}.hero-copy{padding:37px 6% 32px}.hero-copy h1{font-size:clamp(55px,13.3vw,83px)}.hero-copy h2{font-size:32px}.role{font-size:20px}.hero-image{height:auto;aspect-ratio:622/640}.hero-crop img{width:246.95%;max-width:none;height:auto;left:-59.17%;top:0;object-fit:initial}.hero-image::after{background:linear-gradient(0deg,var(--ink),transparent 20%)}.hero-image figcaption{font-size:12px;left:6%;right:6%;bottom:16px}.hero-bottom{flex-direction:row;gap:15px}.intro{font-size:18px;max-width:100%}.profile{display:flex;flex-direction:column;gap:43px;padding:50px 6%}.profile-copy{order:0;width:100%}.looks{order:1;width:100%}.profile-copy h2{font-size:31px}.field{padding:43px 6% 50px}.field-heading{display:block}.field-heading h2{text-align:left;font-size:31px}.field-layout{display:flex;flex-direction:column;gap:27px}.field figure{width:100%}.work-crop{aspect-ratio:1050/272}.work-crop img{width:146.286%;left:0;top:-276.103%}.gear-crop{width:100%;aspect-ratio:320/205}.field figcaption{font-size:13px}.hero-bottom{font-size:13px}}

/* Keep the central portrait framed independently from the reference sheet. */
.hero-crop{container-type:size}.hero-crop img{width:max(246.95%,204.8cqh);height:auto;max-width:none;left:50%;top:0;transform:translateX(-44.206%)}
@media(max-width:640px){.hero-crop img{width:246.95%;height:auto;left:-59.17%;transform:none}}