/* Selected grayscale backgrounds and complete original screens form one hero. */
.contours-copy-review #home.work-device-hero{height:clamp(540px,45vw,820px);min-height:0;background:#171719;color:#eef0eb}
.contours-copy-review #home.work-device-hero>.motion-container{inset:0!important;width:100%!important;height:100%!important;mask-image:none!important}
.contours-copy-review #home.work-device-hero .site-nav{height:94px;padding-inline:4.5%}
.contours-copy-review #home.work-device-hero .site-location{display:none}
.contours-copy-review #home.work-device-hero .site-talk{background:#17191b66;backdrop-filter:blur(12px)}
.contours-copy-review #home.work-device-hero .hero-content{position:absolute;inset:calc(25% + 18px) auto auto 4.5%;width:38%;height:auto;min-height:0;margin:0;padding:0;display:block}
.contours-copy-review #home.work-device-hero .compact-copy{position:static;display:flex;flex-direction:column;width:100%;max-width:none;padding:0;margin:0}
.contours-copy-review #home.work-device-hero .tagline{order:1;font-size:clamp(38px,4vw,66px);line-height:1.12;letter-spacing:-.045em;margin:0 0 26px;max-width:100%;text-wrap:balance}
.contours-copy-review #home.work-device-hero .tagline em{color:#579fa5}
.contours-copy-review #home.work-device-hero .hero-roles{order:2;font-size:10px;line-height:1.6;letter-spacing:.1em;max-width:none;white-space:normal;margin:0 0 21px;color:#d5d7d5}
.contours-copy-review #home.work-device-hero .hero-description{order:3;font-size:clamp(12px,1vw,15px);line-height:1.7;max-width:470px;margin:0 0 27px;color:#c6c9cb;text-wrap:wrap}
.contours-copy-review #home.work-device-hero .explore{order:4;color:#ecefea;gap:15px;width:fit-content;align-self:flex-start}
.contours-copy-review #home.work-device-hero .explore>span:first-child{border-color:#a2ada577;background:transparent}
.contours-copy-review #home.work-device-hero .explore>span:first-child svg{transform:rotate(-45deg)}
.contours-copy-review #home.work-device-hero .explore:hover>span:first-child,.contours-copy-review #home.work-device-hero .explore:focus-visible>span:first-child{background:var(--button-accent);border-color:var(--button-accent);color:var(--button-accent-ink)}
@media(max-width:800px){
 .contours-copy-review #home.work-device-hero{height:auto;min-height:0;padding-bottom:36px}
 .contours-copy-review #home.work-device-hero .site-nav{height:72px;padding-inline:24px}
 .contours-copy-review #home.work-device-hero>.motion-container{inset:0 0 auto!important;height:350px!important;mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)!important}
 .contours-copy-review #home.work-device-hero .hero-content{position:relative;inset:auto;width:auto;margin:max(285px,calc(64vw - 20px)) 24px 0;padding:0;transform:translateY(4px)}
 .contours-copy-review #home.work-device-hero .tagline{font-size:clamp(35px,8.6vw,55px);line-height:1.16;letter-spacing:-.04em;margin-bottom:24px}
 .contours-copy-review #home.work-device-hero .hero-roles{font-size:10px;letter-spacing:.06em;white-space:normal;margin-bottom:20px}
 .contours-copy-review #home.work-device-hero .hero-description{font-size:14px;max-width:none;width:100%;margin-bottom:27px}
}

@media(min-width:801px){.contours-copy-review #home.work-device-hero .site-brand{width:clamp(236px,21vw,295px)}}

/* Keep the photographic sheen flowing behind mobile copy through the full hero. */
@media(max-width:800px){
 .contours-copy-review #home.work-device-hero{background:radial-gradient(ellipse at 96% 48%,#62666c24 0%,transparent 60%),radial-gradient(ellipse at 6% 88%,#747b8014 0%,transparent 58%),linear-gradient(135deg,#171719 25%,#202225 68%,#161719 100%)}
}

/* One full-height photographic field, including behind the mobile copy. */
@media(max-width:800px){
 .contours-copy-review #home.work-device-hero>.motion-container{inset:0!important;height:100%!important;mask-image:none!important}
 .contours-copy-review #home.work-device-hero{background:#151618}
}

/* Approved logo-yellow rollover accents on the homepage hero actions. */
.contours-copy-review #home.work-device-hero{--button-accent:#f2df55;--button-accent-ink:#242217}
.contours-copy-review #home.work-device-hero .site-talk:hover,.contours-copy-review #home.work-device-hero .site-talk:focus-visible{border-color:#f2df55;color:#f2df55;box-shadow:inset 0 0 0 1px #f2df55;background:#f2df550a}
.contours-copy-review #home.work-device-hero .site-talk:focus-visible{outline-color:#f2df55}

/* Clearer mobile roles line, retaining the existing uppercase style. */
@media(max-width:800px){.contours-copy-review #home.work-device-hero .hero-roles{font-size:12px;line-height:1.7;letter-spacing:.06em}}