/*
Theme Name: Natan Biosciences
Theme URI: https://natanbiosciences.com/
Author: Natan Biosciences
Description: A concise, editable one-page site for Natan Biosciences.
Version: 1.0.0
Requires at least: 6.2
Text Domain: natan-biosciences
*/

:root { --ink:#142539; --muted:#516477; --blue:#144f79; --aqua:#47bec3; --pale:#eaf6f5; --line:#dce8eb; --white:#fff; }
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#f7fafb; font-family:Arial,Helvetica,sans-serif; font-size:17px; line-height:1.65; }
a { color:var(--blue); text-underline-offset:3px; }
a:focus-visible { outline:3px solid var(--aqua); outline-offset:4px; }
.wp-site-blocks { overflow:hidden; }
.site-header { border-bottom:1px solid var(--line); background:var(--white); }
.site-header .header-inner, .hero .hero-inner, .section .section-inner, .site-footer .footer-inner { width:min(1120px,calc(100% - 48px)); max-width:none; margin-inline:auto; }
.site-header .header-inner { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { margin:0; font-size:1.12rem; font-weight:800; line-height:1.2; letter-spacing:.01em; text-transform:uppercase; }
.brand a { color:var(--ink); text-decoration:none; }
.brand em { color:var(--blue); font-style:normal; font-weight:400; }
.header-links { display:flex; gap:25px; margin:0; font-size:.85rem; font-weight:700; }
.header-links a { text-decoration:none; color:var(--ink); }
.header-links a:hover { color:var(--blue); }
.hero { background:linear-gradient(90deg,#071c32de 0%,#0b2d47ad 58%,#092c4480 100%),url('assets/hero.webp') center right / cover no-repeat; color:var(--white); padding:104px 0 110px; }
.hero-inner { position:relative; }
.hero-inner::after { display:none; }
.eyebrow { color:#8de2df; text-transform:uppercase; font-size:.78rem; letter-spacing:.18em; font-weight:800; margin:0 0 19px; }
.hero h1 { position:relative; max-width:860px; margin:0; font-size:clamp(2.55rem,5.7vw,5.2rem); line-height:1.07; letter-spacing:-.05em; font-weight:750; }
.hero-accent { color:#8de2df; }
.hero .lead { position:relative; max-width:760px; margin:28px 0 0; color:#d7e9f0; font-size:clamp(1.05rem,1.6vw,1.3rem); line-height:1.6; }
.section { padding:80px 0; }
.section.alt { background:var(--white); }
.section h2 { font-size:clamp(1.9rem,3vw,2.8rem); line-height:1.14; letter-spacing:-.035em; margin:0 0 21px; }
.section-accent { color:#147d91; }
.section .intro { max-width:780px; margin:0; font-size:1.1rem; color:var(--muted); }
.section-label { margin:0 0 14px; text-transform:uppercase; letter-spacing:.15em; font-size:.75rem; font-weight:800; color:var(--blue); }
.cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:38px; }
.card { margin:0; padding:31px 28px; border:1px solid var(--line); border-radius:5px; background:#f8fbfc; }
.card .num { color:var(--blue); letter-spacing:.09em; font-weight:800; font-size:.78rem; margin:0 0 17px; }
.card h3 { margin:0 0 10px; font-size:1.3rem; line-height:1.25; }
.card p:last-child { margin:0; color:var(--muted); font-size:.97rem; line-height:1.55; }
.status { background:var(--pale); border-left:4px solid var(--aqua); padding:30px 34px; margin-top:40px; }
.status p { margin:0; max-width:840px; color:#345260; }
.status strong { color:var(--ink); }
.site-footer { padding:30px 0; background:#102c43; color:#bbd1da; font-size:.85rem; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.footer-inner p { margin:0; }
.footer-inner a { color:#e3f3f5; }
.brief { padding:66px 0 72px; }
.brief .intro { max-width:850px; }
.brief .status { margin-top:29px; padding:17px 22px; }
/* Keep WordPress block layout rules from centering each line independently. */
.site-header, .hero, .section, .site-footer { width:100% !important; max-width:none !important; margin-inline:0 !important; }
.site-header .header-inner, .hero .hero-inner, .section .section-inner, .site-footer .footer-inner {
 width:min(1120px,calc(100% - 48px)) !important; max-width:none !important;
 margin-inline:auto !important; padding-inline:0 !important;
}
.site-header .brand, .site-footer .footer-inner p,
.hero .hero-inner > h1, .hero .hero-inner > p,
.section .section-inner > h2, .section .section-inner > p {
 margin-left:0 !important; margin-right:0 !important; text-align:left;
}
@media (max-width:700px) {
 .site-header .header-inner, .hero .hero-inner, .section .section-inner, .site-footer .footer-inner { width:min(100% - 36px,1120px) !important; }
 .site-header .header-inner { min-height:70px; }
 .header-links { gap:14px; font-size:.78rem; }
 .hero { padding:80px 0 84px; }
 .hero { background-position:65% center; }
 .hero-inner::after { top:-18%; right:-20px; }
 .section { padding:62px 0; }
 .cards { grid-template-columns:1fr; gap:12px; }
 .card { padding:24px; }
 .footer-inner { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }