.brand{display:flex;align-items:center;gap:13px}.brand img{width:76px;height:76px;object-fit:contain}.site-header{min-height:120px}.hero{grid-template-columns:minmax(300px,.9fr) minmax(0,1.4fr);align-items:center;gap:30px;padding-block:50px 65px}.hero h1{font-size:clamp(42px,4.6vw,66px);line-height:1.04}.hero-intro{font-size:19px;margin-top:27px;max-width:400px}.hero-intro p:first-child{font-size:21px}.hero-intro .button{margin-top:25px}.hero-art{width:100%;height:auto;object-fit:contain;mix-blend-mode:normal;max-height:550px}.showcase{border-top:1px solid var(--line);padding-top:48px}.showcase figure{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center}.showcase-caption{display:block;padding:0}.showcase-caption h2{font-size:35px;margin-bottom:23px}.showcase-caption p{font-size:18px}.showcase-caption p+p{font-size:17px}.showcase-caption a{font-size:18px}.showcase-image{width:100%;height:auto}.section{padding-block:64px}
@media(max-width:900px){.hero{gap:12px}.hero h1{font-size:46px}.hero-intro{font-size:18px}.hero-intro p:first-child{font-size:19px}.showcase figure{gap:30px}.showcase-caption h2{font-size:30px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:36px;gap:20px}.hero h1{font-size:46px}.hero-art{max-height:370px}.hero-intro{max-width:500px}.showcase figure{grid-template-columns:1fr}.showcase-caption h2{font-size:30px}.brand img{width:60px;height:60px}}

.download-brand{display:flex;align-items:center;gap:16px;margin-bottom:20px}.download-brand img{width:76px;height:76px;object-fit:contain;flex-shrink:0}.download-brand h2{margin:0}
@media(max-width:480px){.download-brand{gap:13px}.download-brand img{width:60px;height:60px}.download-brand h2{font-size:38px}}
.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-brand img{width:28px;height:28px;object-fit:contain}

/* A complete campaign, with the preview and its explanation kept together. */
.showcase{padding-top:56px;padding-bottom:72px}.showcase-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:32px}.showcase-heading h2{font-size:clamp(34px,4vw,52px)}.showcase-heading p{max-width:480px;font-size:21px;line-height:1.5;color:var(--muted)}.showcase-preview{display:block;border:1px solid #e5d4b9;border-radius:18px;overflow:hidden;background:#fff3df}.showcase-image{width:100%;height:auto}.showcase-details{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:32px}.showcase-details h3{font-size:27px;letter-spacing:-.025em;line-height:1.2;margin-bottom:16px}.showcase-details p{font-size:18px;max-width:510px}.showcase-play .button{margin-top:22px}.showcase-play .demo-note{font-size:15px;color:var(--muted);margin-top:14px}.showcase-making{border-left:1px solid var(--line);padding-left:36px}.showcase-making p+p{color:var(--muted)}.showcase-making .link-row{gap:16px 24px;margin-top:22px}
@media(max-width:760px){.showcase{padding-top:36px;padding-bottom:48px}.showcase-heading,.showcase-details{grid-template-columns:1fr;gap:24px}.showcase-heading{margin-bottom:24px}.showcase-heading p{font-size:19px}.showcase-details{padding-top:26px;gap:32px}.showcase-making{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.showcase-details h3{font-size:25px}.showcase-preview{border-radius:10px}}

/* Keep the product tagline directly beneath the header wordmark. */
.site-header .brand{min-width:0}.site-header .brand img{flex-shrink:0}.brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.15}.brand-tagline{font-size:14px;line-height:1.35;font-weight:400;letter-spacing:0;color:var(--muted)}