
:root{--forest:#354c38;--forest2:#243a2a;--sage:#8b9b78;--sand:#f7f4ed;--cream:#fffcf7;--ink:#27332b;--muted:#657269;--gold:#b39461;--line:#e0e5db;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.66;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #bc9b59;outline-offset:3px}.container{max-width:1210px;margin:auto;padding:0 24px}.top{background:var(--forest2);color:#eef5eb;font-size:12px;letter-spacing:.04em;padding:7px 0}.top .container{display:flex;justify-content:space-between;gap:12px}.header{position:sticky;top:0;z-index:10;background:rgba(255,252,247,.97);box-shadow:0 5px 22px rgba(31,50,35,.07);border-bottom:1px solid #edf0e9}.header-content{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center}.logo img{width:286px;max-height:76px}.nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:650}.nav a{transition:color .2s}.nav a:hover{color:#987542}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 23px;border-radius:999px;background:var(--forest);color:white;font-size:14px;font-weight:700;border:1px solid var(--forest);transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#507051}.btn-outline{background:transparent;color:var(--forest);border-color:var(--forest)}.btn-outline:hover{background:#edf3e8}.btn-light{background:white;color:var(--forest);border-color:white}.mobile-toggle{display:none;border:0;background:none;font-size:29px;color:var(--forest);cursor:pointer}.eyebrow{font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.24em;color:var(--gold)}h1,h2,h3{font-family:Georgia,Times,serif;font-weight:500;line-height:1.17}h1{font-size:clamp(42px,5vw,70px);margin:15px 0 23px}h2{font-size:clamp(31px,3vw,45px);margin:12px 0 21px}h3{font-size:22px;margin:14px 0}p{margin:0 0 17px}.lead{font-size:18px;line-height:1.72}.hero{color:#fff;min-height:602px;background-image:linear-gradient(90deg,rgba(25,41,26,.83) 0%,rgba(29,48,30,.57) 41%,rgba(29,48,30,0) 77%),url('/assets/images/hero-cheval-chien.webp');background-size:cover;background-position:center;display:flex;align-items:center}.hero-content{padding:90px 24px}.hero-content>div{max-width:670px}.hero h1{max-width:730px}.hero p{color:#eef3e7;font-size:18px;max-width:610px}.hero .cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px}.section{padding:76px 0}.section-soft{background:var(--sand)}.center{text-align:center}.subtle{color:var(--muted)}.section-intro{max-width:740px;margin:0 auto 34px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;display:flex;flex-direction:column;min-height:237px;box-shadow:0 9px 25px rgba(36,58,42,.045);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(36,58,42,.1)}.feature-card p{color:var(--muted);font-size:14px;flex:1}.card-icon{font-size:25px;color:var(--gold)}.card-foot{font-size:13px;color:var(--forest);font-weight:700}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}.split img,.content-img{border-radius:var(--radius);width:100%;object-fit:cover;box-shadow:0 16px 40px rgba(36,58,42,.09)}.split img{aspect-ratio:1.38}.quote{background:var(--forest);color:white;padding:48px;border-radius:24px}.quote p{font-family:Georgia,serif;font-size:28px;line-height:1.45}.quote small{color:#e7d2a8}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill{border:1px solid #cbd9c7;color:var(--forest);border-radius:100px;padding:7px 13px;font-size:12px;font-weight:bold}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-grid img{width:100%;height:250px;object-fit:cover;border-radius:17px}.footer{background:var(--forest2);color:#f0f4ed;padding:65px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:33px}.footgrid h3{font-family:Georgia,serif;font-size:19px}.footer p,.footer a,.footer li{color:#d3ded2;font-size:13px}.footer a:hover{color:white;text-decoration:underline}.footlinks{display:flex;flex-direction:column;gap:11px}.footer-bottom{border-top:1px solid #526454;margin-top:44px;padding-top:18px;display:flex;gap:14px;justify-content:space-between;font-size:12px;color:#c2d0c1}.page-hero{background:linear-gradient(115deg,#eaf0e3 0%,#faf8f1 100%);padding:67px 0 70px}.page-hero h1{color:var(--forest);max-width:930px;margin:17px 0}.page-hero p{max-width:810px;color:#526756;font-size:18px}.crumb{color:#657469;font-size:12px}.crumb span{margin:0 10px}.content-area{padding:65px 0 86px}.content-grid{display:grid;grid-template-columns:1fr 330px;gap:52px;align-items:start}.content-main>.lead{color:#394b3e}.content-main h2{font-size:33px;margin-top:32px}.content-main img{max-height:410px}.steps{display:grid;gap:15px}.step{border-left:3px solid var(--gold);padding:15px 20px;background:#f7f7f2;border-radius:0 12px 12px 0}.step h3{font-size:20px}.step p{color:#607166}.aside{position:sticky;top:120px;border-radius:22px;background:var(--forest);padding:31px;color:white}.aside h3{font-size:25px}.aside p{font-size:14px;color:#e4ebe0}.aside ul{margin:20px 0;padding-left:18px}.aside li{margin:12px 0;font-size:14px}.aside a:not(.btn){color:#e7ebe5}.apart{margin-top:45px}.info-banner{background:var(--sand);padding:22px;border-radius:17px;color:#5c665d;font-size:14px;border:1px solid var(--line)}.cta-section{background:linear-gradient(115deg,var(--forest),#607453);padding:64px 0;color:white}.cta-section h2{color:white}.faq details{background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:18px 20px}.faq summary{font-weight:bold;cursor:pointer;color:var(--forest)}.faq p{margin:14px 0 0;color:#657269}.article-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px}.portfolio-item{background:white;border-radius:17px;overflow:hidden;border:1px solid var(--line)}.portfolio-item h3,.portfolio-item p{margin-left:22px;margin-right:22px}.portfolio-item h3{margin-top:18px}.portfolio-item p{font-size:14px;color:var(--muted)}.portfolio-item a{display:block;padding:0 22px 23px;color:var(--forest);font-size:13px;font-weight:700}.badge{display:inline-block;padding:5px 10px;background:#eff2e9;color:var(--forest);font-size:11px;border-radius:50px;font-weight:800;margin:20px 22px 0}.action-strip{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:30px 0}.notice{padding:14px 19px;border-radius:10px;background:#f8f5e9;font-size:13px;color:#6c634d;border-left:3px solid #c7af7a}.faq-box{margin:35px 0}button{font-family:inherit}@media(max-width:1060px){.nav{gap:12px}.header-content{gap:6px}.logo img{width:225px}.grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.top .container{justify-content:center}.top span:last-child{display:none}.header-content{min-height:75px}.logo img{width:225px}.mobile-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--cream);flex-direction:column;align-items:stretch;gap:0;padding:12px 25px 25px;box-shadow:0 16px 20px rgba(30,40,20,.08)}.nav.open{display:flex}.nav a{padding:10px 2px}.nav .btn{margin-top:8px}.hero{min-height:570px;background-position:60% center}.hero-content{padding:70px 24px}.hero p{font-size:16px}.split,.content-grid{grid-template-columns:1fr;gap:29px}.aside{position:static}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footgrid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(2,1fr)}.section{padding:58px 0}.page-hero{padding:50px 0}.content-area{padding:50px 0}}@media(max-width:520px){.container{padding:0 18px}.logo img{width:205px}.top{font-size:10px}.hero{min-height:565px;background-position:67% center;background-image:linear-gradient(90deg,rgba(25,41,26,.9),rgba(25,41,26,.5)),url('/assets/images/hero-cheval-chien.webp')}.hero h1{font-size:43px}.grid,.grid.four,.photo-grid{grid-template-columns:1fr}.photo-grid img{height:240px}.feature-card{min-height:0}.footgrid{grid-template-columns:1fr 1fr;gap:24px}.footgrid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.quote{padding:28px}.quote p{font-size:22px}.page-hero h1{font-size:39px}.btn{padding:12px 17px}.content-main h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
