.studio-home{--studio-rule: color-mix(in srgb, var(--border-color) 78%, transparent);--studio-paper: color-mix(in srgb, var(--surface-elevated) 94%, transparent);display:grid;gap:clamp(2.2rem,6vw,4.8rem)}.studio-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);gap:clamp(2rem,6vw,5rem);overflow:hidden;padding:clamp(2.2rem,6vw,4.6rem);border:1px solid var(--studio-rule);border-radius:var(--radius-large);background:linear-gradient(155deg,var(--studio-paper),var(--accent-wash));box-shadow:var(--shadow-md);animation:studio-enter .26s var(--ease-emphasized) both}.studio-hero:after{position:absolute;right:-4.5rem;bottom:-7.5rem;inline-size:17rem;block-size:17rem;border:1px solid color-mix(in srgb,var(--accent-color) 34%,transparent);border-radius:50%;background:color-mix(in srgb,var(--accent-gold) 15%,transparent);content:"";pointer-events:none}.studio-hero__copy,.studio-process{position:relative;z-index:1}.studio-kicker{margin:0 0 .7rem;color:var(--accent-strong);font-family:var(--font-mono);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.studio-hero h1{margin:0;color:var(--heading-color);font-size:clamp(3.4rem,11vw,7.4rem);font-weight:700;letter-spacing:-.065em;line-height:.88}.studio-hero__lead{max-inline-size:21ch;margin:clamp(1.6rem,4vw,2.6rem) 0 0;color:var(--heading-color);font-size:clamp(1.4rem,3.3vw,2.2rem);font-weight:650;line-height:1.2;text-wrap:balance}.studio-hero__intro{max-inline-size:39rem;margin:1rem 0 0;color:var(--text-soft);font-size:clamp(1rem,1.8vw,1.1rem);line-height:1.8;text-wrap:pretty}.studio-process{display:grid;align-self:end;margin:0;border-top:1px solid var(--studio-rule)}.studio-process div{padding:1rem 0;border-bottom:1px solid var(--studio-rule)}.studio-process dt{color:var(--heading-color);font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.studio-process dd{margin:.38rem 0 0;color:var(--text-soft);font-size:.91rem;line-height:1.6}.studio-doors,.studio-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,1.5rem)}.studio-doors{animation:studio-enter .26s 70ms var(--ease-emphasized) both}.studio-door{position:relative;display:grid;min-block-size:22rem;min-inline-size:0;align-content:end;overflow:hidden;padding:clamp(1.5rem,4vw,2.4rem);border:1px solid var(--studio-rule);border-radius:var(--radius-large);box-shadow:var(--shadow-sm);color:inherit;isolation:isolate;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-emphasized)}.studio-door:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,transparent 55%,var(--accent-wash)),var(--studio-paper);content:""}.studio-door--articrafts:before{background:linear-gradient(145deg,var(--studio-paper),var(--accent-wash))}.studio-door__number{position:absolute;top:1.35rem;right:1.5rem;color:color-mix(in srgb,var(--accent-strong) 72%,var(--text-soft));font-family:var(--font-mono);font-size:.78rem}.studio-door__eyebrow{color:var(--accent-strong);font-family:var(--font-mono);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.studio-door h2{margin:.4rem 0 0;color:var(--heading-color);font-size:clamp(2.2rem,5vw,3.5rem);line-height:1}.studio-door p{max-inline-size:31rem;margin:1rem 0 0;color:var(--text-soft);line-height:1.7}.studio-door__action{display:inline-flex;align-items:center;gap:.35rem;justify-self:start;margin-block-start:1.6rem;padding:.5rem .72rem;border:1px solid color-mix(in srgb,var(--accent-color) 56%,transparent);border-radius:var(--radius-small);background:color-mix(in srgb,var(--accent-wash) 72%,transparent);color:var(--accent-text);font-weight:700;transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.studio-door__action>span{transition:transform var(--motion-fast) var(--ease-emphasized)}.studio-section-heading{display:grid;max-inline-size:42rem;margin-block-end:1.6rem}.studio-section-heading h2,.studio-materials h2{margin:0;color:var(--heading-color);font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;text-wrap:balance}.studio-section-heading>p:last-child,.studio-materials>div>p:last-child{margin:.75rem 0 0;color:var(--text-soft)}.studio-track{min-inline-size:0;overflow:hidden;border:1px solid var(--studio-rule);border-radius:var(--radius-medium);background:var(--studio-paper);box-shadow:var(--shadow-sm);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-emphasized)}.studio-track__heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-bottom:1px solid var(--studio-rule)}.studio-track__heading p{margin:0 0 .2rem;color:var(--text-soft);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.studio-track__heading h3{margin:0;color:var(--heading-color);font-size:1.25rem}.studio-track__heading>a{flex:none;padding:.42rem .65rem;border-radius:var(--radius-small);background:var(--accent-wash);color:var(--accent-text);font-size:.88rem;font-weight:700;text-decoration:none;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-emphasized)}.studio-list{margin:0;padding:0;list-style:none}.studio-list li+li{border-top:1px solid var(--studio-rule)}.studio-list a{display:flex;min-inline-size:0;flex-direction:column;gap:.65rem;padding:1.25rem 1.35rem;color:inherit;text-decoration:none;transition:background-color var(--motion-fast) var(--ease-standard),transform var(--motion-base) var(--ease-emphasized)}.studio-list__body{min-inline-size:0}.studio-list h4{margin:0;overflow-wrap:anywhere;color:var(--heading-color);font-size:1.06rem;line-height:1.4;text-wrap:pretty;transition:color var(--motion-fast) var(--ease-standard)}.studio-list__body p{display:-webkit-box;overflow:hidden;margin:.42rem 0 0;color:var(--text-soft);font-size:.9rem;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-list time{color:var(--text-soft);font-family:var(--font-mono);font-size:.72rem;font-variant-numeric:tabular-nums}.studio-empty{min-block-size:8rem;margin:0;padding:1.5rem 1.35rem;color:var(--text-soft);font-style:italic}.studio-materials{display:grid;grid-template-columns:minmax(14rem,.75fr) minmax(0,1.25fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--studio-rule);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--studio-paper) 72%,transparent)}.studio-materials ul{display:flex;min-inline-size:0;flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none}.studio-materials>ul>li{max-inline-size:100%;overflow-wrap:anywhere;padding:.45rem .75rem;border:1px solid var(--studio-rule);border-radius:999px;background:var(--studio-paper);color:var(--text-color);font-family:var(--font-mono);font-size:.78rem}@media(hover:hover)and (pointer:fine){.studio-door:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-.125rem)}.studio-door:hover .studio-door__action{border-color:var(--accent-color);background:var(--accent-wash)}.studio-door:hover .studio-door__action>span,.studio-track__heading>a:hover{transform:translate(.18rem)}.studio-track:hover,.studio-track:focus-within{border-color:color-mix(in srgb,var(--accent-color) 72%,var(--studio-rule));box-shadow:var(--shadow-md);transform:translateY(-.125rem)}.studio-list a:hover{background:var(--accent-wash);transform:translateY(-.125rem)}.studio-list a:hover h4{color:var(--accent-strong)}}.studio-door:active,.studio-list a:active{transform:scale(.99)}.studio-door:focus-visible,.studio-track:focus-within{border-color:var(--accent-color);box-shadow:var(--shadow-md);outline:3px solid var(--focus-ring);outline-offset:-3px;transform:translateY(-.125rem)}.studio-door:focus-visible .studio-door__action{border-color:var(--accent-color);background:var(--accent-wash)}.studio-door:focus-visible .studio-door__action>span{transform:translate(.18rem)}.studio-list a:focus-visible{background:var(--accent-wash);transform:translateY(-.125rem)}.studio-list a:focus-visible h4{color:var(--accent-strong)}.studio-track__heading>a:focus-visible{background:var(--accent-wash);transform:translate(.18rem)}.studio-door:focus-visible,.studio-list a:focus-visible,.studio-track__heading a:focus-visible{outline-offset:-.25rem}@media(max-width:760px){.studio-hero,.studio-doors,.studio-tracks,.studio-materials{grid-template-columns:1fr}.studio-hero{padding:2rem 1.3rem}.studio-door{min-block-size:18rem}.studio-materials{padding-inline:1.3rem}}@media(max-width:420px){.studio-home{gap:2.5rem}.studio-hero h1{font-size:clamp(3rem,20vw,4.5rem)}.studio-track__heading{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.studio-hero,.studio-doors{animation:none}.studio-door,.studio-door__action,.studio-door__action>span,.studio-track,.studio-track__heading>a,.studio-list a,.studio-list h4{transition:none}.studio-door:hover,.studio-track:hover,.studio-track:focus-within,.studio-list a:hover,.studio-list a:focus-visible,.studio-door:focus-visible,.studio-door:active,.studio-list a:active,.studio-door:hover .studio-door__action>span,.studio-door:focus-visible .studio-door__action>span,.studio-track__heading>a:hover,.studio-track__heading>a:focus-visible,.studio-track__heading>a:active{transform:none;transition:none}}@keyframes studio-enter{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}