/* Finish the product scenes without changing the approved hero or How layout. */
.work3[data-work-fragments] { overflow: clip; }
@media (min-width: 761px) {
  .work3 .work-editorial-header h2 { font-size: 48px; line-height: 1.12; letter-spacing: -1.9px; }
  .work3 .work-editorial-header>p { font-size: 17px; line-height: 1.65; }
  .work3 .work-editorial-header { margin-bottom: 40px; }
  .work3 .work-editorial-agents { margin-top: 72px; padding-top: 64px; }
  .work3 .work-glass { --work-rim: 3px; }
  .work3 .work-agent-window { --work-rim: 3px; }
  .work3 .work-agent-body { min-height: 256px; }
  .work3 .work-agent-scene { padding-bottom: 36px; }
}
@media (min-width: 1101px) {
  .work3[data-work-fragments] { padding-top: 76px; padding-bottom: 64px; }
  .work3 .work-editorial-header { column-gap: 80px; }
  .work3 .work-decision-scene { min-height: 474px; }
  .work3 .work-proposal { --work-rim: 4px; top: 36px; width: 360px; right: 24px; box-shadow: -12px 16px 34px #0003; }
  .work3 .work-proposal-content { padding: 20px 23px; }
  .work3 .work-proposal h3 { margin-bottom: 15px; font-size: 23px; }
  .work3 .work-offer { margin-top: 18px; }
  .work3 .work-offer strong { font-size: 60px; letter-spacing: -2.5px; }
  .work3 .work-offer strong small { font-size: 18px; }
  .work3 .work-approval-status { margin-top: 19px; padding-top: 15px; }
  .work3 .work-customer-context { top: 0; width: 75%; }
  .work3 .work-context-body { min-height: 276px; padding: 25px 28px; }
  .work3 .work-context-copy>.work-person { margin: 18px 0 22px; }
  .work3 .work-context-note { margin-top: 20px; }
  .work3 .work-agent-ray { margin-top: 22px; }
  .work3 .work-agent-leo { margin-top: 44px; }
  .work3 .work-agent-body { padding: 20px 18px; }
}
@media (max-width: 760px) {
  .work3 .work-glass { --work-rim: 3px; }
  .work3 .work-proposal { --work-rim: 4px; }
  .work3 .work-offer strong { font-size: 60px; }
  .work3 .work-proposal-content { padding: 20px 18px; }
  .work3 .work-editorial-agents { margin-top: 52px; padding-top: 48px; }
}
.brand-standards { width:min(1440px,100%); padding:72px 100px 80px; background:var(--ink); color:#e8e9ed; }
.brand-standards-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,420px); align-items:start; gap:80px; margin-bottom:44px; }
.brand-standards h2 { margin:0; font-size:48px; line-height:1.15; font-weight:400; letter-spacing:-1.9px; }
.brand-standards-header>p { margin:0; color:#a7a7af; font-size:17px; line-height:28px; }
.brand-standards-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; list-style:none; padding:0; margin:0; }
.brand-standards-list li { padding-top:24px; border-top:1px solid var(--hairline-soft); }
.brand-standards-list span { color:#858e9b; font-size:11px; letter-spacing:.08em; }
.brand-standards-list h3 { margin:18px 0 12px; font-size:18px; line-height:26px; font-weight:400; letter-spacing:-.3px; }
.brand-standards-list p { max-width:320px; margin:0; color:#9ca5b2; font-size:14px; line-height:24px; }
@media(max-width:1100px) { .brand-standards { padding:64px 32px 72px; } .brand-standards-header { gap:48px; grid-template-columns:1fr 1fr; } .brand-standards-list { gap:26px; } }
@media(max-width:760px) { .brand-standards { padding:56px 23px; } .brand-standards-header { grid-template-columns:minmax(0,1fr); gap:22px; margin-bottom:28px; } .brand-standards h2 { font-size:36px; line-height:43px; letter-spacing:-1.4px; } .brand-standards-header>p { font-size:15px; line-height:25px; } .brand-standards-list { grid-template-columns:minmax(0,1fr); gap:25px; } .brand-standards-list p { max-width:none; font-size:14px; } .foot-legal>span { font-size:12px; line-height:20px; } }
@media(min-width:761px) {
 .work3 .work-agent-heading { padding-top:14px; padding-bottom:14px; }
 .work3 .work-agent-person { margin-top:18px; margin-bottom:18px; }
 .work3 .work-agent-plan { gap:10px; }
 .work3 .work-agent-final { margin-top:18px; }
 .work3 .work-agent-message { margin-top:18px; margin-bottom:14px; }
 .work3 .work-agent-reply p { line-height:1.6; }
}