:root{--green:#004a2d;--green-deep:#00321f;--steel:#8b9389;--concrete:#ecefe9;--night:#12180f;--ink:#17201a;--muted:#58634f;--bg:var(--concrete);--word:#fff;--text:var(--ink);--logo:var(--green);--font:"Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--concrete:#1b231a;--ink:#e9ece4;--muted:#a8b2a0;--text:#e9ece4}}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;margin:0;transition:background .2s}a{color:inherit}:focus-visible{outline:3px solid var(--green);outline-offset:3px}.reels :focus-visible,.vbox :focus-visible,footer :focus-visible{outline-color:#e9ece4}.nav{z-index:20;padding:calc(18px + env(safe-area-inset-top,0px)) clamp(20px, 4vw, 56px) 18px;color:var(--text);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;transition:color .3s,background-color .3s,box-shadow .3s;display:grid;position:fixed;top:0;left:0;right:0}.nav-solid .nav{background:var(--concrete);box-shadow:0 1px #17201a1f}.logo{aspect-ratio:228.755/47.3387;background-color:var(--logo,var(--green));justify-self:start;width:156px;transition:background-color .3s;display:block;-webkit-mask:url(/images/logo_bertoja.svg) 50%/contain no-repeat;mask:url(/images/logo_bertoja.svg) 50%/contain no-repeat}.nav-on-dark .nav .logo{--logo:#e9ece4}.nav-main ul{gap:32px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.nav-main ul a,.nav-trigger{opacity:.85;text-decoration:none}.nav-main ul a:not(.btn):hover,.nav-trigger:hover{opacity:1;text-underline-offset:4px;text-decoration:underline}.btn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:2px;align-items:center;min-height:44px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--green-deep)}.btn.ghost{color:var(--ink);background:0 0;box-shadow:inset 0 0 0 2px}.btn.ghost:hover{background:#0000000d}#story{height:640vh;position:relative}.stage{background:var(--bg);height:100dvh;position:sticky;top:0;overflow:hidden}.words{pointer-events:none;place-items:center;height:80%;display:grid;position:absolute;inset:0 0 auto}.w{letter-spacing:-.03em;color:var(--word);font-variation-settings:"wdth" 125;white-space:nowrap;opacity:0;text-align:center;grid-area:1/1;margin:0;font-size:clamp(46px,11vw,190px);font-weight:850;line-height:.88}.w:nth-child(2){white-space:normal;width:min-content}.w:first-child{opacity:1;font-size:clamp(34px,10vw,180px)}canvas#gl{width:100%;height:100%;display:block;position:absolute;inset:0}.caps{left:clamp(20px,4vw,56px);bottom:calc(40px + env(safe-area-inset-bottom,0px));pointer-events:none;width:min(420px,100% - 40px);position:absolute}.cap{opacity:0;color:var(--text);transition:color .3s;position:absolute;bottom:0;left:0}.cap:first-child{opacity:1}.cap h2{font-variation-settings:"wdth" 108;margin:0 0 10px;font-size:clamp(19px,1.7vw,25px);font-weight:700;line-height:1.15}.cap p{max-width:38ch;margin:0;font-size:16px;line-height:1.5}.cap .btn{pointer-events:auto;margin-top:18px}.hint{opacity:.7;margin-top:16px;font-size:14px;display:block}.steps{right:clamp(20px,4vw,56px);top:calc(110px + env(safe-area-inset-top,0px));color:var(--text);flex-direction:column;gap:14px;margin:0;padding:0;font-size:13px;list-style:none;transition:color .3s;display:flex;position:absolute}.steps li{opacity:.45;align-items:center;gap:10px;transition:opacity .3s;display:flex}.steps li:before{content:"";background:currentColor;width:18px;height:2px;transition:width .3s,background .3s}.steps li.on{opacity:1}.steps li.on:before{background:var(--green);width:34px}@media (width<=820px){.steps{display:none}}@media (width<=760px){.stage{height:58svh}}.fallback-scenes{display:none}.reduced-motion #story{height:auto}.reduced-motion .stage{height:auto;position:relative}.reduced-motion canvas#gl,.reduced-motion .steps,.reduced-motion .caps,.reduced-motion .words{display:none}.reduced-motion .fallback-scenes{display:block}.fscene{background:var(--bg);padding:clamp(56px,9vw,110px) clamp(20px,4vw,56px);position:relative}.fscene img{background:var(--concrete);width:100%;height:auto;margin-bottom:clamp(24px,4vw,48px);display:block}.fscene h2{letter-spacing:-.03em;font-variation-settings:"wdth" 118;margin:0 0 16px;font-size:clamp(36px,6vw,72px);font-weight:850;line-height:.95}.fscene p{max-width:52ch;color:var(--muted);margin:0;font-size:17px;line-height:1.55}.fscene.dark{background:var(--night);color:#e9ece4}.fscene.dark p{color:#a8b2a0}.product{background:var(--concrete);color:var(--ink);padding:clamp(72px,10vw,140px) clamp(20px,4vw,56px)}.product .inner{max-width:1280px;margin:0 auto}.product img{background:var(--concrete);width:100%;height:auto;margin:0 0 clamp(32px,5vw,64px);display:block}.product .cols{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(28px,5vw,80px);display:grid}@media (width<=820px){.product .cols{grid-template-columns:1fr}}.product h2{letter-spacing:-.02em;font-variation-settings:"wdth" 118;margin:0;font-size:clamp(34px,4.4vw,64px);font-weight:800;line-height:1}.product p{color:var(--muted);max-width:52ch;margin:0 0 24px;font-size:17px;line-height:1.55}.specs{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;gap:0;margin:0 0 32px;display:grid}.specs div{border-bottom:1px solid color-mix(in srgb, var(--ink) 20%, transparent);padding:16px 0}.specs dt{color:var(--muted);margin-bottom:4px;font-size:13px}.specs dd{font-variation-settings:"wdth" 110;margin:0;font-size:22px;font-weight:700}.actions{flex-wrap:wrap;gap:12px;display:flex}footer{background:var(--green-deep);color:#e6e9e4;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:48px clamp(20px,4vw,56px);font-size:14px;display:flex}footer address{text-align:right;font-style:normal;line-height:1.5}footer .logo{--logo:#e6e9e4;width:140px}.reels{background:var(--night);color:#e9ece4;padding:clamp(64px,9vw,120px) clamp(20px,4vw,56px) clamp(72px,10vw,140px)}.reels-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 40px;max-width:1280px;margin:0 auto clamp(28px,4vw,48px);display:flex}.reels-head h2{letter-spacing:-.02em;font-variation-settings:"wdth" 118;margin:0;font-size:clamp(34px,4.4vw,64px);font-weight:800;line-height:1}.reels-head p{color:#a8b2a0;margin:0;font-size:16px}.vgrid{grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(180px,20vw,270px);gap:6px;max-width:1280px;margin:0 auto;display:grid}.vtile{color:#e9ece4;font:inherit;text-align:left;cursor:pointer;background:#0b0f09;border:0;border-radius:2px;padding:0;position:relative;overflow:hidden}.vgrid .vtile:first-child{grid-area:span 2/span 2}.vtile img{object-fit:cover;filter:brightness(.7)saturate(.9);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s;position:absolute;inset:0}.vtile:hover img,.vtile:focus-visible img{filter:brightness(.95)saturate();transform:scale(1.05)}.vtile:after{content:"";pointer-events:none;background:linear-gradient(#12180f00 45%,#12180feb 100%);position:absolute;inset:0}.vtile-meta{z-index:1;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:16px;left:18px;right:76px}.vtile-title{font-variation-settings:"wdth" 112;font-size:clamp(17px,1.6vw,22px);font-weight:800;line-height:1.1}.vgrid .vtile:first-child .vtile-title{letter-spacing:-.02em;font-variation-settings:"wdth" 122;font-size:clamp(26px,3.4vw,48px)}.vtile-caption{color:#c3cbbb;font-size:14px}.vtile-play{z-index:1;background:var(--green);border-radius:50%;width:48px;height:48px;transition:background .25s,transform .25s;position:absolute;bottom:16px;right:16px}.vtile-play:before{content:"";clip-path:polygon(40% 30%,72% 50%,40% 70%);background:#fff;position:absolute;inset:0}.vgrid .vtile:first-child .vtile-play{width:68px;height:68px}.vtile:hover .vtile-play,.vtile:focus-visible .vtile-play{background:var(--green-deep);transform:scale(1.08)}.vtile:focus-visible{outline-offset:-3px}.vbox{color:#e9ece4;background:0 0;border:0;width:min(1200px,94vw);max-width:none;max-height:none;padding:0;overflow:visible}.vbox::backdrop{background:#080b07f0}.vbox-frame{aspect-ratio:16/9;background:#000}.vbox-frame iframe{border:0;width:100%;height:100%;display:block}.vbox-empty{color:#a8b2a0;place-items:center;height:100%;margin:0;display:grid}.vbox-bar{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.vbox-info{align-items:baseline;gap:14px;min-width:0;display:flex}.vbox-title{font-variation-settings:"wdth" 112;font-size:clamp(18px,2vw,24px)}.vbox-count{color:#a8b2a0;font-variant-numeric:tabular-nums;font-size:14px}.vbox-nav{gap:6px;display:flex}.vbox-btn{color:#fff;cursor:pointer;background:#e9ece424;border:0;border-radius:2px;width:44px;height:44px;font-size:22px}.vbox-btn:hover{background:var(--green)}@media (width<=900px){.vgrid{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(150px,30vw,240px)}}@media (width<=560px){footer address{text-align:left}.vgrid{grid-template-columns:1fr;grid-auto-rows:56vw}.vgrid .vtile:first-child{grid-area:span 1}.vgrid .vtile:first-child .vtile-title{font-size:22px}.vgrid .vtile:first-child .vtile-play{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.vtile img,.vtile-play{transition:none}}.nav-on-dark .nav{color:#e9ece4}.nav-on-dark.nav-solid .nav{background:var(--night);box-shadow:0 1px #e9ece41a}.nav-cta{display:none}.nav-main ul a:not(.btn),.nav-trigger{opacity:.85;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:15px;text-decoration:none;display:inline-flex}.nav-trigger:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .25s;transform:translateY(-2px)rotate(45deg)}.nav-trigger[aria-expanded=true]{opacity:1}.nav-trigger[aria-expanded=true]:after{transform:translateY(1px)rotate(225deg)}.nav-end{justify-self:end;align-items:center;gap:12px;display:flex}.nav-burger{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:none;position:relative}.nav-burger span,.nav-burger:before,.nav-burger:after{content:"";background:currentColor;height:2px;transition:transform .25s,opacity .2s;position:absolute;left:11px;right:11px}.nav-burger:before{top:15px}.nav-burger span{top:21px}.nav-burger:after{top:27px}.nav-burger[aria-expanded=true]:before{transform:translateY(6px)rotate(45deg)}.nav-burger[aria-expanded=true] span{opacity:0}.nav-burger[aria-expanded=true]:after{transform:translateY(-6px)rotate(-45deg)}.megamenu{background:var(--concrete);max-height:calc(100dvh - 80px);color:var(--ink);border-top:1px solid #17201a1f;padding:clamp(28px,4vw,48px) clamp(20px,4vw,56px) clamp(32px,4.4vw,56px);position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 28px 40px -28px #0006}.megamenu:not([hidden]){animation:.28s cubic-bezier(.2,.7,.2,1) mm-in}@keyframes mm-in{0%{opacity:0;transform:translateY(-8px)}}.mm-inner{grid-template-columns:240px minmax(0,1fr) minmax(0,400px);align-items:start;gap:clamp(28px,4vw,64px);max-width:1280px;margin:0 auto;display:grid}.mm-back{display:none}.mm-rail{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mm-tab{width:100%;color:var(--ink);font:inherit;letter-spacing:-.02em;font-variation-settings:"wdth" 118;text-align:left;cursor:pointer;opacity:.4;background:0 0;border:0;align-items:center;padding:6px 0;font-size:clamp(24px,2.4vw,32px);font-weight:800;text-decoration:none;transition:opacity .2s;display:flex}.mm-tab:hover,.mm-tab.on{opacity:1}.mm-panes{min-width:0}.mm-pane[hidden]{display:none}.mm-cats{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.mm-cats a{color:var(--ink);letter-spacing:-.01em;font-variation-settings:"wdth" 112;border-bottom:1px solid #17201a29;align-items:center;gap:14px;padding:15px 0;font-size:clamp(20px,1.9vw,26px);font-weight:700;text-decoration:none;display:flex}.mm-cats a:before{content:"";background:var(--green);width:0;height:2px;transition:width .25s}.mm-cats a[aria-current=page]{color:var(--green)}.mm-cats a.on:before{width:28px}.mm-preview{aspect-ratio:16/9;background:#dfe4da;border-radius:2px;position:relative;overflow:hidden}.mm-preview img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.mm-preview img.on{opacity:1}:root.menu-open .nav{background:var(--concrete);color:var(--ink)}:root.menu-open .nav .logo{--logo:var(--green)}@media (width<=1024px){.mm-inner{grid-template-columns:220px minmax(0,1fr)}.mm-preview{display:none}}@media (width<=820px){.nav{grid-template-columns:1fr auto}.nav-burger{display:block}.nav-main{background:var(--concrete);max-height:calc(100dvh - 80px);color:var(--ink);padding:8px clamp(20px,4vw,56px) 28px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 28px 40px -28px #0006}:root.menu-mobile .nav-main{display:block}:root.menu-open .nav-main{display:none}.nav-cta{padding-top:22px;display:block}.nav-main ul{flex-direction:column;gap:0}.nav-main ul a:not(.btn),.nav-trigger{font-variation-settings:"wdth" 110;opacity:1;border-bottom:1px solid #17201a1f;justify-content:space-between;width:100%;padding:16px 0;font-size:22px;font-weight:700}.nav-trigger:after,.nav-trigger[aria-expanded=true]:after{transform:translateY(-2px)rotate(-45deg)}.nav-end .btn{display:none}.mm-inner{grid-template-columns:1fr;gap:20px}.mm-back{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:15px;display:inline-flex}.mm-back:before{content:"";border-bottom:2px solid;border-left:2px solid;width:8px;height:8px;transform:rotate(45deg)}.mm-rail{flex-flow:wrap;gap:6px 22px}.mm-tab{width:auto;font-size:20px}.mm-tab.on{text-decoration:underline;-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green);text-underline-offset:6px;text-decoration-thickness:3px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.catnav{z-index:15;background:var(--concrete);border-bottom:1px solid #17201a24;padding:0 clamp(20px,4vw,56px);position:sticky;top:80px}.catnav-inner{align-items:center;gap:20px;max-width:1080px;margin:0 auto;display:flex}.catnav-family{white-space:nowrap;font-variation-settings:"wdth" 112;border-right:1px solid #17201a2e;margin:0;padding-right:20px;font-size:17px;font-weight:800}.catnav-list{scrollbar-width:none;flex:1;gap:28px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.catnav-list::-webkit-scrollbar{display:none}.catnav-list a{color:var(--muted);white-space:nowrap;border-bottom:3px solid #0000;padding:20px 0 17px;font-size:15px;text-decoration:none;display:block}.catnav-list a:hover{color:var(--ink)}.catnav-list a[aria-current=page]{color:var(--ink);border-bottom-color:var(--green);font-weight:600}.catnav-arrows{gap:6px;display:flex}.catnav-arrow{width:40px;height:40px;color:var(--ink);background:#17201a14;border-radius:2px;place-items:center;font-size:22px;text-decoration:none;display:grid}a.catnav-arrow:hover{background:var(--green);color:#fff}.catnav-arrow.is-off{opacity:.3}.catproducts{background:var(--concrete);padding:clamp(48px,7vw,96px) clamp(20px,4vw,56px) clamp(24px,4vw,48px)}.prow{border-bottom:2px solid var(--ink);max-width:1080px;margin:0 auto clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px)}.prow h2{letter-spacing:-.03em;font-variation-settings:"wdth" 125;margin:0 0 clamp(20px,3vw,32px);font-size:clamp(28px,3.4vw,48px);font-weight:850;line-height:1}.prow-main{grid-template-columns:1fr 1.6fr;align-items:center;gap:clamp(20px,3vw,40px);display:grid}.prow-main img{width:100%;height:auto;display:block}.prow .specs{margin:0}.prow-videos{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:clamp(20px,3vw,32px) 0;display:grid}.prow .vtile{aspect-ratio:16/9;width:100%}.prow .vtile-meta{bottom:12px;left:12px;right:56px}.prow .vtile-title{font-size:14px}.prow .vtile-caption{font-size:12px}.prow .vtile-play{width:36px;height:36px;bottom:12px;right:12px}.prow .actions{justify-content:flex-end}@media (width<=820px){.prow-main{grid-template-columns:1fr}.prow-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.prow .actions{justify-content:flex-start}.catnav-family{display:none}}.cathero .stage{height:max(420px,100dvh - 97px);position:relative}@media (width<=760px){.cathero .stage{height:58svh}}.cathero-img{object-fit:contain;transform-origin:50% 55%;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translateY(-9%)scale(1.02)}.mm2{background:var(--concrete);color:var(--ink)}.m2-inner{max-width:1280px;margin:0 auto}.m2-bar{margin-bottom:clamp(20px,3vw,36px)}.m2-tabs{flex-wrap:wrap;gap:8px;display:flex}.m2-tab,.m2-direct{min-height:48px;color:var(--ink);font:inherit;font-variation-settings:"wdth" 112;cursor:pointer;background:0 0;border:1px solid #17201a52;border-radius:2px;align-items:center;gap:12px;padding:0 20px;font-size:17px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.m2-tab small{font-variant-numeric:tabular-nums;opacity:.65;font-size:13px;font-weight:500}.m2-tab:hover,.m2-direct:hover{border-color:var(--ink)}.m2-tab.on{background:var(--green);border-color:var(--green);color:#fff}.m2-pane[hidden]{display:none}.m2-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,36px) clamp(16px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}.m2-tile{color:inherit;text-decoration:none;transition:opacity .3s;display:block}.mm2:not([hidden]) .m2-grid li{animation:.55s cubic-bezier(.2,.7,.2,1) both m2-in;animation-delay:calc(var(--i) * 45ms + 80ms)}@keyframes m2-in{0%{opacity:0;transform:translateY(18px)}}.m2-img{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.m2-img:before{content:"";opacity:.8;background:radial-gradient(78% 64% at 50% 62%,#ffffffe6,#ffffff59 52%,#0000 78%);transition:opacity .4s;position:absolute;inset:0}.m2-img img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.m2-tile:hover .m2-img:before,.m2-tile:focus-visible .m2-img:before{opacity:1}.m2-tile:hover .m2-img img,.m2-tile:focus-visible .m2-img img{transform:translateY(-8px)scale(1.05)}.m2-grid:has(.m2-tile:hover,.m2-tile:focus-visible) .m2-tile:not(:hover,:focus-visible){opacity:.45}.m2-name{font-variation-settings:"wdth" 110;border-top:1px solid #17201a33;align-items:center;gap:12px;padding-top:12px;font-size:clamp(17px,1.5vw,20px);font-weight:700;display:flex}.m2-name em{background:var(--green);color:#fff;font-variation-settings:"wdth" 100;border-radius:2px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:600}.m2-tile[aria-current=page] .m2-name{border-top-color:var(--green);border-top-width:3px;padding-top:10px}.mm2 .mm-back{color:var(--muted)}@media (width<=1024px){.m2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.mm2 .mm-back{margin-bottom:18px}.m2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.m2-tab,.m2-direct{min-height:44px;padding:0 14px;font-size:15px}}@media (prefers-reduced-motion:reduce){.mm2:not([hidden]) .m2-grid li{animation:none}.m2-img img{transition:none}}.cta{background:#e2e7dc}.cta-inner{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(24px,6vw,88px);max-width:1080px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,4vw,56px);display:grid}.cta-copy{grid-area:1/2;align-self:center}.cta-art{grid-area:1/1;width:auto;height:clamp(300px,34vw,440px);display:block}.cta--formica .cta-art{height:clamp(210px,22vw,290px)}.cta h2{letter-spacing:-.03em;font-variation-settings:"wdth" 125;max-width:14ch;margin:0 0 16px;font-size:clamp(32px,4.6vw,64px);font-weight:850;line-height:.98}.cta p{max-width:40ch;color:var(--muted);margin:0 0 28px;font-size:18px;line-height:1.5}@media (width<=760px){.cta-inner{grid-template-columns:1fr;gap:0}.cta-copy{grid-column:1;padding-bottom:28px}.cta-art{grid-area:2/1;justify-self:start;height:280px}.cta--formica .cta-art{height:190px}}