@font-face{font-family:Bri;font-weight:500;font-display:swap;src:url(/fonts/br500.woff2) format("woff2")}
@font-face{font-family:Bri;font-weight:800;font-display:swap;src:url(/fonts/br800.woff2) format("woff2")}
@font-face{font-family:IS;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/is.woff2) format("woff2")}
@font-face{font-family:IS;font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/isi.woff2) format("woff2")}
@font-face{font-family:JB;font-weight:500;font-display:swap;src:url(/fonts/jb.woff2) format("woff2")}
:root{--moss:#282c20;--blk:#111112;--off:#f4f4ed;--cream:#efefe5;--g1:#ebeee0;--g2:#c8cbbd;--g3:#b4b8a5;--gold:#d9b96a;--gold2:#b8975a;--ln:rgba(40,44,32,.22);--ez:cubic-bezier(.65,.05,0,1);--pad:clamp(16px,2.4vw,40px);--sans:Bri,system-ui,sans-serif;--serif:IS,'Times New Roman',serif;--mono:JB,ui-monospace,monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--off)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis-stopped{overflow:hidden}
body{background:var(--off);color:var(--moss);font:500 16px/1.4 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block;max-width:100%}
::selection{background:var(--gold);color:var(--moss)}
.eb{display:block;font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.topo{background-color:var(--off);background-size:cover;background-position:center}

/* loader (sai sozinho mesmo sem JS) */
#ld{position:fixed;inset:0;z-index:200;background:var(--moss);display:grid;place-items:center;animation:ldx .7s var(--ez) 6s forwards}
@keyframes ldx{to{opacity:0;visibility:hidden}}
.ld__in{display:grid;justify-items:center;gap:22px}.ld__in img{width:96px;height:96px;animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ld__in b{font:500 13px var(--mono);letter-spacing:.2em;color:var(--gold)}
.curtain{position:fixed;inset:0;z-index:150;background:var(--gold);transform:translateY(101%);pointer-events:none}
.cur{position:fixed;left:0;top:0;z-index:180;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--gold);border:1px solid var(--moss);pointer-events:none;opacity:0;display:grid;place-items:center;transition:width .4s var(--ez),height .4s var(--ez),margin .4s var(--ez),opacity .3s}
.cur span{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--moss);opacity:0;transition:opacity .2s}
.cur.on{opacity:1}.cur.big{width:78px;height:78px;margin:-39px 0 0 -39px}.cur.big span{opacity:1}
@media(pointer:coarse){.cur{display:none}}

/* header */
.kh{position:fixed;left:0;right:0;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) var(--pad) 0;pointer-events:none}
.kh>*{pointer-events:auto}
.kh__lg{position:relative;display:block;width:clamp(104px,10vw,148px)}
.kh__lg img{width:100%;height:auto;transition:opacity .4s}.kh__lg .lgg{position:absolute;left:0;top:0;opacity:0}
.kh.dk .kh__lg .lgg{opacity:1}.kh.dk .kh__lg .lgd{opacity:0}
.kh__r{display:flex;gap:8px}
.kb{height:44px;border-radius:14px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;font:800 13px var(--sans);letter-spacing:.04em;text-transform:uppercase;transition:transform .5s var(--ez),background .3s}
.kb--g{background:var(--gold);color:var(--moss)}.kb--g:hover{transform:translateY(-2px)}
.kb--sq{width:44px;padding:0;border:1.5px solid var(--moss);background:rgba(244,244,237,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-direction:column;justify-content:center;gap:5px;color:var(--moss)}
.kb--sq i{display:block;width:18px;height:1.8px;background:currentColor;transition:transform .5s var(--ez)}
.kh.dk .kb--sq{border-color:var(--off);background:rgba(40,44,32,.55);color:var(--off)}
body.mo .kb--sq{background:var(--gold)!important;color:var(--moss)!important;border-color:var(--moss)!important}
body.mo .kb--sq i:first-child{transform:translateY(3.4px) rotate(45deg)}body.mo .kb--sq i:last-child{transform:translateY(-3.4px) rotate(-45deg)}
body.mo .kh .lgg{opacity:1}body.mo .kh .lgd{opacity:0}
.mnu{position:fixed;inset:0;z-index:55;background:var(--moss);color:var(--off);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .9s var(--ez),visibility 0s .9s}
body.mo .mnu{clip-path:inset(0);visibility:visible;transition:clip-path .9s var(--ez),visibility 0s}
.mnu__in{height:100%;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:90px var(--pad) 40px}
.mnu a{font:800 clamp(40px,9vw,110px)/1 var(--sans);text-transform:uppercase;letter-spacing:-.03em;display:flex;align-items:baseline;gap:16px;padding:6px 0;transform:translateY(40px);opacity:0;transition:transform .8s var(--ez),opacity .6s,color .3s}
body.mo .mnu a{transform:none;opacity:1}
body.mo .mnu a:nth-child(2){transition-delay:.06s}body.mo .mnu a:nth-child(3){transition-delay:.12s}body.mo .mnu a:nth-child(4){transition-delay:.18s}body.mo .mnu a:nth-child(5){transition-delay:.24s}
.mnu a span{font:500 11px var(--mono);color:var(--gold);letter-spacing:.14em}.mnu a:hover{color:var(--gold)}

/* botões e cartão */
.kbtn{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 24px;border-radius:16px;background:var(--gold);color:var(--moss);font:800 14px var(--sans);letter-spacing:.04em;text-transform:uppercase;border:1.5px solid var(--gold);transition:transform .55s var(--ez),background .3s,color .3s}
.kbtn i{font-style:normal;transition:transform .55s var(--ez)}.kbtn:hover{transform:translateY(-3px)}.kbtn:hover i{transform:translateX(4px)}
.kbtn--o{background:transparent;border-color:currentColor;color:inherit}
.card{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;background:rgba(244,244,237,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--ln);border-radius:14px 14px 14px 46px;min-width:230px}
.card .eb{color:#6b6e60}.card__h{font:800 clamp(24px,2.6vw,36px)/1 var(--sans);letter-spacing:-.02em;text-transform:uppercase}.card__a{font-size:12px;line-height:1.35;color:#555}

/* hero */
.hero{position:relative;height:100svh;min-height:620px;color:var(--moss)}.hero.pin{height:250svh}
.hero__w{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden}
#ink{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero__c{position:absolute;left:0;right:0;top:50%;transform:translateY(-54%);text-align:center;padding:0 var(--pad);pointer-events:none;color:var(--moss);transition:color .5s}
.hero__c.on{color:var(--off);text-shadow:0 2px 40px rgba(0,0,0,.35)}
.hero__t{display:flex;flex-direction:column;align-items:center;font-weight:400}
.hero__a{font:800 clamp(72px,24vw,420px)/.82 var(--sans);letter-spacing:-.05em;text-transform:uppercase;display:block;overflow:hidden;padding-bottom:.04em}
.hero__a .c,.hero__b .c{display:inline-block}
.hero__b{font:400 clamp(54px,11vw,190px)/1 var(--serif);font-style:italic;display:block;overflow:hidden;margin-top:-.04em;padding:.06em .1em}
.hero__s{font:500 clamp(14px,1.4vw,20px) var(--sans);margin-top:clamp(10px,2vh,22px);opacity:0}
.hero__card{position:absolute;left:var(--pad);bottom:var(--pad);opacity:0}
.hero__cta{position:absolute;right:var(--pad);bottom:var(--pad);display:flex;gap:10px;opacity:0}
.hero__hint{position:absolute;left:50%;bottom:calc(var(--pad) + 2px);transform:translateX(-50%);color:#555;opacity:0;pointer-events:none;white-space:nowrap}
.hero__w.on .kbtn--o{color:var(--off)}.hero__w.on .hero__hint{color:#eee}
@keyframes fi{to{opacity:1}}.hero__s,.hero__card,.hero__cta{animation:fi .01s 5s forwards}

/* mensagem */
.msg{background:var(--moss);color:var(--off);padding:clamp(120px,22vh,240px) var(--pad);min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}
.msg__eb{color:var(--gold);margin-bottom:clamp(20px,4vh,40px)}
.msg__t{font:800 clamp(34px,6.4vw,112px)/.98 var(--sans);letter-spacing:-.035em;text-transform:uppercase;max-width:16ch}
.msg__t .w{display:inline-block;opacity:.18;margin-right:.18em}
.msg__t .hl{font:400 1.12em/.9 var(--serif);color:var(--gold);letter-spacing:-.01em}

/* trilho horizontal */
.trk{position:relative;background-color:var(--moss);overflow:hidden;color:var(--off)}
.trk__p{position:relative;height:100svh;display:flex;align-items:center}
.trk__r{display:flex;align-items:center;gap:clamp(40px,7vw,120px);padding:0 12vw;will-change:transform}
.ph{position:relative;flex:0 0 auto;display:flex;flex-direction:column;gap:12px}
.ph .fr{overflow:hidden;border-radius:6px}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph figcaption{font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.8;max-width:30ch}
.ph--s{width:clamp(150px,15vw,260px)}.ph--s .fr{aspect-ratio:4/5}.ph--s img{filter:grayscale(1) contrast(.9) sepia(.35) hue-rotate(10deg) brightness(.85)}
.ph--m{width:clamp(220px,22vw,380px)}.ph--m .fr{aspect-ratio:4/5}
.ph--l{width:clamp(280px,31vw,560px)}.ph--l .fr{aspect-ratio:4/5}
.ph--w .fr{aspect-ratio:5/4}
.ph:nth-child(2n){align-self:flex-start;margin-top:12vh}.ph:nth-child(2n+1){align-self:flex-end;margin-bottom:10vh}
.trk__r .q{flex:0 0 auto;width:clamp(240px,24vw,420px);font:400 clamp(22px,2.4vw,40px)/1.05 var(--serif);font-style:italic}
.trk__r .q b{display:block;margin-top:14px;font:500 10px var(--mono);letter-spacing:.14em;color:var(--gold);font-style:normal;text-transform:uppercase}

/* duo */
.duo{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;background:var(--off)}
.duo__i{position:relative;overflow:hidden;color:var(--off);display:block;min-height:70svh}
.duo__i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ez),filter .6s;filter:brightness(.74)}
.duo__i:hover img{transform:scale(1.06);filter:brightness(.58)}
.duo__v{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(70px,12vh,120px);display:flex;flex-direction:column}
.duo__v b{font:800 clamp(40px,8.6vw,160px)/.85 var(--sans);letter-spacing:-.05em}
.duo__v em{font:400 clamp(22px,3vw,48px)/1 var(--serif);color:var(--gold);margin-top:8px}
.duo__go{position:absolute;right:var(--pad);bottom:var(--pad);width:54px;height:54px;border-radius:14px;background:var(--gold);color:var(--moss);display:grid;place-items:center;font:800 22px var(--sans);transition:transform .55s var(--ez)}
.duo__i:hover .duo__go{transform:translate(4px,-4px)}

/* catálogo */
.cat{background:var(--blk);color:var(--off);display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(20px,3.4vw,64px);padding:clamp(80px,12vh,150px) var(--pad);position:relative}
.cat__s{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.cat__s .eb{color:var(--gold)}
.cat__s h2{font:800 clamp(44px,6.4vw,118px)/.86 var(--sans);letter-spacing:-.05em}
.cat__s h2 em{display:block;font:400 .56em/1 var(--serif);color:var(--gold);letter-spacing:0;margin-top:.12em}
.cat__s p{max-width:34ch;color:#a9ab9e;font-size:14px}
.cat__ph{position:relative;aspect-ratio:4/3;border-radius:8px 8px 8px 70px;overflow:hidden;background:#1b1c1a}
.cat__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s var(--ez),transform 1.2s var(--ez);transform:scale(1.06)}
.cat__ph img.on{opacity:1;transform:none}
.cat__f{display:flex;flex-wrap:wrap;gap:8px}
.cat__f button{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;border-radius:99px;box-shadow:inset 0 0 0 1.5px rgba(244,244,237,.3);transition:background .3s,color .3s,box-shadow .3s}
.cat__f button:hover{box-shadow:inset 0 0 0 1.5px var(--gold)}
.cat__f button.on{background:var(--gold);color:var(--moss);box-shadow:none}
.cat__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}
.pc{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:56px;min-height:250px;padding:20px 20px 18px;border:1px solid rgba(244,244,237,.2);border-radius:14px 14px 14px 64px;background:rgba(244,244,237,.02);overflow:hidden;transition:background .45s var(--ez),color .45s,transform .55s var(--ez),border-color .3s}
.pc:hover{background:var(--gold);color:var(--moss);border-color:var(--gold);transform:translateY(-4px)}
.pc__t{display:flex;justify-content:space-between;gap:10px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);transition:color .3s}.pc:hover .pc__t{color:var(--moss)}
.pc h3{font:800 clamp(24px,2.4vw,38px)/.95 var(--sans);letter-spacing:-.035em;text-transform:uppercase}
.pc h3 small{display:block;font:500 11px var(--mono);letter-spacing:.12em;opacity:.65;margin-top:8px}
.pc__m{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.pc__p{display:grid;gap:2px}.pc__p s{font:500 11px var(--mono);opacity:.55}
.pc__p b{font:400 clamp(26px,2.4vw,38px)/1 var(--serif);letter-spacing:0}
.pc__o{font:500 10px var(--mono);letter-spacing:.1em;border:1px solid currentColor;border-radius:99px;padding:3px 8px;align-self:flex-start;margin-top:6px;width:max-content}
.pc__go{width:42px;height:42px;border-radius:12px;background:var(--gold);color:var(--moss);display:grid;place-items:center;font:800 18px var(--sans);flex:none;transition:background .3s,color .3s}.pc:hover .pc__go{background:var(--moss);color:var(--gold)}

/* marcas */
.brands{background:var(--gold);color:var(--moss);overflow:hidden;padding:clamp(18px,3vh,34px) 0}
.brands__r{display:flex;white-space:nowrap;will-change:transform}.brands__t{display:flex;flex:none}
.brands__t span{font:800 clamp(40px,8vw,130px)/1 var(--sans);letter-spacing:-.04em;text-transform:uppercase;padding-right:.5em}
.brands__t span.o{color:transparent;-webkit-text-stroke:1.5px var(--moss)}
.brands__t span.s{font:400 1em/1 var(--serif);font-style:italic;text-transform:none;letter-spacing:0}
.brands__t i{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:var(--moss);margin:0 .4em .14em 0}

/* visita */
.vis{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,90px);padding:clamp(80px,14vh,160px) var(--pad);align-items:center;background-color:var(--off)}
.vis h2{font:800 clamp(44px,8vw,150px)/.86 var(--sans);letter-spacing:-.05em;margin:16px 0 10px}
.vis h2 em{font:400 1em/.86 var(--serif);letter-spacing:0;font-style:italic}
.vis__b{font:500 12px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5d6052}
.vis__n{margin:22px 0 26px;font-size:13px;color:#6b6e60;max-width:46ch}
.vis__k{display:flex;flex-wrap:wrap;gap:10px}
.vis__p{border-radius:8px 8px 8px 90px;overflow:hidden;aspect-ratio:4/5;max-height:80svh;background:var(--g1);border:1px solid var(--ln)}
.vis__p iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1) contrast(1.05) sepia(.18)}

/* rodapé */
.ft{background:var(--gold);padding:clamp(40px,6vw,90px) var(--pad) var(--pad)}
.ft__p{background:var(--moss);color:var(--off);border-radius:18px 18px 18px 90px;padding:clamp(40px,7vw,110px) clamp(20px,4vw,70px) 26px;min-height:70svh;display:flex;flex-direction:column;justify-content:space-between;gap:50px}
.ft__t{font:800 clamp(52px,12.6vw,240px)/.84 var(--sans);letter-spacing:-.055em;text-transform:uppercase;display:block}
.ft__t em{font:400 1em/.84 var(--serif);letter-spacing:-.02em;color:var(--gold);display:block;text-transform:none}.ft__t:hover em{font-style:italic}
.ft__lg{width:clamp(130px,14vw,200px);height:auto}
.ft__f{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#a9ab9e;border-top:1px solid rgba(244,244,237,.16);padding-top:18px}.ft__f a:hover{color:var(--gold)}

.js-off .hero__s,.js-off .hero__card,.js-off .hero__cta,.js-off .hero__hint{opacity:1}.js-off .msg__t .w{opacity:1}

@media(max-width:1100px){.cat{grid-template-columns:1fr}.cat__s{position:static}.cat__ph{aspect-ratio:16/10}}
@media(max-width:820px){
  .kb span{display:none}.kb--g{width:44px;padding:0;justify-content:center}
  .hero__card{left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + 74px);min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:12px 16px;border-radius:12px 12px 12px 34px}
  .hero__card .eb{width:100%}.card__h{font-size:22px}.card__a{display:none}
  .hero__cta{left:var(--pad);right:var(--pad);bottom:var(--pad)}.hero__cta .kbtn{flex:1;justify-content:center;padding:0 14px;height:54px}.hero__cta .kbtn--o{flex:0 0 auto}
  .hero__hint{display:none}.hero__c{transform:translateY(-70%)}
  .duo{grid-template-columns:1fr}.duo__i{min-height:78svh}
  .cat__g{grid-template-columns:1fr}.pc{min-height:210px;gap:40px}
  .vis{grid-template-columns:1fr}.vis__p{order:-1;aspect-ratio:1/1;max-height:none;border-radius:8px 8px 8px 70px}
  .ft__t{font-size:clamp(54px,17vw,120px)}.ft__p{border-radius:16px 16px 16px 56px;min-height:60svh}.ft__f{padding-left:22px;padding-bottom:6px;flex-direction:column}
}
@media(max-width:899px){
  .trk__p{height:auto;display:block;padding:90px var(--pad) 90px}.trk__r{display:flex;flex-direction:column;padding:0;gap:46px;align-items:stretch;transform:none!important}
  .ph{width:100%!important;max-width:100%}.ph--s{width:62%!important}.ph--m{width:78%!important}.ph--l{width:100%!important}
  .ph:nth-child(odd){align-self:flex-start;margin:0}.ph:nth-child(even){align-self:flex-end;margin:0}
  .trk{background-color:var(--g2)!important;color:var(--moss)}.trk__r .q{width:90%}.trk__r .q b{color:#6b5320}
}
@media(prefers-reduced-motion:reduce){.hero__s,.hero__card,.hero__cta,.hero__hint{opacity:1}.hero__a .c,.hero__b .c{transform:none}.msg__t .w{opacity:1}}

.pc__l{list-style:none;display:grid;gap:5px;font:500 11px/1.35 var(--mono);letter-spacing:.06em;opacity:.78}
.pc__l li::before{content:"· ";color:var(--gold)}.pc:hover .pc__l li::before{color:var(--moss)}
.pc{text-align:left;cursor:pointer;color:var(--off)}
.pc h3{margin-top:auto}
.pc{gap:22px}
/* ficha do produto */
.dt{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none}
.dt.on{visibility:visible;pointer-events:auto}
.dt__o{position:absolute;inset:0;background:rgba(17,17,18,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .5s}
.dt.on .dt__o{opacity:1}
.dt__s{position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);background:var(--moss);color:var(--off);padding:clamp(24px,4vw,48px);overflow:auto;transform:translateX(102%);transition:transform .8s var(--ez);border-radius:18px 0 0 90px}
.dt.on .dt__s{transform:none}
.dt__c{position:absolute;right:18px;top:16px;width:44px;height:44px;border-radius:14px;background:var(--gold);color:var(--moss);font:800 24px var(--sans)}
.dt__b{display:flex;flex-direction:column;gap:18px;padding-top:34px}
.dt__b .eb{color:var(--gold)}
.dt__b h3{font:800 clamp(38px,5vw,64px)/.9 var(--sans);letter-spacing:-.045em;text-transform:uppercase}
.dt__p{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.dt__p s{font:500 13px var(--mono);opacity:.55}.dt__p b{font:400 clamp(40px,5vw,60px)/1 var(--serif);color:var(--gold)}
.dt__p span{font:500 11px var(--mono);border:1px solid var(--gold);color:var(--gold);border-radius:99px;padding:3px 9px}
.dt__sp{border-top:1px solid rgba(244,244,237,.2)}
.dt__sp div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(244,244,237,.2);font-size:14px}
.dt__sp span{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a9ab9e;flex:none}
.dt__sp b{font-weight:500;text-align:right}
.dt__n{list-style:none;display:grid;gap:8px;color:#d6d8cb;font-size:14px}.dt__n li::before{content:"— ";color:var(--gold)}
.dt__b .kbtn{align-self:flex-start;margin-top:6px}
.dt__f{font:500 11px/1.5 var(--mono);letter-spacing:.08em;color:#a9ab9e}
@media(max-width:820px){.dt__s{width:100%;border-radius:18px 18px 0 0;top:8%;transform:translateY(102%)}.dt.on .dt__s{transform:none}}