/* Landing-only restoration and reference-sized contact rail. */
.reference-home .reference-rail{--rail-width:clamp(76px,6.25vw,96px);width:var(--rail-width);height:min(448px,52.7svh);position:fixed;top:47.3%;bottom:auto;right:0;display:flex;flex-direction:column;background:#f7a21b;color:#252a2e;z-index:30}.reference-home .rail-inquiry{flex:1;width:100%;min-height:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;padding-top:40px;gap:18px}.reference-home .rail-inquiry-icon{display:block;width:28px;height:28px;flex-shrink:0}.reference-home .rail-inquiry>span:last-child{writing-mode:vertical-rl;font-size:23px;font-weight:750;letter-spacing:2px;line-height:1.4;padding:0}.reference-home .rail-phone{width:100%;height:var(--rail-width);flex:0 0 var(--rail-width);border-top:1px solid #252a2e35;display:grid;place-items:center}.reference-home .phone-motion{position:relative;display:grid;place-items:center;width:50px;height:50px}.reference-home .phone-motion svg{width:29px;height:29px;transform-origin:50% 55%;animation:phoneRing 3.8s ease-in-out infinite}.phone-motion:before,.phone-motion:after{content:'';position:absolute;inset:0;border:1px solid currentColor;border-radius:50%;opacity:0;pointer-events:none;animation:phoneWave 3.8s ease-out infinite}.phone-motion:after{animation-delay:.3s}.reference-home .rail-phone:hover .phone-motion svg{animation-duration:1.8s}.reference-home .rail-inquiry:focus-visible,.reference-home .rail-phone:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
@keyframes phoneRing{0%,8%,28%,100%{transform:rotate(0)}11%,19%{transform:rotate(-14deg)}15%,23%{transform:rotate(14deg)}}
@keyframes phoneWave{0%,8%{transform:scale(.65);opacity:0}12%{opacity:.28}35%,100%{transform:scale(1.15);opacity:0}}
@media(max-width:700px){.reference-home .reference-rail{--rail-width:54px;width:54px;height:260px;top:auto;bottom:88px}.reference-home .rail-inquiry{padding-top:25px;gap:15px}.reference-home .rail-inquiry-icon{width:23px;height:23px}.reference-home .rail-inquiry>span:last-child{font-size:17px;letter-spacing:1px}.reference-home .phone-motion{width:40px;height:40px}.reference-home .phone-motion svg{width:24px;height:24px}}
@media(max-height:560px) and (min-width:701px){.reference-home .rail-inquiry{padding-top:20px;gap:12px}.reference-home .rail-inquiry>span:last-child{font-size:18px}.reference-home .rail-inquiry-icon{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.reference-home .phone-motion svg,.phone-motion:before,.phone-motion:after{animation:none}.phone-motion:before,.phone-motion:after{display:none}}

/* Start the landing navigation beside the logo. */
.reference-home header .nav{justify-content:flex-start;gap:64px}.reference-home header .nav>nav{margin-left:0;justify-content:flex-start;gap:40px}.reference-home header .nav>.nav-contact{margin-left:auto}.reference-home header .nav>.brand{flex-shrink:0}
@media(max-width:1100px){.reference-home header .nav{gap:36px}.reference-home header .nav>nav{gap:26px}}
@media(max-width:700px){.reference-home header .nav{gap:20px}.reference-home header .nav>.menu-toggle{margin-left:auto}}

.reference-home header .nav{justify-content:flex-start;gap:38px}.reference-home header .nav>nav{margin-left:auto;justify-content:flex-end}.reference-home header .nav>.nav-contact{margin-left:0}@media(max-width:1100px){.reference-home header .nav{gap:26px}}@media(max-width:700px){.reference-home header .nav{gap:20px}}

/* A warm call-to-action with a periodic shine and soft rising bubbles. */
.reference-home header .nav>.nav-contact{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:11px 24px;min-height:48px;border:1px solid #ffcb74;border-radius:28px;background:linear-gradient(115deg,#f7a21b,#ffc259);color:#242b30;font-weight:750;white-space:nowrap;box-shadow:0 3px 15px #f7a21b24;animation:rentalGlow 5.5s ease-in-out infinite;transition:background .2s,box-shadow .2s}.reference-home header .nav>.nav-contact:before{content:'';position:absolute;inset:-45% auto -45% -65%;width:38%;background:linear-gradient(90deg,transparent,#ffffff85,transparent);transform:skewX(-25deg) translateX(0);pointer-events:none;animation:rentalShine 5.5s ease-in-out infinite}.reference-home header .nav>.nav-contact:after{content:'';position:absolute;z-index:-1;left:15%;bottom:-12px;width:7px;height:7px;border:1px solid #fff9;border-radius:50%;box-shadow:38px 12px 0 -1px #fff5,79px -5px 0 -1px #fff5;pointer-events:none;opacity:0;animation:rentalBubbles 5.5s ease-in-out infinite}.reference-home header .nav>.nav-contact>span{position:relative;font-size:20px;line-height:1}.reference-home header .nav>.nav-contact:hover{background:#ffc45c;color:#172027;box-shadow:0 4px 22px #f7a21b50}.reference-home header .nav>.nav-contact:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes rentalShine{0%,54%{left:-65%;opacity:0}57%{opacity:1}76%{left:125%;opacity:1}78%,100%{left:125%;opacity:0}}
@keyframes rentalBubbles{0%,13%{opacity:0;transform:translateY(0) scale(.65)}21%{opacity:.7}43%{opacity:0;transform:translateY(-60px) scale(1.15)}100%{opacity:0;transform:translateY(-60px) scale(1.15)}}
@keyframes rentalGlow{0%,45%,85%,100%{box-shadow:0 3px 15px #f7a21b24}60%{box-shadow:0 3px 22px #f7a21b45}}
@media(max-width:1100px){.reference-home header .nav>.nav-contact{padding:10px 18px;gap:14px}}
@media(prefers-reduced-motion:reduce){.reference-home header .nav>.nav-contact,.reference-home header .nav>.nav-contact:before,.reference-home header .nav>.nav-contact:after{animation:none}.reference-home header .nav>.nav-contact:before,.reference-home header .nav>.nav-contact:after{display:none}}