.model-guide{--guide-cream:#fff9cb;--guide-text:#efeff0;--guide-muted:#bfc3c5;--guide-rule:#ffffff29;padding:clamp(5rem, 10vw, 9rem) var(--grid-padding);color:var(--guide-text);background:#090f11d1;position:relative}.model-guide-intro{grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(2rem,6vw,6rem);max-width:1320px;margin:auto;display:grid}.model-guide-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--guide-muted,#bfc3c5);margin:0 0 20px;font-size:11px;font-weight:600;line-height:1.5}.model-guide h2,.model-guide-dialog h2{color:var(--guide-cream,#fff9cb);text-transform:uppercase;margin:0;font-family:Long,sans-serif;font-weight:400;line-height:1.02}.model-guide-intro h2{max-width:17ch;font-size:clamp(3rem,5.6vw,6rem)}.model-guide-action>p{color:var(--guide-muted);max-width:40ch;margin:0 0 26px;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.model-guide-compare{color:#171819;background:var(--guide-cream);cursor:pointer;border:0;border-radius:99px;align-items:center;gap:14px;width:-moz-fit-content;width:fit-content;min-height:56px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .18s;display:flex}.model-guide-compare span{flex:1}.model-guide-compare:active{transform:scale(.97)}.model-guide-lineup{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1320px;margin:44px auto 0;display:grid}.model-guide-family{text-align:left;color:inherit;border:0;border-bottom:1px solid var(--guide-rule);cursor:pointer;background:0 0;min-width:0;padding:0 0 24px;position:relative}.model-guide-photo{aspect-ratio:16/10;background:#242929;border-radius:12px;position:relative;overflow:hidden}.model-guide-photo img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block}.model-guide-family-copy{padding-top:22px}.model-guide-family-copy>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.model-guide-family h3{text-transform:uppercase;color:var(--guide-cream);margin:0;font-family:Long,sans-serif;font-size:clamp(29px,3vw,40px);font-weight:400;line-height:1.1}.model-guide-sizes{color:var(--guide-muted);letter-spacing:.1em;white-space:nowrap;font-size:11px}.model-guide-family p{color:var(--guide-muted);margin:10px 28px 0 0;font-size:14px;line-height:1.5}.model-guide-family-arrow{color:var(--guide-cream);position:absolute;bottom:26px;right:0}.model-guide-faq{border-top:1px solid var(--guide-rule);grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(32px,7vw,100px);max-width:1320px;margin:clamp(64px,8vw,112px) auto 0;padding-top:clamp(40px,5vw,72px);display:grid}.model-guide-faq h2{max-width:15ch;font-size:clamp(2.5rem,4vw,4rem)}.model-guide-faq-intro>p:not(.model-guide-eyebrow){color:var(--guide-muted);margin:24px 0 8px;font-size:15px}.model-guide-faq-intro a{min-height:44px;color:var(--guide-cream);text-underline-offset:5px;align-items:center;gap:14px;font-size:15px;display:inline-flex}.model-guide-questions{border-top:1px solid var(--guide-rule)}.model-guide-questions details{border-bottom:1px solid var(--guide-rule)}.model-guide-questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:clamp(16px,1.5vw,19px);line-height:1.4;list-style:none;display:flex}.model-guide-questions summary::-webkit-details-marker{display:none}.model-guide-questions summary svg{color:var(--guide-cream);flex-shrink:0;transition:transform .18s}.model-guide-questions details[open] summary{color:var(--guide-cream)}.model-guide-questions details[open] summary svg{transform:rotate(45deg)}.model-guide-questions details>p{color:var(--guide-muted);margin:0;padding:0 44px 24px 0;font-size:15px;line-height:1.7}.model-guide-dialog{color:#fff;background:#17191c;border:1px solid #ffffff30;border-radius:24px;width:min(1240px,100vw - 48px);max-width:none;height:min(860px,100dvh - 48px);max-height:none;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 80px #0008}.model-guide-dialog::backdrop{background:#080a0ee6}.model-guide-dialog-shell{flex-direction:column;height:100%;display:flex}.model-guide-dialog header{justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex}.model-guide-dialog .model-guide-eyebrow{margin-bottom:8px}.model-guide-dialog h2{font-size:34px}.model-guide-dialog header button{color:#fff9cb;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff40;border-radius:99px;flex:0 0 46px;place-items:center;height:46px;display:grid}.model-guide-dialog-body{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}@media (hover:hover) and (prefers-reduced-motion:no-preference){html:not([data-reduce-motion]) .model-guide-family:hover img{transform:scale(1.035)}}@media (max-width:859px){.model-guide-intro,.model-guide-faq{grid-template-columns:1fr;gap:30px}.model-guide-intro h2{max-width:19ch}.model-guide-action>p{max-width:52ch}.model-guide-lineup{gap:16px}}@media (max-width:639px){.model-guide{padding:72px 24px}.model-guide-intro h2{font-size:clamp(42px,12vw,58px)}.model-guide-compare{width:100%}.model-guide-lineup{grid-template-columns:1fr;gap:0;margin-top:32px}.model-guide-family{grid-template-columns:112px 1fr;align-items:center;gap:18px;padding:18px 0;display:grid}.model-guide-photo{aspect-ratio:1;border-radius:8px}.model-guide-family-copy{padding:0}.model-guide-family-copy>div{display:block}.model-guide-family h3{margin-bottom:6px;font-size:32px}.model-guide-family p{margin-right:0;font-size:13px}.model-guide-family-arrow{display:none}.model-guide-faq{margin-top:48px;padding-top:40px}.model-guide-questions details>p{padding-right:8px}.model-guide-dialog{width:calc(100vw - 16px);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);border-radius:16px}.model-guide-dialog header{padding:20px 16px}.model-guide-dialog h2{font-size:28px}}html[data-reduce-motion] .model-guide *,html[data-reduce-motion] .model-guide :before{transition:none!important}@media (prefers-reduced-motion:reduce){.model-guide *{transition:none!important}}
