:root { --bg:#f5f2ed; --ink:#1d1c1a; --muted:#726f68; --gold:#b27a3d; --line:#ded8ce; --dark:#1e211f; font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; color:var(--ink); background:var(--bg); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--bg); }
a { color:inherit; }
.section-wrap { width:min(1140px,calc(100% - 48px)); margin:0 auto; }
.site-header { position:absolute; z-index:2; top:0; left:0; right:0; width:min(1140px,calc(100% - 48px)); margin:auto; height:88px; display:flex; justify-content:space-between; align-items:center; }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; letter-spacing:.04em; }.brand span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:var(--ink); color:#e7bc80; font-size:13px; font-weight:800; letter-spacing:1px; }.brand b { font-size:15px; }
.top-nav { display:flex; align-items:center; gap:28px; color:#605c54; font-size:13px; }.top-nav a { text-decoration:none; }.top-nav a:hover,.footer-links a:hover { color:var(--gold); }.nav-button { padding:11px 17px; border-radius:30px; background:var(--ink); color:#fff!important; }
.hero { min-height:720px; display:grid; grid-template-columns:1fr .85fr; gap:30px; align-items:center; padding-top:88px; }.hero-copy { padding:60px 0 60px 6%; }.eyebrow { margin:0 0 16px; color:var(--gold); font-size:11px; font-weight:800; letter-spacing:2.5px; } h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:22px; font:400 clamp(48px,6vw,78px)/1.02 Georgia,serif; letter-spacing:-3px; } h1 em,h2 em { color:var(--gold); font-style:normal; }.hero-text { max-width:480px; color:var(--muted); font-size:16px; line-height:1.9; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:30px 0 27px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:18px; min-height:50px; padding:0 22px; border-radius:5px; font-size:13px; font-weight:800; text-decoration:none; transition:transform .2s,box-shadow .2s; }.button:hover { transform:translateY(-2px); box-shadow:0 10px 24px #1d1c1a18; }.button-primary { background:var(--ink); color:#fff; }.button-primary span { color:#d4a56e; font-size:18px; }.button-ghost { border:1px solid #cfc8bc; color:var(--ink); }.trust-row { display:flex; flex-wrap:wrap; gap:22px; color:#7c786f; font-size:12px; }
.hero-art { position:relative; min-height:480px; display:grid; place-items:center; overflow:hidden; border-radius:50% 50% 8px 8px; background:linear-gradient(145deg,#292d29,#161817); }.hero-art:after { content:""; position:absolute; inset:12%; border:1px solid #d6a76e40; border-radius:50%; }.orb { position:absolute; border-radius:50%; filter:blur(1px); }.orb-one { width:290px; height:290px; top:35px; right:10%; background:radial-gradient(circle at 30% 30%,#ecc58e,#85572f 65%,transparent 66%); opacity:.8; }.orb-two { width:220px; height:220px; bottom:20px; left:6%; background:radial-gradient(circle,#5d766a,#273d38 62%,transparent 63%); opacity:.75; }.hero-badge { position:relative; z-index:1; width:220px; height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #dfb77d80; border-radius:50%; color:#f5e8d3; background:#171a18b8; box-shadow:0 20px 60px #0008; }.hero-badge strong { font:400 78px/.9 Georgia,serif; color:#d7a66a; }.hero-badge span { margin-top:18px; font-size:10px; letter-spacing:3px; line-height:1.5; text-align:center; }.floating-card { position:absolute; z-index:1; right:8%; bottom:11%; display:flex; gap:11px; align-items:center; padding:13px 16px; border:1px solid #fff2; border-radius:10px; background:#faf7f0f2; color:var(--ink); box-shadow:0 15px 30px #0004; font-size:12px; }.floating-card small { display:block; margin-top:5px; color:#888176; font-size:10px; }.status-dot { width:8px; height:8px; border-radius:50%; background:#58a778; box-shadow:0 0 0 4px #58a77822; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.stats div { display:flex; align-items:center; gap:18px; padding:28px 18px; border-right:1px solid var(--line); }.stats div:first-child { padding-left:0; }.stats div:last-child { border:0; }.stats strong { color:var(--gold); font:400 24px Georgia,serif; }.stats span { color:#757169; font-size:12px; }
.content-section { padding:130px 0; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:35px; margin-bottom:45px; }.section-heading>p { max-width:300px; margin-bottom:4px; color:var(--muted); font-size:13px; line-height:1.8; } h2 { margin:0; font:400 clamp(34px,4vw,52px)/1.12 Georgia,serif; letter-spacing:-1.5px; }.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.service-card { position:relative; min-height:310px; padding:34px 30px 28px; border:1px solid var(--line); background:#faf8f4; }.service-card.featured { background:var(--dark); color:#f6efe4; border-color:var(--dark); }.service-card .number { position:absolute; top:25px; right:28px; color:var(--gold); font:400 22px Georgia,serif; }.service-icon { margin:24px 0 35px; color:var(--gold); font-size:31px; }.service-card h3 { margin-bottom:14px; font-size:19px; }.service-card p { min-height:70px; color:#858077; font-size:13px; line-height:1.8; }.featured p { color:#c0b7aa; }.service-card a,.text-link { display:inline-flex; gap:12px; color:var(--gold); font-size:12px; font-weight:800; text-decoration:none; }.service-card a span,.text-link span { font-size:17px; line-height:10px; }
.process-section { padding:105px 0; background:#e8e1d7; }.compact { margin-bottom:42px; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; }.process-grid>div { padding:0 28px; border-left:1px solid #cfc5b6; }.process-grid>div:first-child { padding-left:0; border:0; }.process-grid b { display:block; margin-bottom:32px; color:var(--gold); font:400 30px Georgia,serif; }.process-grid h3 { margin-bottom:10px; font-size:16px; }.process-grid p { margin:0; color:#777168; font-size:12px; line-height:1.8; }
.area-section { display:grid; grid-template-columns:.8fr 1fr; gap:100px; align-items:center; padding-top:135px; padding-bottom:135px; }.area-copy p:not(.eyebrow) { max-width:400px; margin:25px 0; color:var(--muted); font-size:14px; line-height:1.9; }.area-list { display:flex; flex-wrap:wrap; gap:11px; }.area-list span { padding:14px 17px; border:1px solid var(--line); background:#faf8f4; color:#68635b; font-size:12px; }
.faq-section { padding-bottom:130px; }.faq-grid { max-width:800px; margin-left:auto; }.faq-grid details { padding:21px 0; border-top:1px solid var(--line); }.faq-grid details:last-child { border-bottom:1px solid var(--line); }.faq-grid summary { cursor:pointer; list-style:none; font-size:15px; font-weight:700; }.faq-grid summary::-webkit-details-marker { display:none; }.faq-grid summary:after { content:"+"; float:right; color:var(--gold); font-size:22px; font-weight:400; }.faq-grid details[open] summary:after { content:"−"; }.faq-grid p { max-width:650px; margin:15px 0 0; color:var(--muted); font-size:13px; line-height:1.8; }
.cta-section { padding:90px 30px; margin-bottom:100px; background:var(--dark); color:#f7f1e8; text-align:center; }.cta-section h2 { margin-bottom:20px; }.cta-section>p:not(.eyebrow) { color:#bdb4a7; font-size:13px; }.cta-section .button { margin-top:20px; background:#d7a66a; color:#201914; }.cta-section .button-primary span { color:#201914; }
.site-footer { display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:25px; align-items:center; padding-top:25px; padding-bottom:35px; border-top:1px solid var(--line); }.site-footer p,.site-footer small { color:#8b867e; font-size:11px; }.footer-links { display:flex; justify-content:flex-end; gap:18px; font-size:11px; }.footer-links a { text-decoration:none; }.site-footer small { grid-column:1/-1; padding-top:10px; border-top:1px solid var(--line); }
@media (max-width:800px) { .top-nav a:not(.nav-button) { display:none; }.hero { min-height:auto; grid-template-columns:1fr; padding-top:130px; }.hero-copy { padding:30px 0 15px; }.hero-art { min-height:410px; border-radius:20px; }.stats { grid-template-columns:repeat(2,1fr); }.stats div:nth-child(2) { border-right:0; }.stats div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.content-section,.area-section,.faq-section { padding-top:90px; padding-bottom:90px; }.section-heading,.area-section { display:block; }.section-heading>p { margin-top:22px; }.service-grid { grid-template-columns:1fr; }.service-card { min-height:260px; }.process-grid { grid-template-columns:repeat(2,1fr); gap:38px 0; }.process-grid>div:nth-child(3) { padding-left:0; border-left:0; }.area-list { margin-top:35px; }.cta-section { margin-bottom:70px; }.site-footer { grid-template-columns:1fr; }.footer-links { justify-content:flex-start; }.site-footer small { grid-column:auto; } }
@media (max-width:480px) { .section-wrap,.site-header { width:calc(100% - 36px); }.hero h1 { font-size:48px; }.hero-art { min-height:350px; }.hero-badge { width:180px; height:180px; }.hero-badge strong { font-size:62px; }.floating-card { right:5%; bottom:7%; }.stats div { padding:22px 10px; gap:10px; }.stats div:first-child { padding-left:10px; }.stats span { font-size:11px; }.content-section { padding-top:76px; padding-bottom:76px; }.service-card { padding:27px 23px; }.process-section { padding:78px 0; }.process-grid>div { padding:0 16px; }.process-grid b { margin-bottom:20px; }.cta-section { padding:70px 18px; } }

.therapist-section { padding:125px 0; background:#20231f; color:#f4eee4; }
.therapist-heading { align-items:end; }
.therapist-heading > p { color:#aaa79f; }
.therapist-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:15px; }
.therapist-card { overflow:hidden; border:1px solid #ffffff16; background:#292c27; }
.therapist-portrait { position:relative; height:285px; display:flex; align-items:end; justify-content:center; overflow:hidden; }
.therapist-portrait:before { content:""; position:absolute; width:155px; height:230px; bottom:-42px; border-radius:50% 50% 18% 18%; background:linear-gradient(145deg,#eed2b1,#a66d4d); box-shadow:0 -88px 0 -24px #2e211d; }
.therapist-portrait:after { content:""; position:absolute; width:105px; height:118px; top:46px; border-radius:48% 48% 45% 45%; background:linear-gradient(145deg,#edc6a0,#a66b4e); box-shadow:0 -18px 0 3px #32221e; }
.portrait-amber { background:linear-gradient(145deg,#8c623f,#d0a36c); }.portrait-olive { background:linear-gradient(145deg,#4a594c,#9eaa87); }.portrait-rose { background:linear-gradient(145deg,#8d5d64,#d1a69b); }
.therapist-portrait span { position:relative; z-index:1; margin-bottom:17px; padding:7px 11px; border:1px solid #fff8; border-radius:20px; color:#fff; font-size:10px; letter-spacing:2px; background:#17181488; }
.therapist-info { display:flex; align-items:center; justify-content:space-between; padding:18px 19px 20px; }.therapist-info h3 { margin:0 0 6px; font:400 21px Georgia,serif; }.therapist-info p { margin:0; color:#aaa79f; font-size:11px; }.therapist-info a { color:#d5a56a; font-size:22px; text-decoration:none; }
.therapist-more { min-height:355px; display:flex; align-items:center; padding:32px; background:#b27a3d; color:#201914; }.therapist-more h3 { margin:16px 0 8px; font:400 25px Georgia,serif; }.therapist-more p { color:#57402b; font-size:12px; line-height:1.7; }.therapist-more .text-link { color:#201914; }.more-mark { font-size:42px; font-weight:200; }
@media (max-width:800px) { .therapist-section { padding:90px 0; }.therapist-grid { grid-template-columns:repeat(2,1fr); }.therapist-portrait { height:240px; }.therapist-more { min-height:310px; padding:24px; } }
@media (max-width:480px) { .therapist-grid { grid-template-columns:1fr 1fr; gap:10px; }.therapist-portrait { height:205px; }.therapist-portrait:before { transform:scale(.8); bottom:-55px; }.therapist-portrait:after { transform:scale(.8); top:32px; }.therapist-info { display:block; padding:14px 12px; }.therapist-info a { display:block; margin-top:12px; }.therapist-more { min-height:270px; padding:20px 15px; }.therapist-more h3 { font-size:20px; } }

.brand-logo { width:38px; height:38px; flex:0 0 auto; fill:none; stroke:#d8a66b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }.brand b span { color:var(--gold); margin-left:4px; font-weight:500; }.site-footer .brand-logo { width:32px; height:32px; }.therapist-portrait { text-decoration:none; }.therapist-portrait span { min-width:32px; text-align:center; }
@media (min-width:801px) and (max-width:1050px) { .therapist-grid { grid-template-columns:repeat(4,1fr); } }
.site-header .brand b { color:#f4eee4; }.site-header .top-nav { color:#c8c0b4; }.site-header .top-nav .nav-button { color:#f4eee4!important; border:1px solid #d4a56a55; }.site-footer .brand b { color:var(--ink); }
.therapist-portrait { height:330px; cursor:zoom-in; }.therapist-portrait img { display:block; background:linear-gradient(145deg,#34382f,#171917); }.therapist-info { min-height:92px; }
.therapist-card { min-width:0; }.therapist-portrait { display:block !important; width:100% !important; }.therapist-portrait img { width:100% !important; height:100% !important; max-width:none; object-fit:cover; object-position:center 20%; }
.image-modal { position:fixed; z-index:20; inset:0; display:grid; place-items:center; padding:34px; background:#050605e8; opacity:0; pointer-events:none; transition:opacity .2s ease; }.image-modal.is-open { opacity:1; pointer-events:auto; }.image-modal img { max-width:min(92vw,720px); max-height:88vh; border:1px solid #d5a56a80; box-shadow:0 20px 80px #0009; object-fit:contain; }.modal-close { position:absolute; top:20px; right:25px; width:44px; height:44px; border:1px solid #d5a56a80; border-radius:50%; background:#171a18; color:#f4eee4; font-size:28px; line-height:1; cursor:pointer; }
@media (max-width:800px) { .therapist-portrait { height:280px; } }.hero .brand-logo { stroke:#d8a66b; }

/* Luxury image treatment */
.hero { position:relative; color:#f4eee4; background:#191b18; box-shadow:0 0 0 100vmax #191b18; clip-path:inset(0 -100vmax); }
.hero .hero-text { color:#b9b2a7; }.hero .trust-row { color:#a69f94; }.hero .button-ghost { border-color:#665f54; color:#f4eee4; }.hero-art { background:#0f110f; border:1px solid #d4a56a40; border-radius:18px; }
.hero-art > img { width:100%; height:100%; min-height:480px; object-fit:cover; object-position:center 25%; filter:saturate(.82) contrast(1.04); }
.hero-image-shade { position:absolute; inset:0; background:linear-gradient(180deg,#11150d0a 35%,#11140fcc 100%); }
.hero-art:after { z-index:1; }.hero-badge { z-index:2; position:absolute; right:9%; bottom:10%; width:154px; height:154px; background:#171a18d9; }.hero-badge strong { font-size:57px; }.hero-badge span { margin-top:10px; }
.floating-card { z-index:3; }
.therapist-portrait { background:#242822; }.therapist-portrait:before,.therapist-portrait:after { display:none; }.therapist-portrait img { width:100%; height:100%; object-fit:cover; object-position:center 20%; filter:saturate(.82) contrast(1.03); transition:transform .6s ease,filter .4s ease; }.therapist-card:hover .therapist-portrait img { transform:scale(1.045); filter:saturate(1) contrast(1.05); }.therapist-portrait:after { display:block; z-index:1; inset:0; width:auto; height:auto; border-radius:0; background:linear-gradient(180deg,transparent 55%,#161813c9 100%); }.therapist-portrait span { z-index:2; }
@media (max-width:800px) { .hero { box-shadow:0 0 0 100vmax #191b18; }.hero-art > img { min-height:410px; } }
@media (max-width:480px) { .hero-art > img { min-height:350px; }.hero-badge { width:125px; height:125px; right:6%; bottom:8%; }.hero-badge strong { font-size:45px; }.hero-badge span { font-size:8px; } }

/* Wide desktop composition */
@media (min-width:801px) {
  .hero { width:min(1400px,calc(100% - 80px)); min-height:760px; grid-template-columns:.9fr 1.1fr; gap:42px; }
  .hero-art { min-height:610px; }
  .hero-badge { width:185px; height:185px; }
  .hero-badge strong { font-size:68px; }
  .therapist-section .section-wrap { width:min(1400px,calc(100% - 80px)); }
}
@media (max-width:800px) { .hero,.therapist-section .section-wrap { width:calc(100% - 36px); } }

/* Final hero redesign: compact editorial split layout */
@media (min-width:801px) {
  .site-header { width:min(1280px,calc(100% - 72px)); height:76px; }
  .hero {
    width:min(1280px,calc(100% - 72px));
    height:590px;
    min-height:0;
    padding-top:76px;
    grid-template-columns:46% 54%;
    gap:0;
    align-items:stretch;
    overflow:hidden;
    border-radius:0 0 24px 24px;
    box-shadow:0 0 0 100vmax #191b18;
  }
  .hero-copy {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:28px 54px 42px 68px;
    background:linear-gradient(135deg,#191b18 0%,#20231f 100%);
  }
  .hero-copy:before {
    content:"PRIVATE WELLNESS · SINGAPORE";
    display:block;
    width:max-content;
    margin-bottom:26px;
    padding:7px 12px;
    border:1px solid #d4a56a55;
    border-radius:99px;
    color:#d4a56a;
    font-size:9px;
    letter-spacing:2px;
  }
  .hero-copy .eyebrow { display:none; }
  .hero h1 { max-width:490px; margin-bottom:18px; font-size:clamp(46px,5vw,68px); line-height:1.04; letter-spacing:-2px; }
  .hero-text { max-width:420px; font-size:14px; line-height:1.8; }
  .hero-actions { margin:24px 0 22px; }
  .button { min-height:46px; padding:0 18px; }
  .trust-row { gap:16px; font-size:11px; }
  .hero-art { height:100%; min-height:0; border:0; border-left:1px solid #d4a56a44; border-radius:0; }
  .hero-art > img { min-height:0; height:100%; object-position:center 24%; }
  .hero-art:after { inset:26px; border-color:#d6a76e55; }
  .hero-badge { width:146px; height:146px; right:7%; bottom:9%; }
  .hero-badge strong { font-size:54px; }
  .floating-card { right:6%; bottom:5%; padding:10px 13px; }
  .stats { width:min(1280px,calc(100% - 72px)); margin:0 auto; }
}

@media (max-width:800px) {
  .site-header { height:72px; }
  .hero { padding-top:112px; }
  .hero-copy:before { content:"PRIVATE WELLNESS · SINGAPORE"; display:block; width:max-content; margin-bottom:20px; color:#d4a56a; font-size:9px; letter-spacing:1.5px; }
  .hero-copy .eyebrow { display:none; }
}

/* New hero direction: warm editorial residence */
@media (min-width:801px) {
  .site-header { color:#342b24; }
  .site-header .brand b { color:#342b24; }
  .site-header .top-nav { color:#6f6256; }
  .site-header .top-nav .nav-button { background:#342b24; color:#f5eee5!important; border-color:#342b24; }
  .hero {
    position:relative;
    width:min(1360px,calc(100% - 64px));
    height:620px;
    padding-top:76px;
    grid-template-columns:44% 56%;
    background:#efe8df;
    color:#342b24;
    box-shadow:none;
    clip-path:none;
    border-radius:0 0 28px 28px;
  }
  .hero-copy {
    position:relative;
    justify-content:center;
    padding:38px 54px 40px 68px;
    background:#efe8df;
  }
  .hero-copy:after {
    content:"777";
    position:absolute;
    right:28px;
    bottom:24px;
    color:#342b2414;
    font:400 136px/.8 Georgia,serif;
  }
  .hero-copy:before { margin-bottom:24px; border-color:#a9784c55; color:#a9784c; }
  .hero h1 { position:relative; z-index:1; max-width:440px; margin-bottom:20px; color:#342b24; font-size:clamp(48px,5vw,72px); letter-spacing:-3px; }
  .hero h1 em { color:#a9784c; }
  .hero .hero-text { position:relative; z-index:1; max-width:390px; color:#71665b; }
  .hero-actions { position:relative; z-index:1; }
  .hero .button-primary { background:#342b24; }
  .hero .button-ghost { border-color:#bcae9e; color:#342b24; }
  .hero .trust-row { position:relative; z-index:1; color:#84786b; }
  .hero-art { height:100%; min-height:0; border:0; border-radius:0 0 28px 0; background:#b9a38e; }
  .hero-art > img { min-height:0; height:100%; object-position:center 44%; filter:saturate(.82) contrast(1.04); transform:scale(1.035); }
  .hero-image-shade { background:linear-gradient(90deg,#342b2429 0%,transparent 35%,#342b2438 100%); }
  .hero-art:after { display:none; }
  .hero-badge { width:174px; height:94px; left:34px; right:auto; bottom:34px; border:1px solid #f3e6d477; border-radius:0; flex-direction:row; gap:16px; background:#342b24e8; box-shadow:0 18px 45px #342b2440; }
  .hero-badge strong { font-size:54px; }
  .hero-badge span { margin-top:0; text-align:left; letter-spacing:2px; }
  .floating-card { right:34px; bottom:34px; border-radius:0; background:#f9f5efeF; }
  .stats { width:min(1360px,calc(100% - 64px)); background:#f7f2eb; }
}

@media (max-width:800px) {
  .hero { background:#efe8df; color:#342b24; }
  .hero-copy { background:#efe8df; }
  .hero h1 { color:#342b24; }
  .hero h1 em { color:#a9784c; }
  .hero .hero-text { color:#71665b; }
  .hero-art { border-radius:0 0 20px 20px; }
}

/* Brand mark and wordmark refinement */
.brand { gap:12px; }
.brand-logo-image { width:54px; height:38px; object-fit:contain; }
.brand b { display:flex; flex-direction:column; gap:2px; font-family:Georgia,"Times New Roman",serif; font-size:15px; letter-spacing:.14em; line-height:1.05; }
.brand b span { margin-left:0; color:#b27a3d; font:500 10px/1 Inter,"Microsoft YaHei",sans-serif; letter-spacing:.28em; }
.site-footer .brand-logo-image { width:48px; height:32px; }
@media (max-width:800px) { .brand-logo-image { width:48px; height:34px; } .brand { gap:9px; } }

/* Unified 芽笼777 wordmark */
.brand { gap:0; }
.brand-logo-image { width:190px; height:48px; }
.brand b { display:none; }
.site-footer .brand-logo-image { width:175px; height:44px; }
@media (max-width:800px) { .brand-logo-image { width:166px; height:43px; } }

/* Initial booking hero restored; therapist directory remains unchanged */
@media (min-width:801px) {
  .site-header { width:min(1140px,calc(100% - 48px)); height:88px; }
  .site-header .brand b { display:none; }
  .site-header .top-nav { color:#c8c0b4; }
  .site-header .top-nav .nav-button { background:#1d1c1a; color:#f4eee4!important; border-color:#d4a56a55; }
  .hero {
    width:min(1140px,calc(100% - 48px));
    height:680px;
    min-height:0;
    padding-top:88px;
    grid-template-columns:1fr .85fr;
    gap:30px;
    align-items:center;
    background:#191b18;
    color:#f4eee4;
    border-radius:0;
    box-shadow:0 0 0 100vmax #191b18;
    clip-path:inset(0 -100vmax);
  }
  .hero-copy { justify-content:center; padding:60px 0 60px 6%; background:transparent; }
  .hero-copy:before { content:none; }
  .hero-copy:after { display:none; }
  .hero-copy .eyebrow { display:block; margin-bottom:16px; color:#b27a3d; }
  .hero h1 { color:#f4eee4; font-size:clamp(48px,6vw,78px); }
  .hero h1 em { color:#b27a3d; }
  .hero .hero-text { color:#b9b2a7; }
  .hero .button-primary { background:#1d1c1a; color:#fff; }
  .hero .button-ghost { border-color:#665f54; color:#f4eee4; }
  .hero .trust-row { color:#a69f94; }
  .hero-art { height:560px; min-height:0; border:1px solid #d4a56a40; border-radius:18px; background:#0f110f; }
  .hero-art > img { min-height:0; height:100%; object-position:center 25%; transform:none; filter:saturate(.82) contrast(1.04); }
  .hero-image-shade { background:linear-gradient(180deg,#11150d0a 35%,#11140fcc 100%); }
  .hero-art:after { display:block; inset:12%; border:1px solid #d6a76e40; border-radius:50%; }
  .hero-badge { left:auto; right:9%; bottom:10%; width:154px; height:154px; border:1px solid #dfb77d80; border-radius:50%; flex-direction:column; gap:0; background:#171a18d9; box-shadow:0 20px 60px #0008; }
  .hero-badge strong { font-size:57px; }
  .hero-badge span { margin-top:10px; text-align:center; }
  .floating-card { right:8%; bottom:11%; border-radius:10px; background:#faf7f0f2; }
}

@media (max-width:800px) {
  .hero { background:#191b18; color:#f4eee4; }
  .hero-copy { background:transparent; }
  .hero-copy:before { content:none; }
  .hero-copy .eyebrow { display:block; }
  .hero h1 { color:#f4eee4; }
  .hero h1 em { color:#b27a3d; }
  .hero .hero-text { color:#b9b2a7; }
  .hero-art { border-radius:20px; }
  .hero-art > img { transform:none; }
}

/* Redirect hub hero: channels first */
@media (min-width:801px) {
  .hero { width:min(1140px,calc(100% - 48px)); height:500px; min-height:0; grid-template-columns:1fr; place-items:center; padding-top:88px; text-align:center; }
  .hero-copy { width:min(620px,100%); padding:20px 0 40px; align-items:center; }
  .hero-copy .eyebrow { display:block; margin-bottom:22px; }
  .hero h1 { margin-bottom:12px; font-size:clamp(42px,5vw,62px); }
  .hero-text { display:none; }
  .hero-actions { justify-content:center; gap:12px; margin:28px 0 0; }
  .hero-actions .button { min-width:148px; }
  .trust-row { display:none; }
  .hero-art { display:none; }
}
@media (max-width:800px) {
  .hero { min-height:470px; grid-template-columns:1fr; padding-top:110px; text-align:center; }
  .hero-copy { padding:28px 0 40px; align-items:center; }
  .hero-copy .eyebrow { display:block; }
  .hero h1 { margin-bottom:8px; font-size:46px; }
  .hero-text,.trust-row { display:none; }
  .hero-actions { justify-content:center; margin-top:24px; }
  .hero-actions .button { width:100%; max-width:250px; }
  .hero-art { display:none; }
}

/* Minimal gateway presentation */
@media (min-width:801px) {
  .hero { height:360px; padding-top:88px; }
  .hero-copy { padding:20px 0 35px; }
  .hero-copy .eyebrow, .hero h1 { display:none; }
  .hero-actions { margin-top:0; }
}
@media (max-width:800px) {
  .hero { min-height:360px; padding-top:100px; }
  .hero-copy { padding:20px 0 30px; }
  .hero-copy .eyebrow, .hero h1 { display:none; }
  .hero-actions { margin-top:0; }
}

/* High-visibility gateway buttons */
.hero-copy:before { content:"请选择预约入口"; display:block; margin-bottom:24px; color:#d4a56a; font-size:14px; font-weight:700; letter-spacing:3px; }
.hero-actions { gap:16px; }
.hero-actions .button { min-width:190px; min-height:62px; padding:0 24px; border-radius:4px; font-size:15px; box-shadow:0 10px 26px #0003; }
.hero-actions .button-primary { background:#c99a5b; color:#1b1916; }
.hero-actions .button-primary span { color:#1b1916; }
.hero-actions .button-ghost { border:1px solid #c99a5b; background:#292b28; color:#fff!important; }
.hero-actions .button:hover { transform:translateY(-3px); box-shadow:0 14px 30px #0006; }
@media (max-width:800px) {
  .hero-copy:before { margin-bottom:22px; font-size:13px; }
  .hero-actions { gap:12px; }
  .hero-actions .button { min-width:250px; min-height:56px; }
}