/* September 2026: company story, certificate gallery and kitchen carousel. */
:root{--story-green:#0b4d32;--story-cream:#f6f4ec;--story-gold:#ac8a43}
html{scroll-behavior:smooth;scroll-padding-top:105px}
.story-intro,.why-brand,.certification-section,.brand-faq{padding:88px 0}
.story-intro{background:#fff}.story-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:90px;align-items:start}
.story-grid h2,.section-heading h2,.faq-grid h2{font-size:clamp(28px,3vw,46px);line-height:1.55;font-weight:800;color:var(--story-green);margin:10px 0 24px;letter-spacing:-.8px}
.story-body p{font-size:17px;line-height:2.15;color:#4c5851;margin:0 0 20px}.story-grid .v3-text-link{display:inline-flex;gap:18px}
.why-brand{background:var(--story-cream)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;font-size:16px;line-height:1.9;color:#596359;margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.feature-grid article{padding:30px 25px;background:#fff;border:1px solid #e4e8de;border-radius:16px}.feature-grid h3{font-size:20px;line-height:1.6;margin:20px 0 10px;color:var(--story-green);font-weight:750}.feature-grid p{margin:0;color:#596359;font-size:15px;line-height:1.95}
.brand-line-icon{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--story-green);background:#eef2df;flex-shrink:0}.brand-line-icon svg{width:28px;height:28px}
.about-direction .brand-line-icon{margin-bottom:14px}.about-values-list article .brand-line-icon{margin-bottom:15px}.about-step-number .brand-line-icon{width:42px;height:42px}.about-step-number .brand-line-icon svg{width:24px;height:24px}.about-process-list .about-step-number{background:transparent;width:auto;height:auto;min-width:42px}
.certification-section{background:#f6f4ec;border-top:1px solid #e7e6db}.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}.cert-card{border:1px solid #e3e5db;background:#fff;border-radius:16px;overflow:hidden}.cert-preview{display:block;height:320px;background:#eae8df;padding:23px 25px 14px;text-align:center;position:relative}.cert-preview img{height:100%;width:100%;object-fit:contain;transition:transform .3s;filter:drop-shadow(0 5px 8px #0002)}.cert-preview:hover img{transform:scale(1.025)}.cert-preview>span{position:absolute;bottom:16px;inset-inline-end:15px;background:#fff;color:#144c32;padding:7px 13px;font-size:12px;border-radius:30px;box-shadow:0 2px 15px #0001}.cert-copy{padding:27px}.cert-standard{color:#6f7d50;letter-spacing:.5px;font-size:15px;font-weight:700}.cert-copy h3{font-size:22px;color:var(--story-green);line-height:1.7;margin:7px 0}.cert-copy p{font-size:14px;color:#596359;line-height:1.95;margin:10px 0}.cert-copy .cert-number{font-size:12px}.cert-details{padding-top:12px;border-top:1px solid #e5e9df;margin-top:17px}.cert-details summary{cursor:pointer;font-size:13px;color:#4b5949}.cert-alt{display:inline-flex;margin-top:15px;color:var(--story-green);font-size:13px;text-decoration:underline;text-underline-offset:5px}
.brand-faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.brand-faq details{border-bottom:1px solid #dfe4d8;padding:20px 0}.brand-faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:18px;color:var(--story-green);font-weight:650;line-height:1.7;list-style:none}.brand-faq summary::-webkit-details-marker{display:none}.brand-faq summary span{font-size:25px;font-weight:400;transition:transform .2s}.brand-faq details[open] summary span{transform:rotate(45deg)}.brand-faq details p{font-size:15px;color:#556257;line-height:2;margin:15px 0 0}
.hero-original-logo{width:108px!important;height:auto!important;position:static!important;object-fit:contain!important;margin:0 0 20px!important;filter:none!important}.hero-scene-2 .restored-hero-copy,.hero-scene-3 .restored-hero-copy{color:#104f32}.hero-scene-2 .restored-hero-shade,.hero-scene-3 .restored-hero-shade{background:linear-gradient(90deg,transparent 47%,#f6f0e566 72%,#f6f0e599 100%)!important}.hero-scene-2 .restored-hero-title,.hero-scene-3 .restored-hero-title{color:#104f32;text-shadow:none}.hero-scene-2 .restored-hero-title strong,.hero-scene-3 .restored-hero-title strong{color:#97772c}.hero-scene-2 .restored-hero-copy p,.hero-scene-3 .restored-hero-copy p{color:#375a46}.hero-scene-2 .restored-hero-grid,.hero-scene-3 .restored-hero-grid{direction:rtl}.hero-scene-2 .restored-hero-copy,.hero-scene-3 .restored-hero-copy{max-width:440px;text-align:right}.hero-scene-2 .restored-hero-photo,.hero-scene-3 .restored-hero-photo{object-position:center center}
.hero-carousel-track{margin-left:0!important;transform:none!important;display:grid!important}.hero-carousel-track .hero-scene{grid-area:1/1;padding-left:0!important;width:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}.hero-carousel-track .hero-scene[aria-hidden="false"]{opacity:1;visibility:visible;pointer-events:auto}.hero-carousel-controls{z-index:5}.hero-carousel-play[aria-pressed="true"]{background:#e5eacb}.hero-slide-progress{display:none!important}
.certificate-dialog{padding:18px;border:0;border-radius:14px;width:min(92vw,950px);max-height:94vh;background:#faf9f5;color:#174a31;box-shadow:0 25px 100px #0006;overscroll-behavior:contain;margin:auto}.certificate-dialog::backdrop{background:#062a21c9;backdrop-filter:blur(5px)}.certificate-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.certificate-dialog-bar p{font-size:16px;margin:0}.certificate-close{background:#e8eddd;border:0;width:42px;height:42px;border-radius:50%;font-size:30px;cursor:pointer;flex-shrink:0}.certificate-dialog>img{display:block;width:100%;height:auto;max-height:76vh;object-fit:contain}.certificate-download{display:block;margin:16px auto 0;text-align:center;text-decoration:underline}.desktop-product-parent>a{display:inline-flex}.order-preview p{white-space:pre-line}
:focus-visible{outline:3px solid #8fa63e;outline-offset:5px}
@media(min-width:1100px){.hero-scene-2 .restored-hero-grid,.hero-scene-3 .restored-hero-grid{grid-template-columns:1fr 1fr}.hero-scene-2 .restored-hero-copy,.hero-scene-3 .restored-hero-copy{grid-column:1;justify-self:start;padding-inline-start:30px}}
@media(max-width:900px){.story-intro,.why-brand,.certification-section,.brand-faq{padding:58px 0}.story-grid,.faq-grid{gap:30px;grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cert-grid{gap:15px}.cert-copy{padding:20px}.cert-copy h3{font-size:18px}.cert-preview{height:260px;padding:18px}.section-heading{align-items:start;flex-direction:column;gap:16px}.hero-original-logo{width:82px!important;margin-bottom:12px!important}}
@media(max-width:620px){.feature-grid,.cert-grid{grid-template-columns:1fr}.feature-grid article{display:grid;grid-template-columns:52px 1fr;gap:0 18px;padding:25px}.feature-grid article .brand-line-icon{grid-row:1/3}.feature-grid h3{margin:0 0 6px;font-size:19px}.feature-grid p{font-size:14px}.cert-preview{height:360px}.cert-copy{padding:24px}.story-body p{font-size:16px}.section-heading h2,.story-grid h2,.faq-grid h2{font-size:29px}.brand-faq summary{font-size:16px}.hero-carousel-track .hero-scene{min-height:680px!important}.hero-scene-2 .restored-hero-photo,.hero-scene-3 .restored-hero-photo{height:310px!important;width:100%!important;top:auto!important;bottom:0!important;object-fit:cover!important;object-position:left center!important}.hero-scene-2,.hero-scene-3{background:#f4efe5!important}.hero-scene-2 .restored-hero-shade,.hero-scene-3 .restored-hero-shade{display:none!important}.hero-scene-2 .restored-hero-grid,.hero-scene-3 .restored-hero-grid{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:30px!important;min-height:680px!important}.hero-scene-2 .restored-hero-copy,.hero-scene-3 .restored-hero-copy{margin:0!important;padding:0!important;text-align:center!important;max-width:100%!important}.hero-scene-2 .restored-hero-copy .hero-original-logo,.hero-scene-3 .restored-hero-copy .hero-original-logo{margin:0 auto 9px!important;width:76px!important}.hero-scene-2 .restored-hero-title,.hero-scene-3 .restored-hero-title{font-size:42px!important;line-height:1.4!important;margin:0!important}.hero-scene-2 .restored-hero-copy p,.hero-scene-3 .restored-hero-copy p{font-size:14px!important;margin:9px 0 12px!important}.hero-scene-2 .restored-hero-cta,.hero-scene-3 .restored-hero-cta{padding:9px 20px!important;min-height:42px!important}.hero-carousel-controls{bottom:15px!important;background:#fff!important}.certificate-dialog{padding:12px}.certificate-dialog-bar p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-carousel-track .hero-scene,.cert-preview img{transition:none}}
/* Keep the headline in the intentionally empty right side of each kitchen image. */
@media(min-width:901px){.hero-scene-2 .restored-hero-grid,.hero-scene-3 .restored-hero-grid{display:flex!important;direction:rtl!important;justify-content:flex-start!important}.hero-scene-2 .restored-hero-copy,.hero-scene-3 .restored-hero-copy{margin:0!important;padding-inline:0!important;width:36%!important;max-width:440px!important}.hero-scene-2 .restored-hero-title,.hero-scene-3 .restored-hero-title{font-size:clamp(40px,5.5vw,79px)!important}}
@media(max-width:620px){.hero-carousel-controls,.hero-carousel-controls button{color:#174a31!important}.hero-carousel-controls .hero-carousel-dot{background:#c4cfb3!important}.hero-carousel-controls .hero-carousel-dot[aria-current="true"]{background:#174a31!important}}
.order-preview{white-space:pre-line}
.desktop-product-parent{position:relative}.desktop-products-menu summary{cursor:pointer;display:flex;gap:8px;list-style:none}.desktop-products-menu summary::-webkit-details-marker{display:none}.desktop-products-menu>div{position:absolute;top:calc(100% + 12px);inset-inline-start:0;min-width:220px;padding:10px;background:#fff;border:1px solid #dde5d5;border-radius:14px;box-shadow:0 12px 35px #173c2520;z-index:50}.desktop-products-menu a{display:block;padding:11px 15px;border-radius:8px;color:#174a31;white-space:nowrap}.desktop-products-menu a:hover{background:#f0f3e7}
@media(min-width:901px){.hero-scene-2,.hero-scene-3{background:#f4efe5!important}.hero-scene-2 .restored-hero-photo,.hero-scene-3 .restored-hero-photo{object-fit:contain!important;object-position:left center!important}.hero-scene-2 .restored-hero-shade,.hero-scene-3 .restored-hero-shade{background:linear-gradient(90deg,transparent 50%,#f4efe522 62%,#f4efe5 84%)!important}}

@media(min-width:901px){.hero-scene-2 .restored-hero-photo,.hero-scene-3 .restored-hero-photo{mask-image:linear-gradient(to right,#000 68%,transparent 82%);-webkit-mask-image:linear-gradient(to right,#000 68%,transparent 82%)}}
@media(min-width:621px) and (max-width:900px){.hero-carousel-track .hero-scene{min-height:760px!important}.hero-scene-2,.hero-scene-3{background:#f4efe5!important}.hero-scene-2 .restored-hero-photo,.hero-scene-3 .restored-hero-photo{top:auto!important;bottom:0!important;width:100%!important;height:432px!important;object-fit:cover!important;object-position:center!important}.hero-scene-2 .restored-hero-shade,.hero-scene-3 .restored-hero-shade{display:none!important}.hero-scene-2 .restored-hero-grid,.hero-scene-3 .restored-hero-grid{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:24px!important;min-height:760px!important}.hero-scene-2 .restored-hero-copy,.hero-scene-3 .restored-hero-copy{padding:0!important;margin:0!important;text-align:center!important;max-width:100%!important}.hero-scene-2 .hero-original-logo,.hero-scene-3 .hero-original-logo{width:74px!important;margin:0 auto 8px!important}.hero-scene-2 .restored-hero-title,.hero-scene-3 .restored-hero-title{font-size:42px!important;line-height:1.35!important;margin:0!important}.hero-scene-2 .restored-hero-copy p,.hero-scene-3 .restored-hero-copy p{margin:10px 0!important;font-size:14px!important}.hero-scene-2 .restored-hero-cta,.hero-scene-3 .restored-hero-cta{min-height:42px!important;padding:9px 20px!important}}
@media(max-width:620px){.hero-carousel-controls .hero-carousel-dot{background:transparent!important}.hero-carousel-controls .hero-carousel-dot[aria-current="true"]{background:#e5ecd8!important}}