/* Convex horizontal roller, floating in front of the scene. */
.industry-selector{position:absolute;z-index:15;bottom:14px;left:50%;transform:translateX(-50%);width:min(460px,88vw);text-align:center;isolation:isolate}.roller-shadow{position:absolute;left:5%;right:5%;top:57px;height:42px;z-index:-1;border-radius:50%;background:#000b;filter:blur(16px);transform:translateY(14px)}.industry-selector .dial{height:83px;position:relative;border-radius:50% / 24%;overflow:hidden;cursor:ew-resize;touch-action:pan-y;outline:none;background:linear-gradient(0deg,#120e0a 0%,#292119 12%,#4c4032 37%,#584b3c 51%,#3b3127 74%,#201a14 100%);border-top:1px solid #ede6d761;border-bottom:2px solid #090705;box-shadow:0 14px 22px #0009,0 3px 3px #000a,inset 0 2px 3px #ede6d726,inset 0 -8px 10px #0008;perspective:600px}.industry-selector .dial:before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#100c09f5,transparent 24%,#ffaa6608 50%,transparent 76%,#100c09f5);border-radius:inherit}.industry-selector .dial:after{content:'';position:absolute;left:7%;right:7%;top:2px;height:17px;border-radius:50%;border-top:1px solid #ede6d735;pointer-events:none;z-index:4}.roller-ribs{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 7px,#ede6d714 7px 8px,#0005 8px 9px,transparent 9px 16px);background-position:var(--rib-shift,0px) 0;opacity:.75;mask-image:linear-gradient(0deg,#000,transparent 38%,transparent 68%,#000)}.roller-rim{position:absolute;inset:7px 1px;border-radius:50% / 25%;border-bottom:1px solid #ede6d719;pointer-events:none}.roller-pointer{position:absolute;left:50%;top:-10px;width:2px;height:18px;background:var(--amber);z-index:5;box-shadow:0 0 13px #ff8c4280;transform:translateX(-50%)}.roller-pointer:after{content:'';position:absolute;left:-3px;top:0;width:8px;height:4px;border-radius:2px;background:var(--amber)}.roller-face{position:absolute;inset:0;transform-style:preserve-3d}.roller-face span{position:absolute;left:50%;top:50%;width:150px;margin-left:-75px;margin-top:-14px;line-height:28px;color:var(--cream);font:500 18px/28px Manrope,sans-serif;text-shadow:0 2px 2px #000b;transform:translateX(calc(var(--slot)*135px + var(--drag,0px))) rotateY(calc(var(--slot)*-36deg));opacity:var(--face-opacity,1);transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .4s;backface-visibility:hidden}.industry-selector .dragging .roller-face span{transition:none}.industry-selector .dial:focus-visible{outline:2px solid var(--amber);outline-offset:6px}.industry-selector .labels{display:flex;justify-content:center;gap:24px;margin-top:17px}.industry-selector .labels button{font:500 11px Manrope,sans-serif;padding:5px 0;background:none;color:var(--sand);border:0;border-bottom:1px solid transparent;border-radius:0}.industry-selector .labels button[aria-pressed="true"]{color:var(--highlight);border-bottom-color:var(--amber)}.industry-selector .hint{font:10px/1.5 Manrope,sans-serif;color:var(--sand);margin:6px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.journey-footer{pointer-events:none}.journey-footer button{pointer-events:auto}.journey-footer .scroll-cue{display:none}.journey-footer .chapter-nav{position:absolute;left:0;bottom:0;gap:14px}.journey-footer #motion-toggle{margin-left:auto}.scene-credit{display:none}
@media(max-width:1100px){.journey-footer .chapter-nav{gap:10px}.chapter-nav button{font-size:10px}.chapter-nav button>span{display:none}.industry-selector{width:390px}.roller-face span{transform:translateX(calc(var(--slot)*115px + var(--drag,0px))) rotateY(calc(var(--slot)*-38deg));font-size:16px}}
@media(max-width:700px){.industry-selector{bottom:9px;width:88vw;max-width:370px}.industry-selector .dial{height:65px}.roller-face span{width:130px;margin-left:-65px;font-size:14px;transform:translateX(calc(var(--slot)*27vw + var(--drag,0px))) rotateY(calc(var(--slot)*-43deg))}.roller-shadow{top:40px;height:30px}.industry-selector .labels{gap:20px;margin-top:10px}.industry-selector .labels button{font-size:10px}.industry-selector .hint{font-size:9px;margin-top:4px}.journey-footer .chapter-nav{display:none}.journey-footer #motion-toggle{position:absolute;right:0;bottom:115px}}
@media(prefers-reduced-motion:reduce){.industry-selector *{transition:none!important}}
/* Slim watch-bezel profile: a shallow raised edge rather than a drum. */
.industry-selector{width:min(420px,88vw)}
.industry-selector .dial{height:39px;border-radius:50% / 20%;border-top:1px solid #ede6d77a;border-bottom:1px solid #090705;background:linear-gradient(0deg,#15100c 0%,#2d251c 14%,#4b4033 38%,#544839 53%,#393025 79%,#211a14 100%);box-shadow:0 7px 11px #0009,0 2px 2px #000a,inset 0 1px 1px #ede6d744,inset 0 -3px 4px #0008}
.industry-selector .dial:after{left:4%;right:4%;top:1px;height:7px;border-top-color:#ede6d74a}
.roller-ribs{background-size:auto;opacity:.9;mask-image:linear-gradient(0deg,#000 0%,transparent 30%,transparent 72%,#000 100%)}
.roller-rim{inset:3px 1px;border-radius:50% / 22%}
.roller-shadow{left:9%;right:9%;top:28px;height:14px;filter:blur(9px);transform:translateY(5px)}
.roller-pointer{top:-6px;height:11px;width:1px}.roller-pointer:after{width:5px;height:2px;left:-2px}
.roller-face span{font-size:14px;line-height:22px;margin-top:-11px;transform:translateX(calc(var(--slot)*122px + var(--drag,0px))) rotateY(calc(var(--slot)*-36deg));text-shadow:0 1px 1px #000b}
.industry-selector .labels{margin-top:10px;gap:25px}.industry-selector .hint{margin-top:3px}
@media(max-width:1100px){.industry-selector{width:370px}.roller-face span{font-size:13px;transform:translateX(calc(var(--slot)*108px + var(--drag,0px))) rotateY(calc(var(--slot)*-38deg))}}
@media(max-width:700px){.industry-selector{width:88vw;max-width:350px}.industry-selector .dial{height:33px}.roller-face span{font-size:12px;transform:translateX(calc(var(--slot)*26vw + var(--drag,0px))) rotateY(calc(var(--slot)*-40deg))}.roller-shadow{top:24px;height:11px}.industry-selector .labels{margin-top:7px}.journey-footer #motion-toggle{bottom:85px}}
/* Keep the surface clean; the roller itself carries the industry labels. */
.industry-selector .labels,.industry-selector .hint{display:none}
.industry-selector{bottom:25px}
@media(max-width:700px){.industry-selector{bottom:18px}.journey-footer #motion-toggle{bottom:45px}}
/* The industry roller is the only navigation overlay in this concept. */
.journey-footer .chapter-nav{display:none}
/* Motion in this preview is controlled by page scrolling. */
.media-play,.journey-footer,.scene-detail{display:none!important}
.sunlight{animation:none}
/* A single rotating crown surface. Fixed lighting reveals moving engraved ridges. */
.industry-selector .roller-face{transform-style:flat}
.industry-selector .roller-face span{left:50%;top:50%;width:150px;margin-left:-75px;margin-top:-11px;font-size:14px;line-height:22px;transition:none!important;transform-origin:center;will-change:transform,opacity;backface-visibility:hidden}
.industry-selector .roller-ribs{background:none;mask-image:none;opacity:1;overflow:hidden;pointer-events:none}
.roller-ribs i{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(0deg,#ede6d742,#ede6d708 33%,#ede6d706 65%,#ede6d750);border-left:1px solid #09070588;box-shadow:1px 0 1px #ede6d714;transform-origin:center;will-change:transform}
@media(max-width:700px){.industry-selector .roller-face span{font-size:12px}}