/* Consolidated Home: real media, uninterrupted reading, and institutional partners. */
.reef-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

#sobre{scroll-margin-top:96px}

/* Real Instagram media. The empty state is intentional until Meta credentials are configured. */
.home-page .reef-instagram{padding:clamp(82px,9vw,132px) clamp(22px,7vw,112px);background:#f1f4f2}
.home-page .reef-instagram-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:38px;padding-bottom:26px;border-bottom:1px solid #cbd8d5}
.home-page .reef-instagram-heading-copy{min-width:0}
.home-page .reef-instagram-heading h2{max-width:720px;margin:0;color:var(--ec-navy);font-size:clamp(38px,4.5vw,62px);font-weight:580;line-height:1.06;letter-spacing:-.05em}
.home-page .reef-instagram-account{display:flex;align-items:center;gap:18px;flex:none}
.home-page .reef-instagram-handle{color:#35545b;font-size:14px;font-weight:650;letter-spacing:.01em}
.home-page .reef-instagram-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 16px;border:1px solid #8ca9a9;border-radius:999px;color:#075f69;font-size:12px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.home-page .reef-instagram-link img{width:19px;height:19px}
.home-page .reef-instagram-link:hover{border-color:#075f69;background:#075f69;color:#fff}
.home-page .reef-instagram-link:hover img{filter:brightness(0) invert(1)}
.home-page .reef-instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-page .reef-instagram-post{position:relative;min-width:0;margin:0;overflow:hidden;background:#dce5e3;aspect-ratio:1}
.home-page .reef-instagram-post>a{display:block;width:100%;height:100%;color:#fff}
.home-page .reef-instagram-post img,.home-page .reef-instagram-post video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.home-page .reef-instagram-post:hover img,.home-page .reef-instagram-post:hover video{transform:scale(1.018)}
.home-page .reef-instagram-caption{position:absolute;inset:auto 0 0;padding:42px 17px 15px;background:linear-gradient(transparent,#071e39dc);font-size:12px;line-height:1.45;opacity:0;transition:opacity .18s}
.home-page .reef-instagram-post:hover .reef-instagram-caption,.home-page .reef-instagram-post>a:focus-visible .reef-instagram-caption{opacity:1}
.home-page .reef-instagram-video{position:absolute;top:12px;right:12px;padding:5px 8px;background:#071e39cc;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.home-page .reef-instagram-fallback{display:flex;align-items:center;gap:18px;min-height:150px;padding:28px 0;border-top:1px solid #bdccca;border-bottom:1px solid #bdccca}
.home-page .reef-instagram-fallback p{max-width:620px;margin:0;color:#496168;font-size:15px;line-height:1.65}
.home-page .reef-instagram-fallback a{margin-left:auto;color:#183f49;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.home-page .reef-instagram-heading{align-items:flex-start;flex-direction:column;gap:22px}.home-page .reef-instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-page .reef-instagram{padding:76px 22px 82px}.home-page .reef-instagram-heading{margin-bottom:24px;padding-bottom:22px}.home-page .reef-instagram-account{width:100%;align-items:flex-start;flex-direction:column;gap:13px}.home-page .reef-instagram-link{width:100%;justify-content:center}.home-page .reef-instagram-grid{gap:7px}.home-page .reef-instagram-caption{display:none}.home-page .reef-instagram-fallback{align-items:flex-start;flex-wrap:wrap;gap:13px}.home-page .reef-instagram-fallback p{width:100%}}

.demo-store-notice{display:flex;align-items:center;gap:14px;margin:0 0 26px;padding:14px 17px;border-left:3px solid #d7932f;background:#fff8e9;color:#465b60;font-size:13px;line-height:1.5}
.demo-store-notice strong{flex:none;color:#745010;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.store-card{position:relative}
.store-card-demo{border-style:dashed}
.demo-store-badge{position:absolute;top:18px;right:18px;padding:4px 7px;border:1px solid #d4a04f;border-radius:999px;color:#745010;background:#fff8e9;font-size:9px;font-weight:800;letter-spacing:.12em}
.store-card-demo h2{padding-right:55px}
@media(max-width:700px){.demo-store-notice{align-items:flex-start;flex-direction:column;gap:4px}}
.home-page .reef-catalog-heading{max-width:980px}
.home-page .reef-catalog-heading h2{color:#365158;white-space:normal}
.home-page .reef-catalog-heading h2 span{color:var(--navy)}

.animal-dialog-body{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;min-width:0}
.animal-dialog-arrow{display:grid;place-items:center;width:48px;height:48px;padding:11px;border:0;background:transparent;color:var(--navy);cursor:pointer}
.animal-dialog-arrow:hover:not(:disabled){color:var(--blue-dark);background:#edf4f2}
.animal-dialog-arrow:disabled{opacity:.24;cursor:default}
.animal-dialog-arrow img{display:block;width:26px;height:26px}
.animal-dialog-all{display:inline-flex;gap:8px;margin:0 72px 34px;color:var(--blue-dark);font-size:13px;font-weight:650;text-decoration:none}
.animal-dialog-all:hover{text-decoration:underline;text-underline-offset:4px}

.home-page .reef-protocol-label{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.home-page .reef-protocol-label img{width:23px;height:23px;color:var(--blue-dark)}
.home-page .reef-protocol-label h3{margin:0}
.protocol-text .protocol-introduction{font-size:18px;line-height:1.7;color:var(--navy)}

.home-page .reef-production{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(56px,9vw,142px);padding:clamp(138px,11vw,180px) clamp(34px,7vw,112px)}
.home-page .reef-production-heading{max-width:570px}
.home-page .reef-production-heading h2{font-size:clamp(48px,5.4vw,72px);line-height:1.02}
.home-page .reef-production-heading>p:not(.reef-kicker){max-width:520px;margin-top:26px;font-size:16px;line-height:1.8}
.home-page .reef-production-list li{grid-template-columns:58px 1fr;gap:24px;padding:30px 0}
.home-page .reef-production-list li>span{font-size:16px}
.home-page .reef-production-list h3{font-size:22px}
.home-page .reef-production-list p{font-size:15px;line-height:1.75}

.home-page .reef-about{display:block;padding:clamp(82px,10vw,138px) clamp(24px,6vw,96px) 72px}
.home-page .reef-about-copy{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(44px,9vw,132px);align-items:start;max-width:1160px;margin:0 auto 64px;padding:0}
.home-page .reef-about-intro h2{margin:0;font-size:clamp(40px,4.6vw,62px)}
.home-page .reef-about-details{max-width:660px;padding:4px 0 0}
.home-page .reef-about-details>p{max-width:640px;margin:0 0 19px;color:#40595f;font-size:16px;line-height:1.82}
.home-page .reef-about-details .reef-text-link{margin-top:5px}
.home-page .reef-company-gallery{margin-inline:auto}

.home-page .reef-packing{display:block;padding:0;background:#062b3a;color:#fff}
.home-page .reef-packing-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:52% 48%;min-height:clamp(650px,70vw,820px);overflow:hidden;background:#062b3a}
.home-page .reef-packing-stage>figure{position:relative;min-width:0;height:100%;margin:0;overflow:hidden;background:#092f3d}
.home-page .reef-packing-film{grid-column:1}
.home-page .reef-packing-box{grid-column:2;max-width:none}
.home-page .reef-packing-stage>figure>img,.home-page .reef-packing-stage>figure>video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-page .reef-packing-film>img,.home-page .reef-packing-film>video{object-position:center 48%}
.home-page .reef-packing-box>img{object-position:center 62%}
.home-page .reef-packing-stage::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,transparent 37%,rgba(6,43,58,.26) 45%,rgba(6,43,58,.66) 51%,rgba(6,43,58,.18) 59%,transparent 68%);pointer-events:none}
.home-page .reef-packing-stage::after{content:"";position:absolute;z-index:2;inset:28% 0 0;background:linear-gradient(0deg,rgba(4,29,39,.97) 0%,rgba(4,29,39,.76) 29%,rgba(4,29,39,.22) 68%,transparent 100%);pointer-events:none}
.home-page .reef-packing-story{position:absolute;z-index:3;left:clamp(24px,7vw,112px);bottom:clamp(44px,7vw,92px);width:min(620px,calc(100% - 48px));color:#fff}
.home-page .reef-packing-story .reef-kicker{color:#8bd9d0}
.home-page .reef-packing-story h2{margin:0 0 20px;color:#fff;font-size:clamp(40px,5vw,68px);font-weight:580;line-height:1.04;letter-spacing:-.05em}
.home-page .reef-packing-story>p:not(.reef-kicker){max-width:610px;margin:0;color:#e3eeee;font-size:16px;line-height:1.75}

.home-page .reef-differences{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:clamp(38px,5vw,78px);align-items:start;min-height:760px;padding:clamp(94px,8vw,124px) clamp(34px,7vw,112px);padding-right:clamp(250px,27vw,520px);overflow:hidden;background:#083547 url('/media/site/20250814_104725.jpg') center 56%/cover no-repeat;color:#fff}
.home-page .reef-differences::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,29,42,.98) 0%,rgba(4,35,49,.94) 36%,rgba(4,43,58,.76) 59%,rgba(4,48,62,.28) 79%,rgba(4,43,58,.08) 100%),linear-gradient(0deg,rgba(2,27,38,.72) 0%,rgba(2,27,38,.18) 54%,transparent 78%)}
.home-page .reef-differences-heading{max-width:410px}
.home-page .reef-differences-heading h2{max-width:400px;color:#fff;font-size:clamp(39px,3.5vw,52px);line-height:1.04}
.home-page .reef-differences-heading h2 span{display:block;color:#79d8d0}
.home-page .reef-differences-heading .reef-kicker,.home-page .reef-differences-list li>span{color:#79d8d0}
.home-page .reef-differences-intro{max-width:390px;margin:24px 0 0;color:#e2eeee;font-size:15px;line-height:1.75}
.home-page .reef-differences-list{display:grid;grid-template-rows:repeat(4,minmax(0,auto));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:clamp(28px,4vw,58px);align-self:start;min-width:0}
.home-page .reef-differences-list li,.home-page .reef-differences-list li:first-child{display:grid;grid-template-columns:39px 1fr;gap:14px;align-items:start;min-width:0;padding:0 0 27px;border:0}
.home-page .reef-differences-list li>span{padding:1px 0 0;font-size:20px;font-weight:350;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.home-page .reef-differences-list h3{margin:0 0 7px;color:#fff;font-size:17px;font-weight:620;line-height:1.2;letter-spacing:-.015em}
.home-page .reef-differences-list p{margin:0;color:#e4eeee;font-size:12.5px;line-height:1.62}

.home-page .reef-partners{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:clamp(46px,8vw,116px);padding:clamp(84px,9vw,126px) clamp(24px,7vw,112px);overflow:hidden;background:#fff}
.home-page .reef-partners>header{max-width:470px}
.home-page .reef-partners h2{margin:0;color:var(--ec-navy);font-size:clamp(38px,4.3vw,58px);font-weight:580;line-height:1.08;letter-spacing:-.05em}
.home-page .reef-partners header>p:last-child{margin:20px 0 0;color:#4c6369;font-size:15px;line-height:1.75}
.home-page .reef-partner-carousel{align-self:center;min-width:0;overflow:hidden;border-block:1px solid #d7dfdd;padding:28px 0}
.home-page .reef-partner-track{display:flex;align-items:center;gap:36px;width:max-content;will-change:transform}
.home-page .reef-partner-track.is-moving{animation:reef-partner-scroll var(--partner-duration,42s) linear infinite}
.home-page .reef-partner-carousel:hover .reef-partner-track,.home-page .reef-partner-carousel:focus-within .reef-partner-track{animation-play-state:paused}
.home-page .reef-partner-logo{display:grid;place-items:center;flex:0 0 210px;width:210px;height:118px;padding:12px;color:inherit;text-decoration:none}
.home-page .reef-partner-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}

@keyframes reef-partner-scroll{to{transform:translate3d(calc(var(--partner-distance) * -1),0,0)}}

@media(max-width:900px){
 .home-page .reef-about-copy{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:44px}
 .home-page .reef-packing-stage{grid-template-columns:48% 52%}
 .home-page .reef-partners{grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);gap:42px}
}

@media(max-width:1050px){
 .animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-page .reef-production{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:44px}
 .home-page .reef-production-heading h2{font-size:clamp(43px,5.8vw,60px)}
 .home-page .reef-differences{grid-template-columns:minmax(205px,.62fr) minmax(0,1.38fr);gap:32px;min-height:730px;padding-inline:5vw 20vw}
 .home-page .reef-differences-heading h2{font-size:clamp(37px,4.7vw,48px)}
 .home-page .reef-differences-list{column-gap:25px}
 .home-page .reef-differences-list li{grid-template-columns:34px 1fr;gap:10px}
 .home-page .reef-differences-list li>span{font-size:18px}
}

@media(max-width:820px){
 .home-page .reef-differences{display:block;min-height:760px;padding:88px 20vw 94px 5vw;background-position:68% 56%}
 .home-page .reef-differences::before{background:linear-gradient(90deg,rgba(3,29,42,.98) 0%,rgba(4,35,49,.92) 60%,rgba(4,43,58,.48) 85%,rgba(4,43,58,.14) 100%),linear-gradient(0deg,rgba(2,27,38,.76),rgba(2,27,38,.12) 68%,transparent)}
 .home-page .reef-differences-heading{max-width:560px;margin-bottom:48px}
 .home-page .reef-differences-heading h2{max-width:520px}
 .home-page .reef-differences-intro{max-width:520px}
}

@media(max-width:700px){
 .home-page .reef-catalog-heading h2{font-size:clamp(34px,9vw,44px)}
 .animal-dialog{position:relative}
 .animal-dialog-body{display:block}
 .animal-dialog-arrow{position:absolute;z-index:4;top:6px}
 .animal-dialog-arrow-prev{left:12px}
 .animal-dialog-arrow-next{left:64px}
 .animal-dialog-all{margin:0 20px 30px}
 .home-page .reef-about{padding:76px 22px 0}
 .home-page .reef-about-copy{grid-template-columns:1fr;gap:24px;margin-bottom:46px}
 .home-page .reef-about-details{padding:0}
 .home-page .reef-about-details>p{font-size:15px;line-height:1.78}
 .home-page .reef-company-gallery{width:calc(100% + 44px);margin-left:-22px}
 .home-page .reef-packing-stage{display:grid;grid-template-columns:1fr;grid-template-rows:min(128vw,660px) min(128vw,660px) auto;min-height:0}
 .home-page .reef-packing-stage>figure{height:auto;min-height:0}
 .home-page .reef-packing-film{grid-column:1;grid-row:1}
 .home-page .reef-packing-box{grid-column:1;grid-row:2}
 .home-page .reef-packing-stage::before{inset:calc(min(128vw,660px) - 120px) 0 auto;height:240px;background:linear-gradient(180deg,transparent,rgba(6,43,58,.65) 50%,transparent)}
 .home-page .reef-packing-stage::after{display:none}
 .home-page .reef-packing-story{position:relative;left:auto;bottom:auto;grid-column:1;grid-row:3;width:auto;padding:42px 22px 58px;background:#062b3a}
 .home-page .reef-packing-story h2{font-size:clamp(38px,11vw,52px)}
 .home-page .reef-packing-story>p:not(.reef-kicker){font-size:15px}
 .home-page .reef-differences{min-height:0;padding:clamp(260px,78vw,330px) 22px 82px;background-position:72% center}
 .home-page .reef-differences::before{background:linear-gradient(180deg,rgba(3,29,42,.08) 0%,rgba(3,29,42,.28) 12%,rgba(3,29,42,.9) 25%,rgba(3,29,42,.96) 43%,rgba(3,29,42,.93) 100%),linear-gradient(90deg,rgba(3,29,42,.82) 0%,rgba(4,43,58,.6) 72%,rgba(4,43,58,.26) 100%)}
 .home-page .reef-differences-heading{margin-bottom:43px}
 .home-page .reef-differences-heading h2{max-width:330px;font-size:clamp(36px,10.5vw,46px)}
 .home-page .reef-differences-intro{font-size:14px;line-height:1.7}
 .home-page .reef-differences-list{display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;gap:0}
 .home-page .reef-differences-list li,.home-page .reef-differences-list li:first-child{grid-template-columns:40px 1fr;gap:13px;padding:0 0 29px}
 .home-page .reef-differences-list li>span{font-size:21px}
 .home-page .reef-differences-list h3{font-size:17px}
 .home-page .reef-differences-list p{font-size:13px;line-height:1.65}
 .home-page .reef-partners{display:block;padding:78px 22px}
 .home-page .reef-partners>header{margin-bottom:38px}
 .home-page .reef-partners header>p:last-child{font-size:14px}
 .home-page .reef-partner-carousel{width:calc(100% + 44px);margin-left:-22px;padding-inline:22px}
 .home-page .reef-partner-track{gap:22px}
 .home-page .reef-partner-logo{flex-basis:165px;width:165px;height:100px;padding:9px}
 .home-page .reef-production{display:block;padding:100px 22px 104px}
 .home-page .reef-production-heading{margin-bottom:42px}
 .home-page .reef-production-heading h2{font-size:clamp(42px,11vw,54px)}
 .home-page .reef-production-heading>p:not(.reef-kicker){font-size:15px}
 .home-page .reef-production-list li{grid-template-columns:42px 1fr;gap:15px;padding:23px 0}
 .home-page .reef-production-list h3{font-size:19px}
 .home-page .reef-production-list p{font-size:14px}
}

@media(max-width:380px){.animal-grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){
 .home-page .reef-partner-carousel{overflow-x:auto;scrollbar-width:thin}
 .home-page .reef-partner-track{animation:none!important;transform:none!important;will-change:auto}
}