/* Fine IJC-inspired dots, adapted to the WM red palette. */
.art-direction{--wm-dots:radial-gradient(circle at 10px 10px,#ffffff16 0 1px,transparent 1.5px)}
.art-direction .header{background-color:#0b090a;background-image:var(--wm-dots);background-size:20px 20px;gap:18px}
.art-direction .header .header-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:0 22px;border:1px solid #ed4355;border-radius:34px;background:#961325;color:#fff;font-size:13px;font-weight:800;transition:border-color .3s,box-shadow .3s,transform .3s}
.art-direction .header .header-cta:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#f21d2f,#d90c2b 60%,#aa0922);clip-path:circle(0% at 0% 100%);transition:clip-path .55s cubic-bezier(.22,.8,.25,1)}
.art-direction .header .header-cta>.header-cta-label{display:block;flex:none;width:auto;height:auto;border:0;background:none;font-size:inherit;line-height:1.15}
.art-direction .header .header-cta>.header-cta-arrow{display:grid;place-items:center;width:22px;height:22px;border:0;background:none;transition:transform .4s}
.art-direction .header .header-cta .ui-icon{width:21px;height:21px}
.art-direction .header .header-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
.art-direction .header .header-cta:focus-visible:before{clip-path:circle(150% at 0% 100%)}
@media(hover:hover){.art-direction .header .header-cta:hover:before{clip-path:circle(150% at 0% 100%)}.art-direction .header .header-cta:hover{border-color:#ff7888;box-shadow:0 0 25px #f21d2f33}.art-direction .header .header-cta:hover>.header-cta-arrow{transform:translate(2px,-2px)}}
.art-direction .header .header-cta:active{transform:scale(.98)}
.art-direction .signature-heading{position:relative;isolation:isolate}
.art-direction .signature-heading:after{content:'';position:absolute;inset:-45px -5.56% -20px 45%;z-index:-1;pointer-events:none;background-color:#a10b2018;background-image:var(--wm-dots);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
.art-direction .contact:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 10px 10px,#f4374e28 0 1px,transparent 1.5px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent 20%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000)}
@media(max-width:720px){.art-direction .header{padding-right:12px;padding-left:18px;gap:8px}.art-direction .header .header-cta{min-height:52px;width:112px;padding:0 12px;gap:8px;border-radius:30px;font-size:11px}.art-direction .header .header-cta>.header-cta-label{max-width:62px;white-space:normal;text-align:left}.art-direction .header .header-cta>.header-cta-arrow{width:18px;height:18px;flex:none}.art-direction .header .header-cta .ui-icon{width:18px;height:18px}.art-direction .signature-heading:after{inset:-20px -5.56% -10px 20%}}
@media(max-width:360px){.art-direction .header{padding-left:12px;gap:6px}.art-direction .header .brand{width:78px;min-width:0}.art-direction .header .brand img{width:78px;height:auto}.art-direction .header .header-cta{width:100px;padding:0 10px;gap:5px;font-size:10px;min-height:48px}.art-direction .header .menu{width:90px;height:48px;padding:12px;gap:8px}}
@media(prefers-reduced-motion:reduce){.art-direction .header .header-cta,.art-direction .header .header-cta:before,.art-direction .header .header-cta>.header-cta-arrow{transition:none}}
