/* Shared warm palette and supplied corporate identity. */
:root{--brand:#b45c1b;--brand2:#bd8b45;--brand3:#cd833a;--ink:#382e24;--muted:#7c7266;--soft:#fbf7f0;--line:#e9dfd2;--dark:#30251b;--shadow-lg:0 15px 40px #5c402314}
.logo{position:relative;display:block;flex:none;width:190px;height:52px;overflow:hidden;line-height:1}
.logo .company-logo-image{display:block;position:absolute;width:260px;height:auto;max-width:none;left:-7px;top:50%;transform:translateY(-50%)}
.nav{background:#fffdf9f7;border-bottom-color:#eee5da}.nav-links{gap:20px}.nav-links a[aria-current=page]{color:#b45c1b}
.btn-primary,.nav-links .btn-primary{background:linear-gradient(115deg,#c77525,#ac5119);border-color:#bc6725;color:#fff;box-shadow:0 5px 16px #a75d231c}
.btn-primary:hover,.nav-links .btn-primary:hover{background:#9f4f1b;box-shadow:0 8px 22px #98511d24}
.btn-outline{color:#86562f;border-color:#deceba}.btn-outline:hover{background:#faf0e2}
.brand-hero .brand-primary{background:linear-gradient(115deg,#d87e24,#b85917);border-color:#c66c20;color:#fff}.brand-hero .brand-primary:hover{background:#a95117}
.brand-hero .brand-secondary{color:#6a5140;border-color:#decfbe}
.eyebrow,.text-link{color:#af6725}.gradient-text{background-image:linear-gradient(100deg,#b45c1b,#c8944c);color:transparent;background-clip:text;-webkit-background-clip:text}
.rich-footer .logo{border-radius:9px;background:#fff8ee;border:1px solid #f7eadc}
.rich-footer .logo .company-logo-image{left:0}
.preview-symbol,.ih-mark,.ih-company-mark>span{font-size:0!important;background:url('../images/brand/ruiyun-logo-horizontal.png') 4% center / 533.333% auto no-repeat!important;box-shadow:none!important;border-radius:20%}
:where(a,button,input,select,textarea,summary):focus-visible{outline-color:#c98c46}
.filter-btn.active{background:#b45c1b;border-color:#b45c1b;color:#fff}.scene-step[aria-pressed=true]{background:#faecd9;border-color:#dbb47f;color:#8d591f}
.to-top{background:#b45c1b;color:#fff}.progress{background:linear-gradient(90deg,#b45c1b,#e2b36b)}
@media(max-width:1100px){.nav-links{gap:15px}.logo{width:175px;height:50px}.logo .company-logo-image{width:250px}}
@media(max-width:900px){.nav,.nav.scrolled{padding-block:12px}.logo{width:160px;height:44px}.logo .company-logo-image{width:225px;left:-6px}.nav-links{background:#fffaf2}.menu-toggle span{background:#6e4d30}}
@media(max-width:560px){.logo{width:150px;height:42px}.logo .company-logo-image{width:210px;left:-5px}}

/* Readable navigation and compact copy. */
.nav-links a{font-size:16px;white-space:nowrap}.nav-links{gap:20px}
.rich-footer .footer-map a,.rich-footer .footer-map p{font-size:14px;line-height:1.85}
.company-contact .contact-qr{width:200px}.company-contact .contact-qr-caption{font-size:14px}
@media(max-width:1100px) and (min-width:1051px){.nav-links{gap:12px}.nav-links a{font-size:15px}.logo{width:165px}}
@media(max-width:1050px){
.nav-links{position:fixed;top:86px;right:0;display:flex;flex-direction:column;background:#fffaf2;width:min(320px,100vw);padding:25px;gap:15px;box-shadow:var(--shadow);transform:translateX(110%);transition:transform .3s;border-left:1px solid var(--line);visibility:hidden;pointer-events:none;max-height:calc(100dvh - 86px);overflow:auto}
.nav-links.open{transform:none;visibility:visible;pointer-events:auto}.nav-links a{font-size:17px;width:100%;padding:7px 0}.nav-links .btn{text-align:center;padding:12px}.menu-toggle{display:flex}
}
@media(max-width:900px){.nav-links{top:68px;max-height:calc(100dvh - 68px)}}