:root{--contact-accent:#44d4e9}html{scroll-behavior:smooth}body{background:#f1f8f8}.contact-intro{padding:110px 0 98px;background:radial-gradient(circle at 78% 18%,rgba(37,166,183,.22),transparent 40%),linear-gradient(125deg,#0b1f2b,#0d3340);position:relative;overflow:hidden}.contact-intro:after{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgba(113,230,246,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(113,230,246,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to left,#000,transparent 80%)}.contact-intro .page{position:relative;z-index:1}.contact-intro h1{font-size:clamp(55px,7vw,94px);line-height:1.02;margin:20px 0 26px;max-width:860px}.contact-intro em{font-style:normal;color:#50d8e8}.contact-intro p{font-size:clamp(16px,1.8vw,19px);color:#b8d0d7;line-height:1.8;max-width:720px;margin:0}.contact-content{color:#173641;padding:70px 0 110px;background:linear-gradient(180deg,#eef7f8,#fff)}.contact-layout{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(280px,.72fr);gap:28px;align-items:start}.contact-card{background:white;border:1px solid #d2e5e8;padding:clamp(28px,4vw,52px);box-shadow:0 22px 60px rgba(12,47,62,.055)}.card-index{font:700 11px 'Space Grotesk',Arial,sans-serif;letter-spacing:.19em;color:#007f94}.contact-card h2,.contact-aside h2{font-size:clamp(30px,3.4vw,45px);margin:19px 0 13px;color:#133342;line-height:1.14}.form-intro{color:#56727d;font-size:15px;max-width:580px;margin:0 0 36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.field label{font-size:13px;font-weight:700;color:#274a56}.field label span{color:#007d92}.field input,.field select,.field textarea{font:500 15px 'DM Sans',Arial,sans-serif;color:#1b3b46;background:#f7fbfc;border:1px solid #b8d2d9;border-radius:2px;min-height:51px;padding:13px 14px;width:100%;outline-offset:3px}.field textarea{resize:vertical;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#008ba1;outline:2px solid #8adee8}.field input::placeholder,.field textarea::placeholder{color:#6b858f}.privacy-note{color:#5e7580;font-size:12px;line-height:1.8;margin:0 0 25px}.form-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.form-actions button{font:700 14px 'DM Sans',Arial,sans-serif;background:#073443;border:1px solid #073443;color:white;min-height:53px;padding:14px 23px;display:inline-flex;align-items:center;gap:22px;cursor:pointer}.form-actions button:not(:disabled):hover{background:#005a70}.form-actions button:disabled{opacity:.55;cursor:wait}#form-status{font-size:13px;line-height:1.5;color:#315963;max-width:440px}#form-status[data-kind="error"]{color:#a52237}#form-status[data-kind="success"]{color:#007552}.spam-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-aside{padding:clamp(28px,3.1vw,43px);background:#123643;color:#eaf8f9;border:1px solid #1c5a67}.contact-aside .card-index{color:#59dce9}.contact-aside h2{color:#f0f9fa;font-size:clamp(26px,2.6vw,36px);margin-bottom:30px}.route-card{padding:25px 0;border-top:1px solid rgba(158,223,229,.24)}.route-num{color:#62dce9;letter-spacing:.13em;font-size:10px;font-weight:700}.route-card h3{font-size:20px;line-height:1.3;margin:12px 0 10px}.route-card p{font-size:13px;line-height:1.75;color:#b0d0d5;margin:0}.aside-note{padding-top:22px;border-top:1px solid rgba(158,223,229,.24);color:#b2cdd4;font-size:12px;line-height:1.9;margin:4px 0 0}.contact-content ~ footer,.contact-content+footer{background:#071720}.foot a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:850px){.contact-intro{padding:76px 0}.contact-content{padding:40px 0 75px}.contact-layout{grid-template-columns:1fr}.contact-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-aside>.card-index,.contact-aside>h2,.contact-aside>.aside-note{grid-column:1/-1}.route-card{padding-bottom:10px}.contact-aside h2{margin-bottom:4px}}@media(max-width:580px){.contact-intro{padding:65px 0}.contact-card{padding:25px 19px}.form-grid,.contact-aside{grid-template-columns:1fr}.contact-aside>.card-index,.contact-aside>h2,.contact-aside>.aside-note{grid-column:auto}.contact-aside{gap:0}.route-card{padding:19px 0}.form-actions button{width:100%;justify-content:center}}

/* An unmistakable confirmation replaces the form after a successful POST. */
.form-success[hidden]{display:none!important}
.form-success{border:2px solid #0b785f;background:linear-gradient(160deg,#e7fcf3,#f5fffc 68%);padding:clamp(25px,4vw,46px);color:#0c4a3c;margin-top:30px;outline-offset:6px}
.form-success-mark{display:grid;place-items:center;width:94px;height:94px;margin-bottom:27px;background:#0a775a;border-radius:50%;color:white;box-shadow:0 0 0 9px rgba(8,137,99,.12)}
.form-success-label{display:block;color:#00694d;font:700 12px 'Space Grotesk',Arial,sans-serif;letter-spacing:.19em}
.form-success h3{margin:18px 0 20px;font-size:clamp(32px,3.6vw,48px);line-height:1.15;color:#0d4537}
.form-success p{font-size:17px;line-height:1.75;color:#31594c;margin:0 0 12px}
.form-success .success-reassurance{font-size:14px;margin-bottom:28px}
.success-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px}
.success-actions a,.success-actions button{font:700 13px 'DM Sans',Arial,sans-serif;min-height:46px;padding:13px 17px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.success-actions a{color:#fff;background:#0b694f;border:1px solid #0b694f}
.success-actions a:hover{background:#064934}
.success-actions button{background:transparent;border:1px solid #0b785f;color:#0b604a}
.success-actions button:hover{background:#daf2e7}
@media(max-width:580px){.form-success-mark{width:76px;height:76px}.success-actions a,.success-actions button{width:100%}}

/* Rohall warm-spectrum identity: match the ivory, wine and coral corporate pages. */
:root{
  --contact-accent:#b82944;
  --contact-ink:#2c2530;
  --contact-wine:#3a2733;
  --contact-coral:#e65e4e;
  --contact-violet:#7654b1;
  --contact-citrus:#b8d759;
}
body{color:var(--contact-ink);background:#fbfaf6}
.header{background:rgba(252,250,246,.96);border-bottom:1px solid #e0d7d7;box-shadow:0 3px 20px rgba(46,29,40,.04)}
.header .brand{color:#2b2630}
.header .brand img{background:#fffdfa;box-shadow:0 3px 12px rgba(45,29,39,.07)}
.header .brand span span{color:#786d76}
.header nav{color:#50424b}
.header nav a:hover{color:#ae2b44}
.header .nav-contact{background:#b82944;color:#fff;border:1px solid #b82944}
.header .nav-contact:hover{background:#91213a;color:#fff}
.header .site-subnav-toggle{color:#432f3c;border-color:#ba9da6}
.site-subnav.is-open .site-global-links,.header .site-subnav.is-open .site-global-links{background:#fffaf6;color:#392b36;border-color:#e0d0d4}
.site-subnav.is-open .site-global-links a:hover{background:#f9eced}

.contact-intro{background:radial-gradient(circle at 84% 48%,rgba(230,94,78,.16),transparent 33%),radial-gradient(circle at 53% 7%,rgba(184,215,89,.12),transparent 42%),linear-gradient(120deg,#fbfaf6 20%,#f7eeeb 100%);border-bottom:1px solid #e5d8d6;isolation:isolate}
.contact-intro:before{content:"";position:absolute;right:8%;top:15%;width:280px;height:280px;pointer-events:none;opacity:.20;background:linear-gradient(135deg,#b82944,#ed9771);clip-path:polygon(25% 4%,75% 4%,98% 50%,75% 96%,25% 96%,2% 50%);mask-image:radial-gradient(closest-side,transparent 79%,black 82%)}
.contact-intro:after{background-image:radial-gradient(rgba(87,63,71,.35) .8px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 24%,black 100%);opacity:.33}
.contact-intro .eyebrow{color:#a62b44}
.contact-intro h1{color:#292329;letter-spacing:-.058em}
.contact-intro em{background:linear-gradient(105deg,#b52641 10%,#e26551 54%,#9160b1 100%);color:#b82944;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.contact-intro p{color:#615760;font-weight:500}
.contact-content{color:#2e2831;background:linear-gradient(180deg,#f6f0ec,#fffdfa 75%)}
.contact-card{background:#fffefa;border-color:#e5d8d7;box-shadow:0 22px 60px rgba(66,35,49,.05)}
.card-index{color:#ab2b42}
.contact-card h2,.contact-aside h2{color:#30252e}
.form-intro{color:#75656d}
.field label{color:#463640}
.field label span{color:#b82944}
.field input,.field select,.field textarea{background:#fffdfa;color:#372b34;border:1px solid #cdbfc0}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#b82944;outline:2px solid #efafac}
.field input::placeholder,.field textarea::placeholder{color:#887b82}
.privacy-note{color:#756b70}
.form-actions button{background:#b82944;border-color:#b82944;color:#fff;box-shadow:0 9px 20px rgba(159,38,65,.12)}
.form-actions button:not(:disabled):hover{background:#98203a;border-color:#98203a}
#form-status{color:#574854}
#form-status[data-kind="error"]{color:#a32237}
.contact-aside{background:radial-gradient(circle at 90% 8%,rgba(197,103,130,.18),transparent 39%),#3b2c38;border:1px solid #6a505f;color:#fff8f5}
.contact-aside .card-index{color:#ffab8f}
.contact-aside h2{color:#fff9f5}
.route-card{border-color:rgba(255,219,217,.22)}
.route-num{color:#ffa18c}
.route-card:nth-of-type(2) .route-num{color:#d5ec9c}
.route-card:nth-of-type(3) .route-num{color:#d6bcff}
.route-card p{color:#decdd5}
.aside-note{color:#d3bdc8;border-color:rgba(255,219,217,.22)}
.contact-content+footer{background:#211b23;border-color:#4d3945;color:#baabb5}
.contact-content+footer a:hover{color:#ffc09a}
main+footer{background:#211b23;border-top-color:#4d3945;color:#c3b4be}
main+footer a:hover{color:#ffc09a}
.contact-updates-link{display:inline-block;color:#f3b99f;text-decoration:underline;text-underline-offset:4px;font-weight:700;margin-top:15px}
.contact-updates-link:hover{color:#fff}
:focus-visible{outline:3px solid #df8759;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the confirmation unmistakable while carrying the same brand palette. */
.form-success{border-color:#679167;background:linear-gradient(145deg,#f2f7e9,#fffdfa 74%);color:#312b31;box-shadow:inset 5px 0 0 #b8d759}
.form-success-mark{background:#377449;box-shadow:0 0 0 9px rgba(144,176,92,.2)}
.form-success-label{color:#4a7544}
.form-success h3{color:#302630}
.form-success p{color:#564c52}
.success-actions a{background:#b82944;border-color:#b82944}
.success-actions a:hover{background:#92223b}
.success-actions button{border-color:#b82944;color:#9e2441}
.success-actions button:hover{background:#f9e7e7}
