/* Edition 03 – human portrait, readable data, industry stories, accessible interactions */
/* Crisp contrast and accessible captions on deep black */
.role-evidence{background:radial-gradient(circle at 87% 8%,#6c482c30,transparent 55%),#12100d!important;border:1px solid #b998627e!important;box-shadow:inset 0 0 0 1px #ffffff05,0 12px 36px #0005}
.role-evidence .evidence-label{color:#e7cda1!important;font-size:12px!important;letter-spacing:.15em;line-height:1.6;text-shadow:0 1px 6px #000}
.role-evidence .evidence-value{display:block;font:600 clamp(48px,5.7vw,84px)/1.14 Georgia,serif;letter-spacing:-.045em;margin:14px 0 15px;filter:drop-shadow(0 8px 20px #c0a07013)}
.role-evidence .evidence-desc{color:#f1e7da!important;font-size:15px!important;line-height:1.6;max-width:320px}
.role-card p{color:#e5d7c6!important}.role-card h4{color:#fff6e9!important}.role-card .role-caption{color:#dab784!important}
.hero-art{position:relative}.hero-photo-wrap{position:absolute;inset:0;z-index:3;overflow:hidden;opacity:1;transition:opacity .6s,transform .8s;pointer-events:none;background:#0c0b09}
.hero-photo-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 39%;filter:saturate(.76) contrast(1.06) brightness(.83);transform:scale(1.04);transition:transform 1.4s ease}.art-frame:hover .hero-photo-wrap img{transform:scale(1.095)}
.hero-photo-wrap:before{content:"";z-index:2;position:absolute;inset:0;background:linear-gradient(90deg,#06060524,transparent 44%),linear-gradient(0deg,#050505 0%,#050505c9 3%,transparent 42%),linear-gradient(90deg,#0a080719,transparent 70%,#08070654);pointer-events:none}
.hero-photo-wrap:after{content:"";z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 80px #0606059c;pointer-events:none}
.photo-edition{position:absolute;left:28px;bottom:34px;z-index:5;color:#e3c89d;font:800 9px var(--head);letter-spacing:.2em}
.frame-top,.frame-bottom{z-index:7}.art-rotate{z-index:9!important;bottom:81px!important;border-color:#d6b989aa!important;background:#050505c7!important;backdrop-filter:blur(8px);color:#f1d7ab!important}
.art-frame[data-foil="1"] .hero-photo-wrap,.art-frame[data-foil="2"] .hero-photo-wrap{opacity:0;transform:scale(1.05)}.art-frame[data-foil="1"] .art-glyph,.art-frame[data-foil="2"] .art-glyph{z-index:4}
.art-frame[data-foil="0"] .art-glyph,.art-frame:not([data-foil]) .art-glyph{opacity:0;transition:opacity .7s,transform .8s}
.art-frame[data-foil="1"] .art-glyph,.art-frame[data-foil="2"] .art-glyph{opacity:1;transition:opacity .7s,transform .8s}
.art-frame .art-scan{z-index:5}.art-frame .art-pointer{z-index:5}
/* Industries are a full content chapter, not a tag cloud */
.industries{background:radial-gradient(ellipse at 81% 45%,#5e41211e,transparent 60%),#080706!important}.industry-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:65px;align-items:end;margin-bottom:42px}.industry-intro .section-lead{max-width:430px}.industry-interface{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);border:1px solid #95774a86;background:#100d09}.industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch}.industry-tile{position:relative;overflow:hidden;min-height:143px;border:0;border-right:1px solid #a7895457;border-bottom:1px solid #a7895457;background:linear-gradient(138deg,#11100d,#080807);text-align:left;color:#e8decf;padding:24px 28px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s}
.industry-tile:nth-last-child(-n+2){border-bottom:0}.industry-tile .industry-index{display:block;color:#c3a777;font:800 9px var(--head);letter-spacing:.15em}.industry-tile strong{display:block;font:750 clamp(17px,1.65vw,25px)/1.23 var(--head);letter-spacing:-.04em;padding-right:27px;max-width:270px}.industry-icon{position:absolute;right:22px;bottom:17px;color:#a8854f;font-size:24px;transition:transform .35s,color .25s}.industry-tile:hover{background:#2c2114}.industry-tile:hover .industry-icon{transform:rotate(-15deg) scale(1.2);color:#eed4a1}.industry-tile.selected{background:linear-gradient(145deg,#453019,#1a130c 80%);box-shadow:inset 3px 0 #d2af78}.industry-tile.selected strong{color:#f3dfbc}.industry-tile.selected .industry-index{color:#e7c68e}
.industry-spotlight{position:relative;overflow:hidden;min-width:0;background:radial-gradient(ellipse at 70% 30%,#7b59302b,transparent 70%),#0b0a08;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,3.5vw,51px)}.industry-spotlight:after{content:"";height:180px;width:180px;border:1px solid #b18a5060;position:absolute;right:-85px;top:35%;transform:rotate(35deg);pointer-events:none}.industry-spotlight-head{display:flex;gap:14px;justify-content:space-between;color:#c4ae89;font:800 10px var(--head);letter-spacing:.1em}.industry-breathe{color:#d5b783}.industry-breathe:first-letter{color:#dbb16d}.industry-spotlight-main{margin:35px 0;z-index:1}.industry-ghost{font:500 170px/.85 Georgia,serif;position:absolute;right:0;top:22%;color:#d2a35f0c;pointer-events:none}.industry-spotlight-pre{color:#dbb884!important;font:800 10px var(--head)!important;letter-spacing:.18em}.industry-spotlight h3{font:500 clamp(28px,2.7vw,43px)/1.1 Georgia,serif;margin:17px 0 20px;letter-spacing:-.04em;color:#fff5e8;max-width:460px}.industry-spotlight-main>p:last-child{color:#d2c5b5!important;font:400 15px/1.7 var(--body);max-width:450px}.industry-spotlight-bottom{border-top:1px solid #b4956665;padding-top:22px;display:flex;justify-content:space-between;gap:20px;align-items:end}.industry-spotlight-bottom>div span{display:block;font:800 9px var(--head);color:#d0b68d;letter-spacing:.13em;margin-bottom:9px}.industry-spotlight-bottom strong{display:block;color:#f0e6d9;font:600 13px/1.5 var(--head);max-width:325px}.industry-next{font:800 10px var(--head);letter-spacing:.08em;color:#e3c28c;white-space:nowrap}.industry-next:hover{color:white}.industry-footnote{font-size:11px;color:#a99a85;margin:17px 0 0;max-width:100%;line-height:1.55}
/* On-canvas slider: visible grip IS the interaction surface */
.reveal-lab{border-color:#b998625e!important}.reveal-heading{font-size:11px!important;color:#e2ccaa!important;align-items:center}.reveal-heading-action{color:#efcc91!important;font-size:10px!important;text-transform:uppercase;text-align:right}
.reveal-visual{height:178px!important;cursor:ew-resize;touch-action:pan-y;border-color:#b9986280;box-shadow:0 14px 44px #0005;transition:border-color .25s}.reveal-visual:hover,.reveal-visual:focus-within{border-color:#eed9b4!important}.reveal-visual .reveal-before,.reveal-visual .reveal-after{pointer-events:none}
.reveal-visual .reveal-line{width:4px;background:#fff0d2;box-shadow:0 0 16px #cda46b;z-index:6;transition:left .03s linear}.reveal-line .reveal-handle{width:76px;height:76px;display:flex;flex-direction:column;gap:0;justify-content:center;align-items:center;background:linear-gradient(150deg,#e6cea1,#9b713e 48%,#e8d0a5);border:3px solid #f9e6c0;box-shadow:0 6px 24px #000b,0 0 0 8px #ddbd8b29,0 0 35px #bb8644ad;color:#191107;font:800 36px/1 var(--head);animation:gripPulse 2.3s ease-in-out 4 alternate;pointer-events:none}.reveal-handle small{font:900 9px var(--head);letter-spacing:.16em;margin-top:-3px}.reveal-lab[data-dragged="true"] .reveal-handle{animation:none}.reveal-line .reveal-handle:hover{filter:brightness(1.2)}
@keyframes gripPulse{to{box-shadow:0 6px 24px #000b,0 0 0 15px #ddbd8b12,0 0 60px #bb8644bd}}
.reveal-visual input[type=range]{position:absolute!important;inset:0!important;z-index:11;width:100%!important;height:100%!important;padding:0!important;margin:0!important;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none;touch-action:pan-y}
.reveal-visual input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:75px;height:175px;cursor:grab}.reveal-visual input[type=range]::-moz-range-thumb{border:0;background:transparent;width:75px;height:175px;cursor:grab}.reveal-visual input[type=range]:active{cursor:grabbing}
.reveal-under{display:flex;gap:15px;align-items:center;padding:15px 4px 0;color:#dbccaF;font:600 12px var(--body);line-height:1.55}.drag-mouse{font-size:24px;color:#d4af79}.drag-arrows{font-weight:900;color:#d4af79;margin-left:auto;white-space:nowrap;font-size:18px}
/* Remaining micro-contrast and focus */
.industry-tile:focus-visible,.reveal-visual:focus-within,.art-rotate:focus-visible{outline:2px solid #f2deb4;outline-offset:2px}
.belt-title{color:#dac39c!important}.belt-scroll span{color:#c5ad85!important;border-color:#96774d75!important}.belt-scroll span:hover{color:#15100a!important}.role-button:not([aria-selected="true"]){color:#e0d5c6!important}.role-evidence .evidence-label,.role-evidence .evidence-desc{opacity:1!important}
@media(max-width:1100px){.industry-interface{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.industry-tile:nth-last-child(-n+2){border-bottom:1px solid #a7895457}.industry-tile:nth-last-child(-n+3){border-bottom:0}.industry-spotlight{min-height:310px}}
@media(max-width:780px){.industry-intro{grid-template-columns:1fr;gap:18px}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-tile{min-height:120px;padding:18px}.industry-tile strong{font-size:17px}.industry-tile:nth-last-child(-n+3){border-bottom:1px solid #a7895457}.industry-tile:nth-last-child(-n+2){border-bottom:0}.industry-spotlight{padding:26px}.industry-spotlight-bottom{align-items:start;flex-direction:column}.hero-photo-wrap img{object-position:50% 39%}.art-rotate{bottom:70px!important}.reveal-visual{height:151px!important}.reveal-line .reveal-handle{height:61px;width:61px;font-size:29px}.reveal-heading{flex-wrap:wrap}.reveal-heading-action{font-size:9px!important;text-align:left}.reveal-under{font-size:11px}}
@media(max-width:440px){.industry-tile{min-height:108px;padding:15px 12px}.industry-tile strong{font-size:15px;line-height:1.2}.industry-icon{right:12px;bottom:12px;font-size:17px}.industry-index{font-size:8px!important}.industry-spotlight h3{font-size:29px}.reveal-visual{height:136px!important}.reveal-under .drag-arrows{display:none}.reveal-visual strong{font-size:45px!important}.reveal-line .reveal-handle{width:56px;height:56px;font-size:26px}.reveal-handle small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.reveal-handle{animation:none!important}.hero-photo-wrap img{transition:none!important}}
/* Final usability adjustments: portrait control away from face; metrics never overlap at divider */
.art-rotate{top:62px!important;right:19px!important;left:auto!important;bottom:auto!important;transform:none!important;padding:9px 12px!important;gap:9px!important;font-size:16px!important}
.art-rotate small{font-size:8.5px!important;letter-spacing:.08em!important}
.reveal-before{justify-content:flex-start!important;padding-left:clamp(24px,15%,150px)!important;padding-right:0!important}
.reveal-after{justify-content:flex-end!important;padding-right:clamp(24px,16%,162px)!important;padding-left:0!important}
.reveal-before strong,.reveal-after strong{font-size:clamp(43px,6vw,77px)!important}
@media(max-width:780px){.art-rotate{top:49px!important;right:12px!important;left:auto!important;bottom:auto!important;max-width:220px}.art-rotate small{font-size:7px!important}.reveal-before{padding-left:14%!important}.reveal-after{padding-right:14%!important}}
@media(max-width:440px){.reveal-before{padding-left:8%!important;gap:7px!important}.reveal-after{padding-right:8%!important;gap:7px!important}.reveal-before small,.reveal-after small{font-size:8px!important}.reveal-before strong,.reveal-after strong{font-size:37px!important}}
