@font-face{font-family:Grenze Gotisch Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gusta-tatuador/assets/grenze-gotisch-vietnamese-wght-normal-DCapxpm9.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Grenze Gotisch Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gusta-tatuador/assets/grenze-gotisch-latin-ext-wght-normal-HmOq8Fgg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Grenze Gotisch Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gusta-tatuador/assets/grenze-gotisch-latin-wght-normal-BhUVw2FV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gusta-tatuador/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gusta-tatuador/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gusta-tatuador/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--ink:#000;--smoke:#141316;--paper:#eeedea;--graphite:#85818d;--graphite-on-paper:#5e5a66;--stencil:#5b4bd6;--stencil-light:#8577ff;--display:"Grenze Gotisch Variable", serif;--body:"Archivo Variable", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 64px);--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}.btn,button,.float-wa{-webkit-user-select:none;user-select:none}body{background:var(--ink);color:var(--paper);font:400 1.0625rem/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}body:after{content:"";pointer-events:none;z-index:50;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-weight:300;font-family:var(--display);margin:0;line-height:.9}p,figure{margin:0}:focus-visible{outline:2px solid var(--stencil);outline-offset:4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--paper);color:var(--ink);padding:.6em 1em;position:absolute;top:-100px;left:16px}.skip:focus{top:16px}.paper{background:var(--paper);color:var(--ink)}.btn{background:var(--paper);color:var(--ink);transition:background .35s var(--ease), color .35s var(--ease), transform .12s ease-out;border-radius:999px;align-items:center;padding:1em 1.7em;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--stencil);color:var(--paper)}.proof:hover u,.feature__link:hover{color:var(--stencil)}.works__item:hover img{transform:scale(1.045)}.works__more:hover{background:var(--stencil)}.works__more:hover span{color:var(--paper)}.float-wa:hover{background:var(--stencil);color:var(--paper)}}.btn--ink{background:var(--ink);color:var(--paper)}.btn--big{padding:1.2em 2.2em;font-size:clamp(1.05rem,2vw,1.4rem)}.bar{z-index:40;padding:calc(18px + env(safe-area-inset-top,0px)) max(var(--gutter), env(safe-area-inset-right,0px)) 18px max(var(--gutter), env(safe-area-inset-left,0px));mix-blend-mode:difference;color:var(--paper);transition:transform .45s var(--ease);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}@media (width<=899px){.bar.is-hidden{transform:translateY(-110%)}}.bar a{text-decoration:none}.bar__mark{font:400 1.9rem/1 var(--display)}.bar__nav{gap:clamp(14px,2.5vw,36px);font-size:.95rem;display:flex}.bar__nav a:not(.bar__cta){display:none}.bar__cta{border-bottom:1px solid}@media (width>=720px){.bar__nav a:not(.bar__cta){display:inline}}.showcase{background:var(--paper);color:var(--ink);position:relative}.showcase__stage{height:100svh;position:sticky;top:0;overflow:hidden}.showcase__content{margin-top:-100svh;position:relative}.hero{height:100svh;min-height:560px;position:relative}.hero__canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.webgl .hero__canvas{opacity:1}.hero__static{mix-blend-mode:multiply;width:min(92vw,720px);position:absolute;top:12%;left:50%;transform:translate(-50%)}.webgl .hero__static{display:none}.hero__copy{inset:auto var(--gutter) clamp(28px, 6vh, 64px);align-items:end;gap:28px;display:grid;position:absolute}.hero__name{font-size:clamp(4.2rem,17vw,15.5rem);font-weight:200;line-height:.8}.hero__name span{display:block}.hero__name span+span{padding-left:.55em}.hero__side{gap:22px;max-width:34ch;display:grid}.hero__side .btn{justify-self:start}.piece{gap:6px;display:grid}.piece__n{font:400 1.1rem/1 var(--display);color:var(--stencil)}.piece strong{font:400 clamp(2.1rem, 3.2vw, 2.9rem)/1 var(--display)}.proof{color:var(--graphite-on-paper);align-items:center;gap:12px;margin:6px 0 4px;font-size:.85rem;line-height:1.35;text-decoration:none;display:flex}.proof img{object-fit:cover;outline:1.5px solid var(--stencil);outline-offset:3px;flex:none;width:56px;height:56px}.proof span{max-width:30ch}.proof u{-webkit-text-decoration-color:var(--stencil);text-decoration-color:var(--stencil);text-underline-offset:3px;color:var(--ink)}.hero__about{color:var(--graphite-on-paper);font-size:.95rem}@media (height<=700px) and (width<=899px){.hero__about{display:none}}:root{--stick:56svh}@media (width>=900px){:root{--stick:34svh}}.feature{height:130svh;padding:30svh var(--gutter) 0;position:relative}.feature__text{top:var(--stick);background:var(--paper);justify-items:start;gap:12px;max-width:32rem;padding:18px 0 24px;display:grid;position:sticky}.feature h2{font-size:clamp(3.2rem,6vw,5.6rem);font-weight:250}.feature p{max-width:36ch;color:var(--graphite-on-paper)}.feature__link{-webkit-text-decoration-color:var(--stencil);text-decoration-color:var(--stencil);text-underline-offset:5px;font-weight:600}.feature__static{mix-blend-mode:multiply;width:min(80vw,380px);margin-bottom:12px;display:none}.no-webgl .feature__static{display:block}.no-webgl .feature__text{padding-top:12vh;position:static}.no-webgl .feature{height:auto;padding-top:0;padding-bottom:12vh}@media (width<=899px){.showcase{isolation:isolate}.showcase__stage{z-index:1;pointer-events:none}.webgl .showcase__stage:before{content:"";height:var(--stick);background:linear-gradient(var(--paper) calc(100% - 56px), #eeedea00);position:absolute;inset:0 0 auto}.hero{height:auto;min-height:100svh;padding-top:var(--stick)}.hero__copy{padding:8px var(--gutter) 64px;position:relative;inset:auto}.hero__static{width:auto;height:calc(var(--stick) - 76px);top:64px}.hero__cue{display:none}.hero__name{font-size:clamp(3.6rem,17vw,7rem)}.feature__text{gap:10px;padding:8px 0 16px}.feature h2{font-size:clamp(2.9rem,13vw,4rem)}.proof img{width:48px;height:48px}}@media (width>=900px){.feature__text{background:0 0;width:36%}.feature--text-right .feature__text{margin-left:auto}}.hero__cue{background:var(--stencil);transform-origin:top;width:1px;height:56px;animation:cue 2.4s var(--ease) infinite;position:absolute;bottom:0;left:50%}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (width>=900px){.hero__static{width:min(40vw,640px);top:10%;left:auto;right:6vw;transform:none}.hero__copy{grid-template-columns:1fr auto}.hero__side{padding-bottom:1.4em}}.story{padding:clamp(96px, 18vh, 200px) var(--gutter);gap:56px;display:grid}.story__photo{order:1}.story__photo img{aspect-ratio:4/5;object-fit:cover;object-position:50% 100%;filter:grayscale()contrast(1.06);width:100%}.story__photo figcaption{color:var(--graphite);margin-top:14px;font-size:.9rem}.story__body{align-content:start;gap:48px;display:grid}.story__text{letter-spacing:-.01em;max-width:26ch;font-size:clamp(1.55rem,2.9vw,2.9rem);font-weight:380;line-height:1.22}.story__text .num{font:normal 400 1.45em/.8 var(--display);color:var(--stencil-light)}.story__values{max-width:40ch;color:var(--graphite);font-size:1.15rem}@media (width>=900px){.story{grid-template-columns:5fr 7fr;align-items:start;column-gap:7vw}.story__photo{order:0}.story__body{padding-top:4vh}.story__values{margin-left:auto;margin-right:8%}}.styles{background:var(--ink);padding:clamp(96px,16vh,180px) 0}.styles__title{font-size:clamp(3rem,10vw,9rem)}.styles__track{padding:0 var(--gutter);gap:96px;display:grid}.style{gap:22px;display:grid}.style h3{font-size:clamp(3rem,12vw,7.5rem);font-weight:250}.style p{max-width:36ch;color:var(--graphite)}.stencil{isolation:isolate;margin-right:12px;position:relative}.stencil img{aspect-ratio:4/5;object-fit:cover;width:100%}.stencil:after{content:"";border:1.5px solid var(--stencil);pointer-events:none;z-index:-1;position:absolute;inset:0;transform:translate(12px,12px)}@media (width>=900px){.styles{flex-direction:column;justify-content:center;height:100svh;padding:0;display:flex;overflow:hidden}.styles__track{width:max-content;padding:10vh 10vw 0 var(--gutter);align-items:center;gap:10vw;display:flex}.style{grid-template-rows:auto 1fr;grid-template-columns:auto 30ch;align-items:end;column-gap:40px}.style h3{grid-column:1/3}.stencil img{aspect-ratio:4/5;width:auto;height:52svh}}@media (width<=899px){.styles__track{scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:80%;grid-auto-flow:column;gap:40px 20px;padding-bottom:16px;overflow-x:auto}.styles__track::-webkit-scrollbar{display:none}.styles__title{left:var(--gutter);grid-area:1/1/auto/6;justify-self:start;position:sticky}.style{scroll-snap-align:start;grid-row:2;align-content:start;gap:18px}.style h3{font-size:clamp(2.4rem,10vw,3.6rem)}}.works{padding:clamp(96px, 16vh, 180px) var(--gutter)}.works__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:56px;display:flex}.works__head h2{font-size:clamp(2.8rem,8vw,7rem)}.works__head a{color:var(--graphite)}.works__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.works__col{flex-direction:column;gap:12px;display:flex}.works__col>*{flex:1 0 auto}.works__item img{object-fit:cover;height:100%}.works__item{background:var(--smoke);cursor:zoom-in;border:0;padding:0;display:block;overflow:hidden}.works__item img{width:100%;transition:transform .9s var(--ease)}.works__more{border:1.5px solid var(--stencil);min-height:140px;color:var(--paper);transition:background .4s var(--ease);align-content:end;gap:8px;padding:clamp(18px,2vw,28px);text-decoration:none;display:grid}.works__more span{color:var(--graphite)}.works__more strong{font:400 clamp(1.8rem, 3vw, 2.8rem)/1 var(--display)}@media (width>=900px){.works__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.works__col{gap:24px}}.process{padding:clamp(96px, 18vh, 200px) var(--gutter)}.process h2{margin-bottom:72px;font-size:clamp(3rem,10vw,9rem)}.process__body{max-width:760px;margin-left:auto;position:relative}.process__line{width:2px;height:100%;position:absolute;top:0;left:0;overflow:visible}.process__line path{stroke:var(--stencil);stroke-width:2px;vector-effect:non-scaling-stroke;fill:none}.process__steps{margin:0;padding:0;list-style:none}.process__steps li{padding:0 0 clamp(56px,10vh,120px) clamp(40px,6vw,88px);position:relative}.process__steps li:before{content:counter(list-item, decimal-leading-zero);font:400 1.6rem/1 var(--display);color:var(--stencil);margin-bottom:10px;display:block}.process__steps li:after{content:"";background:var(--stencil);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-4px}.process__steps li:last-child{padding-bottom:0}.process__steps h3{margin-bottom:12px;font-size:clamp(2.2rem,5vw,3.6rem)}.process__steps p{max-width:42ch;color:var(--graphite-on-paper)}.book{min-height:100svh;padding:clamp(96px, 16vh, 160px) var(--gutter) 56px;background:radial-gradient(ellipse 55% 60% at 72% 58%, #5b4bd647, transparent 70%), var(--ink);grid-template-rows:1fr auto;gap:48px;display:grid;position:relative;overflow:hidden}.book__canvas{pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.book__title{align-content:start;font-size:clamp(2rem,4.4vw,4rem);font-weight:250;line-height:.95;display:grid;position:relative}.book__lead{align-self:start;max-width:12ch}.book__oi{justify-self:end;margin-top:-.04em;font-size:clamp(11rem,78vw,52rem);line-height:.7}@media (width>=900px){.book__title{grid-template-columns:auto 1fr}.book__oi{grid-column:2;align-self:end;font-size:min(52vw,76svh)}}.finale .book__oi{color:#0000}.book__cta{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:40px;display:flex;position:relative}.book__info{color:var(--graphite);gap:28px;font-style:normal;display:grid}.book__info address{font-style:normal}.book__info a{color:var(--paper);margin-top:6px;display:inline-block}@media (width>=900px){.book__info{grid-template-columns:repeat(2,max-content);column-gap:6vw}}.foot{padding:28px var(--gutter);border-top:1px solid var(--smoke);color:var(--graphite);justify-content:space-between;font-size:.9rem;display:flex}.float-wa{right:max(18px, env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:45;background:var(--paper);width:56px;height:56px;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .5s var(--ease), transform .5s var(--ease), background .3s;border-radius:50%;place-items:center;display:grid;position:fixed;transform:translateY(24px);box-shadow:0 0 0 1px #00000014,0 8px 24px #00000047}.float-wa svg{fill:currentColor;width:26px;height:26px}.float-wa.is-on{opacity:1;pointer-events:auto;transform:none}.lightbox{background:0 0;border:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;padding:0}.lightbox::backdrop{background:#000000f0}.lightbox[open]{place-items:center;display:grid}.lightbox img{width:auto;max-width:94vw;max-height:88svh}.lightbox button{color:var(--paper);font:300 2.6rem/1 var(--body);cursor:pointer;background:0 0;border:0;padding:12px 18px;position:absolute}.lightbox__close{top:12px;right:12px}.lightbox__prev{top:50%;left:4px;transform:translateY(-50%)}.lightbox__next{top:50%;right:4px;transform:translateY(-50%)}@media (width<=899px){.story{gap:40px;padding-block:88px 72px}.styles,.works,.process{padding-block:72px}.styles{padding-bottom:24px}.works__more{padding:14px}.works__more strong{font-size:clamp(1.2rem,5.6vw,2.2rem)}.styles__title{margin-bottom:8px}.works__head{margin-bottom:32px}.process h2{margin-bottom:48px}}@media (prefers-reduced-motion:reduce){.hero__cue{animation:none}*,:before,:after{transition-duration:.01ms!important}}
