@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--ink:#223126;--orange:#f28a46;--paper:#faf9f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:28px 4.5%;color:white}.brand{position:relative;font-size:21px;font-weight:700;letter-spacing:1.6px}.mark{color:var(--orange);font-size:34px;vertical-align:middle;margin-right:8px}.brand-sub{display:block;font-size:9px;letter-spacing:3.2px;padding-left:44px;margin-top:-3px}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a:last-child{border:1px solid #ffffff70;border-radius:4px;padding:13px 20px}nav span{margin-left:15px}.hero{height: min(900px,100svh);min-height:690px;position:relative;color:white;overflow:hidden;background:#29362a}.media,.shade{position:absolute;inset:0}.media img,.media video{width:100%;height:100%;object-fit:cover;animation:drift 12s ease-out infinite alternate}.media video{position:absolute;inset:0;display:none}.shade{background:linear-gradient(90deg,rgba(9,22,13,.74),rgba(9,22,13,.23) 65%),linear-gradient(0deg,rgba(8,18,11,.85),transparent 35%,rgba(8,18,11,.15))}.hero-copy{position:relative;padding:245px 4.5% 135px;max-width:1100px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.4px;margin:0 0 26px}.eyebrow span{display:inline-block;background:var(--orange);width:22px;height:1px;vertical-align:middle;margin-right:10px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-2.2px;line-height:1.11;margin:0}h1{font-size:clamp(48px,5.9vw,88px)}h1 em{display:block;color:#f5ae72}em{font-weight:400}.intro{line-height:1.8;color:#e5e6de;margin:25px 0 30px;font-size:16px}.origin{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:100px 7% 65px}.dark{color:#7a815f}h2{font-size:clamp(38px,4vw,62px)}h2 em{color:#9b673d}.origin-copy{max-width:510px;padding-top:35px;line-height:1.8;color:#586052}.origin-copy p{margin:0 0 18px}.small{font-size:14px}.steps{padding:0 7% 95px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step-image{position:relative;height:280px;overflow:hidden}.step-image img{width:100%;height:100%;object-fit:cover}.step-image span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#172019bb);padding:35px 20px 18px;color:white;letter-spacing:1.5px;font-size:11px}h3{font-size:21px;font-weight:500;margin:22px 0 12px;letter-spacing:-.5px}.steps p,.product-grid p{font-size:14px;line-height:1.7;color:#626958;margin:0}.products{background:#eeeee5;padding:85px 7% 95px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-top p:last-child{font-size:14px;line-height:1.8;color:#626958}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-grid img{width:100%;height:275px;object-fit:cover;background:#d9d5c7}.product-grid article>div{display:flex;justify-content:space-between;align-items:center}.product-grid span{color:#878b7a;font-size:12px}.world{background:#203226;color:#f7f7eb;padding:90px 7%;position:relative}.world .eyebrow{color:#b1bd9f}.world h2 em{color:#edab78}.world p:not(.eyebrow){line-height:1.8;color:#c3cbbd;margin:25px 0}.world a{display:inline-block;border-bottom:1px solid #9ca98c;padding-bottom:12px;font-size:14px}.world a span{margin-left:40px}.origin-stamp{position:absolute;right:10%;top:40%;border:1px solid #8e9e7e;border-radius:50%;width:170px;height:170px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;letter-spacing:3px;line-height:2.2;transform:rotate(-12deg)}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 4.5%;gap:25px}footer p,footer>span{font-size:12px;color:#737b6b}footer .brand{font-size:17px}a:focus-visible,button:focus-visible{outline:3px solid #ed8b4b;outline-offset:5px}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.07)}}@media(min-width:1500px){.hero-copy{padding-top:270px}}@media(max-width:800px){header{padding:20px 6%}nav{gap:18px}nav a{display:none}nav a:first-child{display:block;font-size:13px}.brand{font-size:17px}.brand-sub{font-size:8px}.hero{min-height:700px;max-height:850px}.hero-copy{padding:220px 6% 160px}h1{font-size:clamp(43px,8vw,65px);letter-spacing:-1.5px}.eyebrow{font-size:10px;letter-spacing:1.4px;line-height:1.7}.origin{padding:65px 6% 40px;grid-template-columns:1fr;gap:20px}.origin-copy{padding:0}.steps{padding:0 6% 60px;grid-template-columns:1fr;gap:35px}.step-image{height:320px}.products{padding:60px 6%}.section-top{display:block}.product-grid{grid-template-columns:1fr;gap:35px}.product-grid img{height:340px}.world{padding:65px 6%}.origin-stamp{display:none}footer{flex-wrap:wrap;padding:30px 6%;gap:10px}footer p{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.media img,.media video{animation:none}}
/* Floating dried-fruit collection */
.products{background:#fff;padding:65px 6% 55px;--fruit-accent:#bf672e;overflow:hidden;touch-action:pan-y}
.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.collection-heading .eyebrow{margin:0;font-size:13px}.collection-heading>p:last-child{font-size:14px;color:#6d746b}
.fruit-stage{display:grid;grid-template-columns:1fr 1.5fr .8fr;align-items:center;gap:25px;min-height:520px}.fruit-copy{position:relative;z-index:1}.fruit-category{font-size:12px;letter-spacing:2px;color:var(--fruit-accent);font-weight:600}.fruit-copy h2{font-size:clamp(42px,4.5vw,72px);font-style:italic;letter-spacing:-1.8px}.fruit-copy>p:not(.fruit-category){font-size:16px;line-height:1.85;color:#626b60;max-width:330px;margin:26px 0}.fruit-index{font-size:14px;letter-spacing:3px;color:#737b6b}.fruit-visual{min-width:0;animation:fruitFloat 6s ease-in-out infinite}.fruit-art,.fruit-thumb{background-image:url('assets/images/dried-fruit-collection.png');background-size:200% 200%;background-position:var(--fruit-position);background-repeat:no-repeat;display:block;aspect-ratio:1}.fruit-art{width:118%;margin-left:-9%;mix-blend-mode:multiply}.fruit-details{position:relative;z-index:1;display:grid;gap:42px}.fruit-details>div{position:relative;padding-left:20px}.detail-line{position:absolute;left:-35px;top:8px;width:42px;height:1px;background:var(--fruit-accent)}.detail-line:before{content:'';position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--fruit-accent)}.fruit-details h3{font-size:15px;letter-spacing:1.1px;margin:0 0 12px}.fruit-details p{font-size:14px;line-height:1.9;color:#626b60;margin:0;max-width:230px}.fruit-navigation{display:flex;justify-content:center;align-items:center;gap:30px}.fruit-arrow{width:46px;height:46px;flex-shrink:0;border:1px solid #dce0d7;border-radius:50%;background:white;color:var(--ink);font-size:24px;cursor:pointer;transition:background .2s,color .2s}.fruit-arrow:hover{background:var(--ink);color:white}.fruit-choices{display:flex;gap:18px;align-items:center}.fruit-choice{border:1px solid transparent;border-radius:70px 70px 18px 18px;width:130px;padding:12px 12px 18px;background:#fff;color:#616b5c;cursor:pointer;transition:transform .4s,box-shadow .4s,border-color .4s}.fruit-thumb{width:100%;mix-blend-mode:multiply}.fruit-choice>span:last-child{display:block;font-size:14px;margin-top:8px}.fruit-choice:hover{transform:translateY(-6px)}.fruit-choice.is-selected{transform:translateY(-10px);border-color:#e2e4dc;box-shadow:0 18px 30px #24312612;color:var(--ink)}.fruit-choice.is-selected>span:last-child{font-weight:700}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fruitFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(1deg)}}
@media(max-width:900px){.fruit-stage{grid-template-columns:1fr 1.3fr;min-height:440px}.fruit-details{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:35px;padding:0 25px 35px}.fruit-details p{max-width:none}.fruit-details>div{padding-left:15px}.detail-line{left:-22px;width:26px}.fruit-choice{width:110px}.fruit-navigation{gap:16px}.fruit-choices{gap:8px}}
@media(max-width:560px){.products{padding:40px 6%}.collection-heading{display:block}.collection-heading>p:last-child{margin:10px 0 24px}.fruit-stage{grid-template-columns:1fr;gap:0}.fruit-copy h2{font-size:48px}.fruit-copy>p:not(.fruit-category){margin:15px 0;max-width:none}.fruit-index{position:absolute;right:0;top:0}.fruit-visual{grid-row:2;width:85%;margin:auto}.fruit-art{width:100%;margin:0}.fruit-details{grid-row:3;gap:25px;padding:12px 0 30px}.fruit-details>div{padding:0}.detail-line{display:none}.fruit-details h3{font-size:14px;letter-spacing:.3px}.fruit-details p{font-size:14px}.fruit-navigation{gap:8px;flex-wrap:wrap}.fruit-choices{order:-1;width:100%;justify-content:space-between;gap:3px;margin:10px 0 12px}.fruit-choice{width:24%;padding:6px 3px 13px}.fruit-choice>span:last-child{font-size:12px}.fruit-arrow{width:48px;height:48px;margin:0 12px}nav a:first-child{display:none}nav a:nth-child(2){display:block}}
@media(prefers-reduced-motion:reduce){.fruit-visual{animation:none}.fruit-choice,.fruit-arrow{transition:none}}
@media(max-width:800px){nav a[href="#products"]{display:block;font-size:13px}nav a[href="#world"]{display:none}}
/* All products remain visible on the shelves while details expand below. */
.collection-heading h2{font-size:clamp(32px,3.6vw,54px);margin-top:18px}.collection-heading{margin-bottom:30px}.fruit-shelves{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:15px 0 65px}.shelf-slot{position:relative;padding:0 12px 20px;border-bottom:14px solid #b88455;box-shadow:0 14px 15px -14px #54311d88}.shelf-slot:after{content:'';position:absolute;height:3px;bottom:-3px;left:0;right:0;background:#e9c49d}.shelf-product{width:100%;border:0;background:transparent;color:var(--ink);padding:0 8px 20px;cursor:pointer;text-align:center;border-radius:8px;transition:background .25s}.shelf-product .fruit-thumb{animation:fruitFloat 6s ease-in-out infinite;transition:transform .35s;max-width:300px;margin:auto}.shelf-slot:nth-child(2) .fruit-thumb{animation-delay:-1.5s}.shelf-slot:nth-child(3) .fruit-thumb{animation-delay:-3s}.shelf-slot:nth-child(4) .fruit-thumb{animation-delay:-4.5s}.shelf-name{display:block;font-family:'Playfair Display',Georgia,serif;font-size:clamp(22px,2.2vw,32px);margin-top:12px}.shelf-type{display:block;font-size:14px;color:#74796d;margin-top:10px}.shelf-type span{margin-left:10px;color:#b26c36}.shelf-product:hover,.shelf-product.is-selected{background:#f5f5ef}.shelf-product.is-selected .shelf-name{color:#ab6131}.product-detail{position:relative;border-top:1px solid #e6e7e0;padding:35px 0 5px}.product-detail[hidden]{display:none}.detail-close{position:absolute;right:0;top:16px;z-index:3;width:44px;height:44px;border:1px solid #d9ddd3;background:white;border-radius:50%;font-size:28px;color:var(--ink);cursor:pointer}.nutrition-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;border-top:1px solid #e6e7e0;padding:35px 0 20px}.nutrition-panel h3{font-size:18px;margin:20px 0 10px}.nutrition-panel p{color:#717868;font-size:16px;line-height:1.7}.nutrition-panel h3 span{float:right;font-size:14px;font-family:'DM Sans',sans-serif;color:#717868;font-weight:400}.nutrition-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin:20px 0}.nutrition-grid>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e6e7e0;padding:13px 0;font-size:15px}.nutrition-grid dd{margin:0;color:#717868}.nutrition-panel .nutrition-note{font-size:14px}.nutrition-panel .eyebrow{font-size:12px}
@media(max-width:700px){.fruit-shelves{grid-template-columns:1fr 1fr;row-gap:35px;margin-bottom:40px}.shelf-slot{padding:0 5px 12px;border-bottom-width:10px}.shelf-product{padding:0 4px 16px}.shelf-name{font-size:25px}.shelf-type{font-size:13px}.nutrition-panel{grid-template-columns:1fr;gap:10px}.product-detail .fruit-stage{padding-top:25px}.collection-heading h2{font-size:38px}.nutrition-grid{column-gap:18px}}
@media(prefers-reduced-motion:reduce){.shelf-product .fruit-thumb{animation:none;transition:none}.shelf-product{transition:none}}
.media #heroVideo{display:block;animation:none;object-fit:cover;width:100%;height:100%}.orchard-film{border-top:1px solid #e6e7e0;padding:32px 0;display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:center}.orchard-film h3{font-family:'Playfair Display',Georgia,serif;font-size:36px}.orchard-film video{width:100%;max-height:420px;aspect-ratio:16/9;object-fit:contain;background:#1e2c23;border-radius:4px}.orchard-film video.portrait{aspect-ratio:9/16;width:auto;max-width:100%;height:420px;justify-self:center}@media(max-width:700px){.orchard-film{grid-template-columns:1fr;gap:10px}.orchard-film h3{font-size:28px;margin:10px 0}.orchard-film .eyebrow{margin-bottom:10px}}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.primary-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:14px 23px;background:var(--orange);color:#203226;border:0;border-radius:3px;font:600 15px 'DM Sans',sans-serif;cursor:pointer}.hero-actions>a:last-child{font-size:15px;border-bottom:1px solid #ffffff80;padding:10px 0}.hero-pause{position:absolute;right:5%;bottom:24px;background:#17251b80;border:1px solid #ffffff70;border-radius:30px;color:white;padding:12px 18px;min-height:44px;cursor:pointer}.world>p:not(.eyebrow){max-width:670px}.trade-specs{border-top:1px solid #e6e7e0;padding:25px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trade-specs h3{font-size:17px}.trade-specs p{font-size:15px;color:#707865}.product-quote{grid-column:1/-1;justify-self:start}.quote-section{padding:85px 7%;display:grid;grid-template-columns:1fr 1.25fr;gap:70px;background:#f8f8f3}.quote-intro>p:not(.eyebrow){line-height:1.8;color:#606c5e;max-width:380px}.contact-pending{font-size:14px;border-left:2px solid #c28a57;padding-left:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#quoteForm label{display:block;font-size:14px;line-height:1.5;margin-bottom:18px}#quoteForm input:not([type=checkbox]),#quoteForm textarea{display:block;width:100%;border:1px solid #cfd5ca;border-radius:3px;background:white;padding:13px 12px;margin-top:7px;font:16px 'DM Sans',sans-serif;color:var(--ink)}#quoteForm fieldset{border:0;padding:0;margin:0 0 18px}#quoteForm legend{font-size:14px;margin-bottom:12px}.quote-products{display:flex;flex-wrap:wrap;gap:10px 20px}#quoteForm .quote-products label{display:flex;align-items:center;gap:7px;margin:0;min-height:44px}#quoteForm input[type=checkbox]{width:18px;height:18px;accent-color:#223126}.form-status{font-size:14px;line-height:1.6}input:focus-visible,textarea:focus-visible{outline:2px solid #c5783d;outline-offset:3px}
@media(max-width:800px){header{flex-wrap:wrap;gap:18px}header nav{display:flex;gap:20px}header nav a[href="#quote"]{display:block;padding:10px 13px;font-size:13px}.quote-section{grid-template-columns:1fr;gap:25px;padding:55px 6%}.hero-copy{padding-top:210px;padding-bottom:90px}.hero{height:auto;min-height:720px}.trade-specs{grid-template-columns:1fr}.world>p:not(.eyebrow){max-width:100%}.fruit-details{gap:20px}}@media(max-width:400px){.form-grid{grid-template-columns:1fr;gap:0}.hero-copy h1{font-size:40px}.shelf-name{font-size:22px}.fruit-copy h2{font-size:42px}.hero-actions{gap:15px}.nutrition-grid{grid-template-columns:1fr}}@media(hover:none){.shelf-product{min-height:44px}}
/* Keep the footage clear while preserving contrast behind the headline. */
.shade{background:linear-gradient(90deg,rgba(9,22,13,.65),rgba(9,22,13,.12) 70%),linear-gradient(0deg,rgba(8,18,11,.35),transparent 25%,rgba(8,18,11,.08))}

/* Selected DJAN International artwork. */
.djan-brand{display:block;flex:none;width:210px;height:145px;overflow:hidden;border-radius:3px;line-height:0}
.djan-brand img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.24)}
header{align-items:center;padding-top:16px;padding-bottom:16px}
footer .djan-brand{width:180px;height:124px}
@media(max-width:800px){header{flex-wrap:nowrap;gap:12px;padding:14px 6%;align-items:center}.djan-brand{width:155px;height:108px}header nav{flex-direction:column;align-items:flex-end;gap:12px}header nav a[href="#quote"]{white-space:nowrap;font-size:11px;padding:9px}.hero-copy{padding-top:210px}}

.djan-brand{background:none;border-radius:0}.djan-brand img{background:none}footer{background:#203226;color:#fff}footer p,footer>span{color:#d5ddd3}

.world{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,6vw,90px)}.world-copy{min-width:0}.world-copy p:not(.eyebrow){max-width:580px}.world-image{margin:0;min-width:0;align-self:stretch;min-height:410px;overflow:hidden;border-radius:3px}.world-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:54% center}@media(max-width:800px){.world{grid-template-columns:1fr;gap:32px}.world-image{min-height:0;aspect-ratio:4/3}.world-image img{height:100%}}

.djan-brand{width:260px;height:auto;aspect-ratio:495/172;overflow:visible}.djan-brand img{object-fit:contain;transform:none}footer .djan-brand{width:230px;height:auto}@media(max-width:800px){.djan-brand{width:165px;height:auto}}