/* A continuous PASAM journey. Content remains readable without JavaScript. */
:root{--pasam-progress:0;--transition-green:#153b27;--transition-yellow:#f3d43b}
.pasam-curtain{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:var(--transition-green);color:#fffdf6;transform:translateY(-102%);pointer-events:none;overflow:hidden;contain:layout paint}
.pasam-loading .pasam-curtain{transform:translateY(0)}
.pasam-curtain.is-active{pointer-events:all}
.pasam-curtain:before{content:'';position:absolute;inset:auto -10% 0;height:5px;background:var(--transition-yellow)}
.pasam-curtain-inner{display:flex;flex-direction:column;align-items:center;gap:34px;padding:24px}
.pasam-curtain-inner>img{display:block;width:217px;height:auto;aspect-ratio:216.67/172.19;object-fit:contain;animation:none}
.pasam-curtain-line{display:block;width:142px;height:2px;background:#ffffff24;position:relative;overflow:hidden}
.pasam-curtain-line:after{content:'';position:absolute;inset:0;background:var(--transition-yellow);transform:scaleX(0);transform-origin:left}
.pasam-curtain.is-holding .pasam-curtain-line:after{animation:pasam-loader-fill 2s linear forwards}
.pasam-live-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes pasam-loader-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* A fine reading-progress line, animated navigation and a cut-paper mobile menu. */
.refined-site .site-header.site-header:after{content:''!important;display:block!important;position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;height:2px;pointer-events:none;background:var(--pasam-yellow);transform:scaleX(var(--pasam-progress));transform-origin:left center;opacity:.9}
.refined-site .site-header.site-header .main-nav>a:before,.refined-site .site-header.site-header .main-nav>details>summary:before{content:'';position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--pasam-yellow);transform:scaleX(0);transform-origin:right;transition:transform .38s cubic-bezier(.22,1,.36,1)}
.refined-site .site-header.site-header .main-nav>a:hover:before,.refined-site .site-header.site-header .main-nav>a:focus-visible:before,.refined-site .site-header.site-header .main-nav>details>summary:hover:before,.refined-site .site-header.site-header .main-nav>details[open]>summary:before{transform:scaleX(1);transform-origin:left}
.refined-site .main-nav>details[open]>.nav-dropdown-panel{animation:pasam-menu-reveal .36s cubic-bezier(.22,1,.36,1) both;transform-origin:top}
.refined-site .nav-dropdown-panel>a{transition:background .2s,padding-left .25s!important}
.refined-site .nav-dropdown-panel>a:hover{padding-left:18px!important}
.refined-site .brand img{transition:filter .3s}
.refined-site .brand:hover img{filter:drop-shadow(0 0 10px #f3d43b50)}
@keyframes pasam-menu-reveal{from{clip-path:inset(0 0 100% 0);opacity:.3}to{clip-path:inset(0);opacity:1}}
@keyframes pasam-menu-row{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* A warehouse photograph grows into the viewport as the story arrives over it. */
.refined-site .scroll-cinema{display:block!important;position:relative!important;width:100%!important;max-width:none!important;height:165svh!important;min-height:820px!important;margin:64px 0 0!important;padding:0!important;background:#fffdf6!important;overflow:visible!important}
.scroll-cinema-stage{position:sticky;top:0;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#fffdf6}
.refined-site .scroll-cinema-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#153b27!important}
.refined-site .scroll-cinema-photo>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:46% 50%!important;margin:0!important;padding:0!important}
.scroll-cinema-photo:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0b2015eb 0%,#0b2015d4 35%,#0b201540 72%,#0b201515 100%);pointer-events:none}
.refined-site .scroll-cinema-copy{position:absolute!important;left:var(--space)!important;right:var(--space)!important;top:88px!important;bottom:0!important;height:fit-content!important;display:block!important;z-index:2!important;box-sizing:border-box!important;width:auto!important;max-width:590px!important;margin:auto 0!important;padding:0!important;color:#fffdf6!important}
.refined-site .scroll-cinema-copy h2{font-size:clamp(38px,4.2vw,66px)!important;line-height:1.12!important;font-weight:500!important;letter-spacing:-.045em!important;margin:0 0 30px!important;color:#fffdf6!important;max-width:18ch!important}
.refined-site .scroll-cinema-copy .heading-accent{color:#f3d43b!important;text-decoration:none!important}
.refined-site .scroll-cinema-copy p{font-size:15px!important;line-height:1.85!important;margin:0 0 20px!important;max-width:53ch!important;color:#fffdf6!important}
.refined-site .scroll-cinema-copy .button.button.button{margin-top:12px!important;background:#f3d43b!important;color:#153b27!important;border-color:#f3d43b!important}
.refined-site .scroll-cinema-copy .button-label{color:inherit!important}

/* The solar landscape opens horizontally; its copy has a calm, separate reading area. */
.refined-site .energy-panorama{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:80px 0!important;background:#153b27!important;color:#fffdf6!important;overflow:hidden!important}
.refined-site .energy-panorama-photo{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:78svh!important;min-height:400px!important;max-height:900px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#153b27!important}
.refined-site .energy-panorama-photo img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;max-height:none!important;margin:0!important;padding:0!important}
.refined-site .energy-panorama-copy,.refined-site .energy-panorama .energy-editorial-copy{box-sizing:border-box!important;display:grid!important;grid-template-columns:1.1fr 1fr!important;column-gap:clamp(40px,7vw,120px)!important;align-items:start!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:56px var(--space) 0!important;color:#fffdf6!important}
.refined-site .energy-panorama .energy-editorial-copy h2{grid-column:1;grid-row:1/3;font-size:clamp(36px,4vw,62px)!important;line-height:1.15!important;margin:0!important;max-width:18ch!important;color:#fffdf6!important}
.refined-site .energy-panorama .energy-editorial-copy .heading-accent{color:#f3d43b!important;text-decoration:none!important}
.refined-site .energy-panorama .energy-editorial-copy p{grid-column:2;font-size:15px!important;line-height:1.85!important;margin:0 0 24px!important;max-width:58ch!important;color:#fffdf6!important}
.refined-site .energy-panorama .energy-editorial-copy .button{grid-column:2;justify-self:start!important;margin:0!important}

/* A dedicated, editable crate selection for each lemon flowering. */
.variety-packing{box-sizing:border-box;width:100%;margin:0;padding:80px var(--space);background:#f7f2df;color:#153b27}
.variety-packing-heading{max-width:860px;margin:0 0 42px;text-align:left}
.variety-packing-heading .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.06em;margin:0 0 18px;color:#62705f}
.refined-site .variety-packing-heading h2{font-size:clamp(34px,4.5vw,62px)!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-.04em!important;max-width:23ch;margin:0 0 24px!important}
.variety-packing-heading>p:last-child{font-size:15px;line-height:1.85;max-width:72ch;margin:0}
.variety-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:0 0 56px}
.variety-process>li{display:flex;align-items:flex-start;gap:18px;border-top:1px solid #153b272b;padding-top:22px;min-width:0}
.variety-process-number{display:block;font:400 12px/1.6 Poppins,sans-serif;padding-top:3px;color:#62705f}
.variety-process>li>div{min-width:0}
.refined-site .variety-process h3{font:500 20px/1.4 Poppins,sans-serif!important;margin:0 0 14px!important;color:#153b27}
.variety-process p{font-size:13px;line-height:1.8;margin:0;color:#40543f}
.refined-site .lemon-gallery .gallery-grid{grid-template-rows:none!important;grid-auto-rows:auto!important}
.refined-site .variety-crates{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:32px 24px!important;width:100%!important;margin:0!important;padding:0!important}
.refined-site .variety-crates>.variety-crate-photo{display:block!important;position:relative!important;grid-column:auto!important;grid-row:auto!important;min-width:0!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden!important}
.refined-site .variety-crate-photo img{box-sizing:border-box!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:4/3!important;object-fit:contain!important;margin:0!important;padding:24px!important;background:#fffdf6!important;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.refined-site .variety-crate-photo:hover img{transform:scale(1.025)}
.refined-site .variety-crate-photo figcaption{position:static!important;display:flex!important;align-items:center!important;gap:14px!important;margin:0!important;padding:17px 0 0!important;color:#153b27!important;background:transparent!important;font:400 12px/1.6 Poppins,sans-serif!important}
.variety-crate-index{font-size:10px;color:#62705f}
.variety-crate-photo figcaption>span:last-child{margin-left:auto;font-size:18px}
.variety-crate-photo:focus-visible{outline:2px solid #153b27;outline-offset:6px}
.refined-site .variety-packing[data-variety=verdello] .variety-crates{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.refined-site .variety-packing[data-variety=verdello] .variety-crate-photo img{object-fit:contain!important;padding:24px!important}
.variety-process-link{display:inline-flex;align-items:center;min-height:44px;margin-top:36px;font-size:13px;line-height:1.6;color:#153b27;text-decoration:none;border-bottom:1px solid #153b27;padding:6px 0}
.refined-site .lemon-hero-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;box-sizing:border-box!important;padding:clamp(16px,3vw,40px)!important}

@media(max-width:1100px){
 .refined-site>.main-nav.main-nav{transform:none!important;clip-path:inset(0 0 100% 0);transition:clip-path .5s cubic-bezier(.76,0,.24,1),visibility .5s!important;opacity:1!important}
 .refined-site>.main-nav.main-nav.is-open{clip-path:inset(0)}
 .refined-site>.main-nav.main-nav.is-open>a,.refined-site>.main-nav.main-nav.is-open>details{animation:pasam-menu-row .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--nav-index,0) * 24ms + 80ms)}
 .refined-site>.main-nav.main-nav.is-open>details[open]>.nav-dropdown-panel{animation:none}
 .refined-site>.main-nav.main-nav .mobile-lang-switcher .active{background:transparent!important;border:1px solid #f3d43b!important;color:#f3d43b!important}
 .refined-site .scroll-cinema-copy{max-width:550px!important}
 .refined-site .scroll-cinema-copy h2{font-size:46px!important}
 .variety-process{gap:24px}
}
@media(max-width:700px){
 .pasam-curtain-inner>img{width:180px;height:auto}
 .refined-site.home-cinema .whatsapp{bottom:calc(148px + env(safe-area-inset-bottom))!important}
 .refined-site .lemon-hero-photo{aspect-ratio:1/1!important}
 .refined-site .scroll-cinema{height:auto!important;min-height:0!important;margin:48px 0 0!important;background:#153b27!important}
 .scroll-cinema-stage{position:relative;top:auto;height:auto;min-height:0;overflow:visible;background:#153b27}
 .refined-site .scroll-cinema-photo{position:relative!important;inset:auto!important;height:64svh!important;min-height:330px!important}
 .scroll-cinema-photo:after{background:linear-gradient(180deg,transparent 60%,#153b27 100%)}
 .refined-site .scroll-cinema-copy{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:24px 24px 56px!important;transform:none!important}
 .refined-site .scroll-cinema-copy h2{font-size:36px!important;max-width:19ch!important;margin-bottom:26px!important}
 .refined-site .scroll-cinema-copy p{font-size:15px!important}
 .refined-site .energy-panorama{padding:0 0 56px!important}
 .refined-site .energy-panorama-photo{height:56svh!important;min-height:300px!important}
 .refined-site .energy-panorama .energy-editorial-copy{display:block!important;padding:32px 24px 0!important}
 .refined-site .energy-panorama .energy-editorial-copy h2{font-size:36px!important;max-width:none!important;margin-bottom:26px!important}
 .refined-site .energy-panorama .energy-editorial-copy p{font-size:15px!important;margin-bottom:26px!important}
 .variety-packing{padding:48px 24px}
 .variety-packing-heading{margin-bottom:32px}
 .refined-site .variety-packing-heading h2{font-size:34px!important;max-width:none!important}
 .variety-process{grid-template-columns:1fr;gap:24px;margin-bottom:36px}
 .variety-process>li{padding-top:18px}
 .variety-process p{font-size:14px}
 .refined-site .variety-crates{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 14px!important}
 .refined-site .variety-crate-photo img{padding:10px!important}
 .refined-site .variety-crate-photo figcaption{align-items:flex-start!important;font-size:10px!important;gap:7px!important;padding-top:12px!important}
 .refined-site .variety-packing[data-variety=verdello] .variety-crates{grid-template-columns:1fr!important;gap:28px!important}
 .refined-site .variety-packing[data-variety=verdello] .variety-crate-photo figcaption{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
 .pasam-curtain-inner>img,.pasam-curtain-line:after{animation:none!important}
 .refined-site .scroll-cinema{height:auto!important;min-height:0!important}
 .scroll-cinema-stage{position:relative;top:auto}
 .refined-site .scroll-cinema-photo,.refined-site .energy-panorama-photo{clip-path:none!important}
 .refined-site .scroll-cinema-photo img,.refined-site .energy-panorama-photo img{transform:none!important}
 .refined-site .main-nav *,.refined-site .site-header *,.refined-site>.main-nav.main-nav{animation:none!important;transition:none!important}
}
@media(max-height:650px) and (min-width:701px){.refined-site .scroll-cinema-copy h2{font-size:38px!important;margin-bottom:20px!important}.refined-site .scroll-cinema-copy p{font-size:13px!important;line-height:1.7!important;margin-bottom:16px!important}}