/*
Theme Name: Genoscan IgY B2B
Description: GenoScan IgY ingredient and OEM development theme.
Version: 2.2.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: genoscan-igy-b2b
*/
    :root{--navy:#092b3e;--navy2:#103d50;--ink:#14374a;--muted:#526c78;--teal:#087f87;--mint:#dcefeb;--ivory:#f6f7f2;--line:#d6e3e3;--gold:#d7b774;--white:#fff;--max:1240px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}section[id],footer[id]{scroll-margin-top:88px}::selection{background:#acdcd5;color:#062936}
    .skip{position:absolute;top:-100px;left:12px;z-index:20;padding:12px 18px;background:#fff;color:var(--navy)}.skip:focus{top:12px}
    .container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--teal);font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:750}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.eyebrow.light{color:#91d5d3}.eyebrow.light:before{background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.047em;line-height:1.06}h1{font-size:clamp(3.3rem,6.5vw,6.3rem);font-weight:590}h2{font-size:clamp(2.6rem,4.4vw,4.6rem);font-weight:600}h3{letter-spacing:-.028em;line-height:1.18}.lead{font-size:clamp(1.08rem,1.55vw,1.25rem);line-height:1.65;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:12px 22px;border-radius:4px;border:1px solid transparent;font-weight:700;font-size:.9rem;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #f0c86c;outline-offset:4px}.button.gold{background:var(--gold);color:#092b3e}.button.gold:hover{background:#f0d394}.button.outline{border-color:#83a6ae;color:#fff;background:transparent}.button.outline:hover{background:#ffffff15}.button.dark{background:var(--navy);color:#fff}.arrow{font-size:1.2em;line-height:1;font-weight:400}
    .header{height:76px;position:sticky;top:0;z-index:10;background:#f8faf7eb;backdrop-filter:blur(18px);border-bottom:1px solid #dbe7e5}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:2px solid var(--teal);border-radius:9px;color:var(--teal);font-family:Georgia,serif;font-size:1.7rem;font-style:italic;line-height:1;transform:rotate(-8deg)}.brand-text{font-size:1.13rem;font-weight:800;letter-spacing:.09em;line-height:1}.brand-text small{display:block;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin-top:5px;color:var(--teal)}.nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,36px)}.nav a{font-size:.85rem;color:#325061;font-weight:650;transition:color .2s}.nav a:hover{color:var(--teal)}.nav .nav-cta{padding:10px 15px;border:1px solid var(--teal);color:var(--teal);border-radius:3px}.menu-toggle{display:none;background:none;border:0;color:var(--navy);font-size:1.7rem;padding:6px 10px}
    .hero{background:radial-gradient(circle at 75% 46%,#145a67 0,#0a3548 38%,#062739 74%);color:#fff;overflow:hidden}.hero-inner{min-height:630px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:4%;position:relative}.hero-copy{padding:90px 0 100px;position:relative;z-index:2}.hero h1{max-width:770px;margin:25px 0}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:#e8c985}.hero-copy p{max-width:570px;color:#c4dce0;font-size:1.14rem;line-height:1.7;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-image{position:relative;align-self:stretch;display:grid;align-items:end;margin-right:-8vw}.hero-image:before{content:"";position:absolute;inset:12% 4% 0 -10%;background:radial-gradient(circle,#63d5ca32,transparent 64%);filter:blur(25px)}.hero-image img{position:relative;width:100%;height:min(590px,90%);object-fit:cover;object-position:center;mix-blend-mode:screen;mask-image:linear-gradient(to right,transparent 0,#000 15%,#000 86%,transparent 100%)}.hero-index{position:absolute;bottom:36px;right:8vw;color:#aad1d2;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.75}.hero-bottom{border-top:1px solid #ffffff30}.hero-bottom-inner{display:flex;align-items:center;gap:48px;min-height:68px;color:#bbd3d6;font-size:.77rem;letter-spacing:.13em;text-transform:uppercase}.hero-bottom-inner span:first-child{color:var(--gold)}
    .intro{padding:115px 0 105px;background:#f7f9f7}.intro-heading{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:end;margin-bottom:45px}.intro-heading h2{margin:14px 0 0}.intro-heading p{max-width:510px;margin:0 0 5px}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.focus-card{background:#fff;border:1px solid var(--line);min-width:0;transition:transform .22s,box-shadow .22s}.focus-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #11364b12}.focus-card img{width:100%;height:190px;object-fit:cover}.focus-card:nth-child(2) img{object-position:center 35%}.focus-body{padding:27px 27px 30px}.focus-num{font-size:.77rem;color:var(--teal);letter-spacing:.15em;font-weight:750}.focus-body h3{font-size:1.45rem;margin:17px 0 9px}.focus-body p{color:var(--muted);min-height:70px;margin-bottom:22px}.text-link{color:var(--teal);font-weight:750;font-size:.9rem;display:inline-flex;gap:9px;align-items:center;border-bottom:1px solid #7fbab9;padding-bottom:4px}.text-link:hover{color:var(--navy)}
    .platform{background:#e9f2ef;padding:112px 0}.platform-inner{display:grid;grid-template-columns:.87fr 1.13fr;gap:9%;align-items:center}.platform-copy h2{margin:19px 0 25px}.platform-copy .lead{max-width:490px}.platform-note{margin-top:35px;padding:20px 0 0;border-top:1px solid #bed5d2;color:#567078;font-size:.87rem}.platform-path{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.path-step{min-height:220px;padding:25px;background:#f9fcf9;border:1px solid #c6dcda;display:flex;flex-direction:column;justify-content:space-between}.path-step:nth-child(2){background:#d7e9e5}.path-step:nth-child(3){background:#e0ede9}.path-step:nth-child(4){background:#0c3d4c;color:#fff;border-color:#0c3d4c}.path-step .step-no{font-size:.79rem;color:var(--teal);letter-spacing:.16em;font-weight:800}.path-step:nth-child(4) .step-no{color:var(--gold)}.path-step h3{font-size:1.25rem;margin:0 0 6px}.path-step p{margin:0;font-size:.88rem;color:#536d76}.path-step:nth-child(4) p{color:#c0d8d8}
    .portfolio{padding:112px 0 120px;background:#fff}.portfolio-top{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:40px}.portfolio-top h2{margin:17px 0 0}.portfolio-top p{max-width:410px;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:5px 0 24px;border-bottom:1px solid var(--line)}.filter{border:1px solid #cbdedc;background:#f6faf8;color:#476472;border-radius:30px;padding:10px 16px;font-weight:700;font-size:.85rem;min-height:42px}.filter:hover{border-color:var(--teal);color:var(--teal)}.filter[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}.portfolio-meta{display:flex;justify-content:space-between;gap:20px;color:#607983;font-size:.82rem;margin:20px 0 22px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product{position:relative;text-align:left;background:#f6f9f7;border:1px solid #d7e5e2;color:var(--ink);padding:27px;min-height:210px;display:flex;flex-direction:column;width:100%;transition:transform .2s,border-color .2s,box-shadow .2s}.product:hover{transform:translateY(-3px);border-color:#81b6b2;box-shadow:0 14px 28px #0b354511}.product:after{content:"↗";position:absolute;right:23px;top:22px;color:var(--teal);font-size:1.2rem}.product .category{font-size:.76rem;color:var(--teal);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.product h3{font-size:1.46rem;margin:24px 0 7px;padding-right:22px}.product p{font-size:.88rem;color:var(--muted);margin:0;line-height:1.55}.product .status{margin-top:auto;padding-top:20px;font-size:.74rem;color:#53767b;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product .status.concept{color:#996f3d}.portfolio-foot{font-size:.78rem;color:#69808a;margin:23px 0 0;max-width:810px}
    .research{background:#0b3547;color:#fff;overflow:hidden}.research-inner{display:grid;grid-template-columns:1.04fr .96fr;min-height:540px}.research-copy{padding:100px 9% 90px max(32px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;align-items:start;justify-content:center}.research h2{margin:20px 0 24px}.research p{color:#c2d8dc;max-width:560px}.research-list{display:grid;gap:15px;margin-top:21px}.research-list div{border-top:1px solid #6fa0aa65;padding-top:15px;color:#e4eff0;font-size:.91rem}.research-list strong{color:#e7c882;margin-right:18px}.research-image{position:relative;min-height:430px;background:#2e7b8b}.research-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.research-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#0b354730,transparent 55%)}
    .about{padding:115px 0;background:#f5f8f5}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-visual{position:relative}.about-visual img{width:100%;aspect-ratio:1.3;object-fit:cover}.about-visual:after{content:"";position:absolute;left:-16px;bottom:-16px;width:32%;height:40%;border-left:1px solid var(--gold);border-bottom:1px solid var(--gold);pointer-events:none}.about-copy h2{margin:17px 0 25px}.about-copy p{color:var(--muted);max-width:540px}.about-copy .text-link{margin-top:20px}.about-tag{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;color:var(--teal);font-weight:700}
    .contact{background:#e1ede9;padding:75px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.contact h2{font-size:clamp(2.3rem,3.5vw,3.7rem);margin:13px 0 0;max-width:670px}.contact .button{flex:none}.footer{background:#072838;color:#c3d6d8;padding:45px 0 24px}.footer-main{display:flex;justify-content:space-between;gap:40px;align-items:start}.footer .brand{color:#fff}.footer .brand-mark{color:#79c4c0;border-color:#79c4c0}.footer p{font-size:.86rem;margin:20px 0 0;max-width:330px;color:#9db9bd}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:.82rem}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff2c;margin-top:46px;padding-top:20px;color:#8facb0;font-size:.76rem;display:flex;justify-content:space-between;gap:15px}
    dialog{border:0;padding:0;background:transparent;max-width:min(90vw,630px);width:100%;box-shadow:0 28px 90px #001d2c70}dialog::backdrop{background:#061d2dcc;backdrop-filter:blur(6px)}.dialog-inner{background:#f9fbf8;padding:38px 42px 42px;position:relative;border-top:5px solid var(--teal)}.dialog-close{position:absolute;right:20px;top:15px;background:none;border:0;font-size:1.8rem;color:var(--navy);line-height:1;padding:7px}.dialog-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:var(--teal);font-weight:800}.dialog-inner h2{font-size:clamp(2rem,4vw,3rem);margin:15px 35px 16px 0}.dialog-inner p{color:var(--muted);font-size:1rem}.dialog-facts{margin:25px 0 0;border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.dialog-facts span{display:block;color:#63818a;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.dialog-facts strong{font-size:.92rem;color:var(--ink)}
    @media(max-width:1050px){.nav{gap:15px}.nav a{font-size:.79rem}.hero-inner{min-height:590px}.hero h1{font-size:clamp(3.2rem,6vw,5rem)}.hero-image{margin-right:-12vw}.research-copy{padding-left:32px}}
    @media(max-width:1100px) and (min-width:781px){.menu-toggle{display:block}.nav{position:absolute;top:76px;left:0;right:0;background:#f8faf7;padding:20px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 25px #092b3e19}.nav.open{display:flex}.nav a{font-size:1rem;padding:13px 4px;border-bottom:1px solid var(--line)}.nav .nav-cta{margin-top:12px;text-align:center;border:1px solid var(--teal);padding:12px}}
    @media(max-width:780px){.container{width:min(calc(100% - 40px),var(--max))}.header{height:67px}.menu-toggle{display:block}.nav{position:absolute;top:67px;left:0;right:0;background:#f8faf7;padding:20px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 16px 25px #092b3e19}.nav.open{display:flex}.nav a{font-size:1rem;padding:13px 4px;border-bottom:1px solid var(--line)}.nav .nav-cta{margin-top:12px;text-align:center;border:1px solid var(--teal);padding:12px}.hero-inner{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:78px 0 25px}.hero h1{font-size:clamp(3.35rem,10vw,5rem);max-width:680px}.hero-image{height:370px;margin:0 -20px;align-items:end}.hero-image img{height:410px;width:100%;object-position:center 38%;mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 90%)}.hero-index{display:none}.hero-bottom-inner{gap:16px;justify-content:space-between;font-size:.75rem}.intro,.platform,.portfolio,.about{padding:78px 0}.intro-heading,.platform-inner,.about-inner{grid-template-columns:1fr;gap:30px}.intro-heading{margin-bottom:28px}.focus-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-top{display:block}.portfolio-top p{margin-top:22px}.research-inner{grid-template-columns:1fr}.research-copy{padding:78px 20px}.research-image{min-height:310px;max-height:380px}.about-visual{order:2}.contact-inner{align-items:start;flex-direction:column;gap:25px}}
    @media(max-width:560px){h2{font-size:clamp(2.5rem,11vw,3.4rem)}.hero-copy{padding-top:61px}.hero h1{font-size:clamp(3.05rem,13.5vw,4.4rem)}.hero-copy p{font-size:1.04rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-image{height:310px}.hero-image img{height:365px}.hero-bottom-inner{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px;padding:17px 0;min-height:0;font-size:.75rem}.hero-bottom-inner span:first-child{width:100%}.focus-grid,.portfolio-grid{grid-template-columns:1fr}.focus-card img{height:175px}.focus-body p{min-height:0}.path-step{min-height:190px;padding:19px}.path-step h3{font-size:1.06rem}.path-step p{font-size:.78rem}.filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;scrollbar-width:thin}.filter{flex:none}.portfolio-meta{font-size:.76rem}.product{min-height:180px}.research-image{min-height:245px}.footer-main,.footer-bottom{flex-direction:column}.footer-links{gap:12px 21px}.dialog-inner{padding:30px 25px 33px}.dialog-facts{grid-template-columns:1fr;gap:12px}}
    .focus-select{display:block;width:100%;padding:0;text-align:left;border:0;background:transparent;color:inherit}.focus-select img{width:100%;height:190px;object-fit:cover}.focus-select .focus-body{display:block}.focus-select .focus-heading{display:block;font-size:1.45rem;font-weight:700;letter-spacing:-.028em;line-height:1.18;margin:17px 0 9px}.focus-select .focus-summary{display:block;color:var(--muted);min-height:70px;margin-bottom:22px}.focus-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px #087f8730}.partner-detail{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:36px 42px;margin-top:16px;background:#e8f2ef;border:1px solid #bfd9d4}.partner-detail h3{font-size:clamp(1.7rem,2.8vw,2.5rem);margin:17px 0 10px}.partner-detail p{color:var(--muted);margin:0;max-width:510px}.partner-discussion{border-left:1px solid #bfd9d4;padding-left:35px}.partner-discussion>span{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:800}.partner-discussion ul{padding-left:18px;margin:15px 0 24px;color:var(--ink)}.partner-discussion li{padding:3px 0}.research-cta{margin-top:30px}.contact p{color:#526c78;margin:18px 0 0}
    @media(max-width:780px){.partner-detail{grid-template-columns:1fr;gap:25px}.partner-discussion{border-left:0;border-top:1px solid #bfd9d4;padding:23px 0 0}.focus-select .focus-summary{min-height:0}}
    @media(max-width:560px){.partner-detail{padding:27px 22px}.focus-select img{height:175px}}
    .ingredient-note{display:grid;grid-template-columns:210px 1fr;gap:24px;margin-top:24px;padding:22px 25px;background:#eaf3f0;border-left:3px solid var(--teal);font-size:.9rem;color:#4f6974}.ingredient-note strong{color:var(--navy)}.dialog-inquiry{margin-top:27px}.product .status{font-size:.78rem}.portfolio-foot{margin-top:18px}
    @media(max-width:560px){.ingredient-note{grid-template-columns:1fr;gap:8px}}

    .catalog-teaser{background:#fff;padding:105px 0 112px}.catalog-teaser-head{display:grid;grid-template-columns:1fr .8fr;gap:8%;align-items:end;margin-bottom:35px}.catalog-teaser h2{margin:17px 0 0}.catalog-teaser-head p{margin:0}.catalog-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-teaser-card{min-height:190px;padding:25px;background:#f4f9f7;border:1px solid #d4e3df;display:flex;flex-direction:column;align-items:start;transition:transform .2s,border-color .2s,box-shadow .2s}.catalog-teaser-card:hover{transform:translateY(-3px);border-color:#6eaeab;box-shadow:0 12px 24px #092b3e12}.catalog-teaser-card strong{font-size:1.42rem;letter-spacing:-.025em;line-height:1.2;margin:28px 0 13px}.catalog-teaser-card>span:last-child{color:var(--teal);font-weight:700;font-size:.9rem;margin-top:auto}.catalog-teaser-no{font-size:.76rem;letter-spacing:.12em;color:var(--teal);font-weight:800}.catalog-teaser-end{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:26px}.catalog-teaser-end p{max-width:650px;margin:0;color:var(--muted);font-size:.88rem}.catalog-teaser-end .button{flex:none}
    @media(max-width:780px){.catalog-teaser{padding:78px 0}.catalog-teaser-head{grid-template-columns:1fr;gap:22px}.catalog-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-teaser-end{align-items:start;flex-direction:column}}
    @media(max-width:560px){.catalog-teaser-grid{grid-template-columns:1fr}.catalog-teaser-card{min-height:155px}.catalog-teaser-card strong{margin:18px 0 12px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}



    .catalog-hero{background:radial-gradient(circle at 92% 10%,#216575 0,#0d3c50 35%,#082b3d 75%);color:#fff;padding:72px 0 78px}.catalog-hero .crumb{font-size:.88rem;color:#a8c9cd;margin-bottom:30px}.catalog-hero .crumb a{text-decoration:underline;text-underline-offset:4px}.catalog-hero h1{font-size:clamp(3rem,5.8vw,5.4rem);max-width:850px;margin:18px 0 20px}.catalog-hero p{max-width:760px;color:#c4dce0;font-size:1.13rem;line-height:1.65;margin:0}.catalog-work{padding:55px 0 110px;background:#f8faf7}.catalog-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.catalog-controls h2{font-size:clamp(1.85rem,3vw,2.65rem);margin:0}.catalog-search{display:flex;flex-direction:column;gap:8px;color:#47616c;font-size:.88rem;font-weight:700;min-width:min(100%,285px)}.catalog-search input{width:100%;min-height:48px;border:1px solid #aac9c8;border-radius:4px;padding:11px 14px;background:#fff;color:var(--navy);font:inherit;font-weight:400}.catalog-search input:focus-visible{outline:3px solid #e2bd6b;outline-offset:2px}.family-tabs{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding:10px 0 20px;border-bottom:1px solid var(--line)}.family-tabs button{flex:none;border:1px solid #bdd6d3;border-radius:99px;background:#fff;color:#355d68;min-height:43px;padding:9px 16px;font-size:.88rem;font-weight:700}.family-tabs button:hover{border-color:var(--teal)}.family-tabs button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.catalog-status{color:#506c77;font-size:.88rem;margin:21px 0}.family-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.family-panel{background:#fff;border:1px solid #d5e4e2;padding:26px;min-height:225px;display:flex;flex-direction:column;align-items:start;text-align:left;width:100%;transition:transform .2s,border-color .2s}.family-panel:hover{transform:translateY(-3px);border-color:#6daaa8}.family-panel .number{color:var(--teal);font-size:.78rem;letter-spacing:.13em;font-weight:800}.family-panel h3{font-size:1.5rem;margin:21px 0 10px}.family-panel p{color:var(--muted);font-size:.94rem;line-height:1.55;margin:0 0 20px}.family-panel .explore{margin-top:auto;color:var(--teal);font-weight:750;font-size:.89rem}.detail-head{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:end;padding:26px 0 30px;border-bottom:1px solid var(--line)}.detail-head h2{font-size:clamp(2.2rem,4vw,3.7rem);margin:9px 0 15px}.detail-head p{font-size:1.05rem;max-width:680px;color:var(--muted);margin:0}.detail-head .detail-label{color:var(--teal);font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.detail-head .mini-note{border-left:2px solid var(--gold);padding-left:17px;font-size:.86rem;color:var(--muted)}.target-list{display:grid;gap:10px;margin-top:23px}.target-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:21px 24px;background:#fff;border:1px solid #d8e5e3}.target-row h3{font-size:1.23rem;letter-spacing:-.02em;margin:3px 0 6px}.target-row .target-eyebrow{color:var(--teal);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.target-row p{color:var(--muted);font-size:.89rem;margin:0}.target-row a{border:1px solid #91b9b8;border-radius:3px;padding:10px 13px;color:var(--teal);font-size:.89rem;font-weight:750;white-space:nowrap}.target-row a:hover{background:#eaf4f1}.detail-end{background:#e6f0ed;border-left:3px solid var(--teal);padding:24px 28px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.detail-end p{color:#4e6871;max-width:700px;margin:7px 0 0;font-size:.92rem}.detail-end .button{flex:none}.catalog-note{color:#607983;font-size:.84rem;max-width:850px;line-height:1.6;margin:26px 0 0}.empty-state{padding:48px 28px;border:1px dashed #a3c4c2;background:#fff}.empty-state h2{font-size:1.6rem;margin:0 0 12px}.empty-state p{color:var(--muted);margin:0}
    @media(max-width:900px){.family-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-head{grid-template-columns:1fr;gap:20px}.detail-head .mini-note{max-width:550px}}
    @media(max-width:650px){.catalog-hero{padding:45px 0 54px}.catalog-hero h1{font-size:clamp(2.8rem,12vw,4.2rem)}.catalog-work{padding:35px 0 75px}.catalog-controls{align-items:stretch;flex-direction:column}.catalog-search{width:100%}.family-overview{grid-template-columns:1fr}.family-panel{min-height:180px}.target-row{grid-template-columns:1fr}.target-row a{justify-self:start}.detail-end{align-items:start;flex-direction:column}.detail-end .button{width:100%}}

body.admin-bar .header{top:32px}@media(max-width:782px){body.admin-bar .header{top:46px}}
.wp-content{width:min(calc(100% - 40px),850px);margin:75px auto 100px;min-height:50vh}.wp-content h1{font-size:clamp(2.5rem,5vw,4rem)}.wp-content a:not(.button){color:var(--teal);text-decoration:underline}

.header .custom-logo-link,.footer .custom-logo-link{display:inline-flex;align-items:center}.header .custom-logo,.footer .custom-logo{display:block;max-width:min(240px,48vw);width:auto;height:auto;max-height:54px;object-fit:contain}
.nav .nav-list{display:flex;align-items:center;gap:clamp(16px,2.5vw,36px);list-style:none;margin:0;padding:0}.nav .nav-list a{display:block}.nav .nav-cta{white-space:nowrap}
.footer-links-list{display:flex;gap:24px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
@media(max-width:1100px){.nav .nav-list{width:100%;flex-direction:column;align-items:stretch;gap:0}.nav .nav-list a{width:100%}}
@media(max-width:560px){.footer-links-list{gap:12px 21px}}

/* Application examples: visually separate from the ingredient family directory. */
.application-cases{padding:106px 0 112px;background:#f4f7f4;color:var(--ink)}
.application-cases-heading{display:grid;grid-template-columns:1fr .82fr;gap:8%;align-items:end;margin-bottom:32px}
.application-cases-heading h2{margin:16px 0 0}
.application-cases-heading .lead{margin:0;max-width:520px}
.application-cases-filters{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 19px;scrollbar-width:thin;border-bottom:1px solid var(--line)}
.application-cases-filter{flex:none;min-height:42px;padding:9px 16px;border:1px solid #cbdedc;border-radius:100px;background:white;color:#456371;font-family:inherit;font-size:.82rem;font-weight:700;line-height:1.2;cursor:pointer}
.application-cases-filter:hover,.application-cases-filter:focus-visible{border-color:var(--teal);color:var(--teal)}
.application-cases-filter[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:white}
.application-cases-status{font-size:.81rem;color:#607983;margin:17px 0 19px}
.application-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
.application-case{min-width:0;background:white;border:1px solid #dbe8e4;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.application-case:hover{transform:translateY(-3px);border-color:#98c5bb;box-shadow:0 14px 28px #0b354511}
.application-case[hidden]{display:none!important}
.application-case[id]{scroll-margin-top:105px}
.application-case:target{border-color:var(--teal);box-shadow:0 0 0 3px #087f8730}
.application-cases .application-case-image{position:relative;display:block;flex:0 0 240px;height:240px;min-height:0;overflow:hidden;background:#fdfefd}
.application-cases .application-case-image img{position:absolute;inset:18px;display:block;width:calc(100% - 36px);height:calc(100% - 36px);max-width:none;max-height:none;object-fit:contain;object-position:center}
.application-case-body{position:relative;z-index:1;min-width:0;padding:20px 23px 24px;border-top:1px solid #edf2ef;background:#fff;display:flex;flex:1;flex-direction:column}
.application-case-kicker{font-size:.7rem;color:var(--teal);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.application-case h3{font-size:1.24rem;line-height:1.25;margin:12px 0 7px;color:var(--navy);overflow-wrap:anywhere}
.application-case p{color:var(--muted);font-size:.88rem;line-height:1.55;margin:0 0 19px}
.application-case a{color:var(--teal);font-size:.82rem;font-weight:800;margin-top:auto;text-decoration:none;align-self:flex-start}
.application-case a:hover,.application-case a:focus-visible{text-decoration:underline}
.application-cases-note{font-size:.78rem;color:#627a83;line-height:1.55;margin:22px 0 0;max-width:920px}
@media(max-width:920px){.application-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-cases-heading{grid-template-columns:1fr;gap:18px}}
@media(max-width:620px){.application-cases{padding:78px 0 82px}.application-cases-grid{grid-template-columns:1fr}.application-cases .application-case-image{flex-basis:230px;height:230px}.application-cases-heading{margin-bottom:26px}}
.application-cases{background:#fbfcfd}
.application-cases-filter{border-color:#c9dfea;color:#154573}
.application-case{border-color:#d8e6ef;border-radius:12px}
.application-case:hover{border-color:#83b6d1;box-shadow:0 16px 35px #1644741c}
.application-case-body{border-top-color:#e6f0f5}

:root {
  --navy: #092a68;
  --navy2: #123b73;
  --ink: #0b2a65;
  --muted: #56779d;
  --teal: #007f9a;
  --mint: #e5f4f9;
  --ivory: #fbfcfb;
  --line: #d8e6ef;
  --gold: #b77b16;
  --max: 1440px;
}

body {background:#fbfcfb;color:var(--ink);}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.container {width:min(calc(100% - 96px),var(--max));}
.header {height:100px;background:rgba(255,255,255,.97);border-bottom:1px solid #eef4f8;backdrop-filter:blur(16px);}
.header-inner {gap:22px;}
.brand-screenshot {display:block;width:300px;height:90px;overflow:hidden;position:relative;flex:none;}
.brand-screenshot img {position:absolute;max-width:none;width:1672px;height:941px;left:-65px;top:-23px;}
.nav {gap:clamp(13px,1.75vw,29px);}
.nav a {font-size:.94rem;font-weight:600;color:#0b2a65;white-space:nowrap;}
.nav a:hover,.footer-links a:hover {color:#0086a5;}
.nav .nav-cta {background:#092e68;color:#fff;border:1px solid #092e68;border-radius:9px;padding:12px 20px;font-weight:700;}
.nav .nav-cta:hover {background:#14518f;color:#fff;}
.menu-toggle {color:var(--navy);}

.hero {color:var(--ink);background:#f6fbfd url('assets/genoscan-hero-wide.webp') center bottom / cover no-repeat;}
.hero-inner {display:flex;align-items:flex-start;min-height:clamp(590px,50vw,755px);}
.hero-copy {padding:clamp(72px,7vw,113px) 0 90px;max-width:980px;width:72%;}
.hero-kicker {font-size:clamp(.94rem,1.22vw,1.22rem);font-weight:700;color:#ae7516;line-height:1.5;margin:0 0 27px;}
.hero-kicker span {padding:0 10px;color:#ab7218;}
.hero h1 {max-width:none;font-size:clamp(3.2rem,5.3vw,5.75rem);font-weight:750;letter-spacing:-.055em;line-height:1.04;margin:0 0 28px;color:#081f63;}
.hero-description,.hero-copy p.hero-description {max-width:690px;font-size:clamp(1.16rem,1.7vw,1.65rem);font-weight:400;line-height:1.4;color:#5c7da2;margin:0 0 30px;}
.hero-actions {display:flex;gap:16px;align-items:center;}
.button {min-height:58px;padding:14px 25px;border-radius:9px;font-size:1rem;font-weight:700;gap:25px;}
.button.dark {background:#092f6b;color:#fff;}
.button.dark:hover {background:#14518f;}
.button.pale-outline {background:rgba(255,255,255,.84);border:1.5px solid #082961;color:#082961;}
.button.pale-outline:hover {background:#fff;}
.arrow {font-size:1.35rem;}

h2 {font-size:clamp(2.4rem,4.1vw,4.25rem);font-weight:720;color:#0b2a65;line-height:1.1;}
.eyebrow {color:#b17a21;letter-spacing:.12em;}
.eyebrow:before {background:#d5a64a;}
.lead {color:#557698;}
.catalog-teaser {background:linear-gradient(180deg,#fff 0%,#f6fbfd 100%);padding:105px 0 110px;}
.catalog-teaser-head {gap:7%;}
.catalog-teaser-card {background:#fff;border:1px solid #d8e8ef;border-radius:12px;min-height:182px;box-shadow:0 8px 25px #0e4a7010;}
.catalog-teaser-card:hover,.focus-card:hover,.family-panel:hover {border-color:#83b6d1;box-shadow:0 16px 35px #1644741c;}
.catalog-teaser-no {color:#a97420;}
.catalog-teaser-card strong {color:#0d3470;font-size:1.42rem;}
.catalog-teaser-card>span:last-child {color:#006f95;}
.catalog-teaser-end p {color:#627d99;}

.intro {background:#f4f9fc;}
.focus-card {border-color:#d8e6ef;border-radius:12px;overflow:hidden;}
.focus-card.selected {border-color:#168caa;box-shadow:0 0 0 2px #168caa24;}
.focus-card img,.focus-select img {filter:saturate(.83);}
.focus-num,.text-link {color:#087f9c;}
.focus-body h3,.focus-select .focus-heading,.partner-detail h3 {color:#12366a;}
.partner-detail {background:#fff;border:1px solid #d8e6ef;border-radius:12px;}
.platform {background:#e9f5f9;}
.platform-note {border-color:#bedae7;}
.path-step {border-color:#c9dfea;background:#fff;border-radius:11px;}
.path-step:nth-child(2),.path-step:nth-child(3) {background:#f3fafc;}
.path-step:nth-child(4) {background:#123d78;border-color:#123d78;}
.path-step .step-no {color:#a97420;}
.research {background:#0b315f;}
.research h2 {color:#fff;}
.research .eyebrow.light {color:#edc887;}
.research-image:after {background:linear-gradient(to right,#0b315f66,transparent 55%);}
.about {background:#fcfcfa;}
.about-visual img {border-radius:12px;}
.about-tag {color:#087f9c;}
.contact {background:#e7f4f9;}
.footer {background:#08264f;}
.footer .brand {color:#fff;}
.footer .brand-text small {color:#8ed7e8;}

.catalog-hero {background:linear-gradient(112deg,#fffaf1 0%,#f8fcfd 51%,#e1f4fc 100%);color:#0b2a65;padding:78px 0 88px;}
.catalog-hero .crumb {color:#6c86a0;}
.catalog-hero .eyebrow.light {color:#b17a21;}
.catalog-hero h1 {color:#092665;font-weight:750;letter-spacing:-.055em;}
.catalog-hero p {color:#597998;}
.catalog-work {background:#f8fbfd;}
.family-tabs button {border-color:#c9dfea;color:#154573;}
.family-tabs button[aria-pressed=true] {background:#092f6b;border-color:#092f6b;}
.family-panel {border-color:#d8e6ef;border-radius:12px;}
.family-panel .number,.family-panel .explore,.target-row .target-eyebrow {color:#087f9c;}
.target-row {border-color:#d8e6ef;border-radius:10px;}
.target-row a {color:#0b467b;border-color:#a5c9d9;}

@media (max-width:1250px) {
  .header {height:82px;}
  .brand-screenshot {width:230px;height:68px;}
  .brand-screenshot img {transform:scale(.77);transform-origin:top left;left:-50px;top:-18px;}
  .nav a {font-size:.83rem;}
  .nav {gap:13px;}
  .hero-copy {width:75%;}
  .hero h1 {font-size:clamp(3.2rem,5.1vw,4.85rem);}
}
@media (max-width:1100px) {
  .header {height:76px;}
  .nav {top:76px;background:#fff;}
  .nav a {font-size:1rem;}
  .hero {background-position:55% bottom;}
  .hero-copy {width:78%;}
}
@media (max-width:780px) {
  .container {width:min(calc(100% - 44px),var(--max));}
  .header {height:70px;}
  .header-inner {height:70px;}
  .nav {top:70px;padding:17px 22px 24px;box-shadow:0 18px 30px #0a31502b;}
  .brand-screenshot {width:202px;height:58px;}
  .brand-screenshot img {transform:scale(.68);left:-44px;top:-17px;}
  .hero {background-image:url('assets/genoscan-hero-mobile.webp');background-size:cover;background-position:right bottom;}
  .hero-inner {min-height:900px;display:block;}
  .hero-copy {width:100%;padding:90px 0 0;max-width:630px;}
  .hero-kicker {font-size:1rem;max-width:580px;margin-bottom:24px;}
  .hero h1 {font-size:clamp(3.05rem,8.9vw,5rem);line-height:1.07;max-width:630px;margin-bottom:27px;}
  .hero-copy p.hero-description {font-size:1.2rem;line-height:1.48;max-width:570px;margin-bottom:28px;}
  .hero-actions {flex-wrap:wrap;}
  .catalog-teaser,.intro,.platform,.about {padding:76px 0;}
  .catalog-teaser-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px) {
  .hero-inner {min-height:870px;}
  .hero-copy {padding:80px 0 0;}
  .hero-kicker {font-size:.88rem;line-height:1.55;max-width:340px;}
  .hero-kicker span {padding:0 4px;}
  .hero h1 {font-size:clamp(2.85rem,11.8vw,4.1rem);line-height:1.08;letter-spacing:-.05em;max-width:450px;}
  .hero-copy p.hero-description {font-size:1.06rem;line-height:1.5;max-width:340px;}
  .hero-actions {align-items:stretch;flex-direction:column;gap:10px;max-width:335px;}
  .hero-actions .button {justify-content:space-between;width:100%;min-height:56px;padding:12px 18px;font-size:.94rem;}
  .catalog-teaser-grid {grid-template-columns:1fr;}
  .catalog-teaser-card {min-height:145px;}
  .catalog-hero {padding:50px 0 62px;}
  .catalog-hero h1 {font-size:clamp(2.65rem,10vw,4rem);}
}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}}

.latest-articles{padding:100px 0 110px;background:#f4f9fc}
.latest-articles-head{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:7%;margin-bottom:35px}
.latest-articles-head h2{margin:15px 0 0}
.latest-articles-head p{margin:0}
.latest-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.latest-article{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d8e6ef;border-radius:12px;overflow:hidden}
.latest-article-visual{display:block;aspect-ratio:1.65;background:linear-gradient(130deg,#092f6b,#0a87a0);color:#fff;overflow:hidden}
.latest-article-visual img{display:block;width:100%;height:100%;object-fit:cover}
.latest-article-visual>span{display:grid;place-content:center;height:100%;font-size:1.15rem;font-weight:750;letter-spacing:.14em;text-align:center;line-height:1.5}
.latest-article-body{padding:23px;display:flex;flex:1;flex-direction:column;align-items:start}
.latest-article time{color:#5f7b95;font-size:.82rem}
.latest-article h3{font-size:1.38rem;line-height:1.25;margin:13px 0 12px;overflow-wrap:anywhere}
.latest-article p{color:#557698;font-size:.95rem;line-height:1.58;margin:0 0 18px;flex:1}
.latest-article-read,.latest-articles-all{color:#087f9c;font-weight:750;text-decoration:none}
.latest-article-read:hover,.latest-articles-all:hover{text-decoration:underline}
.latest-articles-all{display:inline-block;margin-top:27px}
@media(max-width:850px){.latest-articles-head{grid-template-columns:1fr;gap:18px}.latest-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.latest-articles{padding:76px 0 82px}.latest-articles-grid{grid-template-columns:1fr}}

.header .custom-logo{max-height:76px}@media(max-width:780px){.header .custom-logo{max-height:54px}}

body .hero .hero-copy h1{color:#081f63!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(3.2rem,5.3vw,5.75rem)!important;line-height:1.04!important}
body .hero .hero-copy p.hero-description{color:#5c7da2!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(1.16rem,1.7vw,1.65rem)!important;line-height:1.4!important}
body .hero .hero-actions a.button.pale-outline{color:#082961!important;background:rgba(255,255,255,.9)!important;border:1.5px solid #082961!important}
@media(max-width:780px){body .hero .hero-copy h1{font-size:clamp(3.05rem,8.9vw,5rem)!important}body .hero .hero-copy p.hero-description{font-size:1.2rem!important;line-height:1.48!important}}
@media(max-width:520px){body .hero .hero-copy h1{font-size:clamp(2.6rem,11vw,3.5rem)!important}body .hero .hero-copy p.hero-description{font-size:1.06rem!important;line-height:1.5!important}}

/* 2.2.0: standalone partnership selector also has two cards. */
.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.focus-grid{grid-template-columns:1fr}}