/* Homepage only: carry the film's ink-teal and sunrise-gold palette below the hero. */
body.landing-mode .landing-page,
body.landing-mode .landing-main-i{
  background:radial-gradient(ellipse 64% 24% at 84% 43%,rgba(205,157,83,.08),transparent 75%),
             linear-gradient(180deg,#0b2b35 0%,#12383d 43%,#0b2b35 100%);
  color:#eeeade;
}
body.landing-mode .landing-cinematic-hero::after{
  background:linear-gradient(180deg,rgba(3,21,34,.28) 0%,rgba(3,21,34,.19) 43%,rgba(3,21,34,.11) 69%,rgba(8,37,46,.89) 100%);
}
/* Search suggestions must be able to open beyond the film's bottom edge. */
body.landing-mode .landing-cinematic-hero{overflow:visible;z-index:1}
body.landing-mode .landing-cinematic-hero:focus-within{z-index:3}

/* Ingredient suggestions bridge the film and the functional content. */
body.landing-mode .ingredient-home-feature{
  width:min(1200px,calc(100% - 48px));max-width:none;margin:-28px auto 8px;
  padding:16px 21px;border-radius:15px;
  background:rgba(14,51,58,.94);border:1px solid rgba(217,218,191,.24);
  box-shadow:0 19px 34px rgba(2,22,30,.22);backdrop-filter:blur(16px);
}
body.landing-mode .ingredient-home-feature>span{color:#ead9ad;font-size:12px;letter-spacing:.06em}
body.landing-mode .ingredient-home-feature button{
  background:rgba(234,242,227,.065);border-color:rgba(216,228,213,.24);
  color:#eff0dc;border-radius:999px;
}
body.landing-mode .ingredient-home-feature button:hover,
body.landing-mode .ingredient-home-feature button:focus-visible{
  background:rgba(224,190,119,.16);border-color:#d8bd85;color:#fff5e2;
}
body.landing-mode .ingredient-home-feature .landing-chip-all{
  color:#e4cb92;border-color:transparent;background:transparent;
}

/* Quiet editorial bridge, without a second box or another hero. */
body.landing-mode .landing-vision-compact-l{
  margin-top:21px!important;margin-bottom:0!important;padding:15px 0 22px!important;
  border-bottom:1px solid rgba(219,223,199,.19);background:none!important;
}
body.landing-mode .landing-vision-compact-l small{
  color:#d5bd85;font-size:10px;letter-spacing:.2em;
}
body.landing-mode .landing-vision-compact-l h2{
  color:#f6f3e8!important;font-size:clamp(20px,2.1vw,28px);font-weight:600;
  letter-spacing:.025em;
}
body.landing-mode .landing-vision-compact-l .landing-decision-flow span{
  color:#b8d0c8;font-size:11px;font-weight:600;
}
body.landing-mode .landing-vision-compact-l .landing-decision-flow i{color:#cdab70}

/* Four original paths: data-led typography in the same material as the film. */
body.landing-mode .landing-workflow-i{padding-top:46px;padding-bottom:52px}
body.landing-mode .landing-section-head-i{margin-bottom:23px}
body.landing-mode .landing-section-head-i small{
  color:#d8bd85;font-size:11px;letter-spacing:.19em;
}
body.landing-mode .landing-section-head-i h2{
  margin:10px 0 10px;color:#f7f4e8;font-size:clamp(27px,2.6vw,37px);
  font-weight:650;letter-spacing:.015em;
}
body.landing-mode .landing-section-head-i p{
  color:#b7cdc3;font-size:14px;line-height:1.7;
}
body.landing-mode .landing-feature-grid-i{gap:15px}
body.landing-mode .landing-feature-grid-i .landing-card{
  display:block;min-height:262px;border-radius:14px;cursor:pointer;
  background:linear-gradient(145deg,rgba(216,233,224,.11),rgba(216,233,224,.025) 70%);
  border:1px solid rgba(207,225,216,.19);box-shadow:0 13px 30px rgba(1,27,32,.13);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
body.landing-mode .landing-feature-grid-i .landing-card:hover{
  transform:translateY(-4px);border-color:rgba(228,193,123,.65);
  background:linear-gradient(145deg,rgba(224,236,219,.17),rgba(216,233,224,.055) 70%);
  box-shadow:0 19px 39px rgba(1,27,32,.19);
}
body.landing-mode .landing-feature-grid-i .landing-card:not(.landing-card-formulation)::before{
  top:24px;left:24px;right:auto;width:31px;height:2px;
  background:#d9ba7e;
}
body.landing-mode .landing-feature-grid-i .landing-card-body{padding:47px 24px 24px}
body.landing-mode .landing-feature-grid-i .landing-no{
  margin:0 0 34px;font-size:12px;font-weight:700;color:#ddb979;letter-spacing:.14em;
}
body.landing-mode .landing-feature-grid-i .landing-card h3{
  margin:0;color:#faf8ed;font-size:clamp(19px,1.55vw,22px);font-weight:650;
  letter-spacing:.025em;
}
body.landing-mode .landing-feature-grid-i .landing-card h3 small{
  display:inline-block;margin-left:5px;padding:3px 6px;vertical-align:middle;
  color:#f4d79a;border:1px solid rgba(237,209,151,.48);border-radius:4px;
  font-size:10px;line-height:1.1;letter-spacing:.08em;
}
body.landing-mode .landing-feature-grid-i .landing-card p{
  margin:12px 0 0;color:#bdd0c5;font-size:13px;line-height:1.68!important;
}
body.landing-mode .landing-feature-grid-i .landing-card-action{
  margin-top:auto;padding-top:20px;color:#ecd09b;font-size:12px;
}

/* Sources remain visible but no longer appear as five unrelated white tiles. */
body.landing-mode .landing-source-marks-i1{
  padding:28px 0 35px;border-top:1px solid rgba(219,223,199,.18);
}
body.landing-mode .landing-source-marks-i1 .source-mark-grid-i1{
  gap:0;grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid rgba(217,225,211,.22);
  border-bottom:1px solid rgba(217,225,211,.22);
  background:linear-gradient(90deg,rgba(219,231,217,.055),rgba(215,190,132,.045));
}
body.landing-mode .landing-source-marks-i1 .source-mark-card-i1{
  min-height:124px;padding:20px 10px;gap:11px;
  background:transparent;border:0;border-right:1px solid rgba(217,225,211,.16);
  border-radius:0;
}
body.landing-mode .landing-source-marks-i1 .source-mark-card-i1:last-child{border-right:0}
body.landing-mode .landing-source-marks-i1 .source-wordmark-i1{color:#f0e9d7}
body.landing-mode .landing-source-marks-i1 .source-wordmark-i1 span{color:#dec796}
body.landing-mode .landing-source-marks-i1 .source-mark-card-i1 small{
  color:#adc3b9;font-size:10px;line-height:1.4;
}
body.landing-mode .landing-source-marks-i1 .source-mark-note-i1{
  color:#90aba4;margin-top:14px;font-size:11px;
}

/* Single continuation into the existing workbench. */
body.landing-mode .simple-cta-banner{
  margin-top:2px;min-height:145px;padding:30px 38px;
  background:radial-gradient(circle at 90% 12%,rgba(232,181,95,.18),transparent 43%),
             linear-gradient(103deg,#1a4b4b,#24514e 60%,#385b50);
  border:1px solid rgba(225,209,167,.28);border-radius:15px;
}
body.landing-mode .simple-cta-banner .simple-cta-title{
  color:#f4f1e5;font-weight:600;font-size:clamp(21px,2vw,27px);
}
body.landing-mode .simple-cta-banner .simple-cta-btn{
  background:#e8c687!important;color:#1b3c38!important;
  border-radius:8px;box-shadow:none;
}
body.landing-mode .simple-cta-banner .simple-cta-btn:hover{background:#f2d79f!important}
body.landing-mode .site-footer{
  background:#0b2b35;border-top:1px solid rgba(219,223,199,.18);color:#acc5b9;
}
body.landing-mode .site-footer a,body.landing-mode .footer-brand-l{color:#e6cb91}

@media(max-width:1220px){
  body.landing-mode .landing-feature-grid-i{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.landing-mode .landing-source-marks-i1 .source-mark-grid-i1{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.landing-mode .landing-source-marks-i1 .source-mark-card-i1:nth-child(3){border-right:0}
}
@media(max-width:760px){
  body.landing-mode .ingredient-home-feature{width:calc(100% - 28px);margin:-20px auto 8px;padding:14px 15px}
  body.landing-mode .landing-vision-compact-l{margin-top:18px!important;padding:14px 0 20px!important}
  body.landing-mode .landing-workflow-i{padding-top:31px;padding-bottom:35px}
  body.landing-mode .landing-feature-grid-i{grid-template-columns:1fr!important;gap:11px}
  body.landing-mode .landing-feature-grid-i .landing-card{min-height:184px}
  body.landing-mode .landing-feature-grid-i .landing-card-body{padding:33px 21px 18px}
  body.landing-mode .landing-feature-grid-i .landing-no{margin-bottom:15px}
  body.landing-mode .landing-feature-grid-i .landing-card p{margin-top:7px}
  body.landing-mode .landing-feature-grid-i .landing-card-action{padding-top:12px}
  body.landing-mode .landing-feature-grid-i .landing-card:not(.landing-card-formulation)::before{left:21px;top:17px}
  body.landing-mode .landing-source-marks-i1{padding:20px 0 28px}
  body.landing-mode .landing-source-marks-i1 .source-mark-grid-i1{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.landing-mode .landing-source-marks-i1 .source-mark-card-i1:nth-child(3){border-right:1px solid rgba(217,225,211,.16)}
  body.landing-mode .landing-source-marks-i1 .source-mark-card-i1:nth-child(even){border-right:0}
  body.landing-mode .simple-cta-banner{padding:25px 22px}
  body.landing-mode .landing-cinematic-copy .ingredient-home-search-row{flex-wrap:nowrap}
  body.landing-mode .landing-cinematic-copy .ingredient-home-search-row .btn.primary{width:auto;flex:none}
}
@media(prefers-reduced-motion:reduce){
  body.landing-mode .landing-feature-grid-i .landing-card{transition:none}
}