.art-direction-v3 .spiral-stage .ripple{inset:auto;left:50%;top:50%;width:min(68%,350px);height:auto;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #d4bb866b;opacity:.65;transition:width 1.1s ease,opacity .8s ease,border-color .8s ease;animation:none}
.art-direction-v3 .spiral-stage .ripple-two{width:min(84%,425px);opacity:.5}
.art-direction-v3 .spiral-stage .ripple-three{width:min(99%,490px);opacity:.32}
.art-direction-v3 .spiral-stage .ripple-four{width:min(99%,490px);opacity:0}
@media(min-width:768px){.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple{width:min(73%,375px);opacity:.9;border-color:#e1cc91a3}.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple-two{width:min(89%,450px);opacity:.7}.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple-three{width:min(104%,515px);opacity:.5}.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple-four{width:min(112%,550px);opacity:.27}.art-direction-v3 .hero-art:is(:hover,:focus-within) .hero-directions a{border-color:#e1cc91cc;box-shadow:0 9px 28px #0d323329;animation-duration:5.5s}}
.art-direction-v3 .disclosure:not(.direction-band),.art-direction-v3 .disclosure:not(.direction-band)[open],.art-direction-v3 .direction-band,.art-direction-v3 .direction-band[open]{background:linear-gradient(110deg,#faf7ed29,#e8e7ca14 65%,#faf7ed24);border-color:#82683e66;box-shadow:none;backdrop-filter:blur(8px)}
.art-direction-v3 .disclosure:not(.direction-band):hover,.art-direction-v3 .direction-band:hover{background:linear-gradient(110deg,#faf7ed3b,#e8e7ca20 65%,#faf7ed30)}
.art-direction-v3 .disclosure>.detail-body,.art-direction-v3 .direction-band>.detail-body{background:transparent;border-color:#82683e40}
.art-direction-v3 .disclosure>summary:after,.art-direction-v3 .disclosure[open]>summary:after{content:'';width:26px;height:26px;flex:0 0 26px;border:0;border-radius:0;padding:0;margin:0;transform:none;align-self:center;background:linear-gradient(currentColor,currentColor) center/18px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 18px no-repeat;box-shadow:none}
.art-direction-v3 .disclosure[open]>summary:after{background:linear-gradient(currentColor,currentColor) center/18px 1.5px no-repeat}
.art-direction-v3 .direction-band>summary:after,.art-direction-v3 .direction-band[open]>summary:after{top:calc(50% - 13px);right:42px}
.hero-first-step,.mobile-top{display:none}
.art-direction-v3 .hero-category{color:#e1d1a0}
@media(max-width:767px){.art-direction-v3 .spiral-stage .ripple{width:160px}.art-direction-v3 .spiral-stage .ripple-two{width:190px}.art-direction-v3 .spiral-stage .ripple-three{width:215px}.art-direction-v3 .spiral-stage .ripple-four{display:none}.art-direction-v3 .hero-copy>.actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px}.art-direction-v3 .hero-copy>.actions .button{font-size:14px;line-height:1.35;min-height:58px;padding:12px 10px;text-align:center}.art-direction-v3 .hero-idea-link{display:none}.art-direction-v3 .hero-first-step{display:flex;background:#235b58;color:#f7f3e8;border:1px solid #d4bb86a3}.art-direction-v3 .direction-band>summary:after,.art-direction-v3 .direction-band[open]>summary:after{right:21px}.art-direction-v3 .mobile-top:not([hidden]){position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border:1px solid #82683e80;border-radius:22px;background:#faf7edef;backdrop-filter:blur(10px);color:#153f3e;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 18px #153f3e12}}
@media(prefers-reduced-motion:reduce){.art-direction-v3 .spiral-stage .ripple{transition:none!important}.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple{width:min(68%,350px);opacity:.65}.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple-two{width:min(84%,425px);opacity:.5}.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple-three{width:min(99%,490px);opacity:.32}.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple-four{opacity:0}.art-direction-v3 .hero-art:is(:hover,:focus-within) .hero-directions a{animation:none}}
@media(prefers-reduced-motion:reduce)and(max-width:767px){.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple{width:160px}.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple-two{width:190px}.art-direction-v3 .hero-art:is(:hover,:focus-within) .ripple-three{width:215px}}