/* The studio: a restrained red/white identity story. All selectors are page-scoped. */
.studio-page{--studio-red:#d92c28;--studio-deep:#ab1b20;--studio-pale:#fff2ef;--studio-ink:#232321;--studio-grey:#66635f;color:var(--studio-ink);background:#fff}
.studio-page h1,.studio-page h2,.studio-page h3{font-family:'DM Sans',Arial,sans-serif}
.studio-page .studio-kicker{font-size:16px;line-height:1.45;margin-bottom:25px;color:var(--studio-grey)}
.studio-hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;min-height:calc(100svh - 105px);padding-top:46px;align-items:center}
.studio-hero-copy{position:relative;z-index:2;padding-block:24px 50px}
.studio-hero h1{font-size:clamp(66px,7.35vw,112px);line-height:1.02;letter-spacing:-.062em;font-weight:500}
.studio-hero h1>span{color:var(--studio-red)}
.studio-hero-intro{font-size:clamp(17px,1.48vw,21px);line-height:1.6;letter-spacing:-.015em;color:var(--studio-grey);margin-top:32px}
.studio-hero .text-link{margin-top:24px;font-size:17px}
.studio-mark-stage{position:relative;align-self:stretch;min-height:530px;display:flex;align-items:center;justify-content:center;isolation:isolate;touch-action:pan-y}
.studio-mark{width:112%;max-width:none;flex-shrink:0;overflow:visible;transform:translateX(-3%);pointer-events:none}
.studio-replay{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);padding:10px 16px;white-space:nowrap;border:1px solid #eadbd8;border-radius:50px;display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--studio-grey);font-size:14px;transition:color .2s,border-color .2s}
.studio-replay:hover{color:var(--studio-red);border-color:var(--studio-red)}
.studio-replay>span{font-size:23px;line-height:1}
.studio-replay[disabled]{display:none}
.studio-hero-rule{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);font-size:15px;color:var(--studio-grey);padding:24px 0 29px;align-self:end}
.studio-hero-rule a{display:flex;gap:35px;color:var(--studio-ink)}
.studio-hero-rule a:hover{color:var(--studio-red)}
.studio-chapter{padding-block:85px}
.studio-pause{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;scroll-margin-top:22px}
.studio-chapter h2,.studio-pair h2,.studio-purpose h2{font-size:clamp(44px,5.4vw,80px);line-height:1.05;letter-spacing:-.055em}
.studio-chapter-copy>p:not(.studio-kicker){font-size:19px;line-height:1.65;color:var(--studio-grey);max-width:460px;margin-top:25px}
.studio-inline-mark{color:var(--studio-red);font-size:23px;letter-spacing:-.11em;font-weight:600;margin-inline:3px}
.studio-chapter-copy .text-link{margin-top:20px}
@font-face{font-family:'Studio Mono';src:url('/assets/fonts/geist-mono-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.studio-code-window{min-width:0;background:#28232f;color:#f6eee9;border:1px solid #453d4b;border-radius:17px;transform:rotate(1.2deg);box-shadow:0 18px 45px -28px #30213140;overflow:hidden}
.studio-code-chrome{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #ffffff14;color:#b6aabf;font-family:'Studio Mono',monospace;font-size:12px}
.studio-code-dots{display:flex;gap:7px}.studio-code-dots i{width:7px;height:7px;background:#9b8ca4;border-radius:50%}
.studio-code-prompts{display:grid;grid-template-columns:repeat(3,1fr);padding:0 20px;border-bottom:1px solid #ffffff14}
.studio-code-prompts button{display:flex;align-items:center;gap:9px;padding:18px 7px;color:#c7bdce;font-size:14px;text-align:left;border-bottom:2px solid transparent;white-space:nowrap}
.studio-code-prompts button>span{font-family:'Studio Mono',monospace;font-size:11px;color:#a998b2}
.studio-code-prompts button[aria-selected=true]{border-color:#f38d77;color:#fff}.studio-code-prompts button[aria-selected=true]>span{color:#f38d77}
.studio-code-prompts button:hover{color:#fff}.studio-code-window :focus-visible{outline-color:#f38d77;outline-offset:-4px}
.studio-code-body{padding:24px 27px 28px;min-height:305px;font-family:'Studio Mono',monospace;font-size:clamp(13px,1.1vw,16px);line-height:1.8;outline-offset:-5px}
.studio-code-comment{color:#f2a48f;font-family:inherit;font-size:inherit;line-height:inherit;margin-bottom:17px}
.studio-code-body pre{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.studio-code-body code{font-family:inherit}.code-line{display:block}.code-line b{font-weight:400;color:#c8b5ef}.code-line em{font-style:normal;color:#dfc6a8}
.studio-code-body.is-entering .code-line{animation:thought-line .32s ease both}.studio-code-body.is-entering .code-line:nth-child(2){animation-delay:.035s}.studio-code-body.is-entering .code-line:nth-child(3){animation-delay:.07s}.studio-code-body.is-entering .code-line:nth-child(4){animation-delay:.105s}.studio-code-body.is-entering .code-line:nth-child(n+5){animation-delay:.14s}
@keyframes thought-line{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.motion-paused .studio-code-body.is-entering .code-line{animation:none}
.studio-pair{padding-block:85px;background:var(--studio-pale)}
.studio-pair-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}
.studio-pair-heading>p{max-width:520px;font-size:22px;line-height:1.6;color:#66564f}
.studio-partnership{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;gap:40px;padding:42px 0;margin-top:38px;border-top:1px solid #e5cfca;border-bottom:1px solid #e5cfca}
.studio-partnership h3{font-size:clamp(26px,2.8vw,40px);letter-spacing:-.04em}
.studio-partnership p{max-width:430px;font-size:18px;color:#66564f;line-height:1.65;margin-top:22px}
.studio-partnership article:last-child{justify-self:end}
.studio-pair-mark{height:128px;width:140px;position:relative}
.studio-pair-mark i{position:absolute;top:3px;left:42px;width:14px;height:120px;background:var(--studio-red);transform:rotate(24deg);border-radius:2px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.studio-pair-mark i+i{left:84px}
.studio-partnership:hover .studio-pair-mark i:first-child{transform:rotate(30deg) translateX(-5px)}
.studio-partnership:hover .studio-pair-mark i:last-child{transform:rotate(18deg) translateX(5px)}
.studio-pair-foot{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:35px}
.studio-pair-foot p{font-size:18px;line-height:1.6}
.studio-name{display:grid;grid-template-columns:.95fr .8fr 1.25fr;gap:36px;align-items:center}
.studio-name h2{font-size:clamp(42px,4.2vw,63px)}
.studio-name-heading>p:last-child{font-size:18px;line-height:1.6;color:var(--studio-grey);margin-top:23px}
.studio-name-heading em{font-style:normal}
.studio-name-art{height:300px;display:grid;place-items:center;position:relative}
.studio-character{display:block;width:100%;max-width:320px;height:auto;overflow:visible;fill:#dbd3cf}
.studio-character path{transition:fill .35s ease}
[data-component=bamboo] [data-stroke=bamboo], [data-component=heart] [data-stroke=heart], [data-component=speed] [data-stroke=heart], [data-component=speed] [data-stroke=body]{fill:var(--studio-red)}
.studio-name-content{min-width:0}
.studio-name-tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:25px}
.studio-name-tabs button{display:flex;align-items:center;gap:8px;font-size:17px;padding:13px 0 16px;border-bottom:2px solid transparent;white-space:nowrap;color:var(--studio-grey)}
.studio-name-tabs button>span{font-size:22px}
.studio-name-tabs button[aria-selected=true]{color:var(--studio-red);border-color:var(--studio-red)}
.studio-idea-panel{min-height:230px}
.studio-idea-panel h3{font-size:clamp(25px,2.4vw,35px);letter-spacing:-.04em;line-height:1.16}
.studio-idea-panel p{font-size:17px;line-height:1.65;color:var(--studio-grey);margin-top:20px;max-width:550px}
.studio-purpose{display:grid;grid-template-columns:1.3fr .7fr;gap:65px;align-items:end;border-top:1px solid var(--line);padding-block:95px 110px}
.studio-purpose h2>span{color:var(--studio-red)}
.studio-purpose>div>p{font-size:19px;line-height:1.65;color:var(--studio-grey)}
.studio-purpose .text-link{margin-top:20px}
.motion-paused .studio-partnership:hover .studio-pair-mark i:first-child,.motion-paused .studio-partnership:hover .studio-pair-mark i:last-child{transform:rotate(24deg)}
@media(min-width:1700px){.studio-hero{min-height:820px}.studio-hero h1{font-size:119px}.studio-mark{max-width:620px}.studio-replay{bottom:50px}}
@media(max-width:1100px){.studio-hero{grid-template-columns:1.2fr .8fr;min-height:650px}.studio-hero h1{font-size:clamp(58px,7.5vw,86px)}.studio-mark-stage{min-height:480px}.studio-pause{gap:45px}.studio-code-window{transform:none}.studio-code-body{padding-inline:20px}.studio-code-prompts{padding-inline:12px}.studio-code-prompts button{gap:6px;font-size:13px}.studio-pair-heading{gap:55px}.studio-partnership{gap:25px;grid-template-columns:1fr 100px 1fr}.studio-pair-mark{transform:scale(.8);transform-origin:center}.studio-name{grid-template-columns:1fr .7fr;gap:30px 50px}.studio-name-content{grid-column:1/-1}.studio-name-art{height:240px}.studio-character{max-width:250px}.studio-idea-panel{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:40px}.studio-idea-panel p{margin-top:0}.studio-name-tabs{gap:23px}.studio-purpose{grid-template-columns:1.1fr .9fr}}
@media(max-width:760px){
 .studio-page .studio-kicker{font-size:15px;margin-bottom:19px}
 .studio-hero{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:25px;align-items:stretch}
 .studio-hero-copy{padding-block:12px 0}
 .studio-hero h1{font-size:clamp(49px,10.7vw,79px);letter-spacing:-.055em;line-height:1.05}
 .studio-hero-intro{font-size:17px;line-height:1.6;margin-top:25px}
 .studio-hero-intro br{display:none}
 .studio-hero .text-link{margin-top:18px;font-size:16px}
 .studio-mark-stage{min-height:0;height:335px;margin-top:4px}
 .studio-mark{height:100%;width:auto;max-width:100%;transform:none}
 .studio-replay{bottom:5px;padding:8px 13px;font-size:13px}
 .studio-hero-rule{margin-top:25px;font-size:13px;gap:15px;padding:22px 0}
 .studio-hero-rule a{gap:9px;white-space:nowrap}
 .studio-chapter{padding-block:55px}
 .studio-pause{grid-template-columns:1fr;gap:40px}
 .studio-chapter h2,.studio-pair h2,.studio-purpose h2{font-size:48px;letter-spacing:-.045em}
 .studio-chapter-copy>p:not(.studio-kicker){font-size:17px;margin-top:21px}
 .studio-code-chrome{padding:17px 18px;font-size:10px}
 .studio-code-prompts{padding-inline:9px}.studio-code-prompts button{font-size:12px;gap:5px;padding:16px 3px}.studio-code-prompts button>span{font-size:10px}
 .studio-code-body{font-size:13px;line-height:1.9;padding:21px 16px 25px;min-height:290px}.studio-code-comment{font-size:13px;margin-bottom:16px}
 .studio-pair{padding-block:55px}
 .studio-pair-heading{grid-template-columns:1fr;gap:30px}
 .studio-pair-heading>p{font-size:19px;line-height:1.6}
 .studio-partnership{grid-template-columns:1fr;gap:0;margin-top:40px;padding-block:35px}
 .studio-partnership h3{font-size:30px}
 .studio-partnership p{font-size:17px;margin-top:16px}
 .studio-partnership article:last-child{justify-self:stretch}
 .studio-pair-mark{width:140px;height:98px;transform:rotate(90deg) scale(.6);transform-origin:center;justify-self:center}
 .studio-pair-foot{flex-direction:column;align-items:start;gap:15px;margin-top:30px}
 .studio-pair-foot p{font-size:17px}
 .studio-name{grid-template-columns:1.2fr .8fr;gap:28px 12px}
 .studio-name h2{font-size:38px}
 .studio-name-heading>p:last-child{font-size:15px;margin-top:18px}
 .studio-name-art{height:170px;margin-bottom:0}
 .studio-character{max-width:180px}
 .studio-name-tabs{gap:0;justify-content:space-between;margin-bottom:22px}
 .studio-name-tabs button{font-size:16px;gap:7px}
 .studio-name-tabs button>span{font-size:20px}
 .studio-idea-panel{min-height:180px;display:block}
 .studio-idea-panel h3{font-size:28px}
 .studio-idea-panel p{font-size:16px;margin-top:17px}
 .studio-purpose{grid-template-columns:1fr;gap:30px;padding-block:65px 80px}
 .studio-purpose>div>p{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important;transition:none!important}.studio-code-body.is-entering .code-line{animation:none}.studio-replay{display:none}.studio-partnership:hover .studio-pair-mark i:first-child,.studio-partnership:hover .studio-pair-mark i:last-child{transform:rotate(24deg)}}
