#models{--mm-gold:#d9be90;--mm-ease:cubic-bezier(.16,1,.3,1);padding:80px 0;background:radial-gradient(ellipse at 18% 45%,#c2a37407,transparent 60%)}
#models .section-head{display:grid;grid-template-columns:1.2fr .8fr;column-gap:80px;row-gap:20px;margin-bottom:36px;align-items:end}
#models .section-head .kicker{display:flex;grid-column:1/-1;align-items:center;gap:12px;color:#c0a77e;font-size:11px;line-height:1.5;letter-spacing:1.8px;text-transform:uppercase;margin:0}
#models .section-head .kicker:before{content:'';width:26px;height:1px;background:#c0a77e80}
#models .section-head h2{max-width:22ch;margin:0;font-size:clamp(36px,4.1vw,58px);font-weight:400;line-height:1.13;letter-spacing:-2px;text-transform:none;text-wrap:balance;color:#f0ece4}
#models .section-head p{font-size:15px;line-height:1.85;max-width:44ch;margin:0;color:#aaa8a2;letter-spacing:0}
#models .model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid #c5aa7e25;padding-top:28px}
#models .model-chip,#models .model-chip:nth-child(n){position:relative;isolation:isolate;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;min-height:260px;min-width:0;padding:25px;border:1px solid #bbab8a26;border-radius:15px;background:linear-gradient(145deg,#26231e70,#151618 75%);box-shadow:inset 0 1px #f4e6cb05;overflow:hidden;color:#ece6d9;transform:none;transition:transform .8s var(--mm-ease),opacity .8s var(--mm-ease),border-color .5s,box-shadow .5s}
#models .model-chip:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 0,#d2af6f16,transparent 65%);opacity:0;transition:opacity .8s}
#models .model-chip:after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#e3c7988c,transparent);transform:scaleX(.1);opacity:0;transition:transform 1.2s var(--mm-ease),opacity 1s}
#models .model-chip .model-number{position:absolute;right:24px;top:28px;font:400 11px/1 Manrope,Arial,sans-serif;letter-spacing:1.5px;color:#8e816c}
#models .model-logo{width:52px;height:52px;margin:0 0 24px;padding:11px;border-radius:14px;background:#eae8e1;border:1px solid #e5d1a724;box-shadow:0 8px 18px #0002;transition:transform .8s var(--mm-ease)}
#models .model-logo-dark{background:#141518;border-color:#b8a47b24}
#models .model-logo img{width:100%;height:100%;object-fit:contain}
#models .model-chip .model-name{padding:0;margin:0;font:500 clamp(19px,1.8vw,24px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.7px;overflow-wrap:normal;color:#eee8dc}
#models .model-purpose{margin:10px 0 22px;font:400 13px/1.65 Manrope,Arial,sans-serif;letter-spacing:0;color:#b1aca2;min-height:2.1em}
#models .model-scene{display:block;align-self:stretch;margin-top:auto;padding-top:17px;border-top:1px solid #cbb78f17;color:#bea37a;opacity:.7}
#models .model-scene svg{display:block;width:100%;max-width:190px;height:43px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
#models .mm-track{stroke:#c3a77a24}
#models .mm-draw{stroke-dasharray:113;stroke-dashoffset:0;stroke:#ddc291}
#models .mm-scan{stroke:#f0d7ab;opacity:0}
#models .mm-play{fill:#d8bd8c10;stroke:#d8bd8c}
#models .mm-playhead{fill:#dfc395;stroke:none}
#models .mm-spark{transform-origin:164px 23px;stroke:#d9bd8b}
#models .mm-wave{transform-origin:center;transform-box:fill-box;stroke-width:2}
#models .mm-pixels{opacity:.25}
#models .mm-sharp{stroke:#e1c799;stroke-width:1.7}
#models .model-chip.mm-ready:not(.mm-entered){opacity:.65;transform:translateY(15px)}
#models .model-chip.mm-entered{opacity:1;transform:translateY(0)}
#models .model-chip.mm-entered:after{opacity:.85;transform:scaleX(1)}
#models .model-chip.mm-entered:before{opacity:.7}
@media(prefers-reduced-motion:no-preference){
 #models .mm-playing .mm-scan{animation:mm-scan 1.8s .15s 2 var(--mm-ease)}
 #models .mm-playing .mm-draw{animation:mm-draw 2s .2s var(--mm-ease) both}
 #models .mm-playing .mm-spark{animation:mm-spark 2.2s .8s ease-in-out both}
 #models .mm-playing .mm-playhead{animation:mm-playhead 3.6s .1s var(--mm-ease) both}
 #models .mm-playing .mm-play{animation:mm-play 1.8s 2 ease-in-out}
 #models .mm-playing .mm-wave{animation:mm-wave .9s var(--wave-delay,0ms) 3 ease-in-out}
 #models .mm-playing .mm-pixels{animation:mm-pixels 2.6s ease-in-out both}
 #models .mm-playing .mm-sharp{stroke-dasharray:40;animation:mm-sharp 2.6s ease-in-out both}
}
@keyframes mm-scan{0%{opacity:0;transform:translateX(0)}15%{opacity:1}75%{opacity:1;transform:translateX(41px)}100%{opacity:0;transform:translateX(41px)}}
@keyframes mm-draw{from{stroke-dashoffset:113;opacity:.2}to{stroke-dashoffset:0;opacity:.9}}
@keyframes mm-spark{0%,100%{transform:scale(1);opacity:.6}45%{transform:scale(1.25) rotate(90deg);opacity:1}}
@keyframes mm-playhead{0%{transform:translateX(0);opacity:.3}15%{opacity:1}85%{transform:translateX(106px);opacity:1}100%{transform:translateX(106px);opacity:.5}}
@keyframes mm-play{0%,100%{fill:#d8bd8c10}45%{fill:#d8bd8c40}}
@keyframes mm-wave{0%,100%{transform:scaleY(.45);opacity:.5}50%{transform:scaleY(1.1);opacity:1}}
@keyframes mm-pixels{0%,25%{opacity:.8}70%,100%{opacity:.12}}
@keyframes mm-sharp{0%,25%{opacity:0;stroke-dashoffset:40}75%,100%{opacity:1;stroke-dashoffset:0}}
@media(hover:hover) and (pointer:fine){#models .model-chip:hover{transform:translateY(-3px);border-color:#d3b78260;box-shadow:0 14px 30px #00000020;background:linear-gradient(145deg,#29251f,#151618 75%)}#models .model-chip:hover:before{opacity:1}#models .model-chip:hover .model-logo{transform:translateY(-2px)}#models .model-chip:hover .model-scene{opacity:1}}
@media(max-width:1000px) and (min-width:701px){#models .section-head{column-gap:38px}#models .model-chip,#models .model-chip:nth-child(n){padding:19px;min-height:250px}#models .model-chip .model-name{font-size:19px}#models .model-chip .model-number{right:18px}}
@media(max-width:700px){
 #models{padding:50px 0}
 #models .section-head{grid-template-columns:1fr;gap:18px;margin-bottom:26px}
 #models .section-head .kicker{font-size:10px;letter-spacing:1.2px}
 #models .section-head h2{font-size:clamp(32px,8.7vw,44px);line-height:1.15;letter-spacing:-1.3px;max-width:22ch}
 #models .section-head p{font-size:14px;line-height:1.8;max-width:45ch}
 #models .model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:22px}
 #models .model-chip,#models .model-chip:nth-child(n){padding:18px 15px;min-height:238px;border-radius:13px}
 #models .model-logo{width:44px;height:44px;padding:9px;border-radius:12px;margin-bottom:21px}
 #models .model-chip .model-number{font-size:10px;right:15px;top:24px}
 #models .model-chip .model-name{font-size:clamp(17px,4.5vw,23px);letter-spacing:-.5px}
 #models .model-purpose{font-size:13px;line-height:1.6;min-height:3.2em;margin:9px 0 17px}
 #models .model-scene{padding-top:13px}
 #models .model-scene svg{height:35px}
}
@media(prefers-reduced-motion:reduce){#models *,#models *:before,#models *:after{animation:none!important;transition:none!important}#models .model-chip.mm-ready{opacity:1;transform:none}}