/* Marina-approved composition; scoped to marketing hero wrappers. */
.marketing-composition{padding:44px 0 38px!important}
.marketing-composition .composition-container{max-width:1320px;margin:auto;padding:0 40px;display:grid;gap:48px;align-items:center}
.composition-b .composition-container{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}
.marketing-composition .home-hero-copy h1{font-size:clamp(48px,4.8vw,66px);line-height:1.08;letter-spacing:-.025em;margin:15px 0 22px;max-width:none}
.marketing-composition .home-hero-copy h1>span{display:block}
.marketing-composition .home-hero-copy h1 .headline-keep{white-space:nowrap}
.marketing-composition .lede{font-size:17px;line-height:1.55;max-width:470px;margin:0 0 20px}
.marketing-composition .paths{margin:20px 0 12px}
.marketing-composition .hero-scope{margin:0;color:#a8b9cd;font-size:12px}
.creator-portrait{min-width:0;align-self:center}
.creator-portrait .by-spags{display:block;margin:0}
.marketing-composition .creator-portrait .by-spags img{display:block;width:100%;height:310px;object-fit:cover;object-position:48% 43%;border-radius:8px;border:1px solid #39516b}
.creator-portrait .by-spags p{margin:14px 0 0;font-size:14px;line-height:1.55;color:#b8c8db}
.creator-portrait .by-spags strong{font-family:Oswald,sans-serif;font-size:21px;color:#fff;font-weight:600}
.creator-portrait .by-spags a{display:inline-flex;align-items:center;min-height:32px}










.join-focused-hero.marketing-composition .composition-container{max-width:1180px;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);gap:60px}
.join-focused-hero.marketing-composition h1{font-size:58px;line-height:1.1;margin:14px 0 18px;max-width:none}
.join-focused-hero.marketing-composition .creator-portrait img{height:210px}
.join-focused-hero.marketing-composition .creator-portrait p{font-size:13px}
.join-focused-hero.marketing-composition .lede{max-width:540px}
@media(min-width:1500px){.marketing-composition{padding-top:54px!important;padding-bottom:48px!important}}
@media(max-width:1100px){.marketing-composition .composition-container{padding:0 28px;gap:32px}.marketing-composition .home-hero-copy h1{font-size:50px}.marketing-composition .creator-portrait .by-spags img{height:280px}.join-focused-hero.marketing-composition .composition-container{gap:32px}.join-focused-hero.marketing-composition h1{font-size:50px}}
@media(max-width:800px){.marketing-composition{padding:28px 0 30px!important}.marketing-composition .composition-container,.join-focused-hero.marketing-composition .composition-container{grid-template-columns:1fr;gap:24px;max-width:690px}.marketing-composition .home-hero-copy h1{font-size:48px}.creator-portrait .by-spags{display:flex;align-items:center;gap:16px}.marketing-composition .creator-portrait .by-spags img,.join-focused-hero.marketing-composition .creator-portrait img{width:118px;height:108px;flex:none;object-position:48% 40%}.creator-portrait .by-spags p{margin:0;font-size:13px}.creator-portrait .by-spags strong{font-size:18px}.join-focused-hero.marketing-composition h1{font-size:44px}}
@media(max-width:600px){.marketing-composition .composition-container{padding:0 20px}.marketing-composition .home-hero-copy h1{font-size:40px;line-height:1.12;margin:14px 0 18px;letter-spacing:-.02em}.marketing-composition .lede{font-size:16px}.marketing-composition .paths{gap:12px 20px;flex-wrap:wrap}.marketing-composition .paths .button{width:auto}.marketing-composition .sp-preview-label{font-size:10px;letter-spacing:.1em}.join-focused-hero.marketing-composition h1{font-size:40px}.marketing-composition .creator-portrait .by-spags img,.join-focused-hero.marketing-composition .creator-portrait img{width:104px;height:96px}.creator-portrait .by-spags a{min-height:44px}.creator-portrait .by-spags strong{font-size:17px}}
/* Shared alignment and a shorter bridge to the product proof. */
@media(min-width:801px){
.composition-b .creator-portrait{width:100%;max-width:380px;justify-self:end}
.composition-b .creator-portrait .by-spags img{height:320px}
.join-focused-hero.composition-b .creator-portrait{max-width:300px}
.join-focused-hero.composition-b .creator-portrait .by-spags img{height:210px}
.homepage-sales:has(.marketing-composition) .shipping-news .container{max-width:1320px;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:center}
.homepage-sales:has(.marketing-composition) .shipping-news .sp-preview-label{grid-column:1;margin:0;font-size:10px}
.homepage-sales:has(.marketing-composition) .shipping-news h2{grid-column:1;margin:5px 0 6px;font-size:27px}
.homepage-sales:has(.marketing-composition) .shipping-news p:not(.sp-preview-label){grid-column:1;margin:0;font-size:14px;max-width:480px}
.homepage-sales:has(.marketing-composition) .shipping-links{grid-column:2;grid-row:1/4;margin:0}
.homepage-sales:has(.marketing-composition) .shipping-news{padding:24px 0}
.homepage-sales:has(.marketing-composition) .home-tool-tour{padding-top:36px}
.homepage-sales:has(.marketing-composition) .tour-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:48px;margin-bottom:20px;align-items:end}
.homepage-sales:has(.marketing-composition) .tour-heading .sp-preview-label{grid-column:1/-1}
.homepage-sales:has(.marketing-composition) .tour-heading h2{font-size:34px;margin:8px 0 0}
.homepage-sales:has(.marketing-composition) .tour-heading p:last-child{margin:0 0 4px;max-width:360px}
.homepage-sales:has(.marketing-composition) .tour-step{padding:32px 0}
}
.marketing-composition .creator-portrait .by-spags{margin:0}
@media(min-width:801px){.join-focused-hero.marketing-composition .composition-container{max-width:1100px;padding:0 24px}.join-focused-hero.composition-b .creator-portrait{max-width:280px}.join-focused-hero.composition-b .creator-portrait .by-spags img{height:230px}}