#gh-studio .gh-tour{padding:48px 6%;border-bottom:1px solid var(--line)}
#gh-studio .gh-tour-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px}
#gh-studio .gh-tour h2{font:400 clamp(36px,4.8cqw,60px)/1.05 'Italiana',Georgia,serif;letter-spacing:-1.5px;margin-top:16px}
#gh-studio .gh-tour-heading>p{max-width:38ch;color:var(--muted);font-size:.9375rem;line-height:1.8}
#gh-studio .gh-tour summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;background:#f1e1cb;border:1px solid #d6bb9b;border-radius:8px;font-size:1rem;list-style:none;min-height:64px}
#gh-studio .gh-tour summary::-webkit-details-marker{display:none}
#gh-studio .gh-tour summary:focus-visible{outline:3px solid #b77538;outline-offset:5px}
#gh-studio .gh-tour summary::after{content:'+';font-size:24px}
#gh-studio .gh-tour details[open] summary::after{content:'−'}
#gh-studio .gh-tour-frame{display:block;width:100%;height:min(84svh,900px);min-height:520px;border:1px solid #d6bb9b;border-radius:8px;margin-top:16px;background:#faf7f2}
#gh-studio .gh-tour-status,#gh-studio .gh-tour-note{font-size:.8125rem;line-height:1.8;color:var(--muted);margin-top:16px}
#gh-studio .gh-tour-note a{text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:44px;padding-block:10px}
#gh-studio .gh-real-studio img{aspect-ratio:8/3;object-fit:contain}
#gh-studio .gh-real-studio blockquote{margin:32px 0 0;border-top:1px solid #cfb795;padding-top:28px}
#gh-studio .gh-real-studio blockquote p{font:400 clamp(26px,3cqw,40px)/1.2 'Italiana',Georgia,serif;letter-spacing:-.5px}
#gh-studio .gh-real-studio blockquote footer{font-size:.8125rem;color:#74563f;margin-top:16px;line-height:1.6}
#gh-studio .gh-plan-summary{margin:22px 0 0;display:grid;gap:14px;font-size:.875rem;line-height:1.6}
#gh-studio .gh-plan-summary dt{font-weight:500;color:#553d2b}
#gh-studio .gh-plan-summary dd{margin:3px 0 0;color:#74563f}
#gh-studio .gh-plan-summary a{text-decoration:underline;text-underline-offset:3px}
#gh-studio .gh-migration{padding:26px 6%;margin:0;border-block:1px solid #d6bb9b;background:#f3e4cf}
#gh-studio .gh-migration a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
@container(max-width:700px){#gh-studio .navlinks{gap:14px}}
@container(max-width:700px){#gh-studio .gh-tour-heading{display:block}#gh-studio .gh-tour-heading>p{margin-top:20px;max-width:none}#gh-studio .gh-tour summary{padding:20px}#gh-studio .gh-tour-frame{height:80svh;min-height:480px}}

#gh-studio .gh-owner-view{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:6%;padding:52px 6%;border-bottom:1px solid var(--line)}
#gh-studio .gh-founder-quote{margin:0;padding:32px;background:#fffaf1;border:1px solid #d6bb9b;border-radius:10px}
#gh-studio .gh-founder-quote blockquote{margin:24px 0}
#gh-studio .gh-founder-quote blockquote p{font:400 clamp(28px,3.6cqw,46px)/1.15 'Italiana',Georgia,serif;letter-spacing:-.6px}
#gh-studio .gh-founder-quote figcaption{font-size:.875rem;line-height:1.7;color:#74563f}
#gh-studio .gh-founder-quote figcaption strong,#gh-studio .gh-founder-quote figcaption span{display:block}
#gh-studio .gh-founder-quote .eyebrow{line-height:1.8}
#gh-studio .gh-owner-view h2,#gh-studio .gh-setup h2,#gh-studio .gh-deep-dive>h2{font:400 clamp(36px,4.5cqw,58px)/1.08 'Italiana',Georgia,serif;letter-spacing:-1.3px;margin:16px 0 20px}
#gh-studio .gh-owner-copy>p{font-size:1rem;line-height:1.8;color:#74563f;max-width:35ch}
#gh-studio .gh-calendar-capture{margin:0;min-width:0}
#gh-studio .gh-calendar-capture img{display:block;width:100%;height:auto;border:1px solid #d6bb9b;border-radius:12px;box-shadow:0 12px 30px #80512c10}
#gh-studio .gh-calendar-capture figcaption{font-size:.75rem;line-height:1.6;color:#74563f;margin-top:12px}
#gh-studio .gh-tour summary{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:28px;padding:0 28px 0 0;overflow:hidden}
#gh-studio .gh-tour summary::after{display:none}
#gh-studio .gh-tour-thumbnail{display:block;width:100%;height:200px;object-fit:cover;object-position:top;border-right:1px solid #d6bb9b}
#gh-studio .gh-tour-open-label strong{font-weight:500;font-size:1.25rem;line-height:1.4}
#gh-studio .gh-tour-open-label small{display:block;color:#74563f;font-size:.875rem;margin-top:8px}
#gh-studio .gh-tour-close-label{display:none}
#gh-studio .gh-tour details[open] summary{display:flex;justify-content:space-between;padding:16px 22px;min-height:56px}
#gh-studio .gh-tour details[open] .gh-tour-thumbnail,#gh-studio .gh-tour details[open] .gh-tour-open-label{display:none}
#gh-studio .gh-tour details[open] .gh-tour-close-label{display:block}
#gh-studio .gh-tour details[open] summary::after{display:block}
#gh-studio .gh-plan-founded .gh-trial-note{margin:20px 0 14px;padding:16px;border:1px solid #f3d5a740;border-radius:8px;background:#f3d5a710}
#gh-studio .gh-trial-note strong{font-size:.9375rem;font-weight:500}
#gh-studio .gh-plan-founded .gh-trial-note p{font-size:.875rem;line-height:1.7;margin:8px 0 0;color:#f3d5a7}
#gh-studio .gh-pricing-header h2{font-size:clamp(40px,4.5cqw,60px)}
#gh-studio .gh-pricing .gh-plan{padding:28px}
#gh-studio .gh-pricing .gh-plan-price strong{font-size:64px}
#gh-studio .gh-setup{padding:46px 6%;border-block:1px solid #d6bb9b}
#gh-studio .gh-setup ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:0;margin:28px 0 12px;list-style:none}
#gh-studio .gh-setup li{display:flex;gap:16px;align-items:start}
#gh-studio .gh-setup li>span{font:28px 'Italiana',Georgia,serif;color:#a75d37}
#gh-studio .gh-setup h3{font-size:1rem;font-weight:500;margin-bottom:8px}
#gh-studio .gh-setup p{font-size:.9375rem;line-height:1.7;color:#74563f}
#gh-studio .gh-deep-dive{padding:48px 6%}
#gh-studio .gh-feature-details{border-top:1px solid #d6bb9b}
#gh-studio .gh-feature-details:last-child{border-bottom:1px solid #d6bb9b}
#gh-studio .gh-feature-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;list-style:none}
#gh-studio .gh-feature-details>summary::-webkit-details-marker{display:none}
#gh-studio .gh-feature-details>summary::after{content:'+';font-size:24px}
#gh-studio .gh-feature-details[open]>summary::after{content:'−'}
#gh-studio .gh-feature-details>summary strong{display:block;font-size:1.125rem;font-weight:500;line-height:1.5}
#gh-studio .gh-feature-details>summary small{display:block;font-size:.9375rem;line-height:1.6;color:#74563f;margin-top:5px}
#gh-studio .gh-feature-details>summary:focus-visible{outline:3px solid #b77538;outline-offset:5px}
#gh-studio .gh-feature-details>section{padding-inline:24px}
@container(max-width:700px){
 #gh-studio .hero .art{display:none}
 #gh-studio .gh-migration{grid-template-columns:1fr 1fr;gap:16px;padding-block:22px}
 #gh-studio .gh-migration>div:first-child{grid-column:1/-1}
 #gh-studio .gh-migration p{font-size:.8125rem;line-height:1.6;margin-top:4px}
 #gh-studio .gh-owner-view{grid-template-columns:1fr;gap:24px;padding-block:36px}
 #gh-studio .gh-calendar-capture{width:min(100%,340px);justify-self:center}
 #gh-studio .gh-owner-copy>p{max-width:none}
 #gh-studio .gh-tour{padding-block:36px}
 #gh-studio .gh-tour summary{grid-template-columns:1fr;padding:0;gap:0}
 #gh-studio .gh-tour-thumbnail{height:150px;border-right:0;border-bottom:1px solid #d6bb9b}
 #gh-studio .gh-tour-open-label{padding:20px}
 #gh-studio .gh-studio-story{padding-block:36px;gap:24px}
 #gh-studio .gh-founder-copy h2{font-size:42px;line-height:1.08}
 #gh-studio .gh-founder-copy>p{font-size:.9375rem;line-height:1.7}
 #gh-studio .gh-real-studio blockquote{margin-top:20px;padding-top:20px}
 #gh-studio .gh-setup{padding-block:36px}
 #gh-studio .gh-setup ol{grid-template-columns:1fr;gap:20px;margin-top:24px}
 #gh-studio .gh-setup h3{margin-bottom:5px}
 #gh-studio .gh-pricing{padding-block:36px}
 #gh-studio .gh-pricing .gh-plan{padding:24px}
 #gh-studio .gh-pricing .gh-plan-price strong{font-size:56px}
 #gh-studio .gh-deep-dive{padding-block:36px}
 #gh-studio .gh-feature-details>section{padding-inline:0}
 #gh-studio .gh-feature-details>summary{padding-block:20px}
 #gh-studio .gh-questions{padding-block:36px}
 #gh-studio .gh-footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;padding-top:28px}
 #gh-studio .gh-footer-links a{font-size:.8125rem}
 #gh-studio .gh-footer-intro{grid-column:1/-1}
 #gh-studio .gh-footer-legal{gap:2px 18px}
}