/* Approved “Плакат”: paper layers, satin objects, blue with a lime accent. */
:root { --poster-lime: #c8f02d; }
.home-motion-page { --blue: #0066ff; --ink: #111111; --poster-paper: #f4f4ef; }
.home-motion-page .motion-kicker { font-size: 12px; letter-spacing: .1em; }
.home-motion-page .motion-button { font-size: 16px; background: #0052cc; border-radius: 3px; box-shadow: 0 5px 12px #0052cc19; transition: background 200ms, transform 200ms, box-shadow 200ms; }
.home-motion-page .motion-button:hover { box-shadow: 0 9px 20px #0052cc26; }
.home-motion-page .motion-link { min-height: 48px; font-size: 16px; }
.home-motion-page .motion-mark { isolation: isolate; }
.home-motion-page .motion-mark::after { height: 8px; background: var(--poster-lime); border-radius: 0; bottom: -6px; z-index: -1; }
.home-motion-page .motion-section { padding-block: 108px; }
.home-motion-page .motion-section-heading { margin-bottom: 48px; }

/* A live, uncut film inside a sculpted CRT; the body and screen move together. */
.home-motion-page .motion-hero-film { height: auto; min-height: 0; background: linear-gradient(115deg, #fff 38%, #f2f3ed); }
.home-motion-page .motion-hero-film .motion-hero-inner { height: auto; padding-block: 72px 102px; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: 44px; pointer-events: auto; }
.home-motion-page .motion-hero-copy { width: 100%; padding: 0; grid-column: 1; grid-row: 1; }
.home-motion-page .motion-hero-film h1 { font-family: 'Noto Sans Display', sans-serif; font-stretch: condensed; font-style: italic; font-size: clamp(48px, 4.85vw, 72px); line-height: 1.02; letter-spacing: -.035em; transform: none; }
.home-motion-page .motion-hero-film h1 span:last-child { margin-top: 10px; }
.home-motion-page .motion-hero-description { max-width: 390px; font-size: 18px; }
.home-motion-page .motion-hero .motion-kicker > span { width: 22px; height: 6px; border-radius: 0; background: var(--poster-lime); }
.home-motion-page .motion-hero .motion-actions { gap: 14px 24px; }
.home-motion-page .motion-tv-stage { position: relative; isolation: isolate; grid-column: 2; grid-row: 1; width: 100%; }
.home-motion-page .motion-tv-stage::before { content: ''; position: absolute; left: 12%; right: 10%; bottom: 13%; height: 6%; background: #182c452e; border-radius: 50%; filter: blur(16px); pointer-events: none; }
.home-motion-page .motion-tv { position: relative; width: 100%; aspect-ratio: 1; transform-origin: 50% 55%; }
.home-motion-page .motion-tv-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; pointer-events: none; }
.home-motion-page .motion-tv.is-3d .motion-tv-canvas { opacity: 1; }
.home-motion-page .motion-tv.is-3d .motion-tv-body,
.home-motion-page .motion-tv.is-3d .motion-tv-screen,
.home-motion-page .motion-tv.is-3d .motion-tv-brand { opacity: 0; pointer-events: none; }
.home-motion-page .motion-hero-film .motion-tv-screen video,
.home-motion-page .motion-hero-film .motion-tv-screen .motion-film-poster { inset: 0; width: 100%; height: 100%; object-fit: fill; aspect-ratio: auto; }
.home-motion-page .motion-tv-body { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; user-select: none; }
.home-motion-page .motion-hero-film .motion-tv-screen { position: absolute; inset: auto; left: 12.9%; top: 17.25%; width: 63.5%; height: 57.6%; aspect-ratio: auto; margin: 0; z-index: 1; border-radius: 12% / 13%; overflow: hidden; background: #08090a; }
.home-motion-page .motion-hero-film .motion-tv-screen::after { display: block; content: ''; position: absolute; inset: 0; width: auto; height: auto; z-index: 2; border-radius: inherit; pointer-events: none; background: linear-gradient(125deg, #ffffff1c, #ffffff00 27%, #ffffff00 68%, #ffffff08); box-shadow: inset 6px 5px 14px #0007, inset -5px -5px 14px #0008; }
.home-motion-page .motion-tv-brand { position: absolute; width: 17.5%; height: auto; left: 48.7%; top: 84%; transform: translate(-50%, -50%); z-index: 2; pointer-events: none; }
.home-motion-page .motion-tv-power { position: absolute; left: 87.35%; top: 73.45%; transform: translate(-50%, -50%); width: 8%; height: auto; min-width: 48px; min-height: 48px; aspect-ratio: 1; padding: 0; z-index: 3; background: transparent; border: 0; color: #fff; box-shadow: none; }
.home-motion-page .motion-tv-power svg { width: clamp(16px, 1.6vw, 22px); height: clamp(16px, 1.6vw, 22px); filter: drop-shadow(0 1px 2px #003489); }
.home-motion-page .motion-tv-power:hover { background: #ffffff14; }
.home-motion-page .motion-tv-power:focus-visible { outline: 3px solid var(--poster-lime); outline-offset: 2px; }
.home-motion-page .motion-tv-caption { position: relative; margin: -2% 0 0; text-align: center; color: #5b6255; font-size: 12px; }
.home-motion-page .motion-hero-bottom { bottom: 30px; }
.home-motion-page .motion-scroll-link { font-size: 13px; }
.home-motion-page .motion-scroll-icon { border-radius: 3px; background: #fff; height: 40px; width: 36px; border-color: #d9dcd3; }

.home-motion-page .motion-service-ribbon { position: relative; background: var(--blue); color: #fff; box-shadow: inset 0 1px #ffffff35, 0 5px 14px #0066ff12; }
.home-motion-page .motion-service-ribbon > div { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px 26px; padding-block: 12px; }
.home-motion-page .motion-service-ribbon a { display: inline-flex; align-items: center; gap: 28px; font-size: 16px; min-height: 48px; font-weight: 600; }
.home-motion-page .motion-service-ribbon a::before { content: ''; width: 8px; height: 8px; background: var(--poster-lime); transform: rotate(-12deg); }
.home-motion-page .motion-service-ribbon a:focus-visible { outline-color: var(--poster-lime); }

/* The first two directions carry the hierarchy; every icon has a surface to sit on. */
.home-motion-page .motion-services { gap: 22px; border: 0; }
.home-motion-page .motion-services .motion-service { grid-column: span 4; display: flex; flex-direction: column; justify-content: flex-start; min-height: 332px; padding: 28px 28px 84px; overflow: hidden; border: 1px solid #e2e4dd; border-radius: 24px; color: var(--ink); background: linear-gradient(145deg, #fff 35%, #f1f2ec); box-shadow: 0 2px 3px #171d1005, 0 12px 24px -15px #18200e38; transition: transform 220ms, box-shadow 220ms; }
.home-motion-page .motion-services .motion-service:nth-child(-n+2) { grid-column: span 6; min-height: 330px; padding: 30px 32px 84px; }
.home-motion-page .motion-services .motion-service:first-child { color: #fff; border-color: #242922; background: radial-gradient(ellipse at 80% 15%, #3f473a, #1c211b 53%, #121610); }
.home-motion-page .motion-services .motion-service:first-child::before { content: ''; position: absolute; left: 32px; top: 0; height: 5px; width: 62px; background: var(--poster-lime); box-shadow: 0 2px 10px #c8f02d30; }
.home-motion-page .motion-services .motion-service:nth-child(2) { background: radial-gradient(ellipse at 78% 18%, #fff, #eef1e6 80%); }
.home-motion-page .motion-services .motion-service-number { font-family: 'Noto Sans Display', sans-serif; font-style: italic; font-weight: 900; font-size: 64px; line-height: 1; color: transparent; -webkit-text-stroke: 1px #bdc2b6; opacity: 1; }
.home-motion-page .motion-services .motion-service:first-child .motion-service-number { -webkit-text-stroke-color: #777f6e; }
.home-motion-page .motion-services .motion-service-copy { position: relative; z-index: 1; margin-top: 70px; max-width: 100%; }
.home-motion-page .motion-services .motion-service h3 { font-size: 29px; margin: 0 0 13px; letter-spacing: -.04em; }
.home-motion-page .motion-services .motion-service p { font-size: 16px; line-height: 1.5; color: #555b50; opacity: 1; max-width: none; margin: 0; overflow-wrap: normal; }
.home-motion-page .motion-services .motion-service:first-child p { color: #d6dbcf; }
.home-motion-page .motion-services .motion-service-symbol { top: 15px; right: 20px; transform: rotate(-5deg); transition: transform 220ms; }
.home-motion-page .motion-services .motion-service-symbol::before { content: ''; position: absolute; width: 72%; height: 14%; left: 14%; bottom: 2%; border-radius: 50%; background: #192d431c; filter: blur(9px); transform: rotate(5deg); }
.home-motion-page .motion-services .motion-service-symbol .service-icon { position: relative; width: 136px; height: 136px; filter: drop-shadow(0 12px 12px #16356a15); }
.home-motion-page .motion-services .motion-service:nth-child(-n+2) .service-icon { width: 240px; height: 240px; }
.home-motion-page .motion-services .motion-service:nth-child(-n+2) .motion-service-symbol { top: 38px; right: 22px; }
.home-motion-page .motion-services .motion-service:nth-child(-n+2) .motion-service-copy { max-width: 49%; margin-top: 22px; }
.home-motion-page .motion-services .motion-service:first-child .service-icon { filter: drop-shadow(0 18px 16px #0005); }
.home-motion-page .motion-services .motion-service > .motion-card-arrow { left: auto; right: 24px; bottom: 21px; width: 44px; height: 44px; background: #fff; color: #0052cc; border: 1px solid #dfe3d8; box-shadow: 0 3px 8px #1c24100a; }
.home-motion-page .motion-services .motion-service::after { content: ''; position: absolute; left: 28px; right: 82px; bottom: 43px; height: 1px; background: #c7cbbd; }
.home-motion-page .motion-services .motion-service:first-child::after { background: #616955; }
.home-motion-page .motion-services .motion-service:first-child > .motion-card-arrow { background: var(--poster-lime); border-color: var(--poster-lime); color: #111; }
.home-motion-page .motion-services .motion-service:hover { transform: translateY(-4px); box-shadow: 0 20px 32px -18px #18200e55; }
.home-motion-page .motion-services .motion-service:hover .motion-service-symbol { transform: translateY(-4px) rotate(0); }
.home-motion-page .motion-services .motion-service:hover .motion-card-arrow { background: var(--blue); color: #fff; }
.home-motion-page .motion-services .motion-service:focus-visible { outline-offset: 4px; z-index: 2; }

/* Product sheets and portfolio frames keep the actual catalog artwork intact. */
.home-motion-page .motion-collection { background: #f1f2ec; border-block: 1px solid #e5e7df; }
.home-motion-page .motion-products { gap: 22px; }
.home-motion-page .motion-product { padding: 10px 10px 22px; background: #fff; border: 1px solid #e0e3d9; border-radius: 4px; box-shadow: 0 3px 4px #14200903, 0 16px 25px -20px #14200940; transition: transform 220ms, box-shadow 220ms; }
.home-motion-page .motion-product:hover { transform: translateY(-4px); box-shadow: 0 17px 26px -15px #14200935; }
.home-motion-page .motion-product-image { border-radius: 2px; }
.home-motion-page .motion-product-image img { transition: transform 220ms; }
.home-motion-page .motion-product-category, .home-motion-page .motion-product h3, .home-motion-page .motion-product-price { margin-inline: 12px; }
.home-motion-page .motion-product-category { font-size: 12px; line-height: 1.5; letter-spacing: .06em; }
.home-motion-page .motion-product h3 { font-size: 21px; }
.home-motion-page .motion-product-price { font-size: 18px; }
.home-motion-page .motion-product-image .motion-card-arrow { width: 40px; height: 40px; box-shadow: 0 2px 9px #1111; }
.home-motion-page .motion-image-note { font-size: 13px; }
.home-motion-page .motion-wholesale { padding-block: 96px; }
.home-motion-page .motion-project-image { border-radius: 4px; border: 8px solid #fff; outline: 1px solid #e4e7dd; box-shadow: 0 17px 28px -20px #18200e55; }
.home-motion-page .motion-project-image > img { transition: transform 220ms; }
.home-motion-page .motion-project-image > span:not(.motion-card-arrow) { border-radius: 2px; font-size: 12px; }
.home-motion-page .motion-project-caption { margin-top: 24px; padding-inline: 8px; }
.home-motion-page .motion-project-caption p { font-size: 14px; }

/* A coherent material story, including static and mobile layouts. */
.home-motion-page .motion-story { background: radial-gradient(ellipse at 75% 45%, #30372a, #171c15 60%, #11160f); }
.home-motion-page .motion-story-heading h2 span { color: var(--poster-lime); }
.home-motion-page .motion-story-step > p:last-child, .home-motion-page .motion-story-skip { color: #e0e3da; }
.home-motion-page .motion-story-index { opacity: 1; color: var(--poster-lime); font-size: 12px; }
.home-motion-page .motion-story-art-note { color: #c0c8b6; font-size: 12px; }
.home-motion-page .poster-step-image, .home-motion-page .poster-process-note { display: none; }
.home-motion-page .poster-process-scene { position: absolute; inset: 0; opacity: 0; transform: translate(55px, 25px) rotate(5deg) scale(.96); pointer-events: none; }
.home-motion-page .poster-process-idea { opacity: 1; transform: none; }
.home-motion-page .poster-process-scene > img { position: absolute; object-fit: contain; filter: drop-shadow(0 25px 25px #0005); }
.home-motion-page .poster-process-paper { width: 80%; height: 100%; right: 0; top: -4%; transform: rotate(9deg); }
.home-motion-page .poster-idea-note { position: absolute; left: 0; top: 22%; width: 48%; padding: 28px; color: #111; background: #fafbf5; transform: rotate(-9deg); border: 1px solid #d4dac9; box-shadow: 0 3px 0 #d6dacd, 0 22px 35px #0005; }
.home-motion-page .poster-idea-note > span { display: block; font-size: 11px; letter-spacing: .1em; }
.home-motion-page .poster-idea-note strong { display: block; margin-block: 28px; font: italic 900 48px/1 'Noto Sans Display', sans-serif; font-stretch: condensed; letter-spacing: -.04em; }
.home-motion-page .poster-idea-note i { display: block; width: 60px; height: 8px; background: var(--poster-lime); }
.home-motion-page .poster-process-shirt { width: 86%; height: 105%; left: -3%; top: -6%; transform: rotate(-8deg); }
.home-motion-page .poster-process-mug { width: 42%; height: 50%; right: -3%; bottom: 2%; transform: rotate(9deg); }
.home-motion-page .poster-process-box { width: 95%; height: 105%; left: 3%; top: -7%; transform: rotate(-6deg); }
.home-motion-page .poster-process-label { position: absolute; right: 12%; bottom: 2%; padding: 14px 18px; background: var(--poster-lime); color: #111; font-size: 12px; font-weight: 700; letter-spacing: .04em; transform: rotate(-4deg); box-shadow: 0 10px 20px #0003; }
.home-motion-page .poster-process-design .poster-process-label { left: 3%; right: auto; bottom: 4%; }
.home-motion-page .motion-story-art-note { bottom: -28px; }

.home-motion-page .motion-values { align-items: center; gap: 70px; padding-bottom: 108px; }
.home-motion-page .poster-material { position: relative; margin: 40px 0 0; border: 8px solid #fff; outline: 1px solid #dfe3d7; box-shadow: 0 20px 28px -20px #1116; transform: rotate(-2deg); }
.home-motion-page .poster-material img { width: 100%; height: 230px; object-fit: cover; }
.home-motion-page .poster-material figcaption { position: absolute; inset: auto 0 0; padding: 28px 18px 16px; color: #fff; background: linear-gradient(transparent, #000b); display: flex; justify-content: space-between; align-items: end; gap: 12px; }
.home-motion-page .poster-material figcaption span { font-size: 14px; font-weight: 600; }
.home-motion-page .poster-material small { font-size: 11px; }
.home-motion-page .motion-value-list article { padding-block: 36px; }
.home-motion-page .motion-value-list article > span { color: #707967; font-size: 13px; }
.home-motion-page .motion-value-list article > .icon { width: 30px; height: 30px; padding: 6px; background: #f1f4e8; border-radius: 50%; flex-shrink: 0; }
.home-motion-page .motion-value-list article p { font-size: 16px; }

.home-motion-page .motion-finale { background: radial-gradient(ellipse at 80% 10%, #2f84ff, #0066ff 48%, #0052cc); }
.home-motion-page .motion-finale-inner { padding-block: 90px 96px; }
.home-motion-page .motion-finale h2 { font-size: clamp(48px, 5.6vw, 80px); max-width: 62%; }
.home-motion-page .motion-finale .motion-kicker, .home-motion-page .motion-finale-inner > p { position: relative; z-index: 1; }
.home-motion-page .motion-finale .motion-button { background: var(--poster-lime); color: #111; box-shadow: 0 6px 16px #00256b26; }
.home-motion-page .motion-finale .motion-button:hover { background: #dbff54; }
.home-motion-page .poster-finale-art { position: absolute; right: -3%; top: 7%; width: 45%; height: 88%; margin: 0; pointer-events: none; }
.home-motion-page .poster-finale-art img { position: absolute; object-fit: contain; filter: drop-shadow(0 25px 18px #00246955); }
.home-motion-page .poster-finale-paper { width: 90%; height: 90%; right: 0; top: 0; transform: rotate(12deg); }
.home-motion-page .poster-finale-mug { width: 47%; height: 50%; left: 1%; bottom: -4%; transform: rotate(-12deg); }
.home-motion-page .poster-finale-art figcaption { position: absolute; right: 10%; bottom: 0; font-size: 12px; color: #fff; }
.home-motion-page .site-footer { border-top: 1px solid #ffffff30; }

/* The service index inherits the same material treatment. Order controls stay simple. */
.service-list { display: grid; gap: 16px; }
.service-list .service-row { border: 1px solid #e2e4dd; border-radius: 4px; padding: 24px; background: linear-gradient(130deg, #fff, #f5f6f0); box-shadow: 0 12px 20px -18px #19220d55; }
.service-list .service-row:first-child { border-left: 6px solid var(--poster-lime); }
.service-list .service-icon { filter: drop-shadow(0 8px 8px #13316418); }
@media (min-width: 761px) and (max-width: 1100px) {
    .site-header .header-inner { justify-content: space-between; }
    .site-header .header-order { display: none; }
    .site-header .menu-toggle { display: inline-flex; }
    .site-header .main-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid #ddd; padding: 15px 24px 22px; box-shadow: 0 12px 20px #0001; align-items: stretch; gap: 0; }
    .site-header .main-nav.open { display: flex; flex-direction: column; }
    .site-header .main-nav a { padding: 12px; font-size: 16px; }
    .site-header .main-nav a[aria-current]::after { display: none; }
}
@media (max-width: 1100px) {
    .home-motion-page .motion-hero-film .motion-hero-inner { gap: 32px; padding-block: 64px 96px; }
    .home-motion-page .motion-services { gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-motion-page .motion-services .motion-service,
    .home-motion-page .motion-services .motion-service:nth-child(-n+2) { grid-column: span 1; min-height: 340px; padding: 26px 26px 80px; }
    .home-motion-page .motion-services .motion-service:last-child { grid-column: span 2; min-height: 270px; }
    .home-motion-page .motion-services .motion-service .motion-service-symbol,
    .home-motion-page .motion-services .motion-service:nth-child(-n+2) .motion-service-symbol { right: 18px; top: 12px; }
    .home-motion-page .motion-services .motion-service .service-icon,
    .home-motion-page .motion-services .motion-service:nth-child(-n+2) .service-icon { width: 156px; height: 156px; }
    .home-motion-page .motion-services .motion-service .motion-service-copy,
    .home-motion-page .motion-services .motion-service:nth-child(-n+2) .motion-service-copy { max-width: 100%; margin-top: 86px; }
    .home-motion-page .motion-services .motion-service:last-child .motion-service-copy { margin-top: 24px; max-width: 68%; }
    .home-motion-page .motion-services .motion-service h3 { font-size: 27px; }
    .home-motion-page .motion-products { gap: 16px; }
    .home-motion-page .motion-product { padding: 8px 8px 20px; }
    .home-motion-page .motion-product-category, .home-motion-page .motion-product h3, .home-motion-page .motion-product-price { margin-inline: 6px; }
    .home-motion-page .motion-product h3 { font-size: 19px; }
    .home-motion-page .motion-finale h2 { max-width: 66%; }
}
@media (max-width: 1000px) {
    .home-motion-page .motion-hero-film .motion-hero-inner { grid-template-columns: 1fr; gap: 44px; padding-block: 50px 64px; }
    .home-motion-page .motion-hero-film h1 { font-size: clamp(46px, 7.8vw, 76px); }
    .home-motion-page .motion-hero-film .motion-hero-copy { width: 100%; }
    .home-motion-page .motion-hero-film .motion-hero-description { max-width: 560px; }
    .home-motion-page .motion-tv-stage { grid-column: 1; grid-row: 2; width: min(100%, 660px); justify-self: center; }
    .home-motion-page .motion-service-ribbon > div { justify-content: center; column-gap: 24px; padding-block: 8px; }
    .home-motion-page .motion-service-ribbon a { font-size: 14px; gap: 12px; }
    .home-motion-page .motion-section { padding-block: 84px; }
    .home-motion-page .motion-values { gap: 36px; padding-bottom: 84px; }
    .home-motion-page .motion-finale .motion-actions { max-width: 60%; }
}
@media (min-width: 901px) and (min-height: 650px) and (prefers-reduced-motion: no-preference) {
    .home-motion-page.motion-enabled .motion-story { height: 240svh; }
    .home-motion-page.motion-enabled .motion-story[data-step="1"] .poster-process-idea,
    .home-motion-page.motion-enabled .motion-story[data-step="2"] .poster-process-idea { opacity: 0; transform: translate(-50px, -25px) rotate(-6deg) scale(.94); }
    .home-motion-page.motion-enabled .motion-story[data-step="1"] .poster-process-design,
    .home-motion-page.motion-enabled .motion-story[data-step="2"] .poster-process-result { opacity: 1; transform: none; }
    .home-motion-page .motion-story-nav button { color: #c6cebb; min-height: 48px; font-size: 14px; }
    .home-motion-page .motion-story-nav button[aria-pressed="true"] { color: var(--poster-lime); border-color: var(--poster-lime); }
}
@media (max-width: 900px), (max-height: 649px), (prefers-reduced-motion: reduce) {
    .home-motion-page .poster-step-image { display: block; width: min(100%, 240px); height: auto; aspect-ratio: 1; object-fit: contain; margin: 0 auto 28px; filter: drop-shadow(0 18px 15px #0005); }
    .home-motion-page .motion-story-step { padding-top: 32px; }
    .home-motion-page .poster-process-note { display: block; color: #c0c8b6; font-size: 12px; margin: 24px 0 0; }
}
@media (max-width: 760px) {
    .home-motion-page .motion-hero-film .motion-hero-inner { gap: 36px; padding-block: 40px 48px; }
    .home-motion-page .motion-hero .motion-button, .home-motion-page .motion-hero .motion-link { font-size: 16px; min-height: 48px; }
    .home-motion-page .motion-service-ribbon > div { gap: 0 18px; }
    .home-motion-page .motion-section { padding-block: 64px; }
    .home-motion-page .motion-section-heading { margin-bottom: 34px; }
    .home-motion-page .motion-products { gap: 20px 12px; }
    .home-motion-page .motion-product-category { font-size: 10px; }
    .home-motion-page .motion-product h3 { font-size: 18px; overflow-wrap: anywhere; }
    .home-motion-page .motion-product-price { font-size: 17px; }
    .home-motion-page .motion-product-image .motion-card-arrow { width: 32px; height: 32px; right: 7px; bottom: 7px; }
    .home-motion-page .motion-image-note { font-size: 12px; margin-top: 24px; }
    .home-motion-page .motion-story-copy { gap: 0; }
    .home-motion-page .motion-story-step { display: grid; grid-template-columns: minmax(0, 1fr) 120px; align-items: start; column-gap: 16px; padding-block: 30px; }
    .home-motion-page .poster-step-image { grid-column: 2; grid-row: 1 / 3; width: 120px; margin: 0; }
    .home-motion-page .motion-story-index, .home-motion-page .motion-story-step h3 { grid-column: 1; }
    .home-motion-page .motion-story-step > p:last-child { grid-column: 1 / -1; font-size: 16px; }
    .home-motion-page .motion-story-step h3 { font-size: 25px; margin-bottom: 20px; }
    .home-motion-page .motion-project-image { border-width: 5px; }
    .home-motion-page .motion-project-image > span:not(.motion-card-arrow) { font-size: 10px; }
    .home-motion-page .motion-project-caption p { font-size: 14px; }
    .home-motion-page .motion-values { padding-bottom: 64px; gap: 40px; }
    .home-motion-page .poster-material { margin-top: 32px; transform: rotate(-1deg); }
    .home-motion-page .poster-material img { height: 220px; }
    .home-motion-page .motion-value-list article { padding-block: 26px; }
    .home-motion-page .motion-finale-inner { padding-block: 58px 40px; }
    .home-motion-page .motion-finale h2 { max-width: 100%; font-size: clamp(44px, 8.4vw, 64px); }
    .home-motion-page .motion-finale .motion-actions { max-width: 100%; gap: 14px 24px; }
    .home-motion-page .poster-finale-art { position: relative; width: min(100%, 430px); height: auto; aspect-ratio: 1.2; right: auto; top: auto; margin: 35px auto 0; }
    .home-motion-page .poster-finale-art figcaption { right: 0; bottom: -10px; }
    .service-list .service-row { padding: 22px 14px; min-width: 0; grid-template-columns: 18px minmax(0, 1fr) 20px; gap: 12px 8px; }
    .service-list .service-row-title { min-width: 0; gap: 10px; }
    .service-list .service-row-title .service-icon { width: 44px; height: 44px; }
    .service-list .service-row h2 { font-size: 22px; letter-spacing: -.035em; }
    .service-list .service-row p { font-size: 14px; }
}
@media (max-width: 600px) {
    .home-motion-page .motion-services { grid-template-columns: 1fr; gap: 16px; }
    .home-motion-page .motion-services .motion-service,
    .home-motion-page .motion-services .motion-service:nth-child(-n+2),
    .home-motion-page .motion-services .motion-service:last-child { grid-column: 1; min-height: 296px; padding: 24px 22px 78px; border-radius: 20px; }
    .home-motion-page .motion-services .motion-service .motion-service-copy,
    .home-motion-page .motion-services .motion-service:nth-child(-n+2) .motion-service-copy,
    .home-motion-page .motion-services .motion-service:last-child .motion-service-copy { max-width: 100%; margin-top: 80px; }
    .home-motion-page .motion-services .motion-service .service-icon,
    .home-motion-page .motion-services .motion-service:nth-child(-n+2) .service-icon { width: 140px; height: 140px; }
    .home-motion-page .motion-services .motion-service .motion-service-symbol,
    .home-motion-page .motion-services .motion-service:nth-child(-n+2) .motion-service-symbol { top: 8px; right: 20px; }
    .home-motion-page .motion-services .motion-service-number { font-size: 56px; }
    .home-motion-page .motion-services .motion-service p { max-width: none; }
    .home-motion-page .motion-services .motion-service > .motion-card-arrow { right: 22px; }
    .home-motion-page .motion-services .motion-service::after { left: 22px; }
    .home-motion-page .motion-service-ribbon a { font-size: 13px; }
}
@media (max-width: 380px) {
    .home-motion-page .motion-story-step { grid-template-columns: minmax(0, 1fr) 95px; gap: 0 12px; }
    .home-motion-page .poster-step-image { width: 95px; }
    .home-motion-page .motion-story-step h3 { font-size: 23px; }
    .home-motion-page .motion-products { gap: 16px 10px; }
    .home-motion-page .motion-product { padding: 6px 6px 16px; }
    .home-motion-page .motion-product-category, .home-motion-page .motion-product h3, .home-motion-page .motion-product-price { margin-inline: 3px; }
    .home-motion-page .motion-product h3 { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-motion-page .motion-tv { transform: none !important; }
    .home-motion-page .motion-services .motion-service:hover,
    .home-motion-page .motion-services .motion-service:hover .motion-service-symbol,
    .home-motion-page .motion-product:hover, .home-motion-page .motion-product:hover img,
    .home-motion-page .motion-project:hover img { transform: none; }
    .home-motion-page .poster-process-scene { transition: none; }
}


/* Product photos as physical instant prints, across the homepage and both shops. */
.home-motion-page .motion-products, .print-store .print-products-grid { gap: 32px 26px; }
.home-motion-page .motion-product, .print-store .print-product-card {
    --photo-tilt: -1.1deg;
    position: relative; display: flex; flex-direction: column;
    padding: 13px 13px 27px; border: 1px solid #dedfd6; border-radius: 2px;
    background: linear-gradient(120deg, #fff 60%, #fafaf6);
    rotate: var(--photo-tilt); transform-origin: 50% 70%;
    box-shadow: 0 1px 1px #222b1912, 0 5px 3px -3px #222b191c, 0 20px 28px -16px #222b1945;
    transition: rotate 220ms, transform 220ms, box-shadow 220ms;
}
.home-motion-page .motion-product:nth-child(4n+2), .print-store .print-product-card:nth-child(4n+2) { --photo-tilt: 1deg; }
.home-motion-page .motion-product:nth-child(4n+3), .print-store .print-product-card:nth-child(4n+3) { --photo-tilt: -.65deg; }
.home-motion-page .motion-product:nth-child(4n), .print-store .print-product-card:nth-child(4n) { --photo-tilt: 1.25deg; }
.home-motion-page .motion-product:hover, .print-store .print-product-card:hover,
.home-motion-page .motion-product:focus-visible, .print-store .print-product-card:focus-visible {
    rotate: 0deg; transform: translateY(-5px); z-index: 1;
    box-shadow: 0 2px 2px #222b1912, 0 24px 32px -17px #222b1959;
}
.home-motion-page .motion-product-image, .print-store .print-card-image {
    flex: none; border: 1px solid #171d1210; border-radius: 1px; background: #f4f4f1;
}
.home-motion-page .motion-product:hover img { transform: none; }
.home-motion-page .motion-product-category { margin: 24px 8px 8px; font-size: 12px; }
.home-motion-page .motion-product h3 { margin-inline: 8px; margin-bottom: 14px; font-size: 22px; }
.home-motion-page .motion-product-price { margin-inline: 8px; margin-top: auto; padding-top: 8px; font-size: 18px; }
.home-motion-page .motion-wholesale .motion-product-category { margin-top: 24px; }
.home-motion-page .motion-wholesale .motion-product-price { font-size: 22px; }
.home-motion-page .motion-wholesale .motion-product-price > span { font-size: 14px; line-height: 1.5; }
.print-store .print-card-body { padding: 24px 8px 0; }
.print-store .print-card-body h3 { margin-bottom: 20px; font-size: 20px; }
.print-store .print-card-body > p { font-size: 14px; }
@media (max-width: 760px) {
    .home-motion-page .motion-products, .print-store .print-products-grid { gap: 26px 14px; }
    .home-motion-page .motion-product, .print-store .print-product-card { padding: 8px 8px 20px; }
    .home-motion-page .motion-product-category { margin: 18px 3px 8px; font-size: 12px; }
    .home-motion-page .motion-product h3 { margin-inline: 3px; font-size: 18px; }
    .home-motion-page .motion-product-price { margin-inline: 3px; font-size: 17px; }
    .home-motion-page .motion-wholesale .motion-product-price { font-size: 18px; }
    .print-store .print-card-body { padding: 18px 3px 0; }
    .print-store .print-card-body h3 { font-size: 17px; }
    .print-store .print-card-price strong { font-size: 17px; }
}
@media (max-width: 380px) {
    .home-motion-page .motion-products, .print-store .print-products-grid { gap: 22px 12px; }
    .home-motion-page .motion-product, .print-store .print-product-card { padding: 7px 7px 18px; }
    .home-motion-page .motion-product h3, .print-store .print-card-body h3 { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-motion-page .motion-product, .print-store .print-product-card { rotate: none; transition: none; }
    .home-motion-page .motion-product:hover, .print-store .print-product-card:hover { transform: none; }
}