@font-face{font-family:Barlow;src:url('assets/barlow-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/barlow-semibold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:Condensed;src:url('assets/barlow-condensed-bold.ttf');font-weight:700;font-display:swap}
:root{--ink:#141414;--paper:#f3f1ec;--muted:#aaa8a2;--line:#ffffff26}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Barlow,Arial,sans-serif;line-height:1.5;font-size:20.8px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:Condensed,Impact,sans-serif;font-weight:700;line-height:.94;letter-spacing:-.015em}em{font-style:normal}::selection{background:#c9c3b7;color:#141414}.skip-link{position:fixed;left:-10000px;top:10px;z-index:100;background:var(--paper);color:var(--ink);padding:12px}.skip-link:focus{left:10px}
.header{position:fixed;inset:0 0 auto;height:80px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;z-index:20;background:#141414ed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.wordmark{display:flex;flex-direction:column;line-height:1;font-family:Condensed,sans-serif;font-size:29px;letter-spacing:.025em}.wordmark small{font-family:Barlow,sans-serif;font-size:11.7px;letter-spacing:.34em;margin-top:5px}.header nav{display:flex;gap:32px;font-size:18.2px}.header-cta{display:flex;align-items:center;gap:24px;font-size:18.2px}.header-cta span{font-size:23px}.header a:hover{color:#c6c0b5}
.story{height:310svh;position:relative}.story-sticky{position:sticky;top:0;height:100svh;min-height:590px;display:grid;grid-template-columns:48% 52%;padding-top:80px;overflow:hidden}.hero-copy{position:relative;z-index:3;padding:55px 9% 90px 12.5%;display:flex;flex-direction:column}.eyebrow{font-size:15.6px;letter-spacing:.12em;font-weight:600}h1{font-size:clamp(74px,8.3vw,145px);margin:25px 0 28px}.hero-description{color:#c3c0b9;line-height:1.7}.copy-bottom .text-link{margin-top:24px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:18.2px;border-bottom:1px solid #888;padding-bottom:8px}.text-link span{font-size:23px}.scroll-note{margin-top:auto;padding-top:30px;font-size:15.6px;color:var(--muted);display:flex;gap:22px;align-items:center}.scroll-note>span:last-child{font-size:24px}.art-scene{position:relative;overflow:hidden;margin-bottom:56px;background:#262320;contain:paint}.art-frame{position:absolute;inset:-2%;transform:scale(1.03)}.scene-fallback,#tattoo-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%}#tattoo-canvas{opacity:0}#tattoo-canvas.ready{opacity:1}.image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#141414c9,transparent 45%);pointer-events:none}.scene-caption{position:absolute;left:32px;bottom:45px;display:flex;align-items:center;gap:18px}.phase-number{font-family:Condensed,sans-serif;font-size:46px}.scene-caption p{font-size:26px}.concept-label{position:absolute;right:24px;bottom:16px;font-size:13px;color:#cbc7bf}.story-controls{position:absolute;inset:auto 0 0;height:56px;display:flex;gap:25px;padding:0 6%;background:var(--ink);border-top:1px solid var(--line)}.stage{position:relative;flex:1;display:flex;gap:15px;align-items:center;cursor:pointer;border:0;padding:0;background:none;color:#96938d;font-size:16.9px;text-align:left}.stage>span:first-child{font-size:14.3px}.stage.active{color:var(--paper)}.stage i{position:absolute;bottom:0;left:0;height:2px;width:var(--fill,0%);background:var(--paper)}
.section-pad{padding:88px 8%;max-width:1800px;margin:auto}.portfolio{background:var(--paper);color:var(--ink);max-width:none}.section-heading{margin-bottom:40px}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}h2{font-size:clamp(48px,5.4vw,88px)}.heading-row>p{color:#64615c;font-size:19.5px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;max-width:1150px;margin:auto}.work-image{display:block;position:relative;overflow:hidden;background:#d7d2c9;aspect-ratio:4/5}.work-image img{height:100%;transition:transform .5s}.work-image:hover img{transform:scale(1.025)}.work-open{position:absolute;right:16px;bottom:16px;background:var(--paper);color:var(--ink);width:36px;height:36px;display:grid;place-items:center;font-size:24px}.work-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:16px}.work-caption h3{font-size:22px;font-weight:600}.work-caption p{font-size:16.9px;color:#696660}.work-comment{margin:16px 0 0;padding-top:15px;border-top:1px solid #14141420;max-width:100%}.work-comment p{font-size:20.8px;line-height:1.5}.work-comment a{display:inline-block;margin-top:7px;font-size:15.6px;color:#696660;overflow-wrap:anywhere}.work-comment a:hover{text-decoration:underline}.portfolio-foot{margin-top:45px;padding-top:23px;border-top:1px solid #14141426;display:flex;justify-content:space-between;align-items:center;gap:20px}.portfolio-foot p{font-size:16.9px;color:#696660}
.studio{display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.studio h2{margin-top:24px}.studio-description{color:#bdb9b2;max-width:390px;margin:25px 0;line-height:1.75}.studio-details{align-self:center}dl{margin:0}dl>div{padding:23px 0;border-bottom:1px solid var(--line)}dt{font-size:26px;font-weight:600}dd{margin:7px 0 0;color:#bdb9b2;font-size:19.5px;max-width:350px}.contact{background:#e0dcd3;color:var(--ink);max-width:none}.contact h2{margin-top:26px;font-size:clamp(50px,7.6vw,116px)}.contact-bottom{margin-top:35px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.contact-bottom p{color:#58554f;max-width:450px}.contact-button{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:19px 24px;background:var(--ink);color:var(--paper);font-size:19.5px}.contact-button span{font-size:26px}.contact-button:hover{background:#30302e}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 6%;font-size:15.6px;color:#aaa8a2}.footer-brand{color:var(--paper);font-weight:600;letter-spacing:.08em}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.js-motion .reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.hero-copy{padding-top:40px}h1{font-size:9vw}.hero-description{font-size:18.2px}.section-pad{padding:70px 6%}.gallery{gap:40px 26px}.studio{gap:7%}}
@media(max-width:700px){html{scroll-padding-top:78px}.header{height:70px;padding:0 6%}.wordmark{font-size:24px}.header nav{display:none}.header-cta{font-size:15.6px;gap:15px}.story{height:280svh}.story-sticky{padding-top:70px;min-height:590px;display:block}.hero-copy{position:absolute;inset:70px 0 auto;padding:26px 6%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:13px}h1{font-size:clamp(64px,15vw,100px);margin:18px 0 15px}.hero-description{display:none}.copy-bottom .text-link{margin-top:4px;font-size:15.6px}.scroll-note{font-size:13px;margin-top:12px;padding:0;gap:16px}.art-scene{position:absolute;left:17%;right:0;top:70px;bottom:56px;margin:0}.art-frame{inset:-2% -17%}.image-shade{background:linear-gradient(90deg,#141414b8,transparent 80%),linear-gradient(0deg,#141414cc,transparent 40%)}.scene-caption{left:23px;bottom:45px;gap:13px}.phase-number{font-size:38px}.scene-caption p{font-size:22.1px}.concept-label{right:15px;font-size:11.7px}.story-controls{gap:12px}.stage{font-size:14.3px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.stage>span:first-child{font-size:11.7px}.section-pad{padding:55px 6%}.heading-row{display:block}.heading-row>p{margin-top:18px;font-size:18.2px}.section-heading{margin-bottom:28px}h2{font-size:53px}.gallery{grid-template-columns:1fr;gap:34px}.work-image{aspect-ratio:4/5}.work-caption h3{font-size:21px}.portfolio-foot{display:block;margin-top:35px}.portfolio-foot .text-link{margin-top:15px}.studio{display:block}.studio h2{font-size:51px}.studio-description{font-size:19.5px}.studio-details{margin-top:30px}.contact h2{font-size:clamp(46px,10.7vw,70px)}.contact-bottom{display:block;margin-top:25px}.contact-bottom p{font-size:19.5px}.contact-button{margin-top:24px;gap:20px}footer{display:grid;grid-template-columns:1fr auto;font-size:13px;gap:15px}footer>a:nth-child(2){grid-column:1/-1;grid-row:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-motion .reveal{opacity:1;transform:none;transition:none}.work-image img{transition:none}}
/* Fundo contínuo, abertura imersiva e trabalhos com comentários ao lado. */
body{background:#141414}.header{background:#141414c4}.story-sticky{display:block;padding-top:0}.art-scene{position:absolute;inset:0;margin:0}.art-frame{inset:-2%}.image-shade{background:linear-gradient(90deg,#090909e0 0%,#09090990 34%,#09090912 70%),linear-gradient(0deg,#141414b0,transparent 30%)}.hero-copy{position:absolute;inset:80px auto 56px 0;width:49%;padding:55px 0 65px 12.25%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy h1{font-size:clamp(72px,7.7vw,130px)}.hero-description{color:#e0dcd5}.scroll-note{color:#d2cec6}.scene-caption{left:auto;right:6%;bottom:104px}.concept-label{right:6%;bottom:77px;font-size:15.6px}.story-controls{background:#141414bd;backdrop-filter:blur(10px)}.stage{font-size:18.2px}.stage>span:first-child{font-size:15.6px}
.portfolio,.contact{background:var(--ink);color:var(--paper)}.portfolio{border-top:1px solid var(--line)}.heading-row>p{color:#bdb9b2}.gallery{grid-template-columns:1fr;max-width:1000px;gap:0}.work{display:grid;grid-template-columns:280px minmax(0,1fr);gap:55px;align-items:center;padding:35px 0;border-top:1px solid var(--line)}.work-image{aspect-ratio:4/5}.work-image img{object-fit:cover}.work-open{background:#141414d9;color:var(--paper)}.work-caption{display:block;margin:0}.work-caption h3{font-size:27px}.work-caption p{color:#a9a59e;margin-top:5px;font-size:18.2px}.work-comment{margin-top:27px;padding:0;border:0}.work-comment p{font-size:clamp(20px,2.1vw,29px);line-height:1.4;max-width:570px}.work-comment a{font-size:16.9px;color:#bdb9b2;margin-top:16px}.portfolio-foot{border-color:var(--line)}.portfolio-foot p{color:#aaa8a2}.extra-gallery{max-width:1000px;margin:35px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.extra-gallery summary{padding:25px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:23.4px;font-weight:600;list-style:none}.extra-gallery summary::-webkit-details-marker{display:none}.gallery-plus{font-size:29px;font-weight:400;transition:transform .2s}.extra-gallery[open] .gallery-plus{transform:rotate(45deg)}.extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px;padding:5px 0 25px}.extra-work img{aspect-ratio:4/5;background:#262626;transition:opacity .2s}.extra-work:hover img{opacity:.8}.extra-work>span{display:block;font-size:18.2px;margin-top:10px}.extra-instagram{margin-bottom:25px}.contact{border-top:1px solid var(--line)}.contact-bottom p{color:#bdb9b2}.contact-button{background:var(--paper);color:var(--ink)}.contact-button:hover{background:#d0cdc7}.studio{padding-top:75px;padding-bottom:75px}.contact h2{font-size:clamp(48px,6.7vw,100px)}.header-cta{font-size:18.2px}.eyebrow{font-size:15.6px}
@media(max-width:1050px){.hero-copy{padding-left:12.5%;width:55%}.hero-copy h1{font-size:9vw}.work{grid-template-columns:240px minmax(0,1fr);gap:36px}.work-comment p{font-size:24px}}
@media(max-width:700px){.art-scene{inset:0}.art-frame{inset:-2% -10%}.hero-copy{inset:70px 0 56px;width:auto;padding:30px 6% 80px}.hero-copy h1{font-size:clamp(64px,15vw,100px)}.image-shade{background:linear-gradient(90deg,#090909bb,transparent 95%),linear-gradient(0deg,#141414ba,transparent 40%)}.hero-description{display:none}.scroll-note{margin-top:12px;font-size:15.6px}.scene-caption{right:6%;bottom:105px;left:auto}.concept-label{bottom:78px;font-size:15.6px}.story-controls{height:60px}.stage{font-size:15.6px}.hero-copy .text-link{font-size:18.2px}.work{grid-template-columns:38% minmax(0,1fr);gap:20px;padding:27px 0;align-items:start}.work-caption h3{font-size:21px}.work-caption p{font-size:15.6px}.work-comment{margin-top:15px}.work-comment p{font-size:22.1px}.work-comment a{font-size:15.6px;margin-top:12px}.work-open{width:27px;height:27px;font-size:26px;right:8px;bottom:8px}.extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.extra-gallery{margin-top:20px}.extra-gallery summary{font-size:20.8px}.studio{padding-top:55px;padding-bottom:55px}.contact h2{font-size:clamp(46px,10.7vw,70px)}.contact-bottom p{font-size:20.8px}}
@media(max-width:380px){.work{grid-template-columns:34% minmax(0,1fr);gap:15px}.work-comment p{font-size:20.8px}.hero-copy h1{font-size:61px}}
/* Etapas verticais e retorno da grade de fotografias. */
.story-controls{inset:auto auto 35px 3%;width:165px;height:auto;display:flex;flex-direction:column;gap:5px;padding:12px 15px;border:1px solid var(--line);background:#1414148c;z-index:5}.stage{flex:none;min-height:44px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:7px 0 7px 10px}.stage i{inset:auto auto 0 0;width:2px;height:var(--fill,0%)}.hero-copy{padding-left:18%;width:62%;padding-bottom:65px}.scroll-note{position:absolute;right:-46%;bottom:30px;margin:0;padding:0}.scene-caption{bottom:75px}.concept-label{bottom:35px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;max-width:1150px}.work{display:block;padding:0;border:0}.work-image{aspect-ratio:4/5}.work-copy{padding-top:17px}.work-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.work-caption h3{font-size:22px}.work-caption p{margin:0;font-size:16.9px}.work-comment{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.work-comment p{font-size:20.8px;line-height:1.5;max-width:none}.work-comment a{font-size:15.6px;margin-top:8px}.extra-gallery{max-width:1150px}
@media(max-width:1050px){.hero-copy{padding-left:22%;width:70%}.gallery{gap:40px 26px}.hero-description{font-size:18.2px}}
@media(max-width:700px){.hero-copy{inset:70px 0 0;width:auto;padding:30px 6% 80px}.story-controls{left:6%;bottom:30px;width:155px;padding:8px 12px;gap:0}.stage{min-height:44px;flex-direction:row;gap:10px}.scroll-note{position:static;margin-top:13px;font-size:15.6px}.scene-caption{right:6%;bottom:78px}.concept-label{right:6%;bottom:37px}.gallery{grid-template-columns:1fr;gap:35px}.work{display:block;padding:0}.work-caption h3{font-size:21px}.work-caption p{font-size:15.6px}.work-comment p{font-size:20.8px}.work-comment a{font-size:15.6px}.work-image{aspect-ratio:4/5}}

.scroll-note{left:18vw;right:auto;bottom:25px;white-space:nowrap}
@media(max-width:700px){.scroll-note{position:static;white-space:normal}}
/* Identidade original, exibida por um recorte circular do arquivo enviado. */
.brand-logo{position:relative;display:inline-block;flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#111}.brand-logo img{position:absolute;max-width:none;width:150.612245%;height:auto;left:-25.306122%;top:-97.346939%;object-fit:initial}.wordmark{flex-direction:row;align-items:center;gap:13px}.brand-name{display:flex;flex-direction:column}.hero-brand{display:flex;align-items:center;gap:16px;letter-spacing:.1em}.hero-brand .brand-logo{width:65px;height:65px}.hero-copy{padding-top:30px}.hero-copy h1{margin-top:20px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand .brand-logo{width:43px;height:43px}
/* Faixas discretas em diagonal nas três transições principais. */
.section-tape{position:relative;height:72px;overflow:hidden;background:var(--ink);isolation:isolate}.tape-band{position:absolute;left:-6%;top:23px;width:112%;height:25px;background:repeating-linear-gradient(125deg,#e3b84c 0 25px,#0c0c0c 25px 50px);transform:translateX(var(--tape-shift,0px)) rotate(-1.8deg);transform-origin:center;box-shadow:0 0 0 1px #e3b84c30;will-change:transform}.tape-reverse .tape-band{transform:translateX(var(--tape-shift,0px)) rotate(1.8deg)}.portfolio,.contact{border-top:0}.section-pad{padding-top:65px;padding-bottom:65px}
@media(max-width:700px){.brand-logo{width:45px;height:45px}.wordmark{gap:9px}.wordmark small{letter-spacing:.25em}.header{padding:0 5%}.header-cta{gap:10px;font-size:16px}.hero-brand .brand-logo{width:50px;height:50px}.hero-brand{gap:12px}.hero-copy{padding-top:25px}.hero-copy h1{margin-top:16px}.section-tape{height:55px}.tape-band{height:20px;top:17px;background-size:auto;transform:translateX(var(--tape-shift,0px)) rotate(-2.4deg)}.tape-reverse .tape-band{transform:translateX(var(--tape-shift,0px)) rotate(2.4deg)}.section-pad{padding-top:45px;padding-bottom:45px}.footer-brand .brand-logo{width:35px;height:35px}.footer-brand{gap:9px}}
@media(prefers-reduced-motion:reduce){.tape-band{will-change:auto}}
/* Botão do Instagram com identidade da marca e movimentos discretos. */
.contact-bottom{align-items:center}.contact-button{display:inline-flex;align-items:center;gap:17px;padding:18px 22px;min-height:82px;border:1px solid #e3b84c85;border-radius:12px;background:#e3b84c;color:#151411;box-shadow:0 5px 20px #0002;transform-origin:center}.contact-button .instagram-icon{width:29px;height:29px;flex:none}.contact-button-label{font-size:19px!important;font-weight:600;line-height:1.3}.contact-button-label>span{display:block;font-size:13px!important;font-weight:400;margin-top:4px;letter-spacing:.01em;opacity:.78}.contact-button .contact-button-arrow{font-size:25px;margin-left:22px}.contact-button:hover{background:#f0c75e}.header-cta,.text-link,.stage,.contact-button,.extra-gallery summary{transition:transform .24s cubic-bezier(.2,.7,.2,1),background-color .24s,color .24s,box-shadow .24s;transform-origin:center}.text-link{transform-origin:left center}.stage{transform-origin:left center}.extra-gallery summary{transform-origin:left center}
@media(hover:hover) and (pointer:fine){.header-cta:hover,.text-link:hover{transform:scale(1.04)}.stage:hover{transform:scale(1.05)}.extra-gallery summary:hover{transform:scale(1.025)}.contact-button:hover{transform:scale(1.045);box-shadow:0 8px 28px #e3b84c18}.contact-button:hover .contact-button-arrow{transform:translate(2px,-2px)}}
.contact-button-arrow{transition:transform .24s}.contact-button:active,.stage:active{transform:scale(.98)}
@media(max-width:700px){.contact-button{display:flex;width:100%;justify-content:flex-start;padding:18px 20px;gap:15px;min-height:80px}.contact-button .contact-button-arrow{margin-left:auto}.contact-button-label{font-size:19px!important}.contact-button-label>span{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.header-cta,.text-link,.stage,.contact-button,.extra-gallery summary,.contact-button-arrow{transition:none}.header-cta:hover,.text-link:hover,.stage:hover,.extra-gallery summary:hover,.contact-button:hover,.contact-button:hover .contact-button-arrow{transform:none}}
/* Superfícies contínuas, sem linhas decorativas. */
.header,.story-controls,.portfolio,.contact,.work,.work-comment,.portfolio-foot,.extra-gallery,.text-link,.contact-button,dl>div{border:0}.stage i{display:none}.tape-band{box-shadow:none}.work-comment{padding-top:0}.extra-gallery summary{padding:20px 0}.portfolio-foot{padding-top:12px}.header{backdrop-filter:blur(12px)}.contact-bottom p{max-width:550px}.contact h2{font-size:clamp(48px,6.3vw,96px)}
@media(max-width:700px){.contact h2{font-size:clamp(43px,10vw,65px)}.contact-bottom p br{display:none}}
/* Mesmo botão de orçamento também no cabeçalho. */
.header{height:100px}.header .header-cta.contact-button{min-height:72px;padding:14px 20px;gap:14px;color:#151411;background:#e3b84c}.header .contact-button-label{font-size:18px!important}.header .contact-button-label>span{font-size:13px!important}.header .instagram-icon{width:26px;height:26px}.header .contact-button-arrow{margin-left:16px}.header .header-cta.contact-button:hover{color:#151411;background:#f0c75e}.hero-copy{top:100px}html{scroll-padding-top:108px}
@media(max-width:700px){.header{height:88px;padding:0 4%;gap:12px}.header .header-cta.contact-button{width:auto;min-height:59px;padding:10px 12px;gap:9px;margin-top:0}.header .contact-button-label{font-size:15px!important}.header .contact-button-label>span{font-size:11px!important}.header .instagram-icon{width:22px;height:22px}.header .contact-button-arrow{font-size:20px;margin-left:0}.hero-copy{top:88px}html{scroll-padding-top:96px}.wordmark{font-size:22px;gap:7px}.wordmark small{font-size:10px}.wordmark .brand-logo{width:38px;height:38px}}
@media(max-width:380px){.header .contact-button-arrow{display:none}.header .contact-button-label{font-size:14px!important}.header .contact-button-label>span{font-size:10px!important}.header .header-cta.contact-button{padding:10px;gap:8px}}
/* Abertura sem repetição da marca e com apresentação dos trabalhos. */
.hero-copy{padding-top:62px}.hero-copy h1{font-size:clamp(64px,6.8vw,116px);margin-top:0;line-height:1}.hero-description{max-width:570px}
@media(max-width:1050px){.hero-copy h1{font-size:7.8vw}.hero-description br:last-child{display:none}}
@media(max-width:700px){.hero-copy{padding-top:45px}.hero-copy h1{font-size:clamp(47px,11.8vw,76px);line-height:1.03}}