.kinetic-banner{--banner-duration:9s;position:relative;isolation:isolate;overflow:hidden;margin:0 14px;border-radius:5px;height:clamp(630px,49vw,790px);background:#28231e;color:#faf5ec}
.banner-scenes,.banner-scene,.banner-shade{position:absolute;inset:0;pointer-events:none}
.banner-scene{overflow:hidden;opacity:0;transition:opacity 1.35s ease;z-index:0}
.banner-scene.is-active{opacity:1;z-index:1}
.banner-scene img{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;object-fit:contain;transform-origin:75% 52%;mask-image:linear-gradient(90deg,transparent,#000 15%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%)}
.banner-scene.is-active img{animation:banner-drift 18s ease-out both}
.banner-shade{z-index:2;background:linear-gradient(90deg,#1b1916eb 0%,#24201dd4 24%,#25211c39 51%,transparent 74%),linear-gradient(0deg,#14130ee8,transparent 30%)}
.banner-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;width:54%;max-width:720px;height:calc(100% - 110px);padding:35px 0 10px clamp(38px,6.2vw,116px)}
.banner-kicker{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:500;letter-spacing:.22em;color:#eee2d0;margin-bottom:29px}
.banner-kicker>span:first-child{width:32px;height:2px;background:#ce3333}
.banner-copy h1{font-family:var(--serif);font-size:clamp(65px,6.55vw,112px);font-weight:400;letter-spacing:-.038em;line-height:.98;margin:0 0 25px;min-height:2em;color:#fff9f1}
.banner-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.banner-line>span,.banner-line>em{display:block;white-space:nowrap;font-weight:400}
.banner-line em{color:#e1c8a9;font-style:italic}
.banner-copy>p{max-width:360px;font-size:14px;font-weight:400;line-height:1.8;color:#e1d9cd;margin:0 0 30px;min-height:76px}
.banner-actions{display:flex;align-items:center;gap:27px}
.banner-actions .button{height:51px;min-width:210px;gap:25px;padding:0 22px;border-radius:3px;font-size:12px;box-shadow:0 10px 25px #0002}
.banner-actions svg,.banner-model svg,.banner-navigation svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.banner-catalog{display:flex;align-items:center;gap:10px;font-size:12px;min-height:44px;color:#eee7dc}
.banner-catalog svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}
.banner-catalog span{border-bottom:1px solid #bdb4a26b;padding:4px 0;transition:border-color .2s}
.banner-catalog:hover span{border-color:#fff}
.banner-edition{position:absolute;z-index:3;top:35px;right:38px;display:flex;gap:14px;align-items:center;font-size:8px;letter-spacing:.16em;color:#fff9ecb3}
.banner-edition>span:first-child{font-size:12px;letter-spacing:.1em;font-weight:600;padding-right:14px;border-right:1px solid #fff5e34d}
.banner-bottom{position:absolute;z-index:3;bottom:0;left:clamp(38px,6.2vw,116px);right:38px;height:110px;border-top:1px solid #e9dfcf3b;display:grid;grid-template-columns:230px minmax(240px,1fr) auto;align-items:center;gap:50px}
.banner-model{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#fff8ed;min-height:64px;justify-content:center}
.banner-model-caption{font-size:8px;letter-spacing:.18em;color:#cabfab}
.banner-model-name{display:flex;align-items:center;gap:30px}
.banner-model-name strong{font-size:25px;line-height:1.1;font-family:var(--serif);font-weight:500}
.banner-model-name svg{width:18px;transition:transform .2s}.banner-model:hover svg{transform:translateX(5px)}
.banner-model-series{font-size:9px;color:#cbbfaf;letter-spacing:.03em}
.banner-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;max-width:485px;width:100%}
.banner-selector{padding:12px 0 9px;border:0;background:transparent;color:#e1d7c5;cursor:pointer;min-height:50px;text-align:left}
.banner-track{display:block;position:relative;overflow:hidden;height:2px;background:#ece4d04a;width:100%}
.banner-track>span{display:block;width:100%;height:100%;background:#e3c6a2;transform:scaleX(0);transform-origin:left}
.banner-selector.is-active .banner-track>span{animation:banner-progress var(--banner-duration) linear both}
.banner-selector-label{display:flex;gap:15px;margin-top:12px;font-size:11px;letter-spacing:.04em;opacity:.6;transition:opacity .3s}
.banner-selector.is-active .banner-selector-label,.banner-selector:hover .banner-selector-label{opacity:1}
.banner-selector-label>span{font-size:9px;color:#cdb89b}
.banner-navigation{display:flex;align-items:center;gap:9px}
.banner-count{display:flex;gap:8px;align-items:baseline;font-size:11px;margin-right:12px;font-variant-numeric:tabular-nums}.banner-count b{font-weight:500}.banner-count>span{color:#c9bba6;font-size:9px}
.banner-navigation button{height:44px;width:44px;display:grid;place-items:center;border:1px solid #e9dfca5e;border-radius:50%;background:#1a191124;backdrop-filter:blur(7px);color:#fff8e9;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.banner-navigation button:hover{background:#fcf3df1a;border-color:#fcf3dfad;transform:translateY(-2px)}
.banner-navigation .banner-playback{width:36px;height:44px;border:0;background:transparent;margin-left:2px;border-radius:4px}
.banner-playback .banner-play-icon{display:none}.banner-playback.is-user-paused .banner-play-icon{display:block}.banner-playback.is-user-paused .banner-pause-icon{display:none}.banner-playback:disabled{opacity:.35;cursor:default}
.kinetic-banner :is(a,button):focus-visible{outline:2px solid #ffe3bc;outline-offset:6px}
.banner-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.banner-copy.is-entering .banner-kicker{animation:banner-copy-in .8s .1s both}
.banner-copy.is-entering .banner-line>span{animation:banner-line-in 1.1s .16s both}
.banner-copy.is-entering .banner-line>em{animation:banner-line-in 1.1s .3s both}
.banner-copy.is-entering>p{animation:banner-copy-in 1s .44s both}
.banner-copy.is-entering .banner-actions{animation:banner-copy-in 1s .54s both}
.kinetic-banner.is-paused .banner-scene img,.kinetic-banner.is-paused .banner-track>span{animation-play-state:paused}
.kinetic-banner.is-reduced-motion .banner-selector.is-active .banner-track>span{transform:scaleX(1)}
@keyframes banner-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes banner-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes banner-line-in{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes banner-copy-in{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1700px){.banner-copy{width:50%}.banner-bottom{grid-template-columns:270px minmax(260px,1fr) auto;gap:65px}.banner-timeline{max-width:630px}}
@media(max-width:1100px){.kinetic-banner{height:640px;margin:0 10px}.banner-copy{padding-left:40px;width:60%;max-width:650px}.banner-copy h1{font-size:76px}.banner-edition{top:27px;right:28px}.banner-bottom{left:40px;right:28px;grid-template-columns:155px minmax(170px,1fr) auto;gap:30px}.banner-timeline{gap:18px}.banner-count{display:none}.banner-actions{gap:20px}.banner-actions .button{min-width:190px}.banner-selector-label{gap:10px}}
@media(max-width:760px){.kinetic-banner{margin:0 8px;height:720px;border-radius:4px}.banner-scene img{height:71%;right:-135px;top:0;mask-image:none;-webkit-mask-image:none;transform-origin:75% 50%}.banner-shade{background:linear-gradient(0deg,#211c18 4%,#211c18f5 28%,#211c188a 58%,#211c1800 85%)}.banner-edition{top:22px;left:25px;right:auto;text-shadow:0 1px 6px #0009}.banner-edition>span:last-child{font-size:7px}.banner-copy{height:auto;position:absolute;bottom:132px;width:100%;max-width:none;padding:0 25px}.banner-kicker{margin-bottom:17px;font-size:8px;letter-spacing:.17em;gap:11px}.banner-kicker>span:first-child{width:22px}.banner-copy h1{font-size:clamp(49px,9.9vw,72px);line-height:1.02;min-height:0;margin-bottom:18px}.banner-copy>p{font-size:12px;line-height:1.7;max-width:360px;margin-bottom:22px;min-height:0}.banner-actions{gap:19px}.banner-actions .button{min-width:0;height:46px;padding:0 17px;font-size:10px;gap:20px}.banner-catalog{font-size:10px;gap:7px}.banner-bottom{left:25px;right:25px;bottom:0;height:111px;grid-template-columns:1fr auto;gap:12px;align-items:center;padding-bottom:8px}.banner-timeline{position:absolute;top:-6px;left:0;right:0;max-width:none;gap:16px}.banner-selector{min-height:44px;padding:4px 0 8px}.banner-selector-label{font-size:9px;margin-top:8px;gap:10px}.banner-selector-label>span{font-size:8px}.banner-model{margin-top:34px;gap:3px;min-height:0}.banner-model-caption{display:none}.banner-model-name{gap:18px}.banner-model-name strong{font-size:23px}.banner-model-series{font-size:8px}.banner-navigation{margin-top:35px;gap:8px}.banner-navigation button{width:42px;height:44px}.banner-navigation .banner-playback{width:28px;margin-left:0}.banner-count{display:none}}
@media(max-width:760px){.banner-navigation .banner-playback{width:44px}.banner-navigation button{width:44px}html[lang="en"] .banner-copy h1{font-size:clamp(43px,9vw,65px)}}
@media(max-width:700px){html[lang="en"] .header .brand img{width:106px}html[lang="en"] .header-actions .button{font-size:10px;padding-inline:9px;gap:8px;margin-right:0}html[lang="en"] .header-actions{gap:5px}html[lang="en"] .header .menu{margin-left:3px}}
@media(max-width:360px){.banner-copy{padding-inline:20px}.banner-copy h1{font-size:45px}html[lang="en"] .banner-copy h1{font-size:39px}.banner-actions{gap:13px}.banner-actions .button{gap:12px;padding-inline:13px}.banner-bottom{left:20px;right:20px}.banner-navigation{gap:4px}}
@media(max-width:360px){.header{padding-inline:12px;gap:8px}.header .brand img,html[lang="en"] .header .brand img{width:85px}.header-actions .button{font-size:10px;padding-inline:8px;gap:6px;margin-right:0}.header-actions{gap:4px}.header-actions .lang{min-width:18px}.header .menu{width:24px;margin-left:2px}.banner-actions .button{font-size:9px;gap:9px}.banner-catalog{font-size:9px;gap:5px}}
@media(prefers-reduced-motion:reduce){.kinetic-banner *{animation:none!important;transition:none!important}.banner-scene img{transform:none}.banner-copy>*{opacity:1;transform:none}.banner-selector.is-active .banner-track>span{transform:scaleX(1)}}
