:root{--black:#080808;--deep:#0d0d0d;--surface:#111;--white:#f2f2f2;--muted:#a0a0a0;--line:#292929;--display:"Oswald","Arial Narrow",sans-serif;--body:"Archivo",Arial,sans-serif;--pad:clamp(1.25rem,4vw,5rem);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:99;background:white;color:#000;padding:.8rem}.skip:focus{top:1rem}:focus-visible{outline:2px solid white;outline-offset:4px}
.header{position:fixed;inset:0 0 auto;z-index:50;height:90px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:.3s}.header.scrolled,.header.open{height:72px;background:#080808e8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font:700 1.45rem/.75 var(--display);letter-spacing:.08em}.brand small{display:block;font-size:.53em;letter-spacing:.44em;margin-top:.5em}.nav{display:flex;gap:clamp(1rem,2.5vw,2.5rem)}.nav a,.header-cta{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.5rem;height:1px;background:white;transition:.25s}.nav a:hover:after{right:0}.header-cta{justify-self:end;border:1px solid #ffffff55;background:transparent;padding:.75rem 1rem;cursor:pointer}.header-cta span{margin-left:.8rem}.menu{display:none;background:none;border:0;width:44px;height:44px}.menu span{display:block;width:24px;height:1px;background:white;margin:7px auto;transition:.25s}
.hero{height:max(720px,100svh);min-height:680px;position:relative;overflow:hidden;padding:110px var(--pad) 46px;display:flex;align-items:center}.hero-media{position:absolute;inset:0;clip-path:inset(0 0 0 100%);animation:imageReveal 1s .1s var(--ease) forwards;background:#050505}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:grayscale(1) contrast(1.05);transform:scale(1.08);animation:imageScale 1.5s .1s var(--ease) forwards}.hero-media i{position:absolute;inset:0;background:linear-gradient(90deg,#080808e8 0%,#0808086b 42%,#08080835 62%,#080808c7 100%),linear-gradient(0deg,#080808cc,transparent 48%)}.texture{position:absolute;inset:0;background:url("../assets/images/textura-garoa.webp") center/cover;opacity:.2;mix-blend-mode:screen}.hero-kicker{position:absolute;left:var(--pad);top:120px;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;display:flex;align-items:center;gap:1rem}.hero-kicker b{width:42px;height:1px;background:currentColor}.hero-main{position:relative;width:100%;display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:3rem}.hero h1{margin:0;font:600 clamp(7rem,16.7vw,18rem)/.68 var(--display);letter-spacing:-.045em}.hero h1 span{display:block;opacity:0;transform:translateY(80%);animation:titleIn .8s .45s var(--ease) forwards}.hero h1 span+span{padding-left:.22em;color:transparent;-webkit-text-stroke:2px white;animation-delay:.6s}.hero-copy{max-width:34rem;padding-bottom:1.2rem}.hero-copy strong{font:500 clamp(1.5rem,2.4vw,2.5rem)/1.1 var(--display);text-transform:uppercase}.hero-copy>p{color:#d0d0d0;line-height:1.7;font-size:.92rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 1.15rem;border:1px solid var(--line);text-transform:uppercase;font-weight:600;letter-spacing:.09em;font-size:.68rem;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-3px)}.light{background:var(--white);color:#080808;border-color:white}.ghost{background:#08080855;border-color:#ffffff55;backdrop-filter:blur(6px)}.side{position:absolute;text-transform:uppercase;font:400 .78rem/1 var(--display);letter-spacing:.13em}.side.left{left:var(--pad);bottom:44px}.side small{display:block;color:var(--muted);font-size:.7em;margin-top:.35rem}.side.right{right:var(--pad);top:48%;text-align:right}.scroll{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;gap:1rem;align-items:center;text-transform:uppercase;font-size:.59rem;letter-spacing:.17em}.scroll i{width:54px;height:1px;background:white}.reveal{opacity:0;animation:fadeUp .6s .9s var(--ease) forwards}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--deep);padding:1rem 0}.marquee>div{width:max-content;display:flex;animation:marquee 32s linear infinite}.marquee span{font:400 1rem/1 var(--display);letter-spacing:.18em;color:#b8b8b8}.section{padding:clamp(6rem,11vw,11rem) var(--pad)}.heading{display:grid;grid-template-columns:1.4fr .6fr;gap:3rem;align-items:end;margin-bottom:clamp(3rem,8vw,7rem)}.index{letter-spacing:.18em;font-size:.62rem;color:var(--muted);display:block;margin-bottom:1.5rem}.section h2,.manifesto h2,.final h2{font:500 clamp(4.5rem,10vw,10rem)/.86 var(--display);text-transform:uppercase;margin:0;letter-spacing:-.035em}.heading>p{line-height:1.7;color:#c8c8c8}.portfolio{background:var(--deep)}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,2rem);align-items:start}
.portfolio-item{position:relative;overflow:hidden;background:#151515;cursor:zoom-in;min-height:320px;border:0;padding:0;color:white}.portfolio-item:nth-child(1){grid-column:1/span 7;aspect-ratio:7/5}.portfolio-item:nth-child(2){grid-column:9/span 4;aspect-ratio:3/5;margin-top:8rem}.portfolio-item:nth-child(3){grid-column:2/span 4;aspect-ratio:3/5;margin-top:-2rem}.portfolio-item:nth-child(4){grid-column:7/span 6;aspect-ratio:6/5;margin-top:4rem}.portfolio-item:nth-child(5){grid-column:4/span 6;aspect-ratio:4/3;margin-top:2rem}.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.12);transition:transform .8s var(--ease)}.portfolio-item:hover img{transform:scale(1.035)}.portfolio-overlay{position:absolute;inset:auto 0 0;padding:3rem 1.5rem 1.5rem;background:linear-gradient(transparent,#000d);display:flex;justify-content:space-between;align-items:end;opacity:0;transition:.3s}.portfolio-item:hover .portfolio-overlay,.portfolio-item:focus-visible .portfolio-overlay{opacity:1}.portfolio-overlay strong{font:500 1.5rem var(--display);text-transform:uppercase}.portfolio-overlay span{font-size:.62rem;text-transform:uppercase;letter-spacing:.15em}
.artist{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,10vw,10rem);align-items:center;background:#0a0a0a}.artist-photo{height:min(75vw,820px);overflow:hidden}.artist-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.65) contrast(1.08)}.artist-copy h2{font-size:clamp(5rem,11vw,11rem)}.role{margin:.5rem 0 3rem;font:400 clamp(1.2rem,2.4vw,2rem) var(--display);text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.lead{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.7;max-width:34rem}.meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:4rem;padding-top:1.3rem;text-transform:uppercase;letter-spacing:.12em;font-size:.61rem;color:var(--muted)}
.manifesto{min-height:88vh;padding:8rem var(--pad);display:grid;place-items:center;text-align:center;background:linear-gradient(#080808ad,#080808e0),url("../assets/images/textura-garoa.webp") center/cover}.manifesto h2{font-size:clamp(4.5rem,12vw,12rem)}.manifesto p{font-size:clamp(1.1rem,2vw,1.7rem);color:var(--muted)}.services{background:var(--surface)}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:90px 1fr 1fr;gap:2rem;align-items:center;padding:2.5rem 0;border-bottom:1px solid var(--line)}.service-list article>span{font-size:.65rem;color:var(--muted)}.service-list h3,.process-list h3{font:500 clamp(2.6rem,5vw,5.5rem)/1 var(--display);text-transform:uppercase;margin:0}.service-list p{color:var(--muted);line-height:1.7}.service-cta{margin-top:3rem}
.process{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.process-title{position:sticky;top:120px;height:max-content}.process-title h2{font-size:clamp(4rem,7vw,7rem)}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:grid;grid-template-columns:80px 1fr;gap:1rem;padding:2.2rem 0;border-top:1px solid var(--line)}.process-list li:last-child{border-bottom:1px solid var(--line)}.process-list li>span{color:var(--muted);font-size:.7rem}.process-list h3{font-size:clamp(2.2rem,4vw,4rem)}.process-list p{color:var(--muted);line-height:1.6}.rating{padding:5rem var(--pad);background:white;color:#080808}.rating>div{display:grid;grid-template-columns:auto auto 1fr auto;gap:clamp(1rem,3vw,3rem);align-items:center}.stars{letter-spacing:.15em}.rating strong{font:500 5rem/1 var(--display)}.rating p{display:flex;flex-direction:column;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;gap:.4rem}.rating small{color:#555}.rating a{text-transform:uppercase;font-size:.65rem;letter-spacing:.14em;border-bottom:1px solid;padding-bottom:.5rem}
.location{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;background:var(--deep);align-items:end}.location h2{font-size:clamp(5rem,11vw,11rem)}address{font-style:normal}.location address{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.8;color:#c7c7c7;margin-top:3rem}.location-card{background:white;color:#080808;padding:clamp(2rem,5vw,4rem);min-height:390px;display:flex;flex-direction:column;justify-content:space-between}.location-card>span{letter-spacing:.16em;font-size:.65rem}.location-card strong{font:500 clamp(5rem,9vw,9rem)/.8 var(--display)}.location-card a{font-size:clamp(1.1rem,2vw,1.6rem);border-bottom:1px solid #bbb;padding-bottom:1rem}.location-card small{color:#555}.final{min-height:100vh;padding:clamp(6rem,10vw,10rem) var(--pad) 4rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#080808f0,#0808088f),url("../assets/images/jandira-contexto.webp") center 34%/cover}.final h2{font-size:clamp(5rem,12.5vw,13rem);max-width:1200px}.final p{max-width:36rem;color:#ccc;line-height:1.7}.xl{padding:1.3rem 1.5rem;min-width:min(100%,340px)}.final-meta{margin-top:5rem;padding-top:1.5rem;border-top:1px solid #ffffff33;display:flex;justify-content:space-between;text-transform:uppercase;font-size:.67rem;letter-spacing:.12em;line-height:1.6}
.footer{padding:4rem var(--pad) 2rem;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.footer-brand{font:600 clamp(2rem,4vw,4rem)/.8 var(--display);color:white}.footer-brand span{display:block;color:transparent;-webkit-text-stroke:1px white}.footer>div,.footer nav{display:flex;flex-direction:column;gap:.8rem;text-transform:uppercase;letter-spacing:.1em}.footer strong{color:white}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}.observe{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.observe.visible{opacity:1;transform:none}
.lightbox{width:100%;height:100%;max-width:none;max-height:none;border:0;padding:2rem;background:#050505f7;color:white;overflow:hidden}.lightbox::backdrop{background:#050505}.lightbox figure{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox figure img{max-width:min(1100px,86vw);max-height:82vh;object-fit:contain}.lightbox figcaption{width:min(1100px,86vw);display:flex;justify-content:space-between;padding-top:1rem;text-transform:uppercase}.lightbox button{position:absolute;background:transparent;border:1px solid #555;border-radius:50%;width:48px;height:48px;cursor:pointer}.close{right:2rem;top:2rem;font-size:1.7rem}.prev{left:2rem;top:50%}.next{right:2rem;top:50%}
@keyframes imageReveal{to{clip-path:inset(0)}}@keyframes imageScale{to{transform:scale(1)}}@keyframes titleIn{to{opacity:1;transform:none}}@keyframes fadeUp{to{opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.header{height:72px;grid-template-columns:1fr auto auto;gap:.5rem}.nav{position:fixed;inset:72px 0 auto;flex-direction:column;align-items:flex-start;padding:2rem var(--pad) 3rem;background:#080808fa;border-bottom:1px solid var(--line);transform:translateY(-120%);opacity:0;pointer-events:none;transition:.35s var(--ease)}.header.open .nav{transform:none;opacity:1;pointer-events:auto}.nav a{font:500 2.3rem/1 var(--display)}.menu{display:block}.open .menu span:first-child{transform:translateY(4px) rotate(45deg)}.open .menu span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:90px;align-items:flex-end}.hero-media img{object-position:55% center}.hero-media i{background:linear-gradient(0deg,#080808fa 0%,#08080859 65%,#080808b3 100%)}.hero-main{grid-template-columns:1fr}.hero h1{font-size:clamp(6rem,21vw,11rem)}.hero-copy{padding-bottom:5rem}.side{display:none}.scroll{left:auto;right:var(--pad);transform:none}.heading{grid-template-columns:1fr}.artist{gap:3rem}.service-list article{grid-template-columns:55px 1fr}.service-list article p{grid-column:2}.process{grid-template-columns:1fr}.process-title{position:static}.footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.rating>div{grid-template-columns:auto 1fr}.rating strong{font-size:4rem}.rating a{grid-column:2}.location{grid-template-columns:1fr}.lightbox button{top:auto;bottom:1.5rem}.close{top:1rem!important;bottom:auto!important}.prev{left:1rem}.next{right:1rem}}
@media(max-width:600px){.header-cta{font-size:0;padding:.65rem}.header-cta span{font-size:1rem;margin:0}.hero{min-height:720px;height:100svh;padding-bottom:1.2rem}.hero-kicker{top:94px}.hero-main{gap:1.2rem}.hero h1{font-size:clamp(5.1rem,25vw,8.2rem);line-height:.72}.hero h1 span+span{padding-left:0}.hero-copy{padding-bottom:4.5rem}.hero-copy>p{font-size:.82rem}.actions{margin-top:1.2rem}.btn{width:100%}.scroll{bottom:1.5rem}.scroll{font-size:0}.portfolio-grid{display:flex;flex-direction:column}.portfolio-item,.portfolio-item:nth-child(n){width:100%;margin:0;aspect-ratio:4/5;min-height:0}.portfolio-item:nth-child(1),.portfolio-item:nth-child(4){aspect-ratio:4/3}.portfolio-overlay{opacity:1;padding:3rem 1rem 1rem}.artist{grid-template-columns:1fr}.artist-photo{height:125vw;max-height:650px}.artist-copy h2{font-size:25vw}.manifesto{min-height:65vh}.manifesto h2{font-size:18vw}.service-list article{grid-template-columns:42px 1fr;padding:2rem 0;gap:.5rem}.process-list li{grid-template-columns:50px 1fr}.rating{padding:3rem var(--pad)}.stars{grid-column:1/-1}.location h2{font-size:21vw}.location-card{min-height:320px}.final{min-height:92vh}.final h2{font-size:20vw}.final-meta{gap:1rem;align-items:flex-end}.footer{grid-template-columns:1fr}.footer-brand,.footer small{grid-column:auto}.lightbox{padding:1rem}.lightbox figure img,.lightbox figcaption{max-width:94vw;width:94vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-media{clip-path:none}.hero h1 span,.reveal,.observe{opacity:1;transform:none}.marquee>div{animation:none}}

.location{align-items:start}.location-stack{display:grid;gap:1rem}.studio-gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.studio-gallery figure{position:relative;margin:0;min-height:280px;overflow:hidden;background:#151515}.studio-gallery img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s var(--ease)}.studio-gallery figure:hover img{transform:scale(1.025)}.studio-gallery figcaption{position:absolute;inset:auto 0 0;padding:2.8rem 1rem 1rem;background:linear-gradient(transparent,#080808d9);font-size:.6rem;text-transform:uppercase;letter-spacing:.14em}.location-stack .location-card{min-height:260px}.location-stack .location-card strong{font-size:clamp(4.5rem,7vw,7rem)}
@media(max-width:900px){.studio-gallery{grid-template-columns:1.2fr .8fr}.studio-gallery figure{min-height:360px}}
@media(max-width:600px){.studio-gallery{grid-template-columns:1fr}.studio-gallery figure{min-height:0;aspect-ratio:4/5}.studio-gallery .studio-front{aspect-ratio:1/1}.location-stack .location-card{min-height:300px}}