.contact-experience{--contact-gold:#ffc38f;--contact-border:#67574a;--contact-muted:#b5c0c5}
.contact-experience .company-contact-hero{gap:clamp(30px,5vw,72px);padding-block:48px 58px;align-items:center}
.contact-experience .company-contact-hero h1 em{background:linear-gradient(100deg,#df9966,#ffdcc0 48%,#e9a674 72%);background-size:200% 100%;background-clip:text;color:transparent;animation:contact-type-glow 8s ease-in-out infinite}
.contact-experience .company-contact-hero .company-lead{max-width:520px}
.contact-signal{min-width:0;padding:24px;border:1px solid var(--contact-border);border-radius:26px;background:radial-gradient(ellipse at 70% 10%,#b4844920,transparent 60%),linear-gradient(145deg,#1e2527,#111719 70%);box-shadow:inset 0 1px 0 #ffffff0d,0 20px 60px #0002;overflow:hidden}
.contact-signal-top{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:650;letter-spacing:1.4px;color:#d7b592;line-height:1.6}
.contact-signal-top>span:last-child{margin-inline-start:auto}
.contact-signal-dot{width:6px;height:6px;border-radius:50%;background:#fac08d;box-shadow:0 0 12px #eeb18380;animation:contact-pulse 3s ease-in-out infinite}
.contact-signal-core{position:relative;padding:40px 0 34px;text-align:center;border-bottom:1px solid #76614c55}
.contact-signal-word{position:relative;margin:0!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.2!important;font-weight:680;letter-spacing:-.8px;color:#f5f2eb!important}
.contact-signal-word em{font-style:normal;color:var(--contact-gold)}
.contact-signal-core>p:last-child{position:relative;margin:14px auto 0!important;color:#aeb9bd!important;font-size:13px!important;line-height:1.6!important;max-width:280px}
.contact-orbit{position:absolute;inset:12px 0 8px;pointer-events:none;display:grid;place-items:center}
.contact-orbit i{position:absolute;width:210px;height:130px;border:1px solid #dca46b25;border-radius:50%;transform:rotate(-24deg);animation:contact-orbit 18s linear infinite}
.contact-orbit i:nth-child(2){width:265px;height:160px;animation-direction:reverse;animation-duration:25s;border-color:#dca46b15}
.contact-orbit i:nth-child(3){width:310px;height:190px;animation-duration:32s;border-color:#dca46b0d}
.contact-journey{position:relative;list-style:none;padding:18px 0 8px;margin:0}
.contact-journey:before{content:"";position:absolute;inset-inline-start:20px;top:38px;bottom:47px;width:1px;background:linear-gradient(#e9b07d,#66503d,#e9b07d)}
.contact-journey li{position:relative;display:flex;gap:15px;align-items:center;padding:14px 10px;margin-block:4px;border:1px solid transparent;border-radius:14px;transition:background 1s,border-color 1s}
.contact-step-no{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:none;background:#192021;border:1px solid #8d715348;border-radius:12px;color:#d2a77d;font-size:12px;font-weight:700;transition:background 1s,box-shadow 1s}
.contact-journey strong{font-size:17px;font-weight:650;color:#e6e8e6;line-height:1.4}
.contact-journey p{margin:3px 0 0!important;font-size:13px!important;color:#aeb9bf!important;line-height:1.6!important}
.contact-signal[data-contact-step="0"] li:nth-child(1),.contact-signal[data-contact-step="1"] li:nth-child(2),.contact-signal[data-contact-step="2"] li:nth-child(3){background:linear-gradient(100deg,#a2723930,#a2723905);border-color:#bd8b5e66}
.contact-signal[data-contact-step="0"] li:nth-child(1) .contact-step-no,.contact-signal[data-contact-step="1"] li:nth-child(2) .contact-step-no,.contact-signal[data-contact-step="2"] li:nth-child(3) .contact-step-no{color:#ffce9d;border-color:#c29365;background:#493723;box-shadow:0 0 22px #d7943920}
.contact-signal-location{display:grid;text-align:center;gap:5px;border-top:1px solid #76614c55;margin-top:12px;padding-top:20px}
.contact-signal-location>span{font-size:12px;color:#aeb9bf;line-height:1.5}
.contact-signal-location>span:first-child{color:#d3aa82;font-size:10px;letter-spacing:1.5px}
.contact-signal-location strong{font-size:23px;color:#f5e4d1;line-height:1.4;font-weight:600}
.contact-visit-note{font-size:12px!important;line-height:1.6!important;text-align:center;margin:12px auto 0!important;max-width:330px;color:#9aa8b0!important}
.contact-experience .company-section{padding-block:44px}
.contact-experience .company-contact-grid article{position:relative;display:flex;flex-direction:column;padding:28px;background:radial-gradient(ellipse at top left,#bc824022,transparent 65%),#151d20;border-color:#554b40;border-radius:20px;overflow:hidden;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}
.contact-experience .company-contact-grid article:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#f7c39008 48%,transparent 65%);background-size:280% 100%;animation:contact-card-light 12s ease-in-out infinite}
.contact-experience .company-contact-grid article:nth-child(2):before{animation-delay:2s}.contact-experience .company-contact-grid article:nth-child(3):before{animation-delay:4s}
.contact-experience .company-contact-grid article:hover,.contact-experience .company-contact-grid article:focus-within{transform:translateY(-4px);border-color:#bf9368;box-shadow:0 14px 28px #0002}
.contact-experience .company-contact-grid article>a{margin-top:auto;padding-block:12px;min-height:44px;position:relative}
.contact-experience .company-channel{font-size:12px;letter-spacing:1.5px;margin-bottom:18px;color:#fac495}
.contact-experience #order-enquiries{border:1px solid #685540;border-radius:24px;padding:34px;margin-block:18px;background:radial-gradient(ellipse at 90% 10%,#ad723425,transparent 70%),#171d1f}
.contact-experience .company-choice-panel{background:linear-gradient(135deg,#242725,#151d20);border-color:#756048;border-radius:22px}
.contact-experience .company-choice-panel li{position:relative;padding-inline-start:20px}
.contact-experience .company-choice-panel li:before{content:"";position:absolute;inset-inline-start:0;top:24px;width:5px;height:5px;border-radius:50%;background:#e3b484;box-shadow:0 0 10px #e3b48440}
.contact-experience .company-contact-faq{max-width:none}.contact-experience .company-contact-faq details{padding:20px;border:1px solid #3f494c;border-radius:12px;background:#131b1e;margin-block:10px;transition:border-color .4s}.contact-experience .company-contact-faq details[open]{border-color:#bd9164}
.contact-experience section.contact-in-view>div,.contact-experience section.contact-in-view>h2,.contact-experience section.contact-in-view>p{animation:contact-enter .8s ease both}
.contact-experience.contact-motion-paused *,.contact-experience.contact-motion-paused *:before,.contact-experience section:not(.contact-in-view) *,.contact-experience section:not(.contact-in-view) *:before{animation-play-state:paused!important}
@keyframes contact-orbit{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes contact-pulse{50%{box-shadow:0 0 18px #eeb183b3;opacity:.55}}
@keyframes contact-type-glow{50%{background-position:100% 50%}}
@keyframes contact-card-light{0%,25%{background-position:100% 0}75%,100%{background-position:0 0}}
@keyframes contact-enter{from{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.contact-experience .company-contact-grid{grid-template-columns:1fr}.contact-experience .company-contact-grid article{padding:24px}}
@media(max-width:700px){.contact-experience .company-contact-hero{padding-block:30px 34px;gap:28px}.contact-signal{padding:20px;border-radius:22px}.contact-signal-core{padding-block:34px 28px}.contact-signal-word{font-size:31px!important}.contact-experience .company-section{padding-block:32px}.contact-experience #order-enquiries{padding:24px;margin-block:12px}.contact-experience .company-section h2{font-size:30px}.contact-experience .company-contact-grid{gap:14px}.contact-journey strong{font-size:16px}.contact-signal-top{letter-spacing:.7px;font-size:10px}}
html[dir="rtl"] .contact-experience h1,html[dir="rtl"] .contact-experience h2,html[dir="rtl"] .contact-signal-word{letter-spacing:0}
@media(prefers-reduced-motion:reduce){.contact-experience *,.contact-experience *:before{animation:none!important;transition:none!important}.contact-experience .company-contact-grid article:hover{transform:none}}

.contact-experience .company-contact-grid a[href^="tel:"],.contact-experience .company-contact-grid a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;align-self:flex-start}