:root{--ink:#161718;--paper:#f7f7f2;--muted:#bcbebc;--acid:#e2f349;--cobalt:#2946eb;--orange:#ff8752;--play-bg:var(--acid);--play-ink:var(--ink);--play-accent:var(--cobalt);font-family:'Manrope',Arial,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.wordmark,.playground-type{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}img{display:block;max-width:100%;height:auto}button:disabled{cursor:default}[hidden]{display:none!important}.shell{width:min(1380px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--acid);color:var(--ink);padding:14px 20px;z-index:100}.skip-link:focus{top:12px}.concept-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 32px;border-bottom:1px solid #ffffff29;font-size:14px}.concept-bar p{color:var(--muted);font-size:12px}.concept-bar a{text-decoration:underline;text-underline-offset:4px}.studio-header{display:flex;align-items:center;gap:28px;min-height:114px;flex-wrap:wrap;padding-block:24px}.wordmark{font-weight:700;font-size:clamp(1.7rem,2.6vw,2.4rem);letter-spacing:-.075em;line-height:1.1;white-space:nowrap}.wordmark>span{color:var(--acid);margin-left:4px}.studio-header nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:14px}.studio-header nav a{min-height:44px;display:inline-flex;align-items:center;gap:20px}.nav-contact{border-bottom:1px solid #ffffff60}#motion-toggle{border:1px solid #ffffff4d;border-radius:100px;color:var(--paper);background:none;padding:10px 15px;font-size:14px;min-height:44px}#motion-toggle:hover{background:#ffffff15}
.hero{padding-top:28px;padding-bottom:52px}.hero-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;font-size:12px;letter-spacing:.07em;line-height:1.6}.hero-meta>p:last-child{color:var(--muted)}.hero-composition{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:24px;padding-block:36px}.hero-type{position:relative;z-index:1;min-width:0}.hero h1{font-size:clamp(5rem,11.1vw,10.8rem);font-weight:500;letter-spacing:-.075em;line-height:.94}.hero h1>span{display:block;color:var(--acid);padding-bottom:.09em}.hero-type>p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55;color:var(--muted);margin-top:27px}.round-link{width:106px;min-height:106px;border-radius:50%;border:1px solid #ffffff65;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;line-height:1.3;position:absolute;right:12%;bottom:0;transition:background .25s,color .25s,transform .25s}.round-link>span:last-child{font-size:24px}.round-link:hover{background:var(--acid);color:var(--ink);transform:rotate(-8deg)}.hero-art{position:relative;margin-top:55px;transform:rotate(4deg);min-width:0}.hero-art>img{width:100%;height:clamp(310px,32vw,500px);object-fit:cover;object-position:48% 50%;border-radius:2px}.hero-art figcaption{display:flex;justify-content:space-between;gap:16px;padding-block:13px;font-size:12px;color:var(--muted);letter-spacing:.035em}.art-stamp{position:absolute;top:-40px;right:-6px;border-radius:50%;width:110px;height:110px;background:var(--orange);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:800;line-height:1.5;transform:rotate(10deg)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-top:1px solid #ffffff2b;padding-top:27px;margin-top:30px}.hero-bottom>p{font-size:16px;color:var(--muted)}.hero-bottom>a{font-size:14px;display:flex;gap:35px;align-items:center}.hero-bottom>a>span{font-size:24px}.ticker{background:var(--cobalt);color:white;overflow:hidden;padding-block:22px}.ticker-track{display:flex;width:max-content;transform:translateX(0)}.ticker-track>span{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.5rem,3vw,2.6rem);font-weight:500;letter-spacing:-.035em;white-space:nowrap}.ticker-track i{font-style:normal;color:var(--acid);margin-inline:28px}
.work-section{padding-block:112px 105px}.kicker{font-size:12px;letter-spacing:.09em;font-weight:600;margin-bottom:26px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px}h2{font-size:clamp(2.9rem,5.4vw,5.2rem);letter-spacing:-.065em;line-height:1.05}.section-heading>p{max-width:380px;font-size:16px;color:var(--muted);padding-bottom:4px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.work-card{min-width:0}.work-card-offset{padding-top:125px}.work-visual{position:relative;overflow:hidden;aspect-ratio:1.14;background:var(--acid)}.work-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.3,1)}.work-visual-glass{background:#0b2eac}.work-card:hover .work-visual>img{transform:scale(1.035)}.work-index{position:absolute;top:18px;left:18px;background:var(--paper);color:var(--ink);padding:6px 10px;font-size:12px;font-weight:600}.work-caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding-top:23px}.work-caption h3{font-size:30px;line-height:1.2;letter-spacing:-.045em}.work-caption>p{color:var(--muted);font-size:12px;letter-spacing:.02em}.work-details{border-bottom:1px solid #ffffff40;padding-block:12px 16px;margin-top:8px}.work-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:14px;cursor:pointer;min-height:44px}.work-details summary::-webkit-details-marker,.capabilities summary::-webkit-details-marker{display:none}.work-details summary>span,.detail-symbol{font-size:26px;font-weight:400;transition:transform .25s}.work-details[open] summary>span,.capabilities details[open] .detail-symbol{transform:rotate(45deg)}.work-details>p{font-size:16px;color:var(--muted);margin-block:10px 18px;max-width:520px}.work-details .study-note{font-size:12px;margin-bottom:6px}
.studio-section{padding-block:95px;background:var(--paper);color:var(--ink)}.studio-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.studio-aside{font-size:12px;line-height:1.7;letter-spacing:.08em;margin-top:125px;color:#60625f}.studio-grid h2{font-size:clamp(2.8rem,5.7vw,5.5rem)}.studio-grid h2>span{color:#626462}.studio-copy{max-width:540px;font-size:18px;margin-block:35px 43px;line-height:1.7}.capabilities details{border-top:1px solid #16171840}.capabilities summary{list-style:none;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.25rem,2.2vw,1.8rem);letter-spacing:-.04em;display:flex;align-items:center;gap:28px;padding-block:22px;line-height:1.4}.cap-number{font-family:'Manrope',sans-serif;font-size:12px;letter-spacing:0;color:#60625f}.detail-symbol{margin-left:auto}.capabilities details>p{font-size:16px;max-width:560px;margin:0 35px 27px 42px;color:#535653}
.play-section{padding-block:110px}.play-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px}.play-heading h2{font-size:clamp(2.8rem,4.7vw,4.2rem)}#palette-label{font-size:14px;margin-bottom:12px}.palette-options{display:flex;flex-wrap:wrap;gap:8px}.palette-options button{background:none;border:1px solid #ffffff55;color:var(--paper);border-radius:100px;display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;font-size:14px;line-height:1.4}.palette-options button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.swatch{display:block;width:13px;height:13px;flex:0 0 13px;border-radius:50%;border:1px solid #16171855}.swatch-acid{background:var(--acid)}.swatch-tangerine{background:var(--orange)}.swatch-cobalt{background:var(--cobalt)}.type-playground{background:var(--play-bg);color:var(--play-ink);padding:30px 45px 32px;transition:background-color .4s,color .4s}.playground-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.045em}.playground-type{font-size:clamp(4.2rem,11.5vw,11rem);line-height:.98;letter-spacing:-.075em;padding-block:42px 50px;font-weight:500}.playground-type em{font-style:normal;color:var(--play-accent);display:inline-block;transform:translateX(20%);transition:color .4s}.playground-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;font-size:16px;line-height:1.5}.playground-arrow{font-size:6rem;line-height:.85;font-family:Arial,sans-serif}body[data-palette=tangerine]{--play-bg:#ff8752;--play-ink:#161718;--play-accent:#2e37a0}body[data-palette=cobalt]{--play-bg:#2946eb;--play-ink:#ffffff;--play-accent:#e2f349}
.contact-section{background:var(--acid);color:var(--ink);padding-block:80px 64px}.contact-section h2{font-size:clamp(3.4rem,9vw,8.8rem);letter-spacing:-.07em;line-height:1}.contact-section h2>span{color:var(--cobalt)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:44px;margin-top:45px}.contact-bottom>p{max-width:435px;font-size:16px}.contact-link{display:inline-flex;align-items:center;gap:55px;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.045em;border-bottom:2px solid currentColor;padding-bottom:9px;line-height:1.3}.contact-link>span{font-size:1.4em;transition:transform .25s}.contact-link:hover>span{transform:translate(4px,-4px)}.studio-footer{padding-block:43px;display:flex;align-items:center;justify-content:space-between;gap:30px}.studio-footer p{font-size:12px;color:var(--muted)}.studio-footer p a{text-decoration:underline;text-underline-offset:3px}.studio-footer>a:last-child{font-size:14px}
@keyframes ticker-drift{to{transform:translateX(-50%)}}@keyframes art-drift{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}
@media(prefers-reduced-motion:no-preference){body[data-motion=on] .ticker-track{animation:ticker-drift 38s linear infinite}body[data-motion=on] .hero-art{animation:art-drift 8s ease-in-out infinite}.ticker:hover .ticker-track{animation-play-state:paused}}
@media(min-width:1600px){.hero h1{font-size:11.5rem}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.studio-header{gap:20px}.studio-header nav{gap:24px}.hero h1{font-size:11.6vw}.hero-art>img{height:340px}.round-link{position:static;margin-top:24px;width:86px;min-height:86px;font-size:12px}.hero-art{margin-top:10px}.art-stamp{width:92px;height:92px;font-size:12px;top:-32px}.hero-art figcaption{flex-direction:column;gap:3px}.work-grid{gap:30px}.work-card-offset{padding-top:85px}.work-caption{display:block}.work-caption>p{margin-top:12px}.studio-grid{gap:40px;grid-template-columns:.5fr 1.5fr}.play-heading{align-items:start;flex-direction:column}.studio-footer{flex-wrap:wrap}.studio-header #motion-toggle{margin-left:auto}.studio-header nav{margin-left:auto}.hero-bottom{margin-top:10px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.concept-bar{padding:11px 20px;flex-wrap:wrap;gap:7px 14px;font-size:12px}.concept-bar>p{order:3;width:100%;font-size:12px}.concept-bar>a:last-child{margin-left:auto}.studio-header{padding-block:24px;gap:18px;min-height:0}.wordmark{font-size:1.8rem}.studio-header nav{order:3;width:100%;justify-content:space-between;gap:15px;margin:0;border-top:1px solid #ffffff30;padding-top:8px;font-size:14px}.studio-header #motion-toggle{padding:8px 12px;font-size:12px}.hero{padding-top:20px;padding-bottom:35px}.hero-meta{font-size:12px}.hero-meta>p:last-child{max-width:110px;text-align:right}.hero-composition{grid-template-columns:1fr;gap:52px;padding-block:28px 20px}.hero h1{font-size:clamp(5.4rem,18.5vw,8.5rem);line-height:.98}.hero-type>p{margin-top:18px;font-size:16px}.round-link{position:absolute;bottom:0;right:4%;width:85px;min-height:85px;margin:0}.hero-art{width:calc(100% - 14px);margin:0 auto;transform:rotate(2deg)}.hero-art>img{height:auto;aspect-ratio:1.24;object-fit:cover}.hero-art figcaption{flex-direction:row;font-size:12px}.art-stamp{right:0;top:-35px}.hero-bottom{align-items:start;flex-direction:column;gap:18px}.hero-bottom>p{font-size:16px}.hero-bottom>a{justify-content:space-between;width:100%}.ticker{padding-block:17px}.ticker-track>span{font-size:1.6rem}.work-section{padding-block:70px}.section-heading{align-items:start;flex-direction:column;gap:24px;margin-bottom:32px}.section-heading>p{font-size:16px}.kicker{margin-bottom:20px}.work-grid{grid-template-columns:1fr;gap:44px}.work-card-offset{padding-top:0}.work-visual{aspect-ratio:1.2}.work-caption{display:flex}.work-caption>p{margin:0}.studio-section{padding-block:60px}.studio-grid{grid-template-columns:1fr;gap:16px}.studio-aside{display:none}.studio-grid h2{font-size:clamp(2.65rem,8.8vw,4.5rem)}.studio-copy{font-size:16px;margin-block:26px 30px}.capabilities summary{gap:20px;font-size:1.35rem}.capabilities details>p{margin-left:34px;margin-right:0}.play-section{padding-block:65px}.play-heading{gap:28px;margin-bottom:28px}.type-playground{padding:24px 22px}.playground-top{font-size:12px;gap:18px}.playground-top>span:first-child{max-width:125px}.playground-type{font-size:clamp(3.65rem,12.5vw,6rem);padding-block:42px;line-height:1}.playground-type em{transform:translateX(12%)}.playground-bottom{font-size:14px}.playground-arrow{font-size:4.2rem}.contact-section{padding-block:60px 45px}.contact-section h2{font-size:clamp(2.6rem,10vw,5.4rem)}.contact-bottom{align-items:start;flex-direction:column;gap:30px;margin-top:30px}.contact-link{font-size:2rem;gap:48px}.studio-footer{padding-block:32px;align-items:start;flex-direction:column;gap:24px}.studio-footer p{font-size:12px}}
@media(max-width:380px){.studio-header .wordmark{font-size:1.55rem}.studio-header{gap:12px}.round-link{position:static;margin-top:22px}.hero h1{font-size:18vw}.hero-art figcaption{flex-direction:column}.palette-options button{padding:10px 12px}.type-playground{padding-inline:18px}.playground-type{font-size:12vw}.work-caption h3{font-size:27px}.hero-meta{gap:12px}.art-stamp{width:85px;height:85px}.studio-header nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none}.round-link:hover,.work-card:hover .work-visual>img{transform:none}}