:host{display:block;color:var(--rm-blue,#093bc9);background:#fff;font-family:var(--rm-font,Manrope,Arial,sans-serif)}
*{box-sizing:border-box}a{color:inherit;text-decoration:none}h1,p{margin:0}
.entry{max-width:1280px;margin:auto;padding:28px clamp(24px,4.5vw,64px) 0}
.hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:24px;align-items:center;padding-bottom:38px}
.copy{align-self:end;padding-top:12px}h1{font-size:clamp(40px,4.1vw,60px);line-height:1.08;font-weight:800;letter-spacing:-.055em}
p{font-size:clamp(16px,1.55vw,20px);line-height:1.5;max-width:43ch;margin-top:20px}
.doors{display:flex;align-items:center;justify-content:center;gap:4%;width:100%;height:330px;container-type:inline-size;grid-column:2;grid-row:1/3;background:#fff}
.door{display:block;position:relative;overflow:hidden;flex:none;width:auto;height:min(218px,40cqw);transform:translateY(12%);box-shadow:0 10px 20px -12px rgb(20 35 50 / 20%)}
.door img{display:block;position:absolute;max-width:none}
.door-center{transform:translateY(-12%)}
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px;align-self:start}
.actions a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:var(--rm-btn-h,52px);padding:0 var(--rm-btn-pad,24px);border-radius:var(--rm-btn-radius,999px);border:1px solid var(--rm-blue);font-size:var(--rm-btn-font,16px);font-weight:var(--rm-btn-weight,700)}
.primary{background:var(--rm-blue);color:white}.secondary{background:white}
.details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 0 30px}
.details a{display:flex;align-items:center;gap:16px;padding:8px 24px;min-height:102px}.details a:first-child{padding-left:0}.details a:last-child{padding-right:0}.details a+a{border-left:1px solid var(--rm-rule,#9caeeb)}
.details img{width:64px;height:72px;object-fit:contain;flex:none}.details strong{display:block;font-size:18px;letter-spacing:-.03em}.details span span{display:block;font-size:14px;line-height:1.45;margin-top:6px}.details .icon{margin-left:auto}
.icon{width:22px;height:22px;display:inline-block;flex:none;background:currentColor;mask:var(--icon) center/contain no-repeat}
a:focus-visible{outline:3px solid var(--rm-focus,#b75413);outline-offset:4px}
@media(hover:hover){.primary:hover{background:var(--rm-blue-deep,#082d99)}.secondary:hover{background:var(--rm-blue-wash,#eff3ff)}.details a:hover .icon{transform:translateX(4px)}.details a:hover strong{text-decoration:underline;text-underline-offset:4px}}
@media(prefers-reduced-motion:no-preference){.actions a{transition:background-color var(--rm-dur-fast,160ms) var(--rm-ease,ease)}.details .icon{transition:transform var(--rm-dur-fast,160ms) var(--rm-ease,ease)}}
@media(max-width:760px){.entry{padding:28px 24px 0}.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:0;padding-bottom:18px}.copy{padding:0}h1{font-size:clamp(34px,8.8vw,52px);line-height:1.08}p{font-size:16px;margin-top:14px}.doors{height:auto;aspect-ratio:1472/1068;grid-column:1;grid-row:2;width:100%;max-width:430px;justify-self:center;margin:10px 0 0}.actions{grid-row:3;display:grid;grid-template-columns:1fr;gap:10px;margin-top:4px}.details{grid-template-columns:1fr;padding:0}.details a,.details a:first-child,.details a:last-child{padding:15px 0;gap:16px;min-height:90px}.details a+a{border-left:0;border-top:1px solid var(--rm-rule,#9caeeb)}.details img{width:48px;height:54px}.details strong{font-size:16px}.details span span{font-size:13px;margin-top:3px;max-width:26ch}}
/* Four details: two rows of two between phone and wide desktop. */
@media(min-width:761px) and (max-width:1180px){.details{grid-template-columns:repeat(2,minmax(0,1fr))}.details a:nth-child(odd){padding-left:0;border-left:0}.details a:nth-child(even){padding-right:0}.details a:nth-child(n+3){border-top:1px solid var(--rm-rule,#9caeeb)}}