/* SOBE WORKS V19 / Four original, long-form Creative Agency service pages.
   Keeps Commercial Films, Motion Studio and Digital Studio styles intact. */
.a2-rich {--ed-pad:clamp(25px,4.8vw,84px);--ed-orange:#e4572e;--ed-ink:#1a1a1a;--ed-paper:#f2efe8;color:var(--ed-ink)}
.a2-rich .a2-service-intro-layout{padding-bottom:clamp(64px,7.5vw,125px)}
.a2-rich-overline{font:800 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#e4572e;text-transform:uppercase;margin:6px 0 clamp(23px,2.7vw,42px)}
.a2-rich .a2-service-desc{max-width:1000px}
.a2-rich-intro-meta{font:800 10px/1.5 Arial,sans-serif;letter-spacing:.17em;margin:clamp(35px,4vw,64px) 0 0;color:#6e6a65;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.a2-rich-intro-meta b{color:#e4572e}.a2-rich-bullet,.a2-rich-dot{display:inline-block;width:9px;height:9px;background:#e4572e;border-radius:50%;flex:none}
.a2-rich .a2-feature{position:relative}
.a2-rich-story{display:grid;grid-template-columns:21% minmax(0,1fr);gap:6%;padding:clamp(95px,12vw,185px) var(--ed-pad) clamp(90px,10vw,160px)}
.a2-rich-sidelabel,.a2-rich-section-label{font:800 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.17em;color:#77716b;text-transform:uppercase}
.a2-rich-sidelabel{display:flex;align-items:start;gap:11px;padding-top:16px}.a2-rich-sidelabel .a2-rich-dot{margin-top:3px}
.a2-rich-story h2,.a2-rich-services h2,.a2-rich-method h2{font:900 clamp(46px,6.2vw,105px)/.93 Arial,Helvetica,sans-serif;letter-spacing:-.084em;margin:0;color:#161616}
.a2-rich-story h2 em,.a2-rich-services h2 em,.a2-rich-method h2 em{font:400 italic 0.91em/.98 Georgia,'Times New Roman',serif;letter-spacing:-.065em;color:#e4572e}
.a2-rich-story-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,72px);margin-top:clamp(46px,5vw,85px);border-top:1px solid #bdb8b0;padding-top:30px}
.a2-rich-story-columns p{font:400 clamp(16px,1.5vw,23px)/1.55 Georgia,'Times New Roman',serif;letter-spacing:-.015em;color:#4b4741;margin:0;max-width:610px;text-wrap:pretty}
.a2-rich-services{padding:clamp(78px,9vw,145px) var(--ed-pad) clamp(90px,9vw,150px);background:#eae6df}
.a2-rich-services-head{display:grid;grid-template-columns:21% minmax(0,1fr) auto;align-items:start;gap:6%;border-top:1px solid #aba59d;padding-top:23px;margin-bottom:clamp(50px,6vw,95px)}
.a2-rich-services-head .a2-rich-section-label{padding-top:10px}
.a2-rich-services-head h2{font-size:clamp(45px,5.5vw,90px)}
.a2-rich-services-head p{max-width:580px;font:400 clamp(17px,1.65vw,25px)/1.45 Georgia,'Times New Roman',serif;color:#605a54;margin:24px 0 0}
.a2-rich-services-count{font:800 10px/1.3 Arial,sans-serif;letter-spacing:.14em;color:#7d7770;white-space:nowrap;padding-top:10px}
.a2-rich-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#c4beb6;border:1px solid #c4beb6}
.a2-rich-card{background:#eae6df;min-width:0;padding:clamp(25px,3vw,48px) clamp(18px,2.4vw,38px) clamp(45px,4.8vw,80px);transition:background-color .3s ease}
.a2-rich-card:hover{background:#f2efe8}
.a2-rich-card__no{display:flex;justify-content:space-between;align-items:start;font:800 11px/1 Arial,sans-serif;letter-spacing:.12em;color:#e4572e}
.a2-rich-card__no>span{font:400 24px/1 Arial,sans-serif;transition:transform .2s}.a2-rich-card:hover .a2-rich-card__no>span{transform:translate(4px,-4px)}
.a2-rich-card h3{font:900 clamp(23px,2.2vw,35px)/1.04 Arial,sans-serif;letter-spacing:-.055em;margin:clamp(54px,6.1vw,96px) 0 18px;max-width:330px}
.a2-rich-card p{font:400 clamp(15px,1.32vw,20px)/1.45 Georgia,serif;letter-spacing:-.01em;color:#65605a;margin:0;max-width:350px}
.a2-rich-belief{position:relative;isolation:isolate;overflow:hidden;background:#0047ff;color:#f2efe8;padding:clamp(80px,10vw,165px) var(--ed-pad) clamp(65px,7vw,125px);min-height:440px}
.a2-rich-belief:before{content:"";position:absolute;right:-15%;top:-50%;width:55%;aspect-ratio:1;border-radius:50%;border:70px solid #e4572e;opacity:.85;transform:rotate(-25deg);z-index:-1}
.a2-rich-belief .a2-rich-section-label{color:#e3e7fa}
.a2-rich-belief>p{font:900 clamp(40px,6.7vw,112px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.075em;max-width:1290px;margin:clamp(45px,6vw,90px) 0 clamp(46px,6vw,100px);text-wrap:balance}
.a2-rich-belief>p em{font:400 italic .91em/.99 Georgia,serif;letter-spacing:-.07em;color:#f2efe8}
.a2-rich-belief-bottom{font:700 clamp(12px,1.2vw,17px)/1.5 Arial,sans-serif;max-width:450px;display:block;color:#e0e8ff}
.a2-rich-belief-number{position:absolute;right:var(--ed-pad);bottom:20px;font:900 clamp(95px,14vw,220px)/.8 Arial,sans-serif;letter-spacing:-.1em;opacity:.15;pointer-events:none}
.a2-rich--not-used {display:none}
.a2-rich-method{padding:clamp(95px,11vw,165px) var(--ed-pad) clamp(70px,8vw,130px)}
.a2-rich-method-head{display:grid;grid-template-columns:21% minmax(0,1fr);gap:6%;align-items:start}
.a2-rich-method-head .a2-rich-section-label{padding-top:13px}.a2-rich-method h2{font-size:clamp(45px,5.8vw,96px)}
.a2-rich-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,52px);margin-top:clamp(75px,9vw,145px)}
.a2-rich-step{border-top:1px solid #b9b4ac;padding-top:22px;min-width:0}
.a2-rich-step>span{font:850 11px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#e4572e}
.a2-rich-step h3{font:900 clamp(22px,2.4vw,38px)/1.04 Arial,sans-serif;letter-spacing:-.06em;margin:clamp(48px,5.3vw,78px) 0 17px}
.a2-rich-step p{font:400 clamp(16px,1.38vw,21px)/1.52 Georgia,serif;color:#635e58;margin:0;max-width:420px}
.a2-rich-outputs{border-top:1px solid #c1bcb4;border-bottom:1px solid #c1bcb4;margin:0 var(--ed-pad);padding:27px 0 45px;display:grid;grid-template-columns:21% 1fr;gap:6%}
.a2-rich-outputs b{color:#e4572e;margin-left:9px}
.a2-rich-outputs ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}
.a2-rich-outputs li{display:block;border:1px solid #ada79d;padding:14px 18px;font:750 10px/1.2 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;white-space:normal}
/* Accent variation provides identity while retaining the shared design language. */
.a2-service--brand-strategy .a2-rich-belief{background:#1a1a1a}
.a2-service--brand-strategy .a2-rich-belief:before{border-color:#b7b7b9;opacity:.6}
.a2-service--media-pr .a2-rich-belief{background:#e4572e}
.a2-service--media-pr .a2-rich-belief:before{border-color:#0047ff}
.a2-service--social-media .a2-rich-belief{background:#1a1a1a}
.a2-service--social-media .a2-rich-belief:before{border-color:#0047ff}
/* The desktop sidebar is persistent; pages must fit the remaining viewport width. */
@media (min-width:721px) and (max-width:1599px){
 .a2-app.is-menu-open .a2-rich-story{grid-template-columns:1fr;gap:33px}
 .a2-app.is-menu-open .a2-rich-story h2{font-size:clamp(43px,5.5vw,85px)}
 .a2-app.is-menu-open .a2-rich-services-head{grid-template-columns:1fr;gap:20px}
 .a2-app.is-menu-open .a2-rich-services-head h2{font-size:clamp(40px,5.2vw,75px)}
 .a2-app.is-menu-open .a2-rich-services-count{display:none}
 .a2-app.is-menu-open .a2-rich-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .a2-app.is-menu-open .a2-rich-method-head,.a2-app.is-menu-open .a2-rich-outputs{grid-template-columns:1fr;gap:24px}
 .a2-app.is-menu-open .a2-rich-belief>p{font-size:clamp(44px,5.2vw,85px)}
}
@media (min-width:721px) and (max-width:1199px){
 .a2-app.is-menu-open .a2-rich-story-columns{grid-template-columns:1fr;gap:20px}
 .a2-app.is-menu-open .a2-rich-grid{grid-template-columns:1fr}
 .a2-app.is-menu-open .a2-rich-steps{grid-template-columns:1fr;gap:30px;margin-top:60px}
 .a2-app.is-menu-open .a2-rich-step h3{margin-top:24px}
 .a2-app.is-menu-open .a2-rich-services{padding:60px 30px 90px}
 .a2-app.is-menu-open .a2-rich-belief:before{right:-40%}
}
@media (max-width:720px){
 .a2-rich{--ed-pad:23px}
 .a2-rich-overline{font-size:9px;line-height:1.5;margin-top:0;margin-bottom:22px}
 .a2-rich .a2-service-intro-layout{padding-bottom:63px}
 .a2-rich-intro-meta{font-size:9px;letter-spacing:.10em;gap:10px;margin-top:32px}
 .a2-rich-story{display:block;padding:82px var(--ed-pad) 94px}
 .a2-rich-sidelabel{margin:0 0 38px;font-size:9px}
 .a2-rich-story h2,.a2-rich-services h2,.a2-rich-method h2{font-size:clamp(42px,11vw,70px)}
 .a2-rich-story-columns{grid-template-columns:1fr;gap:27px;margin-top:43px;padding-top:25px}
 .a2-rich-story-columns p{font-size:18px;line-height:1.52}
 .a2-rich-services{padding:70px var(--ed-pad) 93px}
 .a2-rich-services-head{display:block;margin-bottom:42px}
 .a2-rich-services-head h2{font-size:clamp(42px,11vw,70px);margin-top:27px}
 .a2-rich-services-head p{font-size:18px}
 .a2-rich-services-count{display:block;margin-top:28px}
 .a2-rich-grid{grid-template-columns:1fr}
 .a2-rich-card{padding:25px 25px 42px}.a2-rich-card h3{font-size:30px;margin-top:45px}.a2-rich-card p{font-size:17px}
 .a2-rich-belief{min-height:440px;padding:77px var(--ed-pad) 88px}
 .a2-rich-belief>p{font-size:clamp(43px,11vw,74px);margin:43px 0 70px}
 .a2-rich-belief:before{right:-62%;width:100%;top:-17%;border-width:45px}
 .a2-rich-belief-bottom{font-size:13px;max-width:250px}
 .a2-rich-belief-number{font-size:120px;right:33px;bottom:28px}
 .a2-rich-method{padding:85px var(--ed-pad) 75px}
 .a2-rich-method-head{display:block}.a2-rich-method-head h2{margin-top:26px}
 .a2-rich-steps{grid-template-columns:1fr;gap:32px;margin-top:67px}
 .a2-rich-step h3{font-size:30px;margin-top:28px}.a2-rich-step p{font-size:17px}
 .a2-rich-outputs{display:block;margin:0 var(--ed-pad);padding:28px 0 33px}
 .a2-rich-outputs ul{margin-top:28px}.a2-rich-outputs li{font-size:9px;padding:12px 13px}
}
/* The media headline is unusually long: fit the persistent desktop index without clipping. */
@media (min-width:1200px){
 .a2-app.is-menu-open .a2-service--media-pr .a2-service-intro-layout h1{font-size:clamp(54px,5.2vw,88px)}
}
@media (prefers-reduced-motion:reduce){.a2-rich-card,.a2-rich-card__no>span{transition:none}}