/* FROVI Living Harvest: a moving product studio within the Trade Atlas. */
@layer tokens{ :root{--frost:oklch(60% .13 235);--frost-soft:oklch(91% .035 235);--motion-ease:cubic-bezier(.2,.72,.18,1)} }
@layer components{
 .living-hero,.freezer-hero{background:var(--nile-800);color:var(--paper-50);overflow:hidden;position:relative;background-image:radial-gradient(ellipse at 80% 35%,oklch(60% .13 235 / .2),transparent 60%),repeating-linear-gradient(90deg,transparent 0 150px,oklch(77% .065 151 / .035) 151px,transparent 152px)}
 .living-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;min-height:700px}
 .living-hero-copy{position:relative;z-index:3;padding-block:64px}.living-hero h1,.freezer-hero h1{font-size:clamp(44px,5vw,76px);line-height:1.17;max-width:15ch;letter-spacing:-.035em}.living-hero h1:lang(ar),.freezer-hero h1:lang(ar){font-size:clamp(58px,6vw,90px);line-height:1.2;letter-spacing:0;max-width:13ch}
 .hero-lede{font-size:17px;line-height:1.85;color:var(--paper-200);max-width:45ch;margin-top:28px}.living-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.hero-play{border:0;color:var(--paper-50);padding:0;font-size:13px;display:flex;gap:10px;align-items:center}.hero-play span{display:grid;place-content:center;border:1px solid oklch(96% .02 82 / .5);border-radius:50%;width:40px;height:40px;font-size:11px}.hero-play:hover{background:transparent;color:var(--leaf-300)}
 .hero-origin{display:flex;gap:20px;align-items:center;margin-top:40px;font-size:11px;line-height:1.8;color:var(--leaf-300)}.hero-origin .atlas-mark{font-size:42px}.hero-bottom-line{display:block;text-align:center;font-size:9px;letter-spacing:.16em;border-top:1px solid oklch(77% .065 151 / .2);padding:18px 24px;color:var(--paper-200)}.hero-bottom-line:lang(ar){letter-spacing:0;font-size:12px}
 .harvest-stage{height:640px;position:relative;isolation:isolate;perspective:1200px;transform:translate3d(calc(var(--pointer-x,0)*4px),calc(var(--pointer-y,0)*3px),0);transition:transform .7s var(--motion-ease)}.stage-halo{position:absolute;inset:10% -10%;background:radial-gradient(ellipse,oklch(81% .07 165 / .22),transparent 65%);filter:blur(10px);z-index:-2}.orbit{position:absolute;width:580px;height:580px;border:1px solid oklch(77% .065 151 / .18);border-radius:50%;top:5%;left:5%;z-index:-1}.orbit-two{width:440px;height:440px;top:16%;left:16%;border-style:dashed;animation:orbit 80s linear infinite}.stage-pack{position:absolute;object-fit:contain;height:82%;width:85%;top:8%;filter:drop-shadow(0 24px 18px oklch(15% .03 151 / .22));will-change:transform}.pack-main{left:8%;z-index:3;animation:pack-main 9s ease-in-out infinite}.pack-one{left:-17%;top:20%;height:63%;width:65%;z-index:1;transform:rotate(-12deg);animation:pack-left 10s ease-in-out infinite}.pack-two{left:50%;top:17%;height:66%;width:65%;z-index:2;transform:rotate(13deg);animation:pack-right 11s ease-in-out infinite}.stage-note{position:absolute;top:16px;right:0;line-height:1.1;font-family:'Titan One',sans-serif;font-size:66px;color:oklch(77% .065 151 / .09);z-index:-1}.stage-seal{position:absolute;z-index:4;inset-inline-end:0;bottom:18px;width:122px;height:122px;border-radius:50%;border:1px solid var(--leaf-300);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:7px;letter-spacing:.13em;line-height:2;background:oklch(20% .045 151 / .7);backdrop-filter:blur(8px);transform:rotate(9deg)}.stage-seal b{font-family:'Titan One',sans-serif;font-size:20px;font-weight:400;letter-spacing:0}
 .collection-tabs{display:flex;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}.collection-tab{position:relative;flex:1;border-inline-end:1px solid var(--line);padding-inline-end:24px}.collection-tab:last-child{border:0}.collection-tab span{display:block;font-size:8px;letter-spacing:.14em;color:var(--muted)}.collection-tab b{font-family:var(--font-brand-heading);font-weight:400;font-size:20px;line-height:1.5}.collection-tab b:lang(ar){font-size:25px}.collection-tab i{font-style:normal;font-size:17px;position:absolute;inset-inline-end:16px;top:8px}
 .frozen-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.spotlight-copy h2{max-width:16ch}.spotlight-copy>p:not(.eyebrow){color:var(--muted);margin-top:24px;font-size:17px}.spotlight-copy .button{margin-top:28px}.visual-note{display:block;max-width:60ch;font-size:10px;line-height:1.8;color:var(--muted);margin-top:24px}.living-hero-copy .visual-note{color:var(--paper-200)}.spotlight-images{position:relative;height:530px;background:radial-gradient(ellipse,var(--frost-soft),transparent 67%);perspective:1000px}.spotlight-pack{position:absolute;width:72%;height:90%;object-fit:contain;filter:drop-shadow(0 20px 12px oklch(30% .07 151 / .15))}.back-pack{left:-4%;top:0;transform:rotate(-10deg);animation:pack-left 10s ease-in-out infinite}.front-pack{left:34%;top:8%;transform:rotate(11deg);animation:pack-right 11s ease-in-out infinite}
 .film-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}.film-feature h2{font-size:clamp(32px,3.4vw,48px);max-width:17ch}.film-feature h2:lang(ar){font-size:48px}.film-feature p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:24px}.film-shell{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper-200);border-radius:2px 32px 2px 2px;box-shadow:0 20px 60px oklch(30% .07 151 / .09)}.film-shell video{width:100%;height:100%;object-fit:cover}.film-caption{position:absolute;top:16px;left:16px;pointer-events:none;font-size:9px;letter-spacing:.12em;padding:5px 10px;background:var(--paper-50);color:var(--nile-800);border-radius:2px}.play-film{display:inline-flex;align-items:center;gap:12px;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:8px 0;font-size:12px;margin-top:24px}.play-film span{font-size:10px}.play-film:hover{background:none;color:var(--ember-500)}.film-feature .text-link{margin-inline-start:24px;font-size:12px}.human-company{padding-block:96px;background:var(--nile-800);color:var(--paper-50);background-image:repeating-radial-gradient(circle at 10% 110%,transparent 0 80px,oklch(77% .065 151 / .08) 81px 82px,transparent 83px 160px)}.human-company .lede{color:var(--paper-200)}.human-company .text-link{margin-top:24px}
 .living-collections .living-tile{transition:box-shadow .4s,transform .5s var(--motion-ease)}.living-collections .living-tile:hover{transform:translateY(-6px);box-shadow:0 18px 45px oklch(30% .07 151 / .12)}.living-collections .family-tile img{mix-blend-mode:normal}.living-collections .tile-frozen>img{object-fit:contain}.channel-stories{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.channel-story{min-width:0;background:var(--surface);overflow:hidden;border-radius:2px}.channel-story>img{width:100%;height:230px;object-fit:cover;transition:transform .8s var(--motion-ease)}.channel-story:hover>img{transform:scale(1.04)}.channel-story>div{padding:32px 24px 48px;position:relative}.channel-story span{font-size:10px;color:var(--muted)}.channel-story h3{font-size:24px;margin-block:24px 16px}.channel-story h3:lang(ar){font-size:30px}.channel-story p{font-size:13px;color:var(--muted)}.channel-story b{position:absolute;inset-inline-end:24px;bottom:16px;font-size:26px;font-weight:400}.motion-gallery{background:var(--paper-200);color:var(--nile-950)}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.film-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);min-width:0}.film-card>img{width:100%;height:210px;object-fit:contain;background:var(--paper-50);padding:12px}.film-card>div{padding:24px}.film-card small{font-size:8px;letter-spacing:.13em;color:var(--muted)}.film-card h3{font-size:23px;margin-top:12px}.film-card h3:lang(ar){font-size:29px}.film-card .play-film{margin-top:16px}.media-disclosure{font-size:10px;color:var(--muted);margin-top:24px}.motion-gallery .media-disclosure{color:var(--nile-600)}
 .frozen-facts{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:32px;padding-block:36px;border-bottom:1px solid var(--line)}.frozen-facts>div{border-inline-end:1px solid var(--line);padding-inline-end:24px}.frozen-facts>div:last-child{border:0}.frozen-facts b{display:block;font-family:var(--font-brand-heading);font-weight:400;font-size:25px;line-height:1.2}.frozen-facts>div:first-child b{font-size:58px;color:var(--frost)}.frozen-facts span{font-size:12px;color:var(--muted);display:block;margin-top:12px}.range-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:64px}.range-jumps a{border:1px solid var(--line);border-radius:999px;padding:10px 24px;font-size:13px}.range-jumps a:hover{background:var(--accent);color:var(--bg)}.frozen-group{padding-bottom:64px;scroll-margin-top:120px}.group-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:32px}.group-heading h2{font-size:36px}.group-heading h2:lang(ar){font-size:44px}.group-heading span{font-size:11px;color:var(--muted)}.frozen-group .product-image,.product-image:has(img[src*="frozen-v2"]){background:radial-gradient(ellipse at center,var(--surface),var(--paper-200));aspect-ratio:1.13}.frozen-group .product-image>img,.product-image>img[src*="frozen-v2"]{padding:16px;object-fit:contain}.detail-visual:has(img[src*="frozen-v2"]){background:radial-gradient(ellipse,var(--surface),var(--paper-200));overflow:hidden}.detail-visual>img[src*="frozen-v2"]{height:560px;padding:24px}.catalogue-reference{border-top:1px solid var(--line);padding-block:32px 64px;font-size:12px;color:var(--muted)}.catalogue-reference summary{font-size:14px}.catalogue-reference img{max-width:380px;margin-top:24px}.catalogue-reference p{margin-top:16px}.range-last{text-align:center}.range-last p{margin:24px auto}.range-last .button{margin-top:8px}
 .reading-progress{position:fixed;top:0;inset-inline-start:0;z-index:150;height:3px;width:0;background:var(--ember-500);pointer-events:none;transition:width .08s linear}.motion-toggle{position:fixed;inset-inline-end:20px;bottom:20px;z-index:80;display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:0 5px 20px oklch(20% .045 151 / .1);font-size:10px;padding:9px 14px}.motion-toggle:hover{background:var(--accent);color:var(--bg)}#film-dialog{padding:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:min(1100px,calc(100% - 32px));max-height:90dvh;border-radius:6px}#film-dialog::backdrop{background:oklch(12% .025 151 / .88);backdrop-filter:blur(7px)}.film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px}.film-dialog-head h2{font-size:24px}.film-dialog-head button{border:0;font-size:28px;padding:0 8px}#film-dialog video{display:block;width:100%;max-height:75dvh;background:var(--nile-950)}
 html.motion-ready main section:not(.is-visible),html.motion-ready .product-card:not(.is-visible),html.motion-ready .resource-card:not(.is-visible),html.motion-ready .editorial-section:not(.is-visible){opacity:1}
 html.motion-ready main section,html.motion-ready .product-card,html.motion-ready .resource-card{transition:opacity .65s var(--motion-ease),transform .75s var(--motion-ease)}
 html.motion-ready .is-visible{animation:soft-arrive .8s var(--motion-ease) both}.product-card.is-visible .product-image>img[src*="frozen-v2"]{animation:product-breathe 10s ease-in-out infinite}.product-card:nth-child(3n+2) .product-image>img{animation-delay:-3s}.product-card:nth-child(3n+3) .product-image>img{animation-delay:-6s}
 html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation-play-state:paused!important}
 html[data-motion=paused] .is-visible{animation:none!important;opacity:1;translate:none}
 .motion-stage{transform-origin:center;transition:transform .8s var(--motion-ease)}
}
@layer responsive{
 @media(max-width:1100px){.living-hero-grid{min-height:650px}.harvest-stage{height:550px}.stage-pack{height:80%}.orbit{width:450px;height:450px}.orbit-two{width:340px;height:340px}.stage-note{font-size:48px}.living-hero h1,.freezer-hero h1{font-size:58px}.living-hero h1:lang(ar),.freezer-hero h1:lang(ar){font-size:68px}.frozen-spotlight,.film-feature{gap:40px}.spotlight-images{height:430px}.film-grid{gap:24px 16px}}
 @media(max-width:800px){.living-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.living-hero-copy{padding-block:48px 24px}.living-hero h1,.freezer-hero h1{font-size:clamp(40px,7.8vw,64px);max-width:16ch}.living-hero h1:lang(ar),.freezer-hero h1:lang(ar){font-size:clamp(52px,9vw,72px);max-width:15ch}.hero-lede{font-size:16px;max-width:52ch;margin-top:24px}.living-actions{gap:20px}.hero-origin{margin-top:32px}.harvest-stage{height:510px;max-width:600px;width:100%;margin:auto}.stage-pack{height:86%}.pack-main{top:4%}.pack-one{top:15%;height:68%;left:-5%}.pack-two{top:15%;height:68%;left:43%}.stage-seal{width:104px;height:104px;bottom:20px;inset-inline-end:0}.orbit{width:470px;height:470px;left:8%}.orbit-two{width:360px;height:360px;left:18%}.collection-tabs{overflow-x:auto;gap:0;width:100%;padding-inline:20px}.collection-tab{min-width:140px;padding-inline:16px}.collection-tab b{font-size:18px}.collection-tab b:lang(ar){font-size:23px}.collection-tab i{display:none}.frozen-spotlight,.film-feature{grid-template-columns:1fr;gap:32px}.spotlight-images{height:440px;max-width:550px;width:100%;margin:auto}.film-feature .film-shell{order:2}.film-feature h2,.film-feature h2:lang(ar){font-size:40px}.human-company{padding-block:64px}.channel-stories{grid-template-columns:1fr;gap:24px}.channel-story{display:grid;grid-template-columns:1fr 1fr;align-items:center}.channel-story>img{height:100%;min-height:220px}.channel-story>div{padding:24px 24px 48px}.channel-story h3{margin-block:16px;font-size:23px}.film-grid{grid-template-columns:1fr 1fr}.film-card>img{height:200px}.frozen-facts{gap:16px;grid-template-columns:1fr 1fr}.frozen-facts>div:first-child{grid-row:span 2;display:flex;justify-content:center;flex-direction:column}.frozen-facts>div:nth-child(2){border:0}.frozen-facts b{font-size:23px}.frozen-facts span{font-size:11px}.group-heading h2{font-size:30px}.group-heading h2:lang(ar){font-size:38px}.range-jumps{gap:8px;margin-bottom:40px}.range-jumps a{padding:8px 16px;font-size:12px}.detail-visual>img[src*="frozen-v2"]{height:420px;padding:16px}}
 @media(max-width:480px){.living-hero h1,.freezer-hero h1{font-size:37px}.living-hero h1:lang(ar),.freezer-hero h1:lang(ar){font-size:51px}.living-hero-copy{padding-top:40px}.living-actions .button{padding:14px 18px}.hero-play{font-size:11px}.hero-play span{width:34px;height:34px}.harvest-stage{height:390px}.stage-note{font-size:40px;right:12px;top:4px}.stage-pack{height:88%;width:92%;left:4%}.pack-main{top:2%}.pack-one{width:68%;height:68%;left:-9%;top:15%}.pack-two{width:68%;height:68%;left:43%;top:15%}.stage-seal{width:85px;height:85px;font-size:5px;bottom:12px}.stage-seal b{font-size:15px}.orbit{width:340px;height:340px;left:0}.orbit-two{width:270px;height:270px;left:10%}.hero-bottom-line{font-size:8px}.hero-bottom-line:lang(ar){font-size:10px}.spotlight-images{height:350px}.spotlight-copy h2{font-size:34px}.spotlight-copy h2:lang(ar){font-size:43px}.film-feature h2,.film-feature h2:lang(ar){font-size:35px}.film-grid{grid-template-columns:1fr;gap:24px}.film-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.film-card>img{height:190px;padding:10px}.film-card>div{padding:20px 16px}.film-card h3{font-size:20px}.film-card h3:lang(ar){font-size:27px}.film-card .play-film{font-size:11px}.channel-story{grid-template-columns:1fr}.channel-story>img{height:210px;min-height:0}.channel-story h3{font-size:25px}.channel-story h3:lang(ar){font-size:32px}.motion-toggle{bottom:12px;inset-inline-end:12px;font-size:9px;padding:8px 12px}.frozen-facts{padding-block:28px}.frozen-facts>div:first-child b{font-size:48px}.frozen-facts b{font-size:21px}.frozen-group .product-image>img,.product-image>img[src*="frozen-v2"]{padding:6px}.range-last h2{font-size:32px}.range-last h2:lang(ar){font-size:40px}}
 @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.harvest-stage,.motion-stage{transform:none!important}}
 @media print{.motion-toggle,.reading-progress,#film-dialog,.play-film,.hero-play{display:none!important}}
}
@keyframes pack-main{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(1deg)}}
@keyframes pack-left{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-12px) rotate(-8deg)}}
@keyframes pack-right{0%,100%{transform:translateY(0) rotate(13deg)}50%{transform:translateY(12px) rotate(9deg)}}
@keyframes product-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.6deg)}}
@keyframes soft-arrive{from{opacity:.5;translate:0 18px}to{opacity:1;translate:0 0}}

@layer components{h1 a,h2 a,h3 a{font-family:inherit;font-weight:inherit}.resource-card{min-height:190px}.film-dialog-head h2{font-family:var(--font-brand-heading)}.living-hero-copy .eyebrow,.freezer-hero .eyebrow{max-width:50ch}}
/* Keep decorative transforms from widening the document in either reading direction. */
html{overflow-x:clip}

/* Editorial Product Study: still-life packs, motion reserved for navigation and reveals. */
@layer components{
 .stage-halo,.orbit,.stage-seal{display:none}
 .harvest-stage{transform:none;transition:none;perspective:none}
 .stage-pack,.spotlight-pack{animation:none!important;will-change:auto}
 .spotlight-images{background:none;perspective:none}
 .film-shell{box-shadow:none}
 .stage-note{display:none}
 .harvest-stage .pack-main{left:16%;top:12%;width:68%;height:78%;transform:none}
 .harvest-stage .pack-one{left:0;top:26%;width:49%;height:59%;transform:rotate(-4deg)}
 .harvest-stage .pack-two{left:51%;top:24%;width:49%;height:59%;transform:rotate(4deg)}
 .hero-origin .atlas-mark{animation:none}
 .living-actions .button.outline{color:var(--paper-50);border-color:var(--leaf-300)}
 .living-actions .button.outline:hover{color:var(--nile-950);background:var(--paper-50)}
 .motion-ready .living-hero,.motion-ready .page-hero,.motion-ready .freezer-hero{animation:none!important;opacity:1!important;translate:none!important}
}

/* T-007 cards with crossfading slides + image ribbons */
.cs-media{position:relative;aspect-ratio:8/5;overflow:hidden;background:var(--paper-200)}
.cs-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:cs-fade-4 18s linear infinite both;animation-delay:calc((var(--i) - 1)*4.5s - 1.2s - var(--off,0s))}
.cs-3 img{animation-name:cs-fade-3;animation-duration:15s;animation-delay:calc((var(--i) - 1)*5s - 1.2s - var(--off,0s))}
.cs-media img:first-child{opacity:1}
.channel-story:nth-child(2) .cs-media{--off:1.5s}
.channel-story:nth-child(3) .cs-media{--off:3s}
.channel-story:hover .cs-media img{animation-play-state:paused}
@keyframes cs-fade-4{0%{opacity:0;transform:scale(1)}6%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.07)}100%{opacity:0;transform:scale(1.07)}}
@keyframes cs-fade-3{0%{opacity:0;transform:scale(1)}7%{opacity:1}33.3%{opacity:1}40%{opacity:0;transform:scale(1.07)}100%{opacity:0;transform:scale(1.07)}}
.ribbons{overflow:hidden;display:grid;gap:16px;direction:ltr;padding-block:clamp(20px,3.5vw,48px)}
.ribbon{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.rb-track{display:flex;gap:16px;width:max-content;animation:rb-run var(--rb-t,70s) linear infinite}
.ribbon-rev .rb-track{animation-direction:reverse}
.rb-tile{flex:none;width:var(--rb-w,220px);aspect-ratio:var(--rb-r,1/1);border-radius:18px;overflow:hidden;background:var(--paper-200);box-shadow:0 10px 30px oklch(30% .07 151 / .10)}
.rb-tile img{display:block;width:100%;height:100%;object-fit:cover}
.ribbon:hover .rb-track{animation-play-state:paused}
.ribbon-life{--rb-w:380px;--rb-r:3/2;--rb-t:90s}
.ribbon-pack{--rb-w:210px;--rb-t:62s}
.ribbon-pack.ribbon-rev{--rb-t:74s}
@keyframes rb-run{to{transform:translateX(calc(-50% - 8px))}}
@media(max-width:800px){.cs-media{aspect-ratio:auto;height:100%;min-height:220px}.ribbon-life{--rb-w:300px}.ribbon-pack{--rb-w:170px}}
@media(max-width:480px){.cs-media{aspect-ratio:8/5;height:auto;min-height:0}.ribbon-life{--rb-w:250px}.ribbon-pack{--rb-w:140px}.rb-track{gap:12px}.rb-tile{border-radius:14px}}