@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";:root{--ar-ink:#0A0908;--ar-ink2:#131110;--ar-bone:#F4EFE6;--ar-dim:rgba(244,239,230,.62);--ar-dimmer:rgba(244,239,230,.38);--ar-copper:#C8763C;--ar-roast:#3A1D12;--ar-line:rgba(244,239,230,.14);--ar-hair:rgba(244,239,230,.08);--ar-sans:"Bricolage Grotesque",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ar-serif:"Instrument Serif",Georgia,serif;--ar-mono:"Roboto Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ar-e:cubic-bezier(.19,1,.22,1);--ar-pad:20px;--ar-max:1440px}@media(min-width:768px){:root{--ar-pad:40px }}@media(min-width:1200px){:root{--ar-pad:64px }}.ar-atmos{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.ar-atmos i{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ar-atmos .g{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ar-atmos .v{background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.34) 100%)}.ar{background:var(--ar-ink);color:var(--ar-bone);position:relative;isolation:isolate;font-family:var(--ar-mono)}.ar *,.ar *:before,.ar *:after{box-sizing:border-box}.ar img{display:block;max-width:100%}.ar a{color:inherit;text-decoration:none}.ar-wrap{max-width:var(--ar-max);margin:0 auto;padding-left:var(--ar-pad);padding-right:var(--ar-pad);width:100%}.ar h1,.ar h2,.ar h3{margin:0;font-family:var(--ar-sans);font-weight:200;letter-spacing:-.04em;line-height:.92;color:var(--ar-bone)}.ar-d0{font-size:clamp(54px,13.5vw,220px);line-height:.86;letter-spacing:-.05em}.ar-d1{font-size:clamp(38px,7.4vw,118px);line-height:.94}.ar-d2{font-size:clamp(29px,4.6vw,72px);line-height:1}.ar-h3{font-size:clamp(19px,2.1vw,29px);font-weight:300;letter-spacing:-.02em;line-height:1.14}.ar-serif{font-family:var(--ar-serif);font-weight:400;letter-spacing:-.01em}.ar-it{font-family:var(--ar-serif);font-style:italic;font-weight:400}.ar-micro{font-family:var(--ar-mono);font-size:9.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--ar-dimmer);font-weight:400;line-height:1.6}@media(min-width:768px){.ar-micro{font-size:10.5px}}.ar-micro--acc{color:var(--ar-copper)}.ar-lede{font-family:var(--ar-mono);font-size:clamp(14px,1.35vw,18px);line-height:1.68;color:var(--ar-dim);max-width:38ch;font-weight:300}.ar-copper{color:var(--ar-copper)}.ar-rule{height:1px;width:44px;background:var(--ar-copper);border:0;margin:0}.ar-scene{position:relative;width:100%}.ar-stick{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;width:100%}.ar-wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ar-wash i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--ar-roast);-webkit-mask-image:linear-gradient(to top,#000 -100%,transparent 0%);mask-image:linear-gradient(to top,#000 -100%,transparent 0%)}.ar-stack{position:relative;z-index:2;width:100%}.ar-stack__l{position:absolute;left:0;right:0;top:50%;opacity:0;transform:translateY(-50%) translateY(34px);transition:opacity .85s var(--ar-e),transform .85s var(--ar-e),filter .85s var(--ar-e);filter:blur(7px);pointer-events:none}.ar-stack__l.is-on{opacity:1;transform:translateY(-50%);filter:blur(0)}.ar-stack__l.is-out{opacity:0;transform:translateY(-50%) translateY(-34px);filter:blur(7px)}html.ar-js .ar-rv{opacity:0;transform:translateY(48px);filter:blur(9px);transition:opacity 1s var(--ar-e),transform 1s var(--ar-e),filter 1s var(--ar-e)}html.ar-js .ar-rv.is-in{opacity:1;transform:none;filter:blur(0)}.ar-dl1{transition-delay:.08s}.ar-dl2{transition-delay:.16s}.ar-dl3{transition-delay:.24s}.ar-dl4{transition-delay:.32s}html.ar-js .ar-lines .ar-ln{display:block;overflow:hidden}html.ar-js .ar-lines .ar-ln>span{display:block;transform:translateY(102%);transition:transform 1.05s var(--ar-e)}html.ar-js .ar-lines.is-in .ar-ln>span{transform:none}html.ar-js .ar-lines.is-in .ar-ln:nth-child(2)>span{transition-delay:.09s}html.ar-js .ar-lines.is-in .ar-ln:nth-child(3)>span{transition-delay:.18s}html.ar-js .ar-lines.is-in .ar-ln:nth-child(4)>span{transition-delay:.27s}.ar-ph{position:relative;overflow:hidden;background:var(--ar-ink2)}.ar-ph img{width:100%;height:100%;object-fit:cover}.ar-ph--45{aspect-ratio:4/5}.ar-ph--32{aspect-ratio:3/2}.ar-ph--full{position:absolute;top:0;right:0;bottom:0;left:0}.ar-ph--full img{height:112%}.ar-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(10,9,8,.92) 0%,rgba(10,9,8,.48) 42%,rgba(10,9,8,.06) 74%,transparent 100%)}.ar-vig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(115% 115% at 50% 45%,transparent 62%,rgba(0,0,0,.42) 100%)}.ar-reel__f{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s var(--ar-e),filter 1s var(--ar-e);filter:blur(14px)}.ar-reel__f.is-on{opacity:1;filter:blur(0)}.ar-reel__cap{position:absolute;left:var(--ar-pad);right:var(--ar-pad);bottom:clamp(28px,7vh,72px);z-index:3;max-width:34ch}.ar-reel__c{position:absolute;left:0;right:0;bottom:0;opacity:0;transform:translateY(22px);transition:opacity .8s var(--ar-e),transform .8s var(--ar-e)}.ar-reel__c.is-on{opacity:1;transform:none;position:relative}.ar-reel__n{font-family:var(--ar-mono);font-size:9.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--ar-copper);display:block;margin-bottom:14px}.ar-reel__t{font-size:clamp(30px,5.4vw,64px);line-height:.96;font-family:var(--ar-sans);font-weight:200;letter-spacing:-.04em}.ar-reel__note{font-family:var(--ar-serif);font-style:italic;font-size:clamp(16px,1.8vw,24px);color:#f4efe6d1;margin-top:16px;line-height:1.34}.ar-reel__meta{font-family:var(--ar-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ar-copper);margin-top:16px}.ar-reel__go{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-family:var(--ar-mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ar-bone);border-bottom:1px solid var(--ar-line);padding-bottom:6px;transition:border-color .4s,color .4s}.ar-reel__go:hover{border-color:var(--ar-copper);color:var(--ar-copper)}.ar-dots{position:absolute;right:var(--ar-pad);top:50%;transform:translateY(-50%);z-index:4;display:none;flex-direction:column;gap:12px}@media(min-width:768px){.ar-dots{display:flex}}.ar-dots b{display:block;width:5px;height:5px;border-radius:50%;background:var(--ar-bone);opacity:.22;transition:opacity .5s,transform .5s var(--ar-e)}.ar-dots b.is-on{opacity:1;transform:scale(1.6);background:var(--ar-copper)}.ar-rail{display:flex;gap:14px;will-change:transform}@media(min-width:768px){.ar-rail{gap:28px}}.ar-rail__i{flex:0 0 auto;width:74vw;max-width:460px}@media(min-width:768px){.ar-rail__i{width:34vw;max-width:520px}}.ar-rail__i .ar-ph{aspect-ratio:4/5}.ar-rail__cap{margin-top:14px;display:flex;justify-content:space-between;gap:14px;align-items:baseline}.ar-arc{width:min(78vw,560px);margin:0 auto;display:block}.ar-arc .track{fill:none;stroke:#f4efe629;stroke-width:1.1}.ar-arc .prog{fill:none;stroke:var(--ar-copper);stroke-width:1.1;transition:stroke-dashoffset .7s var(--ar-e)}.ar-arc circle{transition:r .5s var(--ar-e),fill .5s}.ar-open{position:relative;height:100svh;min-height:520px;display:flex;align-items:flex-end;overflow:hidden}.ar-open__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ar-open__bg img,.ar-open__bg video{width:100%;height:100%;object-fit:cover}.ar-open__in{position:relative;z-index:2;width:100%;padding-bottom:clamp(28px,7vh,72px)}.ar-rail-l{position:absolute;left:var(--ar-pad);top:0;bottom:0;z-index:3;display:none;flex-direction:column;justify-content:space-between;padding:14vh 0 clamp(28px,7vh,72px)}@media(min-width:900px){.ar-rail-l{display:flex}}.ar-rail-l span{writing-mode:vertical-rl;font-family:var(--ar-mono);font-size:9px;letter-spacing:.42em;text-transform:uppercase;color:var(--ar-dimmer)}.ar-scrollcue{display:flex;align-items:center;gap:12px;margin-top:28px}.ar-scrollcue i{display:block;height:1px;width:64px;background:var(--ar-line);position:relative;overflow:hidden}.ar-scrollcue i:after{content:"";position:absolute;left:0;top:0;height:100%;width:22px;background:var(--ar-copper);animation:ar-trav 2.6s var(--ar-e) infinite}@keyframes ar-trav{0%{transform:translate(-24px)}to{transform:translate(66px)}}.ar-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--ar-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:15px 26px;border:1px solid var(--ar-line);border-radius:100px;color:var(--ar-bone);transition:border-color .45s,color .45s,background .45s,transform .5s var(--ar-e)}.ar-btn:hover{border-color:var(--ar-copper);color:var(--ar-copper)}.ar-btn--solid{background:var(--ar-bone);border-color:var(--ar-bone);color:var(--ar-ink)}.ar-btn--solid:hover{background:var(--ar-copper);border-color:var(--ar-copper);color:var(--ar-ink)}.ar-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.ar-ul{position:relative;display:inline-block}.ar-ul:after{content:"";position:absolute;left:0;bottom:-5px;height:1px;width:100%;background:var(--ar-copper);transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ar-e)}.ar-ul:hover:after{transform:scaleX(1);transform-origin:left}.ar-sec{padding:76px 0;position:relative;z-index:2}@media(min-width:768px){.ar-sec{padding:120px 0}}@media(min-width:1200px){.ar-sec{padding:150px 0}}.ar-g{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:700px){.ar-g--2{grid-template-columns:repeat(2,1fr);gap:26px}}@media(min-width:1000px){.ar-g--3{grid-template-columns:repeat(3,1fr);gap:30px}.ar-g--4{grid-template-columns:repeat(4,1fr);gap:26px}}@media(min-width:700px)and (max-width:999px){.ar-g--3,.ar-g--4{grid-template-columns:repeat(2,1fr);gap:24px}}.ar-zoom{overflow:hidden}.ar-zoom img{transition:transform 1.1s var(--ar-e)}a:hover .ar-zoom img,.ar-zoom:hover img{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){html.ar-js .ar-rv,html.ar-js .ar-lines .ar-ln>span{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.ar-stack__l{position:relative;opacity:1!important;transform:none!important;filter:none!important;transition:none!important;margin-bottom:24px}.ar-reel__f{opacity:1;filter:none}.ar-scrollcue i:after{animation:none}.ar-ph--full img{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/broot-art.css.map */