@font-face{font-family:'Bad Script';src:url('assets/fonts/bad-script-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.brand{width:225px;height:79px;top:12px}
.footer-brand{width:185px;height:65px;top:6px}
.footer-brand img{width:100%;height:100%}
.leaves-left{left:4px;top:83px;width:50px;height:126px;object-fit:fill;mix-blend-mode:normal;opacity:.67}
.leaves-right{right:7px;top:78px;width:90px;height:132px;object-fit:fill;mix-blend-mode:normal;opacity:.65}
.hero-photo{object-fit:cover;clip-path:url(#hero-photo-mask)}
.shirt-brand{position:absolute;left:42%;top:60%;width:22%;height:auto;filter:grayscale(1) brightness(0) invert(1);opacity:.9;transform:rotate(-12deg);pointer-events:none}
.handwritten{font-family:'Bad Script',cursive;font-weight:400;color:#27696b}
.heart{color:#2cb2b6;font-family:'Bad Script',cursive;font-weight:400}
.hero-note{position:absolute;right:13px;top:112px;width:118px;text-align:center;font-size:max(15px,23px);line-height:1.28;transform:rotate(-10deg);text-shadow:0 1px 5px #ffffff88}
.hero-note .heart{display:block;font-size:max(15px,29px);line-height:32px}
.service-photo{left:7px;right:7px;top:6px;bottom:6px;width:calc(100% - 14px);height:calc(100% - 12px);max-width:none;object-fit:cover;object-position:65% center;border-radius:12px}
.service-card::before{content:'';position:absolute;z-index:1;top:0;bottom:0;left:0;width:43%;background:#ffffff}
.service-card:first-child .service-photo{object-position:70% center}
.card-wash{background:linear-gradient(100deg,#ffffff 74%,#fffffff7 91%,#ffffffd9)}
.community-photo{object-fit:cover;clip-path:url(#community-photo-mask)}
.community-note{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9fbfcef,#dcf5f6f5);border-radius:58% 46% 60% 38% / 50% 46% 54% 47%;transform:rotate(-10deg);text-align:center}
.community-note p{font-size:max(15px,22px);line-height:1.24;transform:rotate(-3deg);padding:4px 14px 0}
.community-note .heart{font-size:max(15px,25px)}
.lobby-photo{object-fit:cover;border-radius:53% 47% 50% 50%;border:5px solid #ffffff}
.detail-photo{object-fit:cover;border-radius:51% 49% 49% 51%;border:5px solid #ffffff}
.mat-note{position:absolute;left:40px;top:159px;width:148px;text-align:center;font-size:max(15px,9px);line-height:10px;font-weight:700;letter-spacing:1.3px;color:white;transform:perspective(180px) rotateX(25deg) rotate(-3deg);pointer-events:none}
.care-note{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5fbfc,#e3fafa);border-radius:56% 44% 53% 47% / 49% 54% 46% 51%;text-align:center}
.care-note p{text-transform:uppercase;font-size:max(15px,9px);line-height:13px;color:#278588}
.care-note strong{font-weight:700}
.care-note .heart{display:block;font-size:max(15px,21px);line-height:23px}
.brighter-note{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#f4fdfd,#eaf9fa);border-radius:60% 42% 59% 40% / 58% 43% 55% 40%;transform:rotate(-10deg);text-align:center}
.brighter-note p{font-size:max(15px,23px);line-height:1.19;padding-top:6px}
.brighter-note .heart{font-size:max(15px,26px)}
.footer-note{font-size:max(15px,10.5px);line-height:15px;white-space:nowrap;transform:rotate(-4deg);mix-blend-mode:normal}
.footer-note .heart{font-size:max(15px,15px)}
@media(min-width:768px) and (max-width:999px){
 .brand{width:190px;height:67px;top:13px}
 .hero-photo{height:100%}
 .hero-note{right:9px;top:80px;width:87px;font-size:max(15px,17px);line-height:1.25}
 .hero-note .heart{font-size:max(15px,22px);line-height:25px}
 .leaves-left{width:27px;height:114px;left:4px}
 .service-photo{height:calc(100% - 12px);opacity:1}
 .community-note p{font-size:max(15px,16px);padding:2px 9px 0}
 .community-note .heart{font-size:max(15px,20px)}
 .footer-brand{width:174px;height:61px}
 .brighter-note{height:100px}
 .brighter-note p{font-size:max(15px,18px)}
 .footer-note{font-size:max(15px,9px);line-height:13px}
}
@media(max-width:767px){
 .brand{width:205px;height:72px;top:10px}
 .hero-photo{height:100%;width:100%;position:absolute;inset:0}
 .hero-note{top:25%;right:2.3%;width:20.5%;font-size:max(15px,clamp(14px,4vw,23px));line-height:1.25}
 .hero-note .heart{font-size:max(15px,1.2em);line-height:1.25}
 .leaves-left{width:16px;height:75px;left:3px;top:35px;opacity:.45}
 .leaves-right{right:7px;top:35%;width:21%;height:57%}
 .service-photo{width:calc(100% - 14px);height:calc(100% - 12px);max-width:none}
 .service-card::before{width:41%}
 .community-note p{font-size:max(15px,clamp(17px,5vw,25px))}
 .lobby-photo{height:95%;border-width:4px}
 .detail-photo{height:100%;border-width:4px}
 .mat-note{left:9%;top:71%;width:33%;font-size:max(15px,clamp(6px,2vw,9px));line-height:1.08;letter-spacing:1px}
 .care-note{height:46%}
 .care-note p{font-size:max(15px,clamp(6px,1.9vw,9px));line-height:1.35}
 .care-note .heart{font-size:max(15px,19px);line-height:21px}
 .brighter-note{display:none}
 .footer-brand{width:190px;height:66px}
 .footer-note{font-size:max(15px,11px);line-height:16px;width:auto;height:auto;min-height:35px}
}
.shirt-brand{left:25%;top:61%}
.community-note{aspect-ratio:185 / 139}

.shirt-brand{filter:none}