@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:#1c4776}
.heart{color:#167bcc;font-family:'Bad Script',cursive;font-weight:400}
.hero-note{position:absolute;right:13px;top:112px;width:118px;text-align:center;font-size:23px;line-height:1.28;transform:rotate(-10deg);text-shadow:0 1px 5px #fff8}
.hero-note .heart{display:block;font-size: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:#fff}
.service-card:first-child .service-photo{object-position:70% center}
.card-wash{background:linear-gradient(100deg,#fff 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,#e6f7ffef,#d8effaf5);border-radius:58% 46% 60% 38% / 50% 46% 54% 47%;transform:rotate(-10deg);text-align:center}
.community-note p{font-size:22px;line-height:1.24;transform:rotate(-3deg);padding:4px 14px 0}
.community-note .heart{font-size:25px}
.lobby-photo{object-fit:cover;border-radius:53% 47% 50% 50%;border:5px solid #fff}
.detail-photo{object-fit:cover;border-radius:51% 49% 49% 51%;border:5px solid #fff}
.mat-note{position:absolute;left:40px;top:159px;width:148px;text-align:center;font-size: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,#e2f5ff,#dff3fe);border-radius:56% 44% 53% 47% / 49% 54% 46% 51%;text-align:center}
.care-note p{text-transform:uppercase;font-size:9px;line-height:13px;color:#185a97}
.care-note strong{font-weight:700}
.care-note .heart{display:block;font-size:21px;line-height:23px}
.brighter-note{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#f2fbff,#e8f6fc);border-radius:60% 42% 59% 40% / 58% 43% 55% 40%;transform:rotate(-10deg);text-align:center}
.brighter-note p{font-size:23px;line-height:1.19;padding-top:6px}
.brighter-note .heart{font-size:26px}
.footer-note{font-size:10.5px;line-height:15px;white-space:nowrap;transform:rotate(-4deg);mix-blend-mode:normal}
.footer-note .heart{font-size: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:17px;line-height:1.25}
 .hero-note .heart{font-size: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:16px;padding:2px 9px 0}
 .community-note .heart{font-size:20px}
 .footer-brand{width:174px;height:61px}
 .brighter-note{height:100px}
 .brighter-note p{font-size:18px}
 .footer-note{font-size: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:clamp(14px,4vw,23px);line-height:1.25}
 .hero-note .heart{font-size: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: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:clamp(6px,2vw,9px);line-height:1.08;letter-spacing:1px}
 .care-note{height:46%}
 .care-note p{font-size:clamp(6px,1.9vw,9px);line-height:1.35}
 .care-note .heart{font-size:19px;line-height:21px}
 .brighter-note{display:none}
 .footer-brand{width:190px;height:66px}
 .footer-note{font-size: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}