.az2-page{background:#f2f1ec}.az2{--b:#0d1213;--c:#151c1d;--w:#f2f1ec;--s:#dfddd6;--g:#a8793e;--g2:#d1ab73;--o:#426d66;color:var(--b);background:var(--w);font-family:Arial,Helvetica,sans-serif}.az2 *{box-sizing:border-box}.az2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic}.az2-label,.az2-kicker{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--g)}.az2 h2{font-size:clamp(52px,6vw,100px);line-height:.92;letter-spacing:-.055em;margin:25px 0}.az2 h2 em{color:var(--g)}.az2-hero{height:max(760px,calc(100svh - 72px));background:var(--b);color:#fff;position:relative;overflow:hidden;padding:130px 8vw 70px;display:flex;align-items:center}.az2-hero canvas,.az2-grid{position:absolute;inset:0;width:100%;height:100%}.az2-grid{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.az2-coordinate{position:absolute;top:90px;right:8vw;color:var(--g2);font-size:8px;letter-spacing:.23em}.az2-hero-copy{position:relative;z-index:3;width:min(900px,75vw)}.az2-kicker{color:var(--g2)}.az2-kicker i{color:var(--o)}.az2-hero h1{font-size:clamp(76px,9.5vw,164px);line-height:.77;letter-spacing:-.065em;margin:32px 0 46px}.az2-hero h1 em{color:var(--g2)}.az2-hero-copy>p{max-width:600px;color:#ffffffa8;font-size:16px;line-height:1.75}.az2-actions{display:flex;align-items:center;gap:30px;margin-top:35px;font-size:9px;letter-spacing:.15em}.az2-button{border:1px solid var(--g);background:var(--g);color:var(--b);padding:18px 22px;min-width:250px;display:inline-flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.14em;cursor:pointer}.az2-actions>a{color:#ffffffa0}.az2-axis{position:absolute;right:8vw;bottom:70px;width:36vw;display:flex;align-items:center;gap:12px;font:25px Georgia,serif;color:var(--g2)}.az2-axis i{height:1px;background:linear-gradient(90deg,var(--g),var(--o));flex:1}.az2-nodes span{position:absolute;left:var(--x);top:var(--y);font-size:7px;letter-spacing:.16em;color:#ffffff55}.az2-nodes span:before{content:"";position:absolute;left:-12px;top:2px;width:5px;height:5px;border-radius:50%;background:var(--g)}.az2-human{padding:140px 8vw;display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:center;min-height:700px}.az2-copy p{font-size:16px;line-height:1.8;color:#555d5b}.az2-copy blockquote{border-top:1px solid var(--g);padding-top:25px;margin:45px 0 0;font:italic 25px/1.4 Georgia,serif}.az2-when{padding:135px 8vw;background:#e4e2db}.az2-three{display:grid;grid-template-columns:.55fr 1.35fr .7fr;gap:4vw;align-items:end;margin-bottom:70px}.az2-three h2{margin:0}.az2-three>p{color:#5c6361;font-size:14px;line-height:1.7}.az2-sequence{border-top:1px solid #0d121344}.az2-sequence article{display:grid;grid-template-columns:80px 1fr .7fr;gap:4vw;align-items:center;border-bottom:1px solid #0d12132b;padding:34px 0}.az2-sequence b{font:25px Georgia,serif;color:var(--g)}.az2-sequence h3{font-size:clamp(24px,2.5vw,42px);letter-spacing:-.035em;margin:0}.az2-sequence p{font-size:13px;line-height:1.7;color:#606765}.az2-declaration{min-height:82vh;background:var(--c);color:#fff;padding:140px 8vw;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.az2-declaration h2{font-size:clamp(70px,10vw,170px);line-height:.79;letter-spacing:-.065em;margin:0;z-index:2}.az2-declaration h2 em{color:var(--g2)}.az2-declaration p{align-self:flex-end;max-width:530px;color:#ffffff9c;font-size:16px;line-height:1.8;z-index:2}.az2-rings{position:absolute;width:55vw;height:55vw;border:1px solid #426d6655;border-radius:50%;right:-15vw;top:-10vw;box-shadow:0 0 0 9vw #a8793e08,0 0 0 18vw #ffffff05}.az2-what{padding:135px 8vw}.az2-split{display:grid;grid-template-columns:.5fr 1.5fr;margin-bottom:70px}.az2-split h2{margin:0}.az2-services{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #0d12134a;border-right:0}.az2-services article{min-height:450px;padding:30px 26px;border-right:1px solid #0d12134a;display:flex;flex-direction:column;transition:.3s}.az2-services article:hover{background:var(--c);color:#fff;transform:translateY(-6px)}.az2-services b{font:23px Georgia,serif;color:var(--g)}.az2-services h3{font-size:clamp(27px,2.7vw,44px);line-height:1;letter-spacing:-.04em;margin:65px 0 20px}.az2-services p{font-size:12px;line-height:1.75;color:#5a6260}.az2-services article:hover p{color:#ffffff9a}.az2-services button{margin-top:auto;border:0;border-top:1px solid currentColor;background:none;color:inherit;text-align:left;padding:20px 0 0;font-size:8px;letter-spacing:.14em;cursor:pointer}.az2-proof{padding:140px 7vw;background:#d8d5cd}.az2-artifact{background:var(--w);padding:42px;border:1px solid #0d121329}.az2-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em}.az2-meta b,.az2-artifact-copy b,.az2-proof-grid>b{color:var(--g)}.az2-artifact-title{display:grid;grid-template-columns:.45fr 1.4fr;gap:4vw;margin:55px 0}.az2-artifact-title h3{font-size:clamp(34px,4vw,67px);line-height:.98;letter-spacing:-.045em;margin:0}.az2-map{height:420px;background:var(--c);color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px}.az2-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border:1px solid var(--g);border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:700;z-index:2}.az2-map span{position:absolute;font-size:7px;letter-spacing:.17em;z-index:2}.az2-map .n1{left:10%;top:16%}.az2-map .n2{left:46%;top:8%}.az2-map .n3{right:10%;top:18%}.az2-map .n4{left:10%;bottom:16%}.az2-map .n5{left:47%;bottom:8%}.az2-map .n6{right:9%;bottom:18%}.az2-map svg{position:absolute;width:100%;height:100%}.az2-map path{stroke:#d1ab7388;stroke-width:1;fill:none;stroke-dasharray:5 8}.az2-artifact-copy{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:35px}.az2-artifact-copy p{font-size:13px;line-height:1.7;color:#59605e}.az2-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.az2-proof-grid article{background:var(--w);padding:38px;min-height:310px}.az2-proof-grid article.dark{background:var(--c);color:#fff}.az2-proof-grid b{font-size:8px;letter-spacing:.16em;color:var(--g)}.az2-proof-grid h3{font-size:clamp(27px,3vw,48px);line-height:1;letter-spacing:-.04em}.az2-proof-grid p{font-size:13px;line-height:1.7;color:#59605e}.az2-proof-grid .dark p{color:#ffffff90}.az2-system{min-height:820px;background:var(--b);color:#fff;padding:135px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw}.az2-system p{color:#ffffff91;line-height:1.8;max-width:530px}.az2-system h2 em{color:var(--g2)}.az2-orbit{width:min(620px,46vw);aspect-ratio:1;position:relative;margin:auto}.az2-orbit>i{position:absolute;border:1px solid #d1ab733b;border-radius:50%;inset:7%}.az2-orbit .r2{inset:24%;border-color:#426d6688}.az2-orbit>b{position:absolute;inset:35%;border:1px solid var(--g);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:10px;letter-spacing:.13em;line-height:1.5}.az2-orbit>b em{color:var(--g2);font-style:normal}.az2-orbit span{position:absolute;border:1px solid #ffffff28;background:var(--c);padding:12px 16px;font-size:7px;letter-spacing:.13em}.az2-orbit .o1{left:3%;top:47%}.az2-orbit .o2{left:22%;top:12%}.az2-orbit .o3{right:18%;top:13%}.az2-orbit .o4{left:18%;bottom:12%}.az2-orbit .o5{right:18%;bottom:12%}.az2-orbit .o6{right:1%;top:47%}.az2-solutions{padding:140px 8vw}.az2-case{display:grid;grid-template-columns:250px 1fr;border:1px solid #0d12135c}.az2-case aside{background:var(--c);color:#fff;padding:32px;display:flex;flex-direction:column}.az2-case aside b{color:var(--g2);font-size:10px;letter-spacing:.17em}.az2-case aside span{margin-top:auto;font-size:8px;letter-spacing:.14em}.az2-case aside small{font-size:7px;color:#ffffff70;margin-top:8px}.az2-case>div{padding:50px}.az2-case h3{font-size:clamp(75px,10vw,160px);line-height:.75;letter-spacing:-.07em;margin:0}.az2-case>div>p{font:23px/1.5 Georgia,serif;color:#464e4c;max-width:760px;margin:45px 0}.az2-flow{border-top:1px solid #0d12134a;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--g)}.az2-flow span{color:var(--b);font-size:7px;letter-spacing:.1em;font-weight:700}.az2-text-link{display:inline-block;margin-top:35px;font-size:9px;letter-spacing:.15em;font-weight:700;border-bottom:1px solid var(--g);padding-bottom:8px}.az2-fit{padding:120px 8vw;background:#e4e2db}.az2-fit h2{font-size:clamp(45px,5vw,80px)}.az2-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#0d12132e;border:1px solid #0d12132e}.az2-fit-grid>div{background:#e4e2db;padding:30px}.az2-fit-grid b{font-size:9px;letter-spacing:.16em;color:var(--g)}.az2-fit-grid p{font-size:13px;line-height:1.7;color:#59605e}.az2-engage{padding:115px 8vw;background:var(--c);color:#fff}.az2-engage-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid #ffffff2b}.az2-engage-grid>div{padding:30px 25px;border-right:1px solid #ffffff2b}.az2-engage-grid b{color:var(--g2);font:20px Georgia,serif}.az2-engage-grid h3{font-size:24px;line-height:1.15}.az2-final{min-height:720px;background:var(--o);color:#fff;padding:130px 8vw;position:relative;display:flex;flex-direction:column;justify-content:center}.az2-final h2{font-size:clamp(60px,8vw,130px);margin:25px 0}.az2-final h2 em{color:#ecd6ae}.az2-final p{max-width:600px;color:#ffffffb5;font-size:16px;line-height:1.75}.az2-final .az2-button{margin-top:35px;background:#fff;border-color:#fff;width:290px}.az2-final .az2-axis{top:80px;bottom:auto;color:#fff}.az2-final .az2-axis i{background:#ffffff77}@media(max-width:900px){.az2-human,.az2-system{grid-template-columns:1fr}.az2-three{grid-template-columns:1fr}.az2-services{grid-template-columns:1fr 1fr}.az2-orbit{width:80vw}.az2-case{grid-template-columns:180px 1fr}}@media(max-width:600px){.az2-hero,.az2-human,.az2-when,.az2-declaration,.az2-what,.az2-proof,.az2-system,.az2-solutions,.az2-fit,.az2-engage,.az2-final{padding-left:22px;padding-right:22px}.az2-hero-copy{width:95vw}.az2-hero h1{font-size:65px}.az2 h2{font-size:47px}.az2-three,.az2-split{grid-template-columns:1fr;gap:20px}.az2-sequence article{grid-template-columns:40px 1fr}.az2-sequence p{grid-column:2}.az2-services,.az2-proof-grid,.az2-fit-grid,.az2-engage-grid{grid-template-columns:1fr}.az2-artifact{padding:22px}.az2-artifact-title,.az2-artifact-copy{grid-template-columns:1fr}.az2-map{height:300px}.az2-case{grid-template-columns:1fr}.az2-case aside{min-height:140px}.az2-case>div{padding:28px}.az2-flow{flex-direction:column;align-items:flex-start}.az2-axis{width:60vw}.az2-nodes{display:none}}
/* ATRIONZ V2 REAL BUILD 01 — INTERACTIVE ARCHITECTURE HERO */
.az2-hero{isolation:isolate;cursor:crosshair}
.az2-hero:before{content:"";position:absolute;inset:-20%;z-index:1;pointer-events:none;background:
radial-gradient(ellipse 38% 34% at var(--az2-mx,68%) var(--az2-my,42%),rgba(66,109,102,.22),transparent 68%),
radial-gradient(ellipse 22% 25% at calc(var(--az2-mx,68%) - 10%) calc(var(--az2-my,42%) + 8%),rgba(168,121,62,.14),transparent 72%);
transition:opacity .25s}
.az2-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(13,18,19,.96) 0%,rgba(13,18,19,.68) 47%,rgba(13,18,19,.18) 77%,rgba(13,18,19,.5) 100%)}
#az2-field{z-index:2}
.az2-grid{z-index:1;transform:translate3d(var(--az2-grid-x,0),var(--az2-grid-y,0),0);transition:transform .15s ease-out}
.az2-hero-copy,.az2-axis,.az2-nodes,.az2-coordinate{z-index:5}
.az2-hero-copy{transform:translate3d(var(--az2-copy-x,0),var(--az2-copy-y,0),0);transition:transform .18s ease-out}
.az2-nodes{position:absolute;inset:0;z-index:4;pointer-events:none}
.az2-nodes span{transition:color .25s,transform .25s,text-shadow .25s}
.az2-nodes span.az2-hot{color:#fff;transform:scale(1.08);text-shadow:0 0 20px rgba(209,171,115,.55)}
.az2-cursor{position:absolute;z-index:4;width:118px;height:118px;border:1px solid rgba(209,171,115,.22);border-radius:50%;left:var(--az2-cx,68%);top:var(--az2-cy,42%);transform:translate(-50%,-50%);pointer-events:none;opacity:.78;transition:width .25s,height .25s,opacity .25s}
.az2-cursor:before,.az2-cursor:after{content:"";position:absolute;background:rgba(209,171,115,.28)}
.az2-cursor:before{width:1px;height:150%;left:50%;top:-25%}
.az2-cursor:after{height:1px;width:150%;top:50%;left:-25%}
.az2-cursor i{position:absolute;inset:44%;border-radius:50%;background:var(--g2);box-shadow:0 0 22px rgba(209,171,115,.7)}
.az2-hero:hover .az2-cursor{width:138px;height:138px}
.az2-depth-label{position:absolute;z-index:5;right:8vw;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:7px;letter-spacing:.22em;color:rgba(255,255,255,.28)}
.az2-depth-label b{color:var(--g2);font-weight:400}
.az2-hero-stat{position:absolute;z-index:5;right:8vw;bottom:118px;display:grid;grid-template-columns:auto auto;gap:5px 18px;font-size:7px;letter-spacing:.16em;color:rgba(255,255,255,.36)}
.az2-hero-stat b{color:var(--g2);font-weight:500}
@media(max-width:700px),(pointer:coarse){.az2-cursor,.az2-depth-label,.az2-hero-stat{display:none}.az2-hero{cursor:auto}.az2-hero:before{background:radial-gradient(ellipse 55% 40% at 72% 34%,rgba(66,109,102,.18),transparent 70%)}}
@media(prefers-reduced-motion:reduce){.az2-grid,.az2-hero-copy{transform:none!important;transition:none!important}.az2-cursor{display:none}}

/* ATRIONZ V2 REAL BUILD 02 — PALETTE + INTERACTION CORRECTION */
.az2-page{background:#e9ece9!important}
.az2{--w:#e9ece9;--s:#cfd5d1;--paper:#eef0ed;--mist:#dfe4e0;--steel:#bac5c0;background:var(--paper)}
.az2-human{background:var(--paper)}
.az2-when{background:#dce2de}
.az2-what{background:#111718;color:#f3f4f1}
.az2-what .az2-label{color:var(--g2)}
.az2-what h2 em{color:var(--g2)}
.az2-services{border-color:#ffffff2d}
.az2-services article{border-color:#ffffff2d;background:#111718}
.az2-services article:nth-child(even){background:#182021}
.az2-services article:hover{background:#23302f}
.az2-services p{color:#aeb9b5}
.az2-services button{color:#f3f4f1}
.az2-proof{background:#cfd6d2}
.az2-artifact{background:#eef0ed}
.az2-proof-grid article{background:#e9ece9}
.az2-proof-grid article.dark{background:#151c1d}
.az2-solutions{background:#eef0ed}
.az2-fit{background:#d8dfdb}
.az2-fit-grid{background:#1016172b;border-color:#1016172b}
.az2-fit-grid>div{background:#d8dfdb}
.az2-engage{background:#101617}
.az2-case>div{background:#e9ece9}
.az2-case{border-color:#7f8d87}
.az2-sequence article:hover{background:#f7f8f548}
.az2-button,.az2-services button{position:relative;z-index:8;pointer-events:auto}
.az2-actions{position:relative;z-index:8}
.az2-text-link{position:relative;z-index:4}

/* REAL BUILD 03 — PINNED ASSEMBLY + REAL EXPERIENCE */
.az2-assembly{height:600vh;background:#0d1213;color:#fff;position:relative}
.az2-assembly-sticky{position:sticky;top:0;height:100vh;min-height:700px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;padding:90px 7vw 50px;overflow:hidden}
.az2-assembly-copy{position:relative;z-index:4}.az2-assembly-copy h2{font-size:clamp(52px,5.7vw,96px)}.az2-assembly-copy h2 em{color:var(--g2)}.az2-assembly-copy>p{max-width:510px;min-height:85px;color:#ffffff9b;font-size:15px;line-height:1.8}.az2-assembly-progress{width:260px;height:1px;background:#ffffff22;margin-top:35px}.az2-assembly-progress i{display:block;height:1px;width:var(--assembly-progress,0%);background:linear-gradient(90deg,var(--g),var(--o));transition:width .2s}
.az2-assembly-stage{width:min(720px,56vw);aspect-ratio:1.22;position:relative;margin-left:auto}.az2-assembly-stage:before,.az2-assembly-stage:after{content:"";position:absolute;border:1px solid #ffffff0e;border-radius:50%;inset:10%}.az2-assembly-stage:after{inset:25%;border-color:#426d663d}.az2-assembly-stage svg{position:absolute;inset:0;width:100%;height:100%}.assembly-lines path{fill:none;stroke:#d1ab7380;stroke-width:1;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset .65s ease}.assembly-lines path.on{stroke-dashoffset:0}.az2-assembly-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;border:1px solid var(--g);display:grid;place-items:center;text-align:center;font-size:15px;letter-spacing:.12em;z-index:3}.az2-assembly-core small{display:block;color:var(--g2);font-size:6px;margin-top:-45px}.az2-assembly-node{position:absolute;width:116px;padding:13px 12px;border:1px solid #ffffff20;background:#151c1d;opacity:.18;transform:scale(.85);transition:.55s}.az2-assembly-node.on{opacity:1;transform:scale(1);box-shadow:0 0 40px #426d6622}.az2-assembly-node b{font:18px Georgia,serif;color:var(--g2);display:block}.az2-assembly-node span{font-size:7px;letter-spacing:.16em}.a1{left:7%;top:15%}.a2{left:42%;top:4%}.a3{right:3%;top:17%}.a4{left:6%;bottom:15%}.a5{left:44%;bottom:2%}.a6{right:1%;bottom:17%}
.az2-real-work{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.az2-real-card{background:#eef0ed;min-height:610px;display:flex;flex-direction:column;overflow:hidden}.az2-real-image{height:310px;background:#151c1d;overflow:hidden;position:relative}.az2-real-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04);transition:transform .6s}.az2-real-card:hover .az2-real-image img{transform:scale(1.025)}.az2-real-image.image-fallback:after{content:"X5 / WASATCH FRONT / SYSTEM MAP";position:absolute;inset:0;display:grid;place-items:center;color:#d1ab73;font-size:9px;letter-spacing:.18em;background:#151c1d}.az2-real-body{padding:32px;display:flex;flex-direction:column;flex:1}.az2-real-body>b{font-size:8px;letter-spacing:.16em;color:var(--g)}.az2-real-body h3{font-size:clamp(28px,3vw,48px);line-height:1;letter-spacing:-.04em;margin:24px 0 15px}.az2-real-body p{font-size:13px;line-height:1.75;color:#59605e}.az2-real-body a{margin-top:auto;padding-top:22px;border-top:1px solid #0d12132d;font-size:8px;letter-spacing:.14em;font-weight:700}.az2-wls-image{display:flex;align-items:center;justify-content:center;gap:25px;color:#fff;font-family:Georgia,serif;font-size:24px;letter-spacing:.05em;background:radial-gradient(circle at 25% 35%,#426d6655,transparent 40%),#111718}.az2-wls-mark{width:120px;height:120px;border:1px solid var(--g);border-radius:50%;display:grid;place-items:center;font-size:42px;position:relative}.az2-wls-mark span{color:var(--g2);font-size:22px;position:absolute}.az2-wls-image small{font:7px Arial,sans-serif;letter-spacing:.18em;color:var(--g2)}.az2-system-shot{padding:25px;background:#111718}.ui-top{height:35px;border-bottom:1px solid #ffffff1f;display:flex;gap:7px;align-items:center}.ui-top i{width:7px;height:7px;border-radius:50%;background:#a8793e}.ui-side{position:absolute;left:25px;top:60px;bottom:25px;width:22%;border-right:1px solid #ffffff1f;background:linear-gradient(#426d6630,#426d6605)}.ui-main{position:absolute;left:31%;right:25px;top:78px;bottom:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ui-main span{height:75px;border:1px solid #ffffff1c;background:#ffffff08}.ui-main b{grid-column:span 3;border:1px solid #d1ab7330;background:linear-gradient(90deg,#a8793e18,transparent)}.az2-founder-visual{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#151c1d}.az2-founder-visual span{border:1px solid #ffffff25;padding:15px 10px;font-size:7px;letter-spacing:.1em}.az2-founder-visual i{width:28px;height:1px;background:var(--g)}
@media(max-width:900px){.az2-assembly-sticky{grid-template-columns:1fr;padding-top:90px}.az2-assembly-copy h2{font-size:48px}.az2-assembly-stage{width:min(580px,82vw);margin:auto}.az2-real-work{grid-template-columns:1fr}.az2-assembly{height:520vh}}
@media(max-width:600px){.az2-assembly-stage{width:96vw;transform:scale(.88)}.az2-assembly-node{width:90px;padding:9px}.az2-real-image{height:250px}.az2-founder-visual{flex-wrap:wrap}.az2-assembly-copy>p{min-height:70px}}

/* REAL BUILD 04 — SYMMETRIC ASSEMBLY + LIVE INFORMATION */
.az2-assembly-sticky{grid-template-columns:.58fr 1.05fr .72fr;gap:4vw;padding:86px 6vw 42px}
.az2-assembly-intro{align-self:center;position:relative;z-index:5}
.az2-assembly-intro h2{font-size:clamp(44px,4.7vw,78px);line-height:.92;letter-spacing:-.05em;margin:22px 0}
.az2-assembly-intro h2 em{color:var(--g2)}
.az2-assembly-intro>p{max-width:390px;color:#ffffff87;font-size:13px;line-height:1.75}
.az2-assembly-stage{width:min(650px,47vw);aspect-ratio:1;margin:auto;position:relative}
.az2-assembly-stage svg{inset:0;width:100%;height:100%;overflow:visible}
.assembly-ring,.assembly-inner{fill:none;stroke:#ffffff12;stroke-width:1}
.assembly-inner{stroke:#426d6648;stroke-dasharray:4 9}
.assembly-lines path{stroke:#d1ab7390;stroke-width:1;stroke-dasharray:510;stroke-dashoffset:510}
.az2-assembly-core{width:142px;height:142px;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;gap:9px}
.az2-assembly-core strong{font-size:14px;letter-spacing:.14em}
.az2-assembly-core small{margin:0!important;font-size:6px;letter-spacing:.18em}
.az2-assembly-node{width:108px;min-height:58px;text-align:center;left:auto;right:auto;top:auto;bottom:auto;transform:translate(-50%,-50%) scale(.84);transform-origin:center}
.az2-assembly-node.on{transform:translate(-50%,-50%) scale(1)}
.az2-assembly-node b{font-size:15px}.az2-assembly-node span{display:block;margin-top:4px}
.az2-assembly-node.a1{left:50%;top:13.6%}
.az2-assembly-node.a2{left:81.6%;top:31.8%}
.az2-assembly-node.a3{left:81.6%;top:68.2%}
.az2-assembly-node.a4{left:50%;top:86.4%}
.az2-assembly-node.a5{left:18.4%;top:68.2%}
.az2-assembly-node.a6{left:18.4%;top:31.8%}
.az2-assembly-node.active{border-color:var(--g2);background:#202b2a;box-shadow:0 0 0 5px #a8793e0a,0 0 45px #426d663b}
.az2-assembly-detail{align-self:center;min-height:430px;border-left:1px solid #ffffff1c;padding:8px 0 8px 34px;display:flex;flex-direction:column;justify-content:center}
.az2-detail-count{display:flex;align-items:center;gap:10px;width:150px;color:var(--g2);font:25px Georgia,serif}.az2-detail-count i{height:1px;background:#ffffff29;flex:1}.az2-detail-count small{font:8px Arial,sans-serif;color:#ffffff4d}
.az2-detail-kicker{font-size:8px;letter-spacing:.18em;color:var(--g2);margin:32px 0 17px}
.az2-assembly-detail h3{font-size:clamp(25px,2.5vw,43px);line-height:1.02;letter-spacing:-.04em;margin:0 0 22px;max-width:420px;transition:opacity .18s,transform .18s}
.az2-assembly-detail>p{font-size:13px;line-height:1.75;color:#ffffff91;max-width:410px;min-height:112px;transition:opacity .18s,transform .18s}
.az2-detail-output{border-top:1px solid #ffffff1c;padding-top:19px;margin-top:22px;display:flex;flex-direction:column;gap:9px}
.az2-detail-output b{font-size:7px;letter-spacing:.17em;color:#ffffff50}.az2-detail-output span{font-size:10px;line-height:1.5;color:var(--g2)}
.az2-assembly-detail.changing h3,.az2-assembly-detail.changing>p{opacity:.12;transform:translateY(6px)}
@media(max-width:1100px){.az2-assembly-sticky{grid-template-columns:.62fr 1.1fr}.az2-assembly-detail{position:absolute;right:5vw;bottom:45px;width:35vw;min-height:0;background:#0d1213e8;padding:22px;border:1px solid #ffffff18}.az2-assembly-detail>p{min-height:0}.az2-detail-output{display:none}.az2-assembly-stage{width:min(600px,55vw)}}
@media(max-width:760px){.az2-assembly{height:560vh}.az2-assembly-sticky{display:flex;flex-direction:column;justify-content:flex-start;padding:82px 18px 20px;gap:4px}.az2-assembly-intro{width:100%}.az2-assembly-intro h2{font-size:38px;margin:12px 0}.az2-assembly-intro>p{display:none}.az2-assembly-progress{margin-top:15px}.az2-assembly-stage{width:min(480px,94vw);margin:0 auto}.az2-assembly-detail{position:relative;right:auto;bottom:auto;width:100%;padding:15px 18px;min-height:190px}.az2-detail-kicker{margin:10px 0}.az2-assembly-detail h3{font-size:25px;margin-bottom:10px}.az2-assembly-detail>p{font-size:11px;line-height:1.55}.az2-detail-count{font-size:18px}.az2-assembly-node{width:80px;min-height:45px;padding:7px}.az2-assembly-core{width:105px;height:105px}}

/* REAL BUILD 05 — INTERACTION / WORK / CRITICAL PATH / SOLUTIONS */
.az2-assembly-core{background:#0d1213;overflow:hidden}.az2-assembly-core img{width:104px;height:auto;filter:invert(1) brightness(1.4);position:relative;z-index:2}.az2-assembly-core small{position:relative;z-index:2}
.az2-inline-cta{margin-top:34px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#ffffff8f;font-size:12px}.az2-inline-cta button,.az2-system-cta,.az2-solution-actions button{border:0;background:none;color:var(--g2);font-size:8px;letter-spacing:.15em;font-weight:700;cursor:pointer}.az2-inline-cta.work{border-color:#0d12132d;color:#4f5955}.az2-inline-cta.work button{color:#0d1213}
.az2-service-modal{position:fixed;inset:0;z-index:12000;display:none}.az2-service-modal.open{display:block}.az2-service-backdrop{position:absolute;inset:0;background:#050808bf;backdrop-filter:blur(5px)}.az2-service-dialog{position:absolute;right:0;top:0;height:100%;width:min(690px,92vw);background:#e9ece9;color:#0d1213;padding:70px 58px;overflow:auto;box-shadow:-30px 0 80px #0005;animation:az2Slide .32s ease both}.az2-service-close{position:absolute;right:28px;top:25px;border:0;background:none;font-size:30px;cursor:pointer}.az2-service-index{font:28px Georgia,serif;color:var(--g);margin-bottom:55px}.az2-service-dialog h2{font-size:clamp(42px,5vw,72px);margin:20px 0 30px}.az2-service-dialog>p{font-size:15px;line-height:1.8;color:#56605c}.az2-service-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #0d12132b;border-bottom:1px solid #0d12132b;padding:28px 0;margin:35px 0}.az2-service-columns b{display:block;color:var(--g);font-size:8px;letter-spacing:.15em;margin-bottom:10px}.az2-service-columns span{font-size:12px;line-height:1.7}.az2-service-actions{display:flex;gap:25px;align-items:center}.az2-service-actions button{padding:16px 0;color:#0d1213}.az2-service-actions button:first-child{border-bottom:1px solid var(--g)}@keyframes az2Slide{from{transform:translateX(100%)}to{transform:none}}
.az2-workbench{display:grid;grid-template-columns:290px 1fr;background:#eef0ed;border:1px solid #9ca7a1}.az2-work-nav{border-right:1px solid #9ca7a1}.az2-work-nav button{width:100%;border:0;border-bottom:1px solid #c6ceca;background:transparent;text-align:left;padding:24px 20px;display:flex;gap:15px;cursor:pointer;transition:.25s}.az2-work-nav button:hover,.az2-work-nav button.active{background:#151c1d;color:#fff}.az2-work-nav b{font:18px Georgia,serif;color:var(--g)}.az2-work-nav span{font-size:10px;letter-spacing:.08em;font-weight:700}.az2-work-nav small{display:block;margin-top:7px;color:#7d8984;font-size:6px;letter-spacing:.14em}.az2-work-view{min-width:0}.az2-work-visual{height:390px;background:#111718;position:relative;overflow:hidden;color:#fff;transition:.3s}.az2-work-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:44px 44px}.az2-x5-brand{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center}.az2-x5-brand strong{display:block;font-size:100px;line-height:.75;letter-spacing:-.08em}.az2-x5-brand strong span{color:var(--g2)}.az2-x5-brand small{font-size:8px;letter-spacing:.38em}.az2-x5-zones{position:absolute;left:5%;right:5%;bottom:55px;display:flex;justify-content:space-between}.az2-x5-zones i{font-style:normal;font-size:7px;line-height:1.5;letter-spacing:.14em;color:#ffffff8c}.az2-work-stat{position:absolute;left:0;right:0;bottom:0;padding:16px 5%;background:#426d66;color:#fff}.az2-work-stat b{font-size:8px;letter-spacing:.16em}.az2-work-visual.wls{background:radial-gradient(circle at 50% 45%,#a8793e2b,transparent 35%),#151c1d}.az2-work-visual.wls .az2-x5-brand strong{font-family:Georgia,serif;font-size:70px;letter-spacing:-.05em}.az2-work-visual.systems{background:linear-gradient(135deg,#111718,#23302f)}.az2-work-visual.public{background:linear-gradient(160deg,#1a2424,#0d1213)}.az2-work-copy{padding:38px}.az2-work-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:var(--g)}.az2-work-meta a{color:#0d1213;font-weight:700}.az2-work-copy h3{font-size:clamp(32px,4vw,62px);line-height:.98;letter-spacing:-.045em;margin:35px 0 20px}.az2-work-copy>p{font-size:14px;line-height:1.75;color:#56605c}.az2-work-logic{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;border-top:1px solid #0d12132a;margin-top:30px;padding-top:25px}.az2-work-logic b{display:block;color:var(--g);font-size:7px;letter-spacing:.16em;margin-bottom:8px}.az2-work-logic span{font-size:11px;line-height:1.55;color:#4f5955}.az2-work-logic>i{font-style:normal;color:var(--g)}
.az2-system{grid-template-columns:.72fr 1.28fr}.az2-system-cta{margin-top:28px;border-bottom:1px solid var(--g)!important;padding:0 0 10px!important}.az2-critical{display:grid;place-items:center}.az2-critical-ring{width:min(650px,52vw);aspect-ratio:1;position:relative}.az2-critical-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.az2-critical-ring svg circle{fill:none;stroke:#ffffff15;stroke-width:1}.critical-path-line{fill:none;stroke:url(#none);stroke:#a8793e70;stroke-width:2;stroke-dasharray:4 10}.az2-critical-ring>button{position:absolute;z-index:3;width:105px;height:55px;background:#151c1d;border:1px solid #ffffff22;color:#fff;font-size:7px;letter-spacing:.12em;cursor:pointer;transform:translate(-50%,-50%);transition:.25s}.az2-critical-ring>button span{display:block;color:var(--g2);font:14px Georgia,serif}.az2-critical-ring>button.active{background:#426d66;border-color:var(--g2);box-shadow:0 0 35px #426d6655}.az2-critical-ring .c1{left:50%;top:13.7%}.az2-critical-ring .c2{left:81.5%;top:31.8%}.az2-critical-ring .c3{left:81.5%;top:68.2%}.az2-critical-ring .c4{left:50%;top:86.3%}.az2-critical-ring .c5{left:18.5%;top:68.2%}.az2-critical-ring .c6{left:18.5%;top:31.8%}.az2-critical-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:47%;aspect-ratio:1;border-radius:50%;background:#111718;border:1px solid #426d6688;display:flex;flex-direction:column;justify-content:center;padding:38px;text-align:center;z-index:2}.az2-critical-center small{font-size:7px;letter-spacing:.18em;color:var(--g2)}.az2-critical-center strong{font-size:clamp(17px,2vw,28px);line-height:1.05;margin:14px 0}.az2-critical-center p{font-size:10px;line-height:1.55;color:#ffffff86;margin:0}
.az2-solution-rotator{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.az2-solution-wheel{width:min(500px,42vw);aspect-ratio:1;border:1px solid #9da8a2;border-radius:50%;position:relative;animation:az2Orbit 45s linear infinite}.az2-solution-wheel:before{content:"";position:absolute;inset:19%;border:1px dashed #a8793e66;border-radius:50%}.az2-solution-wheel>button{position:absolute;width:110px;height:50px;border:1px solid #89958f;background:#eef0ed;font-size:8px;letter-spacing:.13em;cursor:pointer;z-index:3;animation:az2OrbitBack 45s linear infinite}.az2-solution-wheel>button.active{background:#151c1d;color:#fff;border-color:var(--g)}.az2-solution-wheel>button:nth-of-type(1){left:50%;top:-25px;transform:translateX(-50%)}.az2-solution-wheel>button:nth-of-type(2){right:-55px;top:50%;transform:translateY(-50%)}.az2-solution-wheel>button:nth-of-type(3){left:50%;bottom:-25px;transform:translateX(-50%)}.az2-solution-wheel>button:nth-of-type(4){left:-55px;top:50%;transform:translateY(-50%)}.az2-solution-hub{position:absolute;inset:30%;border-radius:50%;background:#426d66;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:az2OrbitBack 45s linear infinite}.az2-solution-hub small{font-size:7px;letter-spacing:.2em;color:#d1ab73}.az2-solution-hub strong{font-size:12px;line-height:1.4;margin-top:8px}.az2-solution-detail h3{font-size:clamp(75px,9vw,145px);line-height:.75;letter-spacing:-.07em;margin:25px 0 40px}.az2-solution-detail>p{font:22px/1.55 Georgia,serif;color:#48514e}.az2-solution-chain{border-top:1px solid #0d12132a;border-bottom:1px solid #0d12132a;padding:20px 0;margin:30px 0;font-size:8px;letter-spacing:.11em;color:#5b6661}.az2-solution-actions{display:flex;gap:25px;align-items:center}.az2-solution-actions a{font-size:8px;letter-spacing:.13em;font-weight:700;border-bottom:1px solid var(--g);padding-bottom:8px}.az2-solution-actions button{color:#0d1213}@keyframes az2Orbit{to{transform:rotate(360deg)}}@keyframes az2OrbitBack{to{rotate:-360deg}}
@media(prefers-reduced-motion:reduce){.az2-solution-wheel,.az2-solution-wheel>button,.az2-solution-hub{animation:none}}
@media(max-width:900px){.az2-workbench,.az2-solution-rotator{grid-template-columns:1fr}.az2-work-nav{display:grid;grid-template-columns:1fr 1fr;border-right:0}.az2-critical-ring{width:80vw}.az2-solution-wheel{width:min(470px,78vw);margin:30px auto 60px}}
@media(max-width:600px){.az2-service-dialog{padding:60px 24px}.az2-service-columns{grid-template-columns:1fr}.az2-work-nav{grid-template-columns:1fr}.az2-work-visual{height:300px}.az2-work-copy{padding:25px}.az2-work-logic{grid-template-columns:1fr}.az2-work-logic>i{transform:rotate(90deg)}.az2-critical-ring{width:94vw}.az2-critical-ring>button{width:76px;height:45px}.az2-critical-center{width:48%;padding:20px}.az2-solution-wheel{width:75vw}.az2-inline-cta{align-items:flex-start;flex-direction:column}}

/* REAL BUILD 06 — SPECIALIZED SOLUTIONS BRAND MARK */
.az2-solution-hub img{width:76%;max-width:125px;height:auto;filter:invert(1) brightness(1.45);display:block}
.az2-solution-hub strong{margin-top:10px}

/* REAL BUILD 07 — EARLY CONVERSION PATHS */
.az2-early-actions{display:grid;grid-template-columns:1.1fr repeat(3,1fr);background:#101617;color:#fff;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17}
.az2-early-intro,.az2-early-actions>a,.az2-early-actions>button{min-height:118px;padding:24px 28px;border:0;border-right:1px solid #ffffff17;background:transparent;color:inherit;text-align:left;display:flex;align-items:center;gap:17px;text-decoration:none}
.az2-early-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.az2-early-intro small{font-size:7px;letter-spacing:.18em;color:var(--g2)}.az2-early-intro strong{font:20px/1.15 Georgia,serif;font-weight:400}
.az2-early-actions>a,.az2-early-actions>button{cursor:pointer;transition:background .25s}
.az2-early-actions>a:hover,.az2-early-actions>button:hover{background:#1a2424}
.az2-early-actions b{font:20px Georgia,serif;color:var(--g2);font-weight:400}
.az2-early-actions span{font-size:8px;letter-spacing:.13em;font-weight:700;line-height:1.4}
.az2-early-actions span small{display:block;margin-top:8px;color:#ffffff64;font-size:7px;letter-spacing:.06em;font-weight:400}
.az2-early-actions i{font-style:normal;color:var(--g2);margin-left:auto}
.az2-human-action{margin-top:38px;padding-top:22px;border-top:1px solid #0d121326;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#59625f;font-size:12px}
.az2-human-action button{border:0;border-bottom:1px solid var(--g);background:none;padding:0 0 8px;color:#0d1213;font-size:8px;letter-spacing:.14em;font-weight:700;cursor:pointer}
@media(max-width:900px){.az2-early-actions{grid-template-columns:1fr 1fr}.az2-early-intro,.az2-early-actions>a,.az2-early-actions>button{min-height:100px;border-bottom:1px solid #ffffff17}}
@media(max-width:600px){.az2-early-actions{grid-template-columns:1fr}.az2-early-intro,.az2-early-actions>a,.az2-early-actions>button{min-height:82px;padding:18px 20px}.az2-human-action{align-items:flex-start;flex-direction:column}}

/* REAL BUILD 08 — FINAL ASSEMBLY CTA REVEAL */
.az2-assembly{height:700vh}
.az2-assembly-cta{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:7vw;background:radial-gradient(circle at 70% 35%,#426d6650,transparent 34%),linear-gradient(145deg,#101617 0%,#182321 55%,#0d1213 100%);opacity:0;visibility:hidden;transform:translateY(7%);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),visibility .5s}
.az2-assembly-cta:before{content:"";position:absolute;inset:5%;border:1px solid #ffffff10;pointer-events:none}
.az2-assembly-cta:after{content:"A → Z";position:absolute;right:5.5vw;top:8vh;font:clamp(80px,14vw,220px)/1 Georgia,serif;color:#ffffff05;letter-spacing:-.08em;pointer-events:none}
.az2-assembly-cta.show{opacity:1;visibility:visible;transform:none}
.az2-assembly-cta-inner{width:min(900px,86vw);position:relative;z-index:2}
.az2-assembly-cta h3{font-size:clamp(62px,8vw,128px);line-height:.84;letter-spacing:-.065em;margin:30px 0;color:#f2f3ef;font-weight:500}
.az2-assembly-cta h3 em{color:var(--g2);font-weight:400}
.az2-assembly-cta p{max-width:690px;font-size:15px;line-height:1.8;color:#ffffff9a}
.az2-assembly-cta-actions{display:flex;gap:35px;align-items:center;margin:42px 0 32px}
.az2-assembly-cta-actions button,.az2-assembly-cta-actions a{border:0;background:none;color:#fff;font-size:9px;letter-spacing:.15em;font-weight:700;cursor:pointer;padding:15px 0;border-bottom:1px solid var(--g)}
.az2-assembly-cta-actions button{background:var(--g);color:#0d1213;padding:17px 22px;border-bottom:0}
.az2-assembly-cta-actions i{font-style:normal;margin-left:12px}
.az2-assembly-cta-inner>small{font-size:7px;letter-spacing:.17em;color:#ffffff45}
.az2-assembly.cta-phase .az2-assembly-intro,.az2-assembly.cta-phase .az2-assembly-stage,.az2-assembly.cta-phase .az2-assembly-detail{opacity:0;transform:translateY(-7%);transition:opacity .45s ease,transform .55s ease}
@media(max-width:760px){.az2-assembly{height:660vh}.az2-assembly-cta{padding:25px}.az2-assembly-cta h3{font-size:52px}.az2-assembly-cta-actions{align-items:flex-start;flex-direction:column;gap:12px}.az2-assembly-cta:after{font-size:100px;top:12vh}}

/* REAL BUILD 09 — FINISHED SELECTED WORK */
.az2-work-final{padding:120px 6vw;background:#d7ddd9;color:#0d1213}
.az2-work-head{display:grid;grid-template-columns:1.2fr .55fr;gap:8vw;align-items:end;margin-bottom:65px}
.az2-work-head h2{font-size:clamp(62px,8vw,126px);line-height:.82;letter-spacing:-.065em;margin:20px 0 0}.az2-work-head h2 em{font-weight:400;color:#426d66}
.az2-work-head>p{font:19px/1.6 Georgia,serif;color:#52605a;margin:0 0 8px}
.az2-case-browser{border-top:1px solid #89958f}
.az2-case-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #89958f}
.az2-case-tabs button{min-height:102px;border:0;border-right:1px solid #89958f;border-bottom:1px solid #89958f;background:transparent;text-align:left;padding:18px 20px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-content:center;transition:.25s}
.az2-case-tabs button b{grid-row:1/3;font:21px Georgia,serif;color:#a8793e}.az2-case-tabs button span{font-size:9px;letter-spacing:.12em;font-weight:700}.az2-case-tabs button small{font-size:6px;letter-spacing:.15em;color:#6c7872;margin-top:7px}
.az2-case-tabs button:hover,.az2-case-tabs button.active{background:#101617;color:#fff}.az2-case-tabs button.active small{color:#ffffff70}
.az2-case-stage{display:grid;grid-template-columns:1.06fr .94fr;min-height:650px;background:#eef0ed;border:1px solid #89958f;border-top:0}
.az2-case-media{position:relative;overflow:hidden;background:#101617;min-height:650px}.az2-case-media img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;transition:opacity .22s,transform .8s ease}.az2-case-media:hover img{transform:scale(1.018)}
.az2-case-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b11110d 35%,#0b1111c7 100%)}
.az2-case-brand{position:absolute;left:32px;bottom:32px;color:#fff;font-size:25px;font-weight:800;letter-spacing:-.03em}.az2-case-brand span{display:block;font-size:7px;letter-spacing:.3em;color:#d1ab73;margin-top:5px}
.az2-case-number{position:absolute;right:28px;top:22px;color:#fff;font:50px Georgia,serif;opacity:.45}
.az2-case-expand{position:absolute;right:26px;bottom:27px;border:1px solid #ffffff60;background:#101617b8;color:#fff;padding:12px 14px;font-size:7px;letter-spacing:.13em;cursor:pointer}
.az2-case-content{padding:48px 48px 38px;display:flex;flex-direction:column}
.az2-case-topline{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.15em;color:#a8793e;font-weight:700}.az2-case-topline a{color:#0d1213;border-bottom:1px solid #a8793e;padding-bottom:5px}
.az2-case-content h3{font-size:clamp(37px,4.1vw,68px);line-height:.94;letter-spacing:-.05em;margin:38px 0 24px}
.az2-case-content>p{font-size:13px;line-height:1.75;color:#56615c;margin:0}
.az2-case-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9c2bd;border-bottom:1px solid #b9c2bd;margin:32px 0}.az2-case-metrics>div{padding:20px 8px 18px 0;border-right:1px solid #c7ceca}.az2-case-metrics>div:last-child{border:0}.az2-case-metrics b{display:block;font:30px Georgia,serif;color:#426d66}.az2-case-metrics span{display:block;font-size:6px;letter-spacing:.14em;margin-top:5px;color:#66716c}
.az2-case-architecture{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.az2-case-architecture small{font-size:6px;letter-spacing:.16em;color:#a8793e}.az2-case-architecture p{font-size:10px;line-height:1.55;color:#59645f}.az2-case-architecture i{font-style:normal;color:#a8793e}
.az2-case-actions{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;align-items:center}.az2-case-actions button,.az2-work-foot button{border:0;border-bottom:1px solid #a8793e;background:none;padding:0 0 8px;font-size:7px;letter-spacing:.14em;font-weight:700;cursor:pointer}.az2-case-actions span{font:16px Georgia,serif;color:#8a948f}
.az2-work-foot{display:flex;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid #89958f}.az2-work-foot>span{font-size:7px;line-height:1.5;color:#68736e;max-width:630px}
.az2-artifact-viewer{position:fixed;inset:0;z-index:13000;background:#080b0bf2;display:none;place-items:center;padding:5vw}.az2-artifact-viewer.open{display:grid}.az2-artifact-viewer img{max-width:90vw;max-height:82vh;object-fit:contain;box-shadow:0 20px 80px #0008}.az2-artifact-viewer button{position:absolute;right:30px;top:24px;border:0;background:none;color:#fff;font-size:34px;cursor:pointer}.az2-artifact-viewer span{position:absolute;left:5vw;bottom:3vh;color:#ffffff8c;font-size:8px;letter-spacing:.13em}
@media(max-width:1000px){.az2-case-stage{grid-template-columns:1fr}.az2-case-media{min-height:500px}.az2-case-tabs{grid-template-columns:1fr 1fr}.az2-work-head{grid-template-columns:1fr}.az2-case-content{min-height:620px}}
@media(max-width:620px){.az2-work-final{padding:80px 18px}.az2-work-head h2{font-size:56px}.az2-case-tabs{grid-template-columns:1fr}.az2-case-tabs button{min-height:75px}.az2-case-media{min-height:360px}.az2-case-content{padding:30px 22px;min-height:0}.az2-case-metrics{grid-template-columns:1fr 1fr}.az2-case-architecture{grid-template-columns:1fr}.az2-case-architecture i{transform:rotate(90deg);width:10px}.az2-work-foot{flex-direction:column}}

/* REAL BUILD 10 — ACTUAL WEB WORK ARTIFACTS */
.az2-case-media{background:#0b1015}
.az2-case-media img{object-fit:contain;object-position:center;background:#0b1015}
.az2-case-media:has(img[src*="gsl-intelligence-system"] ) img{object-fit:cover}

/* BUILD 14 — SAFE MOBILE PASS
   Locked Build 10 is the interaction baseline.
   Deliberately does NOT alter HOW ATRIONZ BUILDS. */
html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas{max-width:100%}
@media(max-width:760px){
 .az2-hero{height:auto!important;min-height:calc(100svh - 66px)!important;padding:86px 20px 54px!important;align-items:flex-start!important}
 .az2-hero-copy{width:100%!important;max-width:100%!important}
 .az2-hero h1{font-size:clamp(58px,18vw,82px)!important;line-height:.82!important;margin:24px 0 28px!important}
 .az2-hero-copy>p{font-size:15px!important;line-height:1.65!important;max-width:34rem!important}
 .az2-actions{flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin-top:28px!important}
 .az2-button{width:100%!important;min-width:0!important;min-height:52px!important}
 .az2-early-actions{grid-template-columns:1fr!important}
 .az2-human,.az2-when,.az2-declaration,.az2-what,.az2-proof,.az2-system,.az2-solutions,.az2-fit,.az2-engage,.az2-final{padding-left:20px!important;padding-right:20px!important}
 .az2-human{padding-top:72px!important;padding-bottom:72px!important;min-height:0!important;gap:45px!important}
 .az2 h2{font-size:clamp(43px,13vw,62px)!important;line-height:.92!important}
 .az2-when,.az2-what,.az2-proof,.az2-solutions,.az2-fit,.az2-engage{padding-top:72px!important;padding-bottom:72px!important}
 .az2-three,.az2-split{grid-template-columns:1fr!important;gap:18px!important;margin-bottom:38px!important}
 .az2-sequence article{grid-template-columns:42px 1fr!important;gap:12px!important;padding:24px 0!important}
 .az2-sequence p{grid-column:2!important;margin:0!important}
 .az2-declaration{min-height:0!important;padding-top:90px!important;padding-bottom:90px!important}
 .az2-declaration h2{font-size:clamp(56px,17vw,82px)!important}
 .az2-services{grid-template-columns:1fr!important}
 .az2-services article{min-height:0!important;padding:26px 22px!important}
 .az2-work-final{padding:72px 18px!important}
 .az2-work-head{grid-template-columns:1fr!important;gap:24px!important;margin-bottom:38px!important}
 .az2-work-head h2{font-size:clamp(48px,14vw,66px)!important}
 .az2-case-tabs{grid-template-columns:1fr!important}
 .az2-case-stage{grid-template-columns:1fr!important;min-height:0!important}
 .az2-case-media{min-height:280px!important}
 .az2-case-content{min-height:0!important;padding:28px 20px!important}
 .az2-case-metrics{grid-template-columns:1fr 1fr!important}
 .az2-case-architecture{grid-template-columns:1fr!important}
 .az2-system{min-height:0!important;padding-top:80px!important;padding-bottom:80px!important;grid-template-columns:1fr!important}
 .az2-critical-ring{width:min(92vw,430px)!important}
 .az2-solution-rotator{grid-template-columns:1fr!important}
 .az2-solution-wheel{width:min(78vw,340px)!important;margin:30px auto 60px!important}
 .az2-fit-grid,.az2-engage-grid{grid-template-columns:1fr!important}
 .az2-final{min-height:0!important;padding-top:100px!important;padding-bottom:100px!important}
 .az2-final h2{font-size:clamp(52px,15vw,72px)!important}
}
@media(max-width:390px){
 .az2-hero h1{font-size:56px!important}
 .az2 h2{font-size:42px!important}
 .az2-case-metrics{grid-template-columns:1fr!important}
}

/* BUILD 15 — MOBILE ASSEMBLY INFORMATION VIEWPORT FIX
   Preserve the locked scroll interaction. Only reposition the live detail panel
   so each stage's information stays inside the phone viewport. */
@media(max-width:760px){
 .az2-assembly-sticky{
   overflow:hidden!important;
 }
 .az2-assembly-stage{
   /* leave the stage itself intact; reserve visual room for the information card */
   transform:translateY(-7vh) scale(.88)!important;
   transform-origin:center center!important;
 }
 .az2-assembly-detail{
   position:absolute!important;
   z-index:18!important;
   left:18px!important;
   right:18px!important;
   bottom:16px!important;
   top:auto!important;
   width:auto!important;
   max-width:none!important;
   min-height:0!important;
   max-height:34svh!important;
   margin:0!important;
   padding:15px 16px 14px!important;
   overflow:auto!important;
   overscroll-behavior:contain!important;
   background:rgba(13,18,19,.96)!important;
   border:1px solid rgba(255,255,255,.16)!important;
   box-shadow:0 -18px 45px rgba(0,0,0,.22)!important;
   backdrop-filter:blur(8px)!important;
   -webkit-backdrop-filter:blur(8px)!important;
 }
 .az2-assembly-detail .az2-detail-count{
   font-size:15px!important;
   line-height:1!important;
   margin:0 0 4px!important;
 }
 .az2-assembly-detail .az2-detail-kicker{
   font-size:7px!important;
   line-height:1.2!important;
   margin:0 0 5px!important;
 }
 .az2-assembly-detail h3{
   font-size:21px!important;
   line-height:1.02!important;
   margin:0 0 7px!important;
 }
 .az2-assembly-detail>p{
   font-size:10.5px!important;
   line-height:1.42!important;
   margin:0!important;
   min-height:0!important;
 }
 .az2-assembly-detail .az2-detail-output{
   margin-top:7px!important;
   padding-top:7px!important;
   font-size:8px!important;
   line-height:1.35!important;
 }
}
@media(max-width:430px) and (max-height:760px){
 .az2-assembly-stage{
   transform:translateY(-9vh) scale(.78)!important;
 }
 .az2-assembly-detail{
   bottom:10px!important;
   max-height:38svh!important;
   padding:12px 14px!important;
 }
 .az2-assembly-detail h3{font-size:19px!important}
 .az2-assembly-detail>p{font-size:9.5px!important}
}

/* BUILD 16 — MOBILE ASSEMBLY COMPOSITION
   Screenshot-calibrated: title + architecture + live stage information must
   coexist inside one phone viewport. Desktop remains untouched. */
@media(max-width:760px){
 .az2-assembly-sticky{
   padding:18px 18px 12px!important;
   height:calc(100svh - 66px)!important;
   min-height:0!important;
   display:block!important;
   overflow:hidden!important;
 }
 .az2-assembly-intro{
   position:relative!important;
   z-index:20!important;
   width:100%!important;
   max-width:none!important;
 }
 .az2-assembly-intro>small{
   font-size:9px!important;
   letter-spacing:.28em!important;
 }
 .az2-assembly-intro h2{
   font-size:clamp(34px,10.5vw,48px)!important;
   line-height:.88!important;
   margin:10px 0 0!important;
   max-width:100%!important;
 }
 .az2-assembly-intro>p{display:none!important}
 .az2-assembly-progress{
   margin-top:12px!important;
   height:1px!important;
 }
 .az2-assembly-stage{
   position:absolute!important;
   z-index:5!important;
   left:50%!important;
   top:34%!important;
   width:min(69vw,310px)!important;
   height:min(69vw,310px)!important;
   min-height:0!important;
   margin:0!important;
   transform:translate(-50%,-50%) scale(.82)!important;
   transform-origin:center!important;
 }
 .az2-assembly-detail{
   z-index:30!important;
   left:18px!important;
   right:18px!important;
   bottom:14px!important;
   max-height:30svh!important;
   padding:13px 15px!important;
 }
 .az2-assembly-detail h3{
   font-size:20px!important;
   margin-bottom:6px!important;
 }
 .az2-assembly-detail>p{
   font-size:10px!important;
   line-height:1.38!important;
 }
 .az2-assembly-detail .az2-detail-output{
   font-size:7.5px!important;
   margin-top:6px!important;
   padding-top:6px!important;
 }
}
@media(max-width:430px) and (max-height:800px){
 .az2-assembly-intro h2{font-size:32px!important}
 .az2-assembly-stage{
   top:33%!important;
   width:min(62vw,260px)!important;
   height:min(62vw,260px)!important;
   transform:translate(-50%,-50%) scale(.78)!important;
 }
 .az2-assembly-detail{
   bottom:10px!important;
   max-height:31svh!important;
   padding:11px 13px!important;
 }
 .az2-assembly-detail h3{font-size:18px!important}
 .az2-assembly-detail>p{font-size:9px!important}
 .az2-assembly-detail .az2-detail-output{display:none!important}
}

/* BUILD 17 — MOBILE ASSEMBLY: INFORMATION-FIRST LAYOUT
   Screenshot-calibrated for tall Android viewports.
   The live stage card is moved directly beneath the diagram instead of the
   bottom of the sticky canvas, eliminating the large dead zone. */
@media(max-width:760px){
 .az2-assembly-sticky{
   height:calc(100svh - 66px)!important;
   min-height:0!important;
   padding:16px 18px 10px!important;
   overflow:hidden!important;
 }
 .az2-assembly-intro h2{
   font-size:clamp(30px,9.2vw,42px)!important;
   line-height:.86!important;
   margin-top:7px!important;
 }
 .az2-assembly-progress{margin-top:9px!important}
 .az2-assembly-stage{
   top:38%!important;
   width:min(57vw,255px)!important;
   height:min(57vw,255px)!important;
   transform:translate(-50%,-50%) scale(.72)!important;
 }
 .az2-assembly-detail{
   position:absolute!important;
   z-index:30!important;
   left:18px!important;
   right:18px!important;
   top:57%!important;
   bottom:auto!important;
   width:auto!important;
   max-height:35svh!important;
   margin:0!important;
   padding:12px 14px!important;
   overflow:auto!important;
   background:rgba(13,18,19,.97)!important;
 }
 .az2-assembly-detail .az2-detail-count{font-size:14px!important}
 .az2-assembly-detail .az2-detail-kicker{font-size:7px!important;margin-bottom:4px!important}
 .az2-assembly-detail h3{font-size:18px!important;line-height:1.02!important;margin:0 0 6px!important}
 .az2-assembly-detail>p{font-size:9.5px!important;line-height:1.35!important}
 .az2-assembly-detail .az2-detail-output{font-size:7.5px!important;line-height:1.3!important;margin-top:5px!important;padding-top:5px!important}
}
@media(max-width:430px) and (max-height:800px){
 .az2-assembly-intro h2{font-size:28px!important}
 .az2-assembly-stage{
   top:36%!important;
   width:min(52vw,220px)!important;
   height:min(52vw,220px)!important;
   transform:translate(-50%,-50%) scale(.68)!important;
 }
 .az2-assembly-detail{
   top:54%!important;
   max-height:38svh!important;
 }
 .az2-assembly-detail .az2-detail-output{display:none!important}
}

/* BUILD 18 — ANDROID DYNAMIC VIEWPORT + PERSISTENT NAV FIX
   dvh follows Chrome's changing visible viewport. The assembly pins below the
   fixed 66px site header, so neither browser-chrome collapse nor the long
   sequence can push the site navigation away. */
@media(max-width:760px){
 .az2-assembly-sticky{
   top:66px!important;
   height:calc(100dvh - 66px)!important;
   min-height:0!important;
   max-height:calc(100dvh - 66px)!important;
 }
 .az2-assembly-stage{
   top:35%!important;
 }
 .az2-assembly-detail{
   top:54%!important;
   max-height:38%!important;
 }
}
@supports not (height:100dvh){
 @media(max-width:760px){
   .az2-assembly-sticky{
     height:calc(100vh - 66px)!important;
     max-height:calc(100vh - 66px)!important;
   }
 }
}

/* BUILD 19 — MOBILE ASSEMBLY STABILITY
   Keep the content composition fixed relative to the web viewport while Chrome
   independently animates its own browser controls. */
@media(max-width:760px){
 .az2-assembly-sticky{
   top:66px!important;
   height:calc(100dvh - 66px)!important;
   contain:layout paint!important;
 }
}

/* BUILD 20 — MOBILE CRITICAL PATH / SYSTEM SECTION
   Keep the six-part system readable on phones. The desktop radial composition
   is preserved above 760px; mobile gets a deliberate compact composition. */
@media(max-width:760px){
 .az2-system{
   min-height:0!important;
   padding:72px 18px 78px!important;
   display:block!important;
   overflow:hidden!important;
 }
 .az2-system-copy{
   width:100%!important;
   max-width:none!important;
   margin:0 0 34px!important;
 }
 .az2-critical-ring{
   position:relative!important;
   width:min(88vw,390px)!important;
   height:min(112vw,500px)!important;
   min-height:430px!important;
   margin:0 auto!important;
   transform:none!important;
 }
 .az2-critical-core{
   position:absolute!important;
   left:50%!important;
   top:50%!important;
   width:42%!important;
   height:auto!important;
   min-height:150px!important;
   transform:translate(-50%,-50%)!important;
   padding:18px 12px!important;
   z-index:6!important;
   background:#101718!important;
 }
 .az2-critical-core h3{
   font-size:24px!important;
   line-height:1!important;
   margin:0 0 10px!important;
 }
 .az2-critical-core p{
   font-size:10px!important;
   line-height:1.45!important;
   margin:0!important;
 }
 .az2-critical-node{
   width:31%!important;
   min-height:86px!important;
   padding:12px 7px!important;
   z-index:8!important;
 }
 .az2-critical-node b{font-size:22px!important;line-height:1!important}
 .az2-critical-node span{font-size:8px!important;line-height:1.25!important}
 /* Six nodes: top, upper-right, lower-right, bottom, lower-left, upper-left */
 .az2-critical-node:nth-of-type(1){left:50%!important;top:0!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important}
 .az2-critical-node:nth-of-type(2){right:0!important;top:21%!important;left:auto!important;bottom:auto!important;transform:none!important}
 .az2-critical-node:nth-of-type(3){right:0!important;top:61%!important;left:auto!important;bottom:auto!important;transform:none!important}
 .az2-critical-node:nth-of-type(4){left:50%!important;bottom:0!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important}
 .az2-critical-node:nth-of-type(5){left:0!important;top:61%!important;right:auto!important;bottom:auto!important;transform:none!important}
 .az2-critical-node:nth-of-type(6){left:0!important;top:21%!important;right:auto!important;bottom:auto!important;transform:none!important}
}
@media(max-width:390px){
 .az2-critical-ring{
   width:92vw!important;
   height:118vw!important;
   min-height:420px!important;
 }
 .az2-critical-core{width:40%!important;min-height:138px!important}
 .az2-critical-core h3{font-size:21px!important}
 .az2-critical-node{width:30%!important;min-height:78px!important}
 .az2-critical-node b{font-size:20px!important}
}

/* BUILD 21 — MOBILE CRITICAL PATH: 3 / CIRCLE / 3
   Requested mobile order:
   top row 01 / 02 / 06
   center circle
   bottom row 05 / 04 / 03 */
@media(max-width:760px){
 .az2-critical-ring{
   width:min(92vw,410px)!important;
   height:440px!important;
   min-height:440px!important;
   margin:0 auto!important;
 }
 .az2-critical-core{
   left:50%!important;
   top:50%!important;
   width:48%!important;
   min-height:160px!important;
   transform:translate(-50%,-50%)!important;
   border-radius:50%!important;
   display:flex!important;
   flex-direction:column!important;
   align-items:center!important;
   justify-content:center!important;
   text-align:center!important;
   padding:20px 15px!important;
 }
 .az2-critical-node{
   width:30%!important;
   min-height:90px!important;
   padding:12px 6px!important;
 }
 /* top row: 01 / 02 / 06 */
 .az2-critical-node:nth-of-type(1){left:0!important;top:0!important;right:auto!important;bottom:auto!important;transform:none!important}
 .az2-critical-node:nth-of-type(2){left:35%!important;top:0!important;right:auto!important;bottom:auto!important;transform:none!important}
 .az2-critical-node:nth-of-type(6){right:0!important;top:0!important;left:auto!important;bottom:auto!important;transform:none!important}
 /* bottom row: 05 / 04 / 03 */
 .az2-critical-node:nth-of-type(5){left:0!important;bottom:0!important;top:auto!important;right:auto!important;transform:none!important}
 .az2-critical-node:nth-of-type(4){left:35%!important;bottom:0!important;top:auto!important;right:auto!important;transform:none!important}
 .az2-critical-node:nth-of-type(3){right:0!important;bottom:0!important;top:auto!important;left:auto!important;transform:none!important}
}
@media(max-width:390px){
 .az2-critical-ring{height:410px!important;min-height:410px!important}
 .az2-critical-node{width:31%!important;min-height:82px!important}
 .az2-critical-node:nth-of-type(2),
 .az2-critical-node:nth-of-type(4){left:34.5%!important}
 .az2-critical-core{width:50%!important;min-height:150px!important}
}

/* BUILD 22 — MOBILE CRITICAL PATH EXACT 3 / CIRCLE / 3
   top: 01 02 06 | middle: circle | bottom: 05 04 03 */
@media(max-width:760px){
 .az2-system{
   position:relative!important;
   min-height:0!important;
   padding:58px 18px 62px!important;
   overflow:hidden!important;
 }
 .az2-critical-ring{
   position:relative!important;
   width:100%!important;
   max-width:410px!important;
   height:500px!important;
   min-height:500px!important;
   margin:0 auto!important;
 }
 .az2-critical-ring:before,
 .az2-critical-ring:after{
   left:50%!important;
   top:50%!important;
   width:56%!important;
   height:56%!important;
   transform:translate(-50%,-50%)!important;
 }
 .az2-critical-core{
   position:absolute!important;
   left:50%!important;
   top:50%!important;
   width:58%!important;
   aspect-ratio:1/1!important;
   height:auto!important;
   min-height:0!important;
   transform:translate(-50%,-50%)!important;
   border-radius:50%!important;
   padding:28px 20px!important;
   overflow:hidden!important;
   display:flex!important;
   flex-direction:column!important;
   align-items:center!important;
   justify-content:center!important;
   text-align:center!important;
   z-index:5!important;
 }
 .az2-critical-core h3{
   font-size:clamp(20px,6vw,27px)!important;
   line-height:1.02!important;
   margin:0 0 12px!important;
   max-width:100%!important;
 }
 .az2-critical-core p{
   font-size:10px!important;
   line-height:1.42!important;
   max-width:90%!important;
   margin:0!important;
 }
 .az2-critical-node{
   position:absolute!important;
   width:31%!important;
   height:92px!important;
   min-height:92px!important;
   padding:10px 5px!important;
   transform:none!important;
   z-index:10!important;
 }
 /* top row */
 .az2-critical-node:nth-of-type(1){left:0!important;top:0!important;right:auto!important;bottom:auto!important}
 .az2-critical-node:nth-of-type(2){left:34.5%!important;top:0!important;right:auto!important;bottom:auto!important}
 .az2-critical-node:nth-of-type(6){right:0!important;top:0!important;left:auto!important;bottom:auto!important}
 /* bottom row */
 .az2-critical-node:nth-of-type(5){left:0!important;bottom:0!important;right:auto!important;top:auto!important}
 .az2-critical-node:nth-of-type(4){left:34.5%!important;bottom:0!important;right:auto!important;top:auto!important}
 .az2-critical-node:nth-of-type(3){right:0!important;bottom:0!important;left:auto!important;top:auto!important}
 .az2-critical-node b{font-size:20px!important}
 .az2-critical-node span{font-size:7.5px!important}
}
@media(max-width:390px){
 .az2-critical-ring{height:455px!important;min-height:455px!important}
 .az2-critical-node{height:82px!important;min-height:82px!important}
 .az2-critical-core{width:56%!important;padding:22px 16px!important}
 .az2-critical-core h3{font-size:19px!important}
 .az2-critical-core p{font-size:9px!important}
}

/* BUILD 23 — ACTUAL CRITICAL-PATH DOM SELECTORS
   Previous mobile rules targeted class names that do not exist in this markup.
   These selectors match the real .c1-.c6 buttons and .az2-critical-center. */
@media(max-width:760px){
 .az2-system{
   width:100%!important;
   max-width:100%!important;
   min-height:0!important;
   padding:56px 18px 64px!important;
   overflow:hidden!important;
 }
 .az2-critical{
   width:100%!important;
   max-width:100%!important;
   min-width:0!important;
   display:block!important;
 }
 .az2-critical-ring{
   position:relative!important;
   box-sizing:border-box!important;
   width:100%!important;
   max-width:410px!important;
   height:470px!important;
   min-height:470px!important;
   aspect-ratio:auto!important;
   margin:0 auto!important;
   overflow:visible!important;
 }
 .az2-critical-ring>svg{
   display:none!important;
 }
 .az2-critical-ring>button{
   position:absolute!important;
   box-sizing:border-box!important;
   width:31%!important;
   height:86px!important;
   min-height:86px!important;
   margin:0!important;
   padding:10px 5px!important;
   transform:none!important;
   z-index:8!important;
 }
 .az2-critical-ring>button span{
   font-size:20px!important;
   line-height:1!important;
   margin-bottom:7px!important;
 }
 /* exact requested top row: 01 / 02 / 06 */
 .az2-critical-ring>.c1{left:0!important;top:0!important;right:auto!important;bottom:auto!important}
 .az2-critical-ring>.c2{left:34.5%!important;top:0!important;right:auto!important;bottom:auto!important}
 .az2-critical-ring>.c6{right:0!important;top:0!important;left:auto!important;bottom:auto!important}
 /* exact requested bottom row: 05 / 04 / 03 */
 .az2-critical-ring>.c5{left:0!important;bottom:0!important;right:auto!important;top:auto!important}
 .az2-critical-ring>.c4{left:34.5%!important;bottom:0!important;right:auto!important;top:auto!important}
 .az2-critical-ring>.c3{right:0!important;bottom:0!important;left:auto!important;top:auto!important}
 .az2-critical-center{
   position:absolute!important;
   left:50%!important;
   top:50%!important;
   width:58%!important;
   aspect-ratio:1!important;
   height:auto!important;
   min-height:0!important;
   box-sizing:border-box!important;
   transform:translate(-50%,-50%)!important;
   border-radius:50%!important;
   padding:24px 18px!important;
   overflow:hidden!important;
   display:flex!important;
   flex-direction:column!important;
   align-items:center!important;
   justify-content:center!important;
   text-align:center!important;
   z-index:5!important;
 }
 .az2-critical-center small{font-size:7px!important}
 .az2-critical-center strong{
   font-size:clamp(19px,5.8vw,25px)!important;
   line-height:1.02!important;
   margin:10px 0!important;
   max-width:100%!important;
   overflow-wrap:anywhere!important;
 }
 .az2-critical-center p{
   font-size:9.5px!important;
   line-height:1.4!important;
   max-width:92%!important;
   margin:0!important;
 }
}
@media(max-width:390px){
 .az2-critical-ring{height:430px!important;min-height:430px!important}
 .az2-critical-ring>button{height:78px!important;min-height:78px!important}
 .az2-critical-ring>button span{font-size:18px!important}
 .az2-critical-center{width:56%!important;padding:20px 14px!important}
 .az2-critical-center strong{font-size:18px!important}
 .az2-critical-center p{font-size:8.5px!important}
}

/* BUILD 24 — MOBILE CRITICAL PATH FINAL COMPOSITION */
@media(max-width:760px){
 .az2-system{padding:42px 14px 52px!important}
 .az2-critical-ring{
   width:100%!important;
   max-width:430px!important;
   height:390px!important;
   min-height:390px!important;
   margin:0 auto!important;
 }
 .az2-critical-ring>button{
   width:31.5%!important;
   height:76px!important;
   min-height:76px!important;
   padding:8px 3px!important;
 }
 .az2-critical-ring>button span{font-size:18px!important;margin-bottom:5px!important}
 .az2-critical-ring>button{font-size:6.5px!important}
 .az2-critical-ring>.c1{left:0!important;top:0!important}
 .az2-critical-ring>.c2{left:34.25%!important;top:0!important}
 .az2-critical-ring>.c6{left:auto!important;right:0!important;top:0!important}
 .az2-critical-ring>.c5{left:0!important;bottom:0!important}
 .az2-critical-ring>.c4{left:34.25%!important;bottom:0!important}
 .az2-critical-ring>.c3{left:auto!important;right:0!important;bottom:0!important}
 .az2-critical-center{
   left:50%!important;
   top:50%!important;
   width:48%!important;
   aspect-ratio:1!important;
   padding:15px 12px!important;
   overflow:hidden!important;
 }
 .az2-critical-center small{font-size:6px!important;letter-spacing:.12em!important}
 .az2-critical-center strong{
   font-size:16px!important;
   line-height:1.02!important;
   margin:7px 0!important;
   overflow-wrap:normal!important;
   word-break:normal!important;
   hyphens:none!important;
 }
 .az2-critical-center p{
   font-size:8px!important;
   line-height:1.28!important;
   max-width:94%!important;
   display:-webkit-box!important;
   -webkit-line-clamp:5!important;
   -webkit-box-orient:vertical!important;
   overflow:hidden!important;
 }
}

/* BUILD 25 — MOBILE CRITICAL PATH INFORMATION CARD
   Desktop retains the circular center. Mobile uses a horizontal architectural
   information panel so every stage can display its full copy legibly. */
@media(max-width:760px){
 .az2-critical-ring{
   height:430px!important;
   min-height:430px!important;
 }
 .az2-critical-center{
   left:5%!important;
   right:5%!important;
   top:50%!important;
   width:90%!important;
   height:auto!important;
   min-height:150px!important;
   max-height:none!important;
   aspect-ratio:auto!important;
   transform:translateY(-50%)!important;
   border-radius:0!important;
   padding:18px 20px!important;
   overflow:visible!important;
   display:grid!important;
   grid-template-columns:88px 1fr!important;
   grid-template-rows:auto auto!important;
   column-gap:18px!important;
   row-gap:7px!important;
   align-items:center!important;
   text-align:left!important;
   border:1px solid rgba(117,168,153,.52)!important;
   background:rgba(13,18,19,.97)!important;
 }
 .az2-critical-center:before{
   content:"";
   position:absolute;
   left:0;
   top:0;
   bottom:0;
   width:3px;
   background:#c99445;
 }
 .az2-critical-center small{
   grid-column:1!important;
   grid-row:1 / span 2!important;
   align-self:center!important;
   font-size:8px!important;
   line-height:1.45!important;
   letter-spacing:.18em!important;
   color:#d5a55f!important;
   -webkit-text-fill-color:#d5a55f!important;
   writing-mode:vertical-rl!important;
   transform:rotate(180deg)!important;
   text-align:center!important;
 }
 .az2-critical-center strong{
   grid-column:2!important;
   grid-row:1!important;
   font-size:clamp(22px,6.2vw,28px)!important;
   line-height:1.02!important;
   margin:0!important;
   max-width:none!important;
   overflow:visible!important;
   overflow-wrap:normal!important;
   word-break:normal!important;
   hyphens:none!important;
   text-align:left!important;
 }
 .az2-critical-center p{
   grid-column:2!important;
   grid-row:2!important;
   font-size:10.5px!important;
   line-height:1.42!important;
   max-width:none!important;
   margin:0!important;
   display:block!important;
   overflow:visible!important;
   -webkit-line-clamp:unset!important;
   text-align:left!important;
 }
}
@media(max-width:390px){
 .az2-critical-ring{height:410px!important;min-height:410px!important}
 .az2-critical-center{
   left:3%!important;
   right:3%!important;
   width:94%!important;
   grid-template-columns:58px 1fr!important;
   column-gap:12px!important;
   padding:15px 14px!important;
 }
 .az2-critical-center strong{font-size:20px!important}
 .az2-critical-center p{font-size:9.5px!important}
}

/* BUILD 28 — HOW ATRIONZ BUILDS: MORE AIR + FASTER PROGRESSION
   Keep the working pinned interaction, but reduce the scroll runway by half.
   Mobile gets more separation between the intro/progress line and the circular
   architecture graphic. */
.az2-assembly{
  height:350vh!important;
}
@media(max-width:760px){
 .az2-assembly{
   height:330vh!important;
   min-height:330vh!important;
 }
 .az2-assembly-sticky{
   padding-top:22px!important;
 }
 .az2-assembly-progress{
   margin-top:14px!important;
 }
 .az2-assembly-stage{
   top:39%!important;
   width:min(55vw,250px)!important;
   height:min(55vw,250px)!important;
   transform:translate(-50%,-50%) scale(.70)!important;
 }
 .az2-assembly-detail{
   top:56%!important;
 }
}
@media(max-width:430px) and (max-height:800px){
 .az2-assembly{
   height:330vh!important;
   min-height:330vh!important;
 }
 .az2-assembly-stage{
   top:38%!important;
   width:min(50vw,215px)!important;
   height:min(50vw,215px)!important;
   transform:translate(-50%,-50%) scale(.67)!important;
 }
 .az2-assembly-detail{
   top:55%!important;
 }
}

/* BUILD 29 — HOW ATRIONZ BUILDS MOBILE COMPOSITION
   Give the six outer boxes more room around the center and remove excess
   lower dead space without changing the now-correct stage progression. */
@media(max-width:760px){
 .az2-assembly-sticky{
   padding-top:18px!important;
   padding-bottom:8px!important;
 }
 .az2-assembly-stage{
   top:37%!important;
   width:min(68vw,305px)!important;
   height:min(68vw,305px)!important;
   transform:translate(-50%,-50%) scale(.82)!important;
 }
 .az2-assembly-core{
   width:76px!important;
   height:76px!important;
   min-width:76px!important;
   min-height:76px!important;
 }
 .az2-assembly-core img{
   width:70px!important;
   max-width:70px!important;
 }
 .az2-assembly-node{
   width:72px!important;
   min-width:72px!important;
   min-height:42px!important;
   padding:6px 5px!important;
 }
 .az2-assembly-detail{
   top:53%!important;
   bottom:auto!important;
   max-height:34dvh!important;
 }
}
@media(max-width:430px) and (max-height:800px){
 .az2-assembly-stage{
   top:36%!important;
   width:min(64vw,270px)!important;
   height:min(64vw,270px)!important;
   transform:translate(-50%,-50%) scale(.78)!important;
 }
 .az2-assembly-core{
   width:70px!important;
   height:70px!important;
   min-width:70px!important;
   min-height:70px!important;
 }
 .az2-assembly-core img{
   width:64px!important;
   max-width:64px!important;
 }
 .az2-assembly-node{
   width:66px!important;
   min-width:66px!important;
 }
 .az2-assembly-detail{
   top:52%!important;
   max-height:36dvh!important;
 }
}

/* BUILD 30 — HOW ATRIONZ BUILDS MOBILE VIEWPORT LOCK
   Screenshot-calibrated final mobile composition. Keep the pinned action at
   this vertical arrangement while stages progress. */
@media(max-width:760px){
 .az2-assembly-sticky{
   height:calc(100dvh - 66px)!important;
   max-height:calc(100dvh - 66px)!important;
   min-height:0!important;
   overflow:hidden!important;
 }
 .az2-assembly-stage{
   top:35%!important;
 }
 .az2-assembly-detail{
   top:54%!important;
   bottom:auto!important;
   max-height:39dvh!important;
 }
}
@media(max-width:430px) and (max-height:800px){
 .az2-assembly-stage{top:34%!important}
 .az2-assembly-detail{top:52%!important;max-height:41dvh!important}
}

/* BUILD 31 — HOW ATRIONZ BUILDS: LOWER THE PINNED DIAGRAM
   Screenshot-calibrated: the architecture graphic was being clipped beneath
   the fixed site header. Move the diagram down while keeping the information
   card in the useful lower-middle position. */
@media(max-width:760px){
 .az2-assembly-stage{
   top:43%!important;
 }
 .az2-assembly-detail{
   top:58%!important;
   max-height:37dvh!important;
 }
}
@media(max-width:430px) and (max-height:800px){
 .az2-assembly-stage{top:41%!important}
 .az2-assembly-detail{top:56%!important;max-height:39dvh!important}
}

/* BUILD 32 — HOW ATRIONZ BUILDS: LOWER BOTH PINNED STATES
   The active architecture/detail state and the final CTA reveal were both
   sitting too high beneath the fixed mobile header. */
@media(max-width:760px){
 .az2-assembly-stage{
   top:49%!important;
 }
 .az2-assembly-detail{
   top:63%!important;
   max-height:34dvh!important;
 }
 .az2-assembly-reveal,
 .az2-assembly-cta,
 .az2-assembly-finale{
   top:54%!important;
   bottom:auto!important;
   transform:translateY(-50%)!important;
   max-height:calc(100dvh - 150px)!important;
   overflow-y:auto!important;
 }
}
@media(max-width:430px) and (max-height:800px){
 .az2-assembly-stage{top:46%!important}
 .az2-assembly-detail{top:60%!important;max-height:36dvh!important}
 .az2-assembly-reveal,
 .az2-assembly-cta,
 .az2-assembly-finale{
   top:52%!important;
   max-height:calc(100dvh - 140px)!important;
 }
}

/* BUILD 33 — FINAL ASSEMBLY CTA ONLY
   Everything before the final reveal is left untouched.
   On mobile, stop vertically centering a panel taller than the usable viewport.
   Fit the complete final message below the fixed header instead. */
@media(max-width:760px){
 .az2-assembly-cta{
   inset:0!important;
   top:0!important;
   right:0!important;
   bottom:0!important;
   left:0!important;
   transform:none!important;
   padding:22px 24px 18px!important;
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   overflow:hidden!important;
 }
 .az2-assembly-cta.show{
   transform:none!important;
 }
 .az2-assembly-cta-inner{
   width:100%!important;
   max-width:620px!important;
   max-height:calc(100dvh - 112px)!important;
   margin:0 auto!important;
   padding:8px 0!important;
   overflow-y:auto!important;
   overscroll-behavior:contain!important;
 }
 .az2-assembly-cta .az2-label{
   margin:0 0 10px!important;
 }
 .az2-assembly-cta h3{
   font-size:clamp(34px,10vw,46px)!important;
   line-height:.92!important;
   margin:12px 0 18px!important;
 }
 .az2-assembly-cta p{
   font-size:13px!important;
   line-height:1.55!important;
   margin:0!important;
 }
 .az2-assembly-cta-actions{
   margin:24px 0 18px!important;
   gap:10px!important;
 }
 .az2-assembly-cta-actions button{
   width:100%!important;
   padding:16px 18px!important;
 }
 .az2-assembly-cta-actions a{
   padding:12px 0!important;
 }
 .az2-assembly-cta-inner>small{
   display:block!important;
   line-height:1.55!important;
   margin-top:10px!important;
 }
 .az2-assembly-cta:after{
   top:24px!important;
   right:18px!important;
   font-size:76px!important;
 }
}
@media(max-width:430px) and (max-height:800px){
 .az2-assembly-cta{
   padding:14px 20px 12px!important;
 }
 .az2-assembly-cta-inner{
   max-height:calc(100dvh - 94px)!important;
 }
 .az2-assembly-cta h3{
   font-size:32px!important;
   margin:8px 0 12px!important;
 }
 .az2-assembly-cta p{
   font-size:11.5px!important;
   line-height:1.45!important;
 }
 .az2-assembly-cta-actions{
   margin:16px 0 12px!important;
 }
}

/* BUILD 34 — FINAL CTA: LOWER THE CONTENT, KEEP THE COMPLETE HEADLINE
   The mobile final reveal now uses a top-safe layout rather than vertical
   centering. This prevents the headline from living beneath the fixed header. */
@media(max-width:760px){
 .az2-assembly-cta{
   align-items:flex-start!important;
   justify-content:center!important;
   padding:78px 24px 18px!important;
 }
 .az2-assembly-cta-inner{
   max-height:calc(100dvh - 172px)!important;
   padding:0!important;
   margin:0 auto!important;
 }
 .az2-assembly-cta h3{
   font-size:clamp(30px,8.8vw,42px)!important;
   line-height:.94!important;
   margin:8px 0 16px!important;
 }
 .az2-assembly-cta p{
   font-size:12px!important;
   line-height:1.48!important;
 }
 .az2-assembly-cta-actions{
   margin:20px 0 14px!important;
 }
 .az2-assembly-cta-actions button{
   padding:14px 16px!important;
 }
 .az2-assembly-cta-actions a{
   padding:9px 0!important;
 }
 .az2-assembly-cta-inner>small{
   margin-top:8px!important;
   font-size:8px!important;
   line-height:1.45!important;
 }
}
@media(max-width:430px) and (max-height:800px){
 .az2-assembly-cta{
   padding-top:62px!important;
 }
 .az2-assembly-cta-inner{
   max-height:calc(100dvh - 142px)!important;
 }
 .az2-assembly-cta h3{
   font-size:28px!important;
 }
}

/* BUILD 35 — FINAL CTA: REMOVE THE NESTED MOBILE SCROLLER
   The clipped top was not primarily a positioning issue. The CTA inner panel
   had become its own scroll container and was retaining a downward scroll
   position, which is why screenshots began halfway through the paragraph.
   Keep the whole final CTA as one non-scrolling composition on mobile. */
@media(max-width:760px){
 .az2-assembly-cta{
   padding:20px 22px 16px!important;
   align-items:flex-start!important;
   justify-content:center!important;
   overflow:hidden!important;
 }
 .az2-assembly-cta-inner{
   width:100%!important;
   max-width:620px!important;
   max-height:none!important;
   height:auto!important;
   overflow:visible!important;
   overscroll-behavior:auto!important;
   margin:0 auto!important;
   padding:18px 0 0!important;
 }
 .az2-assembly-cta .az2-label{
   margin:0 0 7px!important;
   font-size:7px!important;
 }
 .az2-assembly-cta h3{
   font-size:clamp(27px,7.8vw,36px)!important;
   line-height:.93!important;
   margin:6px 0 13px!important;
 }
 .az2-assembly-cta p{
   font-size:10.5px!important;
   line-height:1.42!important;
   margin:0!important;
   max-width:100%!important;
 }
 .az2-assembly-cta-actions{
   margin:16px 0 10px!important;
   gap:6px!important;
 }
 .az2-assembly-cta-actions button{
   padding:13px 14px!important;
 }
 .az2-assembly-cta-actions a{
   padding:8px 0!important;
 }
 .az2-assembly-cta-inner>small{
   margin-top:5px!important;
   font-size:6.5px!important;
   line-height:1.4!important;
 }
 .az2-assembly-cta:after{
   font-size:58px!important;
   top:12px!important;
 }
}

/* BUILD 36 — FINAL CTA MOBILE HEADER CLEARANCE
   Build 35 correctly removed the nested scroller, but its 20px top padding
   overrode the earlier header-safe offset. The final CTA therefore started
   behind the sticky mobile header. Preserve the non-scrolling CTA and give
   the entire composition explicit clearance below the header. */
@media(max-width:760px){
  .az2-assembly-cta{
    box-sizing:border-box!important;
    padding:clamp(150px,21dvh,190px) 22px 18px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .az2-assembly-cta-inner{
    padding:0!important;
    margin:0 auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}
@media(max-width:430px) and (max-height:800px){
  .az2-assembly-cta{
    padding-top:118px!important;
  }
}

/* BUILD 37 — FINAL CTA MOBILE: PUT THE WHOLE MESSAGE IN THE SAFE VIEWPORT
   Build 36 exposed the paragraph but the label/headline are still above the
   sticky viewport. This override anchors the final CTA content itself below
   the mobile header and compresses it only enough to keep the full message
   visible as one composition. */
@media(max-width:760px){
  .az2-assembly-cta{
    position:absolute!important;
    inset:0!important;
    box-sizing:border-box!important;
    display:block!important;
    padding:0 22px 16px!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .az2-assembly-cta.show{
    transform:none!important;
  }
  .az2-assembly-cta-inner{
    position:absolute!important;
    top:72px!important;
    left:22px!important;
    right:22px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
  }
  .az2-assembly-cta .az2-label{
    display:block!important;
    margin:0 0 5px!important;
    font-size:7px!important;
    line-height:1.2!important;
  }
  .az2-assembly-cta h3{
    font-size:clamp(26px,7.4vw,34px)!important;
    line-height:.92!important;
    margin:5px 0 11px!important;
  }
  .az2-assembly-cta p{
    font-size:10px!important;
    line-height:1.38!important;
    margin:0!important;
  }
  .az2-assembly-cta-actions{
    margin:14px 0 8px!important;
    gap:4px!important;
  }
  .az2-assembly-cta-actions button{
    padding:12px 14px!important;
  }
  .az2-assembly-cta-actions a{
    padding:7px 0!important;
  }
  .az2-assembly-cta-inner>small{
    margin-top:4px!important;
    font-size:6.3px!important;
    line-height:1.35!important;
  }
}
@media(max-width:430px) and (max-height:800px){
  .az2-assembly-cta-inner{
    top:52px!important;
  }
  .az2-assembly-cta h3{
    font-size:25px!important;
  }
  .az2-assembly-cta p{
    font-size:9.5px!important;
  }
}

/* BUILD 38 — FINAL CTA: MATCH THE ACTUAL MOBILE HEADER HEIGHT
   The sticky assembly begins behind the site header. Build 37 anchored the CTA
   only 72px from that hidden origin, so the label/headline still lived under
   the roughly 150px mobile header. Anchor the CTA content below the real
   header footprint. */
@media(max-width:760px){
  .az2-assembly-cta-inner{
    top:170px!important;
  }
}
@media(max-width:430px) and (max-height:800px){
  .az2-assembly-cta-inner{
    top:145px!important;
  }
}

/* BUILD 39 — FINAL CTA MOBILE TAP FIX
   Preserve the approved mobile composition. During the CTA phase, remove the
   hidden assembly layers from touch hit-testing and explicitly put the CTA
   controls above the reveal surface. */
@media(max-width:760px){
  .az2-assembly.cta-phase .az2-assembly-intro,
  .az2-assembly.cta-phase .az2-assembly-stage,
  .az2-assembly.cta-phase .az2-assembly-detail{
    pointer-events:none!important;
  }

  .az2-assembly-cta.show{
    z-index:200!important;
    pointer-events:auto!important;
  }

  .az2-assembly-cta-inner{
    z-index:202!important;
    pointer-events:auto!important;
  }

  .az2-assembly-cta-actions{
    position:relative!important;
    z-index:205!important;
    pointer-events:auto!important;
  }

  .az2-assembly-cta-actions button,
  .az2-assembly-cta-actions a{
    position:relative!important;
    z-index:206!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(0,0,0,.08)!important;
  }
}


/* BUILD 40 — ORIGIN DISCOVERY GATEWAY
   Surgical integration into the locked homepage. */
.az2-origin-gateway{
  position:relative;
  display:grid;
  grid-template-columns:140px minmax(0,1fr) auto;
  align-items:center;
  gap:42px;
  padding:46px max(5vw,48px);
  border-top:1px solid rgba(25,31,29,.12);
  border-bottom:1px solid rgba(25,31,29,.12);
  background:#eeeae1;
  overflow:hidden;
}
.az2-origin-gateway:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(177,137,67,.7),transparent);
}
.az2-origin-mark{
  width:124px;height:124px;
  display:grid;place-items:center;
  border:1px solid rgba(177,137,67,.28);
  border-radius:50%;
  transition:transform .45s ease,border-color .45s ease;
}
.az2-origin-mark img{
  width:112%;height:112%;object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.12));
  transition:transform .65s cubic-bezier(.2,.7,.2,1);
}
.az2-origin-mark:hover{transform:scale(1.025);border-color:rgba(177,137,67,.7)}
.az2-origin-mark:hover img{transform:rotate(8deg) scale(1.04)}
.az2-origin-gateway-copy{max-width:720px}
.az2-origin-gateway-copy .az2-label{margin-bottom:9px}
.az2-origin-gateway-copy h2{
  margin:0 0 8px;
  color:#18211f;
  font-size:clamp(34px,3.3vw,58px);
  line-height:.95;
  letter-spacing:-.045em;
}
.az2-origin-gateway-copy h2 em{
  color:#9b7335;
  font-family:Georgia,serif;
  font-weight:400;
}
.az2-origin-gateway-copy p{
  max-width:650px;margin:0;
  color:rgba(24,33,31,.72);
  font-size:14px;line-height:1.65;
}
.az2-origin-gateway-link{
  min-width:245px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  padding:18px 0;
  border-top:1px solid rgba(24,33,31,.24);
  border-bottom:1px solid rgba(24,33,31,.24);
  color:#18211f;text-decoration:none;
  font-size:10px;font-weight:700;letter-spacing:.16em;
}
.az2-origin-gateway-link i{font-style:normal;color:#a77d3e;font-size:18px;transition:transform .3s ease}
.az2-origin-gateway-link:hover i{transform:translateX(6px)}

@media(max-width:760px){
 .az2-origin-gateway{
   grid-template-columns:82px minmax(0,1fr);
   gap:18px 20px;
   padding:28px 24px 30px;
 }
 .az2-origin-mark{width:78px;height:78px}
 .az2-origin-gateway-copy h2{font-size:34px}
 .az2-origin-gateway-copy p{font-size:11px;line-height:1.55}
 .az2-origin-gateway-link{
   grid-column:1/-1;
   min-width:0;width:100%;
   padding:14px 0 12px;
   font-size:9px;
 }
}