.ongoing-story{background:#f1eee7;color:#302337}
.ongoing-story h1,.ongoing-story h2,.ongoing-story h3{font-weight:500;letter-spacing:-.05em}
.ongoing-story .eyebrow{font:10px/1.7 var(--mono);letter-spacing:.06em}
.os-hero{padding:65px 5vw 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center;background:#302337;color:#f1eee7}
.os-hero h1{font-size:clamp(58px,6.6vw,100px);line-height:1;margin:35px 0 25px}
.os-hero .os-lead{font-size:clamp(23px,2.5vw,34px);line-height:1.35;letter-spacing:-.025em}
.os-hero p:not(.os-lead){font-size:16px;line-height:1.75;max-width:460px;color:#d5c8db}
.os-hero figure{margin:0}.os-hero figure img{width:100%;height:auto;display:block}.os-hero figcaption{display:flex;justify-content:space-between;gap:15px;font:9px/1.5 var(--mono);padding-top:14px;color:#cebad8}
.os-button{display:inline-flex;justify-content:space-between;gap:40px;padding:17px 23px;border:1px solid currentColor;text-decoration:none;font-size:14px;margin-top:22px}
.os-button:hover{background:#d7c2e1;color:#302337}
.os-jump{display:flex;gap:4vw;padding:23px 5vw;border-bottom:1px solid #30233725;font-size:12px}
.os-output{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;padding:85px 5vw}
.ongoing-story h2{font-size:clamp(38px,4.2vw,64px);line-height:1.06;margin:23px 0}
.os-output>div>p{font-size:17px;line-height:1.75;max-width:420px;color:#66596b}
.os-disciplines>a{display:flex;gap:23px;padding:23px 0;border-top:1px solid #30233740;text-decoration:none}.os-disciplines>a>span{font:10px var(--mono);padding-top:10px}.os-disciplines h3{font-size:33px;margin:0 0 10px}.os-disciplines p{font-size:15px;line-height:1.65;max-width:350px;margin:0;color:#66596b}.os-disciplines b{font-size:26px;margin-left:auto;font-weight:400}
.os-process,.os-plans{padding:70px 5vw 80px}.os-process{background:#e4e6dd}.os-heading{display:flex;align-items:end;justify-content:space-between;gap:8vw;margin-bottom:45px}.os-heading h2{margin-bottom:0}.os-heading>p{max-width:380px;font-size:16px;line-height:1.75;color:#66596b;margin:0}
.os-process ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;margin:0}.os-process li{border-top:1px solid #30233755;padding-top:23px}.os-process li>span{font:10px var(--mono);color:#75667b}.os-process h3{font-size:27px;line-height:1.12;margin:26px 0 17px}.os-process li p{font-size:15px;line-height:1.75;margin:0;color:#66596b}.os-process small{display:block;margin-top:25px;font:9px/1.6 var(--mono);text-transform:uppercase;color:#75667b}
.os-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.os-plan-grid article{border-top:1px solid #30233755;padding-top:25px}.os-plan-grid h3{font-size:clamp(29px,3vw,43px);line-height:1.1;min-height:2.2em;margin:25px 0 20px}.os-plan-grid p{font-size:16px;line-height:1.7}.os-plan-grid ul{list-style:none;padding:0;margin:25px 0 0}.os-plan-grid li{font-size:14px;line-height:1.6;padding:13px 0;border-top:1px solid #30233720;color:#66596b}.os-scope{border-top:1px solid #30233725;margin:35px 0 0;padding-top:22px;font-size:13px;line-height:1.75;color:#66596b}
.os-manager{background:#302337;color:#f1eee7;padding:75px 5vw;display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:center}.os-manager img{display:block;width:200px;height:auto;margin-bottom:35px}.os-manager p{font-size:17px;line-height:1.75;color:#d5c8db;max-width:500px}.os-manager ol{padding:0;list-style:none;margin:0}.os-manager li{display:flex;gap:22px;font-size:20px;line-height:1.5;padding:25px 0;border-top:1px solid #f1eee733}.os-manager li>span{font:10px var(--mono);color:#bea6cb;padding-top:8px}
.os-questions{padding:20px 0}.os-questions .service-faq{background:transparent}.os-contact{text-align:center;padding:65px 22px 85px;background:#e4e6dd}.os-contact p{max-width:460px;margin:20px auto 0;font-size:17px;line-height:1.75;color:#66596b}
.os-jump a:focus-visible,.ongoing-story a:focus-visible{outline:2px solid #a27ab5;outline-offset:5px}
#arbetsflode,#upplagg,#fragor{scroll-margin-top:100px}
@media(max-width:900px){.os-process ol{grid-template-columns:1fr 1fr;row-gap:40px}.os-hero{gap:4vw}.os-plan-grid{gap:25px}.os-plan-grid h3{font-size:31px}}
@media(max-width:600px){.os-hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 22px}.os-hero h1{font-size:57px}.os-hero .os-lead{font-size:25px}.os-hero figure{margin-top:25px}.os-jump{gap:18px;padding:20px 22px;font-size:10px;justify-content:space-between}.os-output,.os-manager{grid-template-columns:1fr;gap:35px;padding:45px 22px}.os-process,.os-plans{padding:45px 22px}.os-heading{display:block;margin-bottom:35px}.os-heading>p{margin-top:25px}.os-process ol{gap:32px 20px}.os-process h3{font-size:25px}.os-process li p{font-size:14px}.os-process small{font-size:8px}.os-plan-grid{grid-template-columns:1fr;gap:30px}.os-plan-grid h3{min-height:0;font-size:36px}.os-manager li{font-size:18px}.os-contact{padding:45px 22px 60px}.os-questions .service-faq{padding:35px 22px}.os-questions .service-faq h2{font-size:42px}.os-questions summary{font-size:19px}}
/* The retainer combines production and marketing, with agreed monthly capacity. */
.os-hero h1{font-size:clamp(45px,5.3vw,80px)}
.os-value{padding:75px 5vw;background:#e4e6dd}.os-value>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:0 8vw;align-items:end}.os-value>div:first-child>.eyebrow{grid-column:1/-1}.os-value h2{margin-bottom:0}.os-value>div:first-child>p{font-size:17px;line-height:1.75;max-width:450px;color:#66596b;margin-bottom:0}
.os-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:45px}.os-value-grid article{border-top:1px solid #30233740;padding-top:24px}.os-value-grid article>span{font:9px/1.6 var(--mono);color:#75667b}.os-value-grid h3{font-size:30px;line-height:1.14;margin:23px 0 18px}.os-value-grid p{font-size:15px;line-height:1.75;color:#66596b;margin:0}.os-inline-link{display:inline-block;font-size:13px;border-bottom:1px solid #30233755;padding-bottom:7px;margin-top:14px}
.os-disciplines h3{font-size:30px}.os-process li{scroll-margin-top:110px}.os-plan-grid h3{font-size:clamp(27px,2.8vw,40px)}
@media(max-width:600px){.os-hero h1{font-size:45px}.os-value{padding:45px 22px}.os-value>div:first-child{display:block}.os-value>div:first-child>p{margin-top:25px;font-size:16px}.os-value-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.os-value-grid h3{font-size:30px;margin-top:17px}.os-value-grid h3 br{display:block}.os-plan-grid h3{font-size:36px}.os-disciplines h3{font-size:27px}}
