/* Photorealistic fictional presenters direct attention to real project content. */
html body#ro-studio[data-ro-studio] .cw-presenter{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;min-width:0;margin:0;overflow:hidden;border-radius:32px;background:radial-gradient(ellipse at 50% 70%,#24443f 0,transparent 68%)}
html body#ro-studio[data-ro-studio] .cw-presenter img{display:block;position:relative;width:100%;height:auto;max-height:540px;object-fit:contain;object-position:bottom;mask-image:linear-gradient(#000 82%,transparent 100%)}
.cw-presenter-orbit{position:absolute;z-index:-1;width:90%;aspect-ratio:1;border:1px solid #52736d;border-radius:50%;bottom:7%;transform:rotate(-20deg)}
.cw-presenter-orbit:after{content:'';position:absolute;inset:24px -12px;border:1px solid #2c5149;border-radius:50%;transform:rotate(35deg)}
html body#ro-studio[data-ro-studio] .studio-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px}
html body#ro-studio[data-ro-studio] .cw-hero-presenter{align-self:stretch;min-height:460px}
html body#ro-studio[data-ro-studio] .cw-hero-presenter img{max-height:580px}
.cw-project-presentation{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr);gap:24px;align-items:center}
html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project{grid-template-columns:minmax(0,1fr) 140px!important;gap:14px;padding:24px 0!important}
html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project-copy{padding:0!important}
html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project-link{grid-column:1/-1;justify-self:start}
html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project-art{height:130px!important;min-height:0!important}
html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project h3{font-size:25px!important}
.cw-service-presentation{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:28px;align-items:center}
html body#ro-studio[data-ro-studio] .cw-service-presentation .cw-service-catalog{min-width:0}
html body#ro-studio[data-ro-studio] .cw-service-presentation .cw-service-catalog article{grid-template-columns:40px minmax(0,1fr)}
html body#ro-studio[data-ro-studio] .cw-intro-summary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;column-gap:40px;align-items:start;background:transparent;border-radius:0;border-width:1px 0 0;padding:28px 0 0}
.cw-intro-summary>span{grid-column:1/-1}.cw-intro-summary h2{grid-row:2/4}.cw-intro-summary p{margin:0}.cw-intro-summary ul{margin-top:12px}
html body#ro-studio[data-ro-studio] .portfolio-stage .cw-presenter{max-width:270px;margin:12px auto -32px}
html body#ro-studio[data-ro-studio] .portfolio-stage .cw-presenter img{max-height:310px}
html body#ro-studio[data-ro-studio] .portfolio-stage .stage-feature{align-self:center;min-height:340px}
@media(max-width:900px){html body#ro-studio[data-ro-studio] .studio-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}html body#ro-studio[data-ro-studio] .cw-hero-presenter{min-height:0}.cw-project-presentation{grid-template-columns:200px minmax(0,1fr);gap:18px}.cw-service-presentation{grid-template-columns:minmax(0,1fr) 220px;gap:18px}html body#ro-studio[data-ro-studio] .agency-intro-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}html body#ro-studio[data-ro-studio] .agency-intro-grid h1{font-size:36px!important}}
@media(max-width:640px){html body#ro-studio[data-ro-studio] .studio-hero-grid,html body#ro-studio[data-ro-studio] .agency-intro-grid{grid-template-columns:1fr}html body#ro-studio[data-ro-studio] .cw-hero-presenter,html body#ro-studio[data-ro-studio] .cw-about-presenter{max-width:300px;width:100%;justify-self:end;margin-top:-10px}html body#ro-studio[data-ro-studio] .cw-hero-presenter img,html body#ro-studio[data-ro-studio] .cw-about-presenter img{max-height:330px}.cw-project-presentation,.cw-service-presentation{grid-template-columns:1fr}.cw-project-presentation>.cw-presenter{width:170px;justify-self:start;margin-bottom:-38px!important}.cw-service-presentation>.cw-presenter{width:210px;justify-self:end;grid-row:1;margin-bottom:-24px!important}.cw-project-presentation>.cw-presenter img{max-height:230px!important}html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project{grid-template-columns:minmax(0,1fr) 100px!important}html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project h3{font-size:22px!important}html body#ro-studio[data-ro-studio] .cw-intro-summary{display:block}html body#ro-studio[data-ro-studio] .portfolio-stage .cw-presenter{max-width:160px;margin:6px 0 -26px}html body#ro-studio[data-ro-studio] .portfolio-stage .cw-presenter img{max-height:210px}html body#ro-studio[data-ro-studio] .portfolio-stage .stage-feature{min-height:260px}}
html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project .studio-project-copy{grid-column:1;grid-row:1}
html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project .studio-project-art{grid-column:2!important;grid-row:1!important;width:100%!important}
html body#ro-studio[data-ro-studio] .cw-project-presentation .studio-project .studio-project-link{grid-column:1;grid-row:2}
@media(min-width:641px) and (max-width:800px){.cw-project-presentation{grid-template-columns:1fr}.cw-project-presentation>.cw-presenter{width:200px;margin:0 0 -30px!important}.cw-service-presentation{grid-template-columns:1fr}.cw-service-presentation>.cw-presenter{width:240px;justify-self:end;grid-row:1;margin-bottom:-30px!important}}