.studio{padding:8rem var(--gutter);background:var(--ink);position:relative}.studio-statement{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:end;margin-top:4rem}.studio-statement h2{font:400 clamp(3.7rem,8.2vw,8rem)/.82 var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:0}.studio-statement h2 span{color:var(--ember)}.studio-statement p{max-width:31rem;color:var(--bone-muted);line-height:1.7;font-size:clamp(1rem,1.5vw,1.2rem)}.experience-line{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:end;border-top:1px solid var(--line);margin-top:7rem;padding-top:2rem}.experience-line>div{display:flex;align-items:flex-end;gap:1rem}.experience-line strong{font:400 clamp(5rem,10vw,10rem)/.75 var(--display);color:var(--bone)}.experience-line span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--bone-muted);padding-bottom:.3rem}.experience-mark{font:400 3rem var(--display);color:var(--ember);opacity:.5}.contact{position:relative;min-height:90svh;padding:7rem var(--gutter) 2rem;display:flex;flex-direction:column;justify-content:center;background:var(--copper);color:#1b0e13;overflow:hidden}.contact:after{content:"FIREPANDA";position:absolute;font:400 18vw/.8 var(--display);letter-spacing:-.09em;color:rgb(27 14 19 / 8%);bottom:2rem;right:-2vw;white-space:nowrap}.contact>p{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.contact h2{position:relative;z-index:1;font:400 clamp(4rem,10vw,10rem)/.82 var(--display);letter-spacing:-.08em;text-transform:uppercase;margin:3rem 0}.contact h2 span{color:var(--bone)}.contact>a{position:relative;z-index:2;align-self:flex-start;background:var(--ink);color:var(--bone);padding:1.1rem 1.4rem;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;display:flex;gap:3rem}.contact>a span{color:var(--ember)}.contact footer{position:absolute;z-index:2;bottom:1.6rem;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;border-top:1px solid rgb(27 14 19 / 25%);padding-top:1rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:700px){.studio{padding-top:6rem}.studio-statement{grid-template-columns:1fr;gap:2rem}.experience-line{grid-template-columns:1fr;margin-top:5rem}.experience-mark{display:none}.contact{min-height:720px}.contact footer{flex-direction:column;gap:.5rem}}
