.standard-page { background:var(--warm-white); }.standard-hero { padding:75px 0 90px; background:radial-gradient(circle at 88% 20%,rgba(246,173,45,.24),transparent 28%),linear-gradient(135deg,#fff8e8,#fffdf8 58%,#eaf3e5); }.standard-hero-inner { max-width:900px; }.standard-back { display:inline-flex; align-items:center; gap:9px; margin-bottom:30px; color:var(--forest); font-size:14px; font-weight:800; text-decoration:none; }.standard-back:hover { color:var(--saffron); }.standard-hero h1 { max-width:850px; margin:12px 0 18px; color:var(--brown); font-family:Candara,Calibri,Arial,sans-serif; font-size:clamp(3rem,7vw,6.5rem); line-height:1; letter-spacing:-.06em; }.standard-hero > .container > p:last-child { max-width:680px; margin:0; color:var(--muted); font-size:18px; line-height:1.85; }.standard-body { background:#f5efe3; }.standard-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }.standard-card { position:relative; min-height:260px; padding:34px; border:1px solid #eadbc5; border-radius:25px; background:#fffdf8; box-shadow:0 18px 44px rgba(59,29,12,.08); }.standard-card > span { position:absolute; top:23px; right:27px; color:#dfd5c7; font-family:Georgia,serif; font-size:36px; font-weight:700; }.standard-card i { display:grid; width:48px; height:48px; place-items:center; border-radius:15px; color:#fff; background:linear-gradient(135deg,var(--saffron),#b83d0b); font-size:19px; }.standard-card h2 { margin:28px 0 11px; color:var(--brown); font-size:25px; line-height:1.18; }.standard-card p { max-width:530px; margin:0; color:var(--muted); font-size:16px; line-height:1.8; }.standard-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:30px; padding:23px 26px; border-radius:18px; background:var(--forest-deep); }.standard-cta p { margin:0; color:#e5f0e5; font-size:16px; font-weight:800; }.standard-cta .button { min-height:46px; font-size:13px; }.standard-page .eyebrow { color:var(--saffron-dark); }
.standard-page.about .standard-hero { position:relative; display:flex; align-items:flex-end; min-height:350px; padding:42px 0 46px; overflow:hidden; background-image:linear-gradient(90deg,rgba(3,33,19,.92) 0%,rgba(3,33,19,.68) 42%,rgba(3,33,19,.1) 75%),url('../img/about-hero.webp'); background-position:center; background-size:cover; }.standard-page.about .standard-hero::after { content:""; position:absolute; inset:auto 0 0; height:70px; background:linear-gradient(transparent,rgba(3,33,19,.35)); pointer-events:none; }.standard-page.about .standard-hero-inner { position:relative; z-index:1; }.standard-page.about .standard-back { color:#f8f3e7; }.standard-page.about .standard-back:hover { color:var(--gold); }.standard-page.about .standard-hero h1 { max-width:730px; color:#fffaf0; font-size:clamp(2.8rem,6vw,5.4rem); }.standard-page.about .standard-hero > .container > p:last-child { color:#e8efe5; font-size:17px; }
@media (max-width:700px) { .standard-hero { padding:48px 0 60px; }.standard-grid { grid-template-columns:1fr; }.standard-card { min-height:auto; padding:27px; }.standard-cta { align-items:flex-start; flex-direction:column; }.standard-cta .button { width:100%; } }
.about-proof { background:#fffdf8; }.about-proof-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); align-items:center; gap:clamp(35px,7vw,110px); }.about-proof-image { position:relative; min-height:420px; overflow:hidden; border-radius:30px 30px 30px 6px; box-shadow:0 22px 60px rgba(59,29,12,.14); }.about-proof-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(7,59,33,.74)); }.about-proof-image img { width:100%; height:100%; min-height:420px; object-fit:cover; display:block; }.about-proof-image span { position:absolute; z-index:1; left:26px; bottom:24px; display:flex; align-items:center; gap:10px; color:#fff; font-size:14px; font-weight:800; }.about-proof-image i { color:var(--gold); }.about-proof-copy h2 { max-width:590px; margin:14px 0 22px; color:var(--brown); font-family:Candara,Calibri,Arial,sans-serif; font-size:clamp(2.3rem,4vw,4.2rem); line-height:1.03; letter-spacing:-.05em; }.about-proof-copy > p:not(.eyebrow) { max-width:580px; color:var(--muted); font-size:16px; line-height:1.85; }.about-values { background:#f5efe3; }.about-section-heading { max-width:720px; margin-bottom:32px; }.about-section-heading h2 { margin:13px 0 0; color:var(--brown); font-family:Candara,Calibri,Arial,sans-serif; font-size:clamp(2rem,3.6vw,3.8rem); line-height:1.05; letter-spacing:-.05em; }.about-value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.about-value-card { position:relative; min-height:260px; padding:30px; overflow:hidden; border:1px solid #eadbc5; border-radius:24px; background:#fffdf8; box-shadow:0 18px 44px rgba(59,29,12,.06); }.about-value-card::after { content:""; position:absolute; width:150px; height:150px; right:-75px; bottom:-75px; border:1px solid rgba(225,102,26,.22); border-radius:50%; }.about-value-card i { display:grid; width:49px; height:49px; place-items:center; border-radius:15px; color:#fff; background:var(--forest); font-size:19px; }.about-value-number { position:absolute; top:18px; right:25px; color:#dfd5c7; font-family:Georgia,serif; font-size:34px; font-weight:700; }.about-value-card h3 { margin:26px 0 10px; color:var(--brown); font-size:22px; }.about-value-card p { margin:0; color:var(--muted); font-size:15px; line-height:1.75; }
@media (max-width:900px) { .about-proof-grid { grid-template-columns:1fr; }.about-proof-image { min-height:320px; }.about-proof-image img { min-height:320px; }.about-value-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .about-proof-image { min-height:280px; }.about-proof-image img { min-height:280px; } }
.standard-page.csr .standard-hero { position:relative; display:flex; align-items:flex-end; min-height:350px; padding:42px 0 46px; overflow:hidden; background-image:linear-gradient(90deg,rgba(3,33,19,.94) 0%,rgba(3,33,19,.7) 44%,rgba(3,33,19,.16) 78%),url('../img/about-hero.webp'); background-position:center; background-size:cover; }.standard-page.csr .standard-hero-inner { position:relative; z-index:1; }.standard-page.csr .standard-back { color:#f8f3e7; }.standard-page.csr .standard-hero h1 { max-width:730px; color:#fffaf0; font-size:clamp(2.8rem,6vw,5.4rem); }.standard-page.csr .standard-hero > .container > p:last-child { color:#e8efe5; font-size:17px; }.csr-intro { background:#fffdf8; }.csr-intro-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr); gap:clamp(35px,8vw,120px); align-items:center; }.csr-intro-copy h2,.csr-process-heading h2 { max-width:650px; margin:14px 0 20px; color:var(--brown); font-family:Candara,Calibri,Arial,sans-serif; font-size:clamp(2.3rem,4vw,4rem); line-height:1.04; letter-spacing:-.05em; }.csr-intro-copy > p:not(.eyebrow) { max-width:600px; color:var(--muted); font-size:16px; line-height:1.85; }.text-link { display:inline-flex; gap:10px; align-items:center; margin-top:14px; color:var(--saffron-dark); font-size:15px; font-weight:800; text-decoration:none; border-bottom:1px solid rgba(225,102,26,.35); padding-bottom:7px; }.text-link:hover { color:var(--forest); }.csr-commitment { padding:38px; border-radius:26px 26px 26px 5px; color:#f8f5e9; background:linear-gradient(145deg,var(--forest),var(--forest-deep)); box-shadow:0 22px 46px rgba(7,59,33,.18); }.csr-commitment > i { color:var(--gold); font-size:32px; }.csr-commitment h3 { margin:24px 0 10px; font-size:25px; }.csr-commitment p { color:#dbe9dc; font-size:15px; line-height:1.75; }.csr-commitment-line { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1.2fr; gap:8px; align-items:center; margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.18); color:#fff; font-size:12px; font-weight:800; }.csr-commitment-line span:nth-child(odd) { color:var(--gold); }.csr-areas { background:#f5efe3; }.csr-area-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.csr-area-card { position:relative; min-height:280px; padding:30px; border:1px solid #eadbc5; border-radius:24px; background:#fffdf8; box-shadow:0 18px 44px rgba(59,29,12,.06); }.csr-area-number { position:absolute; top:18px; right:24px; color:#dfd5c7; font-family:Georgia,serif; font-size:34px; font-weight:700; }.csr-area-card > i { display:grid; width:50px; height:50px; place-items:center; border-radius:15px; color:#fff; background:linear-gradient(135deg,var(--saffron),#b83d0b); font-size:20px; }.csr-area-card h3 { margin:25px 0 10px; color:var(--brown); font-size:22px; }.csr-area-card p { margin:0 0 22px; color:var(--muted); font-size:15px; line-height:1.75; }.csr-area-card a { display:inline-flex; gap:8px; align-items:center; color:var(--forest); font-size:13px; font-weight:800; text-decoration:none; }.csr-area-card a:hover { color:var(--saffron-dark); }.csr-process { background:#fffdf8; }.csr-process-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(35px,8vw,120px); }.csr-process-list { display:grid; gap:16px; }.csr-process-item { display:grid; grid-template-columns:52px 1fr; gap:18px; align-items:start; padding:22px; border-bottom:1px solid #eadbc5; }.csr-process-item strong { display:grid; width:44px; height:44px; place-items:center; border-radius:14px; color:var(--forest); background:#eef4e9; font-size:14px; }.csr-process-item h3 { margin:2px 0 6px; color:var(--brown); font-size:20px; }.csr-process-item p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
@media (max-width:900px) { .csr-intro-grid,.csr-process-grid { grid-template-columns:1fr; }.csr-area-grid { grid-template-columns:1fr; }.csr-area-card { min-height:auto; } }
@media (max-width:700px) { .csr-commitment { padding:28px; }.csr-commitment-line { grid-template-columns:auto 1fr; gap:8px 12px; } }
@media (max-width:480px) { .standard-page.csr .standard-hero { min-height:300px; padding:32px 0 34px; background-position:62% center; }.standard-page.csr .standard-hero h1 { font-size:clamp(2.35rem,11vw,3.2rem); line-height:1.05; overflow-wrap:anywhere; }.standard-page.csr .standard-hero > .container > p:last-child { font-size:14px; line-height:1.65; }.csr-intro-grid,.csr-process-grid { gap:28px; }.csr-intro-copy h2,.csr-process-heading h2 { font-size:clamp(2rem,10vw,2.75rem); overflow-wrap:anywhere; }.csr-intro-copy > p:not(.eyebrow) { font-size:14px; line-height:1.7; }.csr-commitment { padding:22px; border-radius:20px 20px 20px 5px; }.csr-commitment h3 { margin-top:18px; font-size:21px; }.csr-commitment p { font-size:14px; line-height:1.65; }.csr-commitment-line { margin-top:20px; padding-top:16px; font-size:11px; }.csr-area-grid { gap:14px; }.csr-area-card { padding:22px; border-radius:19px; }.csr-area-card h3 { margin-top:19px; font-size:19px; overflow-wrap:anywhere; }.csr-area-card p { font-size:14px; line-height:1.65; }.csr-process-list { gap:8px; }.csr-process-item { grid-template-columns:42px 1fr; gap:12px; padding:18px 0; }.csr-process-item strong { width:38px; height:38px; border-radius:11px; font-size:12px; }.csr-process-item h3 { font-size:18px; overflow-wrap:anywhere; }.csr-process-item p { font-size:13px; line-height:1.6; } }
.standard-page.csr .standard-hero { background-image:linear-gradient(90deg,rgba(3,33,19,.94) 0%,rgba(3,33,19,.7) 44%,rgba(3,33,19,.16) 78%),url('../img/csr-hero.webp'); }
.standard-page.volunteer .standard-hero { position:relative; display:flex; align-items:flex-end; min-height:350px; padding:42px 0 46px; overflow:hidden; background-image:linear-gradient(90deg,rgba(3,33,19,.94) 0%,rgba(3,33,19,.7) 44%,rgba(3,33,19,.12) 80%),url('../img/volunteer-hero.webp'); background-position:center; background-size:cover; }.standard-page.volunteer .standard-hero-inner { position:relative; z-index:1; }.standard-page.volunteer .standard-back { color:#f8f3e7; }.standard-page.volunteer .standard-hero h1 { max-width:730px; color:#fffaf0; font-size:clamp(2.8rem,6vw,5.4rem); }.standard-page.volunteer .standard-hero > .container > p:last-child { color:#e8efe5; font-size:17px; }.volunteer-welcome { background:#fffdf8; }.volunteer-welcome-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.7fr); gap:clamp(35px,8vw,120px); align-items:center; }.volunteer-welcome-copy h2,.volunteer-apply-copy h2 { max-width:620px; margin:14px 0 20px; color:var(--brown); font-family:Candara,Calibri,Arial,sans-serif; font-size:clamp(2.3rem,4vw,4rem); line-height:1.04; letter-spacing:-.05em; }.volunteer-welcome-copy > p:not(.eyebrow),.volunteer-apply-copy > p:not(.eyebrow) { max-width:600px; color:var(--muted); font-size:16px; line-height:1.85; }.volunteer-welcome-copy .button { margin-top:16px; }.volunteer-note { padding:35px; border-radius:26px 26px 26px 5px; color:#f8f5e9; background:linear-gradient(145deg,var(--forest),var(--forest-deep)); box-shadow:0 22px 46px rgba(7,59,33,.18); }.volunteer-note i { color:var(--gold); font-size:32px; }.volunteer-note strong { display:block; margin:24px 0 10px; font-size:24px; }.volunteer-note p { margin:0; color:#dbe9dc; font-size:15px; line-height:1.75; }.volunteer-roles { background:#f5efe3; }.volunteer-role-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.volunteer-role-card { position:relative; min-height:260px; padding:30px; border:1px solid #eadbc5; border-radius:24px; background:#fffdf8; box-shadow:0 18px 44px rgba(59,29,12,.06); }.volunteer-role-number { position:absolute; top:18px; right:24px; color:#dfd5c7; font-family:Georgia,serif; font-size:34px; font-weight:700; }.volunteer-role-card > i { display:grid; width:50px; height:50px; place-items:center; border-radius:15px; color:#fff; background:linear-gradient(135deg,var(--saffron),#b83d0b); font-size:20px; }.volunteer-role-card h3 { margin:25px 0 10px; color:var(--brown); font-size:22px; }.volunteer-role-card p { margin:0; color:var(--muted); font-size:15px; line-height:1.75; }.volunteer-apply { background:var(--forest-deep); }.volunteer-apply-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:clamp(35px,8vw,120px); align-items:start; }.volunteer-apply-copy .eyebrow { color:var(--gold); }.volunteer-apply-copy h2 { color:#fffaf0; }.volunteer-apply-copy > p:not(.eyebrow) { color:#d6e5d8; }.volunteer-apply-copy ul { display:grid; gap:12px; padding:0; margin:28px 0 0; list-style:none; color:#eef7ed; font-size:14px; font-weight:800; }.volunteer-apply-copy li { display:flex; align-items:center; gap:10px; }.volunteer-apply-copy li i { color:var(--gold); }.volunteer-form-card { padding:0 34px 34px; border-radius:26px; background:#fffdf8; box-shadow:0 24px 50px rgba(0,0,0,.2); }.volunteer-form-card .form-card-head { margin:0 -34px 26px; padding:19px 34px; border-bottom:1px solid var(--line); border-radius:26px 26px 0 0; background:#fff8ee; }.volunteer-form-card .form-card-head p { margin:0; color:var(--brown); font-size:18px; font-weight:800; }.volunteer-form-card .form-card-head span { color:var(--forest); font-size:13px; font-weight:800; }.volunteer-form-card .field { margin-bottom:17px; }.volunteer-form-card .form-submit { margin-top:4px; }.volunteer-form-card .alert { margin-bottom:20px; }
@media (max-width:900px) { .volunteer-welcome-grid,.volunteer-apply-grid { grid-template-columns:1fr; }.volunteer-role-grid { grid-template-columns:1fr; }.volunteer-role-card { min-height:auto; } }
@media (max-width:700px) { .volunteer-form-card { padding:0 20px 25px; }.volunteer-form-card .form-card-head { margin:0 -20px 25px; padding:17px 20px; } }
@media (max-width:480px) { .standard-page.volunteer .standard-hero { min-height:300px; padding:32px 0 34px; background-position:62% center; }.standard-page.volunteer .standard-hero h1 { font-size:clamp(2.35rem,11vw,3.2rem); line-height:1.05; overflow-wrap:anywhere; }.standard-page.volunteer .standard-hero > .container > p:last-child { font-size:14px; line-height:1.65; }.volunteer-welcome-grid,.volunteer-apply-grid { gap:28px; }.volunteer-welcome-copy h2,.volunteer-apply-copy h2 { font-size:clamp(2rem,10vw,2.75rem); overflow-wrap:anywhere; }.volunteer-welcome-copy > p:not(.eyebrow),.volunteer-apply-copy > p:not(.eyebrow) { font-size:14px; line-height:1.7; }.volunteer-welcome-copy .button { width:100%; margin-top:12px; }.volunteer-note { padding:22px; border-radius:20px 20px 20px 5px; }.volunteer-note strong { margin-top:18px; font-size:21px; }.volunteer-note p { font-size:14px; line-height:1.65; }.volunteer-role-grid { gap:14px; }.volunteer-role-card { padding:22px; border-radius:19px; }.volunteer-role-card h3 { margin-top:19px; font-size:19px; overflow-wrap:anywhere; }.volunteer-role-card p { font-size:14px; line-height:1.65; }.volunteer-apply-copy ul { gap:10px; margin-top:20px; font-size:13px; }.volunteer-form-card { border-radius:20px; padding:0 15px 22px; }.volunteer-form-card .form-card-head { margin:0 -15px 20px; padding:16px 15px; border-radius:20px 20px 0 0; }.volunteer-form-card .form-card-head p { font-size:16px; }.volunteer-form-card .form-card-head span { font-size:12px; }.volunteer-form-card .field-row { grid-template-columns:1fr; gap:0; }.volunteer-form-card .field { margin-bottom:14px; }.volunteer-form-card textarea { min-height:110px; }.volunteer-form-card .consent { align-items:flex-start; font-size:12px; line-height:1.5; }.volunteer-form-card .form-submit { width:100%; min-height:48px; } }
.standard-page.blogs .standard-hero { position:relative; display:flex; align-items:flex-end; min-height:350px; padding:42px 0 46px; overflow:hidden; background-image:linear-gradient(90deg,rgba(3,33,19,.94) 0%,rgba(3,33,19,.68) 45%,rgba(3,33,19,.12) 80%),url('../img/about-hero.webp'); background-position:center; background-size:cover; }.standard-page.blogs .standard-hero-inner { position:relative; z-index:1; }.standard-page.blogs .standard-back { color:#f8f3e7; }.standard-page.blogs .standard-hero h1 { max-width:730px; color:#fffaf0; font-size:clamp(2.8rem,6vw,5.4rem); }.standard-page.blogs .standard-hero > .container > p:last-child { color:#e8efe5; font-size:17px; }.blogs-intro { background:#fffdf8; }.blogs-intro-inner { max-width:800px; }.blogs-intro h2 { max-width:700px; margin:14px 0 15px; color:var(--brown); font-family:Candara,Calibri,Arial,sans-serif; font-size:clamp(2.4rem,4vw,4.2rem); line-height:1.04; letter-spacing:-.05em; }.blogs-intro p:last-child { max-width:620px; margin:0; color:var(--muted); font-size:17px; line-height:1.8; }.blogs-list { background:#f5efe3; }.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.blog-card { overflow:hidden; border:1px solid #eadbc5; border-radius:24px; background:#fffdf8; box-shadow:0 18px 44px rgba(59,29,12,.07); transition:transform .22s ease,box-shadow .22s ease; }.blog-card:hover { transform:translateY(-5px); box-shadow:0 24px 50px rgba(59,29,12,.14); }.blog-card-image { position:relative; height:210px; overflow:hidden; }.blog-card-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }.blog-card:hover .blog-card-image img { transform:scale(1.05); }.blog-card-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(5,38,22,.46)); }.blog-card-image span { position:absolute; z-index:1; left:16px; bottom:15px; padding:7px 11px; border-radius:999px; color:#fff; background:rgba(8,67,37,.86); font-size:12px; font-weight:800; }.blog-card-body { padding:23px; }.blog-meta { display:flex; justify-content:space-between; color:var(--saffron-dark); font-size:12px; font-weight:800; }.blog-meta span:first-child { display:inline-flex; gap:6px; align-items:center; }.blog-meta span:last-child { color:#d9cdbd; font-family:Georgia,serif; font-size:25px; line-height:1; }.blog-card h2 { margin:20px 0 10px; color:var(--brown); font-size:23px; line-height:1.2; }.blog-card p { margin:0 0 17px; color:var(--muted); font-size:14px; line-height:1.7; }.blog-card .text-link { margin-top:0; font-size:13px; }.blog-articles { background:#fffdf8; }.blog-article-list { display:grid; gap:0; }.blog-article { padding:72px 0; border-bottom:1px solid #eadbc5; scroll-margin-top:90px; }.blog-article:first-child { padding-top:0; }.blog-article:last-child { border-bottom:0; }.blog-article-heading { max-width:790px; margin-bottom:30px; }.blog-article-heading h2 { margin:14px 0 0; color:var(--brown); font-family:Candara,Calibri,Arial,sans-serif; font-size:clamp(2.1rem,3.7vw,3.7rem); line-height:1.06; letter-spacing:-.05em; }.blog-article-content { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(30px,7vw,100px); align-items:start; }.blog-article-copy p { margin:0 0 18px; color:var(--muted); font-size:16px; line-height:1.88; }.blog-article-copy .text-link { margin-top:6px; }.blog-article-images { display:grid; grid-template-columns:1.2fr .8fr; gap:12px; }.blog-article-images img { width:100%; height:310px; object-fit:cover; border-radius:24px 24px 24px 5px; box-shadow:0 18px 40px rgba(59,29,12,.12); }.blog-article-images img + img { height:230px; margin-top:80px; border-radius:24px 24px 5px 24px; }
@media (max-width:1000px) { .blog-grid { grid-template-columns:repeat(2,1fr); }.blog-article-content { grid-template-columns:1fr; }.blog-article-images { max-width:720px; } }
@media (max-width:700px) { .blog-grid { grid-template-columns:1fr; }.blog-card-image { height:220px; }.blog-article { padding:52px 0; }.blog-article-images { grid-template-columns:1fr 1fr; }.blog-article-images img,.blog-article-images img + img { height:180px; margin-top:0; }.blog-article-copy p { font-size:15px; } }
.blog-detail-page { background:var(--warm-white); }.blog-detail-hero { position:relative; display:flex; align-items:flex-end; min-height:430px; padding:54px 0 64px; overflow:hidden; color:#fffaf0; background:linear-gradient(90deg,rgba(3,33,19,.95),rgba(3,33,19,.64) 55%,rgba(3,33,19,.18)),url('../img/about-hero.webp') center/cover; }.blog-detail-hero-inner { position:relative; z-index:1; }.blog-detail-hero .standard-back { display:inline-flex; gap:9px; align-items:center; margin-bottom:28px; color:#f8f3e7; font-size:14px; font-weight:800; text-decoration:none; }.blog-detail-hero .standard-back:hover { color:var(--gold); }.blog-detail-hero .eyebrow { color:var(--gold); }.blog-detail-hero .eyebrow span { background:var(--gold); }.blog-detail-hero h1 { max-width:820px; margin:14px 0 18px; color:#fffaf0; font-family:Candara,Calibri,Arial,sans-serif; font-size:clamp(2.7rem,6vw,5.3rem); line-height:1.03; letter-spacing:-.055em; }.blog-detail-hero > .container > p:last-child { max-width:680px; margin:0; color:#e8efe5; font-size:18px; line-height:1.75; }.blog-detail-body { background:#fffdf8; }.blog-detail-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(35px,8vw,110px); align-items:start; }.blog-detail-copy { padding-top:8px; }.blog-detail-copy p { margin:0 0 20px; color:var(--muted); font-size:17px; line-height:1.9; }.blog-detail-actions { display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-top:28px; }.blog-detail-actions .text-link { margin-top:0; }.blog-detail-images { display:grid; grid-template-columns:1.15fr .85fr; gap:14px; }.blog-detail-images img { width:100%; height:390px; object-fit:cover; border-radius:26px 26px 26px 6px; box-shadow:0 22px 50px rgba(59,29,12,.14); }.blog-detail-images img + img { height:285px; margin-top:92px; border-radius:26px 26px 6px 26px; }
@media (max-width:900px) { .blog-detail-layout { grid-template-columns:1fr; }.blog-detail-images { max-width:760px; } }
@media (max-width:480px) { .blog-detail-hero { min-height:350px; padding:34px 0 42px; background-position:62% center; }.blog-detail-hero .standard-back { margin-bottom:21px; font-size:13px; }.blog-detail-hero h1 { font-size:clamp(2.25rem,11vw,3.2rem); line-height:1.05; overflow-wrap:anywhere; }.blog-detail-hero > .container > p:last-child { font-size:14px; line-height:1.65; overflow-wrap:anywhere; }.blog-detail-layout { gap:28px; }.blog-detail-copy p { font-size:15px; line-height:1.75; }.blog-detail-actions { align-items:stretch; flex-direction:column; gap:13px; }.blog-detail-actions .button,.blog-detail-actions .text-link { width:100%; justify-content:center; }.blog-detail-images { grid-template-columns:1fr; gap:12px; }.blog-detail-images img,.blog-detail-images img + img { height:245px; margin-top:0; border-radius:21px 21px 21px 5px; } }
.standard-page.contact .standard-hero { position:relative; display:flex; align-items:flex-end; min-height:350px; padding:42px 0 46px; overflow:hidden; background-image:linear-gradient(90deg,rgba(3,33,19,.94) 0%,rgba(3,33,19,.7) 44%,rgba(3,33,19,.1) 80%),url('../img/contact-hero.webp'); background-position:center; background-size:cover; }.standard-page.contact .standard-hero-inner { position:relative; z-index:1; }.standard-page.contact .standard-back { color:#f8f3e7; }.standard-page.contact .standard-hero h1 { max-width:730px; color:#fffaf0; font-size:clamp(2.8rem,6vw,5.4rem); }.standard-page.contact .standard-hero > .container > p:last-child { color:#e8efe5; font-size:17px; }.contact-details { background:#fffdf8; }.contact-details-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.contact-detail-card { position:relative; display:flex; align-items:flex-start; gap:14px; min-height:145px; padding:22px 18px; border:1px solid #eadbc5; border-radius:20px; color:inherit; background:#fff; box-shadow:0 15px 34px rgba(59,29,12,.06); text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }.contact-detail-card:hover { transform:translateY(-4px); border-color:#edb78d; box-shadow:0 22px 44px rgba(59,29,12,.12); }.contact-detail-card > i:first-child { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; border-radius:13px; color:#fff; background:var(--forest); font-size:17px; }.contact-detail-card span { min-width:0; display:grid; gap:7px; }.contact-detail-card small { color:var(--saffron-dark); font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.contact-detail-card strong { color:var(--brown); font-size:14px; line-height:1.45; overflow-wrap:anywhere; }.contact-detail-arrow { position:absolute; right:15px; bottom:15px; color:#d7c6b2; font-size:12px; }.contact-social-row { display:flex; align-items:center; gap:10px; margin-top:28px; color:var(--muted); font-size:14px; font-weight:800; }.contact-social-row > span { margin-right:5px; }.contact-social-row a { display:grid; width:36px; height:36px; place-items:center; border:1px solid rgba(21,95,50,.18); border-radius:50%; color:var(--forest); background:#fff; font-size:14px; text-decoration:none; transition:.2s ease; }.contact-social-row a:hover { color:#fff; background:var(--forest); transform:translateY(-3px); }.contact-form-section { background:#f5efe3; }.contact-form-grid { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.05fr); gap:clamp(35px,8vw,120px); align-items:start; }.contact-form-copy h2 { max-width:560px; margin:14px 0 20px; color:var(--brown); font-family:Candara,Calibri,Arial,sans-serif; font-size:clamp(2.3rem,4vw,4rem); line-height:1.04; letter-spacing:-.05em; }.contact-form-copy > p:not(.eyebrow) { max-width:520px; color:var(--muted); font-size:16px; line-height:1.85; }.contact-form-promise { display:flex; align-items:flex-start; gap:13px; max-width:430px; margin-top:30px; padding:18px; border-radius:17px; background:#fffdf8; }.contact-form-promise > i { color:var(--forest); font-size:22px; }.contact-form-promise span { display:grid; gap:4px; }.contact-form-promise strong { color:var(--brown); font-size:14px; }.contact-form-promise small { color:var(--muted); font-size:13px; line-height:1.5; }.contact-form-card { padding:0 34px 34px; border-radius:26px; background:#fffdf8; box-shadow:0 24px 50px rgba(59,29,12,.12); }.contact-form-card .form-card-head { margin:0 -34px 26px; padding:19px 34px; border-bottom:1px solid var(--line); border-radius:26px 26px 0 0; background:#fff8ee; }.contact-form-card .form-card-head p { margin:0; color:var(--brown); font-size:18px; font-weight:800; }.contact-form-card .form-card-head span { color:var(--forest); font-size:13px; font-weight:800; }.contact-form-card .field { margin-bottom:17px; }
@media (max-width:1000px) { .contact-details-grid { grid-template-columns:repeat(2,1fr); }.contact-form-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .contact-details-grid { grid-template-columns:1fr; }.contact-detail-card { min-height:125px; }.contact-form-card { padding:0 20px 25px; }.contact-form-card .form-card-head { margin:0 -20px 25px; padding:17px 20px; } }
.standard-page.contact .contact-details { position:relative; overflow:hidden; color:#fffaf0; background:linear-gradient(132deg,#063b22 0%,#0b542d 55%,#07331f 100%); }.standard-page.contact .contact-details::before,.standard-page.contact .contact-details::after { content:""; position:absolute; border:1px solid rgba(246,173,45,.2); border-radius:50%; pointer-events:none; }.standard-page.contact .contact-details::before { width:420px; height:420px; right:-180px; top:-240px; }.standard-page.contact .contact-details::after { width:260px; height:260px; left:-150px; bottom:-180px; }.standard-page.contact .contact-details > .container { position:relative; z-index:1; }.standard-page.contact .contact-details .about-section-heading h2 { color:#fffaf0; }.standard-page.contact .contact-details .about-section-heading .eyebrow { color:var(--gold); }.standard-page.contact .contact-details .about-section-heading .eyebrow span { background:var(--gold); }.standard-page.contact .contact-details-grid { grid-template-columns:1.35fr .9fr .9fr 1.25fr; gap:12px; }.standard-page.contact .contact-detail-card { min-height:150px; border:1px solid rgba(255,255,255,.16); border-radius:8px 22px 22px 22px; color:#fff; background:rgba(255,255,255,.075); box-shadow:0 18px 36px rgba(0,0,0,.13); backdrop-filter:blur(8px); }.standard-page.contact .contact-detail-card:hover { border-color:rgba(246,173,45,.7); background:rgba(255,255,255,.12); }.standard-page.contact .contact-detail-card > i:first-child { color:var(--forest-deep); background:var(--gold); box-shadow:0 8px 18px rgba(0,0,0,.2); }.standard-page.contact .contact-detail-card small { color:var(--gold); }.standard-page.contact .contact-detail-card strong { color:#fffaf0; }.standard-page.contact .contact-detail-arrow { color:var(--gold); border-color:rgba(246,173,45,.45); background:transparent; }.standard-page.contact .contact-social-row { max-width:520px; border:0; background:transparent; padding:0; color:#e4eee3; }.standard-page.contact .contact-social-row > span { color:#fffaf0; }.standard-page.contact .contact-social-row a { border-color:rgba(255,255,255,.24); color:#fffaf0; background:rgba(255,255,255,.08); }.standard-page.contact .contact-social-row a:hover { color:var(--forest-deep); background:var(--gold); }.standard-page.contact .contact-detail-card:last-child strong { white-space:nowrap; overflow-wrap:normal; word-break:normal; font-size:12px; letter-spacing:-.02em; }
@media (max-width:1100px) { .standard-page.contact .contact-details-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:700px) { .standard-page.contact .contact-details-grid { grid-template-columns:1fr; }.standard-page.contact .contact-detail-card:last-child strong { font-size:13px; } }
.contact-details .about-section-heading { margin-bottom:28px; }.contact-details-grid { gap:14px; }.contact-detail-card { min-height:132px; padding:20px 19px 19px; gap:13px; border-radius:18px; background:linear-gradient(145deg,#fff,#fffaf2); box-shadow:0 12px 28px rgba(59,29,12,.055); }.contact-detail-card > i:first-child { width:40px; height:40px; border-radius:12px; background:linear-gradient(145deg,var(--forest),#0a4a29); font-size:16px; box-shadow:0 8px 16px rgba(7,59,33,.16); }.contact-detail-card span { gap:6px; padding-right:8px; }.contact-detail-card small { font-size:11px; letter-spacing:.08em; }.contact-detail-card strong { font-size:13px; line-height:1.42; }.contact-detail-arrow { right:14px; bottom:13px; display:grid; width:24px; height:24px; place-items:center; border:1px solid #eadbc5; border-radius:50%; color:var(--saffron-dark); background:#fff; font-size:10px; }.contact-social-row { gap:9px; margin-top:24px; padding:13px 15px; border:1px solid #eadbc5; border-radius:16px; background:#f8f1e6; }.contact-social-row > span { margin-right:auto; color:var(--brown); font-size:13px; }.contact-social-row a { width:34px; height:34px; background:#fffdf8; }
.contact-details .about-section-heading h2 { max-width:650px; font-size:clamp(2.2rem,3.6vw,3.6rem); }
@media (max-width:480px) { .standard-page.contact .standard-hero { min-height:300px; padding:32px 0 34px; background-position:63% center; }.standard-page.contact .standard-hero h1 { font-size:clamp(2.35rem,11vw,3.2rem); line-height:1.05; overflow-wrap:anywhere; }.standard-page.contact .standard-hero > .container > p:last-child { font-size:14px; line-height:1.65; }.contact-details .about-section-heading { margin-bottom:22px; }.contact-details .about-section-heading h2 { font-size:clamp(2rem,10vw,2.75rem); overflow-wrap:anywhere; }.standard-page.contact .contact-details-grid { gap:12px; }.standard-page.contact .contact-detail-card { min-height:112px; padding:18px 15px; border-radius:16px 16px 16px 5px; }.standard-page.contact .contact-detail-card > i:first-child { flex-basis:38px; width:38px; height:38px; border-radius:11px; font-size:15px; }.standard-page.contact .contact-detail-card strong { font-size:13px; line-height:1.45; overflow-wrap:anywhere; }.standard-page.contact .contact-detail-card:last-child strong { white-space:normal; overflow-wrap:anywhere; word-break:break-word; font-size:12px; letter-spacing:0; }.contact-detail-arrow { right:11px; bottom:10px; width:22px; height:22px; }.contact-social-row { flex-wrap:wrap; gap:8px; margin-top:20px; padding:12px; }.contact-social-row > span { flex:1 0 100%; margin-right:0; }.contact-social-row a { width:34px; height:34px; }.contact-form-grid { gap:28px; }.contact-form-copy h2 { font-size:clamp(2rem,10vw,2.75rem); overflow-wrap:anywhere; }.contact-form-copy > p:not(.eyebrow) { font-size:14px; line-height:1.7; }.contact-form-promise { margin-top:20px; padding:15px; }.contact-form-card { border-radius:20px; padding:0 15px 22px; }.contact-form-card .form-card-head { margin:0 -15px 20px; padding:16px 15px; border-radius:20px 20px 0 0; }.contact-form-card .form-card-head p { font-size:16px; }.contact-form-card .form-card-head span { font-size:12px; }.contact-form-card .field-row { grid-template-columns:1fr; gap:0; }.contact-form-card .field { margin-bottom:14px; }.contact-form-card textarea { min-height:110px; }.contact-form-card .form-submit { width:100%; min-height:48px; } }
