/* A complete handover, rather than a band of unsubstantiated promises. */
.ec-page #dd-intro.eh-handover{background:#171717;color:#fff;padding-block:64px 40px;--eh-reveal:0}
#dd-intro .eh-eyebrow{margin:0 0 24px;color:#a3a3a3;font-size:16px;line-height:1.4}
#dd-intro .eh-heading{margin-bottom:24px}
#dd-intro .eh-heading h2{font:400 clamp(40px,3.8vw,60px)/1.12 Onest,sans-serif;letter-spacing:-.04em;margin:0}
#dd-intro .eh-heading h2 span{color:#ff5a2b}
#dd-intro .eh-heading>p{font-size:18px;line-height:1.55;color:#a3a3a3;margin:20px 0 0;max-width:500px}
#dd-intro .eh-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center}
#dd-intro .eh-layout>*{min-width:0}
#dd-intro .eh-art{margin:0;position:relative}
#dd-intro .eh-art img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;transform:translateY(0)}
#dd-intro .eh-kit{position:relative;background:#fff;color:#171717;border-radius:8px;padding:0 32px;isolation:isolate}
#dd-intro .eh-kit:before{content:"";position:absolute;z-index:-2;inset:0;background:#32131d;border:1px solid #656565;border-radius:8px;transform:translate(-10px,-10px)}
#dd-intro .eh-kit:after{content:"";position:absolute;z-index:-1;inset:0;background:#fff;border-radius:8px}
#dd-intro .eh-kit-label{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid #d8d8d8;color:#656565;font-size:14px;line-height:1.4}
#dd-intro .eh-kit-label>span:last-child{font-size:12px;letter-spacing:.08em;color:#171717}
#dd-intro .eh-items{list-style:none;padding:0;margin:0}
#dd-intro .eh-item{position:relative;display:grid;grid-template-columns:32px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #d8d8d8;min-width:0}
#dd-intro .eh-item>div{min-width:0}
#dd-intro .eh-item h3{font:400 24px/1.2 Onest,sans-serif;letter-spacing:-.025em;margin:0 0 8px}
#dd-intro .eh-item p{font-size:16px;line-height:1.5;color:#656565;margin:0;max-width:540px}
#dd-intro .eh-icon{color:#ff5a2b;width:32px;height:32px;display:block;flex-shrink:0}
#dd-intro .eh-practice{padding:16px 0 20px}
#dd-intro .eh-practice>span{font-size:14px;line-height:1.4;color:#656565}
#dd-intro .eh-practice p{display:flex;align-items:center;gap:16px;font-size:18px;line-height:1.4;margin:8px 0 0}
#dd-intro .eh-practice i{font-style:normal;color:#ff5a2b;display:flex;align-items:center}
#dd-intro .eh-practice .ui-arrow{width:20px;height:20px}
#dd-intro .eh-continuation{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid #454545}
#dd-intro .eh-continuation p{font-size:20px;line-height:1.4;letter-spacing:-.01em;margin:0}
#dd-intro .eh-continuation a{color:#fff;font-size:16px;line-height:1.4;display:flex;align-items:center;gap:20px;min-height:44px;text-decoration:none}
#dd-intro .eh-continuation a>span{display:flex;color:#ff5a2b}
#dd-intro .eh-continuation a:hover{text-decoration:underline;text-underline-offset:5px}
#dd-intro .eh-continuation a:focus-visible{outline:2px solid #ff5a2b;outline-offset:6px;border-radius:2px}
/* The portfolio and its three sheets open gently; text is never concealed. */
#dd-intro[data-eh-motion] .eh-art img{transform:translateY(calc((1 - var(--eh-reveal)) * 18px))}
#dd-intro[data-eh-motion] .eh-kit:before{transform:translate(calc(-10px * var(--eh-reveal)),calc(-10px * var(--eh-reveal)))}
#dd-intro[data-eh-motion] .eh-icon{transform:translateY(calc((1 - var(--eh-reveal)) * 8px))}
@media(min-width:1600px){#dd-intro .eh-art img{max-height:380px}}
@media(max-width:1100px){
  #dd-intro .eh-layout{grid-template-columns:1fr 1.2fr;gap:32px}
  #dd-intro .eh-kit{padding-inline:24px}
  #dd-intro .eh-item{gap:16px}
  #dd-intro .eh-item h3{font-size:22px}
}
@media(max-width:900px){
  #dd-intro .eh-heading{margin-bottom:24px}
  #dd-intro .eh-heading>p{max-width:640px}
  #dd-intro .eh-layout{grid-template-columns:1fr;gap:32px}
  #dd-intro .eh-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
  #dd-intro .eh-heading{margin-bottom:0}
  #dd-intro .eh-art img{max-height:280px}
  #dd-intro .eh-kit:before{transform:translate(-8px,-8px)}
}
@media(max-width:767px){
  .ec-page #dd-intro.eh-handover{padding-block:48px 40px}
  #dd-intro .eh-eyebrow{font-size:14px;margin-bottom:24px}
  #dd-intro .eh-heading h2{font-size:34px;line-height:1.14;letter-spacing:-.035em}
  #dd-intro .eh-heading>p{font-size:16px;line-height:1.5}
  #dd-intro .eh-intro{display:block}
  #dd-intro .eh-heading{margin-bottom:20px}
  #dd-intro .eh-art{display:block}
  #dd-intro .eh-art img{width:100%;max-height:280px}
  #dd-intro .eh-kit{padding-inline:20px}
  #dd-intro .eh-kit-label{padding-block:18px;font-size:13px}
  #dd-intro .eh-item{grid-template-columns:28px 1fr;gap:12px;padding-block:22px}
  #dd-intro .eh-item>div{display:contents}
  #dd-intro .eh-icon{width:28px;height:28px}
  #dd-intro .eh-item h3{font-size:22px;line-height:1.2;min-width:0;margin:0}
  #dd-intro .eh-item p{grid-column:1/-1;font-size:15px;line-height:1.5}
  #dd-intro .eh-practice p{font-size:16px;gap:12px;flex-wrap:wrap}
  #dd-intro .eh-continuation{display:block;margin-top:32px;padding-top:24px}
  #dd-intro .eh-continuation p{font-size:18px}
  #dd-intro .eh-continuation a{margin-top:16px;font-size:15px;gap:12px;justify-content:space-between}
  #dd-intro[data-eh-motion] .eh-icon{transform:none}
}
@media(prefers-reduced-motion:reduce){
  #dd-intro[data-eh-motion] .eh-art img,#dd-intro[data-eh-motion] .eh-icon{transform:none}
  #dd-intro[data-eh-motion] .eh-kit:before{transform:translate(-10px,-10px)}
}