.reference-hero{min-height:44vw;max-height:850px;margin:20px 3% 24px;border-radius:24px;overflow:hidden;background:#ded6c5 url('assets/homepage-mother-wix.webp') center/cover no-repeat;color:#4a5d45;padding:30px 3%;display:flex;align-items:flex-start}.reference-hero-copy{width:49%;max-width:690px}.reference-hero h1{font-size:clamp(46px,5vw,80px);line-height:.98;letter-spacing:0;margin:0 0 27px;font-weight:700;color:#4a5d45}.reference-hero h1 span{display:block;color:#4a5d45}.reference-en{font-family:recoleta,Georgia,serif}.reference-zh{font-family:'Noto Serif TC',serif;font-weight:500;line-height:1.07}.reference-hero p{font-family:quicksand,'Noto Sans TC',sans-serif;font-size:18px;line-height:1.55;margin:0 0 24px;max-width:650px}.reference-shop{display:inline-block;border-radius:28px;padding:11px 25px;background:#94704d;color:#fff;font-size:15px;line-height:1.6}.reference-shop:hover{background:#795838}.reference-shop:focus-visible{outline:3px solid #4a5d45;outline-offset:5px}@media(min-width:1800px){.reference-hero{min-height:780px}}@media(max-width:1050px){.reference-hero-copy{width:55%}.reference-hero h1{font-size:5vw}.reference-hero p{font-size:16px}}@media(max-width:700px){.reference-hero{margin:16px 4%;min-height:650px;max-height:none;padding:28px 6%;background-position:65% center;border-radius:20px}.reference-hero-copy{width:100%;max-width:370px}.reference-hero h1{font-size:clamp(33px,8.6vw,46px);line-height:1.05;text-shadow:0 0 16px #fcfaef}.reference-hero p{font-size:16px;max-width:330px;text-shadow:0 0 10px #fcfaef}.reference-zh{font-size:.95em}.reference-shop{padding:10px 22px}}

.reference-hero h1{text-shadow:0 0 7px rgba(252,250,239,.95),0 0 22px rgba(252,250,239,.8),0 0 38px rgba(252,250,239,.45)}
.reference-hero-copy>p{text-shadow:0 0 5px rgba(252,250,239,.9),0 0 13px rgba(252,250,239,.75)}

@media(min-width:701px){
 .reference-hero{background-color:#ded6c5;background-size:auto 100%;background-position:right center}
 .reference-hero-copy{width:45%;position:relative;z-index:1}
}