/* Shared motion language: restrained lines, layered photography, sequential reveals. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:site-out .22s ease both}
::view-transition-new(root){animation:site-in .55s cubic-bezier(.2,.75,.2,1) both}
@keyframes site-out{to{opacity:0;transform:translateY(-20px)}}
@keyframes site-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
.site-header.motion-header{position:sticky;top:0;z-index:70;background:#fff;transition:box-shadow .3s}
.site-header.motion-header .nav-row{grid-template-columns:180px 1fr auto;gap:24px}
.motion-header .site-nav a{position:relative;transition:color .25s,transform .3s}
.motion-header .site-nav a::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:#f58220;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.motion-header .site-nav a:hover{color:#125ca8;transform:translateY(-2px)}
.motion-header .site-nav a:hover::after{transform:scaleX(1);transform-origin:left}
.motion-menu-toggle{display:grid!important;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);place-content:center;gap:5px;width:44px;height:44px;margin-left:10px;border:1px solid #d6e0eb;cursor:pointer;color:#10335d;transition:background .25s,transform .3s}
.motion-menu-toggle span{width:5px;height:5px;background:currentColor;border-radius:50%;transition:transform .3s}
.motion-menu-toggle:hover{background:#eef3f8}.motion-menu-toggle:hover span{transform:rotate(45deg) scale(1.2)}
.motion-menu{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;padding:0;background:#082c60;color:white;overflow:auto}
.motion-menu::backdrop{background:#061b38e6;backdrop-filter:blur(12px)}
.motion-menu[open]{animation:menu-enter .45s cubic-bezier(.2,.7,.2,1)}
.motion-menu.is-closing{animation:menu-exit .28s ease both}
@keyframes menu-enter{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes menu-exit{to{clip-path:inset(0 0 100% 0)}}
.motion-menu-head,.motion-menu-body,.motion-menu-foot{width:min(calc(100% - 80px),1200px);margin-inline:auto}
.motion-menu-head{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid #ffffff25}
.motion-menu-head>a{display:block;position:relative;width:180px;height:30px;overflow:hidden;background:transparent}
.motion-menu-head img{position:absolute;width:190px;max-width:none;left:-4px;top:-17px}
.motion-menu-close{font:300 36px/1 Arial;width:48px;height:48px;cursor:pointer;background:#ffffff0c;border:1px solid #ffffff30;transition:transform .35s}.motion-menu-close:hover{transform:rotate(90deg)}
.motion-menu-body{display:grid;grid-template-columns:1.2fr 1fr;gap:110px;padding:36px 0 28px}
.motion-menu-body nav>a{display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff25;padding:15px 0;font:500 clamp(24px,3vw,40px)/1.15 'Barlow',sans-serif;transform:translateY(22px);opacity:0;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .5s,color .2s;transition-delay:calc(var(--link-i)*40ms)}
.motion-menu.is-open nav>a{transform:none;opacity:1}.motion-menu-body nav>a:hover{color:#ff9639}
.motion-menu-body nav>a>span:last-child{margin-left:auto;font-size:22px}.motion-menu-number{font:400 11px 'IBM Plex Sans',sans-serif;color:#9ebadd}
.motion-menu-body aside{align-self:center}.motion-menu-body aside img{width:100%;aspect-ratio:4/3;object-fit:cover}.motion-menu-body aside p{font:600 30px/1.2 'Barlow',sans-serif;margin:22px 0;color:#fff}.motion-menu-body aside>a{font-size:14px;color:#bed1e9}
.motion-menu-foot{border-top:1px solid #ffffff25;padding:22px 0;display:flex;justify-content:space-between;align-items:center;color:#b6cae3;font-size:11px;letter-spacing:1px}.motion-menu-foot a{font-size:15px;color:#ff9c45;letter-spacing:0}
.motion-menu a:focus-visible,.motion-menu button:focus-visible,.motion-menu-toggle:focus-visible{outline:2px solid #ff9639;outline-offset:5px}
.motion-reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity .65s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.motion-reveal.motion-shown{opacity:1;transform:none}
main .button,.text-link{transition:background .25s,color .25s,transform .3s}
main .button:hover{transform:translateY(-2px)}
.yard-scroll{--yard-navy:#082c60;background:var(--yard-navy);color:#fff;height:270svh;position:relative}
.yard-pin{position:sticky;top:85px;height:calc(100svh - 85px);min-height:570px;display:flex;flex-direction:column;background:var(--yard-navy);padding:0 24px}
.yard-cinema{position:relative;flex:1;min-height:0;overflow:hidden;border-inline:1px solid #ffffff30}
.yard-photo-stack,.yard-layer,.yard-cinema-shade{position:absolute;inset:0}
.yard-layer{overflow:hidden}.yard-layer:not(:first-child){clip-path:inset(100% 0 0 0)}
.yard-layer img{width:100%;height:100%;object-fit:cover;will-change:transform}
.yard-cinema-shade{z-index:4;background:linear-gradient(90deg,rgba(4,24,48,.78),rgba(4,24,48,.3) 65%,rgba(4,24,48,.06)),linear-gradient(0deg,rgba(4,24,48,.74),transparent 60%);pointer-events:none}
.yard-overline{position:absolute;inset:24px 40px auto;z-index:5;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.7px;color:#deeafa}
.yard-copy-stack{position:absolute;left:max(40px,calc((100vw - 1200px)/2 - 24px));right:10%;top:50%;transform:translateY(-50%);height:420px;z-index:5}
.yard-panel{position:absolute;inset:0;opacity:0;transform:translateY(28px);transition:opacity .45s ease,transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none;display:flex;flex-direction:column;justify-content:center}
.yard-panel.is-active{opacity:1;transform:none;pointer-events:auto}
.yard-kicker{font-size:11px;letter-spacing:1.4px;margin:0 0 20px;text-transform:uppercase;color:#e0ebf5}.yard-kicker>span{color:#ff9b44;margin-right:12px}
main .yard-panel h1,main .yard-panel h2{font:700 clamp(52px,6.5vw,96px)/.98 'Barlow',sans-serif;color:#fff;letter-spacing:-2px;margin:0;max-width:none;text-wrap:initial}
.yard-panel em{font-style:normal;color:#ff902d}.yard-description{font-size:16px;line-height:1.7;max-width:500px;color:#e0e9f4;margin:24px 0 0}
.yard-bottom{position:absolute;bottom:30px;left:max(40px,calc((100vw - 1200px)/2 - 24px));right:40px;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.yard-actions{display:flex;gap:26px;align-items:center}.yard-actions .button{background:#ff851b;color:#092342;padding:15px 24px;min-height:48px;gap:28px;font-size:14px}.yard-actions>a{font-size:13px;color:#fff;border-bottom:1px solid #ffffff80;padding:8px 0}
.yard-caption{font-size:11px;line-height:1.8;color:#e0e8f0;text-align:right}.yard-caption>span{display:block}.yard-caption>span:last-child{font-size:8px;letter-spacing:1.3px;color:#bacce1}
.yard-pages{position:absolute;z-index:6;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px}
.yard-pages button{width:42px;min-height:44px;text-align:right;font-size:11px;color:#cfdaea;cursor:pointer;position:relative;padding:8px 0}
.yard-pages button::after{content:'';display:block;width:30px;height:1px;background:#ffffff70;position:absolute;right:0;bottom:4px;transition:width .35s}
.yard-pages button[aria-pressed=true]{color:#ff9b44}.yard-pages button[aria-pressed=true]::after{width:42px;background:#ff9b44}
.yard-pages button:focus-visible,.yard-actions a:focus-visible{outline:2px solid #ff9b44;outline-offset:3px}
.yard-proof{width:min(100%,1200px);margin:auto;min-height:80px;display:flex;align-items:center;gap:56px}
.yard-proof p{display:flex;gap:12px;align-items:baseline;margin:0}.yard-proof strong{font:600 25px/1.2 'Barlow',sans-serif}.yard-proof p>span{font-size:11px;color:#b6cbe5}.yard-proof>a{margin-left:auto;font-size:11px;color:#cedced;display:flex;gap:28px;align-items:center}.yard-proof>a>span{font-size:20px}
.yard-manual{height:auto}.yard-manual .yard-pin{position:relative;top:0;height:calc(100svh - 85px);min-height:720px}
@media(max-width:1100px){.motion-header .site-nav{display:none!important}.site-header.motion-header .nav-row{grid-template-columns:180px 1fr}.yard-pin{top:77px;height:calc(100svh - 77px)}.yard-copy-stack{left:40px;right:90px}.yard-bottom{left:40px}.yard-proof{gap:30px}.yard-proof p{display:block}.yard-proof p>span{display:block;margin-top:4px}.motion-menu-body{gap:50px}.yard-description{font-size:15px}}
@media(max-width:800px){.yard-pin{padding:0 14px}.yard-manual .yard-pin{height:calc(100svh - 71px);min-height:690px}.yard-copy-stack{left:26px;right:42px;top:46%;height:390px}.yard-overline{inset:20px 26px auto;font-size:8px;letter-spacing:1px}.yard-overline>span:last-child{display:none}.yard-kicker{font-size:9px;letter-spacing:1px}main .yard-panel h1,main .yard-panel h2{font-size:clamp(48px,8.5vw,70px);letter-spacing:-1.3px}.yard-description{font-size:14px;line-height:1.7;margin-top:20px;max-width:380px}.yard-bottom{left:26px;right:26px;bottom:25px;display:block}.yard-caption{display:none}.yard-pages{right:14px;top:auto;bottom:102px;transform:none;flex-direction:row;gap:12px}.yard-pages button{width:32px}.yard-pages button[aria-pressed=true]::after{width:32px}.yard-proof{gap:20px;min-height:83px;justify-content:space-between;padding:12px 8px}.yard-proof strong{font-size:21px}.yard-proof p>span{font-size:9px}.yard-proof>a{display:none}.yard-actions{gap:20px}.yard-actions .button{font-size:12px;padding:13px 18px}.yard-actions>a{font-size:12px}.motion-menu-head,.motion-menu-body,.motion-menu-foot{width:calc(100% - 40px)}.motion-menu-head{height:78px}.motion-menu-body{grid-template-columns:1fr;padding:15px 0 24px;gap:0}.motion-menu-body aside{display:none}.motion-menu-body nav>a{font-size:28px;padding:18px 0}.motion-menu-foot{gap:20px;align-items:flex-start;font-size:9px}.motion-menu-foot a{font-size:14px;white-space:nowrap}}
@media(max-width:370px){main .yard-panel h1,main .yard-panel h2{font-size:43px}.yard-copy-stack{left:20px;right:22px}.yard-bottom{left:20px;right:20px}.yard-actions{gap:14px}.yard-actions>a{font-size:11px}.yard-kicker{font-size:8px}.yard-description{font-size:13px}.yard-proof{gap:14px}.yard-proof strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.motion-reveal{opacity:1;transform:none;transition:none}.yard-panel,.motion-menu *{transition:none!important}.motion-menu[open],.motion-menu.is-closing{animation:none}.yard-layer img{transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none}}
@media(max-width:800px){.yard-manual .yard-pin{height:calc(100svh - 160px);min-height:640px}}
@supports(interpolate-size:allow-keywords){
 .ui-faq,.trust-doc-list details{interpolate-size:allow-keywords}
 .ui-faq::details-content,.trust-doc-list details::details-content{block-size:0;overflow:hidden;transition:block-size .35s ease,content-visibility .35s;transition-behavior:allow-discrete}
 .ui-faq[open]::details-content,.trust-doc-list details[open]::details-content{block-size:auto}
}
@media(prefers-reduced-motion:reduce){.ui-faq::details-content,.trust-doc-list details::details-content{transition:none}}
/* Match the reference's staggered column transition, in ISUMCAR navy. */
@view-transition{navigation:none}
.page-curtain{position:fixed;inset:0;z-index:99999;display:flex;pointer-events:none;visibility:hidden}
.page-curtain i{flex:1 0 0;margin-left:-2px;background:#092f66;transform:scaleY(0);transform-origin:top;border:0;backface-visibility:hidden;--col:0}
.page-curtain i:nth-child(2){--col:1}.page-curtain i:nth-child(3){--col:2}.page-curtain i:nth-child(4){--col:3}.page-curtain i:nth-child(5){--col:4}.page-curtain i:nth-child(6){--col:5}
.page-curtain.is-active,.tx-entering .page-curtain{visibility:visible;pointer-events:auto}
.tx-entering .page-curtain i{transform:scaleY(1)}
.page-curtain.is-covering i{animation:curtain-cover .48s cubic-bezier(.65,0,.35,1) calc(var(--col)*65ms) both}
.page-curtain.is-revealing i{transform-origin:bottom;animation:curtain-reveal .48s cubic-bezier(.65,0,.35,1) calc(var(--col)*65ms) both}
@keyframes curtain-cover{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes curtain-reveal{from{transform:scaleY(1)}to{transform:scaleY(0)}}
.motion-label{display:inline-grid;overflow:hidden;vertical-align:bottom;line-height:1.4}
.motion-label>span{grid-area:1/1;transition:transform .42s cubic-bezier(.2,.75,.2,1);transform:translateY(0)}
.motion-label>span+span{transform:translateY(110%)}
a:hover .motion-label>span:first-child,button:hover .motion-label>span:first-child,a:focus-visible .motion-label>span:first-child,button:focus-visible .motion-label>span:first-child{transform:translateY(-110%)}
a:hover .motion-label>span+span,button:hover .motion-label>span+span,a:focus-visible .motion-label>span+span,button:focus-visible .motion-label>span+span{transform:translateY(0)}
.motion-header .site-nav a[aria-current=page]{color:#1260a7}.motion-header .site-nav a[aria-current=page]::after{transform:scaleX(1)}
.motion-menu-body nav>a[aria-current=page]{color:#ff9b44}
@media(max-width:1024px){.page-curtain i:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.page-curtain{display:none!important}.motion-label>span{transition:none!important}a:hover .motion-label>span:first-child,button:hover .motion-label>span:first-child{transform:none}a:hover .motion-label>span+span,button:hover .motion-label>span+span{transform:translateY(110%)}}

.page-curtain{left:-2px;right:-2px;isolation:isolate}.page-curtain.is-covered{background:#092f66}

/* Shared vehicle card depth: independent translate preserves scroll reveal transforms. */
main .model-card,main .catalog-card { --card-x:0; --card-y:0; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  main .model-card,main .catalog-card {
    perspective:1000px;
    transition:translate .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s,opacity .7s,transform .7s;
  }
  main .model-card img,main .catalog-card .catalog-image img {
    backface-visibility:hidden;
    transition:transform .55s cubic-bezier(.2,.7,.2,1);
  }
  main .model-card.card-depth-active,main .catalog-card.card-depth-active {
    translate:0 -5px; border-color:#aac4df; box-shadow:0 14px 30px -15px rgba(12,47,87,.28);
  }
  main .model-card.card-depth-active img,main .catalog-card.card-depth-active .catalog-image img {
    transform:perspective(850px) rotateX(calc(var(--card-y) * -2.5deg)) rotateY(calc(var(--card-x) * 2.5deg)) translate(calc(var(--card-x) * 4px),calc(var(--card-y) * 4px)) scale(1.045);
    transition-duration:180ms;
  }
}
@media (prefers-reduced-motion:reduce),(hover:none) {
  main .catalog-card:hover .catalog-image img {transform:none;}
}
