body{--ink:#39219b;--paper:#f2f0e7;background:#f2f0e7;color:#39219b}.a-nav{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:30px 5%}.a-logo{font:20px/.85 SansBold;letter-spacing:-1px;position:relative}.a-logo span{display:block;font:9px Sans;letter-spacing:0;margin-top:12px}.a-nav nav{display:flex;gap:35px;align-items:center;font-size:12px}.a-nav button{background:#39219b;color:#fff;padding:14px 20px;border-radius:0}.a-hero{position:relative;padding:30px 5% 70px;overflow:hidden;isolation:isolate}.a-hero-top{display:flex;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.4px}.a-hero-top>span{font:9px MonoBold;padding-top:5px}.a-hero h1{font:clamp(85px,12.7vw,195px)/.81 SansBold;letter-spacing:-.075em;margin:50px 0 35px}.a-hero h1>span{color:#6a49cc;margin-left:22%}.a-hero h1 em{font-family:Century;font-style:italic;font-weight:normal;letter-spacing:-.065em}.a-hero>button{background:none;border-bottom:1px solid;padding:15px 0;font:12px Sans}.a-orbit{position:absolute;right:12%;top:26%;width:260px;height:260px;z-index:-1;transform:rotate(-20deg)}.a-orbit span{position:absolute;inset:0;border:35px solid #c6ff47;border-radius:50%;transform:scaleX(.42)}.a-orbit span:nth-child(2){transform:rotate(60deg) scaleX(.42)}.a-orbit span:nth-child(3){transform:rotate(120deg) scaleX(.42)}.a-work{padding:85px 5%;background:#ded8ef}.a-work>header{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:55px}.a-work h2{font:30px SansBold;letter-spacing:-1px}.a-work header>div{display:flex;gap:25px;flex-wrap:wrap}.a-work header button{font:11px Sans;background:none;padding:12px 0;border-bottom:1px solid transparent}.a-work header button[aria-pressed=true]{border-color:#39219b}.a-projects{display:grid;grid-template-columns:1.3fr 1fr;gap:70px 6%;align-items:start}.a-project button{padding:0;background:none;display:block;width:100%;text-align:left}.a-project.editorial{margin-top:170px}.a-project.digital{grid-column:1/3;width:80%;margin-top:10px}.a-project figure{overflow:hidden}.a-project img{width:100%;aspect-ratio:1.3;transition:transform .55s}.a-project.editorial img{aspect-ratio:.8}.a-project.digital img{aspect-ratio:1.8}.a-project button:hover img{transform:scale(1.025)}.a-project button>div{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:24px}.a-project h3{font:32px SansBold;letter-spacing:-1.2px}.a-project span{font:11px Sans;white-space:nowrap}.a-project p{font-size:13px;margin-top:18px;max-width:500px}.a-practice{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:100px 7%}.a-practice>span{font:10px MonoBold}.a-practice h2{font:clamp(40px,5vw,74px)/.98 SansBold;letter-spacing:-3px;margin-bottom:40px}.a-practice h2 em{font-family:Century;font-weight:normal}.a-practice p{max-width:580px;font-size:16px;margin-bottom:25px}.a-practice button,.a-send{background:#c6ff47;color:#39219b;padding:18px 25px;font:12px SansBold;margin-top:20px}.a-case{width:min(900px,94vw)}.a-case h2{font-family:SansBold}.a-case h3{font:23px SansBold;margin-top:30px}.a-case img{width:100%;max-height:440px;object-fit:contain;background:#e2ddec}.a-case p{font-size:15px}.a-case .demo-note{font-size:11px}.concept-portfolio .concept-footer{background:#39219b;color:#eee8f7}@media(max-width:700px){.a-nav{padding:25px 6%;gap:20px}.a-logo{font-size:17px}.a-logo span{font-size:8px}.a-nav nav{gap:15px;font-size:10px;flex-wrap:wrap;justify-content:flex-end;max-width:170px}.a-nav button{padding:10px 13px;min-height:42px;font-size:10px}.a-hero{padding:25px 6% 55px}.a-hero-top{font-size:8px}.a-hero-top>span{max-width:120px;font-size:7px;line-height:1.7;text-align:right}.a-hero h1{font-size:clamp(68px,19vw,130px);margin-top:45px;line-height:.9;letter-spacing:-.075em}.a-hero h1>span{margin-left:16%}.a-orbit{right:6%;top:35%;width:140px;height:140px}.a-orbit span{border-width:20px}.a-work{padding:60px 6%}.a-work>header{display:block;margin-bottom:35px}.a-work h2{font-size:26px}.a-work header>div{margin-top:25px;gap:20px}.a-projects{grid-template-columns:1fr;gap:45px}.a-project.editorial{margin:0}.a-project.digital{grid-column:auto;width:100%;margin:0}.a-project.editorial img{aspect-ratio:1.1}.a-project.digital img{aspect-ratio:1.3}.a-project h3{font-size:25px}.a-project span{font-size:9px;white-space:normal}.a-project p{font-size:13px}.a-practice{grid-template-columns:1fr;gap:30px;padding:65px 7%}.a-practice h2{font-size:43px;letter-spacing:-2px}.a-practice p{font-size:15px}}@media(max-width:370px){.a-hero h1{font-size:62px}.a-work>header h2{font-size:24px}}
