.fv{position:relative;min-height:100svh;overflow:clip;background:var(--washi)}
.ph{position:absolute}
.fv .ph{inset:calc(var(--hh) + 0px) 0 auto 0;height:min(46svh,420px)}
.fv .ph img{object-position:44% 56%}
.fv .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(251,246,236,0) 55%,var(--washi) 100%)}
.copy{position:relative;padding:calc(var(--hh) + min(46svh,420px) + 14px) 16px 28px}
.cap{right:auto;left:14px;bottom:14px}
.miz{position:absolute;width:118px;right:20px;top:calc(var(--hh) + min(46svh,420px) - 84px);z-index:2}
.eyebrow{margin-bottom:6px}.sub{margin-top:10px}.cta-wrap{margin-top:16px}.note{margin-top:10px}
@media(min-width:64em){
 .fv{display:flex;align-items:center}
 .fv .ph{inset:0 0 0 auto;width:60%;height:auto;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%);mask-image:linear-gradient(to right,transparent 0,#000 30%)}
 .fv .ph img{object-position:40% 56%}
 .fv .ph::after{background:linear-gradient(to bottom,rgba(251,246,236,.9) 0,rgba(251,246,236,0) 20%)}
 .cap{left:auto;right:64px;bottom:28px}
 .copy{padding:var(--hh) 0 24px 6%;width:48%;position:relative;z-index:2}
 .eyebrow{margin-bottom:22px}.sub{margin-top:26px}.cta-wrap{margin-top:32px}.note{margin-top:20px}
 .miz{width:clamp(190px,15vw,250px);left:calc(40% + 72px);right:auto;top:auto;bottom:clamp(24px,5svh,56px)}
}