:root{--green:#006a3a;--deep:#004b2a;--soft:#2d8a60;--yellow:#ffd300;--cream:#f5f2e9;--ink:#123428;--white:#fff;--line:rgba(0,75,42,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;margin:0}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
main{overflow:hidden}
.skip-link{background:var(--deep);color:#fff;left:14px;padding:10px 15px;position:fixed;top:-60px;z-index:100}.skip-link:focus{top:12px}
.topbar{align-items:center;backdrop-filter:blur(14px);background:rgba(245,242,233,.94);border-bottom:1px solid var(--line);display:flex;height:84px;justify-content:space-between;left:0;padding:0 clamp(20px,6vw,90px);position:fixed;right:0;top:0;z-index:40}
.brand{align-items:center;display:inline-flex;gap:10px}.brand img{height:62px;object-fit:contain;width:62px}.brand span{display:block}.brand strong,.brand small{display:block;line-height:1}.brand strong{font-size:16px;letter-spacing:.08em}.brand small{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.3em;margin-top:4px}
.topbar nav{align-items:center;display:flex;gap:10px}.nav-link{border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.05em;padding:11px 16px;text-transform:uppercase;transition:.2s ease}.nav-link:hover,.nav-link:focus-visible{color:var(--green)}.nav-link.active{background:var(--green);color:#fff}.nav-cta{border:1px solid var(--green)}
.hero{background:#e9e8e3;min-height:760px;padding:132px clamp(20px,6vw,90px) 70px;position:relative}.hero-leaf{height:175px;left:0;object-fit:cover;object-position:center bottom;pointer-events:none;position:absolute;top:70px;width:100%;z-index:4}.hero-card{background:var(--yellow);border-radius:28px 28px 90px;display:grid;grid-template-columns:1.05fr .95fr;margin:0 auto;max-width:1320px;min-height:560px;overflow:hidden;position:relative;z-index:2}.hero-copy{align-self:center;max-width:680px;padding:clamp(58px,7vw,100px) 28px clamp(50px,7vw,100px) clamp(46px,7vw,100px);position:relative;z-index:3}.eyebrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:22px;text-transform:uppercase}.hero h1,.section-intro h2,.vision h2,.location h2{font-weight:900;letter-spacing:-.05em;line-height:.98;margin:0}.hero h1{color:#fff;font-size:clamp(44px,5.6vw,79px)}h1 em,h2 em{color:var(--green);display:block;font-style:normal}.hero-subtitle{color:var(--green);font-size:clamp(20px,2.1vw,29px);font-style:italic;font-weight:700;margin:26px 0 12px}.hero-copy>p:last-of-type{line-height:1.55;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;justify-content:center;letter-spacing:.08em;min-height:47px;padding:13px 22px;text-align:center;text-transform:uppercase;transition:.2s ease}.hero-actions .button{flex:0 1 255px;width:255px}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-light{background:#fff;color:var(--green)}.button-outline{border-color:rgba(0,75,42,.55);color:var(--green)}
.hero-visual{align-items:center;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.48),transparent 58%);display:flex;justify-content:center;min-height:520px;position:relative}.hero-bananas{filter:drop-shadow(0 30px 30px rgba(111,80,0,.2));height:auto;max-height:455px;object-fit:contain;position:relative;transform:rotate(4deg);width:min(94%,600px);z-index:2}.organic-seal{align-items:center;border:3px solid rgba(255,255,255,.95);border-radius:50%;color:#fff;display:flex;flex-direction:column;height:165px;justify-content:center;left:5%;position:absolute;top:5%;transform:rotate(-7deg);width:165px;z-index:5}.organic-seal strong{font-size:42px;letter-spacing:-.06em;line-height:.9}.organic-seal span{font-size:20px;font-weight:900;letter-spacing:.04em}.hero-flower{bottom:-95px;height:325px;object-fit:contain;position:absolute;right:-75px;transform:rotate(-12deg);width:210px;z-index:1}.scroll-note{align-items:center;display:flex;font-size:11px;font-weight:800;gap:12px;letter-spacing:.1em;margin:28px auto 0;max-width:1320px;text-transform:uppercase}.scroll-note span{background:var(--green);height:1px;width:48px}
.certifications{background:var(--green);color:#fff;padding:110px clamp(24px,8vw,130px);position:relative}.section-intro{margin:0 auto;max-width:920px;text-align:center}.eyebrow-yellow{color:var(--yellow)}.section-intro h2{font-size:clamp(42px,5vw,70px)}.section-intro h2 em{color:var(--yellow)}.section-intro>p{font-size:18px;line-height:1.6;margin:30px auto 0;max-width:800px;opacity:.82}.cert-grid{display:grid;gap:26px;grid-template-columns:repeat(5,1fr);margin:70px auto 0;max-width:1200px}.cert{text-align:center}.cert-badge{align-items:center;border:2px solid rgba(255,255,255,.8);border-radius:50%;color:var(--yellow);display:flex;height:112px;justify-content:center;margin:0 auto 20px;width:112px}.cert-badge.image{background:#fff;border:0;box-shadow:0 14px 30px rgba(0,40,22,.25);overflow:hidden;padding:10px}.cert-badge.image img{height:100%;object-fit:contain;width:100%}.cert-badge.gap{background:#29ab5e;border-radius:13px}.cert-badge.jas{border-radius:13px}.cert-badge.bio{font-family:Georgia,serif;font-size:23px;font-style:italic}.cert-badge.bio small{font-size:15px}.cert-badge.bio b{color:#fff;font-weight:400}.cert h3{font-size:13px;letter-spacing:.05em;margin:0 0 7px}.cert p{font-size:11px;line-height:1.4;margin:0 auto;max-width:145px;opacity:.7}
.vision{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:690px;overflow:visible}.vision-copy{align-self:center;justify-self:end;max-width:680px;padding:80px clamp(38px,7vw,110px)}.vision h2,.location h2{font-size:clamp(42px,5vw,68px)}.vision .lead{color:var(--soft);font-size:21px;font-style:italic;font-weight:700;line-height:1.4;margin-top:34px}.vision-copy>p:not(.lead),.location-copy p{line-height:1.7}.text-link{border-bottom:2px solid var(--yellow);display:inline-flex;font-size:12px;font-weight:900;gap:18px;letter-spacing:.06em;margin-top:24px;padding-bottom:6px;text-transform:uppercase}.vision-image{background:linear-gradient(180deg,rgba(0,75,42,.04),rgba(0,75,42,.45)),url("assets/images/manzanillo.webp") center/cover;min-height:620px;position:relative}.vision-bananas{bottom:-62px;filter:drop-shadow(0 24px 20px rgba(0,50,28,.32));height:auto;left:-150px;position:absolute;transform:rotate(17deg);width:360px;z-index:5}.image-caption{bottom:38px;color:#fff;display:flex;flex-direction:column;left:42px;position:absolute}.image-caption span{font-size:11px;letter-spacing:.16em}.image-caption strong{font-size:30px;margin-top:6px}
.refuge-wrap{background:#e5e6e1;padding:78px clamp(24px,6vw,90px);position:relative}.refuge-leaf{left:-45px;position:absolute;top:10px;transform:rotate(17deg);width:245px;z-index:3}.refuge{background:linear-gradient(90deg,rgba(20,111,70,.96),rgba(20,111,70,.82)),url("assets/images/racimo-verde.webp") center/cover;border-radius:0 38px 38px;color:#fff;display:grid;gap:60px;grid-template-columns:.8fr 1.2fr;margin:0 auto;max-width:1320px;min-height:520px;overflow:hidden;padding:clamp(60px,8vw,110px);position:relative}.refuge-title,.refuge-copy{align-self:center;position:relative;z-index:2}.giant-e{display:block;font-size:78px;font-weight:200;line-height:.7}.refuge-title h2{font-size:clamp(70px,8vw,116px);letter-spacing:-.06em;line-height:.8;margin:0}.refuge-copy{padding-right:70px}.refuge-copy h3{font-size:clamp(26px,3vw,39px);line-height:1.12;margin:0 0 25px}.refuge-copy>p{line-height:1.6;opacity:.84}.stats{border-top:1px solid rgba(255,255,255,.3);display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;padding-top:28px}.stats div{display:flex;flex-direction:column}.stats strong{color:var(--yellow);font-size:28px}.stats span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.refuge-bunch{bottom:-75px;filter:drop-shadow(0 26px 24px rgba(0,40,22,.3));height:78%;object-fit:contain;opacity:.92;position:absolute;right:-75px;transform:rotate(6deg);z-index:1}
.gallery-section{background:var(--green);color:#fff;padding-top:46px;text-align:center}.gallery-heading{padding:0 24px 36px}.gallery-heading p{font-size:18px;margin:0 0 4px;opacity:.84}.gallery-heading strong,.quality-line b{color:var(--yellow)}.gallery-heading h2{font-size:clamp(25px,3vw,38px);margin:0}.gallery{display:grid;grid-template-columns:repeat(4,1fr)}.gallery figure{height:330px;margin:0;overflow:hidden}.gallery img{height:100%;object-fit:cover;transition:.5s ease;width:100%}.gallery figure:hover img{transform:scale(1.05)}
.quote-wrap{background:#f3f1e8;border-radius:30px;color:var(--ink);display:grid;gap:35px;grid-template-columns:.7fr 1.3fr;margin:70px auto 35px;max-width:1180px;padding:clamp(32px,5vw,62px);text-align:left}.quote-intro h2{color:var(--deep);font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;line-height:1;margin:0 0 20px}.quote-intro p{line-height:1.6}.quote-form{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.quote-form label{color:var(--deep);display:flex;flex-direction:column;font-size:11px;font-weight:900;gap:7px;letter-spacing:.04em;text-transform:uppercase}.quote-form input,.quote-form select{appearance:none;background:#fff;border:1px solid rgba(0,75,42,.18);border-radius:12px;color:var(--ink);min-height:49px;padding:12px 14px;text-transform:none}.quote-form input:focus,.quote-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,106,58,.12);outline:0}.quote-button{background:var(--green);border:0;border-radius:999px;color:#fff;cursor:pointer;font-size:11px;font-weight:900;grid-column:1/-1;letter-spacing:.08em;min-height:49px;padding:12px 22px;text-transform:uppercase;transition:.2s ease}.quote-button:hover,.quote-button:focus-visible{background:var(--deep);transform:translateY(-2px)}.quote-result{background:#e5f3e9;border-left:5px solid var(--green);border-radius:14px;grid-column:1/-1;padding:20px 22px}.quote-result h3{color:var(--deep);margin:0 0 10px}.quote-result p{line-height:1.55;margin:6px 0}.quote-result a{background:var(--yellow);border-radius:999px;color:var(--deep);display:inline-flex;font-size:11px;font-weight:900;margin-top:12px;padding:12px 18px;text-transform:uppercase}.quality-line{font-size:20px;margin:0 auto;max-width:900px;padding:34px 24px 40px}
.location{background:var(--cream);display:grid;grid-template-columns:.72fr 1.28fr;min-height:580px}.location-copy{align-self:center;padding:70px clamp(38px,6vw,90px)}.location-copy p{margin:28px 0}.button-green{background:var(--green);color:#fff}.location iframe{border:0;height:100%;min-height:580px;width:100%}
footer{background:#003b23;color:#fff;padding:70px clamp(24px,7vw,105px) 26px}.footer-brand img{height:84px;width:84px}.footer-brand small{color:var(--yellow)}.footer-main{display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto 70px;max-width:1250px}.footer-main>div:first-child>p{line-height:1.6;max-width:400px;opacity:.65}.footer-cta{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.footer-cta span{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.footer-cta a{border-bottom:2px solid var(--yellow);font-size:clamp(25px,3.2vw,43px);margin-top:14px;padding-bottom:5px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);display:flex;font-size:10px;justify-content:space-between;letter-spacing:.08em;margin:0 auto;max-width:1250px;opacity:.58;padding-top:22px;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.cert:nth-child(2){transition-delay:.08s}.cert:nth-child(3){transition-delay:.16s}.cert:nth-child(4){transition-delay:.24s}.cert:nth-child(5){transition-delay:.32s}@keyframes fruitFloat{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-12px)}}@keyframes visionFloat{0%,100%{transform:rotate(17deg) translateY(0)}50%{transform:rotate(14deg) translateY(-9px)}}.hero-bananas{animation:fruitFloat 5.5s ease-in-out infinite}.vision-bananas{animation:visionFloat 6s ease-in-out infinite}
@media(max-width:1020px){.topbar nav{gap:2px}.nav-link{padding:10px 11px}.hero-card,.vision,.location{grid-template-columns:1fr}.hero-copy{padding-bottom:30px}.hero-visual{min-height:390px}.cert-grid{grid-template-columns:repeat(3,1fr);row-gap:45px}.vision-copy{justify-self:start;max-width:760px}.vision-bananas{left:5%;width:300px}.refuge{grid-template-columns:1fr}.refuge-copy{max-width:650px;padding-right:120px}.quote-wrap{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.gallery figure{height:300px}.location iframe{min-height:480px}}
@media(max-width:900px){.brand span{display:none}.topbar nav .nav-link:not(.nav-cta){font-size:0;padding:8px}.topbar nav .nav-link:not(.nav-cta)::after{background:rgba(0,106,58,.35);border-radius:50%;content:"";display:block;height:8px;width:8px}.topbar nav .nav-link.active:not(.nav-cta)::after{background:#fff}}
@media(max-width:720px){html{scroll-padding-top:72px}.topbar{height:72px;padding:0 18px}.brand img{height:50px;width:50px}.brand span{display:none}.topbar nav .nav-link:not(.nav-cta){font-size:0;padding:8px}.topbar nav .nav-link:not(.nav-cta)::after{content:"";background:rgba(0,106,58,.35);border-radius:50%;display:block;height:8px;width:8px}.topbar nav .nav-link.active:not(.nav-cta)::after{background:#fff}.nav-cta{padding:9px 13px}.hero{min-height:auto;padding:102px 14px 44px}.hero-leaf{height:120px;top:62px}.hero-card{border-radius:22px 22px 58px}.hero-copy{padding:50px 28px 25px}.hero h1{font-size:43px}.hero-actions{flex-direction:column}.hero-actions .button{flex:auto;max-width:none;width:100%}.hero-visual{min-height:340px}.hero-bananas{max-height:300px}.organic-seal{height:132px;left:7%;top:1%;width:132px}.organic-seal strong{font-size:34px}.organic-seal span{font-size:16px}.hero-flower{bottom:-80px;height:240px;right:-65px;width:160px}.certifications{padding:80px 22px}.cert-grid{grid-template-columns:repeat(2,1fr)}.cert:last-child{grid-column:1/-1}.vision-copy,.location-copy{padding:70px 28px}.vision-image{min-height:470px}.vision-bananas{bottom:-42px;left:-30px;width:230px}.refuge-wrap{padding:45px 14px}.refuge{border-radius:0 28px 28px;gap:45px;padding:58px 28px}.refuge-copy{padding-right:0}.refuge-bunch{height:480px;opacity:.2;right:-100px}.refuge-title h2{font-size:75px}.quote-wrap{border-radius:22px;margin:48px 15px 30px;padding:30px 22px}.quote-form{grid-template-columns:1fr}.quote-button{grid-column:auto}.gallery{grid-template-columns:1fr}.gallery figure{height:250px}.footer-main{grid-template-columns:1fr}.footer-cta a{font-size:25px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-bananas,.vision-bananas{animation:none}*{transition-duration:.01ms!important}}
.vision-image{background-image:linear-gradient(180deg,rgba(0,75,42,.04),rgba(0,75,42,.45)),url("assets/images/manzanillo.webp")}
.refuge{background-image:linear-gradient(90deg,rgba(20,111,70,.96),rgba(20,111,70,.82)),url("assets/images/racimo-verde.webp")}
.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}
.language-switcher{flex:0 0 auto;margin-left:10px}.language-switcher select{appearance:none;background:#fff;border:1px solid rgba(0,106,58,.28);border-radius:999px;color:var(--deep);cursor:pointer;font-size:11px;font-weight:900;min-height:38px;padding:8px 28px 8px 12px;text-align:center}.language-switcher{position:relative}.language-switcher:after{color:var(--green);content:"▾";font-size:10px;pointer-events:none;position:absolute;right:10px;top:13px}
.leaf{background:linear-gradient(130deg,#168943 2%,#005e31 75%);border-radius:100% 0;filter:drop-shadow(0 12px 13px rgba(0,54,28,.2));position:absolute;z-index:5}.leaf:after{background:rgba(255,255,255,.3);content:"";height:2px;left:10%;position:absolute;top:52%;transform:rotate(28deg);width:90%}.leaf-one{height:210px;right:-62px;top:58px;transform:rotate(-24deg);width:370px}
.hero-visual-logo{filter:drop-shadow(0 12px 18px rgba(0,70,35,.2));height:170px;left:4%;object-fit:contain;position:absolute;top:calc(4% + 100px);width:170px;z-index:6}
html[lang="ja"] body,html[lang="zh"] body{font-family:Arial,"Noto Sans CJK JP","Microsoft YaHei","Yu Gothic",sans-serif}.translated .hero h1,.translated .section-intro h2,.translated .vision h2,.translated .location h2{letter-spacing:-.025em}
@media(max-width:1120px){.brand span{display:none}.topbar nav{gap:2px}.topbar nav .nav-link:not(.nav-cta){font-size:0;padding:8px}.topbar nav .nav-link:not(.nav-cta)::after{background:rgba(0,106,58,.35);border-radius:50%;content:"";display:block;height:8px;width:8px}.topbar nav .nav-link.active:not(.nav-cta)::after{background:#fff}}
@media(max-width:720px){.language-switcher{margin-left:4px}.language-switcher select{min-height:34px;padding:7px 24px 7px 9px}.language-switcher:after{right:8px;top:11px}.leaf-one{height:120px;right:-70px;top:66px;width:220px}.hero-visual-logo{height:126px;left:5%;top:calc(2% + 100px);width:126px}}

/* Ajustes finales de marca, certificación y respiración vertical */
.cert-badge.bio{width:150px;border-radius:16px;font-family:inherit;font-size:inherit}
.cert-badge.bio img{width:100%;height:auto;max-height:68px;object-fit:contain}
.footer-cta a{font-weight:900}
footer{padding:120px clamp(24px,7vw,105px) 76px}
@media(max-width:720px){footer{padding:120px 24px 76px}.cert-badge.bio{width:135px}}
.language-switcher:after{content:"\25BE"}
.language-switcher{align-items:center;display:flex;gap:8px}
.language-indicator{background:#006847;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,59,35,.22);display:block;flex:0 0 auto;height:13px;width:13px}
.language-switcher[data-language="en"] .language-indicator{background:#2756a3}
.language-switcher[data-language="ja"] .language-indicator{background:#d71920}
.language-switcher[data-language="zh"] .language-indicator{background:#f2c300}

/* Entrada de marca: el amarillo se integra con el hero */
body.is-intro{overflow:hidden}
.intro-splash{align-items:center;background:var(--yellow);clip-path:inset(0 round 0);display:flex;inset:0;justify-content:center;position:fixed;transition:clip-path 1.1s cubic-bezier(.77,0,.18,1),opacity .3s ease;z-index:9999}
.intro-splash-logo{filter:drop-shadow(0 12px 18px rgba(0,70,35,.2));height:clamp(240px,32vw,390px);object-fit:contain;transform:translate3d(0,0,0) scale(1);transform-origin:center;width:clamp(240px,32vw,390px);will-change:transform}
.intro-splash.is-moving{clip-path:inset(var(--hero-top) var(--hero-right) var(--hero-bottom) var(--hero-left) round 28px 28px 90px 28px)}
.intro-splash.is-moving .intro-splash-logo{transform:translate3d(var(--intro-x),var(--intro-y),0) scale(var(--intro-scale));transition:transform 1.1s cubic-bezier(.77,0,.18,1)}
.intro-splash.is-complete{opacity:0;pointer-events:none}
body.is-intro .hero-visual-logo{opacity:0!important}
body.is-intro .hero-visual{opacity:1;transform:none;transition:none}
@media(max-width:720px){.intro-splash.is-moving{clip-path:inset(var(--hero-top) var(--hero-right) var(--hero-bottom) var(--hero-left) round 22px 22px 58px 22px)}}
@media(prefers-reduced-motion:reduce){.intro-splash{display:none}body.is-intro{overflow:auto}body.is-intro .hero-visual-logo{opacity:1!important}}

/* Secuencia posterior: primero entra la fruta, después aparece el contenido */
@keyframes heroFruitEnter{0%{opacity:0;transform:translate3d(190px,0,0) rotate(9deg) scale(.96)}100%{opacity:1;transform:translate3d(0,0,0) rotate(4deg) scale(1)}}
body.intro-sequence .hero-bananas{animation:none!important;opacity:0;transform:translate3d(190px,0,0) rotate(9deg) scale(.96)}
body.intro-sequence.intro-fruit-enter .hero-bananas{animation:heroFruitEnter .9s cubic-bezier(.22,.8,.25,1) forwards!important}
body.intro-sequence .topbar{opacity:0;transform:translateY(-14px)}
body.intro-sequence .hero-copy,body.intro-sequence .scroll-note{opacity:0!important;transform:translateY(18px)!important}
body.intro-sequence .leaf-one{opacity:0}
body.intro-sequence.intro-content-ready .topbar{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
body.intro-sequence.intro-content-ready .hero-copy,body.intro-sequence.intro-content-ready .scroll-note{opacity:1!important;transform:none!important;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
body.intro-sequence.intro-content-ready .leaf-one{opacity:1;transition:opacity .7s ease}
@media(max-width:720px){@keyframes heroFruitEnter{0%{opacity:0;transform:translate3d(120px,0,0) rotate(9deg) scale(.96)}100%{opacity:1;transform:translate3d(0,0,0) rotate(4deg) scale(1)}}body.intro-sequence .hero-bananas{transform:translate3d(120px,0,0) rotate(9deg) scale(.96)}}
@media(prefers-reduced-motion:reduce){body.intro-sequence .topbar,body.intro-sequence .hero-copy,body.intro-sequence .scroll-note,body.intro-sequence .leaf-one,body.intro-sequence .hero-bananas{animation:none!important;opacity:1!important;transform:none!important}}

/* Ajustes de composición para móvil */
@media(max-width:900px){
  .cert-grid{grid-template-columns:repeat(6,1fr);column-gap:8px}
  .cert{grid-column:span 2}
  .cert:nth-child(4){grid-column:2/span 2}
  .cert:nth-child(5){grid-column:4/span 2}
  .cert:last-child{grid-column:4/span 2}
  .topbar nav{gap:4px}
  .topbar nav .nav-cta{margin-left:12px}
}
@media(max-width:720px){
  .cert-badge{height:98px;width:98px}
  .cert-badge.bio{width:110px}
  .topbar nav .nav-cta{margin-left:14px}
}
@media(max-width:900px){
  .vision-image .vision-bananas{left:auto!important;right:-34px!important}
  .refuge-wrap .refuge-leaf{left:auto!important;right:-54px!important;transform:rotate(-17deg)}
  .gallery-section .quote-wrap{margin-left:24px!important;margin-right:24px!important;padding:24px!important;width:auto}
}
@media(max-width:480px){
  .gallery-section .quote-wrap{margin-left:18px!important;margin-right:18px!important;padding:20px!important}
  .vision-image .vision-bananas{right:-46px!important}
  .refuge-wrap .refuge-leaf{right:-66px!important}
}