/* Enlarge the authentic portrait by 30% and move it southwest toward the column gap. */
.design-home .hero h1{width:max-content;max-width:100%}
.design-home .intro-portrait{right:calc(12% + 180px);top:250px;width:332px}
.design-home .portrait-frame{width:312px;height:312px}
.design-home .intro-portrait figcaption{margin-top:9px}
.design-home .intro-portrait figcaption strong{font-size:15px;line-height:20px}
.design-home .intro-portrait figcaption span{font-size:10px;line-height:14px;margin-top:3px}
.design-home .intro-portrait figcaption:after{display:none}
@media(min-width:1500px){.design-home .intro-portrait{top:290px}}
@media(max-width:1150px){.design-home .intro-portrait{right:calc(8% + 85px);top:250px;width:299px}.design-home .portrait-frame{width:279.5px;height:279.5px}}
@media(max-width:900px){.design-home .intro-portrait{right:calc(4% + 30px);top:285px;width:260px}.design-home .portrait-frame{width:240.5px;height:240.5px}}
@media(max-width:650px){.design-home .intro-portrait{right:calc(8% + 45px);top:165px;width:195px}.design-home .portrait-frame{width:188.5px;height:188.5px}.design-home .hero-inner{padding-top:385px}.design-home .intro-portrait figcaption{display:none}}
/* A further 20% enlargement; the wider circle shifts left and tucks 16px behind the lower panel. */
@media(min-width:1151px){.design-home .intro-portrait{top:auto;bottom:-16px;width:394.4px}.design-home .portrait-frame{width:374.4px;height:374.4px}}
/* Match the user's white outline: center x=1014, top y=245 at a 1904px viewport. */
@media(min-width:1500px){.design-home .intro-portrait{right:calc(12% + 194px);bottom:-35px;width:460px}.design-home .portrait-frame{width:440px;height:440px}}
@media(min-width:901px) and (max-width:1150px){.design-home .intro-portrait{top:auto;bottom:-16px;width:354.4px}.design-home .portrait-frame{width:335.4px;height:335.4px}}
@media(min-width:651px) and (max-width:900px){.design-home .intro-portrait{top:auto;bottom:-16px;width:308.6px}.design-home .portrait-frame{width:288.6px;height:288.6px}}