/* Offer narrative. Scope every rule to these two edited surfaces. */
.services-story{--ss-ink:#241d28;--ss-plum:#302337;--ss-paper:#f1eee7;color:var(--ss-ink)}
.services-story h1,.services-story h2,.services-story h3,.home-collaboration a>span{font-weight:400;letter-spacing:-.055em}
.services-story .ss-hero{display:grid;grid-template-columns:1.02fr 1fr;background:var(--ss-plum);color:var(--ss-paper);min-height:650px}
.ss-hero-copy{padding:150px 5vw 65px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.ss-hero-copy>.eyebrow{font-size:10px;letter-spacing:.09em;color:#d9cbdc;margin-bottom:34px}
.services-story .ss-hero h1{font-size:clamp(65px,7.3vw,112px);line-height:.95;margin:0 0 15px}
.ss-hero-copy .ss-hero-statement{font-size:clamp(24px,2.55vw,39px);letter-spacing:-.04em;line-height:1.2;margin:0 0 25px;color:#e0cbe7}
.ss-hero-copy>p:not(.ss-hero-statement){font-size:16px;line-height:1.7;max-width:42ch;color:#e5dce7;margin:0 0 30px}
.ss-hero figure{margin:0;position:relative;min-width:0;overflow:hidden}.ss-hero figure>img{width:100%;height:100%;object-fit:cover;object-position:58% center;position:absolute;inset:0}.ss-hero figcaption{position:absolute;bottom:25px;left:25px;right:25px;background:#302337cc;color:#f1eee7;padding:10px 14px;font:10px/1.5 var(--mono)}
.ss-button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;color:inherit;border:1px solid #f1eee77a;padding:15px 20px;font-size:14px;text-decoration:none;transition:background .2s,color .2s}.ss-button:hover{background:#f1eee7;color:#302337}.ss-button-dark{background:#302337;color:#f1eee7;border-color:#302337}.ss-button-dark:hover{background:#4b3655;color:#fff}
.ss-page-nav{padding:23px 5vw;border-bottom:1px solid #30233733;display:flex;gap:55px;font-size:12px}.ss-page-nav a{color:inherit;text-decoration:none}.ss-page-nav a:hover{text-decoration:underline}
.ss-intro{padding:95px 5vw 100px;display:grid;grid-template-columns:1.1fr 1fr;column-gap:9vw;align-items:start}.ss-intro>.eyebrow{grid-column:1/-1;margin-bottom:30px;color:#6f6273}.services-story .ss-intro h2{font-size:clamp(35px,4vw,60px);line-height:1.08;margin:0}.ss-intro p{font-size:17px;line-height:1.75;margin:0 0 18px;max-width:49ch}.ss-text-link{display:inline-block;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;font-size:13px;padding-bottom:5px;margin-top:10px}.ss-text-link:hover{opacity:.65}
.ss-disciplines{padding:0 5vw 35px;scroll-margin-top:110px}.ss-discipline{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;border-top:1px solid #30233733;padding:55px 0}.ss-work-image{position:relative;display:block;background:#e0ddd4;color:#f1eee7;text-decoration:none;overflow:hidden;aspect-ratio:1.24}.ss-work-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.ss-work-image:hover img{transform:scale(1.025)}.ss-work-image>span{position:absolute;bottom:0;left:0;right:0;padding:50px 22px 20px;background:linear-gradient(transparent,#201923c9);font:11px/1.6 var(--mono);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.ss-work-image b{font-weight:400}.ss-design-image img{object-fit:contain}.ss-discipline-copy>.eyebrow{font-size:10px;color:#6b5e70}.services-story .ss-discipline h2{font-size:clamp(35px,4vw,59px);line-height:1.05;margin:25px 0}.ss-discipline-copy>p{font-size:16px;line-height:1.75;max-width:46ch;margin:0 0 12px}.ss-specialisms{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:35px;border-top:1px solid #30233726;padding-top:20px;font-size:12px}.ss-specialisms>span{display:block;flex-basis:100%;font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#726776;margin-bottom:5px}.ss-specialisms a{color:inherit;text-decoration:none}.ss-specialisms a:hover{text-decoration:underline}.ss-discipline-note{border-top:1px solid #30233726;padding-top:20px;margin-top:35px!important;font-size:12px!important;color:#726776}.ss-reverse .ss-work-image{grid-column:2;grid-row:1}.ss-reverse .ss-discipline-copy{grid-column:1;grid-row:1;padding-right:1vw}
.ss-collaboration{background:#e4e6dd;padding:80px 5vw;scroll-margin-top:100px}.ss-section-heading{display:grid;grid-template-columns:1.1fr 1fr;column-gap:9vw}.ss-section-heading>.eyebrow{grid-column:1/-1;margin-bottom:26px;color:#6d6170}.services-story .ss-section-heading h2{font-size:clamp(37px,4.3vw,65px);line-height:1.05;margin:0}.ss-section-heading>p{font-size:16px;line-height:1.75;max-width:45ch;margin:0}.ss-engagements{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:60px}.ss-engagements article{border-top:1px solid #30233755;padding-top:26px}.ss-engagements .eyebrow{font-size:10px;color:#6e6273}.services-story .ss-engagements h3{font-size:clamp(30px,3.3vw,49px);line-height:1.1;margin:24px 0 18px}.ss-engagements p{font-size:15px;line-height:1.75;max-width:49ch;margin:0 0 14px}
.ss-process{padding:85px 5vw 95px;scroll-margin-top:100px}.ss-process ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:55px 0 0;padding:0;gap:4vw}.ss-process li{border-top:1px solid #30233744;padding-top:18px}.ss-process li>span{font:11px var(--mono);color:#746778}.services-story .ss-process h3{font-size:25px;line-height:1.15;margin:28px 0 18px;max-width:17ch}.ss-process li p{font-size:14px;line-height:1.8;max-width:37ch;margin:0}
.ss-manager{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:#302337;color:#f1eee7;padding:75px 8vw}.ss-manager-logo{width:210px;height:auto;max-height:65px;object-fit:contain;object-position:left}.services-story .ss-manager h2{font-size:clamp(36px,4.3vw,65px);line-height:1.05;margin:38px 0 25px}.ss-manager p{font-size:16px;line-height:1.75;max-width:43ch}.ss-manager .ss-manager-detail{font-size:12px;color:#d2c3d7;margin-bottom:28px}.ss-manager-demo{display:flex;justify-content:center}.ss-manager .manager-phone-demo{max-width:340px;width:100%}.ss-manager .manager-phone{box-shadow:0 25px 65px #140e1955}
.ss-final{padding:95px 5vw;display:grid;grid-template-columns:1.1fr 1fr;gap:0 9vw}.ss-final>.eyebrow{grid-column:1/-1;color:#716575;margin-bottom:25px}.services-story .ss-final h2{font-size:clamp(45px,5.8vw,87px);line-height:1.02;margin:0}.ss-final p{font-size:17px;line-height:1.7;max-width:35ch;margin:0 0 28px}.ss-final .ss-text-link{display:table;margin-top:20px}
.home-collaboration{padding:30px 4vw 36px;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:4vw;background:#e8e9e2;border-bottom:1px solid #30233733;align-items:start}.home-collaboration>.eyebrow{color:#6b5e70;font-size:10px;padding-top:9px}.home-collaboration>a{color:inherit;text-decoration:none;position:relative;padding-right:35px}.home-collaboration a>span{font-size:30px;line-height:1.1}.home-collaboration p{font-size:13px;line-height:1.7;max-width:34ch;margin:10px 0 0}.home-collaboration b{position:absolute;right:0;top:3px;font-size:23px;font-weight:400}.home-collaboration a:hover>span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.services-story a:focus-visible,.home-collaboration a:focus-visible{outline:3px solid #b98bc8;outline-offset:5px}
@media(max-width:850px){.ss-hero-copy{padding:135px 5vw 55px}.services-story .ss-hero{min-height:590px}.ss-page-nav{gap:25px}.ss-intro,.ss-section-heading{column-gap:5vw}.ss-discipline{gap:5vw}.ss-work-image{aspect-ratio:.85}.ss-work-image>span{font-size:9px;padding:40px 14px 14px}.ss-manager{padding-inline:5vw;gap:4vw}.home-collaboration{grid-template-columns:.7fr 1fr 1fr;gap:3vw}}
@media(max-width:600px){.services-story .ss-hero{grid-template-columns:1fr}.ss-hero-copy{padding:120px 22px 45px}.services-story .ss-hero h1{font-size:77px}.ss-hero-copy>.eyebrow{margin-bottom:25px;font-size:9px}.ss-hero-copy .ss-hero-statement{font-size:29px}.ss-hero figure{height:300px}.ss-hero figure>img{object-position:center 48%}.ss-hero figcaption{bottom:16px;left:16px;right:16px;font-size:9px}.ss-page-nav{padding:20px 22px;gap:14px 24px;flex-wrap:wrap;font-size:11px}.ss-intro{padding:55px 22px;grid-template-columns:1fr;gap:24px}.ss-intro>.eyebrow{margin:0}.services-story .ss-intro h2{font-size:42px}.ss-intro p{font-size:15px}.ss-disciplines{padding:0 22px 15px}.ss-discipline{grid-template-columns:1fr;gap:30px;padding:35px 0 45px}.ss-work-image{aspect-ratio:1.2}.ss-reverse .ss-work-image,.ss-reverse .ss-discipline-copy{grid-column:auto;grid-row:auto}.ss-reverse .ss-discipline-copy{padding:0}.services-story .ss-discipline h2{font-size:41px;margin:20px 0}.ss-discipline-copy>p{font-size:15px}.ss-specialisms,.ss-discipline-note{margin-top:25px!important}.ss-collaboration,.ss-process{padding:55px 22px}.ss-section-heading{grid-template-columns:1fr;gap:22px}.ss-section-heading>.eyebrow{margin:0}.services-story .ss-section-heading h2{font-size:41px}.ss-section-heading>p{font-size:15px}.ss-engagements{grid-template-columns:1fr;margin-top:40px;gap:35px}.services-story .ss-engagements h3{font-size:36px;margin-top:20px}.ss-process ol{grid-template-columns:1fr;margin-top:35px;gap:30px}.ss-process li{display:grid;grid-template-columns:25px 1fr;column-gap:18px}.ss-process li>span{grid-row:1/3;padding-top:4px}.services-story .ss-process h3{font-size:25px;margin:0 0 13px;max-width:none}.ss-process li p{grid-column:2;max-width:none}.ss-manager{grid-template-columns:1fr;padding:50px 22px;gap:45px}.services-story .ss-manager h2{font-size:43px;margin-top:28px}.ss-manager p{font-size:15px}.ss-manager .manager-phone-demo{max-width:310px}.ss-final{padding:60px 22px;grid-template-columns:1fr;gap:28px}.ss-final>.eyebrow{margin:0}.services-story .ss-final h2{font-size:53px}.ss-final p{font-size:16px}.home-collaboration{padding:28px 22px 35px;grid-template-columns:1fr;gap:25px}.home-collaboration>.eyebrow{padding:0}.home-collaboration>a{border-top:1px solid #30233733;padding-top:22px}.home-collaboration b{top:24px}.home-collaboration p{max-width:36ch}.home-collaboration a>span{font-size:30px}}
@media(prefers-reduced-motion:reduce){.ss-work-image img,.ss-button{transition:none}.ss-work-image:hover img{transform:none}}
.services-story .ss-hero h1{font-size:clamp(43px,5vw,80px)}
.ss-marketing{display:grid;grid-template-columns:1fr 1.1fr;gap:9vw;padding:75px 5vw;background:#e4e6dd}
.ss-marketing h2{font-size:clamp(38px,4.5vw,66px);line-height:1.06;letter-spacing:-.05em;font-weight:500;margin:23px 0}.ss-marketing>div>p{font-size:17px;line-height:1.75;max-width:430px;color:#66596b}.ss-marketing ol{padding:0;margin:0;list-style:none}.ss-marketing li{display:flex;gap:24px;padding:25px 0;border-top:1px solid #30233740}.ss-marketing li>span{font:10px var(--mono);color:#75667b;padding-top:8px}.ss-marketing h3{font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:0 0 12px}.ss-marketing li p{font-size:15px;line-height:1.75;margin:0;color:#66596b}
.joint-page .offer-intro h2{font-size:clamp(39px,4.3vw,65px)}
@media(max-width:600px){.services-story .ss-hero h1{font-size:44px}.ss-marketing{grid-template-columns:1fr;gap:30px;padding:45px 22px}.joint-page .offer-intro h2{font-size:43px}.home-collaboration>a>span{font-size:30px}}
/* Production is the specialty; the complete monthly offer is a way to collaborate. */
.services-story .ss-hero h1{font-size:clamp(64px,7vw,108px)}
.ss-agency h2{font-size:clamp(35px,4vw,60px)}
#byrasamarbete{scroll-margin-top:110px}
.home-collaboration a>span{font-size:28px}
@media(max-width:600px){.services-story .ss-hero h1{font-size:74px}.joint-page .offer-intro h2{font-size:41px}.home-collaboration a>span{font-size:28px}}
/* Wide identity photograph: live text on its deliberately empty paper area. */
.services-story .ss-hero{position:relative;display:block;isolation:isolate;min-height:0;aspect-ratio:2.5;background:#49364d;overflow:hidden}
.services-story .ss-hero figure{position:absolute;inset:0;z-index:-1;height:100%;margin:0}
.services-story .ss-hero figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.services-story .ss-hero figcaption{display:none}
.services-story .ss-hero-copy{width:44%;min-height:100%;padding:42px 0 42px 5vw;justify-content:center}
.services-story .ss-hero h1{font-size:clamp(68px,6.8vw,108px);line-height:.95;margin-bottom:16px}
.services-story .ss-hero-copy>.eyebrow{margin-bottom:22px;font-size:9px}
.services-story .ss-hero-copy .ss-hero-statement{font-size:clamp(22px,2vw,32px);margin-bottom:17px}
.services-story .ss-hero-copy>p:not(.ss-hero-statement){font-size:15px;line-height:1.65;margin-bottom:22px;max-width:37ch}
.services-story .ss-hero-copy .ss-button{padding:14px 19px;font-size:12px}
@media(min-width:1600px){.services-story .ss-hero-copy{padding-block:65px}}
@media(max-width:1100px){.services-story .ss-hero{aspect-ratio:auto;min-height:480px}.services-story .ss-hero h1{font-size:68px}.services-story .ss-hero-copy{padding-block:35px}.services-story .ss-hero figure>img{object-fit:contain;object-position:center right}.services-story .ss-hero figure{background:#49364d}.services-story .ss-hero-copy>p:not(.ss-hero-statement){font-size:14px;max-width:33ch}}
@media(max-width:700px){.services-story .ss-hero{display:flex;flex-direction:column;min-height:0;overflow:hidden}.services-story .ss-hero-copy{width:100%;min-height:0;padding:45px 22px 35px}.services-story .ss-hero h1{font-size:77px}.services-story .ss-hero-copy>.eyebrow{margin-bottom:25px}.services-story .ss-hero-copy .ss-hero-statement{font-size:28px}.services-story .ss-hero-copy>p:not(.ss-hero-statement){font-size:16px;max-width:38ch}.services-story .ss-hero figure{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:1.5}.services-story .ss-hero figure>img{object-fit:cover;object-position:right center}}