/* The first screen stays in view while real mineral grains form the existing mark. */
.home .hero.particle-hero{display:block;height:230svh;min-height:0;padding:0;position:relative;overflow:visible}
.particle-hero>.container{position:sticky;top:var(--header-height,88px);height:calc(100svh - var(--header-height,88px));display:flex;align-items:center}
.particle-hero .hero__inner{min-width:0}
.particle-hero .particle-sculpture{height:min(66svh,600px);min-height:300px;max-height:none}
.particle-sculpture .brand-sculpture__canvas{bottom:62px}
.assembly-caption{position:absolute;bottom:26px;left:12px;right:12px;text-align:center;color:#355b4b;font:500 13px/1.5 var(--font-primary);margin:0;pointer-events:none}
.assembly-progress{position:absolute;bottom:12px;left:calc(50% - 46px);width:92px;height:2px;background:#e0e9e3;overflow:hidden}
.assembly-progress:after{content:'';display:block;height:100%;background:#39866a;transform:scaleX(var(--assembly,0));transform-origin:left}
.particle-sculpture .brand-sculpture__toggle{bottom:62px;inset-inline-end:0;background:#f4f8f5e6}
.home .hero.particle-hero.assembly-reduced{height:auto;min-height:calc(100svh - var(--header-height,88px))}
.assembly-reduced>.container{position:relative;top:0}
.assembly-reduced .assembly-progress{display:none}
@media(max-width:768px){
 .particle-hero>.container{top:70px;height:calc(100svh - 70px);padding-block:12px}
 .home .particle-hero .hero__inner{grid-template-columns:1fr;gap:8px}
 .particle-hero .hero__content{gap:10px}
 .home .particle-hero .hero__heading{font-size:clamp(28px,7vw,36px)}
 .particle-hero .hero__subheading{font-size:clamp(18px,4.4vw,24px);line-height:1.3}
 .particle-hero .hero__description{font-size:12px;line-height:1.5}
 .particle-hero .hero__btn-video{min-height:44px;padding:10px 22px}
 .particle-hero .particle-sculpture{height:clamp(240px,44svh,400px);min-height:0;max-width:100%}
 .particle-sculpture .brand-sculpture__canvas{bottom:54px}
 .assembly-caption{font-size:11px;bottom:22px}
 .particle-sculpture .brand-sculpture__toggle{bottom:52px;font-size:10px;padding:6px 8px}
}
@media(max-height:650px){
 .particle-hero>.container{top:64px;height:calc(100svh - 64px)}
 .particle-hero .hero__description{display:none}
 .particle-hero .particle-sculpture{height:clamp(210px,42svh,360px)}
}
@media(prefers-reduced-motion:reduce){.assembly-progress{display:none}}

/* The finished mark introduces the material's eighteen properties. */
.brand-sculpture .assembly-benefits{position:absolute;bottom:0;inset-inline:8px;display:flex;justify-content:center;align-items:center;gap:18px;color:#1b342a;text-decoration:none;padding:8px 4px;text-align:start;border-radius:8px}
.assembly-benefits__number{font-size:76px;line-height:1;font-weight:700;letter-spacing:-.04em;color:#39866a}
.assembly-benefits__copy{display:flex;flex-direction:column;gap:8px;max-width:250px}
.assembly-benefits__label{font-size:19px;line-height:1.3;font-weight:500}
.assembly-benefits__cta{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:#376b57;text-decoration:underline;text-underline-offset:4px}
.assembly-benefits__cta svg{flex:none}
.particle-sculpture .assembly-benefits{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease,visibility .4s}
.particle-sculpture.benefits-ready .assembly-benefits{opacity:1;visibility:visible;transform:none}
.particle-sculpture.benefits-ready .assembly-caption,.particle-sculpture.benefits-ready .assembly-progress{opacity:0}
.particle-sculpture .brand-sculpture__canvas{bottom:114px}
.particle-sculpture .brand-sculpture__toggle{bottom:114px}
.assembly-caption{bottom:44px;transition:opacity .2s}
.assembly-progress{bottom:28px;transition:opacity .2s}
.assembly-benefits:focus-visible{outline:2px solid #39866a;outline-offset:4px}
.assembly-benefits:hover .assembly-benefits__cta{color:#173f2f}
.material-benefits{padding:88px 0 96px;scroll-margin-top:110px;background:#fff}
.material-benefits h2{font-size:clamp(28px,3.5vw,48px);line-height:1.15;font-weight:700;letter-spacing:-.03em;max-width:850px;margin:0 0 18px}
.material-benefits__intro{font-size:17px;line-height:1.6;color:#59685f;margin:0 0 44px}
.material-benefits__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;list-style:none;padding:0;margin:0}
.material-benefits__list li{display:flex;align-items:baseline;gap:16px;min-width:0;padding:22px 0;border-top:1px solid #e2eae5;font-size:17px;line-height:1.45;overflow-wrap:anywhere}
.material-benefits__index{flex:none;font-size:12px;font-variant-numeric:tabular-nums;color:#39866a}
@media(max-width:1000px){.material-benefits__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}}
@media(max-width:768px){
 .particle-hero .particle-sculpture{height:clamp(290px,48svh,440px)}
 .assembly-benefits__number{font-size:56px}
 .assembly-benefits__label{font-size:16px}
 .assembly-benefits__copy{max-width:230px;gap:5px}
 .assembly-benefits__cta{font-size:12px}
 .brand-sculpture .assembly-benefits{gap:14px}
 .particle-sculpture .brand-sculpture__canvas,.particle-sculpture .brand-sculpture__toggle{bottom:94px}
 .material-benefits{padding:56px 0;scroll-margin-top:85px}
 .material-benefits__intro{font-size:15px;margin-bottom:28px}
 .material-benefits__list li{font-size:15px;padding:18px 0;gap:12px}
}
@media(max-width:540px){.material-benefits__list{grid-template-columns:1fr}}
@media(max-height:650px){.particle-hero .particle-sculpture{height:clamp(240px,46svh,330px)}.assembly-benefits__number{font-size:44px}.assembly-benefits__label{font-size:14px}.assembly-benefits__copy{gap:2px}.particle-sculpture .brand-sculpture__canvas,.particle-sculpture .brand-sculpture__toggle{bottom:82px}}
@media(prefers-reduced-motion:reduce){.particle-sculpture .assembly-benefits{transition:none;transform:none}}

/* The hero mark rotates automatically; no on-screen pause control. */
.hero .brand-sculpture__toggle{display:none!important}