/* One hero design for the agency's primary information pages. */
.rose-page-hero{position:relative;isolation:isolate;padding:var(--page-hero-padding-desktop,62px) 0;background:radial-gradient(ellipse at 88% 20%,#6b3df430,transparent 60%),#21152f;border-bottom:1px solid #ffffff18;color:#fff;overflow:visible}
.rose-page-hero:before{content:"";position:absolute;inset:0 0 0 48%;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#cbb6ff38 1px,transparent 1.5px);background-size:18px 18px;mask-image:radial-gradient(ellipse at 78% 42%,#000 12%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 78% 42%,#000 12%,transparent 72%)}
.rose-page-hero>.shell{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.rose-page-hero .kicker{color:#d2bfff}
.rose-page-hero h1{max-width:650px;margin:16px 0;font:800 clamp(32px,4vw,52px)/1.13 var(--font-heading);letter-spacing:-.04em;color:#fff}
.rose-page-hero h1>span,.rose-page-hero h1>em{color:inherit;font-style:normal}
.rose-page-hero p{max-width:570px;font-size:16px;line-height:1.8;color:#d6cedf}
.rose-page-hero :is(.about-actions,.services-actions,.projects-hero-actions){display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.rose-page-hero :is(.about-actions,.services-actions,.projects-hero-actions)>a{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 20px;border-radius:6px;font-size:13px;font-weight:700;line-height:1.6}
.rose-page-hero :is(.about-button,.services-primary,.projects-primary){background:var(--purple);color:#fff;border:1px solid transparent}
.rose-page-hero :is(.about-button,.services-primary,.projects-primary):hover{background:var(--purple-hover)}
.rose-page-hero :is(.about-text-link,.services-secondary,.projects-hero-actions>a:nth-child(2)){background:#ffffff0c;border:1px solid #ffffff35;color:#eee5ff}
.rose-page-hero :is(.about-text-link,.services-secondary,.projects-hero-actions>a:nth-child(2)):hover{background:#ffffff18}
.rose-page-hero .projects-hero-note{font-size:15px;color:#c7bbd5;border-color:#ffffff20;margin-top:16px;padding-top:16px}
.rose-page-hero .projects-hero-note strong{color:#fff}.rose-page-hero .projects-hero-note>i{background:#b79aff}
.rose-page-hero .services-hero-visual{max-width:420px;justify-self:end;color:var(--purple)}
.rose-page-hero .projects-hero-art{width:100%;max-width:420px;justify-self:end}
.rose-page-hero.about-hero{padding-bottom:calc(var(--page-hero-padding-desktop,62px) + var(--about-stats-height)/2)}
@media(max-width:900px){.rose-page-hero>.shell{gap:30px}}
@media(max-width:760px){.rose-page-hero>.shell{grid-template-columns:1fr;gap:28px}.rose-page-hero :is(.services-hero-visual,.projects-hero-art){justify-self:center;margin-inline:auto}}
@media(max-width:720px){.rose-page-hero{padding:var(--page-hero-padding-mobile,38px) 0}}
@media(max-width:640px){.rose-page-hero.about-hero{padding-bottom:calc(var(--page-hero-padding-mobile,38px) + var(--about-stats-height)/2)}.rose-page-hero:before{inset:25% 0 0 20%;opacity:.7}}