@font-face{font-family:'DM Serif Display';src:url('fonts/dm-serif-400-italic-0.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap;}
@font-face{font-family:'DM Serif Display';src:url('fonts/dm-serif-400-normal-1.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-400-normal-0.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-500-normal-1.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-600-normal-2.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-700-normal-3.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-800-normal-4.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap;}
:root { --background: #f8f5eb; --foreground: #253128; --card: #fffdf7; --card-foreground: #253128; --popover: #fffdf7; --popover-foreground: #253128; --primary: #253128; --primary-foreground: #fffdf7; --secondary: #e7ead9; --secondary-foreground: #253128; --muted: #ede9dd; --muted-foreground: #657068; --accent: #f6c94a; --accent-foreground: #253128; --border: rgba(37,49,40,.15); --input: rgba(37,49,40,.14); --ring: #f6c94a; --radius: 1rem; --ink: #253128; --paper: #f8f5eb; --cream: #fffdf7; --saffron: #f6c94a; --moss: #3e5544; --haze: #e7ead9; --line: rgba(37,49,40,.17); --ease-out: cubic-bezier(.23,1,.32,1); }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Manrope", sans-serif; font-size: 15px; line-height: 1.55; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .18; z-index: 30; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { border: 0; }
img { display: block; width: 100%; object-fit: cover; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { text-wrap: balance; }

.topline { background: var(--ink); color: #faf7ee; padding: 8px clamp(1rem, 3vw, 3rem); display: flex; justify-content: space-between; gap: 1rem; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.topline-note { color: #c8d0bd; }
.topline-sale { padding: 0; background: var(--saffron); color: var(--ink); text-transform: none; letter-spacing: 0; }.sale-topline-link { width: 100%; min-height: 38px; padding: 7px clamp(1rem, 3vw, 3rem); display: flex; align-items: center; justify-content: space-between; gap: 1rem; transition: background 180ms var(--ease-out); }.sale-topline-link:hover { background: #f9d66e; }.sale-topline-copy { display: flex; align-items: baseline; gap: .75rem; }.sale-topline-copy strong { color: var(--ink); font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }.sale-topline-copy small { color: var(--moss); font-size: 10px; font-weight: 800; }.sale-topline-cta { display: inline-flex; align-items: center; gap: .3rem; color: var(--ink); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.site-header { min-height: 112px; display: flex; align-items: center; gap: 2rem; padding: 0 clamp(1rem, 3vw, 3rem); background: var(--ink); border-bottom: 1px solid rgba(255,253,247,.17); position: sticky; top: 0; z-index: 20; }
.brand { display: inline-flex; align-items: center; gap: .55rem; flex: 0 0 auto; }
.brand-mark { width: 46px; height: 46px; object-fit: contain; }
.brand-mark--header { width: 57px; height: 57px; filter: drop-shadow(0 1px 0 rgba(255,253,247,.22)); }
.brand-wordmark { display: block; font-family: "DM Serif Display", serif; font-size: 52.5px; letter-spacing: -.075em; line-height: .92; }
.brand-wordmark span { color: var(--moss); }
.site-header .brand-wordmark { color: var(--cream); }.site-header .brand-wordmark span { color: var(--saffron); }
.desktop-nav { display: flex; gap: clamp(.9rem, 1.8vw, 1.7rem); margin: auto; align-items: center; }
.nav-link { font-size: 12px; font-weight: 700; color: #566159; position: relative; padding: .4rem 0; transition: color 180ms var(--ease-out); }
.nav-link:hover, .nav-link.is-active { color: var(--ink); }
.site-header .nav-link { color: #c8d0c5; }.site-header .nav-link:hover, .site-header .nav-link.is-active { color: var(--cream); }
.nav-link.is-active::after { content: ""; width: 5px; height: 5px; border-radius: 999px; background: var(--saffron); position: absolute; bottom: -4px; left: calc(50% - 2px); }
.header-actions { display: flex; align-items: center; gap: .75rem; }
.icon-button, .menu-button { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: transparent; color: var(--ink); transition: background 180ms var(--ease-out), transform 160ms var(--ease-out); cursor: pointer; }
.icon-button:hover, .menu-button:hover { background: var(--haze); }.icon-button:active, .menu-button:active, .primary-cta:active { transform: scale(.97); }
.site-header .icon-button, .site-header .menu-button { color: var(--cream); }.site-header .icon-button:hover, .site-header .menu-button:hover { background: var(--moss); }
.collab-link { background: var(--saffron); padding: .58rem .85rem; display: flex; align-items: center; gap: .3rem; font-size: 11px; font-weight: 800; border-radius: 999px; transition: transform 160ms var(--ease-out), background 160ms var(--ease-out); }.collab-link:hover { background: #f9d66e; transform: translateY(-1px); }
.menu-button { display: none; }
.search-panel { position: absolute; top: 111px; right: clamp(1rem, 3vw, 3rem); width: min(430px, calc(100vw - 2rem)); background: var(--cream); border: 1px solid var(--line); box-shadow: 0 20px 50px rgba(37,49,40,.16); padding: .65rem; animation: panel-in 180ms var(--ease-out) both; }
.search-box { display: flex; align-items: center; gap: .65rem; padding: .65rem; border-bottom: 1px solid var(--line); }.search-box input { flex: 1; border: 0; outline: none; background: transparent; font-size: 13px; }.search-box button { background: transparent; cursor: pointer; display: grid; place-items: center; }
.search-results { display: grid; padding-top: .35rem; }.search-results a { display: flex; align-items: center; justify-content: space-between; padding: .65rem; font-size: 13px; font-weight: 700; }.search-results a:hover { background: var(--haze); }
.mobile-nav { display: none; }

.home-page, .section-page { overflow: hidden; }
.home-hero { min-height: min(760px, calc(100vh - 108px)); padding: clamp(2rem, 5vw, 5.5rem) clamp(1rem, 5vw, 6.5rem) clamp(2.5rem, 4vw, 4.5rem); display: grid; grid-template-columns: 54px minmax(0, 1.05fr) minmax(360px, .95fr); gap: clamp(1.5rem, 5vw, 7rem); align-items: center; position: relative; }
.hero-side-note { align-self: stretch; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; padding: .4rem 0; color: #788278; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }.hero-side-note strong { font-family: "DM Serif Display", serif; font-size: 37px; line-height: 1; color: var(--ink); letter-spacing: -.06em; }
.eyebrow { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: 1rem; color: var(--moss); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.hero-eyebrow { color: var(--moss); }
.hero-copy h1 { max-width: 660px; margin-bottom: 1.25rem; font-family: "DM Serif Display", serif; font-size: clamp(2.95rem, 5.1vw, 5.9rem); line-height: .93; letter-spacing: -.06em; }.hero-copy h1 em, .guide-copy h2 em { color: var(--moss); font-weight: normal; }.hero-lede { max-width: 520px; color: #556058; font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.75; }.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.35rem; margin-top: 2rem; }.primary-cta { width: fit-content; display: inline-flex; align-items: center; gap: .7rem; background: var(--ink); color: var(--cream); padding: .85rem 1.1rem; font-size: 12px; font-weight: 800; transition: transform 160ms var(--ease-out), background 160ms var(--ease-out); }.primary-cta:hover { background: var(--moss); transform: translateY(-2px); }.secondary-cta, .text-link { display: inline-flex; align-items: center; gap: .45rem; font-size: 12px; font-weight: 800; border-bottom: 1px solid currentColor; padding-bottom: 2px; }.secondary-cta:hover, .text-link:hover { color: var(--moss); }
.hero-image { min-height: 495px; align-self: stretch; position: relative; overflow: hidden; background: #8b8976; }.hero-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(27,35,28,.58)); }.hero-image img { height: 100%; position: absolute; transition: transform 700ms var(--ease-out); }.hero-image:hover img { transform: scale(1.035); }.hero-image-meta { position: absolute; z-index: 1; bottom: 1.1rem; left: 1.1rem; right: 1.1rem; color: #fffdf7; display: flex; justify-content: space-between; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.hero-scroll { position: absolute; left: clamp(5rem, 10vw, 12rem); bottom: 1rem; display: flex; align-items: center; gap: .7rem; color: #768078; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }.hero-scroll span { height: 1px; width: 40px; background: var(--moss); }

.quick-routes { margin: 0 clamp(1rem, 5vw, 6.5rem); padding: clamp(3rem, 6vw, 6rem) 0; display: grid; grid-template-columns: .82fr 1.5fr; gap: 3rem; border-top: 1px solid var(--line); }.route-intro h2, .section-heading h2, .guide-copy h2, .production-copy h2, .newsletter-banner h2, .faq-intro h2, .business-note h2 { font-family: "DM Serif Display", serif; font-size: clamp(2.1rem, 4vw, 4.4rem); line-height: .96; letter-spacing: -.055em; margin-bottom: 0; }.route-list { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.route-card { min-height: 148px; position: relative; padding: 1.1rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background 180ms var(--ease-out), transform 180ms var(--ease-out); }.route-card:hover { background: var(--cream); transform: translateY(-3px); }.route-card svg:nth-of-type(1) { position: absolute; right: 1rem; top: 1rem; }.route-card > svg:last-child { position: absolute; right: 1rem; bottom: 1rem; }.route-index { display: block; margin-bottom: 1.8rem; color: #9a9e91; font-size: 10px; font-weight: 800; }.route-card > div { display: grid; gap: .1rem; }.route-card strong { font-family: "DM Serif Display", serif; font-size: 23px; font-weight: normal; letter-spacing: -.03em; }.route-card small { color: #6e776f; font-size: 11px; font-weight: 600; }

.home-feature-grid { padding: clamp(3rem, 6vw, 6.5rem) clamp(1rem, 5vw, 6.5rem); background: var(--haze); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: clamp(2rem, 7vw, 8rem); }.lead-story { display: grid; grid-template-columns: minmax(210px, .85fr) 1fr; gap: 2rem; align-items: end; }.lead-story-image { min-height: 445px; overflow: hidden; position: relative; }.lead-story-image img { height: 100%; position: absolute; transition: transform 600ms var(--ease-out); }.lead-story:hover img { transform: scale(1.04); }.photo-label { position: absolute; left: .85rem; bottom: .85rem; padding: .35rem .5rem; background: var(--saffron); color: var(--ink); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.card-tag { color: var(--moss); font-size: 10px; line-height: 1.2; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.lead-story-copy h2 { font-family: "DM Serif Display", serif; font-size: clamp(2rem, 3.4vw, 3.7rem); line-height: .97; letter-spacing: -.05em; }.lead-story-copy > p:not(.card-tag) { max-width: 385px; color: #626c62; line-height: 1.75; }.side-stories { align-self: end; }.side-heading { display: flex; justify-content: space-between; align-items: center; padding-bottom: .8rem; border-bottom: 1px solid var(--line); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }.side-heading a { text-transform: none; letter-spacing: 0; display: flex; align-items: center; gap: .2rem; }.side-story { display: grid; grid-template-columns: 38px 1fr; gap: 1rem; padding: 1.35rem 0; border-bottom: 1px solid var(--line); transition: padding-left 180ms var(--ease-out); }.side-story:hover { padding-left: .45rem; }.side-story-count { color: var(--moss); font-family: "DM Serif Display", serif; font-size: 22px; }.side-story h3 { margin-bottom: .6rem; font-family: "DM Serif Display", serif; font-size: 23px; font-weight: 400; line-height: 1.05; letter-spacing: -.025em; }.card-meta { color: #748077; display: inline-flex; align-items: center; gap: .35rem; font-size: 10px; font-weight: 700; }

.data-ribbon { margin: clamp(3rem, 5vw, 5rem) clamp(1rem, 5vw, 6.5rem); padding: 1.35rem 0 0; border-top: 2px solid var(--ink); }.data-grid { display: grid; grid-template-columns: repeat(3, 1fr); }.data-grid a { position: relative; min-height: 163px; padding: 1.3rem 2rem 1.25rem 0; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; transition: background 180ms var(--ease-out); }.data-grid a:not(:first-child) { padding-left: 2rem; }.data-grid a:last-child { border-right: 0; }.data-grid a:hover { background: var(--cream); }.data-grid strong { font-family: "DM Serif Display", serif; font-weight: normal; font-size: clamp(3.7rem, 6vw, 5.6rem); letter-spacing: -.07em; line-height: .8; }.data-grid span { color: #637066; font-size: 12px; font-weight: 700; line-height: 1.45; }.data-grid svg { position: absolute; top: 1.35rem; right: 1.3rem; }.data-source { margin: .5rem 0 0; color: #7c857c; font-size: 10px; }

.guide-split { margin: clamp(4rem, 8vw, 9rem) clamp(1rem, 5vw, 6.5rem); display: grid; grid-template-columns: minmax(300px, .85fr) minmax(330px, 1fr); gap: clamp(2.5rem, 9vw, 11rem); align-items: center; }.guide-image { min-height: 510px; position: relative; overflow: hidden; }.guide-image img { height: 100%; position: absolute; }.guide-stamp { position: absolute; top: 1rem; right: 1rem; width: 130px; aspect-ratio: 1; background: var(--saffron); padding: .85rem; display: grid; align-content: space-between; color: var(--ink); font-size: 10px; font-weight: 800; line-height: 1.1; text-transform: uppercase; letter-spacing: .08em; }.guide-stamp strong { font-family: "DM Serif Display", serif; font-size: 52px; line-height: .8; font-weight: normal; letter-spacing: -.08em; }.guide-copy p:not(.eyebrow) { max-width: 470px; color: #5f6a61; line-height: 1.8; }.guide-mini-list { margin-top: 2.2rem; display: grid; border-top: 1px solid var(--line); }.guide-mini-list span { padding: .6rem 0; border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 700; }.guide-mini-list b { display: inline-block; width: 36px; color: var(--moss); font-family: "DM Serif Display", serif; font-size: 18px; font-weight: normal; }

.topic-grid { padding: clamp(3rem, 6vw, 6.5rem) clamp(1rem, 5vw, 6.5rem); background: var(--ink); color: var(--cream); }.section-heading { display: grid; grid-template-columns: 1.1fr .75fr; gap: 2rem; align-items: end; margin-bottom: 2.8rem; }.section-heading .eyebrow { color: var(--saffron); }.section-heading > p { max-width: 360px; margin: 0 0 .3rem auto; color: #c1c9bd; font-size: 13px; line-height: 1.75; }.topic-cards { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,253,247,.25); border-left: 1px solid rgba(255,253,247,.25); }.topic-card { min-height: 208px; position: relative; padding: 1.2rem; border-right: 1px solid rgba(255,253,247,.25); border-bottom: 1px solid rgba(255,253,247,.25); display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; transition: color 180ms var(--ease-out); }.topic-card::before { content: ""; width: 160px; height: 160px; position: absolute; right: -50px; bottom: -70px; border-radius: 50%; background: var(--moss); opacity: 0; transform: scale(.7); transition: opacity 250ms var(--ease-out), transform 300ms var(--ease-out); }.topic-card:hover::before { opacity: 1; transform: scale(1); }.topic-card > * { position: relative; z-index: 1; }.topic-card > span { color: #93a68f; font-size: 10px; font-weight: 800; }.topic-card p { margin-bottom: .25rem; color: var(--saffron); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.topic-card h3 { margin-bottom: .3rem; font-family: "DM Serif Display", serif; font-size: 28px; line-height: 1; font-weight: normal; letter-spacing: -.04em; }.topic-card small { color: #cbd3c8; font-size: 10px; }.topic-card > svg { position: absolute; right: 1rem; top: 1rem; }

.production-feature { margin: clamp(4rem, 8vw, 9rem) clamp(1rem, 5vw, 6.5rem); display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(2rem, 7vw, 9rem); align-items: center; }.production-copy p:not(.eyebrow) { max-width: 415px; color: #626c62; line-height: 1.8; }.production-image { min-height: 440px; position: relative; overflow: hidden; }.production-image img { height: 100%; position: absolute; }.production-caption { position: absolute; bottom: 0; right: 0; background: var(--cream); padding: .7rem .85rem; display: flex; gap: 2rem; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.production-caption span:last-child { color: var(--moss); }.newsletter-banner { margin: 0 clamp(1rem, 5vw, 6.5rem) clamp(4rem, 7vw, 7rem); padding: clamp(2rem, 4vw, 4.5rem); background: var(--saffron); display: grid; grid-template-columns: 1.2fr .8fr; gap: 3rem; align-items: end; }.newsletter-banner .eyebrow { color: var(--ink); }.newsletter-banner h2 { max-width: 610px; }.newsletter-banner > div:last-child { display: grid; justify-items: start; gap: .7rem; }.newsletter-banner p:not(.eyebrow) { max-width: 330px; margin-bottom: .5rem; font-size: 13px; font-weight: 600; }.newsletter-banner .primary-cta { background: var(--cream); color: var(--ink); }.newsletter-banner .primary-cta:hover { background: var(--ink); color: var(--cream); }

.breadcrumb { padding: 1.2rem clamp(1rem, 5vw, 6.5rem) 0; display: flex; align-items: center; gap: .35rem; color: #748077; font-size: 11px; font-weight: 700; }.breadcrumb a:hover { color: var(--moss); }.section-hero { padding: clamp(2rem, 4vw, 4.8rem) clamp(1rem, 5vw, 6.5rem) clamp(4rem, 7vw, 7.5rem); display: grid; grid-template-columns: 1.06fr .94fr; gap: clamp(2rem, 7vw, 9rem); align-items: center; }.section-hero-copy h1 { max-width: 700px; font-family: "DM Serif Display", serif; font-size: clamp(3.5rem, 6.3vw, 7.4rem); font-weight: normal; line-height: .89; letter-spacing: -.07em; margin-bottom: 1.35rem; }.hero-intro { max-width: 530px; color: #606b62; font-size: 16px; line-height: 1.78; }.subnav { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 2rem; }.subnav a { padding: .4rem .65rem; border: 1px solid var(--line); color: #546157; font-size: 10px; font-weight: 800; transition: background 160ms var(--ease-out); }.subnav a:hover { background: var(--haze); }.section-hero-image { height: min(560px, 58vw); min-height: 360px; position: relative; overflow: hidden; }.section-hero-image img { height: 100%; position: absolute; }.image-caption { position: absolute; left: 0; bottom: 0; right: 0; background: rgba(248,245,235,.94); padding: .65rem .8rem; display: flex; justify-content: space-between; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.section-visual { height: min(560px, 58vw); min-height: 360px; overflow: hidden; position: relative; background: var(--moss); display: grid; place-items: center; }.section-visual--nutrition { background: #d4dfb9; }.section-visual--news { background: var(--saffron); }.section-visual--directory { background: #27372d; }.visual-orbit { position: absolute; border: 1px solid rgba(255,253,247,.55); border-radius: 50%; }.section-visual--nutrition .visual-orbit { border-color: rgba(37,49,40,.35); }.orbit-one { width: 78%; height: 78%; }.orbit-two { width: 46%; height: 46%; }.visual-core { width: 35%; aspect-ratio: 1; border-radius: 50%; background: var(--cream); color: var(--ink); display: grid; place-items: center; align-content: center; z-index: 1; transform: rotate(-8deg); }.section-visual--news .visual-core { background: var(--moss); color: var(--cream); }.section-visual--directory .visual-core { background: var(--saffron); }.visual-core span { font-family: "DM Serif Display", serif; font-size: clamp(2rem, 4vw, 4rem); line-height: .8; letter-spacing: -.07em; }.visual-core small { margin-top: .5rem; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.visual-caption { position: absolute; left: 1rem; bottom: 1rem; color: var(--cream); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.section-visual--nutrition .visual-caption { color: var(--ink); }

.section-feature { padding: clamp(3rem, 6vw, 6.8rem) clamp(1rem, 5vw, 6.5rem); background: var(--haze); display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: clamp(1rem, 5vw, 6rem); }.feature-index { border-top: 2px solid var(--ink); padding-top: .7rem; }.feature-index span { font-family: "DM Serif Display", serif; font-size: 46px; line-height: 1; letter-spacing: -.08em; }.feature-index p { margin: 1.3rem 0 0; font-size: 10px; font-weight: 800; line-height: 1.35; letter-spacing: .1em; text-transform: uppercase; }.feature-story { background: var(--cream); padding: clamp(1.5rem, 4vw, 4.2rem); min-height: 390px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 2rem; align-items: center; }.feature-story h2 { max-width: 680px; margin-bottom: 1rem; font-family: "DM Serif Display", serif; font-size: clamp(2.2rem, 4.4vw, 4.9rem); font-weight: normal; line-height: .93; letter-spacing: -.06em; }.feature-story p:not(.card-tag) { max-width: 550px; color: #677167; line-height: 1.7; }.feature-story .text-link { margin-top: 1.4rem; }.feature-art { min-height: 270px; display: grid; place-items: center; position: relative; background: var(--saffron); color: var(--ink); overflow: hidden; }.feature-art::after { content: "ficha"; width: 60%; aspect-ratio: 1; border-radius: 48% 52% 42% 58% / 55% 41% 59% 45%; background: var(--cream); position: absolute; z-index: 0; display: grid; place-items: end center; padding-bottom: 13%; color: var(--moss); font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transform: rotate(-9deg); }.feature-art svg { z-index: 2; transform: translateY(-9px); }.feature-orb { width: 150%; aspect-ratio: 1; position: absolute; border: 1px solid rgba(37,49,40,.5); border-radius: 43% 57% 61% 39% / 47% 43% 57% 53%; transform: rotate(18deg); }.feature-line { height: 1px; width: 130%; background: rgba(37,49,40,.45); position: absolute; transform: rotate(-30deg); }

.archive-section { padding: clamp(4rem, 7vw, 8rem) clamp(1rem, 5vw, 6.5rem); }.archive-section .section-heading > p { color: #68736a; }.archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.archive-card { min-height: 310px; padding: 1.15rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; transition: background 180ms var(--ease-out); }.archive-card:hover { background: var(--cream); }.archive-number { color: #a0a79d; font-size: 10px; font-weight: 800; }.archive-card .card-tag { margin: auto 0 .8rem; }.archive-card h3 { font-family: "DM Serif Display", serif; font-size: 27px; font-weight: normal; line-height: 1.03; letter-spacing: -.04em; }.archive-card > p:not(.card-tag) { color: #667168; font-size: 12px; line-height: 1.65; }.archive-bottom { margin-top: auto; padding-top: 1.1rem; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; color: #718075; font-size: 10px; font-weight: 700; }.archive-bottom a { width: 30px; height: 30px; border-radius: 50%; background: var(--haze); display: grid; place-items: center; transition: transform 160ms var(--ease-out), background 160ms var(--ease-out); }.archive-card:hover .archive-bottom a { transform: translateX(3px); background: var(--saffron); }

.chapter-texture { margin: 0 clamp(1rem, 5vw, 6.5rem); padding: 1rem 0 0; border-top: 1px solid var(--line); }.chapter-kicker { margin: 0 0 .8rem; color: var(--moss); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.recipe-rhythm, .evidence-ficha, .business-map, .news-wire, .egg-code { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }.recipe-rhythm span, .evidence-ficha span, .business-map span, .news-wire span, .egg-code span { min-height: 100px; padding: 1rem; border-right: 1px solid var(--line); display: grid; align-content: space-between; }.recipe-rhythm span:last-child, .evidence-ficha span:last-child, .business-map span:last-child, .news-wire span:last-child, .egg-code span:last-child { border-right: 0; }.recipe-rhythm b { color: var(--saffron); font-family: "DM Serif Display", serif; font-size: 30px; font-weight: normal; letter-spacing: -.07em; }.recipe-rhythm strong, .evidence-ficha b, .business-map b { font-family: "DM Serif Display", serif; font-size: 21px; font-weight: normal; letter-spacing: -.03em; }.recipe-rhythm small, .evidence-ficha small, .business-map small { color: #6c766d; font-size: 10px; font-weight: 700; }.chapter-recipes { background: var(--ink); color: var(--cream); padding: 1rem 1rem 0; border-top: 0; }.chapter-recipes .chapter-kicker { color: var(--saffron); }.chapter-recipes .recipe-rhythm { border-color: rgba(255,253,247,.24); }.chapter-recipes .recipe-rhythm span { border-color: rgba(255,253,247,.24); }.chapter-recipes .recipe-rhythm small { color: #c6d0c4; }.chapter-nutrition { background: #d4dfb9; padding: 1rem 1rem 0; border-top: 0; }.evidence-ficha { background: rgba(255,253,247,.42); }.evidence-ficha span:nth-child(2) { background: var(--cream); }.chapter-production { padding: 1rem 1rem 0; background: #dcc79e; border-top: 0; }.trace-route { min-height: 104px; display: flex; align-items: center; justify-content: space-between; gap: .8rem; }.trace-route span { display: inline-flex; align-items: center; gap: .45rem; font-family: "DM Serif Display", serif; font-size: clamp(1.2rem, 2.4vw, 2rem); letter-spacing: -.04em; }.trace-route b { width: 29px; height: 29px; border-radius: 48% 52% 43% 57% / 58% 46% 54% 42%; display: grid; place-items: center; background: var(--cream); color: var(--moss); font-family: "Manrope", sans-serif; font-size: 9px; letter-spacing: 0; }.trace-route i { height: 1px; flex: 1; background: rgba(37,49,40,.45); }.chapter-business { padding: 1rem 1rem 0; background: var(--ink); color: var(--cream); border-top: 0; }.chapter-business .chapter-kicker { color: var(--saffron); }.business-map { border-color: rgba(255,253,247,.26); }.business-map span { border-color: rgba(255,253,247,.26); }.business-map span:nth-child(2) { background: var(--saffron); color: var(--ink); }.business-map small { color: #c6d0c4; }.business-map span:nth-child(2) small { color: var(--moss); }.chapter-news { padding: 1rem 1rem 0; background: var(--saffron); border-top: 0; }.news-wire { border-color: rgba(37,49,40,.4); }.news-wire span { align-content: center; gap: .35rem; border-color: rgba(37,49,40,.4); font-size: 11px; font-weight: 800; }.news-wire b { font-family: "DM Serif Display", serif; font-size: 25px; font-weight: normal; letter-spacing: -.04em; }.chapter-guide { padding: 1rem 1rem 0; background: var(--moss); color: var(--cream); border-top: 0; }.chapter-guide .chapter-kicker { color: var(--saffron); }.egg-code { border-color: rgba(255,253,247,.3); }.egg-code span { min-height: 94px; border-color: rgba(255,253,247,.3); font-family: "DM Serif Display", serif; font-size: 33px; letter-spacing: -.06em; }.egg-code small { font-family: "Manrope", sans-serif; color: #ced6ca; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.section-recetas .archive-card:first-child { grid-column: span 2; background: linear-gradient(115deg, var(--ink) 0 47%, transparent 47%), var(--cream); color: var(--cream); }.section-recetas .archive-card:first-child > p:not(.card-tag), .section-recetas .archive-card:first-child .archive-bottom { color: #cdd6ca; }.section-recetas .archive-card:first-child .archive-bottom { border-color: rgba(255,253,247,.23); }.section-recetas .archive-card:first-child .archive-number { color: var(--saffron); }.section-nutricion .archive-card:nth-child(2) { background: #d4dfb9; }.section-nutricion .archive-card:nth-child(5) { grid-column: span 2; }.section-guia-del-huevo .archive-card:nth-child(3) { grid-row: span 2; min-height: 0; background: var(--saffron); }.section-produccion .archive-card:nth-child(3) { grid-column: span 2; background: #dcc79e; }.section-actualidad .archive-card:first-child { grid-column: span 2; background: var(--ink); color: var(--cream); }.section-actualidad .archive-card:first-child > p:not(.card-tag), .section-actualidad .archive-card:first-child .archive-bottom { color: #cdd6ca; }.section-actualidad .archive-card:first-child .archive-bottom { border-color: rgba(255,253,247,.23); }.section-empresas .archive-grid { grid-template-columns: 1.15fr .85fr; }.section-empresas .archive-card { min-height: 230px; }.section-empresas .archive-card:nth-child(1), .section-empresas .archive-card:nth-child(4) { background: var(--haze); }

.insight-band { margin: 0 clamp(1rem, 5vw, 6.5rem); padding: clamp(2rem, 4vw, 4rem); background: var(--ink); color: var(--cream); display: grid; grid-template-columns: .55fr 1.1fr .7fr; gap: 2rem; align-items: center; }.insight-number { font-family: "DM Serif Display", serif; font-size: clamp(4.8rem, 8vw, 8rem); line-height: .7; color: var(--saffron); letter-spacing: -.09em; }.insight-band .eyebrow { color: var(--saffron); }.insight-band h2 { margin-bottom: .5rem; font-family: "DM Serif Display", serif; font-size: clamp(2.3rem, 4vw, 4.3rem); line-height: .9; font-weight: normal; letter-spacing: -.06em; }.insight-band p:not(.eyebrow) { max-width: 480px; color: #c3cdc0; font-size: 13px; }.source-link { justify-self: end; display: inline-flex; align-items: center; gap: .45rem; color: var(--cream); border-bottom: 1px solid var(--saffron); padding-bottom: .25rem; font-size: 11px; font-weight: 800; }

.faq-section { padding: clamp(4rem, 7vw, 8rem) clamp(1rem, 5vw, 6.5rem); display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 9vw, 12rem); }.faq-intro > p:not(.eyebrow) { max-width: 340px; color: #677167; line-height: 1.75; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { padding: 1.1rem 0; list-style: none; display: grid; grid-template-columns: 34px 1fr 18px; gap: .6rem; align-items: center; cursor: pointer; font-family: "DM Serif Display", serif; font-size: 22px; line-height: 1.1; letter-spacing: -.025em; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--moss); font-family: "Manrope", sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .08em; }.faq-list summary svg { transition: transform 180ms var(--ease-out); }.faq-list details[open] summary svg { transform: rotate(90deg); }.faq-list details p { max-width: 650px; margin: 0 1rem 1.35rem 2.5rem; color: #667168; font-size: 13px; line-height: 1.7; }.business-note { margin: 0 clamp(1rem, 5vw, 6.5rem) clamp(4rem, 7vw, 7rem); padding: clamp(2rem, 4vw, 4rem); background: var(--saffron); }.business-note .eyebrow { color: var(--ink); }.business-note h2 { max-width: 820px; }.business-note > div { margin-top: 2.2rem; display: flex; flex-wrap: wrap; gap: .55rem; }.business-note span { padding: .55rem .7rem; border: 1px solid rgba(37,49,40,.42); font-size: 11px; font-weight: 800; }

.site-footer { background: var(--ink); color: var(--cream); padding: clamp(2.5rem, 5vw, 5rem) clamp(1rem, 5vw, 6.5rem) 1.2rem; }.footer-top { display: grid; grid-template-columns: 1.25fr .5fr .6fr .95fr; gap: 2rem; padding-bottom: 3rem; }.site-footer .brand-wordmark span { color: var(--saffron); }.footer-brand p { max-width: 310px; margin-top: 1.2rem; color: #bdc6ba; font-size: 12px; line-height: 1.7; }.footer-links { display: grid; align-content: start; gap: .6rem; }.footer-eyebrow { color: var(--saffron); margin-bottom: .5rem; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.footer-links a { color: #dfe5dc; font-size: 12px; font-weight: 700; }.footer-links a:hover { color: var(--saffron); }.newsletter h3 { margin-bottom: .8rem; font-family: "DM Serif Display", serif; font-size: 25px; line-height: 1.02; font-weight: normal; letter-spacing: -.035em; }.newsletter-form { display: flex; border-bottom: 1px solid rgba(255,253,247,.4); }.newsletter-form input { width: 100%; padding: .7rem 0; border: 0; outline: 0; background: transparent; color: var(--cream); font-size: 12px; }.newsletter-form input::placeholder { color: #aab4a8; }.newsletter-form button { background: transparent; color: var(--saffron); cursor: pointer; }.newsletter p { color: #aab4a8; font-size: 10px; }.footer-bottom { border-top: 1px solid rgba(255,253,247,.18); padding-top: 1rem; display: flex; justify-content: space-between; gap: 1rem; align-items: center; color: #aab4a8; font-size: 9px; font-weight: 700; }.footer-bottom div { display: flex; gap: .7rem; }.footer-bottom a:hover { color: var(--saffron); }
.not-found { min-height: 58vh; padding: clamp(4rem, 10vw, 10rem) clamp(1rem, 12vw, 14rem); }.not-found h1 { max-width: 800px; font-family: "DM Serif Display", serif; font-size: clamp(3rem, 7vw, 7rem); font-weight: normal; line-height: .9; letter-spacing: -.07em; }.not-found > p:not(.eyebrow) { max-width: 430px; color: #667168; margin-bottom: 2rem; }

/* Proyecto en venta: ficha de activo premium dentro del sistema editorial Atlas de la yema. */
.sale-page { overflow: hidden; }.sale-hero { min-height: min(710px, calc(100vh - 130px)); padding: clamp(2rem, 5vw, 5.5rem) clamp(1rem, 5vw, 6.5rem); display: grid; grid-template-columns: 54px minmax(0, 1.18fr) minmax(300px, .72fr); gap: clamp(1.5rem, 6vw, 8rem); align-items: center; }.sale-rail { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); padding: .35rem 0; color: #758075; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }.sale-rail strong { color: var(--ink); font-family: "DM Serif Display", serif; font-size: 38px; font-weight: normal; letter-spacing: -.07em; }.sale-hero-copy h1 { max-width: 750px; margin-bottom: 1.3rem; font-family: "DM Serif Display", serif; font-size: clamp(3rem, 5.5vw, 6.4rem); font-weight: normal; line-height: .9; letter-spacing: -.07em; }.sale-hero-copy h1 em { color: var(--moss); font-weight: normal; }.sale-hero-copy > p:not(.eyebrow) { max-width: 580px; color: #58635a; font-size: 16px; line-height: 1.8; }.sale-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.4rem; margin-top: 2rem; }.sale-hero-asset { min-height: 390px; padding: 1.4rem; display: flex; flex-direction: column; background: var(--ink); color: var(--cream); position: relative; overflow: hidden; }.sale-hero-asset::before { content: ""; position: absolute; top: -36%; right: -45%; width: 135%; aspect-ratio: 1; border: 1px solid rgba(255,253,247,.26); border-radius: 44% 56% 58% 42% / 49% 41% 59% 51%; transform: rotate(13deg); }.sale-hero-asset > * { position: relative; z-index: 1; }.sale-hero-asset > p { margin-bottom: auto; color: var(--saffron); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.sale-domain { font-family: "DM Serif Display", serif; font-size: clamp(3.1rem, 5vw, 5.4rem); line-height: .82; letter-spacing: -.08em; }.sale-hero-asset > div { display: grid; gap: .45rem; margin-top: 2rem; }.sale-hero-asset > div span { padding: .45rem 0; border-top: 1px solid rgba(255,253,247,.25); color: #d4ddd1; font-size: 11px; font-weight: 700; }.sale-hero-asset > small { margin-top: 1.4rem; color: #b7c3b6; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sale-introduction { margin: 0 clamp(1rem, 5vw, 6.5rem); padding: clamp(4rem, 8vw, 8rem) 0; display: grid; grid-template-columns: 1fr .85fr; gap: clamp(2rem, 9vw, 12rem); border-top: 1px solid var(--line); }.sale-introduction h2, .sale-section-heading h2, .sale-models h2, .sale-includes h2, .sale-contact h2 { margin-bottom: 0; font-family: "DM Serif Display", serif; font-size: clamp(2.4rem, 4.4vw, 5.1rem); font-weight: normal; line-height: .94; letter-spacing: -.06em; }.sale-introduction > div:last-child { padding-top: 1.6rem; }.sale-introduction > div:last-child p { color: #647067; font-size: 15px; line-height: 1.85; }.sale-introduction > div:last-child p + p { margin-bottom: 0; }
.sale-reasons { padding: clamp(4rem, 7vw, 7.5rem) clamp(1rem, 5vw, 6.5rem); background: var(--haze); }.sale-section-heading { display: grid; grid-template-columns: 1fr .75fr; gap: 2rem; align-items: end; margin-bottom: 3rem; }.sale-section-heading h2 { max-width: 720px; }.sale-reason-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.sale-reason { min-height: 245px; padding: 1.2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; transition: background 180ms var(--ease-out); }.sale-reason:hover { background: var(--cream); }.sale-reason > span { color: var(--moss); font-size: 10px; font-weight: 800; }.sale-reason h3 { margin: auto 0 .7rem; font-family: "DM Serif Display", serif; font-size: 29px; font-weight: normal; line-height: 1; letter-spacing: -.04em; }.sale-reason p { margin-bottom: 0; color: #647068; font-size: 12px; line-height: 1.65; }
.sale-models { margin: clamp(4rem, 7vw, 8rem) clamp(1rem, 5vw, 6.5rem); display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(2rem, 7vw, 9rem); }.sale-models-intro p:not(.eyebrow) { max-width: 390px; margin-top: 1.5rem; color: #627067; font-size: 14px; line-height: 1.8; }.sale-model-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.sale-model-grid article { min-height: 222px; padding: 1.1rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); position: relative; transition: background 180ms var(--ease-out); }.sale-model-grid article:hover { background: var(--haze); }.sale-model-grid article > span { color: #9aa398; font-size: 10px; font-weight: 800; }.sale-model-grid h3 { margin: 2.2rem 1.6rem .6rem 0; font-family: "DM Serif Display", serif; font-size: 26px; font-weight: normal; line-height: 1.02; letter-spacing: -.035em; }.sale-model-grid p { margin-bottom: 0; color: #667168; font-size: 12px; line-height: 1.6; }.sale-model-grid svg { position: absolute; top: 1rem; right: 1rem; color: var(--moss); }
.sale-includes { padding: clamp(4rem, 7vw, 7rem) clamp(1rem, 5vw, 6.5rem); display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 8vw, 10rem); background: var(--ink); color: var(--cream); }.sale-includes .eyebrow { color: var(--saffron); }.sale-checklist { align-self: center; border-top: 1px solid rgba(255,253,247,.26); }.sale-checklist div { min-height: 59px; display: flex; align-items: center; gap: .8rem; border-bottom: 1px solid rgba(255,253,247,.26); color: #d8dfd3; font-size: 13px; font-weight: 700; }.sale-checklist svg { color: var(--saffron); flex: none; }.sale-growth { margin: clamp(4rem, 7vw, 7rem) clamp(1rem, 5vw, 6.5rem); padding-top: 1rem; border-top: 2px solid var(--ink); }.sale-growth-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 1.5rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.sale-growth-grid article { min-height: 205px; padding: 1.1rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.sale-growth-grid span { color: var(--moss); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.sale-growth-grid h3 { margin: 2.6rem 0 0; font-family: "DM Serif Display", serif; font-size: clamp(1.7rem, 2.5vw, 2.6rem); font-weight: normal; line-height: .98; letter-spacing: -.045em; }.sale-contact { margin: 0 clamp(1rem, 5vw, 6.5rem) clamp(4rem, 7vw, 7rem); padding: clamp(2rem, 5vw, 5rem); display: grid; grid-template-columns: 1.1fr .7fr; gap: 3rem; align-items: end; background: var(--saffron); }.sale-contact .eyebrow { color: var(--ink); }.sale-contact > div:last-child { display: grid; gap: 1.4rem; }.sale-contact > div:last-child p { max-width: 330px; margin: 0; font-size: 13px; font-weight: 700; line-height: 1.7; }.sale-email { width: fit-content; display: inline-flex; align-items: center; gap: .55rem; border-bottom: 1px solid var(--ink); padding-bottom: .3rem; font-size: 14px; font-weight: 800; }.sale-email:hover { color: var(--moss); }

@keyframes panel-in { from { opacity: 0; transform: translateY(-8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-reduced-motion: no-preference) { .home-hero > *, .section-hero > *, .quick-routes > * { animation: reveal 520ms var(--ease-out) both; }.home-hero > *:nth-child(2), .section-hero > *:nth-child(2) { animation-delay: 75ms; }.home-hero > *:nth-child(3) { animation-delay: 145ms; } @keyframes reveal { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } }
@media (max-width: 1060px) { .desktop-nav { display: none; }.menu-button { display: grid; }.mobile-nav { display: grid; background: var(--cream); border-bottom: 1px solid var(--line); padding: .55rem 1rem 1rem; }.mobile-nav a { padding: .8rem 0; display: grid; grid-template-columns: 32px 1fr 18px; align-items: center; border-bottom: 1px solid var(--line); font-family: "DM Serif Display", serif; font-size: 25px; }.mobile-nav a span { color: var(--moss); font-family: "Manrope", sans-serif; font-size: 9px; font-weight: 800; letter-spacing: .1em; }.home-hero { grid-template-columns: 38px 1fr 42%; gap: 2.5rem; }.hero-copy h1 { font-size: clamp(2.9rem, 5.5vw, 4.8rem); }.home-feature-grid { gap: 3rem; }.section-hero { gap: 3.5rem; }.footer-top { grid-template-columns: 1.1fr .6fr .85fr; }.footer-brand { grid-column: span 3; }.newsletter { grid-column: 1 / -1; max-width: 420px; } }
@media (max-width: 760px) { .topline { font-size: 8px; }.sale-topline-link { min-height: 44px; align-items: flex-start; padding-top: 6px; }.sale-topline-copy { display: grid; gap: 1px; }.sale-topline-copy small { font-size: 8px; }.sale-topline-cta { align-self: center; font-size: 8px; white-space: nowrap; }.topline-note, .collab-link { display: none; }.site-header { min-height: 96px; gap: .7rem; }.brand-mark { width: 38px; height: 38px; }.brand-mark--header { width: 46.5px; height: 46.5px; }.brand-wordmark { font-size: 43.5px; }.brand-edition { font-size: 7px; }.header-actions { margin-left: auto; }.home-hero { min-height: auto; padding: 2.3rem 1rem 3.8rem; grid-template-columns: 27px 1fr; gap: 1rem; }.hero-side-note { grid-row: span 2; }.hero-copy { padding-top: .3rem; }.hero-copy h1 { font-size: clamp(2.8rem, 12.5vw, 4.7rem); }.hero-image { grid-column: 2; min-height: 350px; }.hero-scroll { display: none; }.quick-routes, .home-feature-grid, .guide-split, .production-feature, .section-hero, .section-feature, .faq-section, .sale-hero, .sale-introduction, .sale-models, .sale-includes, .sale-contact { grid-template-columns: 1fr; }.quick-routes { gap: 2rem; }.route-list, .data-grid, .topic-cards, .archive-grid, .sale-reason-grid, .sale-growth-grid { grid-template-columns: 1fr; }.route-card { min-height: 125px; }.home-feature-grid { padding-top: 3.8rem; }.lead-story { grid-template-columns: 1fr; gap: 1.3rem; }.lead-story-image { min-height: 360px; }.data-grid a, .data-grid a:not(:first-child) { min-height: 125px; padding: 1.2rem 0; border-right: 0; border-bottom: 1px solid var(--line); }.data-grid a:last-child { border-bottom: 0; }.data-grid strong { font-size: 4.2rem; }.guide-image { min-height: 430px; }.section-heading { grid-template-columns: 1fr; gap: 1rem; }.section-heading > p { margin: 0; }.topic-card { min-height: 150px; }.production-image { min-height: 350px; }.newsletter-banner { grid-template-columns: 1fr; gap: 1.4rem; }.breadcrumb { padding-top: 1rem; }.section-hero { padding-top: 2.2rem; padding-bottom: 4rem; gap: 2rem; }.section-hero-copy h1 { font-size: clamp(3.5rem, 14.5vw, 5.6rem); }.section-hero-image, .section-visual { height: 370px; min-height: 0; }.section-feature { gap: 1.5rem; }.feature-index { display: flex; align-items: center; gap: 1rem; }.feature-index p { margin: 0; }.feature-story { grid-template-columns: 1fr; }.feature-art { min-height: 200px; }.archive-card { min-height: 265px; }.insight-band { grid-template-columns: 1fr; gap: 1rem; }.source-link { justify-self: start; }.faq-section { gap: 2.5rem; }.footer-top { grid-template-columns: 1fr 1fr; }.footer-brand, .newsletter { grid-column: span 2; }.footer-bottom { flex-wrap: wrap; }.footer-bottom span:last-child { width: 100%; order: 3; }.search-panel { top: 110px; }.sale-hero { min-height: auto; padding: 2.2rem 1rem 3.5rem; grid-template-columns: 27px 1fr; gap: 1rem; }.sale-rail { grid-row: span 2; }.sale-hero-copy h1 { font-size: clamp(3.1rem, 13vw, 4.7rem); }.sale-hero-copy > p:not(.eyebrow) { font-size: 15px; }.sale-hero-asset { min-height: 310px; grid-column: 2; }.sale-introduction { gap: 1.5rem; }.sale-introduction > div:last-child { padding-top: 0; }.sale-section-heading { grid-template-columns: 1fr; gap: 1rem; }.sale-reason { min-height: 205px; }.sale-model-grid { grid-template-columns: 1fr; }.sale-models { gap: 2.5rem; }.sale-includes { gap: 2.5rem; }.sale-growth-grid article { min-height: 160px; }.sale-contact { gap: 2rem; } }
@media (max-width: 760px) { .recipe-rhythm, .evidence-ficha, .business-map, .news-wire, .egg-code { grid-template-columns: 1fr; }.recipe-rhythm span, .evidence-ficha span, .business-map span, .news-wire span, .egg-code span { min-height: 75px; border-right: 0; border-bottom: 1px solid var(--line); }.chapter-recipes .recipe-rhythm span, .chapter-business .business-map span, .chapter-guide .egg-code span { border-color: rgba(255,253,247,.24); }.recipe-rhythm span:last-child, .evidence-ficha span:last-child, .business-map span:last-child, .news-wire span:last-child, .egg-code span:last-child { border-bottom: 0; }.trace-route { flex-direction: column; align-items: flex-start; padding-bottom: 1rem; }.trace-route i { width: 1px; height: 17px; flex: 0; margin-left: 14px; }.section-recetas .archive-card:first-child, .section-nutricion .archive-card:nth-child(5), .section-produccion .archive-card:nth-child(3), .section-actualidad .archive-card:first-child { grid-column: auto; }.section-guia-del-huevo .archive-card:nth-child(3) { grid-row: auto; min-height: 265px; }.section-empresas .archive-grid { grid-template-columns: 1fr; } }
@media (max-width: 430px) { .brand-wordmark { font-size: 37.5px; }.brand-mark { width: 30px; height: 30px; }.brand-mark--header { width: 45px; height: 45px; }.icon-button { width: 33px; height: 33px; }.home-hero { grid-template-columns: 20px 1fr; }.hero-copy h1 { font-size: 3rem; }.footer-top { grid-template-columns: 1fr; }.footer-brand, .newsletter { grid-column: auto; }.footer-links { padding-top: 1rem; }.newsletter-banner { padding: 1.7rem; } }

/* Faldón móvil: conservar únicamente la llamada comercial y su acción. */
@media (max-width: 760px) { .sale-topline-link { min-height: 38px; align-items: center; padding-top: 0; padding-bottom: 0; }.sale-topline-copy { display: block; }.sale-topline-copy small { display: none; }.sale-topline-cta { font-size: 8px; } }

/* Interacciones conservadas sin framework. */
[hidden]{display:none!important}.search-results svg,.mobile-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search-box svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search-empty{padding:.8rem;color:#667168;font-size:12px}.mobile-nav a svg{width:17px;height:17px;justify-self:end;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width:1060px){.mobile-nav:not([hidden]){display:grid}}