.hero{position:relative;isolation:isolate;overflow:hidden;padding:0;background:#faf7f0}
.hero>.wrap{position:relative;min-height:660px;padding-top:76px;padding-bottom:22px}
.hero-grid{display:block;min-height:480px}
.hero-picture{position:absolute;inset:0 calc((min(1200px,100vw - 88px) - 100vw)/2);z-index:-2}
.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:75% 43%;border-radius:0}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf7f0 0%,rgba(250,247,240,.97) 24%,rgba(250,247,240,.83) 40%,rgba(250,247,240,.13) 68%,rgba(250,247,240,.02) 100%),linear-gradient(0deg,#faf7f0 0%,transparent 24%);pointer-events:none}
.hero-copy{max-width:510px}
.hero .english{font-size:72px}.hero .english span+span{font-size:32px}
.hero .intro{color:#51453c;max-width:430px}
.hero .photo-foot{display:none}
.hero-bottom{position:relative;margin-top:30px;border-color:rgba(115,83,64,.23)}
@media(min-width:761px) and (max-width:1050px){.hero>.wrap{padding-top:55px;min-height:620px}.hero-picture{inset:0 -26px}.hero-copy{max-width:450px}.hero .english{font-size:62px}.hero:after{background:linear-gradient(90deg,#faf7f0 0%,rgba(250,247,240,.92) 32%,rgba(250,247,240,.62) 52%,rgba(250,247,240,.05) 85%),linear-gradient(0deg,#faf7f0,transparent 30%)}}
@media(max-width:760px){
.hero>.wrap{min-height:0;padding-top:270px;padding-bottom:18px;width:calc(100% - 40px)}
.hero-grid{min-height:0}.hero-picture{inset:0 -20px auto;height:440px}
.hero-picture img{height:100%;object-position:65% 28%;object-fit:cover}
.hero:after{background:linear-gradient(180deg,rgba(250,247,240,0) 0px,rgba(250,247,240,.03) 155px,rgba(250,247,240,.80) 275px,#faf7f0 405px,#faf7f0 100%)}
.hero-copy{max-width:540px}.hero-copy .label{color:#594538;font-size:9px;letter-spacing:.12em;margin-bottom:12px}
.hero .english{font-size:48px;margin-bottom:19px;line-height:1}.hero .english span+span{font-size:25px;margin-top:7px}
.hero h1{font-size:26px;line-height:1.45}.hero .intro{font-size:14px;line-height:1.85;margin-top:15px;max-width:520px}
.hero-actions{margin-top:21px}.hero-actions .button{min-height:46px;font-size:12px}
.hero-bottom{margin-top:26px;padding-top:15px;gap:12px}.services{font-size:8px;gap:18px}
}
@media(min-width:500px) and (max-width:760px){.hero>.wrap{padding-top:315px}.hero-picture{height:490px}.hero-picture img{object-position:60% 35%}.hero:after{background:linear-gradient(180deg,transparent 170px,rgba(250,247,240,.86) 325px,#faf7f0 470px)}}