/*
Theme Name: Living in Vietnam
Author: Onter.vn
Description: Independent editorial property website, adapted from the supplied source layout.
Version: 2.0.0
Text Domain: living-in-vietnam
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#22263c;background:#fff;font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(38px,4.3vw,66px)}h2{font-size:clamp(27px,3vw,40px)}h3{font-size:23px}p{margin:0 0 20px}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;background:#ffe536;padding:12px;z-index:100}.skip:focus{top:0}.site-header{position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid #e5e6eb;backdrop-filter:blur(12px)}.header-inner{min-height:88px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{font-size:21px;font-weight:750;letter-spacing:-.05em;line-height:1.2}.brand small{display:block;font-size:10px;letter-spacing:.2em;font-weight:500;margin-top:7px}.desktop-nav{display:flex;gap:24px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border:1px solid #22263c;border-radius:2px;font-weight:600;font-size:14px;cursor:pointer;background:#fff;color:#22263c;text-align:center}.button:hover{text-decoration:none;box-shadow:0 5px 20px #22263c20}.button.yellow{background:#ffe536;border-color:#ffe536}.button.navy{background:#22263c;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:650;margin-bottom:20px}.hero{background:#22263c;color:white;overflow:hidden}.hero-inner{min-height:650px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding-top:65px;padding-bottom:85px}.hero h1{margin:0 0 28px}.hero .eyebrow{color:#ffe536}.hero .summary{color:#d4d7e2;max-width:490px;font-size:17px}.hero-art{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:180px 180px 2px 2px;border:1px solid #ffffff20}.hero .button:not(.yellow){background:transparent;color:white;border-color:#ffffff70}.art-caption{font-size:11px;color:#c6c9d3;text-align:right;margin:8px 0 0}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:32px;background:#f5f6f8;border-bottom:3px solid #ffe536}.values h2{font-size:17px;letter-spacing:0;margin:0 0 8px}.values p{font-size:13px;color:#626779;margin:0}.values span{display:block;font-size:27px;color:#22263c;margin-bottom:12px}.section{padding:80px 0}.about{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:85px}.portrait{min-height:420px;background:#f5f6f8;display:flex;align-items:center;justify-content:center;flex-direction:column;border-bottom:4px solid #ffe536}.portrait span{font-size:84px;font-weight:200;letter-spacing:-.08em}.portrait small{font-size:12px;color:#626779}.portrait img{width:100%;height:460px;object-fit:cover}.muted{color:#626779}.meta{font-size:13px;letter-spacing:.04em}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-head h2{margin:0}.section-head>a{font-size:13px;white-space:nowrap}.section-head h2:after{content:"";display:block;background:#ffe536;width:70px;height:3px;margin-top:22px}.soft{background:#f5f6f8}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{border:1px solid #e5e6eb;background:white;overflow:hidden}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card-body{padding:25px}.card h3{margin:10px 0 18px}.card p{font-size:14px;color:#626779}.empty{border:1px solid #e0e2e9;padding:34px;background:#fff;max-width:100%}.empty p{margin-bottom:12px;color:#626779}.empty a{font-size:14px;font-weight:600}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.topic{padding:28px;border-top:3px solid #ffe536;background:#fff}.topic strong{display:block;font-size:21px;margin-bottom:12px}.topic span{font-size:14px;color:#626779}.cta{padding:52px;background:#22263c;color:white;display:flex;justify-content:space-between;gap:40px;align-items:center}.cta h2{margin-top:0;max-width:650px}.cta p{color:#d4d7e2;margin-bottom:0}.site-footer{padding:65px 0 25px;background:#191d30;color:#d4d7e2;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px}.site-footer h2{font-size:23px;color:white}.site-footer h3{font-size:16px;color:white;letter-spacing:0}.site-footer a{overflow-wrap:anywhere}.site-footer nav a{display:block;margin-bottom:8px}.footer-note{border-top:1px solid #ffffff20;padding-top:24px;margin-top:35px;font-size:12px}.page-heading{padding:64px 0 44px;background:#f5f6f8}.page-heading h1{font-size:clamp(34px,4vw,52px);margin:10px 0}.breadcrumb{font-size:12px;color:#626779}.prose{max-width:820px;margin:auto}.prose a{text-decoration:underline}.prose img{height:auto;max-width:100%}.prose h2{font-size:29px;margin-top:40px}.prose h3{font-size:23px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #bfc3d0;background:#fff;border-radius:2px;color:#22263c;min-width:0}.field.full,.consent{grid-column:1/-1}.consent{font-size:13px}.consent input{width:18px;height:18px;vertical-align:middle}.consent a{text-decoration:underline}.notice{padding:18px;background:#f5f6f8;border-left:4px solid #ffe536;margin-bottom:25px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.mobile-menu{display:none}summary{cursor:pointer}.floating-call{position:fixed;bottom:20px;right:20px;background:#ffe536;color:#22263c;border-radius:30px;padding:12px 18px;font-size:14px;font-weight:650;z-index:25;box-shadow:0 4px 18px #0002}:focus-visible{outline:3px solid #787fd3;outline-offset:4px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.filters a{border:1px solid #d5d7df;padding:8px 16px;font-size:13px}.post-meta{font-size:13px;color:#626779}.wp-block-image img{height:auto}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery a img{aspect-ratio:4/3;object-fit:cover;width:100%}.pagination{margin-top:30px}.pagination a,.pagination span{padding:8px 12px;border:1px solid #ddd}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-field{padding:10px;max-width:100%;border:1px solid #bfc3d0}
@media(max-width:1100px){.desktop-nav{gap:14px}.desktop-nav .button{padding:10px 14px}.brand{font-size:19px}.hero-inner{gap:25px}.about{gap:45px}}
@media(max-width:900px){.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu nav{position:absolute;top:88px;left:0;right:0;background:#fff;padding:24px 32px;border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:30px}.contact-layout{gap:35px;grid-template-columns:1fr 1.3fr}.hero-inner{min-height:550px}.hero h1{font-size:44px}.cta{display:block}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:76px}.mobile-menu nav{top:76px}.hero-inner{display:flex;flex-direction:column;gap:32px;padding-top:45px;padding-bottom:35px;align-items:stretch}.hero h1{font-size:42px}.hero-art{aspect-ratio:5/4;border-radius:100px 100px 2px 2px}.hero .summary{font-size:15px}.values{grid-template-columns:1fr;gap:24px;padding:27px}.values span{display:none}.section{padding:48px 0}.about,.contact-layout{grid-template-columns:1fr;gap:35px}.portrait{min-height:280px;max-width:360px;width:100%;margin:auto}.portrait img{height:360px}.grid,.topics,.footer-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:16px}.cta{padding:30px 24px}.footer-grid{gap:20px}.site-footer{padding-top:42px}.page-heading{padding:40px 0 30px}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.gallery{grid-template-columns:repeat(2,1fr)}.floating-call{font-size:12px;bottom:12px;right:12px}.footer-note{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.filters{align-items:end}.filters label{display:flex;flex-direction:column;gap:5px;min-width:190px}.filters select{padding:12px;border:1px solid #bfc3d0;background:white;min-height:48px}.desktop-nav ul{display:flex;gap:20px;list-style:none;padding:0;margin:0}.mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-menu li{margin-bottom:14px}@media(max-width:650px){.filters label{width:100%;min-width:0}}
.gallery .gallery-item{width:auto!important;margin:0!important}.gallery-caption{font-size:12px}.field input,.field select,.field textarea{scroll-margin-top:115px}