/* Portrait composition: original transparent photograph, framed with CSS. */
.variant-b.b-photo-mode .b-site-frame>.b-intro{background:#e9e9e7}
.variant-b.b-photo-mode .b-hero{overflow:hidden;container-type:size}
.variant-b.b-photo-mode .b-portrait{width:100%;height:100%;aspect-ratio:auto;bottom:0;margin:0}
.variant-b.b-photo-mode .b-portrait img{position:absolute;left:50%;top:-11%;height:136%;width:auto;max-width:none;clip-path:none;transform:translateX(-52%);filter:grayscale(1) contrast(1.08);mask-image:none;-webkit-mask-image:none}
.variant-b.b-photo-mode .b-background-word{bottom:28%;font-size:clamp(90px,15.6vw,240px);color:#c7c7c4;font-weight:650}
.variant-b.b-photo-mode .b-role{top:3%;color:#555}
.variant-b.b-photo-mode .b-pill{background:#dfdfdc;border:0;color:#333}
.variant-b.b-photo-mode .b-pill-1,.variant-b.b-photo-mode .b-pill-4{top:17%}
.variant-b.b-photo-mode .b-pill-2,.variant-b.b-photo-mode .b-pill-5{top:31%}
.variant-b.b-photo-mode .b-pill-3,.variant-b.b-photo-mode .b-pill-6{top:45%}
.variant-b.b-photo-mode .b-signature{bottom:4%}
.variant-b.b-photo-mode .b-name{font-size:clamp(125px,15.6vw,230px);font-weight:650;line-height:.86}
.variant-b.b-photo-mode .b-name:before{background:linear-gradient(180deg,#e9e9e700,#e9e9e7aa 65%,#e9e9e7 100%)}
.variant-b.b-photo-mode .b-name-text{background-image:linear-gradient(#080808 30%,#080808 68%,#777773 100%)}
.variant-b.b-photo-mode .b-signature .b-greeting{transform:translate(-70px,4px) rotate(-5deg);margin-bottom:12px;background:#f8f8f6;border:0}
.variant-b.b-photo-mode .b-invitation{right:15%;bottom:20%;background:#f8f8f6;border:0}
.variant-b.b-photo-mode .b-contact-portrait img{clip-path:none;width:210px;bottom:-95px;filter:grayscale(1) contrast(1.08)}
@media(max-width:800px){.variant-b.b-photo-mode .b-background-word{font-size:17vw;bottom:27%}.variant-b.b-photo-mode .b-pill-1,.variant-b.b-photo-mode .b-pill-3{left:18%}.variant-b.b-photo-mode .b-pill-2{left:14%}.variant-b.b-photo-mode .b-pill-4,.variant-b.b-photo-mode .b-pill-6{left:82%}.variant-b.b-photo-mode .b-pill-5{left:86%}.variant-b.b-photo-mode .b-invitation{right:6%;bottom:22%}}
@media(max-width:640px){.variant-b.b-photo-mode .b-portrait img{height:124%;top:0}.variant-b.b-photo-mode .b-skills{top:7%;left:24px;right:24px;gap:7px}.variant-b.b-photo-mode .b-background-word{font-size:21vw;bottom:25%}.variant-b.b-photo-mode .b-name{font-size:clamp(120px,36vw,185px)}.variant-b.b-photo-mode .b-signature{bottom:6%}.variant-b.b-photo-mode .b-signature .b-greeting{font-size:10px;transform:translate(-48px,6px) rotate(-5deg);margin-bottom:9px}.variant-b.b-photo-mode .b-invitation{right:5%;bottom:23%;font-size:9px}.variant-b.b-photo-mode .b-role{top:2%}}
@media(max-height:620px) and (min-width:641px){.variant-b.b-photo-mode .b-name{font-size:20vh}.variant-b.b-photo-mode .b-invitation{bottom:17%}.variant-b.b-photo-mode .b-signature .b-greeting{padding:5px 10px;margin-bottom:5px}}