
:root{
  --bg:#f6f5f1; --paper:#fffdf8; --ink:#171717; --muted:rgba(17,17,17,.64);
  --gold:#c8a86b; --gold-2:#dbc18f; --line:rgba(17,17,17,.08);
  --dark:#15120e; --cream:#fbfaf7; --shadow:0 18px 52px rgba(31,37,42,.08);
  --radius:30px; --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.68;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(100% - 48px,1280px);margin:auto}
.texture{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 8%,rgba(200,168,107,.13),transparent 34%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.9),transparent 30%),linear-gradient(180deg,#fcfbf8,#f6f5f1 48%,#f3f1ec)}.texture:after{content:"";position:absolute;inset:0;opacity:.33;background-image:linear-gradient(to bottom,transparent,rgba(17,17,17,.08),transparent),linear-gradient(to bottom,transparent,rgba(200,168,107,.16),transparent),repeating-linear-gradient(90deg,rgba(17,17,17,.015) 0,rgba(17,17,17,.015) 1px,transparent 1px,transparent 120px);background-size:1px 100%,1px 100%,100% 100%;background-position:8% 0,90% 0,0 0;background-repeat:no-repeat,no-repeat,repeat}
.topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.76);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;gap:26px}.brand{display:flex;gap:14px;align-items:center;margin-right:auto}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(200,168,107,.34);background:rgba(200,168,107,.1);color:var(--gold);font-weight:800}.brand strong{display:block;letter-spacing:.18em;text-transform:uppercase;font-size:14px}.brand small{display:block;color:var(--gold);font-size:12px;letter-spacing:.08em;margin-top:3px}.menu{display:flex;gap:22px;font-size:14px;color:var(--muted)}.menu a:hover,.menu a.active{color:var(--gold)}.quick{display:flex;gap:10px}.quick a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);font-size:13px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:#fff;width:42px;height:42px;color:var(--ink)}
.hero{padding:92px 0 64px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{margin:0 0 18px;color:var(--gold);letter-spacing:.36em;text-transform:uppercase;font-size:12px;font-weight:800}.pill{display:inline-flex;padding:10px 16px;border:1px solid rgba(200,168,107,.22);background:rgba(200,168,107,.08);border-radius:999px;color:#8f6d32;margin-bottom:28px;font-size:14px}.hero h1{margin:0 0 14px;font-size:clamp(54px,7vw,104px);line-height:.94;letter-spacing:-.07em}.hero-name{color:var(--gold);font-size:clamp(21px,2vw,28px);font-weight:650;margin:0 0 22px}.hero-subtitle{color:var(--muted);font-size:clamp(18px,1.7vw,22px);line-height:1.78;max-width:820px;margin-bottom:34px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;border-radius:999px;font-weight:700;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#fff;box-shadow:0 14px 36px rgba(200,168,107,.16)}.ghost{border:1px solid rgba(17,17,17,.12);background:rgba(255,255,255,.82);color:var(--ink)}
.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;inset:-24px;border-radius:48px;background:rgba(200,168,107,.08);filter:blur(40px)}.hero-visual img{position:relative;border-radius:46px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.floating-note{position:absolute;right:26px;bottom:-28px;width:min(82%,340px);border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:20px}.floating-note strong{display:block;color:var(--ink);margin-bottom:6px}.floating-note span{color:var(--muted);font-size:14px}
.stats{padding:0 0 72px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{padding:26px;border-radius:var(--radius);background:rgba(255,255,255,.84);border:1px solid var(--line);box-shadow:var(--shadow)}.stat-card strong{display:block;color:var(--gold);font-size:42px;line-height:1;letter-spacing:-.05em}.stat-card span{display:block;color:var(--muted);font-size:14px;margin-top:12px}
.section{padding:84px 0}.cream{background:rgba(255,255,255,.45)}.dark{background:linear-gradient(135deg,#17120e,#2b2118);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.panel,.card,.award,.case,.article,.photo-card,.step{border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.84);box-shadow:var(--shadow);padding:30px}.gold{border-color:rgba(200,168,107,.2);background:linear-gradient(135deg,rgba(200,168,107,.1),rgba(255,255,255,.92))}.section-head{max-width:880px;margin-bottom:42px}.section-head h2{margin:0 0 18px;font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.055em}.section-head p,.panel p,.card p,.award p,.case p,.article p,.photo-card p,.step p,.clean-list li{color:var(--muted);margin-top:0}.dark .section-head p,.dark .card p,.dark .step p{color:rgba(255,255,255,.68)}.cards{display:grid;gap:16px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card span{color:var(--gold);letter-spacing:.2em;font-weight:800;font-size:12px}.card h3,.case h3,.article h3,.photo-card h3,.step h3,.panel h3{font-size:22px;line-height:1.15;margin:10px 0 12px}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.timeline div{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.68);padding:20px}.timeline strong{font-size:28px;color:var(--gold)}.awards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.award b{color:var(--gold);letter-spacing:.2em}.quote-card{font-size:clamp(28px,4vw,48px);line-height:1.15;letter-spacing:-.04em;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:36px;color:#fff}
.tag-grid,.journey,.photo-grid,.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tag-grid span{display:block;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font-weight:700}.comparison{overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.comparison>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.comparison>div:first-child{border-top:0;background:#17120e;color:#f1d18a;font-weight:800}.comparison span,.comparison b{padding:22px;border-left:1px solid var(--line)}.comparison span:first-child,.comparison b:first-child{border-left:0}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-grid.two{grid-template-columns:repeat(2,1fr)}.case{padding:0;overflow:hidden}.case div{padding:24px}.case b,.article span{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.disclaimer{color:var(--muted);font-size:13px;margin-top:24px}.clean-list{margin:0;padding-left:18px}.image-frame img{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-stats div{padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.mini-stats strong{display:block;color:#f1d18a;font-size:34px}.mini-stats span{color:rgba(255,255,255,.68)}
.consult-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:30px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.lead-form label{display:grid;gap:8px;font-weight:700;font-size:13px}.lead-form input,.lead-form select,.lead-form textarea{border:1px solid var(--line);border-radius:14px;padding:12px 13px;font:inherit;background:#fbfaf7}.full{grid-column:1/-1}.form-button{grid-column:1/-1;border:0;cursor:pointer}.form-note{grid-column:1/-1;color:var(--muted);font-size:12px;margin:0}.contact-email a{color:var(--gold);font-weight:800}.cta-band{padding:70px 0;background:linear-gradient(135deg,rgba(200,168,107,.12),rgba(255,255,255,.84));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.cta-grid h2{font-size:clamp(32px,4vw,52px);line-height:1.05;margin:0 0 14px}.cta-grid p{color:var(--muted);margin:0}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.footer{padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px}.footer p,.footer small{color:var(--muted)}.footer-links{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap;color:var(--gold);font-size:13px}.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:80;background:#20b55a;color:#fff;border-radius:999px;padding:14px 18px;font-weight:800;box-shadow:0 18px 50px rgba(0,0,0,.18)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1060px){.menu-toggle{display:block}.quick{display:none}.menu{display:none;position:absolute;left:24px;right:24px;top:82px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow);flex-direction:column}.menu.open{display:flex}.hero-grid,.split,.consult-grid,.cta-grid,.footer-grid{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}.cards.four,.cards.three,.awards-grid,.case-grid,.tag-grid,.journey,.photo-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(100% - 28px,1280px)}.brand small{display:none}.hero{padding:56px 0 42px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:46px}.hero-actions .btn{width:100%}.floating-note{position:relative;right:auto;bottom:auto;width:100%;margin-top:14px}.stats-grid,.cards.four,.cards.three,.awards-grid,.case-grid,.case-grid.two,.tag-grid,.journey,.photo-grid,.article-grid,.timeline,.lead-form{grid-template-columns:1fr}.section{padding:62px 0}.comparison>div{grid-template-columns:1fr}.comparison span,.comparison b{border-left:0;border-top:1px solid var(--line)}.comparison span:first-child,.comparison b:first-child{border-top:0}.floating-whatsapp{left:18px;text-align:center}.footer-links{justify-content:flex-start}}


/* MULTILINGUAL SWITCHER */
.language-switcher{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(31,37,42,.04)}
.language-switcher button{appearance:none;border:0;background:transparent;color:var(--muted);font:700 12px/1 var(--font);letter-spacing:.02em;padding:7px 6px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:.2s ease}
.language-switcher button:hover,.language-switcher button.active{background:var(--gold);color:#fff}
.language-switcher span{color:rgba(17,17,17,.22);font-size:11px}
html[data-language="zh"] body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}
html[data-language="ko"] body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all}
html[data-language="zh"] .eyebrow,html[data-language="ko"] .eyebrow{letter-spacing:.18em}
html[data-language="zh"] .hero h1,html[data-language="ko"] .hero h1{letter-spacing:-.045em}
@media(max-width:1180px){.nav{gap:14px}.menu{gap:15px}.language-switcher{gap:3px}.language-switcher button{padding:7px 4px}}
@media(max-width:1060px){.language-switcher{margin-left:auto}.nav .brand{margin-right:0}.menu-toggle{order:4}.language-switcher{order:3}}
@media(max-width:720px){.nav{height:76px;gap:8px}.brand{gap:8px}.brand-mark{width:38px;height:38px}.brand strong{font-size:12px}.language-switcher{padding:4px}.language-switcher span{display:none}.language-switcher button{font-size:11px;padding:7px 5px}.menu{top:76px}.menu-toggle{width:38px;height:38px}}
@media(max-width:430px){.brand strong{letter-spacing:.1em}.language-switcher button[data-lang="ko"]{font-size:0}.language-switcher button[data-lang="ko"]:after{content:"KO";font-size:11px}.language-switcher button[data-lang="zh"]{font-size:0}.language-switcher button[data-lang="zh"]:after{content:"中";font-size:11px}}


/* Chinese final copy additions */
.credentials-block { margin-top: 18px; }
.credentials-intro { font-weight: 800; color: #2a241c; margin-bottom: 18px; }
.credential-list { columns: 2; column-gap: 34px; margin: 0; padding-left: 20px; }
.credential-list li { break-inside: avoid; margin: 0 0 10px; line-height: 1.7; color: #625a50; }
.timeline h3 small { display: block; margin-top: 5px; font-size: .72em; letter-spacing: .04em; color: #8b7a5c; }
.cta-contact, .hero-contact, .contact-whatsapp { margin-top: 12px; font-weight: 700; }
.cta-contact a, .hero-contact a, .contact-whatsapp a, .stat-card a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; }
.hero-contact { color: #8f6d32; font-size: .95rem; }
.cta-contact { color: #6f5730; }
.contact-whatsapp { color: #6f5730; }
.quick a[title^="WhatsApp"] { white-space: nowrap; }
@media (max-width: 820px) {
  .credential-list { columns: 1; }
  .hero-contact { margin-top: 10px; }
}

.profile-layout { grid-template-columns: 1fr; }
.profile-layout .panel { width: 100%; }
.profile-layout .credential-list { columns: 2; }
@media (max-width: 820px) { .profile-layout .credential-list { columns: 1; } }

/* Multilingual mobile overflow safeguards */
html,body{max-width:100%;overflow-x:hidden}
.hero-grid>*,.split>*,.consult-grid>*,.cta-grid>*,.footer-grid>*,.section-head,.lead-form{min-width:0}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-width:0;max-width:100%}
.credential-list li,.award p,.card p,.panel p,.footer p,.footer small{overflow-wrap:anywhere}
@media(max-width:720px){
  .mini-stats{grid-template-columns:1fr}
  .floating-whatsapp{right:18px;max-width:calc(100vw - 36px)}
  .section-head{width:100%;max-width:100%}
}

/* Consultation page contact options */
.consultation-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.contact-wechat,.wechat-contact{color:#6f5730;font-weight:700}
.contact-wechat strong,.wechat-contact strong{letter-spacing:.02em}

/* Real photo layout adaptations */
.hero-visual img.hero-photo{width:100%;height:auto;object-fit:cover}
.hero-visual img.hero-photo.portrait{aspect-ratio:3/4;object-position:center top}
.hero-visual img.hero-photo.landscape{aspect-ratio:4/5;object-position:center}
.hero-visual img.hero-photo.qr-photo{aspect-ratio:auto;max-height:560px;width:auto;margin:0 auto;object-fit:contain;background:#f7f4ee;padding:22px}
.hero-visual .case-pair.hero-pair{position:relative;border-radius:46px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}
.hero-visual .case-pair.hero-pair img{border:0;border-radius:0;box-shadow:none}
.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;background:#ece7df}
.case-pair img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top}
.case-pair img.focus-speaker{object-position:88% center}
.case .case-pair img,.photo-card .case-pair img{border:0;border-radius:0;box-shadow:none;max-width:none}
.photo-card{padding:0;overflow:hidden}
.photo-card h3,.photo-card p{padding-left:22px;padding-right:22px}
.photo-card h3{margin-top:18px}
.photo-card p{padding-bottom:22px;margin-bottom:0}
.concern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.concern-card{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.concern-card img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center}
.concern-card figcaption{padding:12px 14px;font-weight:700;font-size:13px;color:var(--ink)}
.image-frame{min-width:0}
.image-frame img.analysis-photo{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center}
@media(max-width:1060px){
  .concern-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .concern-grid{grid-template-columns:repeat(2,1fr)}
  .hero-visual img.hero-photo.portrait,
  .hero-visual img.hero-photo.landscape{aspect-ratio:4/5}
  .hero-visual img.hero-photo.qr-photo{max-height:420px;width:100%}
  .case-pair img{aspect-ratio:3/4}
}
