*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ad9af6}:root{color:#26382f;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f2eb;font-family:ui-sans-serif,system-ui,sans-serif}.studio{min-height:100svh}.studio-header{color:#f4f2eb;background:#26382f;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:20px 40px;display:flex}.studio-brand{letter-spacing:-2px;font-family:Georgia,serif;font-size:38px}.studio-header>span{font-size:13px}.studio-navigation{border-bottom:1px solid #bfc6bd;gap:8px;padding:16px 40px;display:flex}.studio-navigation button{color:#526358;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:14px;padding:12px 18px;display:flex}.studio-navigation button>span{color:#7a877e;font-size:11px}.studio-navigation button[aria-current=page]{color:#1f4936;background:#dce6db}.studio-navigation button:hover{text-underline-offset:5px;text-decoration:underline}.studio-main{width:100%;max-width:1320px;margin:auto;padding:60px}.studio-intro{border-bottom:1px solid #bfc6bd;margin-bottom:40px;padding-bottom:32px}.studio-intro h1{font-family:Georgia,serif;font-size:clamp(36px,6vw,68px);font-weight:400;line-height:1.1}.studio-intro p{color:#526358;margin-top:18px;line-height:1.7}.studio-content{background:#fffef9;border:1px solid #bfc6bd;align-items:center;gap:32px;min-height:220px;padding:48px;display:flex}.studio-symbol{color:#597561;font-family:Georgia,serif;font-size:88px;line-height:1}.studio-content h2{font-size:20px;font-weight:500}.studio-content p{color:#526358;margin-top:12px;line-height:1.7}.studio-sidebar{grid-template-rows:auto 1fr;grid-template-columns:260px minmax(0,1fr);display:grid}.studio-sidebar .studio-header{grid-column:1/-1}.studio-sidebar .studio-navigation{border-inline-end:1px solid #bfc6bd;border-bottom:0;flex-direction:column;padding:32px 20px;display:flex}.studio-sidebar .studio-main{margin:0}@media (width<=640px){.studio-header{min-height:76px;padding:16px 20px}.studio-main{padding:32px 20px}.studio-sidebar{grid-template-columns:1fr}.studio-sidebar .studio-navigation,.studio-top .studio-navigation{border-inline-end:0;border-bottom:1px solid #bfc6bd;flex-direction:row;gap:0;padding:12px 8px;overflow-x:auto}.studio-sidebar .studio-navigation button,.studio-top .studio-navigation button{white-space:nowrap;gap:8px;padding-inline:12px}.studio-content{gap:20px;padding:28px 20px}.studio-symbol{font-size:64px}}