*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:"Noto Serif JP",serif;background:linear-gradient(180deg,#F8F8F2 0%,#EDEDE6 25%,#E8E8E0 50%,#F0F0E8 75%,#EAEAE2 100%);color:#2C2C28;overflow-x:hidden;line-height:1.8}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}

:root{
  --silver-light:#F8F8F6;
  --silver:#E8E8E5;
  --silver-dark:#C0C0BB;
  --silver-mid:#A8A8A0;
  --silver-deep:#6A6A63;
  --ivory:#FFFEF8;
  --white:#FFFFFF;
  --gold-light:#DCDCD4;
  --gold:#B0B0A8;
  --gold-mid:#8A8A82;
  --gold-dark:#5E5E56;
  --gold-deep:#42423C;
  --charcoal:#2C2C28;
  --gray:#6E6E66;
  --gold-grad:linear-gradient(135deg,#3A3A35 0%,#6A6A63 8%,#B0B0A8 16%,#F0F0E8 26%,#FFFFFF 32%,#D0D0C8 38%,#5A5A52 46%,#9A9A92 52%,#F8F8F0 60%,#E0E0D8 66%,#7A7A72 74%,#C0C0B8 82%,#FFFFFF 88%,#8A8A82 94%,#3A3A35 100%);
  --silver-text-grad:linear-gradient(135deg,#3A3A35 0%,#6A6A63 12%,#9A9A92 25%,#6A6A63 38%,#8A8A82 50%,#5A5A52 62%,#7A7A72 75%,#4A4A45 88%,#3A3A35 100%);
  --silver-grad:linear-gradient(135deg,#FFFFFF 0%,#E8E8E5 50%,#D0D0CC 100%);
  --silver-polished:linear-gradient(135deg,#8A8A82 0%,#C0C0B8 15%,#F0F0E8 30%,#FFFFFF 42%,#E8E8E0 50%,#B0B0A8 58%,#D8D8D0 68%,#F8F8F0 78%,#C0C0B8 88%,#8A8A82 100%);
  --silver-sheen:linear-gradient(180deg,rgba(255,255,255,0.4) 0%,transparent 40%,transparent 60%,rgba(160,160,152,0.15) 100%);
  --font-en:"Cormorant Garamond","Playfair Display",serif;
}

/* ===== ORNAMENT ===== */
.ornament-divider{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto;max-width:600px}
.ornament-divider .line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#5A5A52,transparent)}
.ornament-divider svg{width:40px;height:40px;flex-shrink:0}
#news .ornament-divider svg [fill],#system .ornament-divider svg [fill]{fill:#5A5A52}
#news .ornament-divider svg [stroke],
#system .ornament-divider svg [stroke],
#access .ornament-divider svg [stroke]{stroke:#5A5A52}
#access .ornament-divider svg [fill]{fill:#5A5A52}

/* ===== PARTICLES ===== */
.particles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.particle{position:absolute;bottom:-20px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#C8C8C0,transparent);opacity:0;animation:floatUp 15s linear infinite}
.particle:nth-child(1){left:5%;animation-delay:0s;animation-duration:12s}
.particle:nth-child(2){left:12%;animation-delay:2s;animation-duration:18s;width:3px;height:3px}
.particle:nth-child(3){left:20%;animation-delay:5s;animation-duration:14s}
.particle:nth-child(4){left:28%;animation-delay:1s;animation-duration:16s;width:5px;height:5px}
.particle:nth-child(5){left:35%;animation-delay:7s;animation-duration:13s}
.particle:nth-child(6){left:42%;animation-delay:3s;animation-duration:19s}
.particle:nth-child(7){left:50%;animation-delay:9s;animation-duration:15s}
.particle:nth-child(8){left:58%;animation-delay:2s;animation-duration:17s}
.particle:nth-child(9){left:65%;animation-delay:6s;animation-duration:14s}
.particle:nth-child(10){left:72%;animation-delay:4s;animation-duration:18s}
.particle:nth-child(11){left:80%;animation-delay:8s;animation-duration:12s}
.particle:nth-child(12){left:88%;animation-delay:10s;animation-duration:16s}
.particle:nth-child(13){left:93%;animation-delay:1.5s;animation-duration:15s}
.particle:nth-child(14){left:45%;animation-delay:13s;animation-duration:11s}
.particle:nth-child(15){left:75%;animation-delay:14s;animation-duration:17s}
@keyframes floatUp{
  0%{bottom:-20px;opacity:0;transform:translateX(0) scale(1)}
  10%{opacity:0.8}
  50%{opacity:0.5;transform:translateX(30px) scale(0.8)}
  90%{opacity:0.3}
  100%{bottom:100vh;opacity:0;transform:translateX(-20px) scale(0.5)}
}

/* ===== LACE OVERLAY ===== */
.lace-overlay{
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23B0B0A8' stroke-width='0.5' opacity='0.15'%3E%3Ccircle cx='40' cy='40' r='30'/%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3Ccircle cx='40' cy='40' r='10'/%3E%3Cpath d='M40 5 L40 75 M5 40 L75 40 M18 18 L62 62 M62 18 L18 62'/%3E%3Cpath d='M40 5 Q55 20 40 35 Q25 20 40 5' fill='%23B0B0A8' opacity='0.3'/%3E%3Cpath d='M40 75 Q55 60 40 45 Q25 60 40 75' fill='%23B0B0A8' opacity='0.3'/%3E%3Cpath d='M5 40 Q20 55 35 40 Q20 25 5 40' fill='%23B0B0A8' opacity='0.3'/%3E%3Cpath d='M75 40 Q60 55 45 40 Q60 25 75 40' fill='%23B0B0A8' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E");
  background-size:80px 80px;pointer-events:none;z-index:1;opacity:0.4;
}

/* ===== SIDEBAR (LEFT FIXED NAV) ===== */
header{
  position:fixed;top:0;left:0;width:240px;height:100vh;z-index:1000;
  background:linear-gradient(180deg,#F5F5EF 0%,#EDEDE6 30%,#E8E8E0 60%,#E0E0D8 100%);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-right:1px solid rgba(120,120,112,0.2);
  display:flex;flex-direction:column;align-items:center;
  padding:40px 20px;overflow-y:auto;
  box-shadow:4px 0 30px rgba(120,120,112,0.12),inset -1px 0 0 rgba(255,255,255,0.4);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23808078' stroke-width='0.3' opacity='0.08'%3E%3Ccircle cx='40' cy='40' r='30'/%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3Ccircle cx='40' cy='40' r='10'/%3E%3Cpath d='M40 5 L40 75 M5 40 L75 40'/%3E%3C/g%3E%3C/svg%3E");
}
header::before{
  content:"";position:absolute;top:0;right:0;width:1px;height:100%;
  background:linear-gradient(180deg,transparent 0%,rgba(120,120,112,0.3) 15%,rgba(200,200,192,0.5) 30%,rgba(255,255,255,0.6) 50%,rgba(200,200,192,0.5) 70%,rgba(120,120,112,0.3) 85%,transparent 100%);
}
header::after{
  content:"";position:absolute;top:0;right:3px;width:1px;height:100%;
  background:linear-gradient(180deg,transparent 0%,rgba(120,120,112,0.1) 30%,rgba(120,120,112,0.1) 70%,transparent 100%);
}
header.scrolled{box-shadow:4px 0 40px rgba(176,176,168,0.12)}
.header-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%;gap:30px}
.logo{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.logo-en{font-family:var(--font-en);font-size:1.5rem;font-weight:600;letter-spacing:0.12em;background:var(--silver-text-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}
.logo-jp{font-size:0.6rem;color:var(--gold-dark);letter-spacing:0.25em}
.logo-ornament{margin:8px auto 0}
nav{flex:1;display:flex;align-items:center;width:100%}
nav ul{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%}
nav a{font-size:0.78rem;color:var(--charcoal);letter-spacing:0.12em;position:relative;padding:6px 0;transition:color .3s;display:block;text-align:center}
nav a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,200,192,0.8),transparent);transition:all .3s ease;transform:translateX(-50%)}
nav a:hover{color:var(--gold-dark)}
nav a:hover::after{width:60%}
nav a.active{color:var(--gold-dark)}
nav a.active::after{width:60%}
.header-info{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding-top:20px;border-top:1px solid rgba(90,90,82,0.2);width:100%}
.header-phone{font-family:var(--font-en);font-size:1.15rem;font-weight:600;color:var(--charcoal);letter-spacing:0.05em}
.header-hours{font-size:0.65rem;color:var(--gold-dark);letter-spacing:0.1em}

/* page content offset for sidebar */
.page-wrapper{margin-left:240px;transition:margin .4s ease}

/* hamburger for mobile */
.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;flex-direction:column;gap:5px;cursor:pointer;background:#FAFAF7;padding:12px;border-radius:4px;border:1px solid rgba(90,90,82,0.3);box-shadow:0 2px 15px rgba(0,0,0,0.08)}
.sidebar-toggle span{width:25px;height:2px;background:var(--gold-dark);transition:.3s}
.sidebar-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sidebar-toggle.active span:nth-child(2){opacity:0}
.sidebar-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:999;opacity:0;transition:opacity .4s}
.sidebar-overlay.active{display:block;opacity:1}

/* ===== SECTION STARS ===== */
.star-section{position:absolute;pointer-events:none;z-index:8;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(200,200,192,0.8) 40%,transparent 70%);animation:twinkle 4s ease-in-out infinite}
.star-section::before,.star-section::after{content:"";position:absolute;top:50%;left:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.7) 50%,transparent 100%);transform-origin:center}
.star-section::before{width:16px;height:1px;transform:translate(-50%,-50%)}
.star-section::after{width:1px;height:16px;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,0.7) 50%,transparent 100%)}
.star-section.f2{width:2px;height:2px;animation-duration:5s;animation-delay:1s}
.star-section.f2::before{width:12px}
.star-section.f2::after{height:12px}
.star-section.f3{width:4px;height:4px;animation-duration:6s;animation-delay:2s}
.star-section.f3::before{width:20px}
.star-section.f3::after{height:20px}
.star-section.f4{width:2.5px;height:2.5px;animation-duration:3.5s;animation-delay:0.5s}
.star-section.f4::before{width:14px}
.star-section.f4::after{height:14px}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(0.5)}50%{opacity:0.9;transform:scale(1.1)}}

/* ===== HERO ===== */
.hero{position:relative;height:725px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#0a0a0e}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero-content{position:relative;z-index:10;text-align:center;padding:0 20px 0;max-width:900px;margin-bottom:-15px}
.hero-cta{display:inline-flex;align-items:center;gap:12px;padding:16px 50px;font-family:var(--font-en);font-size:0.95rem;letter-spacing:0.2em;color:#2A2A26;background:var(--silver-polished);border-radius:2px;position:relative;overflow:hidden;transition:all .4s ease;opacity:0;animation:fadeInUp 1.2s ease 1.1s forwards;box-shadow:0 6px 25px rgba(120,120,112,0.4),0 2px 8px rgba(0,0,0,0.15),inset 0 1px 1px rgba(255,255,255,0.6),inset 0 -1px 1px rgba(0,0,0,0.1)}
.hero-cta::before{content:"";position:absolute;inset:0;background:var(--silver-sheen);pointer-events:none;z-index:1}
.hero-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.6) 50%,transparent 100%);transform:translateX(-100%);transition:transform .6s;animation:autoSweep 4s ease-in-out infinite;z-index:2}
.hero-cta:hover::after{transform:translateX(100%);animation:none}
.hero-cta:hover{box-shadow:0 10px 35px rgba(120,120,112,0.5),0 4px 12px rgba(0,0,0,0.2),inset 0 1px 1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(0,0,0,0.12);transform:translateY(-2px)}
.hero-cta span{position:relative;z-index:3}

/* ===== HERO INFO BAR ===== */
.hero-info-bar{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:16px;padding:14px 30px;background:rgba(255,255,255,0.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:2px;border:1px solid rgba(176,176,168,0.25);box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.hero-info-item{display:flex;flex-direction:column;align-items:center;gap:4px}
.hero-info-label{font-family:var(--font-en);font-size:0.65rem;letter-spacing:0.25em;color:var(--gold-mid);text-transform:uppercase}
.hero-info-value{font-size:0.9rem;color:var(--charcoal);letter-spacing:0.05em;font-weight:500}
.hero-info-divider{width:1px;height:30px;background:linear-gradient(180deg,transparent,rgba(176,176,168,0.4),transparent)}

/* ===== SECTION COMMON ===== */
section{position:relative;padding:100px 20px}
.section-inner{max-width:1200px;margin:0 auto}
.section-label{font-family:var(--font-en);font-size:0.8rem;letter-spacing:0.4em;color:var(--gold-deep);text-transform:uppercase;text-align:center;margin-bottom:15px;position:relative}
.section-label::before{content:"";display:block;width:30px;height:1px;margin:0 auto 12px;background:linear-gradient(90deg,transparent 0%,rgba(120,120,112,0.5) 50%,transparent 100%)}
#staff .section-label::before,#event .section-label::before,#therapist .section-label::before,#room .section-label::before{background:linear-gradient(90deg,transparent 0%,rgba(200,200,192,0.5) 50%,transparent 100%)}
.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:500;text-align:center;color:var(--charcoal);letter-spacing:0.05em;margin-bottom:20px;position:relative}
.section-title .gold-text{background:var(--silver-text-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-title::before{content:"";display:block;width:80px;height:1px;margin:0 auto 15px;background:linear-gradient(90deg,transparent 0%,rgba(120,120,112,0.4) 50%,transparent 100%)}
.section-title::after{content:"";display:block;width:20px;height:20px;margin:15px auto 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' viewBox='0 0 25 50' fill='none' stroke='%23808078' stroke-width='0.5'%3E%3Cpath d='M12.5 2 L12.5 48'/%3E%3Cpath d='M12.5 6 Q18 9 20 15 M12.5 11 Q19 14 21 21 M12.5 16 Q20 19 22 27 M12.5 21 Q21 24 22 33 M12.5 26 Q20 29 21 39 M12.5 31 Q19 34 20 43 M12.5 36 Q18 39 19 47' opacity='0.5'/%3E%3Cpath d='M12.5 6 Q7 9 5 15 M12.5 11 Q6 14 4 21 M12.5 16 Q5 19 3 27 M12.5 21 Q4 24 3 33 M12.5 26 Q5 29 4 39 M12.5 31 Q6 34 5 43' opacity='0.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0.5}
#staff .section-title::after,#event .section-title::after,#therapist .section-title::after,#room .section-title::after{filter:brightness(1.8);opacity:0.4}
#staff .section-title::before,#event .section-title::before,#therapist .section-title::before,#room .section-title::before{background:linear-gradient(90deg,transparent 0%,rgba(200,200,192,0.4) 50%,transparent 100%)}
.section-subtitle{text-align:center;font-size:0.9rem;color:var(--gray);letter-spacing:0.1em;margin-bottom:60px}

/* ===== SECTION ORNAMENTS ===== */
.dark-section-frame{position:absolute;inset:10px;border:1px solid rgba(200,200,192,0.08);pointer-events:none;z-index:1}
.dark-section-frame::before{content:"";position:absolute;inset:5px;border:1px solid rgba(200,200,192,0.04);pointer-events:none}
.dark-section-glow{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%,rgba(200,200,192,0.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(200,200,192,0.06) 0%,transparent 50%)}
.dark-section-pattern{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23A0A098' stroke-width='0.3' opacity='0.06'%3E%3Cpath d='M50 10 Q70 30 50 50 Q30 70 50 90'/%3E%3Cpath d='M10 50 Q30 30 50 50 Q70 70 90 50'/%3E%3Ccircle cx='50' cy='50' r='15'/%3E%3Ccircle cx='50' cy='50' r='25' opacity='0.5'/%3E%3Cpath d='M50 20 L50 80' stroke='%23A0A098' stroke-width='0.4' opacity='0.4'/%3E%3Cpath d='M50 28 Q58 32 60 40 M50 36 Q58 40 58 48 M50 44 Q58 48 57 56 M50 52 Q57 56 56 64 M50 60 Q56 64 55 72' stroke='%23A0A098' stroke-width='0.3' opacity='0.3'/%3E%3Cpath d='M50 28 Q42 32 40 40 M50 36 Q42 40 42 48 M50 44 Q42 48 43 56 M50 52 Q43 56 44 64 M50 60 Q44 64 45 72' stroke='%23A0A098' stroke-width='0.3' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E")}

/* ===== STAFF SECTION ===== */
#staff{background:linear-gradient(180deg,#0c0c10 0%,#1a1a20 30%,#222226 60%,#1a1a1e 100%);color:#fff;overflow:hidden}
#staff .section-label{color:var(--gold)}
#staff .section-title{color:#F0F0E8}
#staff .section-subtitle{color:rgba(220,220,212,0.6)}
#staff .section-title .gold-text{background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.staff-card{background:rgba(255,255,255,0.03);border:1px solid rgba(176,176,168,0.18);border-radius:4px;overflow:hidden;transition:all .5s ease;text-align:center;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}
.staff-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:5;background:linear-gradient(90deg,transparent 0%,rgba(160,160,152,0.3) 15%,rgba(255,255,255,0.5) 30%,rgba(200,200,192,0.7) 50%,rgba(255,255,255,0.5) 70%,rgba(160,160,152,0.3) 85%,transparent 100%)}
.staff-card:hover{border-color:rgba(200,200,192,0.5);transform:translateY(-5px);box-shadow:0 10px 30px rgba(176,176,168,0.12),inset 0 1px 0 rgba(255,255,255,0.1)}
.staff-card-img{position:relative;overflow:hidden;height:520px}
.staff-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.staff-card:hover .staff-card-img img{transform:scale(1.05)}
.staff-card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(200,200,192,0.08) 0%,transparent 30%,transparent 60%,rgba(26,26,30,0.7) 100%)}
.staff-card-badge{position:absolute;top:10px;left:10px;z-index:3;font-size:0.6rem;color:#2A2A26;background:linear-gradient(135deg,#F8F8F2 0%,#E0E0DA 25%,#C0C0B8 50%,#E8E8E0 75%,#D0D0CA 100%);padding:4px 12px;border-radius:2px;letter-spacing:0.1em;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.3),inset 0 1px 0 rgba(255,255,255,0.6),inset 0 -1px 0 rgba(0,0,0,0.08);text-shadow:0 1px 0 rgba(255,255,255,0.5)}
.staff-card-body{padding:15px 10px}
.staff-card-name{font-size:0.95rem;color:#F0F0E8;margin-bottom:3px}
.staff-card-name .age{color:var(--gold);font-size:0.8rem}
.staff-card-info{font-size:0.7rem;color:rgba(220,220,212,0.5);margin-bottom:8px;letter-spacing:0.05em}
.staff-card-btn{display:inline-block;font-size:0.7rem;color:var(--gold);border:1px solid rgba(176,176,168,0.3);padding:5px 15px;border-radius:2px;letter-spacing:0.1em;transition:all .3s}
.staff-card-btn:hover{background:rgba(176,176,168,0.1);border-color:var(--gold)}

/* ===== NEWS SECTION ===== */
#news{background:linear-gradient(180deg,#E8E8E2 0%,#F0F0EA 50%,#E5E5DF 100%)}
.news-list{max-width:800px;margin:0 auto;max-height:520px;overflow-y:auto;padding:10px 25px 10px 5px;scroll-behavior:smooth}
.news-list::-webkit-scrollbar{width:6px}
.news-list::-webkit-scrollbar-track{background:rgba(120,120,112,0.05);border-radius:3px}
.news-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#C0C0B8,#8A8A82);border-radius:3px}
.news-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#D0D0C8,#9A9A92)}
.news-item{display:flex;gap:30px;padding:25px 20px 25px 25px;border-bottom:1px solid rgba(120,120,112,0.12);align-items:flex-start;position:relative}
.news-item::before{content:"";position:absolute;left:0;top:25px;bottom:25px;width:2px;background:linear-gradient(180deg,transparent,rgba(120,120,112,0.4),transparent);border-radius:1px}
.news-item:last-child{border-bottom:none}
.news-item:last-child::before{display:none}
.news-date{flex-shrink:0;width:100px;font-family:var(--font-en);font-size:0.85rem;color:var(--gold-deep);font-weight:600;letter-spacing:0.05em}
.news-content{flex:1}
.news-title{font-size:0.95rem;color:var(--charcoal);font-weight:600;margin-bottom:8px}
.news-text{font-size:0.8rem;color:var(--gray);line-height:2}

/* ===== EVENT SECTION ===== */
#event{background:linear-gradient(180deg,#0e0e14 0%,#16161e 30%,#1c1c24 60%,#16161e 100%);color:#fff;overflow:hidden}
#event .section-label{color:var(--gold)}
#event .section-title{color:#F0F0E8}
#event .section-subtitle{color:rgba(220,220,212,0.6)}
#event .section-title .gold-text{background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.event-swiper{overflow:hidden;padding:0 60px;max-width:1000px;margin:0 auto}
.event-swiper .swiper-slide .event-slide{width:100%}
.event-slide{position:relative;border-radius:6px;overflow:hidden;border:1px solid rgba(176,176,168,0.18);box-shadow:0 10px 40px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05)}
.event-slide::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:6;background:linear-gradient(90deg,transparent 0%,rgba(160,160,152,0.3) 15%,rgba(255,255,255,0.5) 30%,rgba(200,200,192,0.7) 50%,rgba(255,255,255,0.5) 70%,rgba(160,160,152,0.3) 85%,transparent 100%)}
.event-slide-img{position:relative;aspect-ratio:16/9;overflow:hidden}
.event-slide-img img{width:100%;height:100%;object-fit:cover;transition:transform 6s ease}
.event-slide:hover .event-slide-img img{transform:scale(1.05)}

/* ===== THERAPIST SECTION ===== */
#therapist{background:linear-gradient(180deg,#1a1a1e 0%,#0e0e12 40%,#181820 70%,#1a1a1e 100%);color:#fff;overflow:hidden;position:relative}
#therapist .section-label{color:var(--gold)}
#therapist .section-title{color:#F0F0E8}
#therapist .section-subtitle{color:rgba(220,220,212,0.6)}
#therapist .section-title .gold-text{background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.therapist-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.therapist-card{background:rgba(255,255,255,0.03);border:1px solid rgba(176,176,168,0.18);border-radius:4px;overflow:hidden;transition:all .5s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}
.therapist-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:5;background:linear-gradient(90deg,transparent 0%,rgba(160,160,152,0.3) 15%,rgba(255,255,255,0.5) 30%,rgba(200,200,192,0.7) 50%,rgba(255,255,255,0.5) 70%,rgba(160,160,152,0.3) 85%,transparent 100%)}
.therapist-card:hover{border-color:rgba(200,200,192,0.5);transform:translateY(-8px);box-shadow:0 20px 50px rgba(176,176,168,0.18),inset 0 1px 0 rgba(255,255,255,0.1)}
.therapist-card-img{position:relative;overflow:hidden;height:520px}
.therapist-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.therapist-card:hover .therapist-card-img img{transform:scale(1.05)}
.therapist-card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(200,200,192,0.06) 0%,transparent 25%,transparent 40%,rgba(26,26,30,0.9) 100%)}
.therapist-card-ornament{position:absolute;top:10px;right:10px;z-index:3;opacity:0.6}
.therapist-card-body{padding:25px 20px;text-align:center}
.therapist-name{font-size:1.1rem;color:#F0F0E8;margin-bottom:8px;font-weight:500}
.therapist-stats{font-size:0.75rem;color:rgba(220,220,212,0.55);margin-bottom:12px;letter-spacing:0.05em}
.therapist-desc{font-size:0.78rem;color:rgba(230,230,222,0.65);line-height:1.9;padding-top:15px;border-top:1px solid rgba(176,176,168,0.15);margin-bottom:15px}

/* ===== SYSTEM SECTION ===== */
#system{background:linear-gradient(180deg,#E5E5DF 0%,#F0F0E8 30%,#EDEDE5 60%,#E0E0D8 100%);position:relative}
.system-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}
.system-card-img{position:relative;border-radius:4px;overflow:hidden;border:1px solid rgba(120,120,112,0.25);box-shadow:0 8px 30px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.6);transition:all .5s ease}
.system-card-img::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:5;background:linear-gradient(90deg,transparent 0%,rgba(120,120,112,0.3) 15%,rgba(200,200,192,0.6) 30%,rgba(255,255,255,0.7) 50%,rgba(200,200,192,0.6) 70%,rgba(120,120,112,0.3) 85%,transparent 100%)}
.system-card-img:hover{border-color:rgba(120,120,112,0.4);box-shadow:0 15px 50px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.7)}
.system-card-img img{width:100%;display:block}
.system-options{max-width:800px;margin:0 auto 40px;padding:35px 40px;background:linear-gradient(135deg,#F8F8F0 0%,#EDEDE6 100%);border:1px solid rgba(120,120,112,0.2);border-radius:4px;box-shadow:0 8px 30px rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5);position:relative}
.system-options::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(120,120,112,0.3) 50%,transparent 100%)}
.system-options-title{font-size:0.9rem;color:var(--gold-deep);text-align:center;margin-bottom:25px;letter-spacing:0.15em;font-weight:600;position:relative}
.system-options-title::after{content:"";display:block;width:40px;height:1px;margin:8px auto 0;background:linear-gradient(90deg,transparent,rgba(120,120,112,0.4),transparent)}
.system-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0}
.system-options-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(120,120,112,0.1)}
.system-options-item:last-child{border-bottom:none}
.system-options-name{font-size:0.78rem;color:var(--charcoal)}
.system-options-price{font-family:var(--font-en);font-size:0.85rem;color:var(--gold-dark);font-weight:600}
.system-notes{max-width:800px;margin:0 auto;text-align:center}
.system-notes p{font-size:0.72rem;color:var(--gray);line-height:2.2;letter-spacing:0.03em}

/* ===== RECRUIT SECTION ===== */
#recruit{background:linear-gradient(180deg,#E5E5DF 0%,#F0F0E8 30%,#EDEDE5 60%,#E0E0D8 100%);position:relative}
#recruit .ornament-divider svg [stroke],#recruit .ornament-divider svg [fill]{stroke:#5A5A52}
#recruit .ornament-divider svg [fill]{fill:#5A5A52}
.recruit-wrap{max-width:800px;margin:0 auto}

/* ===== ACCESS SECTION ===== */
#access{background:linear-gradient(180deg,#E8E8E0 0%,#F0F0E8 30%,#EDEDE5 60%,#E0E0D8 100%);position:relative}
.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch}
.access-info{padding:45px 40px;background:linear-gradient(135deg,#FAFAF4 0%,#F0F0E8 40%,#E8E8E0 100%);border:1px solid rgba(120,120,112,0.25);border-radius:4px;box-shadow:0 15px 50px rgba(0,0,0,0.08),0 0 0 1px rgba(120,120,112,0.1),inset 0 1px 0 rgba(255,255,255,0.6),inset 0 0 30px rgba(248,248,240,0.3);position:relative}
.access-info::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(120,120,112,0.3) 15%,rgba(200,200,192,0.6) 30%,rgba(255,255,255,0.7) 50%,rgba(200,200,192,0.6) 70%,rgba(120,120,112,0.3) 85%,transparent 100%)}
.access-info-item{display:flex;align-items:flex-start;gap:15px;padding:18px 0;border-bottom:1px solid rgba(120,120,112,0.1)}
.access-info-item:last-child{border-bottom:none}
.access-info-label{width:100px;font-size:0.8rem;color:var(--gold-dark);font-weight:600;flex-shrink:0;letter-spacing:0.05em}
.access-info-value{font-size:0.85rem;color:var(--charcoal);line-height:1.8}
.access-map{background:#1a1a1e;border-radius:4px;overflow:hidden;position:relative;min-height:400px;border:1px solid rgba(120,120,112,0.3);box-shadow:0 10px 40px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.05)}
.access-map .access-map-item{padding:20px;height:100%}
.access-map .access-map-item iframe{height:100%!important;min-height:360px}
.access-map-full{margin-top:20px;background:#1a1a1e;border-radius:4px;overflow:hidden;padding:20px;border:1px solid rgba(120,120,112,0.3);box-shadow:0 10px 40px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.05)}
.access-map-label{font-size:0.8rem;color:var(--gold);letter-spacing:0.1em;margin-bottom:10px;font-family:var(--font-en)}

/* ===== ROOM SECTION ===== */
#room{background:linear-gradient(180deg,#0c0c10 0%,#16161c 40%,#202028 70%,#181820 100%);color:#fff;overflow:hidden}
#room .section-label{color:var(--gold)}
#room .section-title{color:#F0F0E8}
#room .section-subtitle{color:rgba(220,220,212,0.6)}
#room .section-title .gold-text{background:var(--gold-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.room-item{position:relative;overflow:hidden;border-radius:4px;border:1px solid rgba(176,176,168,0.18);cursor:pointer;transition:all .5s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}
.room-item::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:5;background:linear-gradient(90deg,transparent 0%,rgba(160,160,152,0.3) 15%,rgba(255,255,255,0.5) 30%,rgba(200,200,192,0.7) 50%,rgba(255,255,255,0.5) 70%,rgba(160,160,152,0.3) 85%,transparent 100%)}
.room-item:hover{border-color:rgba(200,200,192,0.5);transform:translateY(-5px);box-shadow:0 10px 30px rgba(176,176,168,0.12),inset 0 1px 0 rgba(255,255,255,0.1)}
.room-item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .8s ease}
.room-item:hover img{transform:scale(1.08)}
.room-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(200,200,192,0.05) 0%,transparent 30%,transparent 50%,rgba(26,26,30,0.5) 100%);pointer-events:none}
.room-item-label{position:absolute;bottom:15px;left:15px;z-index:3;font-family:var(--font-en);font-size:0.8rem;color:var(--gold);letter-spacing:0.15em}

/* ===== FOOTER ===== */
footer{background:linear-gradient(180deg,#0a0a0e 0%,#121216 50%,#0d0d10 100%);color:rgba(220,220,212,0.5);padding:60px 20px 30px;position:relative;border-top:1px solid rgba(120,120,112,0.2);overflow:hidden}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(120,120,112,0.4) 15%,rgba(200,200,192,0.6) 30%,rgba(255,255,255,0.5) 50%,rgba(200,200,192,0.6) 70%,rgba(120,120,112,0.4) 85%,transparent 100%)}
footer::after{content:"";position:absolute;top:2px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(200,200,192,0.15) 50%,transparent 100%)}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:30px;flex-wrap:wrap;gap:30px}
.footer-logo{font-family:var(--font-en);font-size:1.8rem;font-weight:600;background:var(--silver-polished);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:0.1em}
.footer-info{font-size:0.9rem;line-height:2.2;text-align:right}
.footer-info span{color:var(--gold)}
.footer-info b{font-size:1.1rem;font-weight:600;color:var(--gold-light)}
.footer-nav{display:flex;gap:25px;flex-wrap:wrap;margin-bottom:30px;justify-content:center}
.footer-nav a{font-size:0.75rem;color:rgba(230,230,222,0.65);transition:color .3s;letter-spacing:0.1em}
.footer-nav a:hover{color:var(--gold)}
.footer-ads{display:flex;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap;gap:15px}
.footer-ad{max-width:100%;overflow:hidden;line-height:0}
.footer-ad img{max-width:100%;height:auto}
.footer-copy{text-align:center;font-size:0.7rem;color:rgba(230,230,222,0.75);letter-spacing:0.1em}
.footer-disclaimer{text-align:center;font-size:0.7rem;color:rgba(230,230,222,0.65);margin-top:10px;letter-spacing:0.05em}

/* ===== FLOATING STARS ===== */
.star-layer{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}
.star{position:absolute;top:-20px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(200,200,192,0.9) 30%,rgba(160,160,152,0.3) 60%,transparent 80%);opacity:0;animation:starFall 20s linear infinite}
.star::before,.star::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.6) 50%,transparent 100%)}
.star::before{width:24px;height:1px}
.star::after{width:1px;height:24px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,0.6) 50%,transparent 100%)}
.star:nth-child(1){left:8%;animation-delay:0s;animation-duration:22s}
.star:nth-child(2){left:25%;animation-delay:5s;animation-duration:28s}
.star:nth-child(3){left:45%;animation-delay:10s;animation-duration:25s}
.star:nth-child(4){left:65%;animation-delay:3s;animation-duration:30s}
.star:nth-child(5){left:85%;animation-delay:15s;animation-duration:24s}
.star:nth-child(6){left:15%;animation-delay:18s;animation-duration:26s}
.star:nth-child(7){left:55%;animation-delay:8s;animation-duration:29s}
.star:nth-child(8){left:75%;animation-delay:12s;animation-duration:23s}
@keyframes starFall{
  0%{top:-20px;opacity:0;transform:scale(0.3)}
  10%{opacity:0.8;transform:scale(1) translateX(10px)}
  30%{opacity:0.4;transform:scale(0.8) translateX(30px)}
  50%{opacity:0.7;transform:scale(1.1) translateX(-20px)}
  70%{opacity:0.3;transform:scale(0.7) translateX(40px)}
  90%{opacity:0.5;transform:scale(1) translateX(-10px)}
  100%{top:110vh;opacity:0;transform:scale(0.3) translateX(0)}
}
/* ===== MINI TWINKLE STARS ===== */
.star-mini-layer{position:fixed;inset:0;pointer-events:none;z-index:49;overflow:hidden}
.star-mini{position:absolute;width:2px;height:2px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(200,200,192,0.9) 40%,transparent 70%);opacity:0;animation:twinkleMini 4s ease-in-out infinite}
.star-mini::before,.star-mini::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.5) 50%,transparent 100%)}
.star-mini::before{width:10px;height:1px}
.star-mini::after{width:1px;height:10px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,0.5) 50%,transparent 100%)}
.star-mini:nth-child(1){left:10%;top:15%;animation-delay:0s;animation-duration:4s}
.star-mini:nth-child(2){left:30%;top:40%;animation-delay:0.8s;animation-duration:5s}
.star-mini:nth-child(3){left:50%;top:20%;animation-delay:1.5s;animation-duration:6s}
.star-mini:nth-child(4){left:70%;top:60%;animation-delay:2.2s;animation-duration:3.5s}
.star-mini:nth-child(5){left:85%;top:30%;animation-delay:0.3s;animation-duration:5.5s}
.star-mini:nth-child(6){left:20%;top:70%;animation-delay:1.2s;animation-duration:4.5s}
.star-mini:nth-child(7){left:60%;top:80%;animation-delay:2.8s;animation-duration:6.5s}
.star-mini:nth-child(8){left:90%;top:50%;animation-delay:3.5s;animation-duration:3.5s}
.star-mini:nth-child(9){left:40%;top:55%;animation-delay:1.8s;animation-duration:5s}
.star-mini:nth-child(10){left:15%;top:35%;animation-delay:2.5s;animation-duration:4s}
.star-mini:nth-child(11){left:75%;top:15%;animation-delay:0.5s;animation-duration:5.5s}
.star-mini:nth-child(12){left:35%;top:85%;animation-delay:3.2s;animation-duration:3.5s}
@keyframes twinkleMini{
  0%,100%{opacity:0;transform:scale(0.3)}
  50%{opacity:0.8;transform:scale(1.2)}
}

/* ===== GLOBAL SILVER ATMOSPHERE ===== */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0.025;
  background:repeating-linear-gradient(135deg,transparent 0px,transparent 3px,rgba(120,120,112,0.3) 3px,rgba(120,120,112,0.3) 4px,transparent 4px,transparent 7px,rgba(160,160,152,0.2) 7px,rgba(160,160,152,0.2) 8px)
}

/* ===== SILVER CORNER ORNAMENTS ON LIGHT SECTIONS ===== */
#news .section-inner::before,#news .section-inner::after,
#system .section-inner::before,#system .section-inner::after,
#access .section-inner::before,#access .section-inner::after,
#recruit .section-inner::before,#recruit .section-inner::after{
  content:"";position:absolute;width:40px;height:40px;pointer-events:none;z-index:2;
  border:1px solid rgba(120,120,112,0.2)
}
#news .section-inner::before,#system .section-inner::before,#access .section-inner::before,#recruit .section-inner::before{
  top:0;left:0;border-right:none;border-bottom:none
}
#news .section-inner::after,#system .section-inner::after,#access .section-inner::after,#recruit .section-inner::after{
  bottom:0;right:0;border-left:none;border-top:none
}

#staff::before,#event::before,#therapist::before,#room::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:5;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(160,160,152,0.3) 15%,rgba(255,255,255,0.6) 30%,rgba(200,200,192,0.8) 50%,rgba(255,255,255,0.6) 70%,rgba(160,160,152,0.3) 85%,transparent 100%)
}
#news::before,#system::before,#access::before,#recruit::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:5;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(90,90,82,0.15) 15%,rgba(120,120,112,0.4) 30%,rgba(160,160,152,0.5) 50%,rgba(120,120,112,0.4) 70%,rgba(90,90,82,0.15) 85%,transparent 100%)
}
#staff::after,#event::after,#therapist::after,#room::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0.025;
  background:repeating-linear-gradient(135deg,transparent 0px,transparent 2px,rgba(255,255,255,0.08) 2px,rgba(255,255,255,0.08) 3px,transparent 3px,transparent 5px,rgba(0,0,0,0.04) 5px,rgba(0,0,0,0.04) 6px)
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes autoSweep{0%,70%{transform:translateX(-100%)}85%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}
.reveal.active{opacity:1;transform:translateY(0)}

/* ===== SWIPER STAFF ===== */
.staff-swiper{overflow:hidden;padding:0 50px}
.staff-swiper .swiper-slide{width:378px}
.staff-swiper .swiper-slide .staff-card{width:100%}
.swiper-button-next,.swiper-button-prev{color:#A0A098 !important;background:rgba(255,255,255,0.05);border:1px solid rgba(176,176,168,0.2);border-radius:50%;width:44px !important;height:44px !important;box-shadow:0 4px 15px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.1);transition:all .3s}
.swiper-button-next::after,.swiper-button-prev::after{font-size:14px !important;font-weight:700}
.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(176,176,168,0.15);border-color:rgba(200,200,192,0.5);color:#C0C0B8 !important}
.swiper-button-next{right:10px !important}
.swiper-button-prev{left:10px !important}
.swiper-pagination{bottom:-35px !important}
.swiper-pagination-bullet{background:#A0A098;opacity:0.4;width:8px;height:8px;transition:all .3s}
.swiper-pagination-bullet-active{background:linear-gradient(135deg,#C0C0B8,#FFFFFF,#8A8A82);opacity:1;width:24px;border-radius:4px}

/* ===== STAFF DETAIL MODAL ===== */
.staff-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.staff-modal.active{display:flex}
.staff-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px)}
.staff-modal-content{position:relative;z-index:1;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#1a1a1e 0%,#252528 100%);border-radius:8px;border:1px solid rgba(120,120,112,0.3);box-shadow:0 30px 80px rgba(0,0,0,0.5)}
.staff-modal-close{position:absolute;top:15px;right:15px;z-index:5;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.08);border:1px solid rgba(176,176,168,0.2);color:#A0A098;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}
.staff-modal-close:hover{background:rgba(176,176,168,0.15);color:#fff}
.staff-modal-body{display:flex;flex-wrap:wrap;gap:0}
.staff-modal-img{flex:0 0 45%;max-width:45%;overflow:hidden;border-radius:8px 0 0 8px;background:#141418;display:flex;align-items:center;justify-content:center}
.staff-modal-img img{width:100%;height:100%;object-fit:contain;min-height:600px}
.staff-modal-info{flex:1;padding:35px 30px;color:#fff}
.staff-modal-info h3{font-family:var(--font-en);font-size:2rem;margin-bottom:5px;color:#fff}
.staff-modal-info .modal-age{color:var(--gold);font-size:1.2rem}
.staff-modal-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:25px;padding:20px 0;border-top:1px solid rgba(176,176,168,0.15);border-bottom:1px solid rgba(176,176,168,0.15)}
.staff-modal-spec{display:flex;flex-direction:column;gap:3px}
.staff-modal-spec-label{font-size:0.65rem;color:rgba(255,255,255,0.4);letter-spacing:0.15em;text-transform:uppercase}
.staff-modal-spec-value{font-size:0.85rem;color:#fff;font-weight:500}
.staff-modal-desc{font-size:0.82rem;color:rgba(255,255,255,0.7);line-height:2;margin-bottom:25px}
.staff-modal-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 40px;background:var(--silver-polished);color:#1a1a1e;font-weight:600;border-radius:2px;letter-spacing:0.15em;font-size:0.85rem;box-shadow:0 4px 20px rgba(120,120,112,0.3),inset 0 1px 1px rgba(255,255,255,0.5)}

/* ===== RESPONSIVE ===== */

/* ===== FLOATING BUTTONS ===== */
.floating-buttons{position:fixed;bottom:30px;right:30px;z-index:900;display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.float-top-btn{width:50px;height:50px;border-radius:50%;border:1px solid rgba(120,120,112,0.3);background:linear-gradient(135deg,#F8F8F2 0%,#E8E8E0 25%,#D0D0CA 50%,#C0C0B8 75%,#E0E0D8 100%);box-shadow:0 4px 20px rgba(0,0,0,0.12),0 0 0 4px rgba(248,248,242,0.5),0 0 0 5px rgba(120,120,112,0.15),inset 0 1px 0 rgba(255,255,255,0.6);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .4s ease;color:#5A5A52}
.float-top-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.float-top-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.15),0 0 0 4px rgba(248,248,242,0.6),0 0 0 5px rgba(120,120,112,0.2),inset 0 1px 0 rgba(255,255,255,0.7);border-color:rgba(200,200,192,0.5);color:#3A3A35}
.float-call-btn{display:none}