/* Shared visual language of the selected homepage reference. */
body.reference-site{--u:clamp(1px,.09765625vw,1.328125px);--sans:Arial,Helvetica,sans-serif;--serif:'Times New Roman',Times,serif;--site-gutter:clamp(24px,2.35vw,32px);--w:none;--gut:var(--site-gutter);--r:5px;--r-lg:6px;--line:#e6e9e3;--line-2:#edf0e9;--cream:#f8f5ed;--cream-2:#fff;--ink:#071b15;--ink-2:#23312a;font-family:var(--sans);color:var(--ink-2);background:#fff}
.reference-site [hidden]{display:none!important}
.reference-site #main{width:100%;max-width:none;margin:0}
.reference-site .wrap{max-width:none;padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.reference-site .rv{opacity:1;transform:none}
.reference-site:not(.reference-home){font-size:calc(14 * var(--u));line-height:1.45}
.reference-site:not(.reference-home) h1{font-size:calc(40 * var(--u));font-weight:700;color:#071b15;line-height:1.05}
.reference-site:not(.reference-home) h2{font-size:calc(25 * var(--u));font-weight:700;color:#071b15;line-height:1.08}
.reference-site:not(.reference-home) h3{font-size:calc(18 * var(--u));font-weight:700;color:#10271a;line-height:1.15}
.reference-site:not(.reference-home) .h-lg{font-size:calc(32 * var(--u))}
.reference-site:not(.reference-home) .h-md{font-size:calc(25 * var(--u))}
.reference-site:not(.reference-home) .h-sm{font-size:calc(21 * var(--u))}
.reference-site:not(.reference-home) .lead{font-size:calc(14 * var(--u));line-height:1.4}
.reference-site:not(.reference-home) .sec{padding:calc(28 * var(--u)) 0}
.reference-site:not(.reference-home) .sec-sm{padding:calc(20 * var(--u)) 0}
.reference-site:not(.reference-home) .sec-head{margin-bottom:calc(15 * var(--u));gap:14px}
.reference-site:not(.reference-home) .sec-head p{font-size:calc(12 * var(--u));margin-top:6px}
.reference-site:not(.reference-home) .btn{min-height:calc(32 * var(--u));padding:0 calc(17 * var(--u));font-size:calc(11 * var(--u));border-width:1px;border-radius:4px;gap:8px}
.reference-site:not(.reference-home) .btn .ic{width:14px;height:14px}
.reference-site:not(.reference-home) .btn-sm{min-height:calc(30 * var(--u));font-size:calc(10 * var(--u))}
.reference-site:not(.reference-home) .prose{font-size:calc(14 * var(--u));line-height:1.5}
.reference-site:not(.reference-home) .prose h2{font-size:calc(24 * var(--u))}
.reference-site:not(.reference-home) .prose h3{font-size:calc(19 * var(--u))}
.reference-site:not(.reference-home) .prose p{margin-bottom:.85em}
.reference-site:not(.reference-home) .crumbs{font-size:calc(10 * var(--u));padding:0;gap:6px}
.reference-site:not(.reference-home) .eyebrow{font-size:calc(11 * var(--u));letter-spacing:.09em}
.reference-site:not(.reference-home) .circ{border-width:1px;box-shadow:none}
.reference-site:not(.reference-home) .box,.reference-site:not(.reference-home) .icard,.reference-site:not(.reference-home) .acard,.reference-site:not(.reference-home) .photo-card{border-radius:5px;box-shadow:none}
.reference-site:not(.reference-home) .visual-note{font-size:calc(9 * var(--u));line-height:1.35;padding-top:5px}
.reference-site .drawer .logo-t b{font-family:var(--serif)}
.reference-site .brands{width:100%;max-width:none;margin:0;min-height:calc(86 * var(--u));padding:calc(12 * var(--u)) var(--site-gutter) calc(9 * var(--u));border:0;background:#fff}
.reference-site .brands .wrap{padding:0;max-width:none}
.reference-site .brands h2{display:flex;align-items:center;gap:calc(9 * var(--u));font:400 calc(12 * var(--u))/1 var(--serif);margin:0 0 calc(9 * var(--u));color:#102a1c}
.reference-site .brands h2::after{content:'';height:1px;background:#e7ebe3;flex:1}
.reference-site .brand-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;padding:0;border:0;gap:calc(14 * var(--u))}
.reference-site .brand-row a{height:calc(43 * var(--u));padding:0;border:0;filter:none}
.reference-site .brand-row img{max-height:calc(43 * var(--u));width:auto;max-width:100%;object-fit:contain}
.reference-site .ref-header,.reference-site .ref-header-inner{height:calc(54 * var(--u))}
.reference-site .ref-header-inner{grid-template-columns:calc(204 * var(--u)) minmax(0,1fr) calc(120 * var(--u)) calc(46 * var(--u)) calc(90 * var(--u));gap:calc(12 * var(--u));padding:0 var(--site-gutter);max-width:none}
.reference-site .ref-header .logo{width:calc(184 * var(--u));gap:calc(6 * var(--u))}
.reference-site .ref-header .logo svg{width:calc(35 * var(--u));height:calc(34 * var(--u))}
.reference-site .ref-header .logo-t b{font-family:var(--serif);font-size:calc(29 * var(--u))}
.reference-site .ref-header .logo-t small{font-family:var(--sans);font-size:calc(5.2 * var(--u));margin-top:calc(4 * var(--u))}
.reference-site .ref-header .logo-custom img{width:calc(184 * var(--u));height:calc(40 * var(--u))}
.reference-site .ref-header .ref-nav a{font-size:calc(9.75 * var(--u));padding:calc(5 * var(--u)) 0}
.reference-site .ref-site-search{width:calc(120 * var(--u));height:calc(31 * var(--u));gap:calc(6 * var(--u));padding:0 calc(8 * var(--u));border-radius:calc(5 * var(--u))}
.reference-site .ref-site-search input{font-size:calc(8.75 * var(--u))}
.reference-site .ref-header-actions{gap:calc(7 * var(--u))}
.reference-site .ref-shell-icon{width:calc(19 * var(--u));height:calc(24 * var(--u))}
.reference-site .ref-partner-button{width:calc(90 * var(--u));height:calc(31 * var(--u));font-size:calc(8.5 * var(--u));border-radius:4px}
.reference-site .ref-footer{width:100%;max-width:none;margin:0;min-height:calc(174 * var(--u))}
.reference-site .ref-footer-grid{grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(0,1fr)) minmax(210px,1.6fr);gap:calc(22 * var(--u));padding:calc(24 * var(--u)) var(--site-gutter) calc(25 * var(--u));max-width:none}
.reference-site .ref-footer .logo-t b{font-family:var(--serif)}
.reference-site .ref-footer-column h3{font:400 calc(10 * var(--u))/1.2 var(--sans);color:#fff;margin-bottom:calc(11 * var(--u))}
.reference-site .ref-footer-column li{font-size:calc(9.2 * var(--u))}
.reference-site .ref-footer-about p{font-size:calc(9.5 * var(--u));max-width:calc(219 * var(--u))}
.reference-site .ref-footer-contact li{font-size:calc(8.75 * var(--u))}
.reference-site .ref-footer-social a{display:grid;place-items:center}
@media(max-width:940px){
 body.reference-site{--site-gutter:24px}
 .reference-site .ref-header,.reference-site .ref-header-inner{height:60px}
 .reference-site .ref-header-inner{grid-template-columns:minmax(0,1fr) auto;padding:0 var(--site-gutter);gap:16px}
 .reference-site .ref-header .ref-mobile-search,.reference-site .ref-header .ref-mobile-menu,.reference-site .ref-shell-icon{width:30px;height:32px}
 .reference-site .ref-footer{min-height:0;height:auto}
 .reference-site .ref-footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:28px;padding:28px var(--site-gutter)}
 .reference-site .ref-footer-column h3{font-size:12px}
 .reference-site .ref-footer-column li,.reference-site .ref-footer-about p,.reference-site .ref-footer-contact li{font-size:11px}
 .reference-site .ref-footer-column a,.reference-site .ref-footer-social a{min-height:30px;display:flex;align-items:center}
 .reference-site .ref-footer-leaf{right:0;bottom:0;transform:none}
 .reference-site .brands{height:auto;padding:14px var(--site-gutter) 16px}
 .reference-site .brand-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 .reference-site .brands h2{font-size:15px;margin-bottom:12px}
 .reference-site:not(.reference-home){font-size:14px}
 .reference-site:not(.reference-home) .btn{min-height:36px;font-size:12px}
}
@media(max-width:560px){
 .reference-site .ref-header-inner{padding:0 16px;gap:10px}
 .reference-site .ref-header .logo{width:143px}
 .reference-site .ref-header .logo svg{width:29px;height:31px}
 .reference-site .ref-header .logo-t b{font-size:23px}
 .reference-site .ref-header .logo-t small{font-size:4.5px}
 .reference-site .ref-header-actions{gap:4px}
 .reference-site .ref-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:26px var(--site-gutter);gap:25px 18px}
 .reference-site .ref-footer-about{grid-column:1/-1;grid-row:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:0 0 20px}
 .reference-site .ref-footer-contact{grid-column:1/-1}
 .reference-site:not(.reference-home) h1{font-size:32px}
 .reference-site:not(.reference-home) h2,.reference-site:not(.reference-home) .h-md{font-size:24px}
 .reference-site:not(.reference-home) .h-lg{font-size:28px}
 .reference-site:not(.reference-home) .lead,.reference-site:not(.reference-home) .prose{font-size:14px}
 .reference-site:not(.reference-home) .crumbs{font-size:10px}
 .reference-site:not(.reference-home) .visual-note{font-size:10px}
 .reference-site .brand-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.reference-site *{scroll-behavior:auto!important}}
