@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(13% .006 270);--bg-deep:oklch(9% .006 270);--surface:oklch(18% .007 270);--surface-soft:oklch(23% .008 270);--fg:oklch(98% 0 0);--muted:oklch(82% 0 0);--subtle:oklch(62% .01 270);--border:oklch(100% 0 0/.14);--accent:oklch(62% .19 255);--brand-blue:oklch(62% .19 255);--brand-orange:oklch(68% .22 38);--brand-gray:oklch(30% 0 0);--brand-light:oklch(82% 0 0);--danger:oklch(64% .2 28);--success:oklch(70% .16 150);--font-display:"Coolvetica", "Helvetica Neue", "Arial Black", system-ui, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--max-page:1180px;--side-pad:clamp(1rem, 4vw, 4rem);--radius-sm:8px;--radius-md:16px;--shadow-deep:0 30px 80px #0000008c;--ease-out:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{background:var(--bg-deep);scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 12%, oklch(62% .19 255/.16), transparent 30rem), radial-gradient(circle at 84% 4%, oklch(68% .22 38/.1), transparent 26rem), linear-gradient(180deg, var(--bg-deep), var(--bg) 28rem, var(--bg-deep));min-width:320px;color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;line-height:1.6}body:before{z-index:-1;pointer-events:none;content:"";opacity:.32;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}body:after{z-index:-1;pointer-events:none;content:"";opacity:.08;mix-blend-mode:screen;background-image:radial-gradient(circle,#ffffffe6 .7px,#0000 .8px);background-size:9px 9px;position:fixed;inset:0}button,a{color:inherit}a{text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand-orange);outline-offset:4px}::selection{color:var(--fg);background:oklch(68% .22 38/.55)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;line-height:.95}p{text-wrap:pretty}main{overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:50;width:min(100% - 2rem,1280px);transition:background .24s var(--ease-out), border-color .24s var(--ease-out), backdrop-filter .24s var(--ease-out);border:1px solid #0000;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;margin:.75rem auto 0;padding:.72rem .8rem;display:grid;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled{border-color:var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:oklch(9% .006 270/.78)}.brand-link{align-items:center;min-width:9rem;padding-left:.2rem;display:inline-flex}.brand-link img{width:clamp(7rem,12vw,9.3rem);height:auto}.site-header nav{justify-content:center;gap:clamp(.8rem,2vw,1.65rem);display:flex}.site-header nav a,.header-cta,.button,.section-kicker,.project-tag,.project-number{letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}.site-header nav a{color:var(--muted);transition:color .18s var(--ease-out)}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--fg)}.header-cta{min-height:2.75rem;color:var(--fg);transition:transform .18s var(--ease-out), background .18s var(--ease-out);background:oklch(62% .19 255/.16);border:1px solid oklch(62% .19 255/.45);border-radius:999px;justify-content:center;align-items:center;padding:0 1.1rem;display:inline-flex}.header-cta:hover{background:oklch(62% .19 255/.24);transform:translateY(-1px)}.menu-toggle{border:1px solid var(--border);background:oklch(100% 0 0/.04);border-radius:50%;width:2.75rem;height:2.75rem;display:none}.menu-toggle span{background:var(--fg);width:1rem;height:1px;margin:.24rem auto;display:block}.section-pad{width:min(100%,1440px);padding:clamp(5rem, 11vw, 9rem) var(--side-pad);margin:0 auto}.hero-section{min-height:100svh;padding:8rem var(--side-pad) 4rem;grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.hero-bg-symbol{opacity:.08;filter:blur(.2px);pointer-events:none;width:min(52vw,40rem);position:absolute;top:12%;right:-4rem}.hero-copy{z-index:2;max-width:43rem;position:relative}.eyebrow,.section-kicker{color:var(--brand-orange)}.eyebrow{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:1.1rem;font-size:.76rem;font-weight:700}.hero-copy h1{max-width:11ch;font-size:clamp(4.3rem,10vw,9.4rem)}.hero-lead{max-width:42rem;color:var(--muted);margin-top:1.4rem;font-size:clamp(1.05rem,1.5vw,1.32rem);line-height:1.55}.hero-actions,.cta-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.button{min-height:3.15rem;transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 1.3rem;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,oklch(62% .19 255),oklch(56% .17 255));border:1px solid oklch(62% .19 255/.55);box-shadow:0 18px 60px oklch(62% .19 255/.22)}.button-secondary{border:1px solid var(--border);color:var(--fg);background:oklch(100% 0 0/.035)}.button-secondary:hover{background:oklch(68% .22 38/.12);border-color:oklch(68% .22 38/.56)}.hero-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:clamp(2.3rem,5vw,4.6rem);display:grid}.hero-notes span{border:1px solid var(--border);min-height:5rem;color:var(--brand-light);font-family:var(--font-display);background:linear-gradient(oklch(100% 0 0/.055),oklch(100% 0 0/.015));padding:1rem;font-size:clamp(1.1rem,2vw,1.55rem);line-height:1.04}.hero-posters{z-index:1;min-height:clamp(29rem,63vw,47rem);position:relative}.poster{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-deep);transform:rotate(var(--rotate));transition:transform .24s var(--ease-out), filter .24s var(--ease-out);margin:0;position:absolute;overflow:hidden}.poster:hover{filter:saturate(1.12)contrast(1.04);transform:rotate(var(--rotate)) translateY(-8px) scale(1.015)}.poster img{object-fit:cover;width:100%;height:100%}.poster-rose{--rotate:-8deg;aspect-ratio:554/785;width:clamp(9rem,17vw,17rem);top:13%;left:4%}.poster-jogo{--rotate:5deg;aspect-ratio:645/808;width:clamp(9.2rem,18vw,18.3rem);top:3%;right:6%}.poster-pendragon{--rotate:-1deg;aspect-ratio:2/3;width:clamp(12rem,24vw,24rem);bottom:3%;right:21%}.poster-zatan{--rotate:9deg;aspect-ratio:3/4;width:clamp(9rem,18vw,18rem);bottom:12%;left:0}.poster-beam{opacity:.48;filter:blur(18px);pointer-events:none;border-radius:999px;position:absolute}.poster-beam-blue{background:var(--brand-blue);width:35%;height:.65rem;top:18%;right:12%;transform:rotate(-12deg)}.poster-beam-orange{background:var(--brand-orange);width:42%;height:.55rem;bottom:18%;left:5%;transform:rotate(11deg)}.section-heading{max-width:48rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.section-heading h2,.manifesto-title h2,.process-copy h2,.cta-panel h2{font-size:clamp(3rem,7vw,6.8rem)}.section-heading p:not(.section-kicker),.manifesto-copy,.process-copy p,.cta-panel p{color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem)}.section-kicker{font-family:var(--font-mono);margin-bottom:1rem}.manifesto-section{border-top:1px solid var(--border)}.manifesto-grid{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.manifesto-copy{gap:1.25rem;max-width:44rem;display:grid}.manifesto-lead{color:var(--fg);font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1.2}.manifesto-highlights{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:clamp(3rem,7vw,5rem) 0 0;padding:0;list-style:none;display:grid}.manifesto-highlights li{background:var(--bg);min-height:8rem;color:var(--fg);font-family:var(--font-display);padding:1.25rem;font-size:clamp(1.1rem,1.8vw,1.65rem);line-height:1.05}.projects-section{position:relative}.projects-section:before{top:7rem;right:var(--side-pad);content:"";opacity:.5;border:1px solid oklch(62% .19 255/.3);border-radius:50%;width:min(28vw,19rem);height:min(28vw,19rem);position:absolute}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,1.5rem);display:grid}.project-card{border:1px solid var(--border);background:linear-gradient(135deg, oklch(100% 0 0/.06), transparent 40%), var(--surface);min-height:31rem;transition:border-color .22s var(--ease-out), transform .22s var(--ease-out), background .22s var(--ease-out);grid-template-columns:minmax(10rem,.72fr) minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);padding:clamp(.8rem,1.6vw,1rem);display:grid;overflow:hidden}.project-card:hover{background:linear-gradient(135deg, oklch(62% .19 255/.12), transparent 42%), var(--surface);border-color:oklch(62% .19 255/.52);transform:translateY(-6px)}.project-card.accent-orange:hover{background:linear-gradient(135deg, oklch(68% .22 38/.12), transparent 42%), var(--surface);border-color:oklch(68% .22 38/.5)}.project-media{background:var(--bg-deep);min-height:100%;position:relative;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .32s var(--ease-out)}.project-card:hover .project-media img{transform:scale(1.045)}.project-number{color:var(--fg);background:oklch(9% .006 270/.82);padding:.32rem .46rem;position:absolute;top:.75rem;left:.75rem}.project-content{flex-direction:column;justify-content:end;gap:1rem;padding:clamp(.6rem,1.6vw,1rem);display:flex}.project-tag{color:var(--brand-orange)}.accent-blue .project-tag{color:var(--brand-blue)}.project-content h3{font-size:clamp(2rem,3.2vw,3.5rem)}.project-impact{color:var(--fg);font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:700;line-height:1.16}.project-description{max-width:40ch;color:var(--muted);font-size:.98rem}.process-section{border-top:1px solid var(--border)}.process-copy{max-width:58rem}.process-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-top:clamp(2.8rem,6vw,4.6rem);display:grid}.process-list{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.process-item{background:var(--bg);min-height:13rem;padding:clamp(1.2rem,2.5vw,2rem)}.process-item h3{margin-bottom:1rem;font-size:clamp(1.55rem,2.4vw,2.35rem)}.process-item p{max-width:30ch;color:var(--muted)}.mockup-stack{min-height:31rem;position:relative}.mockup-stack:before{content:"";border:1px solid oklch(68% .22 38/.38);position:absolute;inset:12% 5% 10% 10%;transform:rotate(-6deg)}.mockup-stack img{filter:drop-shadow(0 28px 44px #00000073);position:absolute}.mockup-box{width:72%;top:0;left:5%}.mockup-shirt{width:56%;bottom:0;right:0}.cta-section{padding-top:clamp(3rem,8vw,6rem)}.cta-panel{background:linear-gradient(135deg, oklch(62% .19 255/.16), transparent 36%), linear-gradient(315deg, oklch(68% .22 38/.12), transparent 34%), var(--surface);border:1px solid oklch(62% .19 255/.35);grid-template-columns:10rem minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.4rem,4vw,3.2rem);display:grid;position:relative;overflow:hidden}.cta-panel:before{pointer-events:none;content:"";background-image:repeating-linear-gradient(90deg,#0000 0 17px,oklch(100% 0 0/.06) 17px 18px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 50%);mask-image:linear-gradient(90deg,#000,#0000 50%)}.cta-panel>*{position:relative}.cta-panel img{opacity:.92;width:100%}.cta-panel h2{max-width:11ch}.cta-panel p:not(.section-kicker){max-width:45rem;margin-top:1rem}.cta-actions{justify-content:end;margin-top:0}.site-footer{width:min(100%,1440px);padding:3rem var(--side-pad) 2rem;border-top:1px solid var(--border);color:var(--muted);grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:2rem;margin:0 auto;display:grid}.site-footer img{width:9.6rem;height:auto;margin-bottom:1rem}.site-footer p{max-width:31ch}.site-footer nav{flex-wrap:wrap;justify-content:end;gap:.8rem 1.2rem;display:flex}.site-footer nav a{color:var(--muted);font-size:.86rem;font-weight:600}.site-footer nav a:hover{color:var(--fg)}.copyright{font-family:var(--font-mono);letter-spacing:.03em;text-align:right;font-size:.76rem}@media (width<=1100px){.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:7rem}.hero-copy h1{max-width:12ch}.hero-posters{min-height:43rem}.projects-grid,.manifesto-highlights,.process-layout,.cta-panel,.site-footer{grid-template-columns:1fr}.cta-actions,.site-footer nav{justify-content:start}.copyright{text-align:left}}@media (width<=860px){.site-header{grid-template-columns:auto auto;width:calc(100% - 1rem);margin-top:.5rem}.menu-toggle{justify-self:end;display:inline-block}.site-header nav{border:1px solid var(--border);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);background:oklch(9% .006 270/.95);border-radius:1.2rem;gap:0;padding:.7rem;display:grid;position:absolute;top:calc(100% + .5rem);left:0;right:0;transform:translateY(-8px)}.site-header nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header nav a{border-radius:.75rem;padding:.95rem}.site-header nav a:hover{background:oklch(100% 0 0/.06)}.header-cta{display:none}.hero-notes,.manifesto-grid,.projects-grid,.process-list{grid-template-columns:1fr}.project-card{grid-template-columns:1fr;min-height:auto}.project-media{aspect-ratio:4/5}.mockup-stack{min-height:25rem}.cta-panel{grid-template-columns:1fr}.cta-panel img{width:9rem}}@media (width<=560px){.section-pad{padding-block:4.5rem}.hero-section{padding:6.5rem 1rem 3rem}.hero-copy h1{font-size:clamp(3.25rem,17vw,4.6rem)}.hero-actions,.cta-actions{display:grid}.button{width:100%}.hero-posters{min-height:32rem}.poster-rose{width:38%;left:0}.poster-jogo{width:40%;right:0}.poster-pendragon{width:52%;right:12%}.poster-zatan{width:37%;bottom:10%}.section-heading h2,.manifesto-title h2,.process-copy h2,.cta-panel h2{font-size:clamp(2.8rem,15vw,4.2rem)}.manifesto-highlights li,.process-item{min-height:auto}.mockup-stack{min-height:20rem}}