/* AYU case page (ayu-case.js) */
.work-dialog.is-ayu{background:#0a0a0e}
.work-dialog.is-ayu .work-dialog-toolbar{background:#0a0a0ee6;border-bottom-color:#ffffff14}
.ac{position:relative;color:#f4f1ea;padding:clamp(32px,4.2vw,72px) 0 clamp(40px,5vw,70px)}
.ac-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,4vw,80px);align-items:start;padding:0 clamp(20px,4vw,64px)}
.ac-brand{display:flex;align-items:flex-start;gap:clamp(18px,2.4vw,44px)}
.ac-brand h2{margin:0;font:500 clamp(84px,9vw,176px)/.82 'Cormorant Garamond','Cormorant',Georgia,serif;letter-spacing:.02em;color:#fff}
.ac-brand h2:focus{outline:none}
.ac-brand p{margin:.15em 0 0;font:400 clamp(28px,2.7vw,52px)/1.02 'Cormorant Garamond','Cormorant',Georgia,serif;color:#f4f1ea}
.ac-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,48px) clamp(24px,3.5vw,64px)}
.ac-phase p{margin:0;font:300 clamp(14px,1.08vw,20px)/1.62 'IBM Plex Sans Thai',Inter,sans-serif;color:#e9e5dc;letter-spacing:.01em}
.ac-ph-t{margin-bottom:4px!important;color:#fff!important}
.ac-ph-d{color:#c9c4b8!important}
.ac-strip{position:relative;margin-top:clamp(34px,3.6vw,64px);height:clamp(240px,46vh,540px);overflow:hidden;cursor:grab;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none}
.ac-strip.is-drag{cursor:grabbing}
.ac-strip:focus-visible{box-shadow:inset 0 0 0 2px #ebd49a}
.ac-track{display:flex;height:100%;gap:clamp(10px,1.2vw,18px);width:max-content;will-change:transform}
.ac-item{flex:none;height:100%;aspect-ratio:var(--ar);padding:0;border:0;background:#141418;overflow:hidden;cursor:inherit;transition:filter .3s}
.ac-item img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ac-strip:hover .ac-item:not(:hover){filter:brightness(.72)}
.ac-title{display:flex;align-items:center;justify-content:center;background:#000}
.ac-title span{font:400 clamp(34px,3.6vw,64px)/1.02 'Cormorant Garamond','Cormorant',Georgia,serif;color:#fff}
.ac-steps{box-sizing:border-box;display:flex;background:none;padding:0;width:auto;justify-content:center;flex-wrap:wrap;gap:clamp(18px,4.5vw,96px);margin:clamp(18px,2.2vw,40px) clamp(20px,4vw,64px) 0}
.ac-steps button{position:relative;padding:8px 0;border:0;background:none;color:#a9a397;font:300 clamp(15px,1.25vw,22px)/1.2 'IBM Plex Sans Thai',Inter,sans-serif;letter-spacing:.04em;cursor:pointer;transition:color .3s}
.ac-steps button::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#ebd49a;transform:scaleX(0);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.ac-steps button:hover,.ac-steps button.is-on{color:#fff}
.ac-steps button.is-on::after{transform:scaleX(1)}
.ac-meta{margin:clamp(30px,4vw,56px) clamp(20px,4vw,64px) 0;padding-top:20px;border-top:1px solid #ffffff1c;font:400 12px/1.6 Inter,sans-serif;letter-spacing:.06em;color:#8d887d}
.ac-zoom{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:56px 24px 24px;background:#000000e8}
.ac-zoom[hidden]{display:none}
.ac-zoom img{max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain;border-radius:6px}
.ac-zoom-x{position:absolute;top:16px;right:20px;display:flex;align-items:center;gap:10px;border:0;background:none;color:#fff;font:500 14px/1 'IBM Plex Sans Thai',Inter,sans-serif;cursor:pointer}
.ac-zoom-x span{font-size:26px;line-height:1}
@media(max-width:1000px){.ac-head{grid-template-columns:1fr}.ac-phases{gap:22px 28px}}
@media(max-width:650px){.ac-phases{grid-template-columns:1fr}.ac-brand h2{font-size:92px}.ac-brand p{font-size:32px}.ac-strip{height:38vh}.ac-steps{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:22px;scrollbar-width:none;width:auto;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;padding:0 20px}.ac-steps button{flex:none}}
@media(prefers-reduced-motion:reduce){.ac-item,.ac-steps button,.ac-steps button::after{transition:none}}