@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#51382F;--deep:#654638;--green:#B97554;--olive:#C68F73;--sienna:#D07A55;--gold:#DCA17D;--cream:#FFF7F0;--sand:#F8E8DB;--paper:#FFFCF9;--line:#E9D5C8;--muted:#7C665B;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);line-height:1.75;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #D07A55;outline-offset:4px}::selection{background:#d8e1d2;color:var(--deep)}.shell{width:min(1160px,calc(100% - 52px));margin:auto}.spacer{height:12px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:var(--sienna)}.section{padding:105px 0}.heading{font:500 clamp(38px,5vw,61px)/1.19 var(--serif);letter-spacing:-.045em;margin:15px 0 20px}.lead{font-size:17px;line-height:1.95;color:var(--muted);max-width:690px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 23px;border:1px solid var(--deep);background:var(--deep);color:white;font-size:13px;font-weight:700;letter-spacing:.02em;transition:.2s}.btn:hover{background:var(--green);border-color:var(--green);transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid #DEC6B9}.btn.ghost:hover{background:var(--sand)}.btn.cream{background:#fcfaf5;color:var(--deep);border-color:#fcfaf5}.btn.cream:hover{background:#F3DFD1}.arrow{font-size:20px;line-height:1}.tag{display:inline-flex;border:1px solid #E6CBBB;color:var(--green);font-weight:700;padding:4px 11px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.duo{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.section-ivory{background:var(--paper)}.section-sand{background:#f0eee8}.section-forest{background:var(--deep);color:#fff}.section-forest .lead{color:#F7E5D9}.section-forest .eyebrow{color:#e1be91}.section-head{text-align:center;max-width:850px;margin:0 auto 46px}.section-head .lead{margin-left:auto;margin-right:auto}.mini-link{display:inline-block;color:var(--deep);border-bottom:1px solid #b5aa96;font-size:13px;font-weight:700;padding-bottom:5px;transition:.2s}.mini-link:hover{color:var(--sienna)}
/* header */
.site-head{position:sticky;top:0;z-index:50;background:rgba(249,247,242,.97);backdrop-filter:blur(16px);border-bottom:1px solid #F3DDD0}.site-head-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;gap:12px;align-items:center;flex-shrink:0}.logo-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid #748576;color:var(--deep);font:600 21px var(--serif);letter-spacing:-.06em}.logo-word{display:flex;flex-direction:column;line-height:1.14}.logo-word strong{font:600 20px var(--serif);letter-spacing:-.04em}.logo-word small{margin-top:5px;font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.links{display:flex;align-items:center;gap:24px}.links>a,.dropdown>button{font:600 12px var(--sans);color:#60483D;white-space:nowrap}.links>a:hover,.dropdown>button:hover{color:var(--sienna)}.links .nav-cta{padding:12px 17px;background:var(--deep);color:white}.links .nav-cta:hover{background:var(--green);color:white}.dropdown{position:relative}.dropdown>button{background:none;border:0;padding:18px 0}.dropdown-panel{display:none;position:absolute;top:100%;left:-12px;min-width:280px;background:var(--paper);padding:12px;border:1px solid var(--line);box-shadow:0 16px 40px #51382F19}.dropdown:hover .dropdown-panel,.dropdown:focus-within .dropdown-panel{display:block}.dropdown-panel a{display:block;padding:11px 13px;font-size:12px;font-weight:600}.dropdown-panel a:hover{background:var(--sand)}.menu-trigger{display:none;background:none;border:0;font-size:27px;color:var(--ink)}
/* home hero */
.hero{background:linear-gradient(90deg,#f8f7f2 0%,#f8f7f2 58%,#F9DFCE 58%,#F9DFCE 100%);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr .97fr;align-items:center;min-height:660px;gap:42px;padding:50px 0 70px}.hero h1{font:500 clamp(46px,5.2vw,72px)/1.17 var(--serif);letter-spacing:-.055em;margin:18px 0 24px}.hero h1 em{color:var(--green);font-weight:400}.hero p{max-width:550px;color:#80685D;font-size:16px;line-height:1.95}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.portrait{height:550px;position:relative;isolation:isolate}.portrait-mat{position:absolute;inset:3% 4% 0 14%;background:#E2AF94;overflow:hidden;border-radius:230px 230px 7px 7px}.portrait-mat:before{content:'';position:absolute;inset:8% 8% 0;border:1px solid #ffffff8f;border-radius:230px 230px 7px 7px}.portrait-mat:after{content:'';position:absolute;width:340px;height:340px;top:20%;right:-110px;border:1px solid #ffffff7f;border-radius:50%;box-shadow:0 0 0 52px #ffffff18,0 0 0 105px #ffffff13}.portrait-letter{position:absolute;top:27%;left:24%;font:500 190px var(--serif);color:#FFF7F0;letter-spacing:-.1em;line-height:1;z-index:1}.portrait-caption{position:absolute;bottom:6%;left:4%;background:var(--paper);z-index:3;padding:24px 28px;box-shadow:0 25px 70px #26382c16;max-width:270px}.portrait-caption small{display:block;font-size:10px;letter-spacing:.15em;color:var(--sienna);font-weight:700}.portrait-caption p{font:400 20px/1.55 var(--serif);margin:10px 0 0;color:var(--ink)}.floating-star{position:absolute;right:0;top:16%;font:50px var(--serif);color:#b58d66}.image-note{font-size:10px;color:#9F7A68;letter-spacing:.1em;position:absolute;right:9%;bottom:4%}.quote-band{padding:54px 0;background:var(--deep);color:#fff;text-align:center}.quote-band blockquote{font:400 clamp(24px,3vw,36px)/1.65 var(--serif);max-width:910px;margin:auto;letter-spacing:-.025em}.quote-band small{display:block;margin-top:18px;font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:#c4d0c4}
/* about & philosophy */
.info-paragraphs p{font-size:16px;color:var(--muted);line-height:2;margin:0 0 21px}.editorial{min-height:515px;background:#F2D6C4;display:grid;place-items:center;position:relative;overflow:hidden}.editorial:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffffc2;border-radius:50%;transform:translate(26%,6%)}.editorial:after{content:'';position:absolute;width:320px;height:320px;border:1px solid #ffffff90;border-radius:50%;transform:translate(26%,6%)}.editorial .initials{position:relative;z-index:1;font:500 115px var(--serif);letter-spacing:-.09em;color:#f7f7f1}.editorial .corner{position:absolute;bottom:24px;left:24px;z-index:2;font-size:11px;letter-spacing:.15em;color:#896755;text-transform:uppercase}.editorial.v2{background:#EFC9B5}.editorial.v3{background:#F0D8C8}.pillars{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.pillars span{font-size:11px;padding:8px 12px;border:1px solid #E4C9B7;color:#A46A52}
/* offerings */
.offer-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-height:325px;transition:.25s}.offer-card:hover{transform:translateY(-5px);box-shadow:0 14px 33px #26382c0f}.offer-img{height:155px;background:#F5DCCB;position:relative;display:flex;align-items:center;padding:20px 26px;overflow:hidden}.offer-img:before{content:'';width:180px;height:180px;border:1px solid #ffffffae;position:absolute;border-radius:50%;top:-48px;right:8%}.offer-img:after{content:'';width:120px;height:120px;border:1px solid #ffffffae;position:absolute;border-radius:50%;top:-19px;right:16%}.offer-img span{font:500 60px var(--serif);color:#6c806b;position:relative;z-index:1}.offer-img.peach{background:#F2D9C7}.offer-img.peach span{color:#b49273}.offer-img.dark{background:#A4624C}.offer-img.dark span{color:#d5e0d3}.offer-img.gold{background:#F0D3BE}.offer-img.gold span{color:#b59a68}.offer-body{padding:25px 26px 30px;display:flex;flex-direction:column;flex:1}.offer-body small{font-size:10px;letter-spacing:.15em;color:var(--sienna);font-weight:700;text-transform:uppercase}.offer-body h3{font:500 24px/1.4 var(--serif);letter-spacing:-.025em;margin:11px 0}.offer-body p{color:var(--muted);font-size:13px;line-height:1.9;flex:1}.offer-body a{margin-top:12px}.wide-banner{background:#F6DDCD;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:36px}.wide-banner h3{font:500 34px var(--serif);margin:0 0 12px}.wide-banner p{margin:0;color:var(--muted);max-width:650px}.wide-banner .btn{flex-shrink:0}
/* resources */
.resource-card{padding:30px;border:1px solid #EBCFBE;background:#fff;display:flex;flex-direction:column}.resource-card .icon-art{width:52px;height:52px;display:grid;place-items:center;background:#F9E2D2;color:#B56B50;font:500 28px var(--serif)}.resource-card h3{font:500 25px/1.35 var(--serif);margin:22px 0 8px}.resource-card p{font-size:14px;color:var(--muted);line-height:1.9;flex:1}.resource-card .mini-link{align-self:flex-start;margin-top:14px}
/* stories */
.blog-card{border:1px solid var(--line);background:white;display:flex;flex-direction:column}.blog-art{min-height:190px;background:#F5DED0;position:relative;overflow:hidden;display:grid;place-items:center}.blog-art.peach{background:#F4D8C9}.blog-art.gold{background:#F3DFD1}.blog-art:before{content:'';width:220px;height:220px;border:1px solid #fff;position:absolute;border-radius:50%;top:-35px;right:10px}.blog-art:after{content:'';width:150px;height:150px;border:1px solid #fff;position:absolute;border-radius:50%;top:3px;right:45px}.blog-art span{font:italic 42px var(--serif);color:#B86A4D;position:relative}.blog-art.peach span{color:#C77D5D}.blog-art.gold span{color:#AE795E}.blog-card .blog-body{padding:24px;flex:1;display:flex;flex-direction:column}.blog-card small{color:var(--sienna);font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.blog-card h3{font:500 22px/1.42 var(--serif);margin:10px 0}.blog-card p{font-size:13px;color:var(--muted);flex:1}.blog-card a{margin-top:12px;align-self:start}
/* interior pages */
.inner-hero{background:linear-gradient(110deg,#e9eee6,#f8f7f2 65%);padding:105px 0 95px;position:relative;overflow:hidden}.inner-hero:after{content:'';position:absolute;width:540px;height:540px;border:1px solid #adbcaa7d;border-radius:50%;right:-220px;top:-80px}.inner-hero .shell{position:relative;z-index:1}.inner-hero h1{max-width:820px;font:500 clamp(45px,5.8vw,75px)/1.17 var(--serif);letter-spacing:-.045em;margin:20px 0}.inner-hero p{max-width:760px;font-size:18px;line-height:1.9;color:var(--muted)}.breadcrumb{font-size:11px;color:var(--green);letter-spacing:.12em;text-transform:uppercase}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.two-col-text{columns:2;column-gap:48px}.two-col-text p{break-inside:avoid;color:var(--muted);line-height:1.98}.list-rows{border-top:1px solid var(--line)}.list-row{display:grid;grid-template-columns:60px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:26px 0}.list-row span{font:400 29px var(--serif);color:var(--sienna)}.list-row h3{font:500 25px var(--serif);margin:0 0 9px}.list-row p{margin:0;color:var(--muted);font-size:14px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{display:flex;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;font:500 21px/1.5 var(--serif)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:26px var(--sans);color:var(--green)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.95;color:var(--muted);max-width:760px}.steps{counter-reset:item}.steps li{list-style:none;border-bottom:1px solid var(--line);padding:16px 0;display:flex;gap:16px}.steps li:before{counter-increment:item;content:counter(item,decimal-leading-zero);color:var(--sienna);font:500 22px var(--serif)}.steps p{margin:0;color:var(--muted)}.article{max-width:820px;margin:auto}.article h2{font:500 32px var(--serif);margin:34px 0 14px}.article p{font-size:17px;line-height:2.03;color:#49564c}.article .opening{font:500 24px/1.75 var(--serif);color:var(--deep)}.paper{background:white;border:1px solid var(--line);padding:42px 48px}.paper h2{font:500 32px var(--serif)}.paper p{font-size:16px;color:var(--muted);line-height:1.95}.paper ol{line-height:2.1;padding-left:22px}.print-only{display:none}
.contact-band{background:var(--deep);color:#fff;padding:85px 0}.contact-band h2{font:500 clamp(37px,4vw,53px)/1.26 var(--serif);margin:12px 0 20px}.contact-band p{color:#F5DACB;font-size:16px;line-height:1.9}.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.contact-panel{padding:38px;border:1px solid #B47B62;background:#805444}.contact-panel label{display:block;font-size:11px;letter-spacing:.13em;font-weight:700;margin:0 0 12px}.contact-panel select{width:100%;border:0;border-radius:0;padding:14px 13px;background:#fff;color:var(--ink)}.contact-panel .btn{margin-top:16px;width:100%}.contact-panel p{font-size:12px}.copy-status{min-height:22px;color:#fff;font-size:12px}
footer{background:#452E29;color:#FFF2E9;padding:59px 0 26px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-top .logo-symbol{border-color:#F1DAC9;color:#fff}.footer-top .logo-word small{color:#E8C8B5}.footer-top p{color:#F3D4C2;max-width:360px;font-size:13px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links strong{font:500 18px var(--serif);margin-bottom:6px}.footer-links a{font-size:12px;color:#F2D8C7}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid #704A3B;margin-top:45px;padding-top:18px;color:#EAD0C0;font-size:11px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1050px){.links{gap:12px}.links>a,.dropdown>button{font-size:11px}.duo{gap:42px}.hero-inner{gap:22px}.portrait{height:490px}}
@media(max-width:870px){.menu-trigger{display:block}.site-head-inner{height:74px}.links{display:none;position:absolute;top:74px;left:0;right:0;padding:18px 26px 28px;background:var(--cream);box-shadow:0 17px 35px #452E291c;align-items:stretch;flex-direction:column;gap:0}.links.open{display:flex}.links>a,.dropdown>button{font-size:14px;padding:11px 3px}.links .nav-cta{text-align:center;margin-top:12px}.dropdown-panel{display:block;position:static;box-shadow:none;border:0;background:#f3f0e9;padding:0 0 0 14px;min-width:0}.dropdown-panel a{font-size:12px;padding:8px}.hero{background:#f8f7f2}.hero-inner{grid-template-columns:1fr;gap:10px;padding:58px 0 90px}.hero h1{max-width:630px}.portrait{height:480px;max-width:580px;width:100%;margin:15px auto 0}.duo{grid-template-columns:1fr;gap:38px}.grid3{grid-template-columns:1fr 1fr}.editorial{min-height:370px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.wide-banner{padding:35px;display:block}.wide-banner .btn{margin-top:25px}}
@media(max-width:580px){.shell{width:min(100% - 36px,1160px)}.section{padding:72px 0}.hero-inner{padding:40px 0 68px}.hero h1{font-size:46px}.hero p{font-size:14px}.portrait{height:335px}.portrait-mat{inset:0 2% 0 12%}.portrait-letter{font-size:135px;left:22%;top:25%}.portrait-caption{padding:16px 18px;max-width:195px;bottom:0}.portrait-caption p{font-size:15px}.floating-star{font-size:30px}.image-note{display:none}.quote-band{padding:42px 0}.grid2,.grid3{grid-template-columns:1fr}.heading{font-size:39px}.lead{font-size:15px}.inner-hero{padding:72px 0}.inner-hero h1{font-size:45px}.inner-hero p{font-size:15px}.two-col-text{columns:1}.editorial{min-height:305px}.offer-img{height:125px}.contact-band{padding:67px 0}.contact-panel{padding:23px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{display:block}.paper{padding:28px 22px}.article p{font-size:16px}.article .opening{font-size:21px}}
@media print{header,footer,.btn,.contact-band,.nav-cta{display:none!important}.print-only{display:block}.paper{border:0;padding:0}.inner-hero{padding:22px 0}.section{padding:15px 0}body{background:white}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* HUONG KUNKUNS – 2026 BRAND REFRESH: BRONZE / EARTH ORANGE / MILK ORANGE */
:root{--ink:#51382F;--deep:#654638;--green:#B97554;--olive:#C68F73;--sienna:#D07A55;--gold:#DCA17D;--cream:#FFF7F0;--sand:#F8E8DB;--paper:#FFFCF9;--line:#E9D5C8;--muted:#7C665B}
.site-head{background:rgba(255,248,241,.97);border-bottom:1px solid #E9D5C8}
.site-head .logo-symbol,footer .logo-symbol{width:62px;height:62px;flex:0 0 62px;border:0!important;background:transparent url('/assets/logo-official.webp') center/contain no-repeat!important;font-size:0!important;letter-spacing:0!important;overflow:hidden;color:transparent!important}
.logo-word strong{color:#60392E}
footer .logo-word strong{color:#FFF4EC}
.logo-word small{color:#A47561}
.hero{background:linear-gradient(90deg,#FFF8F1 0%,#FFF8F1 55%,#FBE3D3 55%,#FBE3D3 100%)}
.hero h1 em{color:#C66B4C}
.hero .eyebrow,.eyebrow{color:#BD674A}
.hero .portrait-mat{background:#EABEA5 url('/assets/portrait-garden.webp') center 38%/cover no-repeat!important;border-radius:230px 230px 8px 8px}
.hero .portrait-mat:after{display:none}
.hero .portrait-mat:before{border-color:rgba(255,255,255,.48)}
.hero .portrait-letter{display:none}
.hero .portrait-caption{background:#FFFCF8;box-shadow:0 24px 70px rgba(97,55,38,.16);border-left:3px solid #CE7758}
.floating-star{color:#D88761}
.quote-band{background:#654638;color:#FFF7F0}
.quote-band small{color:#E8BB9D}
.editorial,.editorial.v2,.editorial.v3{background-color:#E9BFA8!important;background-image:url('/assets/portrait-cutout.webp')!important;background-position:center bottom!important;background-size:auto 99%!important;background-repeat:no-repeat!important;background-blend-mode:screen!important;border-radius:190px 190px 7px 7px}
.editorial:before,.editorial:after{opacity:.18}
.editorial .initials{opacity:0}
.editorial .corner{background:#FFF7F0D9;color:#855440;padding:6px 11px;letter-spacing:.13em}
.section-sand{background:#FAEDE2}
.section-ivory{background:#FFFCF8}
.offer-card,.resource-card,.blog-card{background:#FFFCF9;border-color:#ECD5C5}
.offer-card:hover{box-shadow:0 14px 34px rgba(95,50,34,.13)}
.offer-img{background:#F7D9C6}
.offer-img.peach{background:#F1CEB9}
.offer-img.dark{background:#BE846A}
.offer-img.gold{background:#F1D6C5}
.offer-img span{color:#AB664F}
.offer-img.dark span{color:#FFE4D2}
.mini-link{color:#854E3C;border-color:#D9A98A}
.btn{background:#8C513D;border-color:#8C513D}
.btn:hover{background:#B66E4D;border-color:#B66E4D}
.btn.ghost{background:transparent;color:#70493A;border-color:#D5B6A3}
.btn.ghost:hover{background:#F6E0D0}
.btn.cream{color:#764B3B}
.links .nav-cta{background:#96563E}
.links .nav-cta:hover{background:#B66E4D}
.section-forest,.contact-band{background:#654638}
.contact-panel{background:#7B5142;border-color:#AC7D65}
.contact-band p{color:#F6E4D8}
footer{background:#493128;color:#F9EADF}
.footer-top p,.footer-links a{color:#E9D2C1}
.footer-bottom{border-color:#7C5646}
.wide-banner{background:#F5DFD1}
.article h2{color:#674436}
@media(max-width:870px){.site-head-inner{height:76px}.site-head .logo-symbol{width:55px;height:55px;flex-basis:55px}.links{top:76px}.hero{background:#FFF8F1}}
@media(max-width:580px){.hero .portrait-mat{inset:0 4% 0 12%;background-position:center 32%}.site-head .logo-symbol{width:50px;height:50px;flex-basis:50px}.logo-word strong{font-size:18px}.editorial{border-radius:150px 150px 6px 6px}}


/* Personal profile enrichment based on supplied 29-page professional profile */
.metric-section{background:#79513f;color:#fff;padding:42px 0}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.metric{padding:10px 25px;min-height:144px;border-right:1px solid #b78b74}.metric:first-child{padding-left:0}.metric:last-child{border-right:0}.metric strong{display:block;font:500 clamp(39px,4vw,59px)/1.1 var(--serif);letter-spacing:-.04em;color:#fff6eb}.metric span{display:block;font-weight:700;font-size:13px;margin-top:11px;color:#ffeadc}.metric small{font-size:11px;line-height:1.5;display:block;color:#f0cebc;margin-top:4px}
.inner-hero-profile{padding:90px 0 75px;background:linear-gradient(110deg,#f8e5d7,#fff8f1 70%)}.inner-hero-profile p{max-width:900px}.about-jump{display:flex;gap:14px;flex-wrap:wrap;margin-top:29px}.about-jump a{padding:9px 12px;border:1px solid #d6b49f;background:#fff8f2;color:#86513f;font-size:12px;font-weight:700}.about-jump a:hover{background:#f8dfcd}
.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.expertise-card{background:#fffaf5;border:1px solid #ead2c2;padding:35px;min-height:250px}.expertise-card .expertise-num{color:#c07754;font:500 27px var(--serif)}.expertise-card h3{font:500 27px/1.35 var(--serif);margin:12px 0 15px;color:#5b3e33}.expertise-card p{font-size:14px;line-height:1.95;color:#745e52;margin:0}
.path-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:45px 0}.path-item{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:16px;background:#fff8f3;border-left:2px solid #d39b79;padding:27px}.path-icon{font:500 23px var(--serif);color:#c57c59}.path-item small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#a3694f}.path-item h3{font:500 24px/1.35 var(--serif);color:#654638;margin:7px 0 10px}.path-item p{font-size:13px;line-height:1.9;color:#80695d;margin:0}.scale-note{padding:30px;background:#f6dfcf;border:1px solid #e7bfa5}.scale-note strong{font:500 26px var(--serif);color:#704533}.scale-note p{font-size:13px;line-height:1.9;color:#745a4d;margin:10px 0 0}
.philosophy-layout{align-items:start}.principle-list{border-top:1px solid #debeac}.principle-list article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #debeac}.principle-list span{font:500 24px var(--serif);color:#bc7958}.principle-list h3{font:500 23px/1.4 var(--serif);margin:0 0 8px}.principle-list p{font-size:13px;line-height:1.9;color:#7d6256;margin:0}
.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.result-card{padding:28px 24px;background:#fffaf6;border:1px solid #ebd5c7}.result-card span{font:500 23px var(--serif);color:#c58663}.result-card h3{font:500 23px/1.4 var(--serif);color:#644536;margin:20px 0 13px}.result-card p{font-size:13px;line-height:1.9;color:#756051;margin:0}.evidence-note{font-size:12px;line-height:1.8;color:#947462;max-width:850px;margin:25px auto 0;text-align:center}.mission-block{text-align:center}.mission-block .heading{max-width:940px;margin:18px auto 25px}.mission-block p{font-size:16px;line-height:2;max-width:850px;margin:0 auto;color:#765e50}.mission-footer{font:italic 24px/1.6 var(--serif);max-width:780px;margin:28px auto 0;color:#995d44}
.info-visual{min-height:440px;background:#e8bba0 url('/assets/portrait-garden.webp') center/cover no-repeat;position:relative}.info-visual-inner{position:absolute;bottom:0;left:0;right:0;padding:27px 30px;background:linear-gradient(0deg,rgba(64,37,26,.88),rgba(64,37,26,.18));color:#fff}.big-number{display:block;font:500 58px/1.1 var(--serif)}.big-number span{font-size:34px}.info-visual-inner strong{display:block;font-size:14px;margin-top:7px}.info-visual-inner p{font-size:11px;max-width:310px;line-height:1.7;color:#fff0e5}.centered-link{text-align:center;margin-top:35px}
@media(max-width:950px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid #b78b74}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-bottom:0}.result-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(3){padding-left:0}}
@media(max-width:670px){.metric-section{padding:30px 0}.metric{padding:12px 8px;min-height:125px}.metric strong{font-size:37px}.metric small{font-size:10px}.metric span{font-size:11px}.expertise-grid,.path-list,.result-grid{grid-template-columns:1fr}.expertise-card{min-height:0;padding:25px}.path-item{padding:23px}.about-jump{gap:8px}.about-jump a{font-size:11px;padding:8px 10px}.inner-hero-profile{padding:70px 0 55px}.mission-footer{font-size:21px}.info-visual{min-height:370px}}


/* V6 TYPOGRAPHY SYSTEM | ROBOTO / HIGH-CONTRAST | Applies site-wide */
:root{
 --sans:'Roboto',Arial,sans-serif;
 --serif:'Roboto',Arial,sans-serif;
 --ink:#3F2920;
 --muted:#634B3E;
}
html,body,button,input,select,textarea{font-family:'Roboto',Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6,blockquote,summary,.logo-word strong{font-family:'Roboto',Arial,sans-serif!important;letter-spacing:-.025em}
body{font-size:16px;font-weight:400;color:#3F2920;line-height:1.75}
p{color:#584237}
.heading,.section-title,.inner-hero h1,
.hk-hero h1,.hk-section h2,.hk-knowledge h2,.hk-contact h2 {
 font-family:'Roboto',Arial,sans-serif!important;
 font-style:normal;
 font-weight:800!important;
 letter-spacing:-.042em!important;
 line-height:1.16!important;
}
.heading,.section-title,.hk-section h2,.hk-knowledge h2,.hk-contact h2{font-size:clamp(44px,4.65vw,70px)!important}
.inner-hero h1{font-size:clamp(48px,5.6vw,78px)!important}
.hk-hero h1{font-size:clamp(54px,5.75vw,84px)!important;line-height:1.13!important}
.hk-hero h1 em,.hk-section h2 em,.hk-knowledge h2 em,.hk-contact h2 em,
.heading em {font-family:'Roboto',Arial,sans-serif!important;font-weight:800!important;font-style:normal!important;color:#B45E3B!important}
.hk-kicker,.eyebrow{
 font-family:'Roboto',Arial,sans-serif!important;
 font-size:14px!important;
 line-height:1.5!important;
 letter-spacing:.095em!important;
 font-weight:800!important;
 color:#A64E2E!important;
}
.hk-hero .hk-kicker{font-size:14px!important}
.hk-section-head p,.hk-hero-copy>p,.hk-section p,.hk-knowledge p,.hk-contact p{
 font-size:17px;
 color:#604638;
 line-height:1.85;
}
.hk-hero-copy>p{font-size:18px!important}
.hk-service-card h3,.hk-feedback-grid h3,.hk-program h3,.hk-journey-list h3,
.hk-capability-list h3,.expertise-card h3,.path-item h3,.result-card h3,
.offer-body h3,.resource-card h3,.blog-card h3,.step h3,.faq summary,
.section .resource-card h3{
 font-family:'Roboto',Arial,sans-serif!important;
 font-size:clamp(25px,2.1vw,31px)!important;
 line-height:1.3!important;
 letter-spacing:-.025em!important;
 font-weight:800!important;
 color:#4D3025!important;
}
.hk-service-card h3{font-size:clamp(28px,2.3vw,34px)!important}
.hk-program h3{font-size:clamp(27px,2.2vw,33px)!important}
.hk-feedback-grid h3{font-size:clamp(26px,2.3vw,32px)!important}
.hk-feedback-grid p{font-family:'Roboto',Arial,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#553A2C!important}
.hk-service-card p,.hk-program p,.hk-journey-list p,.hk-capability-list p,.expertise-card p,.path-item p,.result-card p,.resource-card p,.offer-body p,.blog-card p{
 font-family:'Roboto',Arial,sans-serif!important;
 font-size:15px!important;
 line-height:1.85!important;
 color:#664A3B!important;
}
.hk-service-number{font-family:'Roboto',Arial,sans-serif!important;font-weight:800!important;font-size:48px!important;font-style:normal!important;color:#B9734E!important}
.hk-stat strong,.metric strong{font-family:'Roboto',Arial,sans-serif!important;font-size:clamp(43px,4vw,63px)!important;font-weight:800!important;letter-spacing:-.055em}
.hk-stat span,.metric span{font-family:'Roboto',Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.6}
.hk-stat small,.metric small{font-family:'Roboto',Arial,sans-serif!important;font-size:12px!important;line-height:1.6}
.hk-quote-panel blockquote,.quote-band blockquote,.mission-footer,.about-quote,.contact-band h2{
 font-family:'Roboto',Arial,sans-serif!important;
 font-weight:700!important;
 font-style:normal!important;
 letter-spacing:-.03em!important;
 line-height:1.42!important;
}
.hk-quote-panel blockquote{font-size:clamp(29px,3vw,43px)!important}
.hk-image-quote strong{font-family:'Roboto',Arial,sans-serif!important;font-weight:800!important;font-style:normal!important;font-size:26px!important;line-height:1.33!important}
.hk-image-quote small,.hk-feedback-grid small,.hk-program>span,.hk-knowledge-links small,.hk-service-card .hk-text-link{
 font-family:'Roboto',Arial,sans-serif!important;
 font-size:12px!important;
 font-weight:800!important;
 letter-spacing:.07em!important;
 color:#A65A3D!important;
}
.hk-text-link,.mini-link,.hk-button,.btn{font-family:'Roboto',Arial,sans-serif!important;font-size:14px!important;font-weight:800!important}
.links>a,.dropdown>button,.dropdown-panel a{font-family:'Roboto',Arial,sans-serif!important;font-size:13px!important;font-weight:700!important}
.logo-word strong{font-size:20px!important;font-weight:900!important;letter-spacing:-.025em!important}
.logo-word small{font-size:10px!important;font-weight:800!important;letter-spacing:.10em!important}
.hk-capability-list>div>span,.hk-journey-list>div>span,.hk-star,.path-icon,.expertise-num,.result-card span{font-family:'Roboto',Arial,sans-serif!important;font-weight:800!important}
.hk-knowledge-links strong{font-family:'Roboto',Arial,sans-serif!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.015em}
.hk-knowledge-links small{font-weight:800!important}
.hk-contact .hk-kicker{color:#FFE1C9!important}
.hk-contact p{color:#FFE7D4!important}
.hk-feedback-note,.evidence-note{font-family:'Roboto',Arial,sans-serif!important;font-size:13px!important;color:#775443!important;line-height:1.8!important}
.footer-links strong{font-family:'Roboto',Arial,sans-serif!important;font-size:18px!important;font-weight:800!important}
@media(max-width:1020px){
 .links>a,.dropdown>button{font-size:12px!important}
 .hk-section h2,.heading,.section-title,.hk-knowledge h2,.hk-contact h2{font-size:clamp(43px,5.1vw,62px)!important}
}
@media(max-width:850px){
 .hk-hero h1{font-size:clamp(49px,7vw,68px)!important}
 .hk-section h2,.heading,.section-title,.hk-knowledge h2,.hk-contact h2{font-size:clamp(41px,5.5vw,54px)!important}
 .hk-hero-copy>p{font-size:17px!important}
 .hk-kicker,.eyebrow{font-size:13px!important}
}
@media(max-width:570px){
 .hk-hero h1{font-size:clamp(39px,9.3vw,49px)!important;line-height:1.16!important;overflow-wrap:break-word}
 .hk-section h2,.heading,.section-title,.hk-knowledge h2,.hk-contact h2{font-size:clamp(35px,8vw,43px)!important;line-height:1.2!important;overflow-wrap:break-word}
 .inner-hero h1{font-size:clamp(39px,9.2vw,48px)!important}
 .hk-hero .hk-kicker,.hk-kicker,.eyebrow{font-size:12px!important;letter-spacing:.07em!important}
 .hk-service-card h3,.hk-feedback-grid h3,.hk-program h3,.hk-journey-list h3,.hk-capability-list h3{font-size:26px!important}
 .hk-hero-copy>p{font-size:16px!important}
 .hk-section-head p,.hk-section p,.hk-knowledge p,.hk-contact p{font-size:16px!important}
 .hk-stat strong,.metric strong{font-size:38px!important}
 .hk-stat span,.metric span{font-size:12px!important}
 .logo-word strong{font-size:18px!important}
 .hk-quote-panel blockquote{font-size:29px!important}
 .hk-image-quote strong{font-size:19px!important}
 .hk-image-quote small{font-size:10px!important}
}


/* V7 PERSONAL BRAND & KNOWLEDGE BUSINESS CONTENT */
.hk-accent{color:#B45E3B;font-weight:800}
.hk-audience-section .heading{max-width:950px}
.hk-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:40px}
.hk-audience-card{padding:28px 22px;background:#FFFAF5;border:1px solid #E8CCBC;display:flex;flex-direction:column;min-height:320px}
.hk-audience-card>span,.hk-mission-grid article>span,.hk-three-values article>span{font:800 12px/1.5 Roboto,Arial,sans-serif;color:#AA5B3B;text-transform:uppercase;letter-spacing:.05em}
.hk-audience-card h3,.hk-mission-grid h3,.hk-three-values h3,.hk-focus-panel h3,.hk-business-cards h3{font:800 clamp(23px,2vw,29px)/1.3 Roboto,Arial,sans-serif!important;letter-spacing:-.025em;color:#4D3025;margin:21px 0 12px}
.hk-audience-card p{font-size:15px;line-height:1.8;color:#684F41;margin:0}
.hk-audience-warm{background:#F7E7DA}
.hk-education-section{background:#F8E9DE}
.hk-education-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}
.hk-education-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.hk-education-grid article{min-height:145px;padding:25px;background:#FFFAF5;border:1px solid #E9CFBD;display:flex;flex-direction:column;justify-content:space-between}
.hk-education-grid article span{font:800 13px Roboto,Arial,sans-serif;color:#AC6044}
.hk-education-grid article strong{font:800 clamp(19px,2vw,27px)/1.4 Roboto,Arial,sans-serif;color:#563A2D}
.hk-opening-quote{font:700 18px/1.85 Roboto,Arial,sans-serif;color:#784932;border-left:4px solid #C77F59;padding:5px 0 5px 20px;margin-top:22px}
.hk-focus-section .hk-focus-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:60px;align-items:center}
.hk-focus-panel{background:#FFFAF6;border:1px solid #E6CAB8;padding:35px 38px}
.hk-focus-panel h3{margin:0 0 22px}
.hk-focus-panel ul,.hk-business-cards ul{margin:0;padding-left:19px}
.hk-focus-panel li,.hk-business-cards li{font-size:15px;line-height:1.8;margin:0 0 12px;color:#64483A;padding-left:3px}
.hk-focus-panel li::marker,.hk-business-cards li::marker{color:#B9734E}
.hk-work-principles{background:#FFF6EF}
.hk-three-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}
.hk-three-values article{padding:29px;background:#FFFAF5;border:1px solid #E8CEBD}
.hk-three-values h3{margin:16px 0}
.hk-three-values p{font-size:15px;line-height:1.85;margin:0}
.hk-mission-vision .heading{max-width:1000px}
.hk-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;text-align:left}
.hk-mission-grid article{padding:38px 35px;background:#FFFAF6;border:1px solid #E6C9B7}
.hk-mission-grid h3{margin:17px 0}
.hk-mission-grid p{font-size:16px!important;line-height:1.9;color:#604638;margin:0}
.hk-brand-promise{background:#654638;color:#FFF7EE;text-align:center;padding:90px 0}
.hk-brand-promise .eyebrow{color:#F8C29F!important}
.hk-brand-promise blockquote{font:800 clamp(28px,3.8vw,52px)/1.4 Roboto,Arial,sans-serif;max-width:1050px;margin:10px auto 20px;letter-spacing:-.035em}
.hk-brand-promise p{font:700 15px Roboto,Arial,sans-serif;color:#F9D8C4;margin:0}
.hk-business-hero{background:linear-gradient(110deg,#FBE7D8,#FFF8F2 70%)}
.hk-business-hero h1{max-width:1000px}
.hk-business-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.hk-business-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.hk-business-cards-two{grid-template-columns:repeat(2,1fr)}
.hk-business-cards article{padding:30px;background:#FFFAF5;border:1px solid #E8D0BE}
.hk-business-cards h3{margin:0 0 19px}
.hk-light-emphasis{color:#FFE2C9;font-weight:800}
.hk-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.hk-service-card{min-height:315px}
@media(max-width:1050px){.hk-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-education-layout,.hk-focus-section .hk-focus-grid{gap:35px}}
@media(max-width:780px){.hk-education-layout,.hk-focus-section .hk-focus-grid{grid-template-columns:1fr}.hk-business-cards,.hk-mission-grid,.hk-three-values{grid-template-columns:1fr 1fr}.hk-services-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:570px){.hk-audience-grid,.hk-business-cards,.hk-business-cards-two,.hk-mission-grid,.hk-three-values,.hk-services-grid{grid-template-columns:1fr!important}.hk-audience-card{min-height:0}.hk-education-grid{grid-template-columns:1fr 1fr}.hk-education-grid article{padding:17px;min-height:125px}.hk-education-grid article strong{font-size:18px}.hk-focus-panel{padding:23px}.hk-business-cards article,.hk-mission-grid article,.hk-three-values article{padding:24px}.hk-brand-promise{padding:65px 0}.hk-brand-promise blockquote{font-size:clamp(27px,7.5vw,37px)}.hk-opening-quote{font-size:16px}}


/* V8: Dịch vụ Offline | 2wellness và 90wellness */
.off-home{padding:96px 0;background:#FFFAF5}
.off-heading{max-width:850px;text-align:center;margin:0 auto 40px}
.off-heading h2{font:900 clamp(38px,4.8vw,66px)/1.2 Roboto,Arial,sans-serif!important;color:#4E3329;letter-spacing:-.04em;margin:15px 0}
.off-heading h2 span,.off-hero h1 span{color:#B55D3D}
.off-heading p{font:500 17px/1.9 Roboto,Arial,sans-serif;color:#674D40}
.off-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.off-card{border:1px solid #E9CFBE;background:#FFFCF9;display:flex;flex-direction:column}
.off-card-media{height:180px;display:grid;place-items:center;background:#F5E3D5;padding:22px}
.off-card:nth-child(1) .off-card-media{background:#F7E6E9}
.off-card-media img,.off-logo img{width:200px;max-width:100%;height:auto;object-fit:contain}
.off-card-body{padding:29px 30px;display:flex;flex-direction:column;flex:1}
.off-label{font:800 12px/1.5 Roboto,Arial,sans-serif;color:#A96849;text-transform:uppercase}
.off-card-body h3{font:900 35px/1.25 Roboto,Arial,sans-serif!important;margin:12px 0;color:#4E3329}
.off-card-body p{font:500 15px/1.9 Roboto,Arial,sans-serif;color:#654B3E;flex:1}
.off-link{font:800 14px Roboto,Arial,sans-serif;color:#A65D40;margin-top:16px;text-decoration:underline;text-underline-offset:6px}
.off-center{text-align:center;margin-top:34px}
.off-hero{padding:89px 0;background:linear-gradient(115deg,#FFF8F1,#F3D7C3)}
.off-hero .eyebrow{margin:22px 0 17px}
.off-hero h1{font:900 clamp(46px,5.6vw,78px)/1.16 Roboto,Arial,sans-serif;letter-spacing:-.048em;color:#4E3329;margin:0 0 22px}
.off-hero p{font:500 17px/1.9 Roboto,Arial,sans-serif;max-width:850px;color:#634A3D}
.off-quick{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.off-quick a{padding:12px 17px;border:1px solid #CCA890;background:#FFFAF7;font:800 13px Roboto,Arial,sans-serif;color:#704935}
.off-location{padding:95px 0;background:#FFFCF9;scroll-margin-top:95px}
.off-location:nth-of-type(odd){background:#F8E9DE}
.off-location-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:65px;align-items:center}
.off-location-image{min-height:420px;background:#F0D4BF;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:40px}
.off-location:nth-of-type(odd) .off-location-image{background:#F2DADD}
.off-location-image:before{content:"";border:1px solid #FFF9F5AA;position:absolute;inset:23px}
.off-logo{background:#FFFDF9;padding:45px 30px;position:relative;z-index:1;max-width:310px;min-width:260px;display:grid;place-items:center;box-shadow:0 22px 40px #6F463322}
.off-location-image>span{font:800 11px Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.10em;color:#8F5843;margin-top:22px;position:relative;text-align:center}
.off-location h2{font:900 clamp(45px,5vw,70px)/1.1 Roboto,Arial,sans-serif!important;letter-spacing:-.048em;margin:10px 0 18px;color:#4E3329}
.off-intro{font:500 17px/1.9 Roboto,Arial,sans-serif;color:#60483D}
.off-location h3{font:900 26px Roboto,Arial,sans-serif!important;color:#51372C;margin:26px 0 13px}
.off-services{padding-left:21px}.off-services li{font:500 15px/1.85 Roboto,Arial,sans-serif;color:#60483A;margin:9px 0}
.off-services li::marker{color:#B76D4D}
.off-details{border-top:1px solid #DEBDAB;margin-top:27px}.off-details p{border-bottom:1px solid #DEBDAB;padding:11px 0;font:500 14px/1.7 Roboto,Arial,sans-serif;color:#60483A;margin:0}.off-details strong{font-weight:800;color:#704631}
.off-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.off-footer{text-align:center;padding:85px 0;background:#654638;color:#FFF6EF}
.off-footer .eyebrow{color:#F7C19F!important}
.off-footer h2{font:900 clamp(37px,4.2vw,59px)/1.2 Roboto,Arial,sans-serif!important;letter-spacing:-.04em;margin:18px auto;max-width:850px}
.off-footer p{font:500 16px/1.9 Roboto,Arial,sans-serif;max-width:750px;margin:0 auto 28px;color:#F5D8C5}
.off-footer .btn{color:#FFF1E8!important;border-color:#CDA58B!important}
.site-head-inner .links{gap:15px}.site-head-inner .links>a,.site-head-inner .dropdown>button{font-size:12px!important;white-space:nowrap}
@media(max-width:850px){.off-location-grid{grid-template-columns:1fr;gap:30px}.off-location-image{min-height:330px}.off-location{padding:68px 0}.off-home{padding:70px 0}}
@media(max-width:580px){.off-cards{grid-template-columns:1fr}.off-hero{padding:70px 0}.off-hero h1{font-size:44px}.off-heading h2{font-size:39px}.off-location h2{font-size:45px}.off-card-media{height:150px}.off-card-body{padding:25px}.off-location-image{min-height:260px;padding:22px}.off-logo{min-width:0}.off-actions .btn{width:100%}.off-footer h2{font-size:36px}.off-footer{padding:60px 0}}


/* V9: cập nhật website cơ sở và Cafe Workshop hằng tháng */
.off-external{margin-top:9px!important;font-size:13px!important;color:#73513F!important;display:inline-flex;align-self:flex-start}
.cafe-highlight{background:#F2DDCF;padding:93px 0}
.cafe-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:center}
.cafe-illustration{min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 30% 20%,#F9EDE3,#DDAF96);border:1px solid #D6A98E;position:relative;overflow:hidden;padding:30px;text-align:center}
.cafe-illustration:before{content:"";width:410px;height:410px;border:1px solid #FFFFFF89;border-radius:50%;position:absolute;top:-150px;right:-170px}
.cafe-illustration span{font:900 60px/1.2 Roboto,Arial,sans-serif;letter-spacing:-.06em;color:#5D3A2E;position:relative;z-index:1}
.cafe-illustration strong{font:900 39px/1.2 Roboto,Arial,sans-serif;letter-spacing:-.035em;color:#B86543;position:relative;z-index:1}
.cafe-illustration i{font:700 13px/1.5 Roboto,Arial,sans-serif;color:#845C4B;font-style:normal;margin-top:25px;position:relative;z-index:1}
.cafe-copy h2,.cafe-about h2{font:900 clamp(40px,4.3vw,61px)/1.2 Roboto,Arial,sans-serif!important;letter-spacing:-.036em;color:#4E3329;margin:14px 0 18px;overflow-wrap:break-word}
.cafe-copy h2 span,.cafe-about h2 span{color:#B45E3B}
.cafe-copy p,.cafe-about p{font:500 16px/1.9 Roboto,Arial,sans-serif;color:#614638}
.cafe-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:24px}
.cafe-hero{padding:92px 0;background:linear-gradient(110deg,#FFF9F3,#F5DCCE)}
.cafe-hero .eyebrow{margin:30px 0 18px}
.cafe-hero h1{font:900 clamp(47px,5.4vw,78px)/1.16 Roboto,Arial,sans-serif;letter-spacing:-.045em;color:#4D3128;margin:0 0 20px;max-width:1000px}
.cafe-hero h1 span{color:#B65E3E}
.cafe-hero p{max-width:800px;font:500 18px/1.85 Roboto,Arial,sans-serif;color:#614A3F}
.cafe-about{padding:105px 0;background:#FFFCF8;scroll-margin-top:95px}
.cafe-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}
.cafe-info-card{background:#F8E7DA;border:1px solid #E7CBB9;padding:29px 34px}
.cafe-info-card>div{border-bottom:1px solid #DDBFAC;padding:16px 0}
.cafe-info-card>div:last-child{border:0}
.cafe-info-card span{display:block;font:800 12px/1.5 Roboto,Arial,sans-serif;color:#9C573D;text-transform:uppercase;margin-bottom:8px}
.cafe-info-card strong{font:800 18px/1.45 Roboto,Arial,sans-serif;color:#4C3228}
.cafe-cta{padding:90px 0;background:#654638;color:#FFF8F1;text-align:center}
.cafe-cta .eyebrow{color:#F7C49E!important}
.cafe-cta h2{font:900 clamp(35px,4.3vw,56px)/1.2 Roboto,Arial,sans-serif;color:#FFF8F1;margin:12px 0 18px}
.cafe-cta p{font:500 16px/1.85 Roboto,Arial,sans-serif;color:#F4D5C1;max-width:650px;margin:0 auto 25px}
.cafe-cta .btn{background:#F7D9C5!important;border-color:#F7D9C5!important;color:#4D3228!important}
@media(max-width:850px){.cafe-layout,.cafe-about-grid{grid-template-columns:1fr;gap:31px}.cafe-illustration{min-height:280px}.cafe-highlight,.cafe-about{padding:72px 0}}
@media(max-width:570px){.cafe-hero{padding:65px 0}.cafe-hero h1{font-size:43px}.cafe-copy h2,.cafe-about h2{font-size:39px!important}.cafe-illustration span{font-size:50px}.cafe-illustration strong{font-size:33px}.cafe-info-card{padding:23px}.cafe-actions .btn{width:100%}.cafe-cta{padding:65px 0}}


/* V10 • Roboto • clean headings and responsive width */
html,body{font-family:Roboto,Arial,sans-serif!important}
h1,h2,h3{font-family:Roboto,Arial,sans-serif!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;text-wrap:balance}
.links{gap:17px!important}.links>a{font-size:13px!important;font-weight:700!important}
.hk-hero-grid{grid-template-columns:minmax(0,1.23fr) minmax(0,.77fr)!important;gap:33px!important;min-height:720px}
.hk-hero-copy{min-width:0}
.hk-hero h1{font-size:clamp(37px,3.6vw,50px)!important;line-height:1.19!important;letter-spacing:-.025em!important;margin:22px 0!important;font-weight:800!important}
.hk-hero-line{display:block;white-space:nowrap}
.hk-hero-manifesto{font:600 clamp(16px,1.4vw,19px)/1.76 Roboto,Arial,sans-serif!important;color:#694837;border-left:4px solid #B96B4A;padding-left:18px;max-width:710px;margin:24px 0}
.hk-hero-copy>p{font-size:16px!important;line-height:1.86!important}
.hk-hero-visual{height:580px}
.hk-hero .hk-portrait-window{background-position:center center!important}
.hk-image-quote strong{font-size:18px!important}.hk-image-quote{max-width:230px!important;padding:17px!important}
.hk-section h2,.hk-knowledge h2,.hk-contact h2,.heading{font-size:clamp(36px,3.9vw,52px)!important;line-height:1.2!important;letter-spacing:-.025em!important}
.hk-intro-copy h2,.hk-capability-grid h2,.hk-journey-grid h2{font-size:clamp(33px,3.35vw,45px)!important;line-height:1.2!important}
.hk-section-head{max-width:960px!important}
.hk-brand-promise blockquote{font-size:clamp(28px,3vw,44px)!important}
.cafe-copy h2,.cafe-about h2,.off-heading h2{font-size:clamp(34px,3.8vw,52px)!important}
@media(max-width:1100px){.hk-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:25px!important}.hk-hero h1{font-size:clamp(34px,3.7vw,43px)!important}.hk-hero-line{white-space:normal}}
@media(max-width:870px){.hk-hero-grid{grid-template-columns:1fr!important;gap:30px!important}.hk-hero h1{font-size:clamp(38px,6vw,53px)!important}.hk-hero-line{white-space:normal}.hk-hero-visual{max-width:570px;height:470px;width:100%;margin:auto}.links{gap:0!important}.links>a{padding:12px 4px!important}.hk-hero-manifesto{font-size:17px!important}}
@media(max-width:570px){.hk-hero h1{font-size:clamp(33px,7.8vw,41px)!important}.hk-hero-grid{padding-top:38px!important}.hk-hero-manifesto{font-size:15px!important;line-height:1.72!important}.hk-hero-visual{height:380px}.hk-section h2,.hk-knowledge h2,.hk-contact h2,.heading{font-size:clamp(32px,8vw,42px)!important}.hk-intro-copy h2,.hk-capability-grid h2,.hk-journey-grid h2{font-size:clamp(31px,7.5vw,40px)!important}.hk-image-quote{max-width:185px!important;padding:13px!important}.hk-image-quote strong{font-size:15px!important}.hk-image-quote p{font-size:10px!important}}


/* V10.1 : remove the color wash that made the supplied portrait look hazy */
.editorial,.editorial.v2,.editorial.v3{background-blend-mode:normal!important;filter:none!important;background-position:center bottom!important}
.hk-journey-photo:before{background-blend-mode:normal!important;filter:none!important}
.hk-portrait-window,.hk-hero-visual,.about-portrait,.off-location-image{filter:none!important;backdrop-filter:none!important}
.hk-hero .hk-portrait-window{background-blend-mode:normal!important;background-size:cover!important}


/* V10.2 • The supplied cutout has a black JPG backdrop, preserve warm compositing */
.editorial,.editorial.v2,.editorial.v3{background-blend-mode:screen!important;filter:contrast(1.07) saturate(1.1)!important}
.hk-journey-photo:before{background-blend-mode:screen!important}


/* V11: Logo 2wellness / 90wellness transparent and larger */
.off-card-media,.off-card:nth-child(1) .off-card-media{
  background:transparent!important;
  min-height:228px!important;
  height:auto!important;
  padding:24px 16px 10px!important;
  border-bottom:0!important;
}
.off-card-media img {
  display:block!important;
  width:min(100%,430px)!important;
  height:auto!important;
  max-height:218px!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
.off-card-body{padding-top:16px!important}
.off-location-image,.off-location:nth-of-type(odd) .off-location-image {
  background:linear-gradient(145deg,#F7E6D9,#F9EFE6)!important;
  min-height:400px!important;
}
.off-location-image:before{display:none!important}
.off-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  padding:5px!important;
  width:100%!important;
  max-width:520px!important;
  min-width:0!important;
}
.off-logo img {
  width:min(100%,490px)!important;
  max-width:none!important;
  max-height:275px!important;
  object-fit:contain!important;
  height:auto!important;
}
.off-location-image>span{font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important}
.footer-top p {max-width:430px!important;line-height:1.83!important;color:#F3DED1!important;font-size:14px!important}
@media(max-width:870px){.off-card-media{min-height:200px!important}.off-logo img{max-height:240px!important}}
@media(max-width:580px){
 .off-card-media{min-height:176px!important;padding:20px 10px 2px!important}
 .off-card-media img{width:min(100%,350px)!important;max-height:165px!important}
 .off-logo{padding:0!important}
 .off-logo img{max-height:210px!important}
 .off-location-image{min-height:285px!important}
 .footer-top p{font-size:14px!important}
}

/* V12: Tuyên ngôn dưới tiêu đề chính, ngắt dòng theo nhóm ý */
.hk-hero-copy .hk-hero-manifesto{margin:22px 0!important;max-width:720px;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.75!important}
.hk-hero h1 .hk-hero-line{line-height:1.23!important}
.hk-section-head h2,.heading{text-wrap:balance}
@media(max-width:870px){.hk-hero-grid{min-height:0!important}.hk-hero-copy .hk-hero-manifesto{margin:17px 0!important}}


/* V13: brand logos free of white frames, direct transparent artwork */
.off-home .off-card-media,
.off-home .off-card:first-child .off-card-media,
.off-home .off-card:nth-child(2) .off-card-media {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  padding:25px 18px 8px!important;
  min-height:230px!important;
  box-shadow:none!important;
}
.off-home img.off-clean-logo {
  display:block!important;
  width:100%!important;
  max-width:470px!important;
  height:auto!important;
  max-height:205px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  margin:0 auto!important;
}
.off-location .off-location-image,
.off-location:nth-of-type(odd) .off-location-image {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-direction:column!important;
  background:linear-gradient(145deg,#F5DDCE 0%,#F9EBE1 100%)!important;
  border:0!important;
  box-shadow:none!important;
  min-height:395px!important;
  padding:38px 22px!important;
}
.off-location:nth-of-type(odd) .off-location-image{background:linear-gradient(145deg,#F2DAE2,#FBEFEB)!important}
.off-location .off-location-image:before,.off-location .off-location-image:after{display:none!important}
.off-location img.off-clean-logo {
  display:block!important;
  width:100%!important;
  max-width:540px!important;
  max-height:285px!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  padding:0!important;
  margin:0 auto!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  position:relative;
  z-index:1;
}
.off-location .off-location-image>span{margin-top:17px!important;font-size:12px!important;color:#815542!important}
@media(max-width:870px){
 .off-home .off-card-media{min-height:195px!important}
 .off-location .off-location-image{min-height:320px!important}
 .off-location img.off-clean-logo{max-height:245px!important}
}
@media(max-width:580px){
 .off-home .off-card-media{min-height:170px!important;padding:22px 8px 2px!important}
 .off-home img.off-clean-logo{max-width:340px!important;max-height:175px!important}
 .off-location .off-location-image{min-height:270px!important;padding:24px 12px!important}
 .off-location img.off-clean-logo{max-height:200px!important}
}

/* V14 Foundation section: concise hierarchy, strong but readable Roboto typography */
.hk-foundation-section{background:#654638!important;padding:85px 0 92px!important;text-align:center}
.hk-foundation-section .shell{max-width:1140px}
.hk-foundation-section .eyebrow{font:800 15px/1.5 Roboto,Arial,sans-serif!important;letter-spacing:.09em!important;color:#F8CFB1!important;margin-bottom:25px}
.hk-foundation-section .hk-foundation-lead{display:block!important;max-width:870px;margin:0 auto 28px!important;font:500 clamp(16px,1.6vw,19px)/1.85 Roboto,Arial,sans-serif!important;color:#FFF0E4!important;letter-spacing:0!important}
.hk-foundation-section .hk-foundation-principles{display:block!important;max-width:1030px;margin:0 auto 29px!important;font:800 clamp(23px,2.4vw,32px)/1.5 Roboto,Arial,sans-serif!important;color:#FFF9F4!important;letter-spacing:-.02em!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:pretty}
.hk-foundation-section .hk-foundation-principles strong{font-weight:800!important}
.hk-foundation-section .hk-foundation-outro{display:block!important;max-width:890px;margin:0 auto!important;font:500 clamp(16px,1.5vw,18px)/1.85 Roboto,Arial,sans-serif!important;color:#F6DDCD!important;letter-spacing:0!important}
@media(max-width:570px){.hk-foundation-section{padding:65px 0!important}.hk-foundation-section .eyebrow{font-size:13px!important}.hk-foundation-section .hk-foundation-lead{font-size:16px!important;margin-bottom:23px!important}.hk-foundation-section .hk-foundation-principles{font-size:clamp(22px,5.5vw,27px)!important;margin-bottom:24px!important}.hk-foundation-section .hk-foundation-outro{font-size:16px!important}}


/* V15 – balanced editorial layout for Nền tảng xuyên suốt */
.hk-foundation-section.hk-foundation-v15{
 background:#604336!important;
 padding:88px 0 78px!important;
 text-align:left!important;
}
.hk-foundation-v15 .shell{max-width:1180px!important}
.hk-foundation-v15 .hk-foundation-layout{
 display:grid;
 grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);
 gap:clamp(38px,5.2vw,78px);
 align-items:center;
}
.hk-foundation-v15 .hk-foundation-side{min-width:0}
.hk-foundation-v15 .hk-foundation-rule{
 width:64px;height:3px;background:#F0B68D;margin-bottom:28px;
}
.hk-foundation-v15 .hk-foundation-heading{
 font:800 clamp(37px,3.6vw,51px)/1.18 Roboto,Arial,sans-serif!important;
 letter-spacing:-.035em!important;
 color:#FFF7F0!important;
 margin:0 0 28px!important;
 max-width:510px;
 word-break:normal!important;
 overflow-wrap:normal!important;
 text-wrap:balance;
}
.hk-foundation-v15 .hk-foundation-heading span{color:#F0B68D!important}
.hk-foundation-v15 .hk-foundation-introduction{
 font:500 clamp(16px,1.45vw,18px)/1.84 Roboto,Arial,sans-serif!important;
 letter-spacing:0!important;
 color:#F4DCCE!important;
 margin:0!important;
 max-width:425px;
}
.hk-foundation-v15 .hk-foundation-rail{border-top:1px solid rgba(255,241,225,.24)}
.hk-foundation-v15 .hk-foundation-step{
 display:grid;
 grid-template-columns:42px minmax(0,1fr);
 gap:21px;
 align-items:start;
 padding:18px 0 19px;
 border-bottom:1px solid rgba(255,241,225,.24);
}
.hk-foundation-v15 .hk-foundation-number{
 font:800 14px/1.65 Roboto,Arial,sans-serif;
 letter-spacing:.04em;
 color:#E8AF88;
 padding-top:3px;
}
.hk-foundation-v15 .hk-foundation-step p{
 margin:0!important;
 color:#FFF9F4!important;
 font:700 clamp(19px,1.88vw,25px)/1.48 Roboto,Arial,sans-serif!important;
 letter-spacing:-.015em!important;
 text-wrap:pretty;
}
.hk-foundation-v15 .hk-foundation-step p strong{font-weight:700!important}
.hk-foundation-v15 .hk-foundation-closing{
 display:grid;
 grid-template-columns:34px minmax(0,1fr);
 align-items:start;
 gap:20px;
 padding-top:34px;
 margin-top:48px;
 border-top:1px solid rgba(255,241,225,.34);
}
.hk-foundation-v15 .hk-foundation-closing-mark{
 font:700 52px/.9 Georgia,serif!important;color:#EEB38C;
}
.hk-foundation-v15 .hk-foundation-closing p{
 margin:0!important;
 max-width:1000px;
 text-align:left!important;
 color:#F4DFD3!important;
 font:500 clamp(16px,1.4vw,18px)/1.85 Roboto,Arial,sans-serif!important;
 letter-spacing:0!important;
}
@media(max-width:900px){
 .hk-foundation-v15 .hk-foundation-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:30px}
 .hk-foundation-v15 .hk-foundation-heading{font-size:clamp(33px,4.35vw,43px)!important}
 .hk-foundation-v15 .hk-foundation-step{grid-template-columns:31px minmax(0,1fr);gap:12px}
 .hk-foundation-v15 .hk-foundation-step p{font-size:clamp(18px,2.2vw,21px)!important}
}
@media(max-width:700px){
 .hk-foundation-section.hk-foundation-v15{padding:63px 0 62px!important}
 .hk-foundation-v15 .hk-foundation-layout{grid-template-columns:1fr;gap:30px}
 .hk-foundation-v15 .hk-foundation-rule{margin-bottom:20px}
 .hk-foundation-v15 .hk-foundation-heading{font-size:clamp(33px,8vw,42px)!important;margin-bottom:18px!important;max-width:100%}
 .hk-foundation-v15 .hk-foundation-introduction{max-width:100%;font-size:16px!important}
 .hk-foundation-v15 .hk-foundation-step{grid-template-columns:31px minmax(0,1fr);gap:14px;padding:17px 0}
 .hk-foundation-v15 .hk-foundation-step p{font-size:19px!important;line-height:1.55!important}
 .hk-foundation-v15 .hk-foundation-closing{grid-template-columns:22px minmax(0,1fr);gap:12px;margin-top:32px;padding-top:28px}
 .hk-foundation-v15 .hk-foundation-closing-mark{font-size:39px!important}
 .hk-foundation-v15 .hk-foundation-closing p{font-size:16px!important;line-height:1.8!important}
}


/* Sứ mệnh và tầm nhìn: hai khoảng nội dung gọn, có nhịp đọc sau câu chuyện */
.hk-purpose-section{padding:clamp(68px,7vw,108px) 0}
.hk-purpose-mission{background:#FAEDE2}
.hk-purpose-vision{background:#FFFAF6;border-top:1px solid #ECD4C5}
.hk-purpose-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(30px,5.5vw,84px);align-items:start}
.hk-purpose-side .eyebrow{margin-bottom:20px}
.hk-purpose-title{font:800 clamp(40px,4.8vw,68px)/1.12 Roboto,Arial,sans-serif!important;letter-spacing:-.035em;color:#4D3025;margin:0}
.hk-purpose-content{padding:clamp(28px,3.5vw,47px);background:#FFFCF9;border:1px solid #E8CCBB;border-left:4px solid #BA6245}
.hk-purpose-vision .hk-purpose-content{background:#F8E8DD}
.hk-purpose-content h3{font:800 clamp(25px,2.35vw,35px)/1.3 Roboto,Arial,sans-serif;letter-spacing:-.025em;color:#4D3025;margin:0 0 24px}
.hk-purpose-content p{font:500 clamp(16px,1.15vw,18px)/1.95 Roboto,Arial,sans-serif;color:#664B3F;margin:0}
#gioi-thieu .info-paragraphs .heading{font-size:clamp(39px,4.5vw,62px)!important;line-height:1.18!important;margin:0 0 30px!important}
@media(max-width:850px){.hk-purpose-grid{grid-template-columns:1fr;gap:24px}.hk-purpose-content{padding:28px}.hk-purpose-section{padding:70px 0}}
@media(max-width:570px){#gioi-thieu .info-paragraphs .heading{font-size:clamp(36px,8.5vw,47px)!important}.hk-purpose-section{padding:54px 0}.hk-purpose-content{padding:22px}.hk-purpose-content h3{font-size:25px}}


/* Triết lý làm nghề và các giá trị: hiển thị đầy đủ nội dung tác giả */
.hk-philosophy-full{background:#FFF9F3;padding:clamp(72px,7vw,110px) 0;color:#4D3025}
.hk-philosophy-full .shell{max-width:1180px}
.hk-philosophy-heading{max-width:940px;margin:0 auto 38px;text-align:center}
.hk-philosophy-heading .hk-kicker,.hk-philosophy-values-head .hk-kicker{display:block;color:#A75337;font:800 12px/1.5 Roboto,Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase;margin-bottom:16px}
.hk-philosophy-heading h2{font:800 clamp(36px,4.2vw,55px)/1.18 Roboto,Arial,sans-serif!important;letter-spacing:-.025em!important;color:#4D3025!important;margin:0!important;word-break:normal!important}
.hk-philosophy-prose{max-width:915px;margin:0 auto;padding-bottom:36px;border-bottom:1px solid #E4C8B5}
.hk-philosophy-prose p{font:400 clamp(16px,1.25vw,18px)/1.95 Roboto,Arial,sans-serif!important;color:#5B4035!important;margin:0 0 24px!important}
.hk-philosophy-prose p:first-child{font-weight:500!important}
.hk-philosophy-prose p:last-child{margin-bottom:0!important}
.hk-philosophy-prose strong{color:#9F5034;font-weight:800}
.hk-philosophy-values{margin-top:clamp(50px,5.5vw,80px)}
.hk-philosophy-values-head{text-align:center;margin:0 auto 32px;max-width:800px}
.hk-philosophy-values-head h3{font:800 clamp(30px,3.35vw,43px)/1.2 Roboto,Arial,sans-serif!important;letter-spacing:-.03em!important;color:#4D3025!important;margin:0!important}
.hk-philosophy-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hk-philosophy-cards article{background:#FFFDFB;border:1px solid #E9CEBB;padding:clamp(24px,3vw,38px);min-height:248px}
.hk-philosophy-num{display:block;font:800 12px/1.4 Roboto,Arial,sans-serif;letter-spacing:.09em;color:#B35D3F;margin-bottom:22px}
.hk-philosophy-cards h4{font:800 clamp(21px,2.05vw,27px)/1.28 Roboto,Arial,sans-serif!important;letter-spacing:-.02em!important;color:#4D3025!important;margin:0 0 16px!important}
.hk-philosophy-cards p{font:400 16px/1.85 Roboto,Arial,sans-serif!important;color:#674E42!important;margin:0!important}
@media(max-width:720px){.hk-philosophy-cards{grid-template-columns:1fr;gap:14px}.hk-philosophy-cards article{min-height:0}.hk-philosophy-full{padding:62px 0}.hk-philosophy-heading{text-align:left;margin-bottom:27px}.hk-philosophy-values-head{text-align:left}}

/* Native hosted audio control, no YouTube/video player. */
.hk-audio-control{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;align-items:center;gap:10px;width:min(258px,calc(100vw - 24px));min-height:62px;padding:10px 12px;background:#fff9f3;border:1px solid #e4c5b1;border-radius:14px;box-shadow:0 12px 36px rgba(67,38,22,.19);font-family:Roboto,Arial,sans-serif;color:#51382f;line-height:1.35}
.hk-audio-control[hidden]{display:none!important}
.hk-audio-symbol{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:#aa5a40;color:#fff;font-size:23px}
.hk-audio-label{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.hk-audio-label strong{font:800 14px/1.2 Roboto,Arial,sans-serif}
.hk-audio-label span{font:400 11px/1.35 Roboto,Arial,sans-serif;color:#815e4d}
.hk-audio-toggle{width:39px;height:39px;flex:0 0 39px;border:0;border-radius:50%;background:#9f5037;color:#fff;font:800 17px/1 Roboto,Arial,sans-serif;cursor:pointer}
.hk-audio-toggle:hover{background:#7b3e29}
.hk-audio-toggle:focus-visible{outline:3px solid #b66b4e;outline-offset:3px}
@media(max-width:680px){.hk-audio-control{right:12px;bottom:12px}}
@media print{.hk-audio-control{display:none!important}}

.hk-audio-credit{color:#8b5d47;font:400 10px/1.25 Roboto,Arial,sans-serif!important;text-decoration:underline!important;text-underline-offset:2px;white-space:nowrap}
.hk-audio-control{width:min(285px,calc(100vw - 24px));min-height:71px}

/* Full-resolution originals, without the screen blend that washes out facial detail. */
.editorial,.editorial.v2,.editorial.v3{background-blend-mode:normal!important;background-color:#000!important;filter:none!important}
.editorial:before,.editorial:after{display:none!important}
.hk-journey-photo:before{background-blend-mode:normal!important;background-color:#000!important;filter:none!important}