.hero-details{z-index:3;pointer-events:none;position:absolute;inset:0}.hero-detail{color:#f2e0b7;--detail-visibility:1;width:248px;position:absolute}.hero-detail-brass{top:15%;left:55%}.hero-detail-green{color:#c4dfce;top:7%;right:3%}.hero-detail-bath{color:#d7e9ef;bottom:11%;right:7%}.detail-caption{background:#08161ce6;border:1px solid #e2eee738;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex;position:relative;box-shadow:0 4px 16px #0000001a}.detail-caption dl{min-width:0;margin:0}.detail-caption dt{color:#fff;font:500 30px/1.05 var(--display);letter-spacing:-.025em;white-space:nowrap}.detail-caption dd{margin:10px 0 0}.detail-emblem{flex:0 0 32px;padding-top:2px}.detail-emblem .icon{width:32px;height:32px}.detail-material{letter-spacing:.035em;font-size:12px;font-weight:700;display:block}.detail-description{color:#e4ece9;margin-top:4px;font-size:12px;line-height:1.6;display:block}.detail-number{font-variant-numeric:tabular-nums;font-size:12px;display:none}.detail-connector,.detail-arrowhead,.detail-target{display:none;position:absolute;top:0;left:0}.hero-annotations-ready .detail-connector,.hero-annotations-ready .detail-arrowhead,.hero-annotations-ready .detail-target{display:block}.detail-connector{transform-origin:0 0;width:100px;height:0}.detail-connector svg{width:100px;height:50px;position:absolute;top:-25px;left:0;overflow:visible}.detail-arrowhead{border-top:1.4px solid;border-right:1.4px solid;width:7px;height:7px}.detail-target{background:#08161c47;border:1px solid;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 5px #08161c26}.detail-target span{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;inset:7px}.hero-motion .detail-caption{opacity:var(--detail-visibility);transform:translateY(calc(12px * (1 - var(--detail-visibility))))}.hero-motion .detail-connector,.hero-motion .detail-arrowhead,.hero-motion .detail-target{opacity:var(--detail-visibility)}@media (width>=768px) and (width<=1100px){.hero-detail{width:210px}.hero-detail-brass{top:10%;left:49%}.hero-detail-green{top:38%;right:3%}.detail-caption{gap:8px;padding:12px}.detail-caption dt{font-size:26px}.detail-emblem,.detail-emblem .icon{flex-basis:24px;width:24px;height:24px}}@media (width<=767px){.hero-motion .hero:after{opacity:calc(.25 + .75 * var(--hero-copy-visibility,1))}.hero-details{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;inset:auto 20px 65px}.hero-detail{width:auto;min-width:0;position:relative;inset:auto}.detail-caption{height:100%;padding:10px;display:block}.detail-emblem{margin-bottom:8px}.detail-emblem .icon{width:24px;height:24px}.detail-caption dt{white-space:normal;font-size:23px}.detail-description{font-size:12px}.hero-motion .hero-details{display:block;inset:0}.hero-motion .hero-detail{position:absolute;inset:auto 20px 58px}.hero-motion .detail-caption{align-items:center;gap:14px;padding:16px 18px;display:flex}.hero-motion .detail-emblem{flex-basis:36px;margin:0}.hero-motion .detail-emblem .icon{width:36px;height:36px}.hero-motion .detail-caption dt{font-size:32px}.hero-motion .detail-caption dd{margin-top:8px}.hero-motion .detail-material,.hero-motion .detail-description{font-size:12px}.hero-motion .detail-number{display:block;position:absolute;top:12px;right:12px}.detail-number span{opacity:.65}}@media (height<=600px){.hero-detail{width:220px}.detail-caption{padding:10px}.detail-caption dt{font-size:25px}.detail-description{font-size:12px}.hero-detail-brass{top:5%}.hero-detail-green{top:36%}.hero-detail-bath{bottom:12%}}@media (width<=767px) and (height<=600px){.hero-motion .hero-detail{width:auto;bottom:51px}.hero-motion .detail-caption{gap:10px;padding:10px 12px}.hero-motion .detail-caption dt{font-size:27px}.hero-motion .detail-caption dd{margin-top:4px}.hero-motion .detail-description{font-size:12px}.hero-motion .detail-emblem{flex-basis:28px}.hero-motion .detail-emblem .icon{width:28px;height:28px}}@media (width>=768px) and (height<=476px){.hero-motion .hero-detail{width:220px;inset:auto auto 20px 49%}.hero-motion .detail-caption{padding:12px}}