:root{
  --ink:#173629;--muted:#66786e;--forest:#2f7355;--forest-deep:#174934;
  --forest-soft:#e8f3ec;--sage:#a9c7b3;--mint:#d9ebe0;--lav:#76627c;
  --plum:#5d456b;--plum-deep:#382743;--lavender:#a98ab6;--lav-soft:#f1edf3;
  --khaki:#7d896b;--khaki-soft:#eef1e8;--gold:#b38a50;--cream:#fbfdf9;--line:#d8e6dc;
  --radius:18px;--shadow:0 26px 70px rgba(22,73,51,.13);--soft-shadow:0 12px 34px rgba(22,73,51,.08)
}
body{background:var(--cream);color:var(--ink);font-family:"Noto Sans HK","PingFang HK","Microsoft JhengHei",sans-serif}
.notice{background:var(--forest-deep);color:#fff;justify-content:space-between;padding:.48rem max(20px,calc((100vw - var(--max))/2));font-size:.7rem;letter-spacing:.035em}
.site-head{background:rgba(251,253,249,.94);border-bottom-color:rgba(47,115,85,.14)}
.head-in{min-height:82px}.brand img{width:62px}.brand strong{font-family:"Noto Sans HK",sans-serif;font-weight:850}.nav a{border-radius:0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current=page]{background:transparent;border-bottom-color:var(--forest);color:var(--forest);transform:none}.nav a small{color:#82978b}
.cta,.ghost{border-radius:999px;padding:.9rem 1.3rem;letter-spacing:.01em}.cta{background:var(--forest);border-color:var(--forest)}.cta:hover{background:var(--forest-deep)}.ghost{color:var(--forest);border-color:#a9c8b6;background:rgba(255,255,255,.72)}.ghost:hover{background:var(--forest-soft)}
.eyebrow{color:var(--forest);font-weight:900}.eyebrow:before{height:2px;border-radius:2px}

/* Homepage hero: premium Hong Kong editorial illustration */
.editorial-hero{position:relative;min-height:680px;overflow:hidden;background:#f7fbf7;border-bottom:1px solid var(--line)}
.editorial-hero:before{content:"";position:absolute;inset:auto auto -120px -90px;width:360px;height:360px;border-radius:50%;border:70px solid rgba(130,178,147,.12);pointer-events:none}
.hero-art{position:absolute;inset:0;overflow:hidden}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,253,249,.98) 0%,rgba(251,253,249,.93) 34%,rgba(251,253,249,.28) 58%,rgba(251,253,249,0) 77%)}
.hero-split{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,570px) 1fr;align-items:center;min-height:680px}
.hero-copy{padding:74px 0 82px}.hero-copy h1{font-family:"Noto Sans HK",sans-serif;font-size:clamp(3.25rem,5.4vw,5.65rem);font-weight:900;line-height:1.03;letter-spacing:-.065em;margin:.75rem 0 1.45rem;color:#173629}.hero-copy h1 em{font-family:"Noto Serif HK",serif;font-weight:600;color:var(--forest);font-style:normal;letter-spacing:-.045em}.hero-copy .lead{color:#50685b;margin:0;max-width:600px;font-size:1.08rem;line-height:1.85}.hero-copy .actions{margin-top:2rem}.hero-micro{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-micro span{background:rgba(255,255,255,.76);border:1px solid rgba(47,115,85,.17);border-radius:999px;padding:.43rem .76rem;color:#557063;font-size:.74rem}.hero-micro span:before{content:'✓';color:var(--forest);margin-right:6px;font-weight:900}.hero-social{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:18px;font-size:.72rem}.hero-social>span{color:#788b80;letter-spacing:.12em}.hero-social a{font-weight:800;color:var(--forest);border-bottom:1px solid rgba(47,115,85,.3)}

.proof-band{background:#fff;border-block:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:1fr 1fr}.proof-grid article{padding:28px 36px;position:relative}.proof-grid article:before{content:"";position:absolute;left:12px;top:29px;width:4px;height:42px;background:var(--sage);border-radius:4px}.proof-grid article+article{border-left:1px solid var(--line)}.proof-grid span{color:#7b6a4e;font-size:.69rem;letter-spacing:.16em;font-weight:900}.proof-grid h2{font-size:1.08rem;line-height:1.55;margin:.35rem 0;font-weight:760}

.section{padding:96px 0}.section-head h2,.article h2{font-family:"Noto Sans HK",sans-serif;font-weight:850;letter-spacing:-.035em}.section-head h2{font-size:clamp(2.2rem,4.5vw,3.75rem)}.section-head p{font-size:1rem}.portal{background:#fff}.portal-grid{gap:16px}.portal-card{border-radius:18px;box-shadow:none;min-height:300px;border:1px solid var(--line);color:var(--ink);position:relative}.portal-card.scalp,.portal-card.hair,.portal-card.products{background:linear-gradient(145deg,#fff,#f3f8f4)}.portal-card:after{border-color:rgba(47,115,85,.14)}.portal-icon{background:var(--forest-soft);border-radius:14px;transform:rotate(-3deg)}.portal-card small,.portal-card b{color:var(--forest)}.portal-card p{color:var(--muted)}.portal-card:hover{transform:translateY(-5px) rotate(-.25deg);box-shadow:var(--soft-shadow)}
.visual-explain{background:#eef6f0}.explainer{border-radius:18px;padding:0 0 28px;box-shadow:none;overflow:hidden}.explainer img{border-radius:0;aspect-ratio:4/3}.explainer>span{border-radius:50%;top:16px;left:16px;background:#fff;color:var(--forest)}.explainer:nth-child(2){transform:translateY(26px)}
.diagnosis{background:linear-gradient(135deg,#174934,#2f7355)}.check-options button{border-radius:14px}.review-strip{background:linear-gradient(135deg,#174934,#2f7355);border-radius:18px}.location-card,.card,.diagram,.answer-box,.warning,.no-claim{border-radius:18px}.location-card{box-shadow:none}.page-hero{background:radial-gradient(circle at 85% 0,rgba(169,199,179,.28),transparent 30%),linear-gradient(120deg,#eaf4ed,#fff 72%);border-bottom:1px solid var(--line)}.page-hero h1{font-family:"Noto Sans HK",sans-serif;font-weight:900;letter-spacing:-.055em}.answer-box{background:var(--forest-soft)}

.footer{background:#143e2e}.footer-grid{grid-template-columns:1.45fr 1fr 1fr}.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.social-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.45rem .72rem;color:#fff}.social-links a:hover{background:rgba(255,255,255,.1)}.social-links b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dceee2;color:#174934;font-size:.72rem}.social-links span{font-size:.78rem;color:#e6f0e9}

/* Product architecture retained; restyled to the green brand system */
.brand-gateway{background:#fff}.brand-choice{display:grid;grid-template-columns:1fr 1fr;gap:22px}.brand-choice>a{display:grid;grid-template-columns:1.2fr .8fr;min-height:330px;border:1px solid var(--line);background:#f6faf7;overflow:hidden;transition:.25s;border-radius:18px}.brand-choice>a:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.brand-choice>a>div{padding:34px;display:flex;flex-direction:column;align-items:flex-start}.brand-choice span{font-size:.68rem;letter-spacing:.15em;color:var(--forest);font-weight:900}.brand-choice h2{font-size:2.7rem;margin:.35rem 0}.brand-choice p{color:var(--muted)}.brand-choice b{margin-top:auto;color:var(--forest)}.brand-choice img{width:100%;height:100%;object-fit:cover;background:#fff}
.product-catalogue{background:#eff6f1}.catalogue-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.catalogue-head h2{font-size:2.4rem;margin:0}.catalogue-head button{border:1px solid #a9c8b6;background:#fff;color:var(--forest);padding:.7rem 1rem;border-radius:999px;cursor:pointer}.brand-products+.brand-products{margin-top:92px}.brand-products[hidden]{display:none}.product-grid{grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border-radius:14px;box-shadow:none}.product-card .body{padding:22px}.product-card:hover{transform:translateY(-4px);box-shadow:var(--soft-shadow)}
.product-detail{padding-top:70px}.product-editorial{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:start}.product-editorial figure{margin:0}.product-editorial figure img{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px}.product-editorial figcaption{font-size:.73rem;color:var(--muted);margin-top:8px}.product-editorial article>h2{font-size:clamp(2.15rem,4vw,3.6rem);font-weight:850;line-height:1.12;margin:.6rem 0 1rem;letter-spacing:-.045em}.product-editorial .lead{font-size:1.05rem;color:#5f7066}.product-facts{border-top:1px solid var(--line);margin-top:28px}.product-facts section{padding:24px 0;border-bottom:1px solid var(--line)}.product-facts small{font-size:.66rem;letter-spacing:.16em;color:#7a684d;font-weight:900}.product-facts h3{font-size:1.16rem;margin:.2rem 0 .8rem}.product-facts p{color:var(--muted);margin:0}.formula-note{font-size:.78rem;color:#748078}.quiet-note{display:flex;gap:18px;color:#7d8a82;font-size:.74rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:64px 0}.quiet-note b{white-space:nowrap;color:#42614f}.full-sheet{padding:30px 0 10px}.full-sheet>img{width:min(900px,100%);margin:auto;border:1px solid var(--line);background:#fff;border-radius:14px}.source-notes{width:min(900px,100%);margin:34px auto 0;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:.78rem}.source-notes summary{cursor:pointer;color:#4e6759}.source-notes a{text-decoration:underline}.related-products{background:#eff6f1}.related-grid{grid-template-columns:repeat(3,1fr)}

/* Purple + green depth, credential proof and brand personality */
.hero-micro a{background:rgba(255,255,255,.84);border:1px solid rgba(93,69,107,.2);border-radius:999px;padding:.43rem .76rem;color:var(--plum);font-size:.74rem;font-weight:800}
.proof-band{padding:84px 0;background:linear-gradient(145deg,#eff6f0 0%,#f6f1f7 52%,#fff 100%);border-block:1px solid var(--line)}
.proof-intro{display:grid;grid-template-columns:.55fr 1.2fr 1fr;gap:26px;align-items:end;margin-bottom:28px}.proof-intro span{font-size:.68rem;letter-spacing:.2em;color:var(--plum);font-weight:900}.proof-intro strong{font-family:"Noto Serif HK",serif;font-size:clamp(1.75rem,3vw,2.8rem);line-height:1.2;color:var(--plum-deep)}.proof-intro p{margin:0;color:#627269}
.proof-grid{gap:18px}.proof-grid article{display:grid;grid-template-columns:1fr;gap:22px;align-items:start;padding:18px 18px 28px;border:1px solid rgba(81,102,89,.14);border-radius:26px;background:rgba(255,255,255,.9);box-shadow:var(--soft-shadow);overflow:hidden}.proof-grid article:before{display:none}.proof-grid article+article{border-left:1px solid rgba(81,102,89,.14)}.proof-grid figure{margin:0;height:280px;border-radius:18px;overflow:hidden;background:var(--plum-deep)}.proof-grid figure img{width:100%;height:100%;object-fit:cover}.award-proof figure img{object-fit:contain;background:linear-gradient(120deg,#2d2035,#6b4f74)}.qf-proof figure img{object-position:center}.proof-grid h2{font-size:1.15rem;font-weight:850}.proof-grid p{font-size:.86rem;color:var(--muted);line-height:1.7}.proof-link{color:var(--plum);font-size:.78rem;font-weight:850;border-bottom:1px solid rgba(93,69,107,.25)}
.brand-experience{background:#fff}.experience-layout,.choice-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}.editorial-frame{margin:0;position:relative}.editorial-frame:before{content:"";position:absolute;inset:-14px 22px 30px -14px;border-radius:32px;background:linear-gradient(145deg,var(--mint),var(--lav-soft));transform:rotate(-1.5deg)}.editorial-frame img{position:relative;z-index:1;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px;box-shadow:var(--shadow)}.editorial-frame figcaption{position:relative;z-index:2;margin:12px 12px 0;color:var(--muted);font-size:.78rem}.experience-copy h2,.choice-layout h2{font-family:"Noto Serif HK",serif;font-size:clamp(2.2rem,4.3vw,4rem);line-height:1.14;letter-spacing:-.045em;margin:.7rem 0 1.4rem;color:var(--plum-deep)}.experience-steps{display:grid;gap:8px}.experience-steps article{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.experience-steps b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--forest-soft);color:var(--forest)}.experience-steps h3{margin:0;font-size:1rem}.experience-steps p{margin:.25rem 0 0;color:var(--muted);font-size:.87rem}
.choice-section{background:linear-gradient(145deg,var(--khaki-soft),#faf7fb)}.choice-layout{grid-template-columns:.9fr 1.1fr}.choice-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.choice-pills span{border:1px solid rgba(93,69,107,.18);background:#fff;border-radius:999px;padding:.5rem .8rem;color:var(--plum);font-size:.76rem;font-weight:750}
.facebook-review-banner{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;border-radius:20px;background:linear-gradient(100deg,var(--plum-deep),var(--plum));color:#fff;box-shadow:var(--soft-shadow)}.facebook-review-banner span{display:grid;gap:4px}.facebook-review-banner b{font-size:1.05rem}.facebook-review-banner small{color:#e9dff0}.facebook-review-banner strong{white-space:nowrap}.facebook-review-card{grid-column:1/-1;background:linear-gradient(120deg,#fff,#f5eef7)}.facebook-review-card .big-number{color:var(--plum)}

@media(max-width:900px){
  .notice span:last-child{display:none}.hero-split{grid-template-columns:1fr;min-height:640px}.hero-art img{object-position:63% center}.hero-art:after{background:linear-gradient(90deg,rgba(251,253,249,.98) 0%,rgba(251,253,249,.88) 48%,rgba(251,253,249,.18) 85%)}.hero-copy{max-width:540px;padding:62px 0}.proof-intro{grid-template-columns:1fr}.proof-grid,.brand-choice,.experience-layout,.choice-layout{grid-template-columns:1fr}.proof-grid article+article{border-left:1px solid rgba(81,102,89,.14)}.choice-layout .editorial-frame{order:-1}.product-editorial{grid-template-columns:1fr;gap:34px}.brand-choice>a{min-height:280px}.product-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .notice{justify-content:center;text-align:center}.editorial-hero{min-height:760px;background:#edf6ef}.hero-art{position:absolute;inset:auto 0 0;height:410px}.hero-art img{object-position:66% center}.hero-art:after{background:linear-gradient(180deg,#edf6ef 0%,rgba(237,246,239,.15) 30%,rgba(237,246,239,0) 100%)}.hero-split{display:block;min-height:760px}.hero-copy{padding:38px 0 390px}.hero-copy h1{font-size:clamp(2.65rem,13vw,3.45rem);max-width:12em}.hero-copy .lead{font-size:.96rem;line-height:1.72}.hero-copy .actions{margin:1.2rem 0}.hero-copy .actions a{width:100%}.hero-micro{display:none}.hero-social{gap:9px;font-size:.68rem}.proof-band{padding:58px 0}.proof-intro strong{font-size:1.8rem}.proof-grid article{grid-template-columns:1fr;padding:12px 12px 22px;gap:14px}.proof-grid figure{height:190px}.proof-grid h2{font-size:.9rem}.proof-grid p{font-size:.75rem}.experience-layout,.choice-layout{gap:38px}.experience-copy h2,.choice-layout h2{font-size:2.35rem}.section{padding:66px 0}.section-head h2{font-size:2.25rem}.explainer:nth-child(2){transform:none}.brand-choice>a{grid-template-columns:1fr}.brand-choice img{height:220px;order:-1}.brand-choice>a>div{padding:24px}.product-grid,.related-grid{grid-template-columns:1fr}.catalogue-head{align-items:flex-start;gap:12px;flex-direction:column}.quiet-note{display:block}.quiet-note b{display:block;margin-bottom:4px}.product-editorial article>h2{font-size:2.2rem}.social-links span{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-art img{animation:none}}

/* Interaction polish and accessible states */
:where(a,button,summary):focus-visible{outline:3px solid rgba(169,138,182,.75);outline-offset:4px}
.menu-btn{cursor:pointer;flex:0 0 auto;transition:background .2s,color .2s,transform .2s}
.menu-btn:hover{background:var(--mint);color:var(--forest-deep);transform:translateY(-1px)}
.menu-btn:focus-visible{outline-color:var(--lavender)}
.check-options button:active{transform:translateX(2px) scale(.99)}
.catalogue-head button{transition:background .2s,color .2s,border-color .2s}
.catalogue-head button:hover,.catalogue-head button.is-active{background:var(--forest);border-color:var(--forest);color:#fff}
.proof-link{display:inline-flex;align-items:center;min-height:36px;margin-top:3px;text-underline-offset:4px}
[hidden]{display:none!important}

@media(max-width:1120px){
  .nav{max-height:calc(100vh - 138px);overflow:auto;overscroll-behavior:contain}
  body.nav-open{overflow:hidden}
  .nav a[aria-current=page]{background:var(--forest-soft);border-bottom-color:transparent}
}
@media(max-width:760px){.nav{max-height:calc(100vh - 118px)}}

/* Story-led homepage and educational scalp visual */
.story-bridge{padding:96px 0;background:linear-gradient(145deg,#173f2f 0%,#315f45 58%,#5d456b 100%);color:#fff;overflow:hidden;position:relative}.story-bridge:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-170px;top:-220px}.story-journey{display:grid;grid-template-columns:.34fr .9fr 1.45fr;gap:46px;align-items:start;position:relative;z-index:1}.story-kicker{font-size:.68rem;letter-spacing:.19em;font-weight:900;color:#d6c6dc;padding-top:9px}.story-intro span{font-size:.78rem;color:#cae1d1;font-weight:800}.story-intro h2{font-family:"Noto Serif HK",serif;font-size:clamp(2.1rem,4.2vw,3.85rem);line-height:1.2;margin:.65rem 0 0}.story-chapters{list-style:none;margin:0;padding:0;display:grid;gap:0}.story-chapters li{display:grid;grid-template-columns:54px 1fr;gap:17px;padding:19px 0;border-top:1px solid rgba(255,255,255,.18)}.story-chapters b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#e3d5e8;font-size:.75rem}.story-chapters h3{margin:0;font-size:1.08rem}.story-chapters p{margin:.35rem 0 0;color:#dce8e0;font-size:.87rem;line-height:1.72}.scalp-impact{margin:0 0 50px;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--soft-shadow)}.scalp-impact img{width:100%;aspect-ratio:16/9;object-fit:cover}.scalp-impact figcaption{padding:12px 18px 16px;color:var(--muted);font-size:.76rem;line-height:1.65}.scalp-question{align-items:center}.scalp-question h2{max-width:760px}
@media(max-width:900px){.story-journey{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.story-bridge{padding:62px 0}.story-journey{gap:24px}.story-intro h2{font-size:2.25rem}.scalp-impact{border-radius:18px}.scalp-impact img{aspect-ratio:4/3}}

/* v18 — softer palette, responsive proof bar and warmer editorial rhythm */
:root{
  --ink:#2e4439;--muted:#6d7d75;--forest:#6f957d;--forest-deep:#52725f;
  --forest-soft:#eff6f0;--sage:#bfd4c4;--mint:#e5f0e8;--lav:#9a82a4;
  --plum:#806789;--plum-deep:#604d68;--lavender:#bca7c4;--lav-soft:#f7f2f8;
  --khaki:#98a184;--khaki-soft:#f4f4ed;--gold:#c3a361;--cream:#fffefa;--line:#e1ebe3;
  --shadow:0 24px 64px rgba(64,91,75,.12);--soft-shadow:0 12px 34px rgba(64,91,75,.075)
}
body{font-feature-settings:"palt" 1;line-break:strict;word-break:normal;background:linear-gradient(180deg,#fffefa,#fbfdf9)}
.notice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:52px;padding:7px max(20px,calc((100vw - var(--max))/2));background:linear-gradient(100deg,#eef6ef,#f7eff8 52%,#f6f3e8);color:var(--ink);overflow:visible}
.notice span{position:relative;display:flex!important;align-items:center;justify-content:center;min-width:0;padding:8px 18px;border:1px solid rgba(128,103,137,.18);border-radius:999px;background:rgba(255,255,255,.76);font-size:.78rem;font-weight:900;line-height:1.45;text-align:center;box-shadow:0 7px 22px rgba(91,75,99,.07);overflow:hidden}
.notice span:before{content:"✦";margin-right:8px;color:var(--gold);animation:proofSpark 2.4s ease-in-out infinite}
.notice span:after{content:"";position:absolute;inset:-50% auto -50% -30%;width:20%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);animation:proofSweep 4.8s ease-in-out infinite}
.notice span:last-child:before{animation-delay:.7s}.notice span:last-child:after{animation-delay:1.3s}
@keyframes proofSpark{0%,100%{opacity:.45;transform:scale(.82) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(22deg);text-shadow:0 0 12px rgba(195,163,97,.72)}}
@keyframes proofSweep{0%,58%{left:-35%;opacity:0}70%{opacity:1}88%,100%{left:118%;opacity:0}}
.site-head{top:0}.nav a{min-width:61px}.nav a span{font-size:.75rem}.nav a small{font-size:.49rem}
.page-hero{background:radial-gradient(circle at 86% 8%,rgba(188,167,196,.2),transparent 28%),linear-gradient(120deg,#f1f7f2,#fff 72%)}
.proof-band{background:linear-gradient(145deg,#f4f9f4 0%,#faf6fb 50%,#fffdf6 100%)}
.proof-intro strong{color:var(--plum-deep)}
.proof-grid article{border-color:rgba(111,149,125,.18);box-shadow:0 16px 42px rgba(82,114,95,.09)}
.proof-grid h2{font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.48;color:#4d3d54;text-wrap:balance}
.proof-grid span{color:#8c713d}.award-proof figure img{background:linear-gradient(135deg,#5f4d68,#927b9c 55%,#d3bd82)}
.story-bridge{background:linear-gradient(145deg,#789b83 0%,#668873 58%,#8c7695 100%)}
.diagnosis{background:linear-gradient(135deg,#769984,#917b9b)}
.review-strip{background:linear-gradient(135deg,#708f7b,#8c7795)}
.footer{background:#4f6d5b}
.portal-grid{grid-template-columns:repeat(4,1fr)}
.portal-card.rebuild{background:linear-gradient(145deg,#fff,#faf5fb)}
.portal-card.rebuild small,.portal-card.rebuild b{color:var(--plum)}
.portal-card.rebuild .portal-icon{background:var(--lav-soft)}
.service-evolution{background:linear-gradient(145deg,#fff,#f3f8f4 45%,#faf6fb)}
.evolution-line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.evolution-line li{position:relative;padding:28px 24px;min-height:230px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.86)}
.evolution-line b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--forest-soft);color:var(--forest-deep);font-size:.75rem}
.evolution-line h3{font-family:"Noto Serif HK",serif;font-size:1.28rem;line-height:1.45;margin:1rem 0 .5rem}.evolution-line p{color:var(--muted);font-size:.88rem}
.review-themes{background:#f7faf7}.review-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.review-theme-grid article{position:relative;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;min-height:190px;box-shadow:var(--soft-shadow)}
.review-theme-grid span{font-size:.7rem;letter-spacing:.13em;color:var(--gold);font-weight:900}.review-theme-grid h3{font-family:"Noto Serif HK",serif;font-size:1.3rem;margin:.65rem 0}.review-theme-grid p{color:var(--muted);font-size:.9rem;margin:0}.review-disclaimer{color:var(--muted);font-size:.75rem;margin-top:16px}
.real-observation{padding:0;overflow:hidden}.real-observation img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.comparison-visual{position:relative;overflow:hidden;border-radius:18px;background:#fff}.comparison-visual>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.comparison-labels{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.comparison-labels span{padding:14px 16px;font-size:.75rem;line-height:1.45;color:var(--muted);background:#fff}.comparison-labels span+span{border-left:1px solid var(--line);background:#f5f0f7}.comparison-labels b{display:block;margin-bottom:4px;color:var(--forest-deep);font-size:.85rem}.comparison-labels span+span b{color:var(--plum-deep)}
.product-principle{padding-bottom:22px;background:linear-gradient(145deg,#f5faf6,#faf6fb)}
.source{color:var(--forest-deep);text-decoration:underline;text-underline-offset:3px}

@media(max-width:1120px){
  .nav{inset:134px 14px auto}.portal-grid{grid-template-columns:repeat(2,1fr)}
  .evolution-line{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .notice span:last-child{display:flex!important}.notice{grid-template-columns:1fr}.nav{inset:182px 14px auto}
  .proof-grid h2{font-size:1.15rem}.review-theme-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .notice{gap:5px;padding:6px 10px}.notice span{font-size:.67rem;padding:6px 10px;border-radius:14px}.nav{inset:178px 10px auto}
  .portal-grid,.evolution-line,.review-theme-grid{grid-template-columns:1fr}.evolution-line li{min-height:0}
  .proof-grid h2{font-size:1.02rem}.proof-grid p{font-size:.82rem}.proof-grid figure{height:220px}
  .section-head h2,.page-hero h1,.experience-copy h2,.choice-layout h2{text-wrap:balance}
  .facebook-review-banner{align-items:flex-start;flex-direction:column;gap:14px}
  .facebook-review-banner strong{align-self:flex-start;max-width:100%;white-space:normal}
}
.story-intro h2 .story-line,.page-hero h1 .page-title-line{display:block;font:inherit;color:inherit}
.hero-copy h1{font-size:clamp(3rem,4.75vw,5rem);line-height:1.08;letter-spacing:-.055em}
.hero-copy h1>span,.hero-copy h1>em{display:block;white-space:nowrap}
.hero-copy h1 em{font-style:italic;letter-spacing:-.035em}
.hero-copy .lead{max-width:660px;font-size:1.03rem}
.hero-copy .lead span{display:block;white-space:nowrap}
@media(max-width:860px){
  .hero-copy h1>span,.hero-copy h1>em,.hero-copy .lead span{white-space:normal}
  .hero-copy h1>span,.hero-copy h1>em{max-width:11em}
}
.nav a[href*="hair-quality-reconstruction"]{position:relative;color:var(--plum-deep)}
.nav a[href*="hair-quality-reconstruction"]:after{content:"NEW";position:absolute;top:2px;right:2px;padding:2px 5px;border-radius:999px;background:var(--plum);color:#fff;font-size:.42rem;line-height:1;font-weight:900;letter-spacing:.07em}
.portal-card.rebuild{border:2px solid rgba(128,103,137,.28);box-shadow:0 18px 45px rgba(128,103,137,.13)}
@media(max-width:600px){.nav a[href*="hair-quality-reconstruction"]:after{top:10px;right:12px}}
@media(prefers-reduced-motion:reduce){.notice span:before,.notice span:after{animation:none}}

/* Knowledge centre: visible answers, clear sources and useful onward routes. */
.knowledge-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.knowledge-hero-grid h1{font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1.25;letter-spacing:-.035em}
.knowledge-hero-grid figure{margin:0}.knowledge-hero-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:right center;border-radius:24px}
.knowledge-hero-grid figcaption{font-size:.72rem;color:var(--muted);margin-top:10px}
.knowledge-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.knowledge-jumps a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:.85rem;color:var(--forest-deep)}
.knowledge-group{scroll-margin-top:150px}.knowledge-group+.knowledge-group{margin-top:64px}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.knowledge-card{display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:transform .2s,box-shadow .2s}
.knowledge-card:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow)}.knowledge-card small{color:var(--plum);font-size:.75rem;font-weight:800}.knowledge-card h3{margin:0;font-size:1.2rem;line-height:1.5}.knowledge-card p{margin:0;font-size:.87rem;color:var(--muted);line-height:1.8}.knowledge-card b{margin-top:auto;padding-top:8px;font-size:.8rem;color:var(--forest)}
.knowledge-discovery{background:linear-gradient(135deg,var(--forest-soft),var(--lav-soft))}
.article-meta{font-size:.78rem;color:var(--muted);margin-bottom:20px}
.care-boundary{margin:36px 0;padding:22px 26px;border-left:3px solid var(--plum);background:var(--lav-soft);border-radius:0 16px 16px 0}.care-boundary p{margin:.5rem 0 0;font-size:.9rem;line-height:1.8}
.editorial-sources{border-top:1px solid var(--line);padding-top:28px;margin-top:40px}.editorial-sources h2{font-size:1.2rem}.editorial-sources p,.editorial-sources li{font-size:.8rem;color:var(--muted);line-height:1.8}.editorial-sources li+li{margin-top:8px}
.knowledge-related{margin-top:44px}.knowledge-related .knowledge-grid{grid-template-columns:1fr}.knowledge-related .knowledge-card{padding:20px}
@media(max-width:900px){.knowledge-hero-grid{grid-template-columns:1fr;gap:26px}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.knowledge-grid{grid-template-columns:1fr}.knowledge-hero-grid h1{font-size:2.1rem}.knowledge-card{padding:22px}.knowledge-group+.knowledge-group{margin-top:44px}.knowledge-discovery .section-head{display:block}.knowledge-discovery .section-head>.ghost{display:inline-flex;margin-top:16px}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(1.5rem,8.2vw,2.8rem)}.hero-copy h1>span,.hero-copy h1>em{white-space:nowrap;max-width:none}}
@media(max-width:380px){.hero-copy .lead{font-size:.85rem}}

/* Hong Kong Chinese reading rhythm. */
:where(h1,h2,h3,p,li,figcaption){word-break:normal;line-break:strict;overflow-wrap:break-word}
:where(.page-hero h1,.section-head h2,.article h2,.article h3,.knowledge-card h3){text-wrap:balance}
:where(.lead,.article p,.article li,.knowledge-card p){text-wrap:pretty}
.topic-illustration{margin:0 0 32px}.topic-illustration img{width:100%;height:auto;aspect-ratio:2.4;object-fit:cover;border-radius:22px}.topic-illustration figcaption{font-size:.75rem;line-height:1.7;color:var(--muted);margin-top:10px}
.topic-next{margin:38px 0;padding:28px;background:var(--forest-soft);border-radius:22px}.topic-next h2{font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.5;margin:12px 0}.topic-next p{line-height:1.85}.topic-next .actions{margin-bottom:0}
.reading-path{display:flex;flex-direction:column;gap:10px}.reading-path h3,.reading-path p{margin:0}.reading-path b{margin-top:auto;color:var(--forest)}.reading-path:hover{border-color:var(--forest)}
.booking-section{background:var(--forest-soft)}.booking-section .card h3{line-height:1.5}.booking-section li{margin:8px 0}.booking-actions{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.booking-actions .cta{white-space:normal;text-align:center}.booking-details{color:#fff;text-decoration:underline;text-underline-offset:4px;font-size:.84rem}
.reading-visual{padding-bottom:0}.reading-visual .topic-illustration{margin:0}
@media(max-width:600px){.topic-next{padding:22px}.topic-next .actions>a{width:100%;text-align:center}.booking-actions{align-items:stretch}.booking-details{text-align:center}.topic-illustration img{aspect-ratio:1.8}.booking-section .cta{width:100%;text-align:center}}

.knowledge-hero-text{grid-template-columns:1fr}.knowledge-hero-text>div{max-width:850px}

.dedicated-illustration img{aspect-ratio:3/2;object-fit:contain}.team-grid figcaption strong{font-weight:700}
#booking{scroll-margin-top:120px}

.knowledge-card>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:12px}.knowledge-related .knowledge-card{display:grid;grid-template-columns:160px 1fr}.knowledge-related .knowledge-card>img{grid-row:1/5}.knowledge-related .knowledge-card>*:not(img){grid-column:2}
@media(max-width:600px){.knowledge-related .knowledge-card{display:flex}.knowledge-related .knowledge-card>img{max-height:230px}}

/* Keep baked-in brand marks visible in editorial images. */
.editorial-frame img{aspect-ratio:auto;height:auto;object-fit:contain}
.scalp-impact img,.real-observation img,.comparison-visual img{object-fit:contain}
@media(max-width:600px){.hero-art img{object-position:80% center}}

/* Keep the replacement environment illustration and brand fully visible. */
.qf-proof figure{background:#f7f5ef}.qf-proof figure img{object-fit:contain}.qf-proof .proof-art-caption{font-size:.72rem;margin-top:8px}

/* Break the team heading by meaning, keeping the invitation together. */
.section-head .team-heading{font-size:clamp(1.6rem,3.6vw,3rem);line-height:1.4;text-wrap:initial}.team-heading>span{display:block;white-space:nowrap}
.section-head:has(.team-heading){display:block}.section-head:has(.team-heading)>p{max-width:44rem;margin-top:18px}

.team-grid figure img{aspect-ratio:3/4;height:auto;object-fit:contain;background:#faf7f0}

.care-boundary.care-note{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0;margin:40px 0 0;color:#5f6c63}.care-note strong{font-size:.88rem}.care-note p{font-size:.88rem;line-height:1.8}.professional-notes{background:#f8f5fa}.professional-notes h2{font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.45}.learning-detail{border-top:1px solid var(--line);padding:20px 0}.learning-detail summary{font-size:1.08rem;font-weight:700;cursor:pointer;line-height:1.65}.learning-detail>div{padding:12px 0 4px}.learning-detail p,.learning-detail li{font-size:1rem;line-height:1.9}.learning-sources,.learning-link{border-top:1px solid var(--line);margin-top:38px;padding-top:24px}.learning-sources p{font-size:.9rem;line-height:1.8}

/* Group treatment choices and give the main navigation room to breathe. */
.nav{gap:8px}.nav>a{padding:12px 8px}.nav>a span{font-size:.85rem}.nav-treatment{position:relative}.nav-treatment summary{list-style:none;cursor:pointer;padding:12px 8px;white-space:nowrap;font-size:.85rem;font-weight:800;display:flex;gap:8px;align-items:center}.nav-treatment summary::-webkit-details-marker{display:none}.nav-treatment summary:focus-visible{outline:2px solid var(--forest);outline-offset:3px}.nav-treatment[open] summary{color:var(--forest)}.treatment-links{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 12px 28px #243c3020}.treatment-links a{display:block;text-align:left;padding:14px 12px;font-size:.9rem;white-space:nowrap}.treatment-links a:after{display:none!important}.treatment-links a:hover{background:var(--forest-soft)}
@media(max-width:1120px){.nav{gap:4px}.nav>a{padding:14px 16px}.nav-treatment summary{padding:14px 16px;font-size:.95rem}.nav>a span{font-size:.95rem}.treatment-links{position:static;box-shadow:none;min-width:0;margin:0 8px 8px;background:#f5f8f4}.treatment-links a{white-space:normal}.nav-treatment[open] summary span{transform:rotate(180deg)}}

.daily-tips{margin:40px 0;padding:28px;background:#f1f7f1;border-radius:20px}.daily-tips h2{font-size:1.5rem;margin:14px 0}.daily-tips li{margin:14px 0;line-height:1.9}.daily-tips .source{font-size:.8rem}

.support-copy{margin-top:28px;line-height:1.9;color:var(--forest-deep)}

.check-hero h1{font-size:clamp(1.65rem,4.3vw,3.6rem);line-height:1.45;letter-spacing:-.025em;text-wrap:initial;margin:24px 0}.check-hero h1 span{display:block;white-space:nowrap}.check-hero .lead{max-width:42rem;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.95}.check-hero{padding-block:58px}@media(max-width:600px){.check-hero h1{font-size:clamp(1.65rem,6vw,2.15rem)}.check-hero{padding-block:38px}}

/* Shared interior headings use readable scale and semantic phrase breaks. */
.page-hero h1{font-size:clamp(1.8rem,3.5vw,3.3rem);line-height:1.5;letter-spacing:-.025em;text-wrap:initial;margin:24px 0}.page-hero .lead{max-width:42rem;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.95}.page-hero{padding-block:58px}.about-title-line{display:block;white-space:nowrap}.check-hero h1{font-size:clamp(1.65rem,4.3vw,3.6rem)}@media(max-width:600px){.page-hero h1{font-size:clamp(1.6rem,5.3vw,2rem);line-height:1.55}.page-hero{padding-block:38px}.check-hero h1{font-size:clamp(1.65rem,6vw,2.15rem)}}

.mobile-cta{display:flex;position:fixed;z-index:80;left:18px;right:auto;bottom:max(18px,env(safe-area-inset-bottom));width:56px;height:56px;padding:0;border-radius:50%;background:#25d366;color:#fff;align-items:center;justify-content:center;box-shadow:0 5px 18px #164f3428}.mobile-cta svg{width:34px;height:34px;display:block}.mobile-cta:hover{background:#20bd5a}.mobile-cta:focus-visible{outline:3px solid var(--forest-deep);outline-offset:4px}@media(max-width:600px){.mobile-cta{width:52px;height:52px;left:14px;bottom:max(14px,env(safe-area-inset-bottom))}.mobile-cta svg{width:32px;height:32px}}

.english-topic{font-size:.85rem!important;line-height:1.7!important;font-weight:600;color:var(--muted);letter-spacing:.015em;margin:-10px 0 22px;max-width:42rem}

.notice-copy{font:inherit;min-width:0}.notice-line{font-style:normal;display:inline}.notice>span{line-height:1.65}.notice>span:after{animation:none;display:none}@media(max-width:900px){.notice{display:grid;grid-template-columns:1fr;gap:6px;padding:8px 10px}.notice>span{padding:8px 10px;font-size:clamp(.62rem,2.7vw,.74rem);border-radius:14px}.notice-line{display:block;white-space:nowrap}.notice>span:before{flex:0 0 auto}.notice-copy{display:block}}

/* Compact visual choices in the hair-loss overview. */
.hair-topic-card{display:flex;align-items:flex-start;gap:18px}.hair-topic-thumb{display:block;flex:0 0 112px;overflow:hidden;border-radius:14px}.hair-topic-thumb img{display:block;width:100%;height:90px;object-fit:cover}.hair-topic-copy{flex:1;min-width:0}.hair-topic-copy h3{margin-top:0}.hair-topic-copy p{margin:10px 0 14px}@media(max-width:600px){.hair-topic-card{gap:14px}.hair-topic-thumb{flex-basis:94px}.hair-topic-thumb img{height:82px}}

/* Reconstruction uses the same text and navigation treatment as other services. */
.nav a[href*="hair-quality-reconstruction"]{color:inherit}.nav a[href*="hair-quality-reconstruction"]:after{display:none}.portal-card.rebuild{border:1px solid var(--line);box-shadow:none}.colour-story h3{margin-top:32px}.colour-story p{line-height:1.95}.colour-three-art img{width:100%;height:auto;border-radius:20px}.colour-rebuild-next{margin-top:40px}

.portal-card.rebuild small,.portal-card.rebuild b{color:var(--forest)}.portal-card.rebuild .portal-icon{background:var(--forest-soft)}.portal-card.rebuild{background:linear-gradient(145deg,#fff,var(--forest-soft))}

/* Keep staff faces, gestures and product labels visible in brand entry illustrations. */
.brand-choice img.brand-magic-art{height:100%;max-height:450px;object-fit:contain;background:#fbf8f1}.brand-choice>a:has(.brand-magic-art){grid-template-columns:1fr 1fr;min-height:380px}@media(max-width:600px){.brand-choice>a:has(.brand-magic-art){grid-template-columns:1fr}.brand-choice img.brand-magic-art{height:340px;max-height:none;order:-1}.brand-choice h2{font-size:2.2rem}}

/* Restore original group-photo order: six above, five centred below. */
@media(min-width:900px){.team-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.team-grid figure{grid-column:span 2}.team-grid figure:nth-child(7){grid-column:2 / span 2}}
@media(min-width:761px) and (max-width:899px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Keep the harbour scene and both staff visible on narrow screens. */
@media (max-width:600px){
 .editorial-hero,.editorial-hero .hero-split{min-height:0}
 .editorial-hero .hero-art{height:auto;aspect-ratio:16/9}
 .editorial-hero .hero-art img{object-fit:contain;object-position:center}
 .editorial-hero .hero-art:after{background:linear-gradient(180deg,#edf6ef 0%,rgba(237,246,239,0) 24%)}
 .editorial-hero .hero-copy{padding-bottom:calc(56.25vw + 32px)}
}

.team-grid.team-director{display:flex;justify-content:center;margin-top:28px}.team-director figure{width:min(220px,46%);margin:0}

/* Mobile menu attaches to its header, not an old fixed page offset. */
@media(max-width:1120px){
 body.nav-open .site-head{position:fixed;inset:0 0 auto;z-index:90}
 .site-head .nav{position:absolute;inset:calc(100% + 8px) 12px auto;max-height:calc(100dvh - var(--mobile-menu-top,90px) - 12px);padding:8px;border-radius:18px;gap:0;overflow-y:auto}
 .site-head .nav>a,.site-head .nav-treatment summary{min-height:44px;padding:10px 14px;line-height:1.45}
 .site-head .nav>a span,.site-head .nav-treatment summary{font-size:15px;white-space:normal}
 body.nav-open .mobile-cta{display:none}
}