/* Shared website additions; operational portals retain their existing styles. */
body:not(.employee-portal) {letter-spacing:0}
.story-hero{height:min(820px,calc(100svh - 56px));min-height:620px;position:relative;overflow:hidden;margin:0;padding:0}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(3%);transition:opacity .6s ease,transform .8s ease,visibility .8s;pointer-events:none}
.hero-slide.is-active{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
.story-hero .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.story-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03080cc9, #03080c55 44%,#03080c10 75%);pointer-events:none;z-index:1}
.story-hero .hero-content{position:absolute;left:5.3%;top:50%;transform:translateY(-42%);width: min(580px,45%);max-width:none;margin:0;padding:0;z-index:2}
.story-hero h1,.story-hero h2{font-size:64px;font-weight:600;letter-spacing:0;line-height:1.02;margin:22px 0 26px;overflow-wrap:normal}
.story-hero .intro{font-size:18px;line-height:1.55;color:#f0f3f7;margin:0 0 26px}
.story-hero .eyebrow{color:#b8d0ff;font-size:12px;letter-spacing:0}
.story-hero .hero-bottom{position:absolute;inset:auto 5.3% 23px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0}
.hero-location{font:12px 'Courier New',monospace;letter-spacing:0;color:#e0e7ed}
.slide-controls{display:flex;gap:9px}
.slide-controls button,.tour-toggle{min-width:44px;height:44px;border:1px solid #ffffff65;background:#0b152aaa;color:#fff;cursor:pointer;border-radius:3px;font:14px Arial,sans-serif}
.slide-controls button[aria-pressed=true]{background:#e7efff;color:#111c2b;border-color:#fff}
.slide-controls button:hover,.tour-toggle:hover{border-color:#b2d2ff;background:#37618e;color:white}
.scene-disclosure{position:absolute;bottom:90px;right:5.3%;z-index:3;font:11px 'Courier New',monospace;color:#cbe1d9;background:#061815c9;padding:7px 9px;border-left:2px solid #79c9a6;letter-spacing:0}
#shop-tour,#machine-labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#machine-labels{z-index:2;overflow:hidden}
.machine-callout{position:absolute;transform:translate(-50%,-100%);background:#061d18e8;border:1px solid var(--signal,#76d9a5);border-radius:5px;padding:9px 12px;color:#f1fff9;box-shadow:0 0 12px #62cfa526;width:172px}
.machine-callout strong{display:block;font-size:15px;margin-bottom:3px}
.machine-callout span{display:block;font-size:11px;line-height:1.5;color:#cae0dc}
.machine-callout .machine-state{color:var(--signal);font-size:12px}
.section-page-link{display:inline-flex;align-items:center;gap:20px;margin-top:30px;border-bottom:1px solid #709ce8;padding:12px 0;color:#b7d0ff;font-size:16px}
.detail-page header{position:relative;background:#080b0e}
.detail-page .story-hero{min-height:530px;height:min(680px,calc(100svh - 160px))}
.detail-page .hero-content{width:min(610px,49%)}
.detail-page h2{letter-spacing:0;font-size:44px}.detail-page h3{letter-spacing:0}
.detail-page .section-top{margin-bottom:35px}.detail-page .pad{padding-top:70px;padding-bottom:70px}
.detail-page .tour-toggle{position:absolute;bottom:24px;right:5.3%;z-index:4;padding:0 15px;width:auto}
.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:50px}
.photo-gallery figure{margin:0;min-width:0}.photo-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#121719}
.photo-gallery figcaption{font-size:14px;color:#b9c3cb;line-height:1.5;padding-top:12px}
.detail-page .photo-gallery:has(figure:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-page .detail-contact{padding:50px 5.3%;border-top:1px solid #344251;background:#122725;display:flex;justify-content:space-between;align-items:center;gap:30px}
.detail-contact h2{font-size:32px;margin:0}.detail-contact p{margin:12px 0 0}
.detail-page .detail-nav{position:static;display:flex;gap:24px;flex-wrap:wrap;padding:30px 5.3%;border-bottom:1px solid #30363d;font-size:14px}
.detail-nav a[aria-current=page]{color:#9bbffe;text-decoration:underline;text-underline-offset:7px}
@media(min-width:1650px){.story-hero h1,.story-hero h2{font-size:76px}}
@media(max-width:1100px){.story-hero h1,.story-hero h2{font-size:52px}.story-hero .hero-content{width:51%}.story-hero .intro{font-size:17px}.story-hero .button{gap:20px;padding:16px 20px}}
@media(max-width:760px){.story-hero{min-height:600px;max-height:760px}.story-hero h1,.story-hero h2{font-size:44px}.story-hero .hero-content{left:6%;width:88%;top:165px;transform:none}.story-hero .intro{font-size:16px;max-width:410px}.story-hero .hero-bottom{inset:auto 6% 18px}.hero-location{display:none}.slide-controls{margin-left:auto}.story-hero .hero-shade{background:linear-gradient(180deg,#03080c60,#03080c66 58%,#03080c0a 90%)}.story-hero .eyebrow{font-size:11px}.scene-disclosure{bottom:72px;right:6%;font-size:10px}.hero-slide[data-slide="1"] .hero-content{top:130px}.hero-slide[data-slide="1"] h2{margin:14px 0}.hero-slide[data-slide="1"] .intro{margin-bottom:18px}.photo-gallery,.detail-page .photo-gallery:has(figure:nth-child(4)){grid-template-columns:1fr 1fr;gap:20px}.detail-page .hero-content{top:65px}.detail-page .story-hero{height:620px;min-height:540px}.detail-page h2{font-size:34px}.detail-page .detail-contact{display:block}.detail-contact .button{margin-top:26px}}
@media(max-width:420px){.story-hero h1,.story-hero h2{font-size:38px}.story-hero .button{font-size:14px}.story-hero .hero-content{top:150px}.photo-gallery,.detail-page .photo-gallery:has(figure:nth-child(4)){grid-template-columns:1fr}.machine-callout{width:145px;padding:7px 9px}.detail-page .hero-content{top:60px}.detail-page .pad{padding:48px 6%}.detail-page h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}}
/* Preserve the original oversized, two-line opening headline. */
.story-hero [data-slide="0"] .hero-content{width:89.4%}
.story-hero [data-slide="0"] h1{font-size:128px;font-weight:600;line-height:.94;letter-spacing:0;margin:0 0 32px}
@media(min-width:1650px){.story-hero [data-slide="0"] h1{font-size:148px}}
@media(max-width:1100px){.story-hero [data-slide="0"] h1{font-size:96px}}
@media(max-width:760px){.story-hero [data-slide="0"] .hero-content{width:88%}.story-hero [data-slide="0"] h1{font-size:64px}}
@media(max-width:520px){.story-hero [data-slide="0"] h1{font-size:52px}}
@media(max-width:360px){.story-hero [data-slide="0"] h1{font-size:44px}}
/* Compact labels let every visible machine participate in the aisle view. */
.machine-callout{box-sizing:border-box;width:82px;height:42px;padding:4px 6px;border-radius:4px;box-shadow:0 0 8px #62cfa51c}
.machine-callout strong{font-size:13px;line-height:16px;margin:0}
.machine-callout .machine-state{font-size:10px;line-height:14px;white-space:nowrap}
