/* Illustrated storefront: original Thai massage art, existing business data. */
.header-shortcuts{display:none}
.handmade{background:#faf6e9;background-image:none}
.handmade .design-bar{display:none}
.handmade .site-header{background:#fffdf8;border-bottom:1px solid #e5ddcc}
.handmade .salon-section{padding-top:30px}
.handmade .illustration-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.handmade .illustration-stage{position:relative;width:100%;max-width:520px;justify-self:center;margin:0;padding:0;transform:none}
.illustration-stage img{width:100%;height:auto;display:block}
.illustration-stage figcaption{font-family:var(--head);font-size:17px;text-align:center;color:var(--ink);margin-top:4px;line-height:1.8}
.illustrated-name{position:absolute;top:11%;left:55%;width:42%;color:#b35f36;font-family:var(--head);font-size:48px;font-weight:400;letter-spacing:.01em;line-height:1.15;transform:rotate(-3deg);-webkit-text-stroke:.6px #744932;pointer-events:none;text-align:center}
.illustrated-name>span{display:block}
.illustrated-name>small{display:block;font-size:15px;color:#755a3e;-webkit-text-stroke:0;letter-spacing:.07em;margin-top:13px}
.handmade .illustration-hero h1{font-size:47px;line-height:1.8}
.handmade .illustration-hero .hero-text{font-size:13px;line-height:2.2}
.room-story{display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:center;max-width:690px;margin:42px auto 8px;padding:20px;background:#f3eddf;border-radius:5px 14px 8px 6px}
.room-story>img{width:230px;height:157px;object-fit:cover;border:6px solid #fffdf8;box-shadow:2px 3px 0 #c8bda520;transform:rotate(-2deg)}
.room-story p{font-family:var(--head);font-size:27px;line-height:1.6;margin-bottom:12px}
.room-story span{font-size:12px;line-height:2;color:var(--muted)}
@media(max-width:1050px){.handmade .illustration-hero{gap:28px;grid-template-columns:1fr 1fr}.handmade .illustration-hero h1{font-size:38px}.illustrated-name{font-size:40px}.illustrated-name>small{font-size:13px}.handmade .illustration-hero .hero-copy>.eyebrow{font-size:13px}}
@media(max-width:800px){.handmade .illustration-hero{display:flex;flex-direction:column;gap:35px}.handmade .illustration-stage{max-width:435px}.handmade .illustration-hero .hero-copy{width:100%;max-width:510px;text-align:center}.handmade .illustration-hero h1:after{left:50%;transform:translateX(-50%) rotate(-2deg)}.handmade .illustration-hero .location{justify-content:center}.handmade .illustration-hero .hero-actions{align-items:center}.desktop-only{display:none}.handmade .illustration-hero h1{font-size:37px}.handmade .illustration-hero .hero-text br:last-child{display:none}.handmade .header-inner{gap:8px}.handmade .header-shortcuts{display:flex;align-items:center;gap:8px;margin-left:auto}.header-social{width:40px;height:44px;display:flex;align-items:center;justify-content:center;color:#a26348}.header-social .icon{width:28px;height:28px}.handmade .header-reserve{display:flex;align-items:center;justify-content:center;background:#57705b;color:#fffdf5;font-family:var(--head);font-size:17px;min-height:44px;min-width:50px;padding:8px;border-radius:11px 9px 12px 8px}.handmade .nav-toggle{border:0;width:40px;height:44px;flex-shrink:0;color:#a26348}.handmade .nav-toggle .icon{width:29px;height:29px}}
@media(max-width:600px){html{scroll-padding-top:84px}.handmade .header-inner{min-height:75px;gap:7px}.handmade .header-inner .brand img{display:none}.handmade .header-inner .brand strong{font-size:21px;white-space:nowrap}.handmade .header-inner .brand small{font-size:9px;letter-spacing:.04em}.handmade .header-shortcuts{gap:6px}.handmade .header-social{width:34px}.handmade .header-reserve{min-width:43px;min-height:44px;font-size:16px;padding:7px}.handmade .nav-toggle{width:37px}.handmade .salon-section{padding-top:22px}.handmade .illustration-stage{width:100%;max-width:400px}.illustrated-name{font-size:35px;top:10%;left:53%;width:43%}.illustrated-name>small{font-size:12px;margin-top:11px}.illustration-stage figcaption{font-size:14px;margin-top:6px}.handmade .illustration-hero{gap:43px}.handmade .illustration-hero .hero-copy{max-width:380px}.handmade .illustration-hero .hero-copy>.eyebrow{font-size:13px}.handmade .illustration-hero h1{font-size:34px;line-height:1.75}.handmade .illustration-hero .hero-text{font-size:12px;line-height:2.2}.handmade .illustration-hero .hero-text br{display:none}.handmade .illustration-hero .hero-note{font-size:9px}.handmade .illustration-hero .hero-actions{gap:12px}.room-story{grid-template-columns:1fr 1fr;gap:16px;padding:13px;margin-top:34px}.room-story>img{width:100%;height:125px;border:4px solid #fffdf8}.room-story p{font-size:21px;margin-bottom:8px;line-height:1.6}.room-story span{font-size:10px;line-height:1.8}.room-story span br{display:none}}
@media(max-width:360px){.handmade .header-inner .brand strong{font-size:19px}.handmade .header-shortcuts{gap:4px}.handmade .header-social{width:31px}.handmade .header-social .icon{width:25px;height:25px}.handmade .header-reserve{min-width:40px;font-size:15px}.handmade .nav-toggle{width:33px}.illustrated-name{font-size:29px}.illustrated-name>small{font-size:10px}.handmade .illustration-hero h1{font-size:30px}.room-story{gap:13px}.room-story p{font-size:18px}.room-story>img{height:114px}}
