@import url('assets/fonts.css');
:root{color-scheme:dark;--bg:#1b111d;--surface:#291a2b;--pink:#f493b8;--ink:#ffedf4;--muted:#c5a3bc;--line:#67425d;font-family:Nunito,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:radial-gradient(#b77c9b20 .8px,transparent .8px),var(--bg);background-size:18px 18px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ffdfed;outline-offset:6px}.skip{position:fixed;top:-100px;z-index:100;background:var(--pink);color:var(--bg);padding:15px}.skip:focus{top:10px}header{position:sticky;top:18px;z-index:10;display:flex;align-items:center;justify-content:space-between;max-width:670px;margin:25px auto 0;padding:9px 20px;background:#241627f5;border:2px solid #81516e;border-radius:9px;box-shadow:0 0 0 3px #110b15,0 5px 0 3px #110b15;backdrop-filter:blur(14px)}.brand{font:700 34px 'Pixelify Sans';letter-spacing:-3px}.brand span{color:var(--pink);font-size:20px;margin-left:5px}nav{display:flex;gap:10px}nav a{font:18px 'Pixelify Sans';padding:12px 18px;border-radius:4px}nav a:hover{background:#513047}.heart{color:var(--pink);font-size:26px}main{max-width:1320px;margin:auto;padding:0 45px}.hero{min-height:620px;position:relative;display:flex;align-items:center;isolation:isolate}.hero-art{position:absolute;z-index:-1;inset:-85px -45px -5px 13%;background:linear-gradient(90deg,var(--bg),transparent 35%),linear-gradient(0deg,var(--bg),transparent 25%),url('assets/bianca-studio.png') center right/cover;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 97%,transparent)}.hero-copy{max-width:610px;padding:55px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--pink);font-weight:800}.hero .eyebrow{border:1px solid var(--line);background:#271826;padding:8px 12px;letter-spacing:1px}h1,h2,h3,.signature{font-family:'Pixelify Sans';font-weight:500}h1{font-size:clamp(56px,6vw,84px);line-height:.97;letter-spacing:-2px;text-shadow:3px 4px #71304f;margin:26px 0 15px}h1 span,h2 span{color:var(--pink)}.signature{font-size:31px;color:var(--pink);margin:20px 0}.signature span{margin-left:12px}.hero p:not(.signature){font-size:16px;line-height:1.8;color:#dfc2d5}.button{display:inline-flex;gap:27px;align-items:center;justify-content:center;margin-top:20px;padding:14px 24px;background:#d86d9b;border:2px solid #ffbcd7;border-radius:4px;box-shadow:inset 0 3px #fba5c8,inset 0 -4px #9d446e,3px 4px #100a14;font:20px 'Pixelify Sans';min-height:50px}.button:hover{background:#ec84b0;transform:translateY(-2px)}.caption{position:absolute;right:0;bottom:35px;font-size:9px;letter-spacing:1.5px;color:#b889a4}.ticker{display:flex;justify-content:space-around;align-items:center;gap:20px;border-block:1px solid var(--line);padding:23px 0;color:#dfbed3;font:19px 'Pixelify Sans'}.ticker i{color:#a56a8c;font-style:normal}.projects{padding:80px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font-size:38px;line-height:1.1;margin:15px 0}.section-heading p{font-size:12px;color:var(--muted);margin-bottom:20px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}.filters button,.skills span{border:1px solid var(--line);padding:10px 16px;background:#2c1b2c;border-radius:4px;font-size:12px}.filters button[aria-pressed=true]{background:#ed98bd;color:#31162a;border-color:#ffc8e0;box-shadow:inset 0 -3px #b66c91}.grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.project{padding:0;background:none;border:0;text-align:left;min-width:0}.project[hidden]{display:none}.visual{height:310px;border:1px solid #82526f;border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .2s,transform .2s}.project:hover .visual{transform:translateY(-4px);border-color:#ffc5e2}.visual-tag{position:absolute;left:18px;bottom:17px;font-size:8px;letter-spacing:1.8px;color:#edc2dc}.wins{background:radial-gradient(ellipse at 50% 100%,#75455e,#322036)}.mini-window{width:75%;border:2px solid #ae7996;border-radius:7px;background:#221626;transform:rotate(-5deg);box-shadow:10px 14px #160e2166}.windowbar{font:12px 'Pixelify Sans';background:#56334b;padding:9px 12px;display:flex;justify-content:space-between}.windowbody{padding:21px 26px}.windowbody small{font-size:7px;letter-spacing:1px;color:#c58ca9}.windowbody strong{display:block;font:35px/.9 'Pixelify Sans';margin-top:14px}.windowbody strong span{float:right;color:var(--pink);font-size:50px}.bars{display:flex;gap:8px;align-items:end;height:53px;margin-top:15px}.bars i{width:12%;height:35%;background:#d17caa;box-shadow:inset 0 3px #ffb8da}.bars i:nth-child(2n){height:70%}.bars i:nth-child(3n){height:100%}.studio{background:radial-gradient(ellipse,#643751,#251a2c 68%)}.orb{width:145px;height:145px;border:1px solid #d893bb;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:65px 'Pixelify Sans';background:linear-gradient(135deg,#765069,#302035);box-shadow:inset 3px 3px #d1a2c133,0 20px 50px #110a13;transform:rotate(-10deg)}.orb span{font:11px Nunito;letter-spacing:5px}.orbit{position:absolute;width:290px;height:170px;border:1px solid #b97f9a66;transform:rotate(-30deg);border-radius:50%;pointer-events:none}.car{background:linear-gradient(145deg,#263338,#192024);color:#b2c8c3}.car svg{width:92%}.art{background:#d998b5;color:#331b32;justify-content:start;padding-left:45px}.art-word{font:100px 'Pixelify Sans';letter-spacing:-5px;z-index:1}.art-word>span{display:block;font:25px/1.1 'Pixelify Sans';letter-spacing:0}.star{font-size:240px;position:absolute;right:-20px;top:-30px;color:#65324c;transform:rotate(15deg)}.art .visual-tag{color:#4f2b43}.project-info{display:flex;justify-content:space-between;padding:19px 3px 0;gap:12px}.project-info small{font-size:8px;letter-spacing:1.5px;color:var(--pink)}h3{font-size:25px;margin:8px 0}.project-info p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.project-info>span{font-size:26px;color:var(--pink)}.gallery-note{font-size:10px;color:var(--muted);margin-top:30px}.about{padding:65px 0 95px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.about-art{position:relative;border:2px solid #80506c;border-radius:7px;padding:9px;background:#302033;transform:rotate(-3deg);box-shadow:7px 8px #100b15}.about-art img{width:100%;height:330px;object-fit:cover;object-position:right}.about-art>span{display:block;padding:13px 5px 5px;font:12px 'Pixelify Sans';color:#ebc2d9;text-align:center}.about h2{font-size:64px;margin-top:20px}.about em{font-style:normal;color:var(--pink)}.about p{font-size:14px;line-height:1.9;color:#d4b5c9}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.skills span{font-size:10px;padding:8px 11px}.contact{padding:65px 30px 75px;text-align:center;border:1px solid #82516d;border-radius:9px;background:radial-gradient(ellipse at 50% 100%,#56314766,transparent),#281a2b}.contact h2{font-size:49px}.contact p{font-size:13px;color:var(--muted)}footer{max-width:1230px;margin:55px auto 0;padding:25px 0 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}dialog{max-width:620px;width:calc(100% - 40px);background:#2a1b2d;color:var(--ink);border:2px solid #b37d9e;border-radius:8px;padding:40px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#100a16d9;backdrop-filter:blur(7px)}dialog h2{font-size:36px}dialog p{font-size:15px;line-height:1.9;color:#e4c7dc}.dialog-note{border-top:1px solid var(--line);padding-top:15px;font-size:11px!important;color:var(--muted)!important}.close{position:absolute;right:12px;top:9px;background:none;border:0;font-size:30px;color:var(--pink)}
@media(min-width:1000px){.grid{grid-template-columns:repeat(5,1fr)}.project.wide{grid-column:span 3}.project:not(.wide){grid-column:span 2}}
@media(max-width:800px){main{padding:0 24px}header{max-width:calc(100% - 40px)}.hero{min-height:580px}.hero-art{inset:-70px -24px 0 0;opacity:.5}.hero-copy{max-width:530px}.caption{display:none}.section-heading{display:block}.section-heading p{margin:10px 0}.visual{height:260px}.about{gap:35px}.about-art img{height:300px}.about h2{font-size:50px}.contact h2{font-size:40px}footer{margin-inline:24px}.ticker{font-size:15px;gap:10px}.ticker i{display:none}}
@media(max-width:520px){header{top:10px;padding:5px 12px;margin-top:15px;max-width:calc(100% - 28px)}nav{gap:0}nav a{font-size:15px;padding:12px 10px}.heart{display:none}.brand{font-size:29px}main{padding:0 20px}.hero{min-height:600px;align-items:start}.hero-copy{padding:75px 0 40px}.hero-art{inset:-40px -20px 0 -20px;background-position:67% center;opacity:.4}h1{font-size:60px}.hero .eyebrow{font-size:8px}.hero p:not(.signature){font-size:14px}.ticker{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:16px;padding:20px 0;gap:17px}.projects{padding:55px 0}h2{font-size:31px}.filters{gap:7px}.filters button{padding:9px 12px;font-size:11px}.grid{grid-template-columns:1fr;gap:30px}.visual{height:290px}.about{grid-template-columns:1fr;gap:40px;padding:40px 0 55px}.about-art{max-width:90%;margin:auto}.about-art img{height:280px}.about h2{font-size:57px}.contact{padding:40px 15px}.contact h2{font-size:34px}footer{flex-wrap:wrap;gap:20px;margin-top:35px}footer span{font-size:10px}.art-word{font-size:85px}.star{font-size:210px}.eyebrow{font-size:9px}dialog{padding:32px 24px}}
:root{--sidebar-width:238px}body{padding-left:var(--sidebar-width)}html{scroll-padding-top:35px}.mobile-bar{display:none}.site-header{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--sidebar-width);max-width:none;height:100dvh;margin:0;padding:38px 22px 24px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;border:0;border-right:1px solid #75465f;border-radius:0;background:linear-gradient(160deg,#302033,#211423 65%);box-shadow:6px 0 35px #10091428;backdrop-filter:blur(16px)}.nav-brand{display:grid;grid-template-columns:26px auto;align-items:center;column-gap:9px;padding:0 5px;letter-spacing:0}.nav-brand .brand-spark{grid-row:span 2;font-size:27px;margin:0;color:var(--pink)}.nav-brand .brand-name{font:500 45px/.95 'Pixelify Sans';color:var(--ink);margin:0}.nav-brand .brand-dot{font:inherit;color:var(--pink);margin:0}.nav-brand .brand-caption{font:9px Nunito;letter-spacing:.6px;color:var(--muted);margin:7px 0 0}.sidebar-divider{height:1px;background:linear-gradient(90deg,#98627d80,#98627d10);margin:32px 0 26px}.nav-label{font:800 8px Nunito;letter-spacing:2px;color:#ba8fa9;margin:0 12px 15px}.site-header nav{display:flex;flex-direction:column;gap:9px}.site-header nav a{display:flex;align-items:center;gap:12px;min-height:49px;padding:12px;border:1px solid transparent;border-radius:6px;font:18px 'Pixelify Sans';color:#d7b7ce;transition:background .15s,color .15s}.site-header nav a:hover{background:#57334b80;color:#ffe5f2}.site-header nav a[aria-current]{background:linear-gradient(110deg,#77445f,#563149);color:#ffe5f2;border-color:#ba789c;box-shadow:inset 3px 0 #f5aacd,inset 0 1px #f5b9d333,0 3px 0 #140d1b}.nav-icon{width:20px;font:22px/1 Nunito;color:#e7a7c7;text-align:center}.nav-indicator{margin-left:auto;font-size:12px;color:#f3b3d1;opacity:0}.site-header nav a[aria-current] .nav-indicator{opacity:1}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-note{display:flex;gap:12px;align-items:center;padding:0 6px 20px;color:#c697b1}.sidebar-note>span{font:35px 'Pixelify Sans';color:#da9cbb}.sidebar-note p{font:12px/1.8 Nunito;margin:0}.nav-contact{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;background:#e68aad;border:1px solid #ffc8df;border-radius:5px;color:#331829;box-shadow:inset 0 -3px #b56789;font:17px 'Pixelify Sans';white-space:nowrap}.nav-contact:hover{background:#f5a3c6}.nav-contact span{font-size:21px}.sidebar-bottom small{display:block;text-align:center;font:8px Nunito;letter-spacing:1px;color:#b889a4;margin-top:20px}main{padding-top:22px}.hero{min-height:650px}.hero-art{top:-22px}footer{margin-left:45px;margin-right:45px}.skip:focus{left:calc(var(--sidebar-width) + 15px)}
@media(min-width:1500px){main{padding-top:30px}.hero{min-height:710px}.hero-art{top:-30px}}
@media(min-width:901px) and (max-width:1150px){:root{--sidebar-width:210px}.site-header{padding:30px 15px 22px}main{padding-inline:28px}.hero-art{left:0;right:-28px;opacity:.65}h1{font-size:64px}.section-heading{display:block}.about{gap:35px}.about-art img{height:280px}.about h2{font-size:53px}.ticker{font-size:16px;gap:10px}.visual{height:270px}footer{margin-inline:28px}}
@media(max-width:900px){body{padding-left:0;padding-top:74px}html{scroll-padding-top:90px}.mobile-bar{position:fixed;inset:0 0 auto;z-index:40;height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#241627f5;border-bottom:1px solid #80516d;backdrop-filter:blur(16px)}.mobile-brand{font:34px 'Pixelify Sans'}.mobile-brand span{color:var(--pink);font-size:21px;margin-left:7px}.menu-toggle{display:flex;align-items:center;gap:10px;font:17px 'Pixelify Sans';padding:10px 14px;background:#4d2b43;border:1px solid #b9799c;border-radius:5px}.menu-toggle span{font:18px Nunito;color:var(--pink)}.site-header{inset:74px 0 auto;width:100%;height:auto;max-height:calc(100dvh - 74px);overflow-y:auto;padding:22px 24px 25px;border-right:0;border-bottom:1px solid #a56b8b;box-shadow:0 15px 40px #110a18aa;visibility:hidden;pointer-events:none;transform:translateY(-8px);opacity:0;transition:opacity .15s,transform .15s,visibility .15s}.site-header.menu-open{visibility:visible;pointer-events:auto;transform:none;opacity:1}.site-header .nav-brand,.sidebar-divider,.nav-label,.sidebar-note,.sidebar-bottom small{display:none}.site-header nav{gap:7px}.site-header nav a{min-height:48px}.sidebar-bottom{padding-top:15px}.nav-contact{justify-content:center;gap:25px}.hero{min-height:580px}.hero-art{top:-22px}main{padding-top:22px}footer{margin-inline:24px}.skip:focus{left:15px;top:80px}}
@media(max-width:520px){.mobile-bar{padding-inline:20px}.hero{min-height:580px}.hero-copy{padding-top:48px}.hero-art{inset:-22px -20px 0}.site-header{padding-inline:20px}footer{margin-inline:20px}}
@media(min-width:901px){:root{--sidebar-width:244px}.site-header{inset:32px auto auto 24px;width:200px;height:auto;max-height:calc(100dvh - 64px);overflow-y:auto;padding:25px 16px 17px;border:1px solid #80516d80;border-radius:18px;background:linear-gradient(150deg,#332135e8,#251727ed);box-shadow:0 12px 35px #0d07162b,inset 0 1px #ffe0f00c}.nav-brand{grid-template-columns:21px auto;column-gap:7px;padding:0 4px}.nav-brand .brand-name{font-size:38px}.nav-brand .brand-spark{font-size:23px}.nav-brand .brand-caption{font-size:8px;letter-spacing:.25px}.sidebar-divider{margin:23px 0 15px}.nav-label,.sidebar-note,.sidebar-bottom small{display:none}.site-header nav{gap:5px}.site-header nav a{font-size:17px;min-height:45px;padding:10px 9px;gap:10px;border-radius:8px}.site-header nav a[aria-current]{background:#66405770;border-color:#b579983d;box-shadow:inset 2px 0 #e6a1c0;color:#ffdfed}.nav-icon{font-size:19px}.nav-indicator{font-size:10px}.sidebar-bottom{margin-top:17px;padding-top:17px;border-top:1px solid #86526f40}.nav-contact{font-size:15px;padding:11px 10px;background:#bb759333;border-color:#c78ba45c;color:#f3c8dd;box-shadow:none;border-radius:8px}.nav-contact:hover{background:#a760843e}.nav-contact span{font-size:18px}}
@media(min-width:901px) and (max-width:1150px){:root{--sidebar-width:220px}.site-header{left:18px;width:184px;padding-inline:13px}}
.icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex-shrink:0}.nav-icon{display:inline-flex;align-items:center;justify-content:center}.nav-icon .icon{width:20px;height:20px;stroke-width:1.7}.nav-indicator .icon{width:12px;height:12px}.nav-brand .brand-spark{display:flex;align-items:center}.brand-spark .icon{width:25px;height:25px}.nav-contact{white-space:normal;text-align:left}.nav-contact>span{display:inline-flex;align-items:center}.nav-contact .icon{width:18px;height:18px}.signature>span{display:inline-flex;align-items:center}.hero .eyebrow .icon{margin-right:5px}.windowbar .icon{width:11px;height:11px}.windowbar>span{display:inline-flex;gap:5px;align-items:center}.project-info>span{display:inline-flex;align-items:center}.close{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.close .icon{width:24px;height:24px}.menu-toggle>span{display:inline-flex;align-items:center}.star .icon{width:1em;height:1em}.about-art>span .icon,.sidebar-bottom small .icon{vertical-align:-.18em}
@media(min-width:901px){.nav-contact{font-size:13px;white-space:nowrap;gap:7px;padding-inline:9px}.nav-contact .icon{width:16px;height:16px}}
.cities-section{padding:62px 0 0}.cities-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.cities-heading h2{font-size:32px;margin-bottom:0}.cities-heading p{font-size:12px;line-height:1.7;color:var(--muted);max-width:240px;margin:0 0 3px}.cities-grid{list-style:none;padding:0;margin:27px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.city-card{min-width:0;display:flex;flex-direction:column;align-items:center;padding:17px 10px 14px;background:linear-gradient(155deg,#38243980,#261a2a75);border:1px solid #82526f55;border-radius:10px;gap:10px}.city-logo{height:75px;width:100%;display:flex;align-items:center;justify-content:center}.city-logo img{width:100%;height:100%;object-fit:contain;max-width:120px;filter:drop-shadow(0 4px 8px #100b16aa)}.city-card>span{font:16px 'Pixelify Sans';color:#edc9de;text-align:center}.cities-section+.projects{padding-top:65px}.site-header nav a[href="#cidades"][aria-current]{background:#66405770;border-color:#b579983d;box-shadow:inset 2px 0 #e6a1c0;color:#ffdfed}
@media(max-width:1150px){.cities-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.city-logo{height:80px}.cities-heading{display:block}.cities-heading p{max-width:none;margin-top:12px}}
@media(max-width:520px){.cities-section{padding-top:42px}.cities-heading h2{font-size:29px}.cities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.city-card{padding:15px 10px 13px}.city-logo{height:80px}.cities-section+.projects{padding-top:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;transform:none!important}}
