/* Design 08: native ornaments and compact mobile art direction; original photographs are preserved. */
.mens-hero{color:#fff;background:#071c2c;border-block:1px solid #9b804c;overflow:hidden}
.hero-frame{position:relative;isolation:isolate;max-width:1440px;margin:auto;min-height:720px;background:#091e2e}
.hero-stage{position:relative;min-height:720px;isolation:isolate}
.hero-picture{position:absolute;inset:0;margin:0;z-index:-2;overflow:hidden}
.hero-picture>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top}
.hero-picture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081c2ef2,transparent 48%,transparent 94%,#071b2b),linear-gradient(0deg,#061a2ae6,transparent 32%)}
.hero-picture figcaption{position:absolute;top:20px;right:26px;padding:3px 7px;color:#dbe3e9;background:#06192c80;font-size:9px;letter-spacing:.02em;z-index:3}
.hero-decoration{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.hero-edge{position:absolute;inset:15px;border:1px solid #c1a36c55;box-shadow:inset 0 0 0 5px #071b2d33}
.hero-edge::before,.hero-edge::after{content:"";position:absolute;width:78px;height:47px;border-color:#e2c78d;border-style:solid;filter:drop-shadow(0 0 4px #e4c48355)}
.hero-edge::before{top:-1px;left:-1px;border-width:3px 0 0 3px}.hero-edge::after{right:-1px;bottom:-1px;border-width:0 3px 3px 0}
.hero-halo{position:absolute;width:35%;aspect-ratio:1;border:1px solid #e9d29b66;right:11%;top:2%;border-radius:50%;box-shadow:0 0 55px #c7a5691a,inset 0 0 0 12px #cbb48106}
.hero-halo::after{content:"";position:absolute;inset:-11px;border:1px dashed #cfb67b35;border-radius:50%}
.hero-grid{position:absolute;inset:0 46% 0 0;opacity:.3;background:repeating-linear-gradient(135deg,transparent 0 55px,#b2935526 55px 56px,transparent 56px 110px);mask-image:linear-gradient(90deg,#000,transparent)}
.hero-background-word{position:absolute;left:3%;bottom:5%;font:700 clamp(90px,12vw,172px)/1 Georgia,serif;letter-spacing:-.06em;color:#b9c9d107;-webkit-text-stroke:1px #d5ba7a15;white-space:nowrap}
.hero-glint{position:absolute;top:-30%;bottom:-30%;left:-55%;width:35%;opacity:0;background:linear-gradient(90deg,transparent,#d9c79a12,transparent);transform:skewX(-20deg);will-change:transform,opacity}
.hero-spark{position:absolute;font-style:normal;color:#edddb6;text-shadow:0 0 10px #f2d99caa;opacity:.78}.spark-one{font-size:29px;left:51%;top:25%}.spark-two{font-size:19px;right:8%;top:61%}
.hero-copy{position:relative;padding-top:57px;margin-left:62px;width:57%;max-width:690px;z-index:2}
.hero-eyebrow{display:flex;align-items:center;gap:12px;font:11px/1.5 Arial,sans-serif;letter-spacing:.24em;color:#dfca9d;margin-bottom:15px}.hero-eyebrow>span{width:32px;height:1px;background:#cfb37d}
.hero-ribbon{display:inline-flex;align-items:center;gap:9px;position:relative;padding:6px 24px 6px 14px;border:1px solid #c1a269;background:linear-gradient(105deg,#193c57,#0d263e);color:#f0dfb9;font-size:13px;font-weight:700;letter-spacing:.13em;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%);margin-bottom:19px}
.hero-ribbon .md-icon{width:19px;height:19px}
.mens-hero h1{color:#fff;font-weight:800;font-size:clamp(47px,5.1vw,73px);letter-spacing:.02em;line-height:1.38;margin:0}
.hero-first-line{display:block;font-size:.58em;letter-spacing:.13em;line-height:1.6;margin-bottom:3px;text-shadow:0 2px 8px #001425,0 0 22px #d4e1ec25}
.hero-emphasis{display:block;position:relative;isolation:isolate;white-space:nowrap;filter:drop-shadow(0 3px 2px #0009)}
.hero-word{display:inline-block;color:#f5e4b8;-webkit-text-stroke:.7px #fcebc2;text-shadow:0 2px 0 #876537,0 0 20px #e1bf7d38}
@supports(background-clip:text){.hero-word{background:linear-gradient(180deg,#fff8e6 5%,#f5e0ac 38%,#b39155 52%,#f1d69c 73%,#fff4d0 96%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #76572d)}}
.hero-emphasis::after{content:"";display:block;width:88%;max-width:566px;height:6px;margin-top:9px;background:linear-gradient(90deg,#dcb873,#fff0c3 30%,#9c793c 65%,transparent);clip-path:polygon(0 0,100% 0,96% 100%,0 100%);box-shadow:0 2px 8px #b9985533}
.hero-topics{display:flex;align-items:center;gap:10px;margin-top:24px}
.hero-topics>span{display:flex;align-items:center;gap:9px;border:3px double #b69a62;border-radius:4px;padding:5px 15px;background:linear-gradient(125deg,#fff5d8,#d8c18f 60%,#efdfb8);color:#1e3d52;font-size:18px;font-weight:800;box-shadow:0 2px 8px #0002;text-shadow:0 1px 0 #fff9}
.hero-topics .md-icon{width:24px;height:24px}.hero-topics>i{font:17px Georgia,serif;color:#d6b878}
.hero-description{font-size:16px;color:#e3eaf0;line-height:1.85;letter-spacing:.05em;margin-top:19px;text-shadow:0 1px 4px #051523}
.hero-actions{position:absolute;left:62px;bottom:74px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;width:390px;max-width:42%;z-index:4}
.hero-booking{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:62px;padding:17px 20px;border-radius:7px;font-size:15px;font-weight:800;letter-spacing:.015em}
.hero-booking .md-icon{width:24px;height:24px}.hero-booking>span{display:grid;place-items:center;width:25px;height:25px;margin-left:auto;border:1px solid #59616a;border-radius:50%;font-size:18px;font-weight:500}
.hero-browse{display:flex;align-items:center;gap:28px;color:#f2e8d3;font-size:12px;letter-spacing:.06em;padding:7px 2px;border-bottom:1px solid #d5ba7b80}
.hero-browse>span{font-size:17px;line-height:1}.hero-browse:hover{color:#fff4d1;border-color:#fff0bc}
.hero-clinic-collage{position:absolute;bottom:50px;right:57px;width:484px;display:flex;align-items:center;padding-top:40px;z-index:3}
.hero-collage-lead{position:absolute;left:10px;top:-8px;display:flex;align-items:center;gap:15px;width:max-content;max-width:100%;padding:5px 10px;border-left:2px solid #c9aa6c;background:#0a233cdb;border-radius:0 3px 3px 0}.hero-collage-lead>span{font:10px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#dbbd80}.hero-collage-lead>p{font-size:15px;letter-spacing:.08em;color:#fff4d7}
.hero-clinic-photo{position:relative;width:52%;flex-shrink:0;margin:0;padding:4px;border:1px solid #d5b678;border-radius:5px;background:linear-gradient(145deg,#ffefc8,#a17e3c 40%,#f3dba7);box-shadow:0 7px 20px #0005;transform-origin:50% 100%;overflow:hidden}
.hero-clinic-photo>img{display:block;width:100%;height:133px;object-fit:cover;border-radius:1px}.treatment-scene{transform:rotate(-4deg) translateY(-9px)}.treatment-scene img{object-position:55% 32%}.consultation-scene{margin-left:-17px;transform:rotate(4deg) translateY(5px)}.consultation-scene img{object-position:62% 35%}
.hero-clinic-photo figcaption{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#102d43;color:#f1e4c6;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.025em}.hero-clinic-photo figcaption>span{color:#b79a61;font:italic 14px Georgia,serif;border-right:1px solid #c5aa6b80;padding-right:7px}
.hero-motion-toggle{position:absolute;right:28px;bottom:15px;z-index:5;display:flex;align-items:center;gap:5px;min-height:28px;padding:2px 7px;border:1px solid #879aac70;border-radius:4px;background:#081d2c99;color:#ccd9e2;font-size:10px;line-height:1.4}.hero-motion-toggle:hover{background:#24445c}
.mens-hero a:focus-visible,.hero-motion-toggle:focus-visible{outline:3px solid #fff0bf;outline-offset:4px}

/* All WEB reservation controls: smooth surface and a blurred shadow, without hard lower ledges. */
.design-v8 a.button[data-web-booking],.design-v8 .mobile-booking a[data-web-booking]{background:linear-gradient(180deg,#365f7d 0%,#234965 48%,#193d57 100%);color:#fff;border:1px solid #a7a58e;box-shadow:inset 0 1px 0 #ffffff48,0 4px 12px #142c4529;text-shadow:0 1px 2px #0003;transition:background .2s,box-shadow .2s,transform .2s}
.design-v8 a.button[data-web-booking]:hover,.design-v8 .mobile-booking a[data-web-booking]:hover{background:linear-gradient(180deg,#426e8d,#204861);box-shadow:inset 0 1px 0 #ffffff50,0 5px 15px #102c4533;transform:translateY(-1px)}
.design-v8 a.hero-booking[data-web-booking]{background:linear-gradient(160deg,#fbefd0,#e6cf9c 55%,#d5b677);color:#15354d;border:1px solid #f0dba7;box-shadow:inset 0 1px 0 #fff8e5,0 5px 16px #0003;text-shadow:0 1px 0 #ffffff70}
.design-v8 a.hero-booking[data-web-booking]:hover{background:linear-gradient(160deg,#fff5dc,#eddbb4 55%,#dec18a);box-shadow:inset 0 1px 0 #fff,0 6px 18px #0003}
.design-v8 a.button[data-web-booking]:active,.design-v8 .mobile-booking a[data-web-booking]:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #0002,0 2px 7px #142c4520}

/* Progressive animation: content is visible without JavaScript. */
.hero-motion .hero-ribbon{animation:hero-rise .75s .05s both}.hero-motion h1{animation:hero-rise .85s .15s both}.hero-motion .hero-topics{animation:hero-rise .8s .3s both}.hero-motion .hero-description{animation:hero-rise .8s .4s both}.hero-motion .treatment-scene{animation:hero-photo-one .9s .4s both}.hero-motion .consultation-scene{animation:hero-photo-two .9s .6s both}.hero-motion .hero-actions{animation:hero-rise .8s .6s both}.hero-motion .hero-glint{animation:hero-light 9s 1.2s infinite}.hero-motion .hero-spark{animation:hero-star 6s 1s ease-in-out infinite alternate}.hero-motion .spark-two{animation-delay:2.5s}
.mens-hero.is-offscreen *{animation-play-state:paused!important}.mens-hero.is-still *{animation:none!important}
@keyframes hero-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-photo-one{from{opacity:0;transform:translateY(18px) rotate(-7deg)}to{opacity:1;transform:rotate(-4deg) translateY(-9px)}}
@keyframes hero-photo-two{from{opacity:0;transform:translateY(22px) rotate(7deg)}to{opacity:1;transform:rotate(4deg) translateY(5px)}}
@keyframes hero-light{0%,65%,100%{opacity:0;transform:translateX(0) skewX(-20deg)}8%{opacity:.85}28%,60%{opacity:0;transform:translateX(480%) skewX(-20deg)}}
@keyframes hero-star{from{opacity:.3}to{opacity:.8}}
@media(min-width:768px) and (max-width:1100px){
 .hero-frame,.hero-stage{min-height:670px}.hero-copy{margin-left:38px;padding-top:44px;width:59%}.mens-hero h1{font-size:clamp(41px,5.25vw,58px)}.hero-eyebrow{font-size:10px}.hero-ribbon{font-size:11px;margin-bottom:14px}.hero-description{font-size:14px}.hero-topics{gap:8px;margin-top:20px}.hero-topics>span{font-size:16px;padding:4px 11px;gap:6px}.hero-topics .md-icon{width:21px;height:21px}
 .hero-actions{left:38px;bottom:67px;width:322px;max-width:43%}.hero-booking{font-size:13px;gap:8px;padding-inline:13px}.hero-clinic-collage{right:32px;bottom:56px;width:39%;padding-top:32px}.hero-clinic-photo>img{height:108px}.hero-clinic-photo figcaption{font-size:9px;padding:5px;gap:5px}.hero-clinic-photo figcaption>span{font-size:11px;padding-right:5px}.hero-collage-lead{gap:8px;left:2px}.hero-collage-lead>span{font-size:8px;letter-spacing:.1em}.hero-collage-lead>p{font-size:11px}.consultation-scene{margin-left:-11px}
}
@media(max-width:767px){
 .hero-frame{min-height:0;padding-bottom:12px}.hero-stage{height:clamp(292px,79vw,340px);min-height:0}
 .hero-picture>img{object-position:66% top}.hero-picture::after{background:linear-gradient(90deg,#081c2eca,transparent 57%),linear-gradient(0deg,#081d2c,transparent 19%)}.hero-picture figcaption{top:auto;bottom:8px;right:12px;font-size:7px;padding:2px 4px;background:#071a2b80}
 .hero-edge{inset:9px;border-color:#c1a36c55}.hero-edge::before,.hero-edge::after{width:29px;height:21px;border-width:2px 0 0 2px}.hero-edge::after{border-width:0 2px 2px 0}
 .hero-halo{width:49%;right:3%;top:5%;border-color:#dcc58b40}.hero-halo::after{inset:-5px;border-color:#c9b17633}.hero-grid{right:35%}.hero-background-word{font-size:64px;bottom:7%;left:3%}.spark-one{font-size:17px;left:56%;top:52%}.spark-two{font-size:11px;right:5%;top:70%}
 .hero-copy{padding-top:24px;margin-left:5%;width:50%;max-width:370px}.hero-eyebrow{font-size:8px;letter-spacing:.14em;gap:6px;margin-bottom:8px}.hero-eyebrow>span{width:16px}.hero-ribbon{font-size:9px;letter-spacing:.035em;gap:5px;padding:3px 11px 3px 6px;margin-bottom:10px}.hero-ribbon .md-icon{width:13px;height:13px}
 .mens-hero h1{font-size:clamp(28px,8.8vw,39px);letter-spacing:.04em;line-height:1.2}.hero-first-line{font-size:.55em;letter-spacing:.06em;line-height:1.55;margin-bottom:5px}.hero-word{display:block;width:max-content;-webkit-text-stroke:.4px #fff0c8;filter:drop-shadow(0 1px 0 #856534)}.hero-emphasis::after{width:90%;height:3px;margin-top:6px}.hero-emphasis{filter:drop-shadow(0 2px 2px #0009)}
 .hero-topics{gap:5px;margin-top:11px}.hero-topics>span{gap:3px;padding:2px 6px;font-size:11px;border-width:1px;border-radius:3px}.hero-topics .md-icon{width:16px;height:16px}.hero-topics>i{font-size:11px}.hero-description{margin-top:10px;font-size:10px;line-height:1.7;letter-spacing:0}
 .hero-clinic-collage{position:relative;bottom:auto;right:auto;width:calc(100% - 44px);max-width:440px;margin:0 auto;padding:2px 0 0;gap:8px;align-items:stretch}.hero-collage-lead{display:none}.hero-clinic-photo{width:calc(50% - 4px);padding:2px;border-radius:4px;box-shadow:0 3px 10px #0003}.hero-clinic-photo>img{height:70px}.hero-clinic-photo figcaption{font-size:9px;line-height:1.3;padding:4px 3px;gap:4px;letter-spacing:0;white-space:nowrap}.hero-clinic-photo figcaption>span{font-size:10px;padding-right:4px}.treatment-scene{transform:rotate(-1.5deg)}.consultation-scene{margin-left:0;transform:rotate(1.5deg)}
 .hero-actions{position:relative;left:auto;bottom:auto;width:calc(100% - 40px);max-width:440px;margin:14px auto 0;gap:7px;align-items:center}.hero-booking{width:100%;font-size:13px;min-height:50px;padding:11px 16px;gap:9px}.hero-booking .md-icon{width:21px;height:21px}.hero-booking>span{width:24px;height:24px;font-size:17px}.hero-browse{font-size:10px;gap:15px;padding:5px 0}.hero-browse>span{font-size:13px}
 .hero-motion-toggle{right:10px;bottom:8px;min-height:24px;font-size:8px;gap:3px;padding:2px 4px;border-color:#69849760;background:transparent}
 @keyframes hero-photo-one{from{opacity:0;transform:translateY(12px) rotate(-4deg)}to{opacity:1;transform:rotate(-1.5deg)}}
 @keyframes hero-photo-two{from{opacity:0;transform:translateY(12px) rotate(4deg)}to{opacity:1;transform:rotate(1.5deg)}}
}
@media(max-width:374px){.hero-copy{margin-left:5%;width:50%}.hero-ribbon{font-size:8px}.hero-description{font-size:9px}.hero-topics{gap:3px}.hero-topics>span{padding-inline:4px;font-size:10px}.hero-topics .md-icon{width:14px;height:14px}.hero-clinic-collage{width:calc(100% - 36px);gap:6px}.hero-clinic-photo{width:calc(50% - 3px)}.hero-clinic-photo figcaption{font-size:8px}.hero-booking{font-size:12px;padding-inline:12px}.hero-motion-toggle .motion-label{font-size:0}.hero-motion-toggle .motion-label::after{content:"演出";font-size:8px}}
@media(prefers-reduced-motion:reduce){.mens-hero *{animation:none!important;transition:none!important}.hero-motion-toggle{display:none}.design-v8 a.button[data-web-booking],.design-v8 .mobile-booking a[data-web-booking]{transition:none}}
@media print{.mens-hero{print-color-adjust:exact;-webkit-print-color-adjust:exact}.mens-hero *{animation:none!important}.hero-motion-toggle{display:none}}