:root{--navy:#003154;--navy2:#06263b;--ink:#10202a;--muted:#61717a;--cream:#f4f0e8;--white:#fff;--berry:#9f1838;--gold:#e7b23c;--line:#dce3e6;--shadow:0 20px 60px rgba(0,32,54,.14);--radius:22px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:#fff}img{max-width:100%;display:block}a{color:inherit}button,input,textarea,select{font:inherit}.skip{position:fixed;left:1rem;top:-4rem;background:#fff;color:var(--navy);padding:.7rem 1rem;border-radius:10px;z-index:100}.skip:focus{top:1rem}.container{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,49,84,.1)}.nav{min-height:76px;width:min(1320px,100%);margin:auto;padding:.5rem 1rem;display:flex;align-items:center;gap:1rem}.brand img{width:118px;height:auto}.nav-toggle{margin-left:auto;border:1px solid var(--line);background:#fff;color:var(--navy);padding:.65rem .8rem;border-radius:12px}.nav-menu{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:1rem;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav-menu.open{display:grid;gap:.3rem}.nav-menu>a,.nav-group summary{display:block;padding:.75rem .5rem;text-decoration:none;font-weight:700;color:var(--navy)}.nav-group summary{cursor:pointer;list-style:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group>div{padding:.2rem .8rem .6rem;display:grid;gap:.2rem}.nav-group>div a{padding:.55rem;text-decoration:none;color:#42515a;border-radius:8px}.nav-group>div a:hover,.nav-group>div a:focus-visible{background:#eef4f6;color:var(--navy)}.nav-cta{background:var(--navy);color:#fff!important;border-radius:999px!important;padding:.7rem 1.1rem!important;text-align:center}.hero{min-height:calc(100svh - 76px);position:relative;display:grid;align-items:end;overflow:hidden;background:#09283b}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);filter:saturate(.98) contrast(1.02)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,28,47,.82) 0%,rgba(0,28,47,.5) 45%,rgba(0,28,47,.12) 100%),linear-gradient(0deg,rgba(0,28,47,.68),transparent 55%)}.hero-inner{position:relative;z-index:1;width:min(1100px,100%);margin:auto;padding:6rem 1rem 5rem;color:#fff}.hero h1{font-size:clamp(3.1rem,9vw,7rem);line-height:.92;letter-spacing:-.055em;max-width:900px;margin:.5rem 0 1.25rem;font-weight:800}.hero p{font-size:clamp(1rem,2vw,1.3rem);max-width:700px;color:#e8f0f4}.eyebrow,.kicker{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.eyebrow{color:#d7e7ed}.kicker{color:var(--berry)}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.15rem;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.14)}.btn-primary{background:#fff;color:var(--navy)}.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.45)}.btn-dark{background:var(--navy);color:#fff}.section{padding:5rem 0}.section.alt{background:var(--cream)}.section.dark{background:var(--navy);color:#fff}.section-head{max-width:760px;margin-bottom:2rem}.section-head h2{font-size:clamp(2rem,5vw,4.3rem);line-height:1.02;letter-spacing:-.04em;margin:.4rem 0 1rem;color:var(--navy)}.dark .section-head h2{color:#fff}.section-head p{font-size:1.08rem;color:var(--muted)}.split{display:grid;gap:2rem;align-items:center}.media-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#e9eef0}.media-card img{width:100%;height:100%;min-height:330px;object-fit:cover}.photo-wide{width:100%;height:clamp(250px,36vw,500px);object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.source-hero{position:relative;min-height:390px;display:grid;align-items:end;overflow:hidden;background:var(--navy)}.source-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.source-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,52,.82),rgba(0,31,52,.28))}.source-hero .container{position:relative;z-index:1;color:#fff;padding:5rem 0 4rem}.source-hero h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95;letter-spacing:-.05em;max-width:900px;margin:.35rem 0 1rem}.source-hero p{max-width:720px;font-size:1.15rem;color:#e9f2f5}.cards{display:grid;gap:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 35px rgba(0,49,84,.07)}.card-photo{height:260px;width:100%;object-fit:cover}.card-body{padding:1.5rem}.card h3{font-size:1.55rem;color:var(--navy);margin:.2rem 0 .5rem}.feature-list{padding-left:1.2rem}.feature-list li{margin:.65rem 0}.quote{font-family:Georgia,serif;font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.45;padding:2rem;border-left:3px solid var(--gold);background:rgba(255,255,255,.07);border-radius:0 var(--radius) var(--radius) 0}.quote cite{display:block;font:700 .78rem/1.3 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#bfd1da;margin-top:1.2rem}.fruit-grid{display:grid;grid-template-columns:1fr;gap:1rem}.fruit-card{background:#fff;border-radius:20px;padding:1.5rem;border:1px solid var(--line);min-height:190px}.fruit-card h3{color:var(--navy);font-size:1.5rem;margin:.1rem 0 .5rem}.fruit-card p{color:var(--muted);margin:0}.stat-strip{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.16);border-radius:18px;overflow:hidden}.stat{padding:1.5rem;background:rgba(255,255,255,.05)}.stat strong{font-size:2rem;display:block}.form-grid{display:grid;gap:1rem}.field{display:grid;gap:.35rem}.field label{font-weight:800;color:var(--navy)}.field input,.field textarea,.field select{width:100%;border:1px solid #c9d4d9;border-radius:12px;padding:.8rem .9rem;background:#fff}.field textarea{min-height:150px;resize:vertical}.notice{padding:1rem 1.2rem;border-left:4px solid var(--gold);background:#fff7dc;border-radius:12px}.map-placeholder{min-height:320px;border-radius:var(--radius);background:linear-gradient(135deg,#dbe8ec,#f2eee4);display:grid;place-items:center;text-align:center;padding:2rem;color:var(--navy);font-weight:800}.footer{background:#061d2d;color:#d7e3e8;padding:4rem 0 1.5rem}.footer-grid{display:grid;gap:2rem}.footer h2,.footer h3{color:#fff}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer-brand{display:flex;gap:1rem;align-items:flex-start}.footer-brand img{width:96px}.socials{display:flex;gap:.5rem;flex-wrap:wrap}.socials a{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.45rem .7rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:2rem;padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#9eb1ba;font-size:.88rem}.source-note{font-size:.82rem;color:#70818a}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}.no-motion *{scroll-behavior:auto!important}@media(min-width:760px){.nav-toggle{display:none}.nav-menu{display:flex;position:static;background:none;border:0;box-shadow:none;padding:0;margin-left:auto;align-items:center;gap:1rem}.nav-menu>a,.nav-group summary{padding:.55rem .4rem}.nav-group{position:relative}.nav-group>div{display:none;position:absolute;top:100%;left:-.7rem;width:240px;background:#fff;padding:.6rem;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.nav-group:hover>div,.nav-group:focus-within>div{display:grid}.nav-group details>summary{list-style:none}.split{grid-template-columns:1fr 1fr;gap:4rem}.cards{grid-template-columns:repeat(3,1fr)}.fruit-grid{grid-template-columns:repeat(2,1fr)}.form-grid.two{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.hero-inner{padding-bottom:7rem}}@media(min-width:1050px){.fruit-grid{grid-template-columns:repeat(3,1fr)}.section{padding:7rem 0}.hero{min-height:calc(100svh - 76px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.btn{transition:none}}

/* v3 immersive Columbia-inspired homepage and corrected dropdowns */
.nav-group{position:relative}.nav-drop{appearance:none;border:0;background:transparent;color:var(--navy);font:inherit;font-weight:800;padding:.55rem .4rem;cursor:pointer;display:flex;align-items:center;gap:.35rem}.nav-drop span{font-size:.9em;transition:transform .2s}.nav-group.open .nav-drop span{transform:rotate(180deg)}.dropdown{display:none;position:absolute;top:calc(100% + .5rem);left:-.8rem;min-width:245px;padding:.55rem;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);z-index:80}.nav-group.open .dropdown{display:grid}.dropdown a{padding:.7rem .75rem;text-decoration:none;color:#42515a;border-radius:10px;font-weight:650}.dropdown a:hover,.dropdown a:focus-visible{background:#eef4f6;color:var(--navy)}
.immersive-home{background:#061d2d}.media-panel{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#06283b var(--panel-image) center/cover no-repeat;background-attachment:fixed}.media-panel-video{background:#06283b}.media-bg,.media-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,28,47,.82),rgba(0,28,47,.25) 60%,rgba(0,28,47,.08)),linear-gradient(0deg,rgba(0,20,35,.72),transparent 55%)}.panel-copy{position:relative;z-index:2;width:min(850px,100%);padding:clamp(5rem,12vw,9rem) clamp(1.25rem,5vw,6rem);color:#fff}.panel-copy h1,.panel-copy h2{font-size:clamp(3rem,8vw,7rem);line-height:.94;letter-spacing:-.055em;margin:.5rem 0 1.25rem;max-width:800px}.panel-copy p{font-size:clamp(1rem,2vw,1.3rem);max-width:680px;color:#e8f0f4}.panel-count{position:absolute;right:clamp(1rem,4vw,4rem);bottom:2rem;color:rgba(255,255,255,.8);font-weight:800;letter-spacing:.15em;z-index:2}.btn-light{background:#fff;color:var(--navy);border-color:#fff}.product-showcase{background:var(--cream);padding:clamp(4rem,8vw,8rem) 0}.product-layout{display:grid;gap:3rem;align-items:center}.product-layout h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.05em;color:var(--navy);margin:.5rem 0 1rem}.product-layout p{max-width:540px;color:var(--muted);font-size:1.1rem}.product-links{display:grid;margin-top:2rem;border-top:1px solid #ccd7db}.product-links a{display:flex;justify-content:space-between;padding:1rem 0;text-decoration:none;font-weight:850;color:var(--navy);border-bottom:1px solid #ccd7db}.product-links a:hover{padding-left:.35rem}.product-collage{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;min-height:520px}.product-collage img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow);background:#fff}.product-collage .collage-main{grid-row:1/3;display:block}.product-collage .collage-main img{height:100%}.footer-brand img{width:120px;height:auto}
@media(max-width:759px){.nav-menu.open{display:grid}.nav-group{width:100%}.nav-drop{width:100%;justify-content:space-between;padding:.8rem .5rem}.dropdown{position:static;box-shadow:none;border:0;border-left:2px solid #dce3e6;border-radius:0;margin:.1rem 0 .5rem .5rem;padding:.1rem 0 .1rem .7rem}.nav-group.open .dropdown{display:grid}.media-panel{min-height:92svh;background-attachment:scroll}.panel-copy{padding:5.5rem 1.25rem 4.5rem}.panel-copy h1,.panel-copy h2{font-size:clamp(2.8rem,15vw,5rem)}.panel-count{bottom:1rem}.product-collage{min-height:400px;grid-template-columns:1.2fr 1fr;gap:.7rem}.product-collage img{border-radius:14px}}
@media(min-width:760px){.product-layout{grid-template-columns:.85fr 1.15fr}.nav-group:hover .dropdown{display:none}.nav-group.open .dropdown,.nav-group:focus-within .dropdown{display:grid}}
@media(prefers-reduced-motion:reduce){.media-panel{background-attachment:scroll}.media-bg video{display:none}.media-panel-video{background-image:url('https://scenicfruit.com/wp-content/uploads/2020/02/1.png')}}

/* v4 corrections: root-level pages, reference-style parallax, What We Do recreation, full footer */
.nav-group{position:relative}
.nav-group>.dropdown{display:none;position:absolute;top:calc(100% + .35rem);left:-.65rem;min-width:245px;padding:.55rem;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:80}
.nav-group.open>.dropdown,.nav-group:focus-within>.dropdown{display:grid}
.nav-group>.dropdown a{display:block;padding:.7rem .75rem;text-decoration:none;color:#42515a;border-radius:9px;font-weight:650}
.nav-group>.dropdown a:hover,.nav-group>.dropdown a:focus-visible{background:#eef4f6;color:var(--navy)}
.nav-drop{border:0;background:transparent;color:var(--navy);font-weight:750;cursor:pointer;display:flex;align-items:center;gap:.35rem;padding:.7rem .5rem}

/* Full-screen panels: the image/video layer moves independently of the panel for a reliable parallax effect. */
.immersive-home{background:#061d2d}
.media-panel{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#06283b}
.media-layer{position:absolute;inset:-10% 0;width:100%;height:120%;background:var(--panel-image) center/cover no-repeat;will-change:transform;transform:translate3d(0,0,0) scale(1.04)}
.media-video-layer{background:#06283b}
.media-layer video{display:block;width:100%;height:100%;object-fit:cover}
.media-overlay{z-index:1;background:linear-gradient(90deg,rgba(0,28,47,.82),rgba(0,28,47,.25) 60%,rgba(0,28,47,.08)),linear-gradient(0deg,rgba(0,20,35,.72),transparent 55%)}
.panel-copy{z-index:2}

/* Existing-site What We Do section recreated from the supplied reference screenshot, using Scenic Fruit's source product imagery. */
.what-we-do{position:relative;padding:2rem 0 3.25rem;background-color:#f8f8f7;background-image:repeating-linear-gradient(92deg,rgba(150,132,112,.08) 0 2px,transparent 2px 15px),repeating-linear-gradient(88deg,rgba(150,132,112,.045) 0 1px,transparent 1px 22px);background-size:100% 100%,100% 100%;overflow:hidden}
.what-heading{width:min(1140px,calc(100% - 2rem));margin:0 auto 2.4rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}
.what-heading span{height:3px;background:#c8ced0}
.what-heading h2{margin:0;color:#53616a;font-size:clamp(2rem,4vw,3.1rem);font-weight:500;letter-spacing:-.035em;text-align:center;white-space:nowrap}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,3.25rem);align-items:stretch}
.what-card{background:rgba(255,255,255,.96);min-height:545px;padding:2rem 1.35rem 1.55rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.what-media{height:275px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}
.what-media img{width:min(100%,310px);height:100%;object-fit:contain}
.what-card h3{margin:.15rem 0 .65rem;color:#003e67;font-family:inherit;font-size:clamp(1.35rem,1.8vw,1.65rem);font-weight:750;line-height:1.15;letter-spacing:-.02em}
.what-card p{margin:0 auto;max-width:320px;min-height:4.2em;font-size:1rem;line-height:1.5;color:#111}
.what-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-width:210px;min-height:82px;padding:1rem 1.5rem;border-radius:44px;background:#003e67;color:#fff;text-decoration:none;font-size:1.05rem;font-weight:500;letter-spacing:.02em;border:1px solid rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.what-button:hover,.what-button:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,49,84,.2);background:#002f50}

/* Footer mirrors the current site's content while adding accessible social icon links and the four source certification marks. */
.footer-subhead{margin-top:1.25rem}
.instagram-follow{margin-top:-.25rem}
.socials{display:flex;gap:.65rem;margin:.65rem 0 1.15rem}
.social-icon{width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;transition:transform .2s ease,background .2s ease}
.social-icon:hover,.social-icon:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.1)}
.social-icon svg{width:21px;height:21px}
.certifications{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:.6rem}
.certifications img{width:auto;height:44px;max-width:82px;object-fit:contain;background:#fff;border-radius:5px;padding:3px}
.footer-brand img{width:132px;height:auto}

/* Our Company source-content page */
.company-hero .container{padding-top:1rem;padding-bottom:1rem}
.company-copy{max-width:960px}
.company-copy h2{font-size:clamp(1.8rem,3vw,2.7rem);color:var(--navy);margin:0 0 1rem}
.company-copy h2:not(:first-child){margin-top:2.8rem}
.company-copy p{font-size:1.08rem}
.company-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:#061d2d;box-shadow:var(--shadow)}
.company-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.company-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.company-story-grid img{width:100%;max-height:520px;object-fit:contain}
.company-story-grid .lead{font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:650;color:var(--navy)}
.company-history-image img{width:100%;max-height:520px;object-fit:contain;margin-inline:auto}

@media(min-width:760px){
  .nav-menu{display:flex;position:static;box-shadow:none;border:0;background:transparent;padding:0;margin-left:auto;align-items:center;gap:.2rem}
  .nav-toggle{display:none}
  .nav-menu>a,.nav-drop{white-space:nowrap}
  .nav-group:hover>.dropdown{display:none}
  .nav-group.open>.dropdown,.nav-group:focus-within>.dropdown{display:grid}
}
@media(max-width:759px){
  .nav-group>.dropdown{position:static;min-width:0;margin:.1rem 0 .5rem .5rem;border:0;border-left:2px solid #dce3e6;border-radius:0;box-shadow:none;padding:.1rem 0 .1rem .7rem}
  .nav-group.open>.dropdown{display:grid}
  .what-we-do{padding-top:1.5rem}
  .what-heading{gap:.6rem;margin-bottom:1.4rem}
  .what-heading h2{font-size:clamp(1.45rem,7vw,2.1rem)}
  .what-grid{grid-template-columns:1fr;gap:1rem}
  .what-card{min-height:500px;padding-top:1.25rem}
  .what-media{height:250px}
  .what-card h3{font-size:2.35rem}
  .what-button{min-height:68px;min-width:195px}
  .company-story-grid{grid-template-columns:1fr;gap:2rem}
}
@media(prefers-reduced-motion:reduce){
  .media-layer{transform:none!important}
  .what-button,.social-icon{transition:none}
}

/* Updates for locally supplied Scenic Fruit media assets */
.facility-map{margin:2rem 0 0;background:#fff;padding:clamp(.75rem,2vw,1.5rem);border:1px solid #e4e8ea;border-radius:12px}.facility-map img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}.facility-map figcaption,.bulk-image-gallery figcaption{font-size:.9rem;color:#586570;margin-top:.65rem}.facility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.bulk-image-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}.bulk-image-gallery figure{margin:0;min-width:0}.bulk-image-gallery img{width:100%;height:auto;display:block;object-fit:contain;border-radius:8px}.what-card img,.source-hero img{max-width:100%}@media(max-width:700px){.facility-grid,.bulk-image-gallery{grid-template-columns:1fr}.facility-map{margin-top:1.25rem}}


/* Timeline styles for the source-provided Our Company content section */
.company-page .history-intro, .company-page .timeline-section { padding-block: clamp(2.5rem, 5vw, 5rem); }
.company-page .history-navigation { display:flex; flex-wrap:wrap; gap:.55rem; margin:1.25rem 0 2.5rem; }
.company-page .history-navigation a { display:inline-flex; align-items:center; justify-content:center; padding:.55rem .85rem; border:1px solid #d7e0e5; border-radius:999px; color:#073657; background:#fff; font-weight:700; text-decoration:none; }
.company-page .history-navigation a:hover, .company-page .history-navigation a:focus-visible { color:#fff; background:#073657; }
.company-page .timeline { position:relative; display:grid; gap:2rem; }
.company-page .timeline-item { position:relative; display:grid; grid-template-columns:minmax(5rem, .22fr) minmax(0,1fr); gap:clamp(1rem,3vw,2.5rem); align-items:start; scroll-margin-top:7rem; }
.company-page .timeline-year { color:#073657; font-size:clamp(1.35rem,2.5vw,2rem); font-weight:800; line-height:1.1; padding-top:.4rem; }
.company-page .timeline-card { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr); gap:clamp(1rem,3vw,2rem); align-items:center; padding:clamp(1rem,3vw,2rem); background:#fff; border:1px solid #e1e7e9; box-shadow:0 8px 28px rgba(7,54,87,.07); }
.company-page .timeline-copy h2 { margin:.35rem 0 .8rem; color:#073657; }
.company-page .timeline-card figure { margin:0; }
.company-page .timeline-card figure img { display:block; width:100%; max-height:320px; object-fit:contain; border-radius:4px; }
.company-page .timeline-card figcaption { margin-top:.4rem; font-size:.82rem; color:#65727a; }
.company-page .timeline-item:before { content:""; position:absolute; left:calc(clamp(5rem, 22%, 9rem) - 1.2rem); top:2.3rem; bottom:-2.4rem; width:2px; background:#d7e0e5; }
.company-page .timeline-item:last-child:before { display:none; }
@media(max-width:700px) { .company-page .timeline-item { grid-template-columns:1fr; gap:.5rem; } .company-page .timeline-item:before { display:none; } .company-page .timeline-card { grid-template-columns:1fr; } .company-page .timeline-year { padding-top:0; } }


/* Refinements based on the supplied page screenshots */
.contact-layout{align-items:start;gap:clamp(2rem,6vw,5rem);padding-block:clamp(2.5rem,5vw,4.5rem)}
.contact-layout .contact-details{padding-top:.5rem}
.contact-layout .form-card{background:#fff;border:1px solid #e2e8eb;border-radius:18px;padding:clamp(1.15rem,2.5vw,2rem);box-shadow:0 18px 44px rgba(12,43,60,.12);width:100%;max-width:620px;justify-self:end}
.contact-layout .form-card form{display:grid;gap:.7rem}
.contact-layout .form-card .form-grid{gap:.7rem}
.contact-layout .form-card .field{gap:.3rem}
.contact-layout .form-card .field label{font-size:.92rem}
.contact-layout .form-card .field input,.contact-layout .form-card .field select,.contact-layout .form-card .field textarea{border-radius:9px;padding:.72rem .8rem}
.contact-layout .form-card .field textarea{min-height:125px}
.contact-layout .form-card .form-note{font-size:.78rem;line-height:1.5;color:#75818a;margin:.2rem 0 0}
.bulk-image-gallery{grid-column:1/-1;width:min(100%,1000px);justify-self:center;align-self:start;margin:1rem auto 0;gap:clamp(1rem,3vw,2rem)}
.bulk-image-gallery figure{background:#fff;border:1px solid #e1e7e9;border-radius:14px;padding:clamp(.75rem,2vw,1.25rem);box-shadow:0 10px 30px rgba(7,54,87,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}
.bulk-image-gallery img{width:100%;max-width:100%;height:auto;max-height:460px;object-fit:contain;border-radius:6px}
.bulk-image-gallery figcaption{text-align:center;font-weight:700;color:#073657;padding:.35rem .25rem 0}
.certification-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2rem}
.certification-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;padding:1.25rem 1rem;background:#fff;border:1px solid #e0e7e9;border-radius:14px;box-shadow:0 8px 25px rgba(7,54,87,.06);color:inherit;text-decoration:none}
.certification-card img{width:100%;height:95px;object-fit:contain}
.certification-card h3{margin:.25rem 0 0;color:var(--navy);font-size:1rem}
.certification-card p{margin:0;font-size:.9rem;color:#566570;line-height:1.45}
.company-page .history-section{background:#f6f3ec;padding:clamp(2.5rem,5vw,4.5rem) 0}
.company-page .history-intro{padding:0 0 1.2rem;max-width:760px}
.company-page .history-intro h2{font-size:clamp(2rem,4vw,3rem);max-width:600px;line-height:1.02}
.company-page .timeline-years{display:flex;gap:.25rem;overflow-x:auto;white-space:nowrap;padding:.5rem .35rem;margin:1rem 0 2rem;background:#fff;border-radius:5px;scrollbar-width:thin}
.company-page .timeline-years a{font-size:.72rem;font-weight:800;color:#073657;text-decoration:none;padding:.3rem .45rem;border-radius:3px}
.company-page .timeline-years a:hover,.company-page .timeline-years a:focus-visible{background:#073657;color:#fff}
.company-page .timeline{display:block;max-width:1000px;margin:0 auto;position:relative;padding:0}
.company-page .timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#d5dfe2;transform:translateX(-50%)}
.company-page .timeline-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;position:relative;margin:0 0 1.5rem;min-height:120px;align-items:start}
.company-page .timeline-item:before{display:none}
.company-page .timeline-year{position:absolute;left:50%;top:.25rem;transform:translateX(-50%);z-index:2;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#073657;color:#fff;font-size:0;padding:0;box-shadow:0 0 0 4px #f6f3ec}
.company-page .timeline-year:after{content:"+";font-size:15px;line-height:1;font-weight:700}
.company-page .timeline-card{grid-column:1;width:100%;max-width:460px;display:grid;grid-template-columns:minmax(0,1fr) minmax(95px,.7fr);gap:.8rem;align-items:center;padding:1rem;background:#fff;border:1px solid #e4e7e5;border-radius:12px;box-shadow:0 5px 16px rgba(7,54,87,.08)}
.company-page .timeline-item:nth-child(even) .timeline-card{grid-column:2;justify-self:start}
.company-page .timeline-item:nth-child(odd) .timeline-card{justify-self:end}
.company-page .timeline-copy .kicker{font-size:.62rem;letter-spacing:.12em}
.company-page .timeline-copy h2{font-size:clamp(.95rem,1.5vw,1.2rem);line-height:1.05;margin:.25rem 0 .45rem}
.company-page .timeline-copy p{font-size:.76rem;line-height:1.45;margin:.35rem 0}
.company-page .timeline-card figure img{max-height:160px;object-fit:contain}
.company-page .timeline-card figcaption{font-size:.65rem}
@media(max-width:800px){
 .certification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-layout .form-card{max-width:none;justify-self:stretch}
}
@media(max-width:600px){
 .contact-layout .form-card{padding:1rem;border-radius:14px}
 .contact-layout .form-grid.two{grid-template-columns:1fr}
 .bulk-image-gallery{grid-template-columns:1fr}
 .bulk-image-gallery figure{width:100%}
 .certification-grid{grid-template-columns:1fr 1fr}
 .company-page .timeline:before{left:12px}
 .company-page .timeline-item{grid-template-columns:1fr;gap:.6rem;padding-left:2rem;margin-bottom:1rem}
 .company-page .timeline-year{left:12px;top:.75rem;width:20px;height:20px}
 .company-page .timeline-card,.company-page .timeline-item:nth-child(even) .timeline-card,.company-page .timeline-item:nth-child(odd) .timeline-card{grid-column:1;justify-self:stretch;max-width:none;grid-template-columns:minmax(0,1fr) minmax(85px,.7fr);padding:.85rem}
 .company-page .timeline-copy p{font-size:.82rem}
}

/* v9 refinements: sticky company-history year navigation, wider timeline cards, and complete fruit imagery */
.company-page .timeline-years{position:sticky;top:76px;z-index:20;box-shadow:0 5px 14px rgba(7,54,87,.08);border:1px solid #e5e9e8}
.company-page .timeline{max-width:1160px}
.company-page .timeline-item{gap:clamp(1.25rem,3vw,2.5rem)}
.company-page .timeline-card{max-width:none;width:100%;grid-template-columns:minmax(0,1fr) minmax(120px,.72fr);padding:clamp(1rem,2vw,1.5rem)}
.company-page .timeline-copy h2{font-size:clamp(1.05rem,1.7vw,1.35rem)}
.company-page .timeline-copy p{font-size:clamp(.82rem,.95vw,.95rem)}
.fruit-card .card-photo{display:block;width:100%;height:230px;box-sizing:border-box;padding:10px;object-fit:contain;object-position:center;background:#fff;border-radius:12px}
@media(max-width:700px){.company-page .timeline-years{top:64px}.company-page .timeline-card{grid-template-columns:minmax(0,1fr) minmax(90px,.65fr)}.fruit-card .card-photo{height:210px}}

.retail-packaging-types-card{margin:0 auto;max-width:1000px;padding:clamp(1rem,3vw,2rem);background:#fff;border:1px solid #e1e7e9;border-radius:16px;box-shadow:0 10px 30px rgba(7,54,87,.09);text-align:center}
.retail-packaging-types-card img{display:block;width:100%;max-height:650px;height:auto;object-fit:contain;margin-inline:auto}
.retail-packaging-types-card figcaption{margin-top:.8rem;color:#073657;font-weight:700}

/* Timeline content2 correction: display every source image assigned to each year. */
.company-page .timeline-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
  align-items: start;
  min-width: 0;
}
.company-page .timeline-images figure { margin: 0; min-width: 0; }
.company-page .timeline-images img {
  display: block;
  width: 100%;
  max-height: 260px;
  height: auto;
  object-fit: contain;
  background: #fff;
  border-radius: 4px;
}
.company-page .timeline-images figure:only-child { grid-column: 1 / -1; }
@media (max-width: 700px) {
  .company-page .timeline-card { grid-template-columns: minmax(0, 1fr); }
  .company-page .timeline-images { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}