/* ECOREEF Home: full-width species-led opening, clear catalog, real company content. */
.home-page{--ec-ink:#102e38;--ec-navy:#062b3a;--ec-blue:#087b88;--ec-line:#d7dfdd;--ec-muted:#51666d;background:#fff;color:var(--ec-ink)}
.home-page main{padding:0!important}
.home-page .site-header{position:absolute;inset:0 0 auto;height:84px;background:var(--ec-navy);color:#fff;box-shadow:none}
.home-page .site-header.scrolled{position:fixed;background:#fff;color:var(--ec-ink);box-shadow:0 1px 0 rgba(6,43,58,.12)}
.home-page .header-inner{width:calc(100% - clamp(40px,8vw,128px));max-width:1600px;height:84px;margin:auto;gap:clamp(22px,3vw,48px)}
.home-page .brand{padding:3px 9px;border-radius:0;background:#fff}
.home-page .brand img{width:142px;height:70px;object-fit:contain}
.home-page .desktop-nav{gap:clamp(15px,2vw,30px)}
.home-page .desktop-nav a{padding:12px 0;border:0;color:#fff;font-size:12px;font-weight:550;letter-spacing:0}
.home-page .desktop-nav a:hover{color:#8ad9d0}
.home-page .site-header.scrolled .desktop-nav a{color:#233c43}
.home-page .site-header.scrolled .desktop-nav a:hover{color:var(--ec-blue)}
.home-page .header-cta{height:auto;min-height:0;padding:9px 0;background:transparent;border:0;color:#fff;font-size:12px}
.home-page .site-header.scrolled .header-cta{color:var(--ec-blue)}
.home-page .header-cta:hover{background:transparent;color:#8ad9d0}
.home-page .site-header.scrolled .header-cta:hover{color:var(--ec-navy)}
.home-page .menu-toggle img{filter:brightness(0) invert(1)}
.home-page .site-header.scrolled .menu-toggle img{filter:none}
.home-page .mobile-nav{background:var(--ec-navy);box-shadow:0 15px 25px #062b3a24}
.home-page .mobile-nav a{color:#fff;border-color:#ffffff35}
.home-page .site-header.scrolled .mobile-nav{background:#fff}
.home-page .site-header.scrolled .mobile-nav a{color:var(--ec-ink);border-color:var(--ec-line)}
.home-page .reef-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(760px,100svh);padding:100px clamp(42px,7vw,112px) 46px;overflow:hidden;background:#eff3f7}
.home-page .reef-hero-photo{position:absolute;z-index:-1;top:84px;right:0;width:58%;height:calc(100% - 84px);margin:0;overflow:hidden;background:#eff3f7}
.home-page .reef-hero-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center;background:#eff3f7}
.home-page .reef-hero-copy{position:relative;z-index:1;width:min(42%,620px);padding:32px 0}
.home-page .reef-hero h1{max-width:650px;margin:0;color:var(--ec-navy);font-size:clamp(48px,5vw,72px);font-weight:610;line-height:1.02;letter-spacing:-.055em}
.home-page .reef-hero h1 span{color:var(--ec-blue)}
.home-page .reef-hero-copy>p{max-width:445px;margin:25px 0 23px;color:#3e575f;font-size:16px;line-height:1.7}
.home-page .reef-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.home-page .reef-primary-link,.home-page .reef-secondary-link{color:var(--ec-navy);font-size:13px;font-weight:650;text-decoration:none}
.home-page .reef-primary-link{display:inline-flex;align-items:center;gap:17px;padding:13px 17px;background:var(--ec-navy);color:#fff}
.home-page .reef-primary-link:hover{background:var(--ec-blue)}
.home-page .reef-secondary-link{padding:8px 0;border-bottom:1px solid #7eaaa9;color:#075f6a}
.home-page .reef-primary-link span{font-size:17px}
.home-page .reef-catalog{padding:112px clamp(28px,6vw,96px) 88px;background:#fff}
.home-page .reef-catalog-heading{max-width:700px;margin:0 auto 43px;text-align:center}
.home-page .reef-kicker{margin:0 0 13px;color:#087b88;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.home-page .reef-catalog-heading h2,.home-page .reef-about-copy h2,.home-page .reef-production-heading h2,.home-page .reef-differences-heading h2,.home-page .reef-journal-heading h2,.home-page .reef-find h2{margin:0;color:var(--ec-navy);font-size:clamp(36px,4.3vw,58px);font-weight:580;line-height:1.08;letter-spacing:-.05em}
.home-page .reef-catalog-heading>p:last-child{max-width:550px;margin:14px auto 0;color:var(--ec-muted);font-size:15px;line-height:1.65}
.home-page .reef-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 30px;max-width:1400px;margin:auto}
.home-page .reef-product{min-width:0}
.home-page .reef-product-image{display:block;height:clamp(280px,33vw,480px);overflow:hidden;background:#f4f6f6}
.home-page .reef-product-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s ease}
.home-page .reef-product-image:hover img{transform:scale(1.035)}
.home-page .reef-product-info{position:relative;padding:16px 0 0}
.home-page .reef-product-info>span{color:#62777b;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.home-page .reef-product-info h3{margin:4px 0 0;color:var(--ec-navy);font-size:22px;font-weight:600;letter-spacing:-.03em}
.home-page .reef-product-info h3 a{color:inherit;text-decoration:none}
.home-page .reef-product-info p{margin:3px 0 10px;color:#576c70;font-size:14px}
.home-page .reef-product-link{display:inline-flex;gap:9px;color:#076773;font-size:12px;font-weight:650;text-decoration:none}
.home-page .reef-product-link:hover{text-decoration:underline;text-underline-offset:4px}
.home-page .reef-category-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;max-width:1400px;margin:38px auto 0;padding-top:17px;border-top:1px solid var(--ec-line)}
.home-page .reef-category-links a{color:#315159;font-size:12px;text-decoration:none}
.home-page .reef-category-links a:hover{color:var(--ec-blue);text-decoration:underline;text-underline-offset:4px}
.home-page .reef-category-links .all-species-link{margin-left:auto;color:#076773;font-weight:650}
.home-page .reef-about{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:clamp(42px,7vw,108px);align-items:center;padding:138px clamp(30px,5vw,80px);background:#f1f4f2}
.home-page .reef-about-photo{width:100%;margin:0}
.home-page .reef-about-photo img{display:block;width:100%;height:clamp(400px,45vw,650px);object-fit:cover}
.home-page .reef-about-photo figcaption{margin-top:8px;color:#647679;font-size:11px}
.home-page .reef-about-copy{max-width:480px;padding:20px 0}
.home-page .reef-about-copy h2{font-size:clamp(38px,4.2vw,56px)}
.home-page .reef-about-copy>p:not(.reef-kicker){margin:18px 0 0;color:#455d63;font-size:14px;line-height:1.8}
.home-page .reef-text-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;color:#075f69;font-size:12px;font-weight:650;text-decoration:none}
.home-page .reef-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.home-page .reef-production{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:clamp(40px,8vw,120px);padding:132px clamp(34px,7vw,112px);background:var(--ec-navy);color:#fff}
.home-page .reef-production-heading{max-width:440px;align-self:start}
.home-page .reef-production-heading .reef-kicker{color:#8bd9d0}
.home-page .reef-production-heading h2{color:#fff;font-size:clamp(38px,4.2vw,56px)}
.home-page .reef-production-heading>p:not(.reef-kicker){margin:18px 0 0;color:#d0dfdf;font-size:14px;line-height:1.75}
.home-page .reef-production-heading .reef-text-link{color:#a6e4dc}
.home-page .reef-production-list,.home-page .reef-differences-list{margin:0;padding:0;list-style:none}
.home-page .reef-production-list li{display:grid;grid-template-columns:43px 1fr;gap:19px;padding:20px 0;border-bottom:1px solid #ffffff35}
.home-page .reef-production-list li:first-child{border-top:1px solid #ffffff35}
.home-page .reef-production-list li>span{padding-top:4px;color:#8bd9d0;font-size:12px;font-variant-numeric:tabular-nums}
.home-page .reef-production-list h3{margin:0 0 5px;color:#fff;font-size:18px;font-weight:580}
.home-page .reef-production-list p{max-width:610px;margin:0;color:#d0dfdf;font-size:13px;line-height:1.7}
.home-page .reef-differences{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:clamp(42px,8vw,120px);padding:136px clamp(34px,7vw,112px);background:#fff}
.home-page .reef-differences-heading{max-width:430px;align-self:start}
.home-page .reef-differences-heading h2{font-size:clamp(38px,4.3vw,58px)}
.home-page .reef-differences-list li{display:grid;grid-template-columns:38px 1fr;gap:17px;padding:15px 0 17px;border-bottom:1px solid var(--ec-line)}
.home-page .reef-differences-list li:first-child{border-top:1px solid var(--ec-line)}
.home-page .reef-differences-list li>span{padding-top:4px;color:var(--ec-blue);font-size:11px;font-variant-numeric:tabular-nums}
.home-page .reef-differences-list h3{margin:0 0 3px;color:#17363e;font-size:16px;font-weight:600}
.home-page .reef-differences-list p{margin:0;color:#576b70;font-size:13px;line-height:1.65}
.home-page .reef-journal{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);gap:clamp(40px,8vw,120px);padding:128px clamp(34px,7vw,112px);background:#f1f4f2}
.home-page .reef-journal-heading{align-self:start}
.home-page .reef-journal-heading h2{font-size:clamp(38px,4.2vw,56px)}
.home-page .reef-journal-content{min-width:0}
.home-page .reef-journal-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(220px,.95fr);gap:28px;align-items:center;padding-bottom:26px;border-bottom:1px solid #c9d4d1}
.home-page .reef-journal-image{display:block;overflow:hidden;background:#e4eae7}
.home-page .reef-journal-image img{display:block;width:100%;height:clamp(230px,27vw,390px);object-fit:cover}
.home-page .reef-journal-meta{color:#597176;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.home-page .reef-journal-feature h3{margin:9px 0;color:#12343d;font-size:clamp(21px,2vw,28px);font-weight:580;line-height:1.22;letter-spacing:-.03em}
.home-page .reef-journal-feature h3 a{color:inherit;text-decoration:none}
.home-page .reef-journal-feature p{margin:0;color:#53686d;font-size:13px;line-height:1.65}
.home-page .reef-journal-feature .reef-text-link{margin-top:14px}
.home-page .reef-journal-row{display:grid;grid-template-columns:75px 1fr 18px;gap:14px;align-items:baseline;padding:16px 0;border-bottom:1px solid #c9d4d1;color:#17363e;text-decoration:none}
.home-page .reef-journal-row>span:first-child{color:#61767a;font-size:10px}
.home-page .reef-journal-row strong{font-size:14px;font-weight:560;line-height:1.5}
.home-page .reef-journal-row>span:last-child{color:var(--ec-blue)}
.home-page .reef-find{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:76px clamp(34px,7vw,112px);background:#dce9e6}
.home-page .reef-find>div{max-width:750px}
.home-page .reef-find .reef-kicker{margin-bottom:9px}
.home-page .reef-find h2{font-size:clamp(36px,4.2vw,56px)}
.home-page .reef-find>div>p:last-child{max-width:630px;margin:12px 0 0;color:#405a61;font-size:14px;line-height:1.7}
.home-page .reef-find>a{flex:none;padding:14px 18px;background:var(--ec-navy);color:#fff;font-size:12px;font-weight:650;text-decoration:none}
.home-page .reef-find>a:hover{background:var(--ec-blue)}
.home-page .site-footer{border-top:0;background:var(--ec-navy)}
.home-page .footer-grid{gap:40px}
.home-page .footer-bottom{border-color:#ffffff30}
@media(max-width:900px){
 .home-page .header-inner{width:calc(100% - 44px)}
 .home-page .desktop-nav,.home-page .header-cta{display:none}
 .home-page .menu-toggle{display:grid;margin-left:auto}
 .home-page .reef-hero{min-height:680px;padding:100px 5vw 42px}
 .home-page .reef-hero-copy{width:48%;}
 .home-page .reef-hero h1{font-size:clamp(45px,6vw,60px)}
 .home-page .reef-hero-photo{width:57%;}
 .home-page .reef-about{grid-template-columns:minmax(0,1.2fr) minmax(255px,.8fr);gap:35px;padding-inline:5vw}
 .home-page .reef-production,.home-page .reef-differences,.home-page .reef-journal{grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:38px;padding-inline:5vw}
 .home-page .reef-product-grid{gap:34px 22px}
}
@media(max-width:600px){
 .home-page .site-header,.home-page .header-inner{height:72px}
 .home-page .header-inner{position:relative}
 .home-page .brand{position:absolute;left:50%;transform:translateX(-50%);padding:0 6px}
 .home-page .brand img{width:132px;height:65px}
 .home-page .menu-toggle{order:-1;margin:0 auto 0 0;padding:8px 5px}
 .home-page .reef-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:111px 0 0}
 .home-page .reef-hero-copy{order:0;width:auto;max-width:none;padding:11px 22px 25px}
 .home-page .reef-hero h1{max-width:470px;font-size:clamp(39px,10.4vw,48px);line-height:1.04;letter-spacing:-.055em}
 .home-page .reef-hero h1 br{display:none}
 .home-page .reef-hero h1 span{display:block;margin-top:3px}
 .home-page .reef-hero-copy>p{max-width:390px;margin:16px 0 17px;font-size:14px;line-height:1.6}
 .home-page .reef-hero-actions{gap:18px}
 .home-page .reef-primary-link{padding:12px 14px;font-size:12px}
 .home-page .reef-secondary-link{font-size:12px}
 .home-page .reef-hero-photo{position:relative;order:1;top:auto;right:auto;width:100%;height:320px;min-height:0;margin:0;background:#eff3f7}
 .home-page .reef-hero-photo img{height:100%;min-height:0;object-fit:contain;object-position:center;background:#eff3f7}
 .home-page .reef-catalog{padding:76px 20px 73px}
 .home-page .reef-catalog-heading{margin-bottom:27px;text-align:left}
 .home-page .reef-catalog-heading h2,.home-page .reef-about-copy h2,.home-page .reef-production-heading h2,.home-page .reef-differences-heading h2,.home-page .reef-journal-heading h2,.home-page .reef-find h2{font-size:clamp(34px,9vw,44px)}
 .home-page .reef-catalog-heading>p:last-child{margin:11px 0 0;font-size:13px}
 .home-page .reef-product-grid{grid-template-columns:1fr;gap:30px}
 .home-page .reef-product-image{height:clamp(280px,83vw,360px)}
 .home-page .reef-product-info h3{font-size:20px}
 .home-page .reef-category-links{gap:10px 17px;margin-top:28px}
 .home-page .reef-category-links .all-species-link{margin-left:0}
 .home-page .reef-about{display:flex;flex-direction:column;gap:31px;padding:80px 22px 84px}
 .home-page .reef-about-photo{width:calc(100% + 22px);margin-left:-22px;order:0}
 .home-page .reef-about-photo img{height:300px;aspect-ratio:1.12;object-fit:cover}
 .home-page .reef-about-copy{max-width:none;padding:0;order:1}
 .home-page .reef-about-copy>p:not(.reef-kicker){font-size:13px;line-height:1.75}
 .home-page .reef-production{display:block;padding:82px 22px 86px}
 .home-page .reef-production-heading{margin-bottom:33px}
 .home-page .reef-production-heading>p:not(.reef-kicker){font-size:13px}
 .home-page .reef-production-list li{grid-template-columns:34px 1fr;gap:12px;padding:17px 0}
 .home-page .reef-production-list h3{font-size:16px}
 .home-page .reef-production-list p{font-size:12px}
 .home-page .reef-differences{display:block;padding:82px 22px 88px}
 .home-page .reef-differences-heading{margin-bottom:31px}
 .home-page .reef-differences-list li{grid-template-columns:31px 1fr;gap:12px;padding:13px 0}
 .home-page .reef-differences-list h3{font-size:15px}
 .home-page .reef-differences-list p{font-size:12px}
 .home-page .reef-journal{display:block;padding:81px 22px 86px}
 .home-page .reef-journal-heading{margin-bottom:29px}
 .home-page .reef-journal-feature{grid-template-columns:1fr;gap:17px;padding-bottom:22px}
 .home-page .reef-journal-image img{height:260px}
 .home-page .reef-journal-feature h3{font-size:22px}
 .home-page .reef-journal-row{grid-template-columns:52px 1fr 16px;gap:9px;padding:14px 0}
 .home-page .reef-journal-row strong{font-size:13px}
 .home-page .reef-find{display:block;padding:64px 22px 67px}
 .home-page .reef-find>a{display:inline-block;margin-top:20px}
 .home-page .footer-grid{grid-template-columns:1fr 1fr;gap:29px 17px}
 .home-page .footer-grid>div:nth-child(3),.home-page .footer-grid>div:nth-child(4){grid-column:1/-1}
}
@media(max-width:360px){
 .home-page .reef-hero h1{font-size:37px}
 .home-page .reef-hero-photo{height:285px}
 .home-page .reef-product-image{height:270px}
 .home-page .reef-journal-row{grid-template-columns:43px 1fr 14px}
}
@media(prefers-reduced-motion:reduce){.home-page *, .home-page *::before,.home-page *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}