.work-hero{position:relative;isolation:isolate;overflow:hidden;background:#101113;color:#f7f6f2}.work-stage{position:relative;isolation:isolate;overflow:hidden;--work-texture:url("/themes/az-next/assets/work-structure-1600.webp")}.work-stage:before{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,#0d0f1166,transparent 58%),var(--work-texture);background-size:cover;background-position:center;opacity:.72;pointer-events:none}.work-breadcrumbs .breadcrumbs{color:#a8aaae;margin-block:0;padding-block:22px;font-size:11px}.work-breadcrumbs .breadcrumbs a:hover{color:#fff}.work-hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;align-items:center;min-height:580px;padding-block:36px 64px}.work-copy{position:relative;z-index:2}.work-copy .eyebrow{color:#fa353e;font-size:12px;letter-spacing:.16em}.work-copy h1{font-size:clamp(44px,4.45vw,64px);line-height:1.06;letter-spacing:-.045em;max-width:11ch;margin-bottom:28px}.work-intro{font-size:18px;line-height:1.75;color:#bfc0c4;max-width:36ch;margin-bottom:32px}.work-copy .button{padding-inline:24px}.work-signature{display:flex;gap:10px;align-items:center;font-size:11px;color:#9d9fa4;margin:24px 0 0}.work-signature>span{width:6px;height:6px;border-radius:50%;background:#d70b15;box-shadow:0 0 16px #ed0c2c80}.work-visual{position:relative;min-width:0;min-height:500px;display:flex;flex-direction:column;justify-content:center;perspective:1400px}.work-gallery{position:relative;width:100%;border:1px solid #5d5d6355;border-radius:14px;background:#202124;box-shadow:0 34px 70px #0008;transform:rotateY(-9deg) rotateZ(-2deg);animation:work-float 10s ease-in-out infinite;overflow:hidden}.work-gallery-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;background:#252629;border-bottom:1px solid #ffffff12;color:#c4c5c8;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.work-gallery-heading>span:last-child{color:#ff3540;font-size:22px;line-height:1}.work-slides{display:grid}.work-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .65s,transform .85s cubic-bezier(.2,.65,.2,1),visibility .65s;pointer-events:none;min-width:0}.work-slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.work-image{background:#efeeea;padding:22px;display:block}.work-image img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;object-position:center}.work-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#202124}.work-caption small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a7a9ad}.work-caption strong{display:block;font-size:24px;letter-spacing:-.035em;margin-top:3px;color:#fff}.work-caption svg{color:#ff3039;width:25px;height:25px}.work-slide:focus-visible{outline:3px solid #fff;outline-offset:-5px}.work-tabs{display:grid;visibility:hidden;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:34px}.work-visual.is-ready .work-tabs{display:grid;visibility:visible}.work-tabs button{position:relative;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 0 15px;border:0;border-bottom:1px solid #ffffff30;background:none;text-align:left;color:#aaaeb3;font-size:11px;font-weight:600}.work-tab-number{font:11px ui-monospace,monospace;color:#666b72}.work-tabs button[aria-pressed=true]{color:#fff}.work-tabs button[aria-pressed=true] .work-tab-number{color:#ff313c}.work-tabs i{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:#ed1725;transform:scaleX(0);transform-origin:left}.work-tabs button[aria-pressed=true] i{animation:work-progress 4s linear both}.work-tabs button:focus-visible{outline-color:#fff}.work-baseline{border-top:1px solid #ffffff16;background:#101113}.work-baseline>.wrap{display:flex;justify-content:space-between;gap:20px;padding-block:20px;font-size:11px;letter-spacing:.025em;color:#a4a7ad}.work-baseline b{color:#cf0712;margin-inline:9px;font-weight:400}.work-index{padding-top:44px;scroll-margin-top:110px}.work-index .project-filters{margin-bottom:32px}
@keyframes work-float{0%,100%{transform:rotateY(-9deg) rotateZ(-2deg) translateY(0)}50%{transform:rotateY(-5deg) rotateZ(-1deg) translateY(-10px)}}@keyframes work-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.work-hero-layout{min-height:650px;gap:65px}.work-copy h1{font-size:68px}.work-visual{min-height:520px}}
@media(max-width:1100px){.work-hero-layout{gap:30px;min-height:550px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.work-copy h1{font-size:48px}.work-intro{font-size:17px}.work-visual{min-height:420px}.work-image{padding:16px}.work-caption{padding:15px 18px}.work-caption strong{font-size:21px}.work-tabs{gap:10px}.work-tabs button{font-size:10px;gap:5px}.work-baseline>.wrap{font-size:10px}}
@media(max-width:850px){.work-hero-layout{grid-template-columns:1fr;gap:38px;padding-block:25px 38px}.work-copy h1{max-width:16ch;font-size:clamp(42px,7vw,60px)}.work-intro{max-width:54ch}.work-visual{min-height:0;width:100%;max-width:620px;margin-inline:auto}.work-gallery{width:94%;margin:auto}.work-tabs{width:94%;margin:24px auto 0}.work-baseline>.wrap{flex-wrap:wrap;gap:6px 20px}.work-signature{margin-top:20px}}
@media(max-width:460px){.work-breadcrumbs .breadcrumbs{padding-block:16px;font-size:10px}.work-copy h1{font-size:40px;max-width:12ch}.work-copy .eyebrow{font-size:10px}.work-intro{font-size:16px}.work-hero-layout{gap:32px;padding-top:15px}.work-image{padding:14px}.work-gallery-heading{padding:10px 14px;font-size:9px}.work-caption{padding:12px 14px}.work-caption strong{font-size:20px}.work-caption small{font-size:9px}.work-tabs button{font-size:10px;gap:5px;line-height:1.4}.work-tab-number{font-size:10px}.work-baseline>.wrap{padding-block:17px;font-size:10px}.work-baseline>.wrap>span:first-child{max-width:25ch}.work-index{padding-top:30px}.work-signature{font-size:10px}}
@media(prefers-reduced-motion:reduce){.work-gallery{animation:none;transform:none}.work-slide{transition:none;transform:none}.work-tabs button[aria-pressed=true] i{animation:none;transform:scaleX(1)}}

.work-network{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;z-index:0;mask-image:linear-gradient(90deg,transparent,#0004 26%,#000 48%)}.work-network-tracks{opacity:.4}.work-network-tracks use{vector-effect:non-scaling-stroke}.work-network-lights{opacity:.95}.work-breadcrumbs,.work-hero-layout,.work-baseline{position:relative;z-index:1}

@media(max-width:850px){.work-stage{--work-texture:url("/themes/az-next/assets/work-structure-960.webp")}.work-stage:before{background-position:55% center;opacity:.56}}

/* Readable project controls above the animated background. */
.work-tabs{gap:12px;margin-top:28px}
.work-tabs button{min-width:0;min-height:78px;flex-wrap:wrap;gap:8px;padding:13px 14px 17px;border:1px solid #53565d;border-radius:8px;background:#181a1e;color:#edeef1;font-size:14px;line-height:1.4;font-weight:700;cursor:pointer;overflow:hidden;transition:background .2s,border-color .2s}
.work-tab-number{display:inline-flex;justify-content:center;align-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#34373e;color:#d4d6db;font-size:11px}
.work-tabs button[aria-pressed=true]{background:#35191e;border-color:#ed1725;color:#fff}
.work-tabs button[aria-pressed=true] .work-tab-number{background:#d5000c;color:#fff}
.work-tabs button:hover{background:#2c2f35;border-color:#aeb1b8}
.work-tabs button[aria-pressed=true]:hover{background:#471c24;border-color:#ff4650}
.work-tabs i{bottom:0;height:3px}
.work-tabs button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.work-signature{font-size:15px;line-height:1.6;color:#d3d4d8}
.work-baseline>.wrap{font-size:15px;line-height:1.6;color:#d3d4d8;padding-block:22px}
@media(max-width:1100px){.work-tabs button{gap:6px;padding-inline:10px}.work-tab-number{flex-basis:23px;height:23px;font-size:10px}}
@media(max-width:600px){.work-tabs{grid-template-columns:1fr;gap:8px}.work-tabs button{min-height:54px;flex-wrap:nowrap;gap:12px;padding:10px 14px 13px;font-size:14px}.work-tab-number{flex-basis:26px;height:26px;font-size:11px}.work-signature{font-size:14px}.work-baseline>.wrap{font-size:14px;gap:10px;padding-block:20px}.work-baseline>.wrap>span:first-child{max-width:none}.work-baseline b{margin-inline:5px}}
