
.reyon-scene{position:relative;isolation:isolate;overflow:hidden;background:#071b16;color:#f1f2df;padding:70px 6% 24px;scroll-margin-top:150px;min-height:840px;border-top:0}
.reyon-scene:before{content:"";position:absolute;inset:15% 0 0;z-index:-1;background:radial-gradient(ellipse at 50% 52%,#53715c25,transparent 60%)}
.reyon-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;position:relative;z-index:2}.reyon-kicker{font-size:11px;letter-spacing:2.4px;color:#a5b5a5;display:block}.reyon-heading h2{font-size:clamp(40px,4.7vw,76px);letter-spacing:-.055em;line-height:1.05;margin:16px 0 0}.reyon-heading p{font-size:20px;line-height:1.6;margin:0 0 5px}.reyon-heading p span{font-size:14px;color:#a5b5a5}
.reyon-stage{position:relative;height:470px;margin:12px -2% 0;touch-action:pan-y;user-select:none}
.reyon-object{position:absolute;bottom:10px;left:32%;width:36%;height:430px;background:transparent;border:0;color:inherit;padding:0;cursor:pointer;transition:transform .75s cubic-bezier(.22,.7,.2,1),opacity .55s;transform-origin:50% 75%;-webkit-tap-highlight-color:transparent}
.reyon-image{display:block;height:365px;position:relative}.reyon-image:after{content:"";position:absolute;bottom:5%;left:15%;width:70%;height:9%;border-radius:50%;background:#0008;filter:blur(15px);z-index:-1}.reyon-object img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 15px #0004);pointer-events:none;-webkit-user-drag:none}.reyon-object[data-model="210"] img{width:84%}.reyon-object[data-model="310"] img{width:94%}
.reyon-object.is-active{transform:translateX(0);z-index:3;opacity:1}.reyon-object.is-left{transform:translateX(-94%) translateY(-15px) scale(.84);z-index:1;opacity:.77}.reyon-object.is-right{transform:translateX(94%) translateY(-15px) scale(.84);z-index:1;opacity:.77}.reyon-object:not(.is-active):hover{opacity:1}.reyon-object:not(.is-active):hover img{filter:drop-shadow(0 18px 20px #0007)}
.reyon-object-caption{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:3px}.reyon-object-caption strong{font-size:23px;font-weight:600;letter-spacing:.5px}.reyon-object-caption>span{font-size:14px;color:#a9b9a9}.reyon-object.is-active .reyon-object-caption strong{color:#ffa477}.reyon-object.is-active .reyon-object-caption:after{content:"";height:3px;width:24px;background:#ffa477;margin-top:7px;border-radius:3px}
.reyon-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:0;padding:30px 0;margin-top:10px}.reyon-switch{display:flex;align-items:center;gap:18px}.reyon-current{font-size:15px;min-width:70px}.reyon-prev,.reyon-next{border:1px solid #ffffff35;width:42px;height:42px;border-radius:50%;background:none;color:inherit;font:inherit;cursor:pointer}.reyon-prev:hover,.reyon-next:hover{background:#f1f2df;color:#071b16}.reyon-summary{display:flex;gap:38px}.reyon-summary div{display:flex;flex-direction:column;gap:5px}.reyon-summary strong{font-size:29px;font-weight:500;letter-spacing:-1px}.reyon-summary small{color:#a5b5a5;font-size:12px}.reyon-inspect{background:#f1f2df;color:#123a2b;border:0;border-radius:40px;padding:18px 25px;display:flex;gap:24px;align-items:center;font:inherit;font-size:16px;cursor:pointer;transition:background .2s,transform .2s}.reyon-inspect span{font-size:25px;line-height:1}.reyon-inspect:hover{background:#ffa477;transform:translateY(-3px)}
.reyon-footnote{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#829887;margin:10px 0 0}.reyon-details{position:absolute;left:58%;right:6%;top:235px}.reyon-details[hidden],.reyon-measures[hidden]{display:none}.reyon-back{display:block;background:none;border:0;border-bottom:1px solid #ffffff30;color:#b7c7b7;font:inherit;font-size:14px;padding:0 0 9px;margin:0 0 35px;cursor:pointer}.reyon-back:hover{color:#ffa477}.reyon-detail-title{font-size:52px;letter-spacing:-2px;margin:10px 0 25px}.reyon-tabs{display:flex;gap:26px;border-bottom:1px solid #ffffff25}.reyon-tabs button{padding:10px 0 14px;border:0;border-bottom:2px solid transparent;background:none;color:#a5b5a5;font:inherit;font-size:15px;cursor:pointer}.reyon-tabs [aria-selected=true]{border-color:#ffa477;color:#f1f2df}.reyon-facts{margin:12px 0 0}.reyon-facts div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #ffffff13;font-size:15px}.reyon-facts dt{color:#a5b5a5}.reyon-facts dd{margin:0;text-align:right}.reyon-detail-note{font-size:12px;line-height:1.7;color:#a5b5a5}
.reyon-scene[data-mode=detail] .reyon-stage{height:545px}.reyon-scene[data-mode=detail] .reyon-object.is-active{transform:translateX(-70%) scale(1.3);bottom:75px}.reyon-scene[data-mode=detail] .reyon-object:not(.is-active){opacity:0;pointer-events:none;transform:translateX(-70%) scale(.6)}.reyon-scene[data-mode=detail] .reyon-object-caption{opacity:0}.reyon-scene[data-mode=detail] .reyon-overview{display:none}.reyon-measures{position:absolute;left:4%;width:44%;top:30px;height:440px;pointer-events:none;z-index:4}.reyon-width{position:absolute;bottom:0;left:10%;width:75%;border-top:1px solid #ffa477;padding-top:10px;text-align:center;color:#ffa477;font-size:13px}.reyon-height{position:absolute;right:0;top:15%;height:70%;border-right:1px solid #ffa477;display:flex;align-items:center;padding-right:9px;color:#ffa477;font-size:13px}.reyon-width:before,.reyon-width:after{content:"";position:absolute;top:-5px;height:9px;border-left:1px solid #ffa477}.reyon-width:before{left:0}.reyon-width:after{right:0}
.reyon-scene button:focus-visible{outline:2px solid #ffa477;outline-offset:6px}.reyon-fade{animation:reyonFade .4s ease}@keyframes reyonFade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.reyon-stage{height:550px}.reyon-object{height:510px}.reyon-image{height:435px}.reyon-scene[data-mode=detail] .reyon-stage{height:640px}.reyon-details{top:280px}}
@media(max-width:1000px){.reyon-summary{gap:20px}.reyon-current{display:none}.reyon-switch{gap:9px}.reyon-heading p{font-size:16px}.reyon-heading p span{font-size:12px}.reyon-details{left:55%;right:5%}.reyon-facts div{font-size:13px}.reyon-stage{height:410px}.reyon-object{height:360px}.reyon-image{height:285px}.reyon-scene{min-height:760px}}
@media(max-width:650px){.reyon-scene{padding:45px 6% 25px;scroll-margin-top:120px;min-height:720px}.reyon-heading{display:block}.reyon-heading h2{font-size:45px;margin-top:12px}.reyon-heading p{margin-top:18px;font-size:16px;line-height:1.7}.reyon-heading p span{font-size:12px}.reyon-kicker{font-size:9px;letter-spacing:2px}.reyon-stage{height:300px;margin:20px -6% 0}.reyon-object{height:270px;left:22%;width:56%}.reyon-image{height:215px}.reyon-object.is-left{transform:translateX(-77%) translateY(-6px) scale(.65)}.reyon-object.is-right{transform:translateX(77%) translateY(-6px) scale(.65)}.reyon-object-caption strong{font-size:16px}.reyon-object-caption>span{font-size:11px}.reyon-object-caption{gap:5px}.reyon-overview{flex-wrap:wrap;justify-content:center;gap:22px;padding:22px 0 12px;margin:0}.reyon-summary{order:-1;width:100%;justify-content:space-around;gap:12px}.reyon-summary strong{font-size:25px}.reyon-summary small{font-size:11px}.reyon-switch{gap:16px}.reyon-inspect{font-size:14px;padding:14px 20px;gap:18px}.reyon-footnote{margin-top:20px;font-size:8px;letter-spacing:1px}.reyon-details{position:relative;top:auto;left:auto;right:auto;margin:0 0 30px}.reyon-scene[data-mode=detail] .reyon-stage{height:340px}.reyon-scene[data-mode=detail] .reyon-object.is-active{transform:translateX(0) scale(1.25);bottom:30px}.reyon-scene[data-mode=detail] .reyon-object:not(.is-active){transform:translateX(0) scale(.6)}.reyon-detail-title{font-size:38px;margin:10px 0 18px}.reyon-back{margin:0 0 24px}.reyon-facts div{font-size:14px}.reyon-measures{left:14%;width:72%;height:290px;top:0}.reyon-height{right:0;font-size:11px}.reyon-width{font-size:11px}.reyon-tabs{gap:30px}}
@media(prefers-reduced-motion:reduce){.reyon-scene *{transition:none!important;animation:none!important}}

.reyon-caption-nav{position:absolute;bottom:45px;left:50%;width:280px;transform:translateX(-50%);display:flex;justify-content:space-between;z-index:5;pointer-events:none}.reyon-caption-nav button{pointer-events:auto}.reyon-scene[data-mode=detail] .reyon-caption-nav{display:none}.reyon-overview{justify-content:center;gap:80px}.reyon-footnote{justify-content:flex-end}
@media(max-width:650px){.reyon-caption-nav{bottom:27px;width:195px}.reyon-caption-nav button{width:32px;height:32px}.reyon-overview{gap:22px}}

/* Keep the selected model, facts and action on one center line. */
.reyon-overview{flex-direction:column;gap:25px;padding:27px 0 15px}.reyon-summary{justify-content:center;text-align:center;gap:clamp(30px,5vw,80px)}.reyon-summary div{align-items:center}.reyon-image img{display:block;margin-inline:auto}.reyon-object{left:50%;margin-left:-18%}.reyon-caption-nav{align-items:center}
@media(max-width:650px){.reyon-object{left:50%;margin-left:-28%}.reyon-summary{gap:24px}.reyon-overview{gap:22px}}

.reyon-summary strong{white-space:nowrap}
@media(max-width:650px){.reyon-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;width:100%}.reyon-summary strong{font-size:23px}}

.reyon-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px}.reyon-heading>div{width:100%}.reyon-heading>p{margin:0 auto 5px}
@media(max-width:650px){.reyon-heading{gap:18px}.reyon-heading>p{margin-top:0}}

.reyon-measures{z-index:6}
.reyon-height{right:-62px;border-right:0;border-left:1px solid #ffa477;padding-right:0;padding-left:10px;text-shadow:0 1px 3px #071b16,0 -1px 3px #071b16}
.reyon-depth{position:absolute;left:-10%;bottom:25px;width:150px;height:110px;overflow:visible;color:#ffa477}
.reyon-depth text{fill:currentColor;stroke:#071b16;stroke-width:4px;paint-order:stroke;font-size:13px;font-family:inherit}
@media(max-width:650px){.reyon-height{right:-30px;padding-left:6px}.reyon-depth{width:100px;height:80px;left:-8%;bottom:22px}}

@media(max-width:700px){.reyon-scene .reyon-object{transition:transform .45s cubic-bezier(.22,.7,.2,1),opacity .45s ease!important;will-change:transform;backface-visibility:hidden}}

/* User-triggered model changes keep their transition on every platform. */
.reyon-scene .reyon-object{transition:transform .45s cubic-bezier(.22,.7,.2,1),opacity .45s ease!important}
