:root{
  --z4-cream:#ffedd7;
  --z4-void:#100904;
  --z4-bark:#382416;
  --z4-line:#40372e;
  --z4-drift:#6c5f51;
  --z4-ember:#dc5000;
  --z4-gutter:clamp(18px,3.6vw,68px);
  --z4-font:Inter,"Helvetica Neue",Arial,sans-serif;
  --z4-ease:cubic-bezier(.2,.8,.2,1);
}
body:has(.z4-home){background:var(--z4-void);color:var(--z4-cream);font-family:var(--z4-font)}
body:has(.z4-home).is-loading{overflow:hidden}
.z4-home{background:var(--z4-void);color:var(--z4-cream)}
.z4-loader{position:fixed;inset:0;z-index:5000;display:grid;align-content:end;padding:var(--z4-gutter);background:var(--z4-void);transition:opacity .7s ease,visibility .7s}
.z4-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.z4-loader__brand{font-size:clamp(42px,8vw,112px);line-height:.86;font-weight:500;text-transform:uppercase}
.z4-loader__line{height:1px;margin:31px 0 12px;background:var(--z4-line);overflow:hidden}
.z4-loader__line i{display:block;width:0;height:100%;background:var(--z4-cream);transition:width .2s}
.z4-loader__meta{display:flex;justify-content:space-between;font:500 10px/1 Arial,sans-serif;text-transform:uppercase;color:var(--z4-drift)}
.z4-header{position:fixed;z-index:1500;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 var(--z4-gutter);color:var(--z4-cream);transition:background .4s,border-color .4s}
.z4-header.is-solid{background:rgba(16,9,4,.9);border-bottom:1px dashed var(--z4-line);backdrop-filter:blur(14px)}
.z4-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;text-transform:uppercase}
.z4-brand img{width:31px;height:40px;object-fit:contain;background:var(--z4-cream);padding:2px}
.z4-nav{display:flex;gap:31px;font-size:12px;font-weight:500;text-transform:uppercase}
.z4-nav a{position:relative;padding:8px 0}
.z4-nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;border-bottom:1px dashed var(--z4-line);transform:scaleX(0);transform-origin:right;transition:transform .3s}
.z4-nav a:hover::after,.z4-nav a.is-active::after{transform:scaleX(1);transform-origin:left}
.z4-menu{display:none;background:none;border:0;padding:12px;width:44px;height:44px}
.z4-menu span{display:block;height:1px;background:var(--z4-cream);margin:7px 0}
.z4-mobile{position:fixed;z-index:1400;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:120px var(--z4-gutter) 40px;background:var(--z4-void);transform:translateY(-103%);transition:transform .7s var(--z4-ease)}
.z4-mobile.is-open{transform:none}.z4-mobile nav{display:flex;flex-direction:column}.z4-mobile a{padding:10px 0;border-bottom:1px dashed var(--z4-line);font-size:clamp(32px,12vw,58px);font-weight:500;line-height:1;text-transform:uppercase}.z4-mobile p{color:var(--z4-drift);font-size:12px;text-transform:uppercase;line-height:1.5}
.z4-serial{position:fixed;z-index:1300;right:10px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:10px;font-weight:500;text-transform:uppercase;color:rgba(255,237,215,.72)}
.z4-story{height:600vh;position:relative;background:var(--z4-void)}
.z4-story__sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.z4-story__workbench,.z4-story__charcoal,.z4-story__void{position:absolute;inset:0;z-index:0;pointer-events:none}
.z4-story__workbench{background:url("../images/v4/hero-workbench.webp") center/cover no-repeat;opacity:var(--z4-workbench,1);transform:scale(calc(1 + var(--z4-zoom,0)*.035));will-change:opacity,transform}
.z4-story__workbench::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,9,4,.58),transparent 44%,rgba(16,9,4,.1)),linear-gradient(0deg,rgba(16,9,4,.42),transparent 42%)}
.z4-story__charcoal{background:url("../images/v4/charcoal-detail.webp") center/cover no-repeat;opacity:var(--z4-charcoal,0);transform:scale(calc(1.08 - var(--z4-charcoal,0)*.05));filter:contrast(1.05) saturate(.78)}
.z4-story__charcoal::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,9,4,.86),rgba(16,9,4,.2) 58%,rgba(16,9,4,.62))}
.z4-story__void{background:var(--z4-void);opacity:var(--z4-void-opacity,0)}
.z4-story__canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.z4-story__fallback{position:absolute;z-index:2;left:62%;top:51%;width:min(25vw,380px);max-height:77vh;object-fit:contain;transform:translate(-50%,-50%) rotate(-88deg);transform-origin:center;will-change:transform,opacity}
.webgl-v4-ready .z4-story__fallback{opacity:0!important}
.z4-story__grain{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.z4-frame{position:absolute;z-index:6;inset:0;padding:100px var(--z4-gutter) 62px;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform,clip-path}
.z4-frame.is-active{visibility:visible}.z4-frame a{pointer-events:auto}
.z4-frame span,.z4-hero__label,.z4-closing__label{display:block;font-size:12px;font-weight:500;text-transform:uppercase;color:var(--z4-cream)}
.z4-frame h1,.z4-frame h2{margin:0;font-size:clamp(54px,7vw,112px);font-weight:500;line-height:.86;letter-spacing:0;text-transform:uppercase}
.z4-frame p{font-size:clamp(20px,2vw,29px);font-weight:400;line-height:1.26}
.z4-frame--hero{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:48px}
.z4-frame--hero h1{font-size:clamp(68px,10.5vw,166px);margin:12px 0 24px;text-shadow:0 1px 0 rgba(0,0,0,.12)}
.z4-frame--hero>p{max-width:740px;margin:0 0 28px}
.z4-hero__history{display:flex;align-items:flex-start;gap:18px;padding:18px 22px;border:1px dashed rgba(255,237,215,.45);background:rgba(16,9,4,.28);backdrop-filter:blur(8px);max-width:600px}
.z4-hero__history strong{font-size:14px;font-weight:500;white-space:nowrap}.z4-hero__history span{font-size:12px;line-height:1.35;text-transform:none}
.z4-frame--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.75fr);gap:7vw;align-items:center}
.z4-frame__left h2{margin-top:18px}.z4-frame__right{align-self:center;max-width:650px;margin:0;color:var(--z4-cream)}
.z4-frame--macro{display:flex;align-items:center}.z4-macro__copy{width:min(670px,47vw)}.z4-macro__copy h2{margin:18px 0 26px}.z4-macro__copy p{margin:0;max-width:600px}
.z4-frame--line{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:7vw}.z4-line__copy h2{margin-top:18px}.z4-frame--line>p{max-width:620px;margin-left:auto}
.z4-frame--closing{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.z4-frame--closing h2{font-size:clamp(62px,9vw,148px);margin:16px 0 24px}.z4-frame--closing p{max-width:800px;margin:0 0 28px}
.z4-ghost{display:inline-flex;padding:10px 0;border-bottom:1px solid var(--z4-cream);font-size:12px;font-weight:500;text-transform:uppercase}
.z4-story__count{position:absolute;z-index:8;left:var(--z4-gutter);top:94px;display:flex;align-items:baseline;gap:7px;font-size:12px}.z4-story__count b{font-size:24px;font-weight:500}.z4-story__count span{color:var(--z4-drift)}
.z4-story__rail{position:absolute;z-index:8;right:34px;top:120px;bottom:88px;width:1px;background:var(--z4-line)}.z4-story__rail i{display:block;width:100%;height:0;background:var(--z4-cream)}
.z4-story__scroll{position:absolute;z-index:8;right:64px;bottom:34px;font-size:10px;font-weight:500;text-transform:uppercase}
.z4-definition{min-height:100vh;padding:130px var(--z4-gutter);background:var(--z4-cream);color:var(--z4-void)}
.z4-definition__label,.z4-products__head>span,.z4-detail__copy>span,.z4-supply__copy>span,.z4-history__copy>span,.z4-knowledge__head>span,.z4-faq__head>span{font-size:12px;font-weight:500;text-transform:uppercase}
.z4-definition h2{max-width:1500px;margin:31px 0 68px;font-size:clamp(48px,7vw,102px);font-weight:500;line-height:.88;text-transform:uppercase}
.z4-definition__body{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-left:24vw}.z4-definition__body p{margin:0;font-size:clamp(20px,2vw,29px);line-height:1.26}
.z4-definition__facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px dashed rgba(16,9,4,.35)}.z4-definition__facts article{padding:24px 24px 0 0;border-right:1px dashed rgba(16,9,4,.35)}.z4-definition__facts article:last-child{border-right:0;padding-left:24px}.z4-definition__facts span{font-size:12px}.z4-definition__facts strong{display:block;margin:24px 0 14px;font-size:24px;font-weight:500;text-transform:uppercase}.z4-definition__facts p{margin:0;font-size:16px;line-height:1.5}
.z4-detail{min-height:110vh;display:grid;grid-template-columns:1.18fr .82fr;background:var(--z4-void)}.z4-detail__image{min-height:100%;overflow:hidden}.z4-detail__image img{width:100%;height:100%;object-fit:cover}.z4-detail__copy{display:flex;flex-direction:column;justify-content:center;padding:100px var(--z4-gutter)}.z4-detail__copy h2{margin:24px 0 31px;font-size:clamp(48px,6vw,88px);font-weight:500;line-height:.9;text-transform:uppercase}.z4-detail__copy p{font-size:18px;line-height:1.55;color:var(--z4-cream)}
.z4-text-link{display:inline-flex;align-self:flex-start;margin-top:24px;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:12px;font-weight:500;text-transform:uppercase}
.z4-products{padding:130px var(--z4-gutter);background:var(--z4-void)}.z4-products__head{display:grid;grid-template-columns:.4fr 1fr .7fr;gap:4vw;align-items:end;margin-bottom:68px}.z4-products__head h2{margin:0;font-size:clamp(48px,6.5vw,96px);font-weight:500;line-height:.88;text-transform:uppercase}.z4-products__head p{margin:0;font-size:18px;line-height:1.5}
.z4-products__list{border-top:1px dashed var(--z4-line)}.z4-product{display:grid;grid-template-columns:70px minmax(170px,260px) 1fr;gap:31px;align-items:center;min-height:330px;padding:31px 0;border-bottom:1px dashed var(--z4-line)}.z4-product__index{font-size:12px;color:var(--z4-drift)}.z4-product img{width:100%;height:280px;object-fit:contain;transition:transform .6s var(--z4-ease)}.z4-product:hover img{transform:translateY(-10px) rotate(-1deg)}.z4-product strong{font-size:clamp(26px,3.2vw,51px);font-weight:500;line-height:.95;text-transform:uppercase}.z4-product p{max-width:760px;font-size:18px;line-height:1.45;color:var(--z4-drift)}.z4-product b{font-size:12px;font-weight:500;text-transform:uppercase}
.z4-supply{min-height:110vh;display:grid;grid-template-columns:1fr 1fr;background:var(--z4-cream);color:var(--z4-void)}.z4-supply__visual{min-height:100%;overflow:hidden}.z4-supply__visual img{width:100%;height:100%;object-fit:cover}.z4-supply__copy{display:flex;flex-direction:column;justify-content:center;padding:100px var(--z4-gutter)}.z4-supply__copy h2{margin:24px 0 31px;font-size:clamp(48px,6vw,88px);font-weight:500;line-height:.9;text-transform:uppercase}.z4-supply__copy p{font-size:18px;line-height:1.55}.z4-pill{display:inline-flex;align-self:flex-start;margin-top:24px;padding:14px 24px;border-radius:36px;background:var(--z4-bark);color:var(--z4-cream);font-size:12px;font-weight:500;text-transform:uppercase}
.z4-history{min-height:100vh;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;padding:130px var(--z4-gutter);background:var(--z4-void)}.z4-history__year{font-size:clamp(110px,23vw,360px);font-weight:500;line-height:.75;color:transparent;-webkit-text-stroke:1px var(--z4-drift)}.z4-history__copy h2{margin:24px 0 31px;font-size:clamp(50px,7vw,104px);font-weight:500;line-height:.88;text-transform:uppercase}.z4-history__copy p{font-size:20px;line-height:1.5;color:var(--z4-cream)}
.z4-knowledge{padding:130px var(--z4-gutter);background:var(--z4-cream);color:var(--z4-void)}.z4-knowledge__head{display:grid;grid-template-columns:.4fr 1.6fr;gap:4vw;margin-bottom:68px}.z4-knowledge__head h2{margin:0;font-size:clamp(48px,6.5vw,94px);font-weight:500;line-height:.88;text-transform:uppercase}.z4-knowledge__list{border-top:1px dashed rgba(16,9,4,.4)}.z4-knowledge__list a{display:grid;grid-template-columns:70px 1fr 1.2fr 30px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px dashed rgba(16,9,4,.4)}.z4-knowledge__list span,.z4-knowledge__list b{font-size:12px}.z4-knowledge__list strong{font-size:24px;font-weight:500;text-transform:uppercase}.z4-knowledge__list p{font-size:16px;line-height:1.5}
.z4-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;padding:130px var(--z4-gutter);background:var(--z4-void)}.z4-faq__head h2{margin:24px 0;font-size:clamp(45px,6vw,82px);font-weight:500;line-height:.9;text-transform:uppercase}.z4-faq__list{border-top:1px dashed var(--z4-line)}.z4-faq__list article{border-bottom:1px dashed var(--z4-line)}.z4-faq__list button{width:100%;display:grid;grid-template-columns:50px 1fr 30px;gap:20px;align-items:center;padding:24px 0;background:none;border:0;text-align:left;cursor:pointer}.z4-faq__list button span,.z4-faq__list button i{font-size:12px;color:var(--z4-drift);font-style:normal}.z4-faq__list button strong{font-size:20px;font-weight:500}.z4-faq__list article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s}.z4-faq__list article>div p{overflow:hidden;margin:0;padding:0 50px 0 70px;font-size:18px;line-height:1.5;color:var(--z4-drift)}.z4-faq__list article.is-open>div{grid-template-rows:1fr}.z4-faq__list article.is-open>div p{padding-bottom:28px}.z4-faq__list article.is-open button i{transform:rotate(45deg)}
.z4-footer{padding:120px var(--z4-gutter) 24px;background:var(--z4-void);color:var(--z4-cream)}.z4-footer__lead{display:grid;grid-template-columns:.35fr 1fr auto;gap:4vw;align-items:end}.z4-footer__lead>span{font-size:12px;font-weight:500;text-transform:uppercase}.z4-footer__lead h2{margin:0;font-size:clamp(48px,6vw,90px);font-weight:500;line-height:.9;text-transform:uppercase}.z4-footer__rule{margin:68px 0;border-top:1px dashed var(--z4-line)}.z4-footer__grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:4vw}.z4-footer__grid>div{display:flex;flex-direction:column;gap:12px;font-size:14px}.z4-footer__grid strong{margin-bottom:12px;font-size:12px;font-weight:500;text-transform:uppercase;color:var(--z4-drift)}.z4-footer__brand img{width:80px;background:var(--z4-cream);padding:5px}.z4-footer__brand p{max-width:360px;line-height:1.5}.z4-footer__bottom{display:flex;justify-content:space-between;margin-top:68px;padding-top:18px;border-top:1px dashed var(--z4-line);font-size:10px;text-transform:uppercase;color:var(--z4-drift)}.z4-whatsapp{position:fixed;z-index:1300;right:24px;bottom:24px;display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--z4-cream);border-radius:50%;background:var(--z4-void);font-size:10px;font-weight:500}
@media(max-width:980px){.z4-nav{display:none}.z4-menu{display:block}.z4-serial{display:none}.z4-frame--split,.z4-frame--line{grid-template-columns:1fr;align-content:center}.z4-frame__right,.z4-frame--line>p{margin:30px 0 0;max-width:650px}.z4-definition__body{margin-left:0}.z4-detail,.z4-supply{grid-template-columns:1fr}.z4-detail__image,.z4-supply__visual{min-height:60vh}.z4-products__head{grid-template-columns:1fr}.z4-history{grid-template-columns:1fr}.z4-history__year{font-size:34vw}.z4-knowledge__head,.z4-faq{grid-template-columns:1fr}.z4-footer__lead{grid-template-columns:1fr}.z4-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.z4-header{height:64px}.z4-brand span{font-size:10px}.z4-story{height:650vh}.z4-story__workbench{background-position:50% center}.z4-frame{padding:84px 18px 72px}.z4-frame h1,.z4-frame h2{font-size:clamp(48px,14vw,72px)}.z4-frame--hero{justify-content:flex-end}.z4-frame--hero h1{font-size:clamp(62px,19vw,96px)}.z4-frame p{font-size:18px}.z4-hero__history{display:block}.z4-hero__history strong{display:block;margin-bottom:8px}.z4-story__count{left:18px;top:74px}.z4-story__rail{right:11px;top:92px;bottom:72px}.z4-story__scroll{right:24px;bottom:22px;font-size:8px}.z4-story__fallback{left:55%;top:50%;width:48vw}.z4-definition,.z4-products,.z4-history,.z4-knowledge,.z4-faq,.z4-footer{padding:90px 18px}.z4-definition h2{font-size:44px}.z4-definition__body,.z4-definition__facts{grid-template-columns:1fr}.z4-definition__facts article{border-right:0;border-bottom:1px dashed rgba(16,9,4,.35);padding:24px 0}.z4-detail__copy,.z4-supply__copy{padding:70px 18px}.z4-detail__copy h2,.z4-supply__copy h2,.z4-history__copy h2,.z4-knowledge__head h2,.z4-faq__head h2{font-size:42px}.z4-products__head h2{font-size:46px}.z4-product{grid-template-columns:38px 110px 1fr;gap:12px;min-height:240px}.z4-product img{height:200px}.z4-product strong{font-size:22px}.z4-product p{font-size:14px}.z4-knowledge__list a{grid-template-columns:40px 1fr 24px}.z4-knowledge__list p{display:none}.z4-footer__grid{grid-template-columns:1fr}.z4-footer__bottom{flex-direction:column;gap:10px}.z4-whatsapp{width:48px;height:48px;right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.z4-story{height:auto}.z4-story__sticky{position:relative;min-height:100svh}.z4-frame{display:none}.z4-frame--hero{display:flex;opacity:1!important;visibility:visible}.z4-story__workbench{opacity:1!important}.z4-story__canvas{display:none}.z4-story__fallback{opacity:1!important}}