.portrait-hero{background:var(--p-paper);display:grid;grid-template-columns:44% 56%;min-height:575px;}
.portrait-hero-image{left:44%;object-position:center 18%;width:56%;}
.portrait-hero:after{background:linear-gradient(180deg,#3b281e00 25%,#3b281ebd 100%);left:44%;width:56%;}
.portrait-intro{border-radius:24px 0 24px 0;left:24px;margin:0;right:auto;top:24px;width:calc(44% - 36px);z-index:2;}
.portrait-intro{display:none;}
.portrait-identity{background:linear-gradient(180deg,#3b281edb,#3b281ef5);bottom:0;left:0;max-width:none;padding:25px 24px 24px;width:44%;z-index:2;}
.portrait-identity h1{font-size:27px;}
.portrait-identity p{font-size:10px;}
.portrait-identity>a{font-size:9px;margin-top:13px;}
@media (max-width:600px){
  .portrait-hero{grid-template-columns:44% 56%;min-height:545px}
  .portrait-intro{left:14px;padding:15px;top:14px;width:calc(44% - 20px)}
  .portrait-intro p{font-size:9px;line-height:1.4}
  .portrait-flower{font-size:14px}
  .portrait-identity{padding:18px 14px 18px;width:44%}
  .portrait-identity h1{font-size:21px}
  .portrait-identity p{font-size:8px;line-height:1.4}
  .portrait-identity>a{display:flex;font-size:8px;gap:7px;margin-top:10px;padding:8px 9px}
  .portrait-identity .portrait-book-link{background:transparent;margin-left:0;padding-left:0;padding-right:0}
}
.portrait-hero{display:block;min-height:575px;}
.portrait-hero-image{left:0;object-position:62% 18%;width:100%;}
.portrait-hero:after{left:0;width:100%;}
.portrait-site{max-width:420px;}
.portrait-header{display:none;}
.portrait-hero{min-height:445px;}
.portrait-hero-image{object-position:72% 18%;}
.portrait-intro{display:block;left:14px;right:auto;top:18px;width:46%;}
.portrait-identity{bottom:0;left:0;width:46%;}
.portrait-intro{display:none;}
.portrait-identity{background:linear-gradient(180deg,#3b281ec7,#3b281ef2);bottom:0;left:0;max-height:235px;overflow:hidden;padding:18px 20px;width:48%;}
.portrait-identity h1{font-size:26px;margin-bottom:8px;}
.portrait-identity p{font-size:9px;line-height:1.35;}
.portrait-identity>a{font-size:9px;margin-top:10px;padding:9px 11px;}
.portrait-identity .portrait-book-link{margin-left:7px;}
.portrait-hero-art{height:auto;min-height:0;position:relative;}
.portrait-art-image{display:block;height:auto;width:100%;}
.portrait-art-cta{bottom:5%;height:6%;left:5%;position:absolute;width:44%;}
.portrait-hero-art:after{display:none;}
.portrait-footer{background:#3b281e;display:block;padding:24px 18px 16px;}
.portrait-name{font-size:15px;}
.portrait-footer p{font-size:10px;line-height:1.25;margin:10px 0 0;}
.portrait-social{margin-top:18px;text-align:left;}
.portrait-social span{font-size:8px;}
.portrait-social div{justify-content:flex-start;margin-top:9px;}
.portrait-social a{height:22px;width:22px;font-size:9px;}
.portrait-footer>small{display:block;font-size:7px;margin-top:19px;padding-top:12px;}
@media (max-width:600px){
  .portrait-hero{min-height:445px;}
  .portrait-intro{left:12px;right:auto;top:14px;width:47%;}
  .portrait-identity{left:0;max-height:220px;padding:15px 14px;width:50%;}
  .portrait-identity h1{font-size:22px;}
  .portrait-identity p{font-size:8px;line-height:1.3;}
  .portrait-art-cta{bottom:5%;height:6%;left:5%;width:45%;}
}