/* Owner-approved motion layout. White HTWR surfaces and existing copy are preserved. */
.motion-section{padding-block:64px;color:#222;border-top:1px solid #e8e8e8;background:#fff}
.motion-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:32px}
.motion-section-heading h2{margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1.25;letter-spacing:-.035em}
.motion-selector{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.6fr);gap:48px;align-items:start}
.motion-tabs{display:flex;flex-direction:column;gap:0;padding-top:32px}
.motion-tab{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:16px;padding:28px 18px;border:0;border-bottom:1px solid #ddd;text-align:left;background:#fff;color:#545454;font:inherit;font-size:clamp(17px,1.55vw,23px);line-height:1.4;cursor:pointer;transition:background .25s,color .25s,transform .25s;min-width:0;overflow-wrap:anywhere}
.motion-tab[aria-selected=true]{background:#f8f5f3;color:#bc2419;box-shadow:inset 3px 0 #d32312}
.motion-tab:hover{background:#faf8f7;color:#b92318}
.motion-number{font-size:11px;letter-spacing:.06em;color:#a34c42;font-weight:500}
.motion-tab:focus-visible,.motion-detail:focus-visible,.motion-app-card:focus-within{outline:2px solid #d32312;outline-offset:4px}
.motion-panel{margin:0;min-width:0}.motion-panel[hidden]{display:none}
.motion-product-image{display:flex;align-items:center;justify-content:center;min-height:340px;aspect-ratio:1.65;background:#fafafa;border:1px solid #ece9e6;border-radius:3px;overflow:hidden;position:relative}
.motion-product-image:before,.motion-product-image:after{content:'+';position:absolute;top:16px;left:18px;font-size:17px;font-weight:300;color:#c9b8b3}
.motion-product-image:after{top:auto;left:auto;right:18px;bottom:16px}
.motion-product-image img{display:block;width:86%;height:300px;object-fit:contain;mix-blend-mode:multiply}
.motion-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;flex-wrap:wrap}
.motion-panel-foot p{margin:0;color:#68605c;font-size:12px;line-height:1.6}
.motion-detail{font-size:14px;font-weight:600;color:#b72519;text-decoration:none;border-bottom:1px solid #d9b8b3;padding-bottom:5px;display:inline-block}
.motion-panel.motion-active .motion-product-image img{animation:motion-picture .42s ease both}
@keyframes motion-picture{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.home-model-grid .home-model{padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s}
.motion-model-image{width:100%;height:160px;object-fit:contain;margin-bottom:20px;mix-blend-mode:multiply}
.home-model-grid .home-model:hover{transform:translateY(-4px);border-color:#c26359}
.motion-app-rail{display:flex;gap:18px;align-items:stretch}
.motion-app-card{flex:1;min-width:0;padding:26px;background:#f8f7f5;border:1px solid #e8e5e1;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:flex .45s ease,background .3s,border-color .3s}
.motion-app-card img{width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}
.motion-app-card h3{font-size:clamp(19px,1.75vw,25px);line-height:1.4;margin:16px 0 12px;overflow-wrap:anywhere}
.motion-app-card p{font-size:14px;line-height:1.8;margin:0 0 24px;color:#595551}
.motion-app-card a{align-self:flex-start;margin-top:auto}
@media(hover:hover) and (min-width:901px){.motion-app-card:hover,.motion-app-card:focus-within{flex:1.25;background:#fff;border-color:#c26359}.motion-app-card:hover img{transform:scale(1.035)}}
.company-intro-grid article{overflow:hidden;transition:transform .35s,box-shadow .35s}
.motion-factory-image{aspect-ratio:16/9;margin-bottom:24px;overflow:hidden;background:#f5f5f5}
.motion-factory-image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .6s}
.company-intro-grid article:hover .motion-factory-image img{transform:scale(1.025)}
.company-films-grid article{border-radius:3px;box-shadow:0 12px 32px #32201b06}
.company-films video{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto}
.page-hub .hub-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.page-hub .hub-card{min-height:210px;padding:32px;background:#faf9f7;border:1px solid #e8e5e1;transition:transform .25s,border-color .25s}
.page-hub .hub-card:nth-child(2){background:#f4f0ec;border-top:3px solid #d32312}
.page-hub .hub-card:nth-child(4){background:#fff;border-top:3px solid #d32312}
.page-hub .hub-card:hover{transform:translateY(-3px);border-color:#c26359}
.motion-resource-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}
.motion-resource-grid a{padding:30px;background:#f7f4f0;border:1px solid #e7e0d9;text-decoration:none;color:inherit;border-top:3px solid #d32312}
.motion-resource-grid a:nth-child(2){background:white}.motion-resource-grid span{color:#b72519;font-size:12px}.motion-resource-grid b{color:#b72519}
.motion-reveal{transition:transform .55s ease,opacity .55s ease}
.motion-pending{opacity:0;transform:translateY(14px)}
@media(max-width:900px){.motion-section{padding-block:36px}.motion-selector{grid-template-columns:1fr;gap:20px}.motion-tabs{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.motion-tab{display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px;gap:8px;font-size:15px;border:1px solid #e3dfdb}.motion-tab>span:last-child{display:none}.motion-product-image{min-height:0;aspect-ratio:1.65}.motion-product-image img{height:230px}.motion-app-rail{gap:12px}.motion-app-card{padding:18px}.motion-app-card img{height:160px}.motion-app-card h3{font-size:20px}.motion-section-heading{gap:15px;align-items:flex-start;margin-bottom:24px}.motion-section-heading h2{font-size:28px}}
@media(max-width:600px){.motion-section-heading{display:block}.motion-section-heading .eyebrow{display:block;margin-bottom:12px}.motion-app-rail{display:grid;grid-template-columns:1fr}.motion-app-card{padding:22px;display:grid;grid-template-columns:1fr 110px;column-gap:12px}.motion-app-card>.motion-number{grid-column:1}.motion-app-card img{grid-column:2;grid-row:1/4;height:125px;align-self:center}.motion-app-card h3{grid-column:1;margin-top:12px}.motion-app-card p{grid-column:1/-1;margin-top:10px}.motion-app-card a{grid-column:1/-1;justify-self:start}.motion-product-image img{height:185px}.motion-product-image{aspect-ratio:1.45}.motion-panel-foot{gap:12px;padding:14px 0}.motion-tab{font-size:13px;padding:12px 8px}.page-hub .hub-grid,.motion-resource-grid{grid-template-columns:1fr}.page-hub .hub-card{min-height:170px;padding:24px}.motion-model-image{height:130px}.motion-section{padding-block:28px}.motion-factory-image{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.motion-section *,.home-model,.hub-card,.motion-reveal,.motion-factory-image img{animation:none!important;transition:none!important;transform:none!important}.motion-pending{opacity:1}}
/* Keep the product frame inside intermediate desktop widths. */
.motion-panels{min-width:0}.motion-product-image{width:100%;min-width:0;aspect-ratio:auto;height:340px;box-sizing:border-box}
@media(max-width:900px){.motion-product-image{height:270px}}
@media(max-width:600px){.motion-product-image{height:240px}}