/* Original Summit Fire artwork, given room to lead. */
:root{--paper:#f8f9fa;--paper-deep:#edf0f2;--ink:#171c21;--muted:#53606a;--line:#dce1e5;--fire:#cc4017;--fire-dark:#ae3210;--container:1320px}
body{background:var(--paper)}
.site-header{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}
.button{border-radius:8px;transition:background .2s,box-shadow .2s,transform .2s}
.button-primary{box-shadow:0 6px 20px #cc40171a}
.button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #cc401730}
.eyebrow{font-weight:700;color:var(--fire-dark)}
.studio-hero{background:#fff;padding-top:1.5rem;overflow:hidden}
.hero-topline{font-size:.875rem;padding-bottom:1.2rem}
.studio-hero-grid{grid-template-columns:.95fr 1.05fr;gap:3rem;padding:3rem 0 3.5rem;align-items:center}
.studio-hero h1{font-size:clamp(3rem,4.8vw,4.85rem);line-height:1.07;letter-spacing:-.06em}
.studio-hero .lead{max-width:44ch;margin-top:1.5rem}
.hero-visual{display:block;position:relative;margin:0;border:1px solid #e2e6e9;border-radius:18px;background:#fff;box-shadow:0 22px 65px #19212b15;isolation:isolate}
.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;object-position:51% center}
.hero-visual figcaption{padding:1.25rem 1.5rem;background:var(--ink);color:white;font-size:1rem}
.hero-visual .visual-index{color:#ffc7aa;font-size:.8125rem}
.hero-foot{padding:1.15rem 0}
.offering-grid{gap:1.25rem;border:0;background:transparent}
.offering{position:relative;overflow:hidden;min-height:0;border:1px solid var(--line);border-radius:14px;background:white;padding:1.7rem;box-shadow:0 5px 24px #15202b05;transition:transform .25s,box-shadow .25s,border-color .25s}
.offering:last-child{border-right:1px solid var(--line)}
.offering:hover{transform:translateY(-5px);box-shadow:0 18px 36px #15202b12;background:white;border-color:#c2cbd2}
.offering-art{width:calc(100% + 3.4rem);max-width:none;height:auto;aspect-ratio:1.65;object-fit:cover;margin:-1.7rem -1.7rem 1.6rem;display:block}
.offering-number{margin-bottom:1rem;font-weight:700}
.offering h3{font-size:1.8rem}.offering p{font-size:1rem}
.studio-dark,.section-dark{background:#171c21}
.studio-dark .eyebrow,.section-dark .eyebrow{color:#ffb997}
.inline-art{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-top:2rem;border:1px solid #ffffff26}
.audit-preview{background:#edf1f4;border-radius:12px;border-top:0;padding:1.75rem;overflow:hidden}
.audit-art{display:block;width:calc(100% + 3.5rem);max-width:none;aspect-ratio:2.1;object-fit:cover;margin:-1.75rem -1.75rem 1.75rem}
.audit-preview li{border-color:#cdd5db}
.section-tint{background:#edf1f4}
.scope-note{background:#edf1f4;border-radius:0 8px 8px 0}
.page-hero{background:#fff;padding:clamp(2.5rem,4.5vw,4.5rem) 0}
.page-hero-grid,.art-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4.5vw,5rem)}
.art-hero-grid .contact-intro{max-width:none;width:auto;margin:0}
.page-hero h1{font-size:clamp(2.5rem,4vw,4.1rem);line-height:1.1;max-width:20ch}
.page-hero .lead{font-size:1.1rem;margin-top:1.4rem}
.page-image-panel,.page-art{display:block;width:100%;max-width:none;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#171c21;box-shadow:0 20px 50px #17233012;transform:none}
.page-image-panel img,.page-art img{display:block;width:100%;height:auto;aspect-ratio:1.38;object-fit:cover}
.page-image-panel div{padding:1.3rem 1.5rem}
.page-art figcaption{display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;color:#d9e0e6;font-size:.875rem;line-height:1.5}
.page-art figcaption span:last-child{color:#ffbb9c;white-space:nowrap}
.page-image-panel strong{font-size:1.05rem}.page-image-panel p{font-size:.9375rem}
.insight-card{padding:1.5rem;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;transition:transform .25s,box-shadow .25s;min-height:0}
.insight-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #15202b12}
.insight-card img{display:block;width:calc(100% + 3rem);max-width:none;aspect-ratio:1.75;object-fit:cover;margin:-1.5rem -1.5rem 1.5rem;border:0}
.insight-card>span{margin-bottom:.9rem}.insight-card h3{font-size:1.35rem;line-height:1.3}
.services-directory{gap:1.5rem}.service-entry{border-radius:14px;padding:1.75rem;overflow:hidden;transition:box-shadow .25s,transform .25s}
.service-entry:hover{box-shadow:0 16px 36px #15202b12;transform:translateY(-3px)}
.service-entry>img{display:block;width:calc(100% + 3.5rem);max-width:none;margin:-1.75rem -1.75rem 1.7rem;aspect-ratio:2;object-fit:cover}
.service-entry:first-child{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;column-gap:2.5rem;padding:0 2.5rem 0 0;background:#171c21}
.service-entry:first-child>img{grid-column:1;grid-row:1/4;width:100%;height:100%;min-height:330px;aspect-ratio:auto;margin:0;object-fit:cover}
.service-entry:first-child h3{margin-top:2.5rem}.service-entry:first-child>span{margin-bottom:2.5rem;color:#ffb997}
.detail-panel,.pricing-card,.contact-card,.aside-card,.faq-card{border-radius:12px}
.detail-panel,.pricing-card{border-top:2px solid #d8dfe5}
.pricing-card:nth-child(2){border-top-color:var(--fire)}
.workflow-path article{border-radius:0 0 10px 10px;border-top-color:var(--fire)}
.final-cta-card{border-radius:16px;background:#171c21;border-left:5px solid var(--fire)}
.final-cta-card .eyebrow{color:#ffbb9c}
.closing-line{border-top:0;padding:clamp(2rem,5vw,4.5rem);border-radius:18px;background:#171c21;color:#fff;border-left:5px solid var(--fire)}
.closing-line h2{color:#fff;font-size:clamp(2.5rem,5.5vw,5rem)}.closing-line .eyebrow{color:#ffbb9c}
.site-footer{background:#11171c}.site-footer .footer-brand{border-radius:8px}
@media(min-width:841px){.studio-hero-grid>div{animation:art-enter .65s both}.hero-visual{animation:art-enter .85s both}}
@keyframes art-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.studio-hero-grid{gap:2rem;grid-template-columns:1fr 1fr}.studio-hero h1{font-size:clamp(3rem,5vw,4.5rem)}.page-hero-grid,.art-hero-grid{gap:2rem}.page-hero h1{font-size:clamp(2.4rem,4vw,3.5rem)}}
@media(max-width:840px){.studio-hero-grid,.page-hero-grid,.art-hero-grid{grid-template-columns:1fr}.studio-hero h1{font-size:clamp(3rem,8vw,4.7rem);max-width:17ch}.hero-visual{display:block}.hero-visual img{aspect-ratio:1.6}.page-art img,.page-image-panel img{aspect-ratio:1.7}.page-image-panel,.page-art{max-width:none}.offering-grid{grid-template-columns:1fr}.offering{display:grid;grid-template-columns:.85fr 1.15fr;column-gap:1.6rem;padding:1.5rem}.offering-art{grid-column:1;grid-row:1/5;width:100%;height:100%;min-height:230px;aspect-ratio:auto;margin:0;border-radius:8px}.offering-number,.offering h3,.offering p,.offering-bottom{grid-column:2}.offering p{margin-bottom:1rem}.service-entry:first-child{column-gap:1.5rem;padding-right:1.5rem}.service-entry:first-child>img{min-height:370px}.page-hero h1{max-width:24ch}.page-hero .lead{max-width:55ch}}
@media(max-width:640px){.studio-hero-grid{padding:2rem 0;gap:2rem}.hero-visual{border-radius:12px}.hero-visual img{aspect-ratio:1.4}.hero-visual figcaption{padding:1rem;font-size:.9375rem}.visual-index{max-width:9ch;white-space:normal;text-align:right}.page-image-panel,.page-art{display:block;border-radius:12px}.page-art figcaption{flex-wrap:wrap;gap:.25rem}.page-art img,.page-image-panel img{aspect-ratio:1.5}.offering{display:flex;padding:1.5rem}.offering-art{width:calc(100% + 3rem);height:auto;min-height:0;aspect-ratio:1.8;margin:-1.5rem -1.5rem 1.5rem;border-radius:0}.offering-number{margin-bottom:.7rem}.service-entry:first-child{display:block;padding:1.5rem}.service-entry:first-child>img{width:calc(100% + 3rem);height:auto;min-height:0;aspect-ratio:1.5;margin:-1.5rem -1.5rem 1.5rem}.service-entry:first-child h3{margin-top:0}.service-entry:first-child>span{margin-bottom:0}.audit-preview{padding:1.5rem}.audit-art{width:calc(100% + 3rem);margin:-1.5rem -1.5rem 1.5rem}.hero-topline{font-size:.8125rem}.closing-line{width:calc(100% - 2.5rem)}.inline-art{aspect-ratio:1.6}.page-hero .hero-actions{align-items:stretch}.page-hero .hero-actions .text-link{justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.offering:hover,.insight-card:hover,.service-entry:hover,.button-primary:hover{transform:none}}
