#blog.azal-work{padding:85px 5%;text-align:left;background:linear-gradient(135deg,#f5f9f6,#edf5f2);scroll-margin-top:60px}
.azal-work-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}
.azal-work-kicker{font-size:11px;letter-spacing:2px;color:#7c754e;font-weight:600}
#blog.azal-work h2{font-size:48px;font-weight:700;line-height:1.15;color:#075568;margin:12px 0 0}
#blog.azal-work h2:after{content:'';display:block;width:54px;height:3px;background:#baa16a;margin-top:22px}
.azal-work-intro>p{font-size:14px;line-height:1.8;color:#526366;max-width:360px;margin:0}
.azal-work-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.3fr);gap:35px;align-items:start}
.azal-work-selector{border-top:1px solid #ccdcd5}
.azal-work-choice{display:flex;align-items:center;gap:14px;text-align:left;padding:25px 16px;border:0;border-bottom:1px solid #ccdcd5;background:transparent;width:100%;color:#075568;transition:background .25s;cursor:pointer}
.azal-work-index{font-size:12px;color:#9b814c;align-self:start;padding-top:5px}
.azal-work-choice strong{display:block;font-size:17px;font-weight:600;line-height:1.5}
.azal-work-choice small{display:block;color:#657774;font-size:12px;margin-top:5px;line-height:1.6}
.azal-work-arrow{margin-left:auto;font-size:22px;opacity:.4}
.azal-work-choice[aria-selected=true]{background:#075568;border-radius:5px;color:white}
.azal-work-choice[aria-selected=true] small{color:#e1eeea}
.azal-work-choice[aria-selected=true] .azal-work-index{color:#e4c98d}
.azal-work-choice[aria-selected=true] .azal-work-arrow{opacity:1;color:#e4c98d}
.azal-work-choice:hover:not([aria-selected=true]){background:#07556809}
.azal-work-panel{padding:30px 34px;background:#fff;border:1px solid #dfe9e2;border-radius:8px;box-shadow:0 16px 50px #07556808;animation:work-in .35s ease-out}
.azal-work-panel[hidden]{display:none}
.azal-work-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.azal-work-status{font-size:10px;letter-spacing:.4px;color:#63716c;background:#edf2ed;padding:7px 11px;border-radius:20px}
.azal-work-status.is-current{background:#e2f2e8;color:#256246}
.azal-work-status.is-current:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#3a9565;margin-right:6px}
.azal-work-date{font-size:11px;color:#61736c}
.azal-work-brand{height:145px;display:flex;align-items:center;justify-content:center;margin:20px 0 24px;border-bottom:1px solid #e6ece7;padding-bottom:22px}
#blog .azal-work-brand img{width:auto;max-width:240px;height:auto;max-height:120px;object-fit:contain}
.azal-local-mark{text-align:center;letter-spacing:4px;font-size:20px;color:#075568;line-height:1.6;font-weight:700}
.azal-work-client{font-size:12px;color:#60776f}
#blog .azal-work-panel h3{font-size:30px;color:#075568;font-weight:700;margin:10px 0 16px;line-height:1.25}
#blog .azal-work-description{font-size:15px;line-height:1.9;color:#4e625a;margin:0 0 25px}
.azal-work-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:24px 0;border-top:1px solid #e5ebe4;border-bottom:1px solid #e5ebe4}
.azal-work-metrics>div+div{border-left:1px solid #d7c598;padding-left:22px}
.azal-work-metrics strong{display:block;font-size:25px;line-height:1.3;color:#075568;font-weight:600}
.azal-work-metrics span{display:block;font-size:11px;color:#60776f;margin-top:8px}
.azal-work-scope{padding-top:23px}.azal-work-scope>span{font-size:10px;letter-spacing:1.6px;color:#9b814c}
#blog .azal-work-scope p{font-size:14px;color:#4e625a;margin-top:8px}
#blog .azal-work-note{font-size:11px;color:#65786f;line-height:1.7;margin:12px 0 0}
.azal-work-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ccdcd5;margin-top:35px;padding-top:24px;font-size:13px;color:#60776f}
.azal-work-foot a{color:#075568;font-weight:600}.azal-work-foot a span{margin-left:16px}
.azal-work-choice:focus-visible,.azal-work-panel:focus-visible{outline:3px solid #baa16a;outline-offset:4px}
@keyframes work-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.azal-work-layout{grid-template-columns:1fr;gap:26px}.azal-work-selector{display:grid;grid-template-columns:1fr 1fr}.azal-work-choice{padding:18px 12px}.azal-work-intro{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:767px){#blog.azal-work{padding:60px 25px}#blog.azal-work h2{font-size:40px}.azal-work-selector{grid-template-columns:1fr}.azal-work-choice{padding:16px 12px}.azal-work-choice strong{font-size:16px}.azal-work-panel{padding:24px 22px}#blog .azal-work-panel h3{font-size:27px}.azal-work-metrics strong{font-size:22px}.azal-work-metrics{gap:14px}.azal-work-metrics>div+div{padding-left:14px}}
@media(prefers-reduced-motion:reduce){.azal-work-panel{animation:none}.azal-work-choice{transition:none}}

/* V5: integrated client presentation */
#blog .azal-work-panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:15px 10px 25px 28px;border-left:1px solid #c8d9d3}
#blog .azal-work-brand{justify-content:flex-start;height:110px;border:0;margin:12px 0;padding:0}
#blog .azal-work-brand img{mix-blend-mode:multiply;max-height:95px;max-width:210px}
#blog .azal-work-client{display:block;font-size:32px;line-height:1.25;font-weight:700;color:#075568;margin:20px 0}
#blog .azal-work-panel h3{font-size:23px;font-weight:500}
#blog .azal-work-choice strong{font-size:21px}
#video.azal-film{padding:80px 5%;background:#f9fbfa;text-align:left}
.azal-film-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}
#video.azal-film h2{font-size:48px;color:#075568;font-weight:700;margin:12px 0 0}
#video.azal-film h2:after{content:'';display:block;width:54px;height:3px;background:#baa16a;margin-top:22px}
#video.azal-film p{color:#526366;font-size:15px;line-height:1.8}
#video.azal-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#073c48;border-radius:4px}
.azal-film-caption{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #d5e1dd;color:#075568;font-size:11px;letter-spacing:1.3px}
#video.azal-film .azal-film-note{font-size:11px;margin-top:12px;color:#71827c}
@media(max-width:767px){.azal-film-heading{display:block}#video.azal-film{padding:55px 25px}#video.azal-film h2{font-size:40px}.azal-film-heading>p{margin-top:25px}.azal-film-caption{font-size:9px;letter-spacing:.5px}#blog .azal-work-client{font-size:28px}#blog .azal-work-panel{padding-left:16px}}

/* Preserve the original square film without cropping. */
#video.azal-film video{aspect-ratio:1/1;max-width:720px;margin-inline:auto;object-fit:contain}