.home-global{background:#050607 url('/assets/home/world-map.webp') center/cover no-repeat;color:#fff;padding:76px 0;min-height:360px}.home-global .eyebrow{color:#9eacff}.home-global h2{font-size:clamp(32px,4vw,52px);max-width:540px}.home-global .wrap>p:not(.eyebrow){max-width:390px;margin:20px 0;color:#c4ccd7;font-size:15px}.home-global .plain-link{color:#b3bdff}
.home-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.home-service-grid article{border-top:1px solid #dce2e9;padding-top:24px}.home-service-grid article>span{font-size:11px;color:#708096;letter-spacing:2px}.home-service-grid h3{font-size:21px;margin:16px 0;letter-spacing:-.4px}.home-service-grid p{font-size:14px;color:#657078;line-height:1.8}
.home-production,.home-feedback{background:#f6f7f9}.home-factory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.home-installation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.home-gallery-item{display:block;min-width:0}.home-gallery-item figure{margin:0}.home-gallery-image{position:relative;overflow:hidden;background:#eaedf1;border-radius:5px}.home-gallery-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .25s}.home-gallery-item:hover img{transform:scale(1.025)}.home-gallery-item figcaption{font-size:13px;color:#4c5968;padding:12px 0;line-height:1.5}.home-zoom{position:absolute;right:10px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;background:#ffffffed;color:#273440;border-radius:50%;font-size:17px}.home-feedback-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.feedback-image .home-gallery-image{background:#fff;border:1px solid #e5e9ef;padding:14px}.feedback-image img{aspect-ratio:9/17;object-fit:contain}.home-certificate-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:48px;align-items:center}.home-certificate-layout .home-gallery-image{background:#08090b}.home-certificate-layout .home-gallery-image img{aspect-ratio:2.4;object-fit:contain}.home-certificate-layout>div>img{width:100%;height:auto;object-fit:contain}.home-certificate-layout p{font-size:15px;color:#657078;margin:24px 0}.home-certificates .plain-link{font-size:13px}
@media(max-width:1000px){.home-service-grid{grid-template-columns:repeat(2,1fr)}.home-factory-grid{grid-template-columns:repeat(2,1fr)}.home-feedback-grid{grid-template-columns:repeat(2,1fr)}.home-certificate-layout{gap:24px}.home-global{background-position:60% center}.home-global .wrap{background:linear-gradient(90deg,#050607c9,transparent)}}
@media(max-width:600px){.home-global{padding:42px 0;background-position:62% center}.home-global .wrap>p:not(.eyebrow){max-width:260px}.home-service-grid{gap:25px 18px}.home-service-grid h3{font-size:18px}.home-service-grid p{font-size:13px}.home-factory-grid,.home-installation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.home-feedback-grid{gap:20px 12px}.feedback-image .home-gallery-image{padding:6px}.home-gallery-item figcaption{font-size:11px}.home-zoom{width:25px;height:25px;right:6px;bottom:6px}.home-certificate-layout{grid-template-columns:1fr}.home-certificate-layout>div>img{max-width:420px}.home-production .section-heading,.home-feedback .section-heading{gap:18px}}
@media(prefers-reduced-motion:reduce){.home-gallery-image img{transition:none}.home-gallery-item:hover img{transform:none}}

/* Interactive homepage galleries */
.motion-factory{display:flex;gap:10px;height:470px}.factory-panel{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:12px;background:#111a21;transition:flex .65s cubic-bezier(.2,.7,.2,1)}.factory-panel.is-active{flex:7}.factory-tab{position:absolute;z-index:2;inset:0;border:0;color:white;background:linear-gradient(0deg,#081018d9,transparent 65%);font:inherit;cursor:pointer;writing-mode:vertical-rl;text-align:left;padding:22px 12px;font-size:13px;letter-spacing:.5px}.is-active .factory-tab{inset:auto 0 0;writing-mode:horizontal-tb;text-align:left;padding:24px 20px;pointer-events:none}.factory-panel .home-gallery-item,.factory-panel figure,.factory-panel .home-gallery-image{height:100%}.factory-panel .home-gallery-image{border-radius:0}.factory-panel img{height:100%;aspect-ratio:auto;object-fit:cover;opacity:.65;transition:opacity .5s}.factory-panel.is-active img{opacity:1}.factory-panel figcaption{display:none}.factory-panel .home-zoom{bottom:70px;opacity:0}.factory-panel.is-active .home-zoom{opacity:1}.factory-panel .home-gallery-item{pointer-events:none}.factory-panel.is-active .home-gallery-item{pointer-events:auto}.motion-track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;scrollbar-width:none;padding-bottom:6px}.motion-track::-webkit-scrollbar{display:none}.motion-track>.home-gallery-item{flex:0 0 82%;scroll-snap-align:start}.home-installation-grid.motion-track .home-gallery-image{background:#10171b;border-radius:12px}.home-installation-grid.motion-track img{height:440px;aspect-ratio:auto;object-fit:contain}.motion-track figcaption{font-size:16px;padding-top:18px}.home-feedback-grid.motion-track>.home-gallery-item{flex-basis:44%}.home-feedback-grid.motion-track .home-gallery-image{border-radius:14px;padding:22px}.home-feedback-grid.motion-track img{height:430px;aspect-ratio:auto}.motion-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #dbe0e6}.motion-count{font-size:12px;letter-spacing:3px;color:#63717b}.motion-controls>div{display:flex;gap:10px}.motion-controls button,.certificate-pause{border:1px solid #cbd3dd;border-radius:30px;padding:10px 19px;background:white;color:#15212e;cursor:pointer;font:inherit;font-size:13px}.motion-controls button:hover,.certificate-pause:hover{background:#4d65ff;color:white;border-color:#4d65ff}.certificate-window{overflow:hidden;position:relative;min-width:0;padding-bottom:50px}.certificate-belt{display:flex;gap:24px;width:max-content;animation:certificate-drift 25s linear infinite}.certificate-belt>.home-gallery-item{width:540px;flex:none}.certificate-window:hover .certificate-belt,.certificate-window:focus-within .certificate-belt,.certificate-window.is-paused .certificate-belt{animation-play-state:paused}.certificate-pause{position:absolute;bottom:0;left:0}.certificate-belt .home-gallery-image img{height:240px}.gallery-dialog{border:0;border-radius:12px;background:#fff;padding:44px 20px 16px;max-width:94vw;max-height:94dvh}.gallery-dialog::backdrop{background:#080f19d9;backdrop-filter:blur(8px)}.gallery-dialog>img{display:block;max-width:85vw;max-height:75dvh;object-fit:contain;margin:auto}.gallery-dialog>button{position:absolute;right:12px;top:5px;border:0;background:none;font-size:30px;cursor:pointer}.gallery-dialog>p{text-align:center;margin:12px 0 0;font-size:13px}.motion-controls button:focus-visible,.factory-tab:focus-visible,.certificate-pause:focus-visible{outline:3px solid #4d65ff;outline-offset:-3px}@keyframes certificate-drift{to{transform:translateX(calc(-50% - 12px))}}
@media(max-width:760px){.motion-factory{height:auto;display:flex;flex-direction:column;gap:8px}.factory-panel{flex:none;height:54px;transition:height .45s}.factory-panel.is-active{flex:none;height:330px}.factory-tab{writing-mode:horizontal-tb;padding:18px}.is-active .factory-tab{padding:20px}.home-installation-grid.motion-track img{height:280px}.motion-track>.home-gallery-item{flex-basis:90%}.home-feedback-grid.motion-track>.home-gallery-item{flex-basis:86%}.home-feedback-grid.motion-track img{height:380px}.certificate-belt>.home-gallery-item{width:330px}.certificate-belt .home-gallery-image img{height:190px}}
@media(prefers-reduced-motion:reduce){.factory-panel,.factory-panel img{transition:none}.certificate-belt{animation:none}.certificate-belt>[aria-hidden]{display:none}.certificate-pause,.motion-pause{display:none}}

.motion-track::after{content:"";flex:0 0 calc(18% - 24px)}.home-feedback-grid.motion-track::after{flex-basis:calc(56% - 24px)}@media(max-width:760px){.motion-track::after{flex-basis:calc(10% - 24px)}.home-feedback-grid.motion-track::after{flex-basis:calc(14% - 24px)}}

/* Compact, continuously moving project and feedback ribbons. */
.auto-ribbon{display:block;overflow:hidden;position:relative;padding:4px 0 8px}.ribbon-belt{display:flex;width:max-content;animation:ribbon-flow 42s linear infinite;will-change:transform}.ribbon-group{display:flex;gap:20px;padding-right:20px;flex:none}.ribbon-group>.home-gallery-item{width:290px;flex:none}.auto-ribbon .home-gallery-image{border-radius:10px;background:#eef0f3}.auto-ribbon .home-gallery-image img{height:190px;aspect-ratio:auto;object-fit:contain}.auto-ribbon figcaption{font-size:13px;padding:12px 0}.home-feedback-grid.auto-ribbon .ribbon-belt{animation-duration:36s}.home-feedback-grid.auto-ribbon .home-gallery-item{width:205px}.home-feedback-grid.auto-ribbon .home-gallery-image{padding:10px;background:#fff}.home-feedback-grid.auto-ribbon img{height:270px;aspect-ratio:auto;object-fit:contain}.auto-ribbon.is-paused .ribbon-belt,.auto-ribbon:focus-within .ribbon-belt{animation-play-state:paused}.ribbon-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:#77818d;font-size:12px}.ribbon-controls button{border:1px solid #ccd3dc;border-radius:24px;background:white;padding:8px 20px;font:inherit;cursor:pointer;color:#253447}.ribbon-controls button:hover{background:#4d65ff;color:white}.ribbon-controls button:focus-visible{outline:3px solid #4d65ff;outline-offset:3px}@media(hover:hover){.auto-ribbon:hover .ribbon-belt{animation-play-state:paused}}@keyframes ribbon-flow{to{transform:translateX(-50%)}}
@media(max-width:600px){.ribbon-group{gap:14px;padding-right:14px}.ribbon-group>.home-gallery-item{width:230px}.auto-ribbon .home-gallery-image img{height:155px}.home-feedback-grid.auto-ribbon .home-gallery-item{width:170px}.home-feedback-grid.auto-ribbon img{height:225px}.ribbon-controls{font-size:10px}}
@media(prefers-reduced-motion:reduce){.auto-ribbon{overflow-x:auto}.ribbon-belt{animation:none}.ribbon-group[aria-hidden]{display:none}.ribbon-controls{display:none}}

/* Customer feedback: a compact rotating card stack, distinct from project ribbons. */
.feedback-layout{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:center}.feedback-layout>.section-heading{display:block;margin:0;grid-column:1;grid-row:1}.feedback-layout>.section-heading>p{max-width:340px;margin-top:24px}.feedback-deck{display:block;position:relative;height:355px;width:310px;max-width:100%;justify-self:center;grid-column:2;grid-row:1;margin:12px 0}.feedback-deck>.home-gallery-item{position:absolute;left:25px;top:0;width:230px;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .6s;transform-origin:50% 90%;border-radius:14px;background:white;box-shadow:0 14px 35px #172e4820;border:1px solid #e1e6ed;padding:10px;will-change:transform}.feedback-deck .home-gallery-image{padding:0;border:0;background:white;border-radius:6px}.feedback-deck .home-gallery-image img{height:280px;width:100%;aspect-ratio:auto;object-fit:contain}.feedback-deck figcaption{font-size:11px;text-align:center;padding:10px 0 2px}.feedback-deck>.home-gallery-item[data-position="0"]{transform:translate(0,0) rotate(0);opacity:1;z-index:4}.feedback-deck>.home-gallery-item[data-position="1"]{transform:translate(33px,9px) rotate(7deg) scale(.94);opacity:.65;z-index:3;pointer-events:none}.feedback-deck>.home-gallery-item[data-position="2"]{transform:translate(-27px,12px) rotate(-7deg) scale(.91);opacity:.4;z-index:2;pointer-events:none}.feedback-deck>.home-gallery-item[data-position="3"]{transform:translate(0,18px) scale(.85);opacity:0;z-index:1;pointer-events:none}.feedback-controls{grid-column:2;display:flex;align-items:center;justify-content:center;gap:23px;margin-top:12px}.feedback-count{font-size:11px;letter-spacing:2px;color:#74808c}.feedback-dots{display:flex;gap:10px}.feedback-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#c8cfda;cursor:pointer;transition:background .3s,transform .3s}.feedback-dots button[aria-pressed="true"]{background:#4d65ff;transform:scale(1.3)}.feedback-pause{font:inherit;font-size:12px;border:1px solid #d3dae3;border-radius:24px;padding:7px 16px;background:white;cursor:pointer}.feedback-controls button:focus-visible{outline:2px solid #4d65ff;outline-offset:4px}@media(max-width:700px){.feedback-layout{display:block}.feedback-layout>.section-heading{margin-bottom:32px}.feedback-deck{margin:0 auto;height:345px}.feedback-controls{margin-top:18px}}@media(prefers-reduced-motion:reduce){.feedback-deck>.home-gallery-item{transition:none}.feedback-pause{display:none}}

/* Static certificate showcase */
.home-certificate-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:40px;padding:30px;border:1px solid #e3e7ed;border-radius:14px;background:#fff;align-items:center}.home-certificate-layout .home-gallery-image{border-radius:8px;background:#f4f5f7}.home-certificate-layout .home-gallery-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transition:none}.home-certificate-layout .home-gallery-item:hover img{transform:none}.home-certificate-layout>div{border-left:1px solid #e5e9ef;padding-left:30px}.home-certificate-layout>div>img{display:block;width:100%;height:auto}.home-certificate-layout figcaption{font-size:12px;color:#78818c}.home-certificate-layout p{font-size:14px;line-height:1.8}@media(max-width:700px){.home-certificate-layout{grid-template-columns:1fr;padding:18px;gap:22px}.home-certificate-layout>div{border-left:0;border-top:1px solid #e5e9ef;padding:22px 0 0}.home-certificate-layout>div>img{max-width:340px}}

/* Large certificate presentation, full row with marks beneath. */
.home-certificate-layout{display:block;padding:0;border:0;border-radius:0}.home-certificate-layout>.home-gallery-item{width:100%}.home-certificate-layout .home-gallery-image{border-radius:12px}.home-certificate-layout .home-gallery-image img{width:100%;height:auto;max-height:none;aspect-ratio:auto}.home-certificate-layout>div{border-left:0;border-top:1px solid #e5e9ef;padding:28px 0 0;margin-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px}.home-certificate-layout>div>img{width:min(100%,520px);max-width:520px;height:auto}.home-certificate-layout>div>p{flex:1;min-width:200px;margin:0}.home-certificate-layout>div>.plain-link{margin-left:auto}@media(max-width:700px){.home-certificate-layout>div{display:block;padding-top:20px}.home-certificate-layout>div>img{width:100%;max-width:none}.home-certificate-layout>div>p{margin:20px 0}.home-certificate-layout .home-gallery-image{border-radius:6px}}

.home-certificate-layout .home-gallery-image{background:#fff;border-radius:0}

/* Homepage section guide and visual application cards */
.home-section-nav{position:sticky;top:var(--header-height,80px);z-index:20;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid #e5e9ee;border-top:1px solid #e5e9ee}.home-section-nav>.wrap{display:flex;align-items:center;justify-content:center;gap:34px;overflow-x:auto;scrollbar-width:none}.home-section-nav a{white-space:nowrap;padding:18px 0 15px;border-bottom:3px solid transparent;font-size:12px;font-weight:600;color:#6b7480;transition:color .2s,border-color .2s}.home-section-nav a:hover,.home-section-nav a[aria-current]{color:#4d65ff;border-bottom-color:#4d65ff}#categories,#production,#installations,#customer-feedback,#home-certificates,#home-solutions{scroll-margin-top:155px}.home-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-scene-card{display:block;border:1px solid #e1e6ec;border-radius:12px;overflow:hidden;background:#fff;transition:transform .3s,box-shadow .3s}.scene-photo{position:relative;height:220px;overflow:hidden;background:#10171b}.scene-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.scene-number{position:absolute;left:18px;top:18px;color:white;background:#10171b88;padding:5px 9px;border-radius:20px;font-size:11px;letter-spacing:2px}.scene-copy{padding:24px}.scene-copy h3{font-size:21px;line-height:1.3;min-height:55px;margin:0 0 12px}.scene-copy p{font-size:13px;color:#74808c;margin:0 0 24px;line-height:1.6}.scene-action{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #e8ebef;font-size:12px;font-weight:600;color:#4d65ff}.home-scene-card:hover{transform:translateY(-5px);box-shadow:0 15px 36px #152b4610}.home-scene-card:hover img{transform:scale(1.045)}.home-scene-card:focus-visible{outline:3px solid #4d65ff;outline-offset:4px}@media(max-width:760px){.home-section-nav>.wrap{justify-content:flex-start;gap:23px}.home-section-nav a{padding:14px 0 12px;font-size:11px}.home-scene-grid{grid-template-columns:1fr}.scene-photo{height:210px}.scene-copy h3{min-height:0}.scene-copy{padding:20px}#categories,#production,#installations,#customer-feedback,#home-certificates,#home-solutions{scroll-margin-top:130px}}@media(prefers-reduced-motion:reduce){.home-scene-card,.scene-photo img{transition:none}.home-scene-card:hover,.home-scene-card:hover img{transform:none}}

#home-factory-intro{scroll-margin-top:155px}@media(max-width:760px){#home-factory-intro{scroll-margin-top:130px}}

/* Homepage enquiry, product actions and one-time entrance motion. */
.home-enhanced .mobile-enquiry{display:none}.home-enquiry{position:fixed;right:24px;bottom:24px;z-index:45}.enquiry-toggle{display:flex;align-items:center;gap:10px;border:0;border-radius:30px;padding:15px 23px;background:#4d65ff;color:#fff;box-shadow:0 8px 25px #354ac536;font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-left:auto}.enquiry-toggle>span{font-size:19px}.enquiry-panel{width:320px;max-width:calc(100vw - 32px);padding:22px;background:white;border:1px solid #e0e5ec;border-radius:16px;box-shadow:0 16px 50px #13223825;margin-bottom:12px}.enquiry-panel[hidden]{display:none}.enquiry-panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:20px}.enquiry-panel-heading button{background:none;border:0;font-size:25px;cursor:pointer}.enquiry-panel>p{font-size:12px;color:#74808c;margin:10px 0 20px}.enquiry-panel>a{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:13px 0;border-top:1px solid #edf0f3}.enquiry-panel>a span{font-size:11px}.enquiry-panel>a.enquiry-primary{background:#111a24;color:white;border:0;border-radius:6px;padding:13px 14px;margin-bottom:10px}.home-enquiry button:focus-visible,.home-enquiry a:focus-visible{outline:3px solid #8596ff;outline-offset:3px}#featured-products .product-card{transition:transform .3s,box-shadow .3s,border-color .3s}#featured-products .product-card:hover,#featured-products .product-card:focus-within{transform:translateY(-5px);box-shadow:0 14px 30px #15274012;border-color:#bdc6fa}#featured-products .product-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;padding-top:15px}#featured-products .product-links a{justify-content:center;flex:1;min-width:110px;padding:9px 8px;border:1px solid #dce2eb;border-radius:5px;font-size:11px;text-decoration:none}#featured-products .product-links a:last-child{background:#4d65ff;color:white;border-color:#4d65ff}.home-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.home-reveal.has-entered{opacity:1;transform:translateY(0)}@media(hover:hover) and (pointer:fine){#featured-products .product-links{opacity:0;transform:translateY(7px);transition:opacity .25s,transform .25s}#featured-products .product-card:hover .product-links,#featured-products .product-card:focus-within .product-links{opacity:1;transform:translateY(0)}}@media(max-width:600px){.home-enquiry{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.enquiry-toggle{padding:12px 19px}.enquiry-panel{width:300px}#featured-products .product-links{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.home-reveal{opacity:1;transform:none;transition:none}#featured-products .product-card,#featured-products .product-links{transition:none}#featured-products .product-card:hover,#featured-products .product-card:focus-within{transform:none}}

.showcase-hero{background:#10171d;color:#fff}.showcase-slide{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;min-height:520px;padding:50px 0}.showcase-slide[hidden]{display:none}.showcase-copy{animation:showcase-in .55s ease}.showcase-copy .eyebrow{color:#96a7ff}.showcase-copy h1,.showcase-copy h2{font-size:clamp(36px,4.2vw,62px);line-height:1.06;letter-spacing:-2px;margin:20px 0}.showcase-copy>p:not(.eyebrow){color:#b6c1ca;font-size:15px;line-height:1.8;max-width:410px;margin:22px 0 28px}.showcase-secondary{display:block;font-size:12px;margin-top:20px;color:#c4ccd6}.showcase-visual{display:block;position:relative;background:#f6f7f9;border-radius:14px;overflow:hidden;animation:showcase-in .65s ease}.showcase-visual img{display:block;width:100%;height:365px;object-fit:contain;padding:30px}.showcase-visual>span{display:block;padding:0 25px 20px;color:#7b8591;text-transform:uppercase;letter-spacing:3px;font-size:10px}.showcase-footer{display:flex;gap:24px;align-items:center;border-top:1px solid #ffffff20}.showcase-tabs{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:25px}.showcase-tabs button{position:relative;padding:24px 0;background:none;border:0;color:#8c99a6;text-align:left;font:inherit;font-size:13px;cursor:pointer}.showcase-tabs small{display:block;font-size:10px;margin-bottom:7px;letter-spacing:2px}.showcase-tabs button[aria-pressed=true]{color:#fff}.showcase-progress{position:absolute;bottom:0;left:0;width:var(--progress,0%);height:3px;background:#7286ff}.showcase-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#7286ff33}.showcase-pause{padding:8px 13px;border:1px solid #ffffff40;border-radius:20px;background:none;color:white;font:inherit;font-size:11px;cursor:pointer}@keyframes showcase-in{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:760px){.showcase-slide{grid-template-columns:1fr;gap:25px;padding:26px 0;min-height:0}.showcase-visual{grid-row:1}.showcase-visual img{height:220px;padding:20px}.showcase-visual>span{padding-bottom:14px}.showcase-copy h1,.showcase-copy h2{font-size:36px;letter-spacing:-1px}.showcase-copy>p:not(.eyebrow){margin:16px 0 20px;font-size:13px}.showcase-tabs{gap:12px}.showcase-tabs button{font-size:10px;padding:16px 0}.showcase-footer{gap:12px}.showcase-pause{padding:7px}.showcase-secondary{margin-top:14px}}@media(prefers-reduced-motion:reduce){.showcase-copy,.showcase-visual{animation:none}.showcase-progress{display:none}}

.original-hero-pause{background:transparent;border:1px solid #ffffff50;color:white;border-radius:20px;padding:7px 13px;font:inherit;font-size:11px;cursor:pointer;flex-shrink:0}.original-hero-pause:focus-visible{outline:2px solid #8494ff;outline-offset:3px}

/* Original brand dots animate independently; lettering stays still. */
header .animated-brand{display:block;width:123px;height:65px;overflow:hidden}.logo-pulse-column{animation:brand-equalizer var(--pulse-duration) ease-in-out var(--pulse-delay) infinite}@keyframes brand-equalizer{0%,100%{transform:scaleY(1);opacity:1}35%{transform:scaleY(.62);opacity:.72}65%{transform:scaleY(.88);opacity:1}}@media(prefers-reduced-motion:reduce){.logo-pulse-column{animation:none}}

/* Subtle homepage reading and button cues */
.home-reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}.home-reading-progress>span{display:block;width:100%;height:100%;background:#627bff;transform:scaleX(0);transform-origin:left}.home-enhanced .button>span[aria-hidden],.home-enhanced .plain-link>span[aria-hidden],.home-enhanced .nav-quote>span[aria-hidden],.home-enhanced .product-links a>span[aria-hidden],.home-enhanced .enquiry-primary>span[aria-hidden]{display:inline-block;transition:transform .22s ease}.home-enhanced .button:hover>span[aria-hidden],.home-enhanced .button:focus-visible>span[aria-hidden],.home-enhanced .plain-link:hover>span[aria-hidden],.home-enhanced .plain-link:focus-visible>span[aria-hidden],.home-enhanced .nav-quote:hover>span[aria-hidden],.home-enhanced .product-links a:hover>span[aria-hidden],.home-enhanced .enquiry-primary:hover>span[aria-hidden]{transform:translate(3px,-2px)}.home-enhanced .value-bar strong{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.home-enhanced .button>span[aria-hidden],.home-enhanced .plain-link>span[aria-hidden],.home-enhanced .nav-quote>span[aria-hidden],.home-enhanced .product-links a>span[aria-hidden],.home-enhanced .enquiry-primary>span[aria-hidden]{transition:none;transform:none!important}}

/* Scroll-driven sound introduction; no audio or scroll interception. */
.sound-intro{height:100svh;min-height:520px;background:#080d13}.intro-stage{position:fixed;inset:0;z-index:80;background:radial-gradient(ellipse at 50% 40%,#17263e 0%,#0b111c 45%,#060a10 80%);color:#fff;overflow:hidden;opacity:var(--intro-opacity,1)}.intro-top{position:absolute;top:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:3px;opacity:var(--intro-copy-opacity,1)}.intro-skip{background:none;border:1px solid #ffffff40;color:#d4dce7;border-radius:24px;padding:10px 17px;font:inherit;font-size:11px;letter-spacing:0;cursor:pointer}.intro-art{position:absolute;top:43%;left:50%;width:min(48vh,380px);aspect-ratio:1;transform:translate(-50%,-50%) scale(var(--intro-scale,1));will-change:transform}.intro-speaker{position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,#303941,#0e151c 35%,#1a242d 80%,#354351);box-shadow:0 28px 65px #000b,inset 0 0 0 1px #667b8c55;transform:rotate(-5deg)}.speaker-rim{position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,#0a0e14 55%,#29343f 56%,#070b10 62%,#4b5663 64%,#0b1118 68%,#2a3642 71%,#080c12 73%);box-shadow:0 0 24px #76a5ff12}.speaker-cone{position:absolute;inset:15%;border-radius:50%;background:repeating-radial-gradient(circle,#222e3a 0px,#202a35 2px,#18222d 4px);box-shadow:inset 0 0 24px #000,0 0 0 5px #080d14;animation:speaker-beat 1.25s ease-in-out infinite}.speaker-dust{position:absolute;inset:28%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#5f7287,#283747 40%,#080e16 78%);box-shadow:0 8px 14px #0009;border:1px solid #52667a40}.speaker-bolt{position:absolute;width:7px;height:7px;border-radius:50%;background:#697887;box-shadow:inset 1px 1px 3px black}.bolt-one{left:6%;top:6%}.bolt-two{right:6%;top:6%}.bolt-three{left:6%;bottom:6%}.bolt-four{right:6%;bottom:6%}.intro-orbit{position:absolute;inset:-10%;border:1px solid #6d91ff80;border-radius:50%;animation:sound-orbit 3.6s ease-out infinite;box-shadow:0 0 24px #476fff12}.orbit-two{animation-delay:-1.2s}.orbit-three{animation-delay:-2.4s}.intro-caption{position:absolute;top:73%;left:20px;right:20px;text-align:center;opacity:var(--intro-copy-opacity,1)}.intro-caption p{color:#8da7dd;font-size:10px;letter-spacing:4px;margin:0 0 12px}.intro-caption h2{font-size:clamp(30px,4vw,52px);letter-spacing:-1.6px;margin:0 0 10px}.intro-caption>span{font-size:12px;color:#8e9daf}.intro-enter{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:none;border:0;color:#bbc7d9;font-size:11px;letter-spacing:1px;cursor:pointer;opacity:var(--intro-copy-opacity,1)}.intro-scroll-mark{height:23px;width:14px;border:1px solid #8e9daf;border-radius:9px;position:relative}.intro-scroll-mark:after{content:'';position:absolute;top:4px;left:5px;width:2px;height:5px;background:#c5d5f5;animation:scroll-cue 1.6s ease infinite}.intro-active .home-enquiry,.intro-active .home-reading-progress{visibility:hidden}.intro-stage button:focus-visible{outline:2px solid #8da7ff;outline-offset:4px}@keyframes speaker-beat{0%,100%{transform:scale(1)}22%{transform:scale(1.045)}38%{transform:scale(.985)}54%{transform:scale(1.025)}72%{transform:scale(1)}}@keyframes sound-orbit{0%{transform:scale(.8);opacity:.6}100%{transform:scale(1.65);opacity:0}}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.4}55%{transform:translateY(7px);opacity:1}}@media(max-width:600px){.intro-top{top:22px;font-size:8px;letter-spacing:1.5px}.intro-art{width:min(60vw,34vh);top:42%}.intro-caption{top:66%}.intro-enter{bottom:35px}}@media(prefers-reduced-motion:reduce){.sound-intro{display:none}.intro-active .home-enquiry,.intro-active .home-reading-progress{visibility:visible}}

/* Alternate intro: colored sound particles gather into the original DEYI logo. */
.logo-intro .intro-stage{background:#080f11}.logo-intro .intro-art{width:min(760px,84vw);aspect-ratio:900/480;top:42%}.logo-particle-canvas{display:block;width:100%;height:100%;transition:opacity .5s}.intro-brand-final{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .7s}.logo-resolved .intro-brand-final{opacity:1}.logo-intro .intro-caption{top:73%}.intro-replay{display:block;margin:18px auto 0;padding:6px 14px;border:1px solid #8da7dd55;background:none;border-radius:20px;color:#a6b9d7;font-size:11px;cursor:pointer}@media(max-width:600px){.logo-intro .intro-art{width:88vw;top:39%}.logo-intro .intro-caption{top:62%}.logo-intro .intro-caption h2{font-size:30px}}

/* C: speaker macro view pulls back with the visitor's scroll. */
.closeup-intro{height:170svh}.closeup-intro .intro-stage{background:radial-gradient(ellipse at center,#233546,#080d13 65%)}.closeup-intro .intro-art{width:min(36vh,280px);top:40%}.closeup-intro .intro-speaker{inset:-12% -2% -26%;border-radius:13px;transform:rotate(0);background:linear-gradient(115deg,#333f48,#121a21 28%,#19232b 80%,#44535f)}.closeup-intro .speaker-rim{inset:19% 8% 19%;aspect-ratio:1}.closeup-intro .intro-orbit{display:none}.intro-cabinet-brand{position:absolute;bottom:6%;left:0;right:0;text-align:center;font-size:13px;letter-spacing:4px;color:#adb8c2}.intro-cabinet-port{position:absolute;top:6%;left:24%;right:24%;height:6%;border-radius:20px;background:#050a10;box-shadow:inset 0 2px 6px #000}.closeup-intro .intro-caption{top:76%;text-shadow:0 2px 15px #000}.closeup-intro .intro-top,.closeup-intro .intro-caption,.closeup-intro .intro-enter{z-index:2}.closeup-intro .intro-caption h2{font-size:clamp(26px,3.5vw,44px)}
/* D: sequential stage lights reveal a live-sound scene. */
.stage-light-intro .intro-stage{background:#03060c}.stage-light-intro .intro-art{width:100vw;height:100svh;aspect-ratio:auto;top:50%}.stage-environment{position:absolute;inset:0;overflow:hidden}.stage-photo{position:absolute;inset:0;background:linear-gradient(#03060c22,#03060c88),url('/assets/home/stage-premium-blue.png') center/cover;opacity:0;animation:stage-scene-in 3s 1.2s ease forwards}.stage-truss{position:absolute;left:8%;right:8%;top:15%;height:12px;border-top:2px solid #4c5a6d;border-bottom:2px solid #253347;background:repeating-linear-gradient(45deg,transparent 0 15px,#49586a 16px 18px,transparent 19px 30px);opacity:.45}.stage-light{position:absolute;top:16%;width:26%;height:65%;transform-origin:50% 0;clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);background:linear-gradient(#a6c6ffcc,#789eff28 65%,transparent);mix-blend-mode:screen;opacity:0;animation:stage-lamp-on 1.4s var(--on) ease forwards,stage-beam-sway 8s calc(var(--on) + 1.4s) ease-in-out infinite alternate}.stage-light span{position:absolute;top:0;left:47%;width:6%;height:8px;background:white;box-shadow:0 0 35px #aacdff}.light-0{left:4%;--on:.3s;--angle:-18deg}.light-1{left:22%;--on:.9s;--angle:15deg;background:linear-gradient(#a390ffcc,#926cff25,transparent)}.light-2{left:37%;--on:1.5s;--angle:-4deg}.light-3{left:52%;--on:2.1s;--angle:-15deg;background:linear-gradient(#a390ffcc,#926cff25,transparent)}.light-4{left:70%;--on:2.7s;--angle:18deg}.stage-haze{position:absolute;inset:25% 0 0;background:radial-gradient(ellipse at center,#5263b330,transparent 65%);opacity:0;animation:stage-scene-in 3s 1s forwards}.stage-array{position:absolute;top:24%;width:7%;display:grid;gap:4px;opacity:0;animation:stage-scene-in 2s 1s forwards}.array-left{left:12%;transform:rotate(-5deg)}.array-right{right:12%;transform:rotate(5deg)}.stage-array i{display:block;height:38px;border:1px solid #586779;border-radius:3px;background:repeating-linear-gradient(0deg,#121a23 0 2px,#25303b 3px 4px);box-shadow:4px 6px 10px #0009}.stage-center-brand{position:absolute;left:0;right:0;top:40%;text-align:center;font-size:clamp(48px,9vw,100px);font-weight:700;letter-spacing:12px;color:#e5efff;opacity:0;text-shadow:0 0 40px #8bb6ff70;animation:stage-scene-in 2s 2.8s forwards}.stage-center-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:6px;margin-top:10px}.stage-floor{position:absolute;bottom:18%;height:2px;left:5%;right:5%;background:linear-gradient(90deg,transparent,#9dbaff66,transparent);box-shadow:0 0 40px 10px #789fff12}.stage-light-intro .intro-caption{top:73%;text-shadow:0 3px 15px black}.stage-light-intro .intro-top,.stage-light-intro .intro-caption,.stage-light-intro .intro-enter{z-index:3}@keyframes stage-lamp-on{from{opacity:0;transform:rotate(0)}to{opacity:.85;transform:rotate(var(--angle))}}@keyframes stage-beam-sway{from{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) * -1))}}@keyframes stage-scene-in{to{opacity:1}}@media(max-width:600px){.closeup-intro .intro-art{width:48vw;top:40%}.stage-array{width:10%;top:28%}.array-left{left:7%}.array-right{right:7%}.stage-array i{height:26px}.stage-center-brand{top:43%}.stage-light-intro .intro-caption{top:70%}.stage-light-intro .intro-caption h2{font-size:28px}}

/* E: continuous particle audio waves, dispersing on scroll. */
.wave-intro .intro-stage{background:radial-gradient(ellipse at 50% 40%,#111b33,#070b13 65%)}.wave-intro .intro-art{width:100vw;height:85svh;top:43%;aspect-ratio:auto;transform:translate(-50%,-50%)}.wave-canvas{width:100%;height:100%;object-fit:contain}.wave-intro .intro-caption{top:73%}
/* F: six speaker cabinets assemble into one suspended array. */
.array-intro .intro-stage{background:radial-gradient(ellipse at 50% 36%,#263544,#080e15 65%)}.array-intro .intro-art{width:min(45vh,330px);height:53vh;top:40%;aspect-ratio:auto}.array-assembly{position:absolute;inset:0;perspective:1000px}.array-halo{position:absolute;inset:-15% -40%;background:radial-gradient(ellipse,#83adff16,transparent 68%);border-radius:50%}.array-module{position:absolute;left:0;right:0;top:calc(10% + var(--n)*13.5%);height:13%;transform:translateX(calc(var(--n)*2px)) rotate(calc(var(--n)*1.2deg));transform-origin:50% 0;animation:array-assemble 1.1s cubic-bezier(.16,.8,.2,1) calc(.3s + var(--n)*.32s) both}.array-module-face{position:absolute;inset:0 9% 0 0;background:linear-gradient(145deg,#394650,#131d25 45%,#26333d);border:1px solid #657987;border-radius:4px;box-shadow:0 5px 12px #0008;overflow:hidden}.array-module-side{position:absolute;right:0;top:0;bottom:0;width:12%;background:linear-gradient(90deg,#1e2a36,#0b121a);transform:skewY(-18deg);transform-origin:left top;border:1px solid #536577;border-radius:3px}.array-driver{position:absolute;top:8%;bottom:8%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#465868 0 18%,#111a24 20% 30%,#293745 33% 55%,#101820 58% 65%,#435260 68%,#0a1119 72%);opacity:.8}.driver-left{left:11%}.driver-right{right:11%}.array-horn{position:absolute;left:43%;right:43%;top:14%;bottom:14%;background:linear-gradient(90deg,#50606c,#090f16 35% 65%,#50606c);border:2px solid #0a1117;border-radius:4px}.array-mesh{position:absolute;inset:0;background-image:radial-gradient(#8fa2b54d .6px,transparent .9px);background-size:3px 3px}.array-badge{position:absolute;right:5%;bottom:8%;font-size:6px;color:#c4d0db;letter-spacing:1px}.array-pin{position:absolute;top:12%;bottom:12%;width:4px;border-radius:2px;background:#607584}.pin-left{left:2%}.pin-right{right:2%}.array-flybar{position:absolute;left:0;right:8%;top:3%;height:5%;border:3px solid #657787;background:#0b141c;transform:skewX(-8deg);animation:array-frame-in .7s ease both}.array-flybar i{position:absolute;bottom:100%;height:100px;width:1px;background:linear-gradient(transparent,#8b9bab)}.array-flybar i:first-child{left:20%}.array-flybar i:last-child{right:20%}.array-intro .intro-caption{top:75%}.array-intro .intro-caption h2{font-size:clamp(25px,3.4vw,44px)}@keyframes array-assemble{from{opacity:0;filter:blur(6px);transform:translateX(calc(var(--from)*230px)) translateY(-70px) rotate(calc(var(--from)*18deg))}to{opacity:1;filter:blur(0);transform:translateX(calc(var(--n)*2px)) rotate(calc(var(--n)*1.2deg))}}@keyframes array-frame-in{from{opacity:0;transform:translateY(-35px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.wave-intro .intro-art{width:160vw;height:70svh;top:40%}.wave-intro .intro-caption{top:67%}.array-intro .intro-art{width:60vw;height:45vh;top:39%}.array-intro .intro-caption{top:70%}.array-intro .intro-caption h2{font-size:26px}.array-badge{font-size:5px}}

.array-intro .intro-replay{position:fixed;bottom:28px;left:5%;margin:0}@media(max-width:600px){.array-intro .intro-replay{bottom:82px;left:50%;transform:translateX(-50%)}}

/* Premium arena background includes its own rigging and arrays. */
.stage-light-intro .stage-truss,.stage-light-intro .stage-array,.stage-light-intro .stage-floor{display:none}.stage-light-intro .intro-replay{position:fixed;bottom:28px;left:5%;margin:0}@media(max-width:600px){.stage-light-intro .intro-replay{bottom:82px;left:50%;transform:translateX(-50%)}}

/* Speaker hover: decorative waves follow the pointer without blocking controls. */
.stage-cursor-wave{position:absolute;width:104px;height:104px;z-index:5;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .25s;filter:drop-shadow(0 0 8px #74bdff80)}
.stage-cursor-wave.is-active{opacity:1}.stage-cursor-wave>i{position:absolute;inset:0;border:1px solid #a3d9ff;border-radius:50%;opacity:0;animation:cursor-sound-wave 1.65s ease-out infinite;animation-play-state:paused}.stage-cursor-wave>i:nth-child(2){animation-delay:-.55s}.stage-cursor-wave>i:nth-child(3){animation-delay:-1.1s}.stage-cursor-wave.is-active>i,.stage-cursor-wave.is-active b{animation-play-state:running}
.stage-cursor-wave>span{position:absolute;inset:38px;display:flex;align-items:center;justify-content:center;gap:3px}.stage-cursor-wave b{width:2px;height:18px;border-radius:2px;background:#cff0ff;animation:cursor-eq .7s ease-in-out infinite alternate;animation-play-state:paused}.stage-cursor-wave b:nth-child(2){animation-delay:-.2s}.stage-cursor-wave b:nth-child(3){animation-delay:-.45s}.stage-cursor-wave b:nth-child(4){animation-delay:-.1s}.stage-cursor-wave b:nth-child(5){animation-delay:-.35s}
@keyframes cursor-sound-wave{0%{transform:scale(.22);opacity:0}15%{opacity:.85}100%{transform:scale(1.35);opacity:0}}@keyframes cursor-eq{from{transform:scaleY(.25)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce),(hover:none){.stage-cursor-wave{display:none}}

.stage-light-intro .stage-photo{background-size:cover,contain;background-repeat:no-repeat;background-color:#03060c}

/* Clear primary entrance for the stage introduction. */
.stage-light-intro .intro-enter{bottom:24px;min-height:54px;padding:0 28px;gap:14px;border:1px solid #c6e5ff;border-radius:999px;background:linear-gradient(125deg,#d6efff,#a9caff);color:#10233c;font-size:16px;font-weight:700;letter-spacing:.3px;white-space:nowrap;box-shadow:0 0 26px #79aaff66,0 6px 22px #0008;transition:background .2s,box-shadow .2s}
.stage-light-intro .intro-enter:hover{background:#edf8ff;box-shadow:0 0 38px #8cbcff99,0 6px 22px #0008}.stage-light-intro .intro-enter:focus-visible{outline:3px solid white;outline-offset:5px}
.stage-light-intro .intro-scroll-mark{width:22px;height:26px;border:0;border-radius:0;animation:stage-enter-arrow 1.6s ease-in-out infinite}.stage-light-intro .intro-scroll-mark:before{content:'';position:absolute;left:10px;top:2px;width:2px;height:18px;background:currentColor}.stage-light-intro .intro-scroll-mark:after{content:'';position:absolute;left:5px;top:11px;width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;background:none;transform:rotate(45deg);animation:none;box-sizing:border-box}
@keyframes stage-enter-arrow{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@media(max-width:600px){.stage-light-intro .intro-enter{bottom:20px;min-height:52px;font-size:15px;padding:0 24px}.stage-light-intro .intro-replay{bottom:84px}}
@media(max-height:650px){.stage-light-intro .intro-caption{top:65%}.stage-light-intro .intro-caption h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.stage-light-intro .intro-scroll-mark{animation:none}}

@media(min-height:651px){.stage-light-intro .intro-caption{top:70%}}

/* Airy stage wordmark with a softer, luminous finish. */
.stage-light-intro .stage-center-brand{top:39%;font-weight:300;text-shadow:none}
.stage-wordmark{display:inline-block;font-family:'Segoe UI Light','Segoe UI','Helvetica Neue',sans-serif;font-size:clamp(68px,10vw,124px);font-weight:300;line-height:1.1;letter-spacing:.22em;padding-left:.22em;color:#e6f1ff;background:linear-gradient(160deg,#fff 15%,#d3e7ff 48%,#a6b9e3 88%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #b0ceff30)}
.stage-light-intro .stage-center-brand small{font-family:'Segoe UI',sans-serif;font-size:10px;font-weight:400;letter-spacing:.55em;padding-left:.55em;margin-top:22px;color:#c3d3e7}
@media(max-width:600px){.stage-light-intro .stage-center-brand{top:40%}.stage-wordmark{font-size:clamp(58px,15vw,88px);letter-spacing:.16em;padding-left:.16em}.stage-light-intro .stage-center-brand small{font-size:8px;letter-spacing:.4em;padding-left:.4em;margin-top:16px}}

/* Loose signature treatment for the stage brand. */
.stage-light-intro .stage-wordmark{font-family:'Freehand521 BT','Segoe Script','Brush Script MT',cursive;font-size:clamp(92px,12vw,150px);font-weight:400;line-height:1.35;letter-spacing:-.065em;padding:0 .22em 0 .08em;transform:rotate(-7deg) skewX(-5deg);background:linear-gradient(145deg,#fff 20%,#e5f1ff 60%,#b4c9ec);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 15px #b4d8ff45)}
.stage-light-intro .stage-center-brand{top:34%}.stage-light-intro .stage-center-brand small{margin-top:4px;letter-spacing:.4em;padding-left:.4em}
@media(max-width:600px){.stage-light-intro .stage-wordmark{font-size:clamp(80px,22vw,114px)}.stage-light-intro .stage-center-brand{top:35%}}

/* Selected option 03: original brush signature artwork. */
.stage-light-intro .stage-center-brand{top:28%;mix-blend-mode:screen}.stage-signature-art{display:block;width:clamp(270px,30vw,440px);height:auto;margin:0 auto;mix-blend-mode:screen}.stage-light-intro .stage-center-brand small{margin-top:0}
@media(max-width:600px){.stage-light-intro .stage-center-brand{top:31%}.stage-signature-art{width:min(76vw,340px)}}


/* Keep the stacked screenshots and enquiry controls within narrow phones. */
@media(max-width:600px){
 .feedback-deck>.home-gallery-item{left:38px;width:calc(100% - 76px);max-width:230px}
 #featured-products .product-links a{min-width:0;flex-basis:100%;min-height:44px;overflow-wrap:anywhere}
 .feedback-controls{gap:12px}
 .feedback-dots{gap:0}
 .feedback-dots button{width:32px;height:44px;border-radius:0;background:transparent;position:relative}
 .feedback-dots button:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#c8cfda;left:50%;top:50%;transform:translate(-50%,-50%)}
 .feedback-dots button[aria-pressed="true"]{background:transparent;transform:none}
 .feedback-dots button[aria-pressed="true"]:before{background:#4d65ff;transform:translate(-50%,-50%) scale(1.3)}
 .feedback-pause,.original-hero-pause,.ribbon-controls button,.intro-skip{min-height:44px}
 .home-enquiry{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}

@media(max-width:600px){.feedback-deck>.home-gallery-item[data-position="1"]{transform:translate(18px,9px) rotate(4deg) scale(.94)}.feedback-deck>.home-gallery-item[data-position="2"]{transform:translate(-18px,12px) rotate(-4deg) scale(.91)}}

/* Application context beneath the compact project gallery */
.project-context{margin:32px 0 20px;max-width:720px}.project-context>p:last-child{color:#657075;line-height:1.7}
.project-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.project-case{border:1px solid #e0e5e5;border-radius:12px;background:#fff;overflow:hidden}
.project-case summary{display:flex;align-items:center;gap:16px;padding:22px;cursor:pointer;list-style:none;min-height:94px}
.project-case summary::-webkit-details-marker{display:none}.case-number{color:#8a969a;font-size:13px}
.project-case summary small{display:block;font-size:10px;letter-spacing:.12em;color:#6d797e;margin-bottom:8px}
.project-case summary strong{font-size:17px;line-height:1.4;display:block}.case-toggle{margin-left:auto;font-size:24px;color:#27828b}
.project-case[open] .case-toggle{transform:rotate(45deg)}.project-case[open]{border-color:#b1cbcd}
.case-body{padding:0 24px 24px 54px}.case-body p{font-size:14px;line-height:1.75;color:#607078}.case-body h3{font-size:15px;margin-top:22px}
.case-brief{border-left:2px solid #afd4d8;padding-left:14px;margin:22px 0}.case-brief small{font-size:10px;letter-spacing:.1em;color:#4a7075}
.project-case summary:focus-visible{outline:2px solid #25818b;outline-offset:-4px}.case-body .plain-link{min-height:44px;display:inline-flex;align-items:center;gap:18px}
@media(max-width:640px){.project-case-grid{grid-template-columns:1fr}.project-case summary{padding:18px;gap:12px}.case-body{padding:0 20px 20px}.project-case summary strong{font-size:16px}}
