/* The film continues into a tangible shop experience: open rows, a dark display,
   one wide video and a documentary chapter. Existing brand tokens preserved. */
.home-continuum { background:#101114; color:#f8f8fa; }
.continuum-shortcuts { padding-block:64px; }
.home-restyle main .continuum-shortcuts h2 { font-size:28px; }
.continuum-shortcut-links { display:flex; flex-wrap:wrap; gap:12px 32px; margin-top:28px; }
.continuum-shortcut-links a { min-height:44px; display:inline-flex; align-items:center; font-size:14px; }
.home-restyle main .continuum-shortcut-links a { position:relative; gap:6px; color:#f8f8fa; text-decoration:none; transition:color 180ms ease-out; }
.home-restyle main .continuum-shortcut-links a::after { content:''; position:absolute; left:0; right:22px; bottom:9px; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform 320ms cubic-bezier(.23,1,.32,1); }
.home-restyle main .continuum-shortcut-links a i { color:#ff976f; font-size:16px; transition:transform 180ms cubic-bezier(.23,1,.32,1); }
.home-restyle main .continuum-shortcut-links a:is(:hover,:focus-visible) { color:#ff976f; }
.home-restyle main .continuum-shortcut-links a:is(:hover,:focus-visible)::after { transform:scaleX(1); }
.home-restyle main .continuum-shortcut-links a:is(:hover,:focus-visible) i { transform:translate(2px,-2px); }
.home-restyle main .continuum-shortcut-links a:focus-visible { outline:2px solid #ff976f; outline-offset:4px; border-radius:2px; }
@media (prefers-reduced-motion:reduce) { .home-restyle main .continuum-shortcut-links a,.home-restyle main .continuum-shortcut-links a::after,.home-restyle main .continuum-shortcut-links a i { transition:none; } }
.continuum-video-note { border-top:1px solid #393c44; margin-top:28px; padding-top:20px; display:flex; flex-wrap:wrap; gap:8px 28px; align-items:center; }
.continuum-video-note > p { margin:0; font-size:13px; }
.continuum-video-note button { border:0; padding-inline:0; background:transparent; color:inherit; text-align:left; }
.home-restyle main .continuum-faq { padding-block:64px; }
.home-restyle main .continuum-faq h2 { font-size:36px; }
.home-restyle main .home-continuum h2 { font-size:clamp(40px,5vw,72px); font-weight:500; line-height:1.12; letter-spacing:-.03em; margin:0; }
.home-restyle main .home-continuum h2 span { color:#ff976f; }
.home-continuum p { color:#bfc2c9; font-size:16px; line-height:1.8; }
.home-continuum .continuum-label { font-size:12px; margin:0 0 24px; color:#ff976f; }
.continuum-services { padding-block:120px 80px; }
.continuum-heading { display:grid; grid-template-columns:1.1fr .9fr; column-gap:100px; align-items:end; }
.continuum-heading .continuum-label { grid-column:1 / -1; }
.continuum-heading > p:last-child { max-width:40ch; margin:0 0 4px; }
.continuum-service-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; margin-top:64px; align-items:center; }
.continuum-service { display:flex; justify-content:space-between; align-items:center; gap:28px; padding-block:30px; border-bottom:1px solid #393c44; }
.continuum-service:first-child { border-top:1px solid #393c44; }
.home-restyle main .continuum-service h3 { font-size:36px; line-height:1.2; margin:0 0 12px; color:#bfc2c9; transition:color 180ms ease-out; }
.continuum-service.is-selected h3 { color:#f8f8fa !important; }
.continuum-service p { font-size:14px; max-width:38ch; margin:0; }
.continuum-service > i { color:#ff976f; font-size:28px; transition:transform 180ms cubic-bezier(.23,1,.32,1); }
.continuum-service-visual { position:relative; margin:0; }
.continuum-service-visual img { width:100%; aspect-ratio:1; object-fit:cover; object-position:70% center; border-radius:4px; }
.continuum-service-visual figcaption { font-size:11px; color:#bfc2c9; margin-top:16px; }
.continuum-more { display:flex; gap:28px; flex-wrap:wrap; align-items:center; margin-top:60px; font-size:12px; }
.continuum-more > span { color:#bfc2c9; margin-right:auto; }
.continuum-catalogue { background:#17191e; padding-block:110px; }
.continuum-catalogue-heading { display:flex; justify-content:space-between; gap:80px; align-items:end; margin-bottom:54px; }
.continuum-catalogue-heading > div:last-child { max-width:40ch; }
.continuum-text-link { display:inline-flex; align-items:center; gap:20px; font-size:14px; padding-block:12px; }
.continuum-text-link i { color:#ff976f; font-size:20px; }
.continuum-products { gap:28px; }
.continuum-product-image { position:relative; aspect-ratio:1; background:#202228; overflow:hidden; border-radius:4px; }
.continuum-product.is-without-photo .continuum-product-image { aspect-ratio:1.8; }
.continuum-product-image > img { width:100%; height:100%; object-fit:contain; padding:28px; transition:transform 240ms cubic-bezier(.23,1,.32,1); }
.continuum-product-placeholder { height:100%; display:flex; flex-direction:column; gap:18px; justify-content:center; align-items:center; color:#bfc2c9; }
.continuum-product-placeholder i { font-size:56px; color:#bfc2c9; }
.continuum-product-placeholder span { font-size:11px; }
.continuum-grade { position:absolute; top:16px; left:16px; font-size:11px; color:#bfc2c9; }
.continuum-product-arrow { position:absolute; right:18px; bottom:16px; color:#ff976f; font-size:24px; }
.continuum-product-info { padding-top:20px; }
.continuum-product-info > p { font-size:11px; margin:0 0 8px; }
.home-restyle main .continuum-product-info h3 { font-size:18px; line-height:1.5; font-weight:500; margin:0 0 14px; }
.continuum-product-info > strong { font-size:20px; font-weight:500; }
.continuum-trade { display:flex; justify-content:space-between; gap:32px; align-items:center; margin-top:64px; padding-top:32px; border-top:1px solid #393c44; }
.continuum-trade > div > span { font-size:12px; color:#bfc2c9; }
.home-restyle main .continuum-trade h3 { font-size:28px; margin:12px 0 0; }
.continuum-trade > span { font-size:13px; display:flex; gap:20px; align-items:center; }
.continuum-trade i { color:#ff976f; font-size:24px; }
.continuum-video { padding-block:120px; }
.continuum-video-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:48px; }
.continuum-video-poster { display:block; width:100%; aspect-ratio:2.2; border:0; border-radius:4px; padding:0; overflow:hidden; position:relative; }
.continuum-video-poster > img { width:100%; height:100%; object-fit:cover; filter:brightness(.6); transition:transform 400ms cubic-bezier(.23,1,.32,1); }
.continuum-video-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:20px; color:#fff; font-size:16px; }
.continuum-play { display:grid; place-items:center; width:72px; height:72px; border-radius:50%; background:#ff6b35; color:#17191e; font-size:28px; transition:transform 180ms cubic-bezier(.23,1,.32,1); }
.continuum-video-caption { display:flex; justify-content:space-between; gap:24px; align-items:center; margin-top:20px; }
.home-restyle main .continuum-video-caption h3 { font-size:20px; margin:0; }
.continuum-video-caption > span { color:#bfc2c9; font-size:12px; }
.continuum-story { padding-block:110px; background:#17191e; }
.continuum-story-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:110px; align-items:center; }
.continuum-story-layout > div > p:not(.continuum-label) { max-width:40ch; margin:28px 0 0; font-size:14px; }
.continuum-story-layout .continuum-text-link { margin-top:24px; }
.continuum-story-layout figure { margin:0; }
.continuum-story-layout img { width:100%; aspect-ratio:1.2; object-fit:cover; border-radius:4px; }
.continuum-story-layout figcaption { color:#bfc2c9; font-size:11px; margin-top:18px; }
.continuum-faq { padding-block:110px; gap:100px; }
.continuum-faq summary { font-size:16px; padding-block:28px; }
.continuum-faq summary::after { content:'+'; font-size:24px; color:#ff976f; }
.continuum-faq details[open] summary::after { content:'−'; }
.continuum-faq details > p { font-size:14px; padding-right:24px; }
.continuum-flyer { display:flex; justify-content:space-between; gap:40px; align-items:center; padding-block:40px; border-top:1px solid #393c44; }
.continuum-contact { padding-block:100px 110px; background:#17191e; }
.home-restyle main .continuum-contact h2 { font-size:clamp(44px,6vw,88px); }
.continuum-contact-bottom { display:flex; justify-content:space-between; gap:80px; align-items:end; margin-top:70px; }
.continuum-contact-bottom p { font-size:14px; margin:0 0 14px; }
.continuum-address { display:inline-block; font-size:28px; line-height:1.5; }
.continuum-address i { color:#ff976f; margin-left:24px; }
.continuum-contact-actions { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.home-continuum .home-button-dark { color:#17191e; background:#ff6b35; border-radius:4px; }
.home-continuum .home-button-dark i { color:#17191e; }
.home-restyle .footer { border-top:1px solid #393c44; }
.home-restyle .footer :is(.footer-description,.footer-contact-item,.footer-link) { font-size:13px; }
/* The film gives way to a documentary chapter and a flowing shop experience. */
.continuum-human { background:#101114; }
.continuum-human-stage { padding-block:100px; }
.continuum-human-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; align-items:center; }
.continuum-human-copy > p:not(.continuum-label) { max-width:36ch; font-size:14px; margin:28px 0 0; }
.continuum-human-copy .continuum-text-link { margin-top:24px; }
.continuum-human-visual { margin:0; overflow:hidden; }
.continuum-human-visual img { display:block; width:100%; height:auto; border-radius:4px; }
.continuum-human-visual figcaption { color:#bfc2c9; font-size:11px; margin-top:18px; }
.continuum-human.is-narrative { height:210svh; }
.is-narrative .continuum-human-stage { position:sticky; top:var(--people-header,65px); height:calc(100svh - var(--people-header,65px)); display:flex; align-items:center; padding-block:32px; overflow:hidden; }
.continuum-service-layout { display:block; }
.continuum-service-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.continuum-service { align-items:flex-start; border-top:1px solid #393c44; border-bottom:0; padding-block:30px 0; }
.continuum-services { padding-block:100px; }
.continuum-service p { max-width:30ch; }
.continuum-service > i { padding-top:8px; }
.continuum-more { margin-top:48px; }
@media(hover:hover) and (pointer:fine) {
 .continuum-service:hover h3 { color:#f8f8fa !important; }
 .continuum-service:hover > i { transform:translate(3px,-3px); }
 .continuum-product:hover .continuum-product-image > img { transform:scale(1.04); }
 .continuum-video-poster:hover > img { transform:scale(1.02); }
 .continuum-video-poster:hover .continuum-play { transform:scale(1.06); }
 .home-continuum .home-button-dark:hover { background:#ff976f; }
}
@media(max-width:1199px) { .continuum-service-layout,.continuum-story-layout { gap:50px; } .continuum-heading { column-gap:50px; } }
@media(max-width:767px) {
 .continuum-human-stage { padding-block:65px; }
 .continuum-human-layout { grid-template-columns:1fr; gap:32px; }
 .continuum-human-copy > p:not(.continuum-label) { margin-top:18px; font-size:13px; }
 .continuum-human-copy .continuum-text-link { margin-top:12px; }
 .home-restyle main .continuum-human h2 { font-size:32px; }
 .continuum-human-visual { max-width:440px; }
 .continuum-human.is-narrative { height:190svh; }
 .is-narrative .continuum-human-stage { align-items:flex-start; padding-block:24px; }
 .continuum-service-list { grid-template-columns:1fr; gap:0; }
 .home-restyle main .home-continuum h2 { font-size:40px; }
 .home-continuum p { font-size:14px; }
 .continuum-services,.continuum-video,.continuum-faq { padding-block:65px; }
 .continuum-catalogue,.continuum-story,.continuum-contact { padding-block:70px; }
 .continuum-heading,.continuum-service-layout,.continuum-story-layout { grid-template-columns:1fr; gap:32px; }
 .continuum-heading .continuum-label { margin-bottom:0; }
 .continuum-service-layout { margin-top:32px; }
 .continuum-service { padding-block:24px; }
 .home-restyle main .continuum-service h3 { font-size:28px; }
 .continuum-service p { font-size:13px; }
 .continuum-service-visual img { aspect-ratio:1.2; }
 .continuum-more { gap:18px; margin-top:36px; }
 .continuum-more > span { width:100%; }
 .continuum-catalogue-heading,.continuum-video-heading { flex-direction:column; align-items:flex-start; gap:24px; margin-bottom:32px; }
 .continuum-products { gap:30px 16px; }
 .continuum-grade { top:10px; left:10px; font-size:11px; }
 .continuum-product-placeholder i { font-size:44px; }
 .continuum-product-placeholder { gap:10px; }
 .continuum-product-placeholder span { font-size:11px; text-align:center; padding-inline:10px; }
 .home-restyle main .continuum-product-info h3 { font-size:14px; margin-bottom:12px; }
 .continuum-product-info > strong { font-size:18px; }
 .continuum-product-arrow { right:12px; bottom:8px; }
 .continuum-trade { flex-direction:column; align-items:flex-start; gap:20px; margin-top:40px; }
 .home-restyle main .continuum-trade h3 { font-size:24px; }
 .continuum-video-poster { aspect-ratio:1.4; }
 .continuum-video-overlay { gap:12px; font-size:14px; }
 .continuum-play { width:56px; height:56px; font-size:24px; }
 .continuum-video-caption { flex-direction:column; align-items:flex-start; gap:8px; }
 .continuum-faq { grid-template-columns:1fr; gap:32px; }
 .continuum-faq summary { font-size:14px; }
 .continuum-contact-bottom { flex-direction:column; align-items:flex-start; gap:40px; margin-top:36px; }
 .continuum-address { font-size:24px; }
 .continuum-flyer { flex-direction:column; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { .home-continuum * { transition:none !important; } }
@media(max-height:700px) {
 .continuum-human.is-narrative { height:auto; }
 .is-narrative .continuum-human-stage { position:relative; top:auto; height:auto; padding-block:65px; overflow:visible; }
}
