html,body{background:#2B2C30}
/* Only the outer shell uses these styles; the 480px iframe is unchanged. */
.desktop-rail{display:none}
@media(min-width:769px){
 .desktop-rail{
  position:fixed;
  top:50%;
  transform:translateY(-50%);
  width:calc((100% - 480px)/2);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#E9ECF1;
  font-family:"Shippori Mincho",serif;
  font-weight:700;
 }
 .desktop-rail--left{left:0}
 .desktop-rail--right{right:0}
 /* Header baseline: 23px / 10px, measured width 105.375px.
    1.3x: 29.9px / 13px, width about 137px. Narrow rails cap it to fit. */
 .desktop-brand{
  font-size:clamp(23px,calc(10.9vw - 59.3px),29.9px);
  letter-spacing:.15em;
  white-space:nowrap;
 }
 .desktop-brand small{font-size:.4347826087em;letter-spacing:.08em}
 .desktop-actions{display:flex;flex-direction:column;gap:14px;width:180px;max-width:calc(100% - 24px)}
 .desktop-actions button{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  width:100%;
  min-height:69px; /* Existing form CTA 60px × 1.15. */
  padding:17px 20px;
  border:1px solid #E9ECF1;
  border-radius:0;
  background:#2B2C30;
  color:#E9ECF1;
  font:700 16px "Shippori Mincho",serif;
  white-space:nowrap;
  text-align:left;
  cursor:pointer;
 }
 .desktop-actions button:focus-visible{outline:2px solid #55D5FC;outline-offset:4px}
}
@media(min-width:769px) and (max-width:900px){.desktop-actions button{padding-inline:8px}}

.desktop-actions button span{color:#55D5FC}

.desktop-brand{width:137px;max-width:calc(100% - 32px)}.desktop-brand img{display:block;width:100%;height:auto}
/* Use the reference's unboxed, condensed navigation with brush subtitles. */
@media(min-width:769px){
 .desktop-actions button{border:0;background:transparent;padding:8px 2px;position:relative;min-height:69px;transition:opacity .15s ease}
 .desktop-actions button:hover{opacity:.6}
 .desktop-actions .rail-copy{display:flex;flex-direction:column;gap:4px;color:#E9ECF1}
 .desktop-actions b{font:400 clamp(25px,2.5vw,35px)/1 Anton,sans-serif;letter-spacing:-.025em}
 .desktop-actions small{font:400 17px/1.2 "Fude Goshirae","Shippori Mincho",serif;letter-spacing:.03em}
 .desktop-actions .rail-chevron{font:700 32px/1 sans-serif;color:#E9ECF1;letter-spacing:-.2em;padding-right:6px}
}