@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:700;font-display:swap;src:url(../fonts/br700.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:JB;font-weight:500;font-display:swap;src:url(../fonts/jb.woff2) format("woff2")}
:root{--k:#0a0a0a;--k2:#131313;--w:#f4f4f1;--g:#8d8d8a;--ln:rgba(255,255,255,.16);--ease:cubic-bezier(.16,1,.3,1);--pad:clamp(18px,4.2vw,64px);--hd:64px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--k)}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis-stopped{overflow:hidden}
body{font:500 16px/1.5 Bri,system-ui,sans-serif;background:var(--k);color:var(--w);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}
ul,ol{list-style:none}address{font-style:normal}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:JB,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.wrap{padding-inline:var(--pad);max-width:1760px;margin-inline:auto}
.big{font-weight:800;text-transform:uppercase;letter-spacing:-.045em;line-height:.86;font-size:min(clamp(46px,12.5vw,210px),24svh*2.2)}
.big--s{font-size:clamp(40px,7.4vw,120px)}
.gr{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.05;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");}
@keyframes gr{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
/* loader */
.ld{position:fixed;inset:0;z-index:200;background:#000;display:grid;place-items:center;justify-items:center;align-content:center;gap:18px}
.ld img{width:84px;animation:pl 1.4s ease-in-out infinite}@keyframes pl{50%{opacity:.35}}
.ld.out{pointer-events:none}
/* header */
.hd{position:fixed;inset:0 0 auto;z-index:60;height:var(--hd);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px;mix-blend-mode:difference;color:#fff;transition:translate .6s var(--ease)}
.hd.hide{translate:0 -110%}
.hd__logo{display:flex;align-items:center;gap:10px;flex:none}.hd__logo img:first-child{height:30px;width:auto}.hd__logo img:last-child{height:22px;width:auto}
.hd__nav{display:flex;gap:32px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.02em}
.hd__nav a,.hd__list,.hd__wa{position:relative}.hd__nav a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.hd__nav a:hover:after{transform:scaleX(1);transform-origin:left}
.hd__r{display:flex;align-items:center;gap:10px}
.hd__list,.hd__wa{white-space:nowrap;height:38px;padding:0 16px;border:1px solid #fff;border-radius:99px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.02em;transition:background .4s,color .4s}
.hd__wa{background:#fff;color:#000}.hd__list b{font-weight:700;min-width:1ch}
@media(hover:hover){.hd__list:hover{background:#fff;color:#000}}
@media(max-width:860px){.hd__nav{display:none}}
@media(max-width:340px){.hd__list{padding:0 10px;font-size:11px}.hd__wa{padding:0 10px;font-size:11px}}
@media(max-width:430px){.hd__logo img:last-child{display:none}.hd__list,.hd__wa{height:36px;padding:0 13px;font-size:12px}}
/* cursor */
.cur{position:fixed;left:0;top:0;z-index:95;pointer-events:none;width:0;height:0;display:none}
@media(hover:hover) and (pointer:fine){.cur{display:block}.cur span{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff;mix-blend-mode:difference;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease);display:grid;place-items:center;font:500 10px/1 JB,monospace;letter-spacing:.1em;text-transform:uppercase;color:#000;overflow:hidden}.cur.on span{width:84px;height:84px;margin:-42px;mix-blend-mode:normal;background:#fff}.cur.sm span{width:44px;height:44px;margin:-22px}}
/* buttons */
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:14px;height:56px;padding:0 28px;border-radius:99px;border:1px solid currentColor;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.03em;position:relative;overflow:hidden;transition:color .5s var(--ease),background .5s,border-color .5s}
.btn>span{display:inline-block;transition:transform .5s var(--ease)}@media(hover:hover){.btn:hover>span{transform:translateX(5px)}.btn:not(.btn--w):hover{background:#fff;color:#000;border-color:#fff}.btn--w:hover{background:transparent;color:#fff}}
.btn--w{background:#fff;color:#000;border-color:#fff}
/* JORNADA */
.jy{position:relative;height:680svh;background:#000}
.jy__s{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}
.jy__c{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.jy__sh{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 70%,rgba(0,0,0,.55) 100%)}
.jy__hero,.jy__st{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;text-align:center;gap:18px;padding:var(--hd) var(--pad) 8svh;will-change:transform,opacity}
.jy__logo{width:min(64vw,56svh*1.66,640px);height:auto;display:block;clip-path:inset(0 100% 0 0);transform:scale(1.1)}
.jy__t{font-weight:800;font-size:clamp(18px,2vw,30px);line-height:1.08;letter-spacing:-.02em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(24px);text-shadow:0 2px 24px rgba(0,0,0,.6)}.jy__t em{font-style:normal;color:#cfcfcb}
.jy__cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(30px)}
.btn--g{background:rgba(10,10,10,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:rgba(255,255,255,.6)}
.jy.in .jy__logo{clip-path:inset(0 0 0 0);transform:none;transition:clip-path 1.5s var(--ease),transform 1.8s var(--ease)}
.jy.in .jy__t{opacity:1;transform:none;transition:opacity 1s .5s,transform 1.2s .5s var(--ease)}
.jy.in .jy__cta{opacity:1;transform:none;transition:opacity 1s .75s,transform 1.2s .75s var(--ease)}
.jy__st{opacity:0;visibility:hidden;gap:14px}
.jy__st .mono{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.jy__w{font-weight:800;text-transform:uppercase;letter-spacing:-.055em;line-height:.86;font-size:min(21vw,32svh);color:#fff;text-shadow:0 6px 60px rgba(0,0,0,.45)}
.jy__m{display:block;overflow:hidden;padding:.05em .04em 0}.jy__m>span{display:block;transform:translateY(var(--r,110%))}
.jy__st p{max-width:34ch;font-size:clamp(15px,1.4vw,19px);line-height:1.4;color:#e9e9e6;text-shadow:0 2px 20px rgba(0,0,0,.7)}
.jy__st--e .jy__w{font-size:min(19vw,28svh)}.jy__st--e p{max-width:44ch}
.jy__sc{position:absolute;left:50%;bottom:max(18px,3svh);transform:translateX(-50%);z-index:4;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transition:opacity 1s 1.4s;pointer-events:none}
.jy.in .jy__sc{opacity:.85}.jy.in.moved .jy__sc{opacity:0;transition-delay:0s}
.jy__sc i{display:block;width:1px;height:34px;background:linear-gradient(#fff,rgba(255,255,255,0));animation:scl 1.8s ease-in-out infinite;transform-origin:50% 0}@keyframes scl{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.jy__r{position:absolute;right:max(14px,calc(var(--pad)*.6));top:22svh;bottom:22svh;width:2px;background:rgba(255,255,255,.22);z-index:4;overflow:hidden;border-radius:2px;opacity:0;transition:opacity 1s 1s}.jy.in .jy__r{opacity:1}
.jy__r i{display:block;width:100%;height:100%;background:#fff;transform-origin:50% 0;transform:scaleY(0)}
.jy__il{position:absolute;left:var(--pad);bottom:8px;z-index:4;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.45);text-transform:uppercase;display:none}
@media(min-width:900px){.jy__il{display:block}}
.jy.nogl{height:100svh}.jy.nogl .jy__st,.jy.nogl .jy__r,.jy.nogl .jy__sc{display:none}.jy.nogl .jy__s{background:#000 url(../img/u28-1200.webp) 50% 30%/cover no-repeat}.jy.nogl .jy__sh{background:rgba(0,0,0,.55)}
.jy.nogl .jy__logo,.jy.nogl .jy__t,.jy.nogl .jy__cta{opacity:1;transform:none;clip-path:none}
@media(max-width:899px){.btn .xl{display:none}.jy__cta{flex-wrap:nowrap;width:100%;max-width:420px}.jy__cta .btn{flex:1;padding:0 10px;height:52px;font-size:13px;gap:8px}.jy__t{font-size:16px}.jy__w{font-size:min(17.5vw,24svh)}.jy__st--e .jy__w{font-size:min(20vw,24svh)}.jy{height:720svh}}
@media(max-height:520px) and (orientation:landscape){.jy__logo{width:min(34vw,50svh*1.66)}.jy__t{display:none}.jy__w{font-size:30svh}.jy__st p{display:none}}
/* loader: portão */
.ld__go{margin-top:6px;height:56px;padding:0 34px;border-radius:99px;border:1px solid #fff;background:#fff;color:#000;font:700 14px/1 var(--f,inherit);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .8s,transform .8s var(--ease)}
.ld.rdy .ld__go{opacity:1;transform:none;pointer-events:auto}.ld.rdy .ld img{animation:none}
@media(hover:hover){.ld__go:hover{background:#000;color:#fff}}
/* marquee */
.mq{overflow:hidden;border-block:1px solid var(--ln);padding:18px 0;background:var(--k)}
.mq__t{display:flex;width:max-content;animation:mq 38s linear infinite}
.mq__t span{font-weight:800;text-transform:uppercase;font-size:clamp(28px,5vw,72px);letter-spacing:-.03em;padding-right:.9em;white-space:nowrap;-webkit-text-stroke:1.2px #fff;color:transparent;display:flex;align-items:center}
.mq__t span:after{content:"";width:.28em;height:.28em;border-radius:50%;background:#fff;margin-left:.9em}
.mq__t span:nth-child(3n+1){color:#fff;-webkit-text-stroke:0}
@keyframes mq{to{transform:translateX(-50%)}}
/* manifesto */
.mf{padding:clamp(100px,22svh,240px) var(--pad);max-width:1760px;margin:auto}
.mf__p{font-weight:800;text-transform:uppercase;letter-spacing:-.04em;line-height:.98;font-size:clamp(30px,6.6vw,112px);max-width:18em}
.mf__p .w{display:inline-block;opacity:.18}
/* scenes */
.sc{position:relative;background:#000}
.sc__pin{position:relative;height:100vh;height:100svh;overflow:hidden}
.pn{position:absolute;inset:0;background:#000;display:grid;grid-template-columns:1fr 1fr;will-change:clip-path}
.pn__ph{position:absolute;right:0;top:0;bottom:0;width:54%;overflow:hidden}.pn__ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transform:scale(1.12);transition:filter 1.2s}.pn.act .pn__ph img{filter:none}
.pn__tx{position:relative;z-index:2;grid-column:1;align-self:end;padding:0 var(--pad) max(7svh,36px);display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:min(52vw,640px)}
.pn__h{position:absolute;left:var(--pad);top:50%;font-weight:800;text-transform:uppercase;letter-spacing:-.055em;line-height:.8;font-size:min(23vw,36svh);translate:0 -62%;mix-blend-mode:difference;color:#fff;z-index:3;white-space:nowrap;pointer-events:none}
.pn__tx p{font-size:clamp(16px,1.5vw,22px);max-width:22em;color:#cfcfcc;line-height:1.35}
.pn__tx .mono{color:var(--g)}
.sc__bar{position:absolute;left:var(--pad);right:var(--pad);bottom:max(20px,2.6svh);height:2px;background:var(--ln);z-index:6}.sc__bar i{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
@media(max-width:899px){.pn{display:block}.pn__ph{width:100%;inset:0}.pn__ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.2) 55%,rgba(0,0,0,.88) 100%)}.pn__tx{position:absolute;left:0;right:0;bottom:0;max-width:none;padding-bottom:max(48px,7svh)}.pn__h{font-size:min(27vw,20svh);top:calc(var(--hd) + 7svh);translate:none}}
/* catalog */
.cat{background:var(--w);color:var(--k);padding:clamp(80px,14svh,160px) 0 clamp(70px,12svh,140px)}
.cat__h{display:grid;grid-template-columns:1fr minmax(0,26em);align-items:end;gap:24px 60px;margin-bottom:clamp(30px,6svh,64px)}
.cat__p{font-size:clamp(15px,1.3vw,18px);color:#4a4a48;line-height:1.45}
.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--pad)*-1);padding:0 var(--pad) 4px;position:sticky;top:calc(var(--hd) - 1px);z-index:20;background:var(--w);padding-block:12px}
.tabs::-webkit-scrollbar{display:none}.tabs{transition:top .6s var(--ease)}.hdh .tabs{top:0}
.tab{flex:none;height:42px;padding:0 20px;border-radius:99px;border:1px solid var(--k);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.02em;transition:background .35s,color .35s}
.tab.on{background:var(--k);color:#fff}@media(hover:hover){.tab:not(.on):hover{background:rgba(0,0,0,.08)}}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,22px);margin-top:18px}
.cd{position:relative;display:block;text-align:left}
.cd.hid{display:none}
.cd__ph{display:block;aspect-ratio:4/5;overflow:hidden;background:#d9d9d5;border-radius:6px;position:relative}
.cd__ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:filter .8s,transform 1.1s var(--ease)}
.cd.in .cd__ph img,.cd:hover .cd__ph img{filter:none}@media(hover:hover){.cd:hover .cd__ph img{transform:scale(1.06)}}
.cd__tx{display:flex;flex-direction:column;gap:2px;padding:12px 2px 0}.cd__tx b{font-weight:700;font-size:clamp(14px,1.2vw,17px);line-height:1.15;letter-spacing:-.01em}.cd__tx i{font-style:normal;font:500 10.5px/1.2 JB,monospace;text-transform:uppercase;letter-spacing:.12em;color:#6d6d6a;margin-top:4px}
.cd__n{position:absolute;left:12px;top:12px;font:500 11px/1 JB,monospace;color:#fff;mix-blend-mode:difference;letter-spacing:.1em}
.cat__n{margin-top:40px;color:#6d6d6a;text-align:center;line-height:1.7}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}.cat__h{grid-template-columns:1fr}}
/* guide */
.gdw{padding:clamp(80px,14svh,150px) 0 clamp(70px,12svh,130px);background:var(--k);overflow:hidden}
.gdw__h{display:grid;gap:22px;margin-bottom:clamp(30px,6svh,70px)}.gdw__h .mono{color:var(--g)}.gdw__h .big{max-width:9em;font-size:clamp(40px,8.4vw,150px)}
.gdw__t{padding-inline:var(--pad);overflow:hidden}
.gdw__r{display:flex;gap:clamp(12px,1.6vw,24px);width:max-content;will-change:transform}
.gd{width:clamp(250px,30vw,500px);flex:none}.gd img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px}.gd figcaption{padding-top:14px;color:var(--g)}
/* kit */
.kit{background:var(--k);padding:0 0 clamp(80px,14svh,160px)}
.kit__g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,110px);align-items:center}
.kit__ph{aspect-ratio:4/5;overflow:hidden;border-radius:6px;clip-path:inset(0 round 6px)}.kit__ph img{width:100%;height:100%;object-fit:cover}
.kit__tx{display:grid;gap:24px;justify-items:start}.kit__tx .mono{color:var(--g)}.kit__tx p{max-width:26em;color:#cfcfcc;font-size:clamp(16px,1.4vw,20px);line-height:1.4}
@media(max-width:860px){.kit__g{grid-template-columns:1fr}}
/* how */
.how{background:var(--w);color:var(--k);padding:clamp(80px,14svh,150px) 0}
.how__l{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(36px,7svh,80px);border-top:1px solid var(--k)}
.how__l li{padding:26px 24px 0 0;display:grid;gap:12px;align-content:start;min-height:200px}.how__l li+li{border-left:1px solid rgba(0,0,0,.2);padding-left:24px}
.how__l b{font:500 12px/1 JB,monospace;letter-spacing:.14em}.how__l h3{font-weight:800;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(34px,5vw,80px);line-height:.9}.how__l p{max-width:19em;color:#4a4a48}
@media(max-width:760px){.how__l{grid-template-columns:1fr}.how__l li+li{border-left:0;border-top:1px solid rgba(0,0,0,.2);padding-left:0}.how__l li{min-height:0;padding-bottom:26px}}
/* loja */
.loja{background:var(--k);padding:clamp(80px,14svh,150px) 0}
.loja__g{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(36px,6vw,100px);align-items:end}
.loja .mono{color:var(--g)}.loja .big{margin:22px 0 clamp(24px,4svh,44px);font-size:clamp(46px,10.5vw,180px)}
.loja address{font-size:clamp(18px,2vw,28px);line-height:1.25;font-weight:700;letter-spacing:-.02em}
.loja__st{margin:20px 0 28px;display:flex;align-items:center;gap:10px}.loja__st:before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;opacity:.4}.loja__st.on:before{opacity:1;animation:pl 1.6s infinite}
.loja__b{display:flex;gap:10px;flex-wrap:wrap}
.hrs{border-top:1px solid var(--ln)}.hrs li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--ln);font-weight:700;font-size:clamp(15px,1.4vw,19px);color:var(--g);transition:color .4s}.hrs li.today{color:#fff}.hrs li span:last-child{font-family:JB,monospace;font-weight:500;font-size:.9em}
@media(max-width:860px){.loja__g{grid-template-columns:1fr}}
/* footer */
.ft{background:var(--w);color:var(--k);padding:clamp(70px,12svh,130px) 0 22px}
.ft__wa{display:flex;flex-direction:column;gap:8px;font-weight:800;text-transform:uppercase;letter-spacing:-.045em;line-height:.88;font-size:clamp(40px,8.6vw,150px)}.ft__wa span{font-size:.36em;letter-spacing:-.02em;color:#6d6d6a}
.ft__logo{width:min(100%,1000px);margin:clamp(50px,9svh,110px) auto;filter:invert(1)}
.ft__b{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;color:#4a4a48;border-top:1px solid rgba(0,0,0,.2);padding-top:18px}
.fab{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:55;height:50px;padding:0 22px;border-radius:99px;background:#fff;color:#000;display:flex;align-items:center;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.03em;box-shadow:0 10px 40px rgba(0,0,0,.45);mix-blend-mode:normal;transform:translateY(140%);transition:transform .6s var(--ease)}.fab.show{transform:none}
@media(min-width:900px){.fab{display:none}}
/* modal + drawer */
.md,.dr{position:fixed;inset:0;z-index:120}.md[hidden],.dr[hidden]{display:none}
.md{background:#0a0a0a;overflow-y:auto;overscroll-behavior:contain;display:grid;place-items:center;padding:70px var(--pad) 30px}
.md__x{position:fixed;right:var(--pad);top:16px;z-index:3;height:40px;padding:0 18px;border:1px solid #fff;border-radius:99px;font-weight:700;font-size:13px;text-transform:uppercase}
.md__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(24px,4vw,70px);align-items:center;width:min(1100px,100%)}
.md__ph{border-radius:6px;overflow:hidden;max-height:82svh}.md__ph img{width:100%;height:100%;max-height:82svh;object-fit:cover}
.md__tx{display:grid;gap:18px;justify-items:start}.md__tx .mono{color:var(--g)}.md__tx h3{font-weight:800;text-transform:uppercase;letter-spacing:-.04em;line-height:.92;font-size:clamp(34px,5.4vw,84px)}.md__tx p{color:#cfcfcc;max-width:24em}
.md__tx .btn{align-self:stretch}
@media(max-width:760px){.md__in{grid-template-columns:1fr}.md__ph{max-height:52svh}.md__ph img{max-height:52svh}}
.dr__bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.dr__p{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:var(--k);border-left:1px solid var(--ln);padding:20px var(--pad) max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}
.dr__h{display:flex;justify-content:space-between;align-items:center}.dr__h h3{font-weight:800;text-transform:uppercase;font-size:28px;letter-spacing:-.04em}.dr__h button{font-weight:700;font-size:13px;text-transform:uppercase;border:1px solid #fff;border-radius:99px;height:38px;padding:0 16px}
.dr__l{flex:1;overflow-y:auto;display:grid;align-content:start;gap:10px}
.dr__l li{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--ln);padding-bottom:10px}.dr__l img{width:64px;height:80px;object-fit:cover;border-radius:4px}.dr__l b{font-weight:700;line-height:1.15}.dr__l button{font:500 11px JB,monospace;text-transform:uppercase;color:var(--g);letter-spacing:.1em;padding:8px}
.dr__e{color:var(--g)}.dr__e.hasit{display:none}
/* transitions */
@media(prefers-reduced-motion:reduce){.gr,.mq__t,.hero__d i{animation:none}}
.xl{font-style:normal}

@media(max-width:350px){.hero__cta .btn{font-size:11.5px;padding:0 8px;gap:4px}.hero__cta .btn--w>span{display:none}}

/* ---- catálogo: esgotado ---- */
.cd__b{position:absolute;right:10px;top:10px;z-index:2;font:500 10px/1 JB,monospace;letter-spacing:.12em;text-transform:uppercase;background:#0a0a0a;color:#fff;padding:7px 9px;border-radius:99px;font-style:normal}
.cd.out .cd__ph img{opacity:.55}
/* ---- formulário ---- */
.fm{display:grid;gap:12px;width:100%;max-width:520px}
.fm label{display:grid;gap:6px}.fm label span{font:500 11px/1 JB,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--g)}
.fm input{height:54px;border-radius:6px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.06);color:#fff;font:500 17px Bri,sans-serif;padding:0 16px;width:100%;min-width:0;outline:0;transition:border-color .3s,background .3s}
.fm input:focus{border-color:#fff;background:rgba(255,255,255,.12)}
.fm .btn{width:100%}.fm .btn:disabled{opacity:.5;pointer-events:none}
.fm__m{min-height:1.4em;font-weight:700;font-size:15px}.fm__m.ok{color:#fff}.fm__m.er{color:#ff9d8f}.fm__i{color:#cfcfcc;font-size:15px;line-height:1.35}
/* ---- modal peça ---- */
.md__pr{font-weight:800;font-size:clamp(22px,3vw,34px);letter-spacing:-.02em}
.md__sz{display:flex;flex-wrap:wrap;gap:8px}.md__sz button{height:44px;min-width:50px;padding:0 14px;border:1px solid #fff;border-radius:99px;font-weight:700;text-align:center}.md__sz button.on{background:#fff;color:#000}
.md__o{font:500 12px/1 JB,monospace;letter-spacing:.14em;text-transform:uppercase;color:#ff9d8f}
.md__tx{width:100%}.md__tx .btn{width:100%}
/* ---- ferramentas ---- */
.tl{background:var(--k);padding:clamp(80px,14svh,150px) 0}.tl .mono{color:var(--g)}
.tl__h{margin:22px 0 clamp(30px,6svh,64px);font-size:clamp(46px,11vw,190px)}
.tl__g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.6vw,24px)}
.tl__c{position:relative;display:grid;gap:14px;align-content:end;min-height:clamp(320px,46svh,520px);padding:clamp(22px,3vw,44px);border:1px solid rgba(255,255,255,.28);border-radius:8px;text-align:left;overflow:hidden;transition:background .6s var(--ease),color .6s,border-color .6s}
.tl__c b{font-weight:800;text-transform:uppercase;letter-spacing:-.045em;line-height:.9;font-size:clamp(34px,5.4vw,92px)}.tl__c p{max-width:24em;color:inherit;opacity:.78;font-size:clamp(15px,1.3vw,19px);line-height:1.35}
.tl__a{font-style:normal;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.03em}
.tl__c--w{background:#fff;color:#000;border-color:#fff}.tl__c--w .mono{color:#555}
@media(hover:hover){.tl__c:hover{background:#fff;color:#000}.tl__c:hover .mono{color:#555}.tl__c--w:hover{background:#0a0a0a;color:#fff}.tl__c--w:hover .mono{color:var(--g)}}
@media(max-width:760px){.tl__g{grid-template-columns:1fr}.tl__c{min-height:260px}}
/* ---- drop ---- */
.dp{background:var(--w);color:var(--k);padding:clamp(80px,14svh,150px) 0}
.dp__g{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,70px)}
.dp.has .dp__g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.dp__t{display:grid;gap:22px;justify-items:start;align-content:start}.dp__t .mono{color:#6d6d6a}.dp__t>p{max-width:26em;color:#4a4a48;font-size:clamp(16px,1.4vw,20px);line-height:1.4}
.dp .big--s{font-size:clamp(40px,8vw,140px)}
.dp .fm input{border-color:rgba(0,0,0,.4);background:rgba(0,0,0,.04);color:#0a0a0a}.dp .fm input:focus{border-color:#000;background:rgba(0,0,0,.08)}.dp .fm label span{color:#6d6d6a}.dp .fm__m.ok{color:#0a0a0a}.dp .fm__m.er{color:#b3261e}
.dp .btn--w{background:#0a0a0a;color:#fff;border-color:#0a0a0a}@media(hover:hover){.dp .btn--w:hover{background:transparent;color:#0a0a0a}}
.dp__cd{display:flex;gap:10px}.dp__cd div{display:grid;justify-items:center;min-width:clamp(64px,9vw,110px);padding:14px 8px;border:1px solid #0a0a0a;border-radius:8px}.dp__cd b{font-weight:800;font-size:clamp(30px,5vw,64px);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.dp__cd i{font:500 10px/1 JB,monospace;letter-spacing:.14em;text-transform:uppercase;font-style:normal;margin-top:6px;color:#6d6d6a}
.dp__l{display:none}.dp.has .dp__l{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}
.dl{display:grid;gap:8px;text-align:left}.dl span{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:6px;background:#d9d9d5}.dl img{width:100%;height:100%;object-fit:cover}.dl b{font-weight:700;line-height:1.15}
@media(max-width:860px){.dp.has .dp__g{grid-template-columns:1fr}}
/* ---- quiz ---- */
.qz,.lk{position:fixed;inset:0;z-index:120;background:#0a0a0a;overflow-y:auto;overscroll-behavior:contain}.qz[hidden],.lk[hidden]{display:none}
.qz{display:grid;place-items:center;padding:84px var(--pad) 40px}
.qz__in{width:min(980px,100%);display:grid;gap:clamp(18px,3svh,32px)}.qz__in .mono{color:var(--g)}
.qz__in h3{font-weight:800;text-transform:uppercase;letter-spacing:-.045em;line-height:.9;font-size:clamp(38px,7.4vw,110px)}
.qz__p{display:flex;gap:6px}.qz__p i{flex:1;height:3px;background:rgba(255,255,255,.2);border-radius:3px}.qz__p i.on{background:#fff}
.qz__o{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.qz__o button{min-height:clamp(64px,10svh,92px);padding:0 22px;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-weight:700;font-size:clamp(17px,2vw,26px);text-transform:uppercase;letter-spacing:-.01em;transition:background .35s,color .35s,border-color .35s}
@media(hover:hover){.qz__o button:hover{background:#fff;color:#000;border-color:#fff}}.qz__o button:active{background:#fff;color:#000}
.qz__b{justify-self:start;padding:10px 0}
.qz__r{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.qr{display:grid;gap:8px;text-align:left;align-content:start}.qr span{display:block;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:#161616}.qr img{width:100%;height:100%;object-fit:cover}.qr b{font-weight:700;line-height:1.15}.qr i{color:var(--g);font-style:normal}
.qz__a{display:flex;gap:10px;flex-wrap:wrap}.qz__e{color:#cfcfcc}
@media(max-width:700px){.qz__o{grid-template-columns:1fr}.qz__r{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qr b{font-size:13px}.qz__a .btn{flex:1}}
/* ---- look ---- */
.lk__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(20px,3vw,54px);padding:76px var(--pad) 30px;max-width:1500px;margin:auto;align-items:start}
.lk__pv{position:sticky;top:76px;display:grid;gap:12px;justify-items:center}.lk__pv canvas{width:auto;max-width:100%;height:min(74svh,calc((100vw - 2*var(--pad))*1.25));aspect-ratio:4/5;border-radius:8px;background:#0a0a0a;border:1px solid rgba(255,255,255,.18);cursor:pointer}
.lk__h{color:var(--g);text-align:center}
.lk__pk{display:grid;gap:14px;min-width:0}
.tabs--d{position:static;background:none;margin:0;padding:0 0 6px}.lk .tab{border-color:#fff;color:#fff}.lk .tab.on{background:#fff;color:#000}
.lk__gr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lg{position:relative;display:grid;gap:6px;text-align:left;align-content:start}.lg img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;border:2px solid transparent;transition:border-color .25s,opacity .25s}.lg span{font-size:12px;line-height:1.15;font-weight:700;color:#cfcfcc}.lg.on img{border-color:#fff}.lg.on:after{content:"✓";position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;background:#fff;color:#000;font-weight:800;display:grid;place-items:center;font-size:13px}
.lk__ac{display:flex;gap:8px;flex-wrap:wrap;position:sticky;bottom:0;background:#0a0a0a;padding:12px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--ln)}.lk__ac .btn{flex:1;min-width:130px;height:52px;padding:0 16px;font-size:13px}.lk__ac .btn.dis{opacity:.4;pointer-events:none}.lk__ac .btn:disabled{opacity:.4;pointer-events:none}
@media(max-width:900px){.lk__in{grid-template-columns:1fr;padding-top:70px}.lk__pv{position:static}.lk__pv canvas{height:min(52svh,calc((100vw - 2*var(--pad))*1.25))}.lk__gr{grid-template-columns:repeat(3,minmax(0,1fr))}}

[hidden]{display:none!important}
@media(max-width:600px){.lk__ac{gap:6px}.lk__ac .btn{min-width:0;flex:1 1 0;padding:0 6px;font-size:11.5px;height:48px;gap:0}.lk__ac .btn>span{display:none}}

.pw--s{transform-origin:50% 50%}
.sw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}.sw>span{display:inline-block}.sw.em{color:var(--g)}