/* Preserve the owner's type scale, violet/ivory palette, imagery and button shapes. */
html{scroll-padding-top:0}section[id],article[id],details[id]{scroll-margin-top:100px}
.header-inner{gap:20px}.desktop-nav{gap:20px}.site-header .menu-toggle{display:none}.has-js .site-header .menu-toggle{display:none}
.footer-navigation{display:flex;flex-wrap:wrap;gap:12px 28px;grid-column:1/-1;padding-top:24px}.site-footer .footer-navigation{flex-direction:row}.site-footer .footer-bottom{margin-top:12px}
.compact-services .offer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
.compact-services .compact-offer{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(0,1.35fr);gap:28px;padding:36px 0;align-items:start;min-width:0}
.compact-services .compact-offer:nth-child(n)>.offer-visual{grid-column:1;grid-row:1;width:100%;justify-self:start;max-width:220px;margin:0;order:0}
.compact-services .compact-offer:nth-child(n)>.offer-content{grid-column:2;grid-row:1;align-items:flex-start;text-align:left;gap:16px;min-width:0;order:1}
.compact-services .compact-offer:nth-child(n) .offer-content p{margin:0;line-height:1.6}
.compact-services .compact-offer:nth-child(n) .text-link{justify-content:flex-start}
.compact-services .compact-offer>.offer-visual img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}
.compact-services .compact-offer#business-package,.compact-services .compact-offer.offer-smm{grid-column:1/-1;grid-template-columns:minmax(160px,.45fr) minmax(0,1.55fr)}
.compact-offer.offer-smm>.home-smm-calculator{grid-column:1/-1;grid-row:2;margin-top:24px}
.compact-offer .offer-action{font-weight:600}.compact-offer .offer-content h3{overflow-wrap:anywhere}
.compact-works{display:block!important;padding-block:60px;border-top:1px solid var(--line)}.compact-works[hidden]{display:none!important}
.compact-works>h2,.compact-faq>h2,.compact-process h2{font-size:var(--public-display-size);line-height:1.12;letter-spacing:-.035em;font-weight:650}
.compact-works>.section-description{max-width:68ch;margin-top:24px}.work-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}.work-examples article{min-width:0}.work-examples img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:var(--radius)}.work-examples h3{font-size:28px;line-height:1.2;letter-spacing:-.02em;margin-top:12px}.work-examples p{font-size:16px;margin-top:12px}.work-examples .work-type,.concept-type{color:var(--muted);font-size:13px}.work-examples .text-link{margin-top:20px}
.compact-process{padding-block:60px}.compact-process .delivery-steps{margin-block:30px}.compact-process .process-photo img{max-height:590px;object-fit:cover;width:100%}.trust-facts{padding-top:20px;border-top:1px solid var(--line);font-size:15px;line-height:1.7}.trust-facts p+p{margin-top:10px}.compact-process .text-link{margin-top:22px}
.compact-faq{display:block;padding-block:60px;border-top:1px solid var(--line)}.compact-faq details{border-bottom:1px solid var(--line);padding:24px 0}.compact-faq summary{cursor:pointer;font-size:20px;font-weight:550;line-height:1.5}.compact-faq details p{max-width:75ch;margin-top:20px;font-size:17px;line-height:1.75}
.direction-helper{margin:28px 0 36px;border-block:1px solid var(--line);padding:20px 0}.direction-helper>summary{font-size:18px;cursor:pointer;min-height:30px}.direction-selector{padding-top:28px}.direction-selector .section-heading{margin-bottom:24px}.direction-selector .section-heading h2{font-size:28px}.direction-selector .config-layout{gap:32px}.journal-note{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:15px}.about-page-content .about-intro{padding-top:60px}.about-intro h1{font-size:var(--public-display-size);line-height:1.12;letter-spacing:-.035em;font-weight:650}.bundle-detail{padding-block:40px}.concept-type{margin-top:20px}
@media(max-width:1199px){.site-header .desktop-nav{display:none}.has-js .site-header .menu-toggle{display:inline-flex}.header-contact{margin-left:auto}.compact-services .offer-list{grid-template-columns:1fr}.compact-services .compact-offer{grid-template-columns:minmax(160px,.45fr) minmax(0,1.55fr)}.compact-services .compact-offer:nth-child(n){grid-column:1}}
@media(max-width:767px){html{scroll-padding-top:0}section[id],article[id],details[id]{scroll-margin-top:86px}.header-inner{gap:16px}.header-contact{display:none}.menu-toggle{margin-left:auto}.compact-services .compact-offer:nth-child(n){grid-template-columns:1fr;gap:24px}.compact-services .compact-offer:nth-child(n)>.offer-visual{grid-column:1;grid-row:1;max-width:240px}.compact-services .compact-offer:nth-child(n)>.offer-content{grid-column:1;grid-row:2}.compact-offer.offer-smm>.home-smm-calculator{grid-column:1;grid-row:3}.work-examples{grid-template-columns:1fr;gap:36px}.work-examples img{max-height:340px}.compact-works,.compact-process,.compact-faq{padding-block:40px}.direction-selector .config-layout{grid-template-columns:1fr}.journal-note{flex-direction:column;align-items:flex-start}.footer-navigation{gap:8px 24px}.about-intro .studio-title-line{white-space:normal}}

/* The calculator belongs to the SMM offer, without a separating rule. */
.compact-offer.offer-smm>.home-smm-calculator{border-top:0;border-block-start:0}

/* Contact headings share the same top inset as the form heading. */
.contact .brief-layout{margin-top:0;align-items:start}
.contact .contact-explainer{padding:28px 0 0}
.contact .contact-explainer>h2{margin:0 0 24px;text-align:left}
.hero-moka .art-caption{display:block;width:100%;text-align:right;margin-left:0}
@media(max-width:767px){.contact .contact-explainer{padding-top:0}}

/* Equal paired rows retain the original two-column safety composition. */
#safety .trust-columns{grid-template-rows:auto repeat(4,minmax(0,1fr)) auto;row-gap:0}
#safety .trust-columns>article{display:grid;grid-row:1 / span 6;grid-template-rows:subgrid;text-align:center}
#safety .trust-columns>article:first-child{grid-column:1}
#safety .trust-columns>article:last-child{grid-column:2}
#safety .trust-columns h3{text-align:center;padding-bottom:22px;margin:0}
#safety .trust-columns ul{display:contents}
#safety .trust-columns li{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 12px;margin:0}
#safety .trust-columns li p{margin:8px auto 0}
#safety .trust-columns .text-link{justify-self:center;justify-content:center;margin-top:24px;text-align:center}
.compact-services .compact-offer#business-package>.offer-content,.compact-services .compact-offer#social-media>.offer-content{align-items:center;text-align:center;justify-self:stretch}
.compact-services .compact-offer#business-package .offer-content .text-link,.compact-services .compact-offer#social-media .offer-content .text-link{justify-content:center}
.compact-services .compact-offer#business-package>.offer-visual,.compact-services .compact-offer#social-media>.offer-visual{justify-self:center}
@media(max-width:767px){#safety .trust-columns{display:block}#safety .trust-columns>article{display:block}#safety .trust-columns>article+article{margin-top:36px}#safety .trust-columns ul{display:block;margin:0}#safety .trust-columns li{min-height:150px}}

/* Featured service image and copy travel as one compact centered group. */
.compact-services .compact-offer.feature-offer{display:block}
.featured-offer-intro{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center;width:100%;max-width:860px;margin-inline:auto}
.compact-services .featured-offer-intro>.offer-visual{width:220px;max-width:220px;margin:0;justify-self:center}
.compact-services .featured-offer-intro>.offer-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.compact-services .featured-offer-intro>.offer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;min-width:0}
.compact-services .featured-offer-intro>.offer-content h3,.compact-services .featured-offer-intro>.offer-content p{margin:0}
.compact-services .featured-offer-intro>.offer-content .text-link{justify-content:center;margin:0}
.hero .hero-moka{display:block;padding:0;min-width:0}
.hero .hero-moka .hero-screen{width:100%;margin:0}
.hero .hero-moka .art-caption{display:block;width:100%;max-width:none;text-align:right;margin:0;padding:16px 0 0}
#free-demo.demo-offer,#faq.compact-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}
#free-demo>.section-photo{grid-column:1;grid-row:1;margin:0}
#free-demo>.demo-offer-copy{grid-column:2;grid-row:1;text-align:right;min-width:0}
#free-demo .demo-offer-copy>h2,#faq .faq-copy>h2{font-size:var(--public-display-size);line-height:1.12;letter-spacing:-.035em;font-weight:650;margin:0 0 28px}
#free-demo .demo-offer-copy p{font-size:18px;line-height:1.7;margin:0}
#free-demo .demo-offer-copy .button{margin-top:24px;justify-self:end}
#free-demo .demo-offer-copy small{display:block;font-size:13px;line-height:1.6;margin-top:18px;color:var(--muted)}
#faq>.faq-copy{grid-column:1;grid-row:1;min-width:0;text-align:left}
#faq>.section-photo{grid-column:2;grid-row:1;margin:0}
.section-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}
#contact .journal-note{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:48px;margin-top:60px}
#contact .journal-note>h2{font-size:var(--public-display-size);line-height:1.12;letter-spacing:-.035em;font-weight:650;margin:0;max-width:23ch}
#contact .journal-note>.button{flex-shrink:0;font-size:18px;min-height:64px;padding:18px 30px;justify-content:center;white-space:normal;text-align:center}
@media(max-width:767px){.featured-offer-intro{grid-template-columns:1fr;gap:24px}.compact-services .featured-offer-intro>.offer-visual{width:min(240px,100%);max-width:240px}#free-demo.demo-offer,#faq.compact-faq{grid-template-columns:1fr;gap:28px}#free-demo>.demo-offer-copy,#faq>.faq-copy{grid-column:1;grid-row:1}#free-demo>.section-photo,#faq>.section-photo{grid-column:1;grid-row:2}#contact .journal-note{align-items:flex-start;gap:24px;padding-top:32px;margin-top:40px}}

/* Symmetric safety introduction and a full-width handoff divider. */
#safety .trust-heading{display:block;text-align:center}
#safety .trust-heading>h2{width:100%;max-width:none;margin:0;text-align:center}
#safety .trust-heading>p{max-width:75ch;margin:24px auto 0;padding:0;text-align:center}
#safety .trust-handoff{width:100%;max-width:none;margin:34px 0 0;padding-top:24px;text-align:center}
/* Broad landscape service photography, alternating like the other sections. */
.compact-services .feature-offer .featured-offer-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;max-width:none;align-items:center}
.compact-services .feature-offer .featured-offer-intro>.offer-visual{width:100%;max-width:none;grid-row:1;justify-self:stretch}
.compact-services .feature-offer .featured-offer-intro>.offer-visual img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
#business-package .featured-offer-intro>.offer-visual{grid-column:1}
#business-package .featured-offer-intro>.offer-content{grid-column:2;grid-row:1}
#social-media .featured-offer-intro>.offer-visual{grid-column:2}
#social-media .featured-offer-intro>.offer-content{grid-column:1;grid-row:1}
@media(max-width:767px){.compact-services .feature-offer .featured-offer-intro{grid-template-columns:1fr;gap:24px}#business-package .featured-offer-intro>.offer-content,#social-media .featured-offer-intro>.offer-content{grid-column:1;grid-row:1}#business-package .featured-offer-intro>.offer-visual,#social-media .featured-offer-intro>.offer-visual{grid-column:1;grid-row:2}}

/* Footer navigation sits opposite the brand, on the right. */
.site-footer .footer-navigation{display:flex;justify-content:flex-end;grid-column:2/-1;grid-row:1;padding-top:0;text-align:right}
@media(max-width:767px){.site-footer .footer-navigation{width:100%;margin-top:24px;justify-content:flex-end}}

/* Lower footer navigation to the divider, aligned with the brand block bottom. */
.site-footer{row-gap:0}
.site-footer .footer-navigation{align-self:end;margin-bottom:0;padding-bottom:0}