/* Selected handwritten identity; mobile portrait with face-side signature. */
.hero::before{z-index:-1}
@media(max-width:800px){
.hero-inner{position:relative;padding-bottom:30px}
.hero-portrait{width:84%;max-width:412px;height:clamp(330px,94vw,440px);align-self:flex-start;margin-left:-3%;overflow:hidden}
.hero-portrait .portrait-cutout{width:108%;transform:translate(-2%,-4%)}
.hero-words{display:contents;position:static;isolation:auto}
.hero-words::before,.hero-words::after{display:none}
.hero-english.hero-logo{position:absolute;top:calc(clamp(36px,12vw,60px) - 18px);right:4%;width:43%;max-width:225px;margin:0;z-index:4}
.hero-logo img{width:100%;height:auto;max-height:none;object-fit:contain}
.hero h1{position:relative;isolation:isolate;z-index:3;width:100%;text-align:center;margin-top:-49px;padding:14px 5vw 0;font-size:37px;line-height:1.5;background:#fdfdfb}
.hero h1::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-32px;height:34px;background:#fdfdfb;clip-path:polygon(0 100%,100% 0,100% 100%)}
.hero-profession,.hero-tagline,.hero-actions,.hero .gold-rule{position:relative;z-index:3;text-align:center}
.hero-profession{margin:6px 0 0}.hero .gold-rule{flex-shrink:0;margin:18px auto}
.hero-tagline{padding:0 5vw}.hero-actions{width:100%;margin-top:23px}
.hero::before{height:400px;mask-size:950px 550px;-webkit-mask-size:950px 550px;opacity:.58}
}
@media(max-width:370px){.hero h1{font-size:32px}.hero-portrait{height:330px}.hero-english.hero-logo{right:4%;width:44%}}