/* Two different visual mechanisms: commercial operations and audit evidence. */
.fn-visual,.au-visual{font-family:inherit;--fn-ink:#183349;--fn-paper:#f0e6d4;--fn-copper:#d6a87a}
.fn-ground{position:absolute;left:3%;right:1%;bottom:13%;height:44%;transform:perspective(500px) rotateX(63deg) rotateZ(-5deg);background:linear-gradient(110deg,#3c5d6b48,#28465714);border:1px solid #8eabb441;border-radius:2px;box-shadow:0 15px 0 #0b1b29,0 20px 24px #0004}
.fn-brand{position:absolute;left:2%;top:2%;font-size:clamp(13px,5cqh,19px);line-height:1;font-weight:600;letter-spacing:-.035em;color:#eadbc3}.fn-brand>span{font-weight:400;color:#b9c8d1;margin-left:.2em}.fn-brand>small{display:block;font-size:clamp(6px,2.1cqh,8px);letter-spacing:.13em;line-height:1.3;color:#a7bcc9;margin-top:2cqh}
.fn-business{position:absolute;left:5%;top:29%;width:34%;height:51%;transform:rotateY(14deg) rotateZ(-3deg);transform-style:preserve-3d;transition:transform .65s}
.fn-building-roof{position:absolute;top:-9%;left:0;right:0;height:22%;background:linear-gradient(110deg,#e5bf91,#ab794c);transform:skewX(-33deg);transform-origin:bottom left;border-top:1px solid #f7d4aa;box-shadow:0 1px 1px #f0cfa644;display:flex;align-items:center;justify-content:center}.fn-building-roof>span{font-size:clamp(7px,2.9cqh,11px);font-weight:600;letter-spacing:.06em;transform:skewX(33deg);color:#183349;line-height:1.15}
.fn-building-face{position:absolute;inset:12% 0 0;background:linear-gradient(120deg,#1b425d,#2d5770 60%,#1b384f);border:1px solid #7898aa63;border-top:3px solid #dbb58a;border-bottom:3px solid #163047;box-shadow:inset 0 -14px 30px #07132144}
.fn-building-side{position:absolute;top:12%;right:-11%;bottom:0;width:11%;background:linear-gradient(90deg,#0e2235,#31536a);transform:skewY(-57deg);transform-origin:left top;border:1px solid #5b7d9154;border-left:0}
.fn-foundation{position:absolute;left:-7%;right:-17%;bottom:-13%;height:13%;background:linear-gradient(#547082,#314a5c);transform:skewX(-28deg);box-shadow:0 6px 0 #182f41;display:flex;align-items:center;justify-content:center}.fn-foundation>span{font-size:clamp(8px,3.2cqh,12px);line-height:1.1;transform:skewX(28deg);color:#e6e5df;white-space:nowrap}
.fn-services{height:100%;display:flex;justify-content:center;align-items:center;gap:8%;padding:9%}.fn-ticket{height:83%;width:40%;position:relative;display:grid;grid-template-rows:auto 1fr;align-items:center;justify-items:center;gap:2cqh;padding:2.8cqh 1cqw 1.8cqh;background:linear-gradient(110deg,#eee4d2,#c7b69a);color:#254056;box-shadow:2px 3px 0 #071b2b80;transform:rotate(-6deg)}.fn-ticket:last-child{transform:rotate(6deg);background:linear-gradient(110deg,#b99066,#dfb17c)}.fn-ticket>span{font-size:clamp(5px,1.9cqh,8px);letter-spacing:.02em;line-height:1}.fn-ticket>b{font-size:clamp(20px,11cqh,42px);font-weight:400;line-height:.8}.fn-ticket>i{position:absolute;top:0;left:28%;right:28%;height:1cqh;background:#5d7380}
.fn-commerce{height:100%;position:relative}.fn-awning{position:absolute;top:0;left:0;right:0;height:25%;display:flex;transform:skewX(-9deg);transform-origin:top;filter:drop-shadow(0 3px 2px #0004)}.fn-awning>i{width:20%;height:100%;border-radius:0 0 3px 3px;background:#d0b18b}.fn-awning>i:nth-child(even){background:#536e7d}.fn-shops{position:absolute;left:10%;right:10%;bottom:12%;height:50%;display:flex;gap:8%}.fn-shops>i{flex:1;background:linear-gradient(130deg,#a7c2cb66,#1e3a50);border:1px solid #7996a789;box-shadow:inset 0 2px 3px #071a2b}.fn-parcel{position:absolute;right:-16%;bottom:-4%;width:31%;height:37%;background:#bc956b;transform:skewY(-8deg);box-shadow:3px 3px 0 #714d2e,5px 6px 12px #0004}.fn-parcel:before{content:'';position:absolute;top:-22%;left:0;right:0;height:22%;background:#e1c19b;transform:skewX(-40deg);transform-origin:bottom left}.fn-parcel>i{position:absolute;top:0;bottom:0;left:44%;width:18%;background:#dec4a1;border-inline:1px solid #a786622e}
.fn-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.exhibit .fn-flow path{stroke:#c99a6a;stroke-width:1.8;fill:none;filter:drop-shadow(0 0 4px #d6a87a77)}.exhibit .fn-flow circle{fill:#edd7b9}
.fn-deliverables{position:absolute;right:1%;top:19%;bottom:16%;width:45%;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:4cqh;perspective:900px}
.fn-output{display:flex;align-items:center;gap:2cqw;padding:2cqh 2.3cqw;position:relative;min-height:0;background:linear-gradient(115deg,#eadfc9,#f4edde 70%,#d4c4a9);color:#1a364a;transform:rotateY(-8deg) rotateZ(-2deg);border:1px solid #f4e7d0;box-shadow:2px 3px 0 #9f8865,4px 6px 0 #0c1e2d,0 10px 20px #0003;transition:transform .65s,background .65s}
.fn-output>span{font-size:clamp(11px,5.5cqh,21px);font-family:Editorial,Georgia,serif;font-style:italic;color:#9b7045;line-height:1}.fn-output>div{min-width:0}.fn-output strong{display:block;font-size:clamp(12px,4.8cqh,18px);font-weight:400;line-height:1.05;letter-spacing:-.025em}.fn-output small{display:block;font-size:clamp(7px,2.8cqh,10px);line-height:1.2;margin-top:1.2cqh;color:#59707b}.fn-output>i{position:absolute;right:1.4cqw;top:2cqh;bottom:2cqh;width:1px;background:#a07a4c38}.fn-output-two{transform:translateX(-1cqw) rotateY(-8deg) rotateZ(-2deg)}.fn-output-three{transform:translateX(-2cqw) rotateY(-8deg) rotateZ(-2deg)}
.fn-contribution{position:absolute;left:6%;right:1%;bottom:0;display:flex;align-items:baseline;justify-content:space-between;gap:3cqw;font-size:clamp(8px,3cqh,12px);line-height:1.2;color:#9eb6c7}.fn-contribution>b{font-weight:400;color:#e5c59f}
.exhibit-digital[data-mode="1"] .fn-business{transform:translateY(-2cqh) rotateY(5deg) rotateZ(-1deg)}.exhibit-digital[data-mode="1"] .fn-output-one{transform:translateX(-1cqw) rotateY(-3deg) rotateZ(1deg)}.exhibit-digital[data-mode="1"] .fn-output-two{transform:translateX(-2cqw) rotateY(-3deg) rotateZ(1deg)}.exhibit-digital[data-mode="1"] .fn-output-three{transform:translateX(-3cqw) rotateY(-3deg) rotateZ(1deg)}
/* An optical audit instrument links the selected source to documented evidence. */
.au-client-context{position:absolute;top:0;left:4%;right:2%;display:flex;align-items:center;gap:3cqw;font-size:clamp(7px,2.6cqh,10px);letter-spacing:.06em;line-height:1.3;color:#b5c7d2}.au-client-context>i{height:1px;flex:1;background:#d6a87a66}
.au-plinth{position:absolute;left:5%;right:1%;bottom:15%;height:30%;transform:perspective(550px) rotateX(65deg) rotateZ(-3deg);background:linear-gradient(100deg,#2e536b88,#132a4044);border:1px solid #97b6c447;box-shadow:0 8px 0 #0b2033,0 16px 25px #0005}
.au-sources{position:absolute;left:2%;top:26%;width:29%;height:57%;perspective:800px}.au-source{position:absolute;width:90%;height:87%;background:linear-gradient(120deg,#e6dfd0,#fcf3e5 65%,#d6c9b0);transform:rotateY(9deg) rotateZ(-7deg);border:1px solid #e4d5ba;box-shadow:2px 3px 0 #9b8e78,0 15px 23px #0004;color:#233d50}.au-source-back{top:-7%;left:9%;background:linear-gradient(110deg,#31536a,#19374f);border-color:#63829673;transform:rotateY(8deg) rotateZ(5deg);display:flex;gap:2cqw;padding:4cqh 3cqw}.au-source-back>i{width:1px;background:#b6c5cb38;flex:1;border-top:1px solid #b6c5cb55}.au-source-front{top:4%;left:0;padding:3cqh 2cqw;display:flex;flex-direction:column;gap:2.5cqh}.au-source-front>small{font-size:clamp(6px,2.2cqh,9px);letter-spacing:.03em;line-height:1.2;color:#637b85}.au-source-front>strong{display:block;font-family:Editorial,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(13px,5.7cqh,22px);line-height:1;letter-spacing:-.035em;margin-top:auto}
.au-ledger{flex:1;display:grid;grid-template-rows:repeat(4,1fr);gap:2cqh}.au-ledger>i{border-bottom:1px solid #8799956e;background:linear-gradient(90deg,transparent 68%,#87999544 68%,#87999544 69%,transparent 69%);position:relative}.au-ledger>i:after{content:'';position:absolute;left:0;right:40%;bottom:25%;height:1px;background:#4765775e}
.au-process{flex:1;display:flex;flex-direction:column;gap:2cqh;align-items:center}.au-process>i{flex:1;min-height:4px;width:62%;border:1px solid #738a91;position:relative}.au-process>i:not(:last-child):after{content:'';position:absolute;top:100%;left:50%;height:2cqh;width:1px;background:#ab7c4d}.au-process>i:nth-child(2){background:#bd976e55;border-color:#af895e}
.au-consolidation{flex:1;position:relative}.au-consolidation>i{position:absolute;width:33%;height:37%;border:1px solid #8a9e9e;background:#92a6a433;top:0}.au-consolidation>i:nth-child(2){right:0}.au-consolidation>i:nth-child(3){left:33%;bottom:0;top:auto;background:#bb956b55;border-color:#af895e}.au-consolidation:before,.au-consolidation:after{content:'';position:absolute;top:37%;width:33%;height:28%;border-bottom:1px solid #a77c50}.au-consolidation:before{left:16%;border-left:1px solid #a77c50}.au-consolidation:after{right:16%;border-right:1px solid #a77c50}
.au-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.exhibit .au-connections .au-wire{fill:none;stroke:#d7b184;stroke-width:2;filter:drop-shadow(0 0 4px #dbaf7e99)}.exhibit .au-connections .au-return{fill:none;stroke:#8ba1aa;stroke-width:1;stroke-dasharray:3 6;opacity:.5}
.au-lens{position:absolute;left:27%;top:19%;width:40%;height:66%;transform:rotateY(-8deg);transition:transform .7s;filter:drop-shadow(0 16px 14px #0005)}.au-lens-rim{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,#d8c5aa,#344e60 12%,#d2ad7d 29%,#f2d9b5 37%,#5c6c70 46%,#b88c5e 65%,#e9d2af 75%,#304d62 88%,#d8c5aa);box-shadow:4px 4px 0 #253d4e,inset 2px 2px 3px #fff6,inset -2px -3px 4px #071422;transform:rotate(-14deg)}.au-lens-glass{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(ellipse at 28% 20%,#9ac0d327,transparent 65%),linear-gradient(145deg,#1d4357f5,#0b2134f5);border:1px solid #ccbea4;box-shadow:inset 0 0 18px #91afba44,0 0 0 1px #172e3f;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8%;gap:2cqh;overflow:hidden}.au-lens-glass:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#d5e5e70d,transparent 31%,#d5e5e70e 32%,transparent 34%);pointer-events:none}.au-lens-glass>small{font-size:clamp(5px,2.1cqh,8px);letter-spacing:.07em;line-height:1.2;color:#a6bac6}.au-lens-glass>strong{display:block;font-size:clamp(13px,6.3cqh,24px);font-weight:400;letter-spacing:-.025em;line-height:1.05;color:#f0e7d7;z-index:1}.au-lens-glass>span{display:block;font-size:clamp(7px,2.7cqh,10px);line-height:1.2;color:#dfb98c;z-index:1}.au-lens-focus{position:absolute;inset:21% 12%;opacity:.3}.au-lens-focus>i{position:absolute;width:10%;height:13%;border:1px solid #d4b68f}.au-lens-focus>i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.au-lens-focus>i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.au-lens-focus>i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.au-lens-focus>i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}
.au-evidence{position:absolute;right:0;top:32%;bottom:20%;width:28%;display:grid;grid-template-rows:1fr 1fr;gap:5cqh;perspective:800px}.au-evidence>div{position:relative;display:flex;align-items:center;gap:1.6cqw;padding:2.5cqh 1.8cqw;background:linear-gradient(120deg,#e6d7bf,#f3eadd);box-shadow:2px 3px 0 #9d8a6e,4px 6px 0 #0b1d2b;transform:rotateY(-8deg) rotateZ(-2deg);border:1px solid #e4d4b9;color:#223e51;transition:transform .6s}.au-evidence span{font-family:Editorial,Georgia,serif;font-style:italic;font-size:clamp(10px,4.7cqh,18px);line-height:1;color:#9a7149}.au-evidence strong{display:block;font-weight:400;font-size:clamp(11px,4.1cqh,16px);line-height:1.08;letter-spacing:-.025em}.au-evidence i{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#c3a174}.au-evidence .au-proof-bottom{background:linear-gradient(120deg,#213e53,#34566c);border-color:#7692a055;color:#e8e1d6}.au-proof-bottom>span{color:#d1ad7f}.au-foot{position:absolute;bottom:0;left:3%;right:0;display:flex;align-items:center;justify-content:space-between;gap:2cqw;font-size:clamp(6px,2.4cqh,9px);letter-spacing:.03em;line-height:1.2;color:#8fa8ba}.au-foot>b{font-size:clamp(8px,3cqh,12px);font-weight:400;letter-spacing:0;color:#c9b08e}
.exhibit-audit[data-mode="1"] .au-lens{transform:translateY(-2cqh) rotateY(0deg)}.exhibit-audit[data-mode="2"] .au-lens{transform:translateX(1cqw) rotateY(7deg)}.exhibit-audit[data-mode="1"] .au-proof-top,.exhibit-audit[data-mode="2"] .au-proof-bottom{transform:translateY(-1.5cqh) rotateY(-2deg) rotateZ(0)}
@container object-stage (max-height:190px){
 .fn-brand>small,.fn-contribution>span,.au-foot>span{display:none}.fn-brand{font-size:14px}.fn-contribution{justify-content:flex-end}.fn-contribution>b{font-size:10px}
 .fn-output{padding:2cqh 2cqw;gap:1.5cqw}.fn-output>span{font-size:12px}.fn-output strong{font-size:12px}.fn-output small{font-size:8px}.fn-deliverables{top:15%;bottom:16%;gap:3cqh}.fn-business{top:27%;height:53%}.fn-building-roof>span{font-size:8px}.fn-foundation>span{font-size:9px}
 .au-client-context{font-size:7px;letter-spacing:.01em}.au-lens-glass>small{display:none}.au-lens-glass>strong{font-size:13px}.au-lens-glass>span{font-size:8px}.au-evidence strong{font-size:11px}.au-evidence span{font-size:10px}.au-source-front>strong{font-size:13px}.au-source-front>small{font-size:6px}.au-foot{justify-content:flex-end}.au-foot>b{font-size:10px}
}
@container object-stage (max-height:130px){
 .fn-brand{font-size:11px}.fn-output small,.au-source-front>small,.au-foot,.fn-contribution{display:none}.fn-output strong{font-size:11px}.fn-deliverables{bottom:5%;top:11%;gap:4cqh}.fn-business{height:59%;top:27%}.fn-ground{bottom:5%}.fn-services{padding:6%}.fn-ticket>span{display:none}.fn-ticket{grid-template-rows:1fr}.fn-foundation>span{font-size:8px}.fn-brand{top:0}
 .au-lens{top:16%;height:78%}.au-lens-glass>strong{font-size:12px}.au-lens-glass>span{font-size:7px}.au-sources{top:29%;height:63%}.au-source-front>strong{font-size:12px}.au-evidence{top:27%;bottom:10%;gap:5cqh}.au-evidence strong{font-size:10px}.au-evidence>div{padding:1cqh 1.6cqw}.au-evidence span{display:none}.au-client-context{font-size:6px}.au-plinth{bottom:6%}
}

/* Digital marketplace: three symbolic merchant feeds converge to one hub. */
.fn-merchant-network{position:absolute;left:10%;right:10%;top:36%;bottom:8%;display:flex;justify-content:space-between;align-items:flex-start}
.fn-merchant{position:relative;display:flex;align-items:center;justify-content:center;gap:12%;width:24%;height:47%;background:linear-gradient(130deg,#afc5ca,#45687d);border:1px solid #c2d0cc88;box-shadow:1px 2px 0 #10283d;z-index:1}
.fn-merchant>i{width:20%;height:35%;border:1px solid #193d54;background:#d8c19f88}
.fn-merchant:after{content:'';position:absolute;left:50%;top:100%;height:38%;width:1px;background:#d6b185}
.fn-merchant-network:before{content:'';position:absolute;left:12%;right:12%;top:65%;height:1px;background:#d6b185}
.fn-network-hub{position:absolute;left:43%;bottom:0;width:14%;height:26%;border:1px solid #ead5b7;background:#c69a6a;border-radius:50%;box-shadow:0 0 8px #d6a87a44}
.fn-network-hub:before{content:'';position:absolute;left:50%;bottom:100%;width:1px;height:42%;background:#d6b185}
@container object-stage (max-width:400px){
 .au-evidence span{display:none}
 .au-evidence>div{gap:0;padding-inline:1.6cqw}
 .au-evidence strong{font-size:11px}
 .au-source-front>strong{font-size:13px;max-width:100%}
}
@container object-stage (max-width:300px){
 .au-evidence strong{font-size:10px}
 .au-source-front>strong{font-size:12px}
}
