:root{--nytro-accent:#4657f7;--nytro-accent-ink:#fff}.live-set{isolation:isolate;width:100%;height:100%;min-height:300px;position:relative}.live-set canvas{touch-action:pan-y;cursor:grab;outline-offset:-4px;width:100%;height:100%;display:block;position:absolute;inset:0}.live-set canvas:active{cursor:grabbing}.live-set canvas:focus-visible{outline:2px solid var(--nytro-accent)}.live-set[data-render-status=loading] canvas,.live-set[data-render-status=fallback] canvas{opacity:0}.live-set-poster{place-items:center;display:grid;position:absolute;inset:0}.live-set-poster img{object-fit:contain;grid-area:1/1;width:100%;height:100%;max-height:100%}.live-set-poster p{color:#aaa;text-align:center;max-width:36ch;font-size:13px;position:absolute;bottom:30px}.live-view-controls{pointer-events:none;color:#ccc;justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex;position:absolute;bottom:12px;left:5%;right:5%}.live-view-controls>div{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161616c9;border:1px solid #ffffff2b;border-radius:30px;gap:4px;padding:4px;display:flex}.live-view-controls button{color:#ccc;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:24px;padding:10px 14px}.live-view-controls button[aria-pressed=true]{background:var(--nytro-accent);color:var(--nytro-accent-ink)}.live-hero.sn-hero{text-align:center;background:radial-gradient(ellipse at 50% 56%,color-mix(in srgb,var(--nytro-accent) 9%,#111) 0%,#111 55%);min-height:calc(100svh - 90px);padding:18px 0 70px;transition:background .4s}.live-hero h1{pointer-events:none;z-index:2;padding:0 4.2vw;font-size:clamp(76px,12.4vw,240px);line-height:.91;position:relative}.live-hero .live-set{z-index:3;height:clamp(500px,68vw,1020px);margin-top:-15vw;margin-bottom:-3vw}.live-hero-bottom{z-index:4;text-align:left;justify-content:space-between;align-items:flex-end;gap:40px;padding:32px 5.5vw 0;display:flex;position:relative}.live-colour-choices{align-items:center;gap:44px;display:flex}.live-colour-choices fieldset{border:0;min-width:0;margin:0;padding:0}.live-colour-choices legend{justify-content:space-between;gap:18px;width:100%;margin-bottom:12px;font-size:14px;display:flex}.live-colour-choices legend span{color:#aaa}.live-colour-choices fieldset>div{gap:4px;display:flex}.live-colour-choices button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.live-colour-choices button[aria-pressed=true]{border-color:var(--nytro-accent)}.live-colour-choices i{border:1px solid #ffffff30;border-radius:50%;width:28px;height:28px}.live-hero-cta p{margin-bottom:14px;font-size:18px}.live-hero-cta .sn-claim{background:var(--nytro-accent);border-color:var(--nytro-accent);color:var(--nytro-accent-ink);min-width:265px}.live-hero-cta small{color:#aaa;margin-top:12px;font-size:12px;display:block}:is(.sn-page :focus-visible,.nytro-configure :focus-visible){outline-color:var(--nytro-accent)}.sn-page .nl-action:hover,.nytro-configure .scf-submit{background:var(--nytro-accent);color:var(--nytro-accent-ink);border-color:var(--nytro-accent)}.nytro-configure .scf-option:has(input:checked){border-color:var(--nytro-accent)}.nytro-configure{--yellow:var(--nytro-accent)}.scf-live-preview{flex-direction:column;flex:1;width:100%;min-height:0;margin:0;display:flex}.scf-live-preview .live-set{flex:1;height:100%;min-height:440px}.scf-live-preview figcaption{color:#aaa;text-align:center;padding:12px 0;font-size:14px}.scf-live-preview.scf-group-preview{display:none}@media (min-width:901px){.scf-product:has(.scf-live-preview){padding-inline:0}.scf-product:has(.scf-live-preview) .scf-product-intro{padding-inline:var(--scf-gutter)}.scf-product .live-view-controls>span{display:none}.scf-product .live-view-controls{justify-content:center}}@media (min-width:1800px){.live-hero .live-set{height:78vh;min-height:800px}.sn-study-grid,.sn-table figure,.sn-mat-stage,.sn-mat-details{max-width:none}.sn-design-study{width:80%;max-width:none}.sn-table figure img{object-fit:contain;max-height:110vh}}@media (max-width:900px){.live-hero h1{font-size:15vw}.live-hero .live-set{height:clamp(430px,100vw,760px);margin-top:0;margin-bottom:0}.live-hero-bottom{text-align:center;flex-direction:column;align-items:center;gap:28px;padding:24px 20px 0}.live-hero-cta .sn-claim{width:100%}.live-colour-choices{gap:24px}.live-view-controls{justify-content:center;bottom:0;left:12px;right:12px}.live-view-controls>span{display:none}.live-view-controls button{padding:9px 12px}.scf-live-preview.scf-desktop-preview{display:none}.scf-live-preview.scf-group-preview,.scf-live-preview.scf-final-preview{display:flex}.scf-live-preview .live-set{height:420px;min-height:420px}}@media (max-width:480px){.live-hero.sn-hero{padding-top:32px}.live-hero h1{font-size:15vw}.live-hero .live-set{height:440px;margin-top:0}.live-colour-choices{gap:18px}.live-colour-choices button{width:31px;height:38px}.live-colour-choices i{width:24px;height:24px}.live-colour-choices legend{font-size:12px}.live-hero-cta{width:100%}}@media (prefers-reduced-motion:reduce){.live-hero,.live-view-controls *{transition:none}}@media (min-width:901px){.scf-product:has(.scf-live-preview) h1{font-size:clamp(44px,4.4vw,100px)}.scf-product .scf-live-preview .live-set{height:100%;min-height:0}.scf-product .scf-live-preview{min-height:0}}@media (max-width:900px){.scf-live-preview.scf-desktop-preview{margin-top:16px;display:flex}.scf-live-preview.scf-desktop-preview .live-set{height:420px;min-height:420px}}.sn-page .nl-action{background:var(--nytro-accent);color:var(--nytro-accent-ink);border-color:var(--nytro-accent)}.live-set-poster{flex-direction:column;justify-content:center;gap:20px;padding:20px 5% 42px;display:flex}.live-set-stills{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;width:100%;height:100%;min-height:0;display:grid}.live-set-poster-pair .live-set-stills{grid-template-columns:repeat(2,minmax(0,1fr))}.live-set-stills figure{flex-direction:column;justify-content:center;min-width:0;height:100%;min-height:0;margin:0;display:flex}.live-set-stills img{object-fit:contain;flex:1;width:100%;height:0;min-height:0;display:block}.live-set-stills figcaption{text-align:center;flex:none;gap:6px;min-height:62px;padding:12px 0 0;line-height:1.4;display:grid}.live-set-stills figcaption strong{color:#f7f7f7;font-size:clamp(13px,1.25vw,19px);font-weight:400}.live-set-stills figcaption span{color:#b4b4b4;font-size:12px}.live-set-poster p{max-width:none;margin:0;font-size:12px;line-height:1.4;inset:auto 16px 8px}.live-hero .live-set:not([data-render-status=ready]){height:clamp(400px,40vw,640px);margin-top:20px;margin-bottom:0}.live-set:not([data-render-status=ready]) canvas{pointer-events:none}.live-view-controls button{min-height:44px}@media (max-width:600px){.live-set-poster{gap:12px;padding-inline:12px}.live-set-stills{gap:12px}.live-set-stills figcaption span{font-size:11px}.live-hero .live-set:not([data-render-status=ready]){height:350px;min-height:350px;margin-top:12px}.scf-live-preview.scf-desktop-preview .live-set{height:320px;min-height:320px}.live-colour-choices button{width:36px;height:44px}.live-colour-choices{gap:12px}}@media (max-width:360px){.live-colour-choices{flex-direction:column;gap:20px}.live-colour-choices button{width:44px}}