@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#10110f;--fg:#f0f0e9;--muted:#a2a39c;--line:#ffffff26;--lime:#d5fc55;--violet:#b3a1ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:7px}::selection{background:var(--lime);color:#10110f}.wrap{max-width:1600px;margin:auto;padding:0 5vw}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-family:'Space Grotesk',sans-serif;font-size:31px;font-weight:700;letter-spacing:-2px}.brand span{font-size:15px;letter-spacing:-.5px;font-weight:400;margin-left:8px}.navlinks{display:flex;gap:35px;align-items:center;font-size:14px}.navlinks a{padding:10px 0;color:#c0c1b9}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--lime)}.navlinks .contact{border:1px solid #71736b;border-radius:40px;padding:11px 20px;color:var(--fg)}.eyebrow{font:500 13px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:2px}.hero{min-height:690px;height:calc(100svh - 100px);max-height:940px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px 0 36px;isolation:isolate}.hero-art{position:absolute;width:70%;height:90%;object-fit:cover;right:-5vw;top:0;z-index:-2;opacity:.88;mask-image:linear-gradient(90deg,transparent,black 22%,black 85%,transparent)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10110f80,transparent 80%)}.hero-top{display:flex;justify-content:space-between}.hero-top .small{color:var(--muted);font-size:13px}.hero h1{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(72px,10.4vw,168px);letter-spacing:-.075em;line-height:.98;max-width:1000px;margin:35px 0}.hero h1 .accent{color:var(--lime)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{max-width:350px;color:#c7c8bf;line-height:1.6;margin:0}.textlink{display:inline-block;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:14px}.hero-index{display:flex;gap:28px}.hero-index a{display:flex;gap:12px;align-items:center;font-size:14px}.hero-index b{color:var(--lime);font-size:12px}.ticker{background:var(--lime);color:#10110f;padding:20px 0;overflow:hidden;border-top:1px solid #10110f}.ticker-inner{display:flex;justify-content:space-around;gap:32px;white-space:nowrap;font:500 clamp(16px,2vw,25px) 'Space Grotesk',sans-serif;letter-spacing:-.5px}.ticker i{font-style:normal}.section{padding:105px 0}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:50px}.section-heading h2{font:500 clamp(35px,4.2vw,64px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0;max-width:700px}.section-heading>p{color:var(--muted);max-width:320px;line-height:1.65;margin:0}.paths{display:grid;grid-template-columns:1fr 1fr;gap:22px}.path{min-height:445px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:35px;overflow:hidden;border:1px solid var(--line);transition:background .3s,transform .3s}.path:hover{transform:translateY(-5px)}.path-music{background:#242038}.path-design{background:var(--lime);color:#171a12}.path-head{display:flex;justify-content:space-between;font-size:13px}.path h3{font:500 clamp(48px,5.4vw,84px)/.95 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:35px 0 25px}.path p{max-width:300px;line-height:1.5}.path .enter{align-self:start;border-bottom:1px solid;padding-bottom:8px;font-size:14px}.path-number{font-family:'Space Grotesk',sans-serif;font-size:130px;line-height:1;position:absolute;right:22px;bottom:12px;opacity:.1;pointer-events:none}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line)}.about h2{font:400 clamp(30px,3.6vw,54px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-1.7px;margin:0 0 28px}.about p{max-width:620px;line-height:1.8;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:36px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer small{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:25px;font-size:14px}.subhero{padding:70px 0 85px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.subhero h1{font:500 clamp(72px,11vw,164px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:40px 0}.subhero .intro{max-width:550px;font-size:20px;line-height:1.6;color:#c7c8bf}.music .accent{color:var(--violet)}.design .accent{color:var(--lime)}.subhero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.pill{border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:13px;display:inline-block}.project{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:40px 0 70px}.project+.project{border-top:1px solid var(--line);padding-top:70px}.project-visual{aspect-ratio:1;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:32px;overflow:hidden;background:#cce852;color:#10110f}.project-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);mix-blend-mode:multiply;opacity:.65}.project-visual>*:not(img){position:relative}.cover-type{font:700 clamp(46px,5.7vw,85px)/.95 'Space Grotesk';letter-spacing:-4px}.meanwhile{background:#b3a1ff}.meanwhile .cover-type{font-weight:400;letter-spacing:-3px}.project h3{font:500 42px/1.1 'Space Grotesk';letter-spacing:-1.7px;margin:24px 0}.project p{color:var(--muted);line-height:1.7}.tracklist{padding:0;list-style:none;margin:25px 0}.tracklist li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:22px}.tracklist span{color:var(--muted);font-size:13px}.button{display:inline-block;padding:15px 24px;border:1px solid var(--line);border-radius:40px;margin-top:15px;font-size:14px;transition:.2s}.button:hover{background:var(--fg);color:var(--bg)}.button.primary{background:var(--lime);color:#10110f;border-color:var(--lime)}.expertise{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.expertise article{border-top:1px solid var(--line);padding-top:25px}.expertise h3{font:500 28px 'Space Grotesk';letter-spacing:-1px}.expertise p{line-height:1.7;color:var(--muted)}.expertise .num{font-size:13px;color:var(--lime)}.statement{background:var(--lime);color:#10110f;padding:80px 5vw}.statement h2{font:500 clamp(38px,6vw,90px)/1.03 'Space Grotesk';letter-spacing:-.05em;margin:28px 0;max-width:1100px}.statement p{max-width:570px;line-height:1.7}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.process h3{font:500 22px 'Space Grotesk'}.process p{color:var(--muted);line-height:1.7}.cta{padding:70px 0 100px}.cta h2{font:500 clamp(45px,6vw,90px)/1.05 'Space Grotesk';letter-spacing:-.05em;max-width:800px;margin:25px 0}.reveal{animation:appear .8s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(min-width:900px){.hero-art{animation:drift 18s ease-in-out infinite alternate}@keyframes drift{to{transform:scale(1.04) translateY(12px)}}} @media(max-width:760px){.wrap{padding:0 6vw}.nav{height:84px}.brand{font-size:27px}.brand span{font-size:13px}.navlinks{gap:17px}.navlinks .contact,.navlinks .studio-link{display:none}.hero{min-height:690px;height:calc(90svh - 84px);padding-top:28px}.hero-top .small{display:none}.hero h1{font-size:clamp(68px,13vw,100px);letter-spacing:-5px}.hero-art{width:115%;height:70%;top:80px;right:-6vw;opacity:.65;mask-image:linear-gradient(180deg,transparent,black 20%,black 70%,transparent)}.hero-bottom{align-items:start;flex-direction:column}.hero-bottom p{max-width:290px;font-size:15px}.hero-index{width:100%;justify-content:space-between;margin-top:10px}.ticker-inner{width:900px;font-size:18px;justify-content:start;padding-left:6vw}.section{padding:70px 0}.section-heading{flex-direction:column;gap:25px}.section-heading h2{letter-spacing:-1.5px}.paths{grid-template-columns:1fr}.path{min-height:390px;padding:28px}.path h3{font-size:65px}.about{grid-template-columns:1fr;gap:30px}.footer-row{align-items:start;flex-wrap:wrap}.footer-links{width:100%}.subhero{padding:45px 0 55px}.subhero h1{font-size:clamp(65px,13vw,100px)}.subhero-bottom{align-items:start;flex-direction:column}.subhero .intro{font-size:18px}.project{grid-template-columns:1fr;gap:25px;padding-top:10px}.project h3{font-size:36px}.cover-type{font-size:65px}.expertise,.process{grid-template-columns:1fr}.expertise{gap:35px}.statement{padding:60px 6vw}.cta{padding:50px 0 70px}.hero-index a{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Design portfolio */
.portfolio{scroll-margin-top:35px;border-bottom:1px solid var(--line)}
.portfolio-kicker{margin:0 0 20px;color:var(--muted)}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 28px;align-items:start}
.work-card{min-width:0}
.work-cover{aspect-ratio:1.48;display:flex;flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden;position:relative}
.work-cover-top{display:flex;justify-content:space-between;gap:15px;font:500 12px 'Space Grotesk',sans-serif;letter-spacing:1px}
.work-word{font:500 clamp(48px,6.3vw,94px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.065em;transition:transform .35s ease;transform-origin:left}
.work-card:hover .work-word{transform:translateX(8px)}
.work-cover-bottom{font-size:14px}
.work-pacaembu{background:#f1e640;color:#171810}
.work-vib3{background:#aea0fa;color:#231548}
.work-blox{background:#d6d9d4;color:#1b2928}
.work-am53{background:#123af0;color:#f5f7ff}
.work-info{padding:24px 0 0}
.work-category{font-size:13px;color:var(--muted);margin:0 0 12px}
.work-info h3{font:500 clamp(24px,2.5vw,36px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:0 0 15px}
.work-description{color:#bcbdb5;line-height:1.7;margin:0 0 20px;max-width:520px}
.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}
.work-tags span{font-size:13px;border:1px solid var(--line);border-radius:50px;padding:7px 12px}
.work-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;font-size:14px;list-style:none}
.work-details summary::-webkit-details-marker{display:none}
.work-details summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.work-details summary:hover{color:var(--lime)}
.work-toggle{font-size:25px;font-weight:400;line-height:1;transition:transform .2s}
.work-details[open] .work-toggle{transform:rotate(45deg)}
.work-detail-body{padding:0 0 20px;max-width:540px}
.work-detail-body h4{font:500 21px/1.3 'Space Grotesk',sans-serif;margin:5px 0 12px;letter-spacing:-.4px}
.work-detail-body p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}
@media(max-width:760px){.work-grid{grid-template-columns:1fr;gap:44px}.work-cover{padding:22px;aspect-ratio:1.4}.work-word{font-size:clamp(45px,11vw,78px)}.work-info h3{font-size:29px}.work-cover-top{font-size:12px;letter-spacing:.4px}.portfolio{scroll-margin-top:20px}}