/* A compact, unified channel strip in the approved blue, mint and violet. */
.contact-page .channel-strip.cc-strip{display:grid;grid-template-columns:1fr 1fr 1.13fr;gap:10px;padding:10px;border:1px solid #fff;border-radius:28px;background:#ffffffeb;box-shadow:0 10px 30px #7896cc12;overflow:visible}.contact-page .cc-strip>a{--cc:#087dff;--cc-rgb:8,125,255;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;min-width:0;min-height:132px;padding:21px 20px!important;border:1px solid transparent!important;border-radius:21px;background:radial-gradient(ellipse at 15% 100%,#c4e8ffb0,transparent 75%),linear-gradient(115deg,#f1faff,#e6f4ff);color:#111d49;text-decoration:none;box-shadow:inset 0 1px 1px #fff;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s}.contact-page .cc-strip>a:nth-child(2){--cc:#00b851;--cc-rgb:0,184,81;background:radial-gradient(ellipse at 15% 100%,#c0f5d6aa,transparent 75%),linear-gradient(115deg,#f0fff6,#e3faec)}.contact-page .cc-strip>a:nth-child(3){--cc:#8950ff;--cc-rgb:137,80,255;background:radial-gradient(ellipse at 15% 100%,#e5d6ffb0,transparent 75%),linear-gradient(115deg,#f8f4ff,#eee7ff)}.cc-strip>a::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff80,transparent 55%);opacity:.6;transition:opacity .3s}.cc-strip>a::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,transparent 30%,#ffffff00 36%,#ffffffb3 43%,#ffffff00 50%,transparent 58%);transform:translateX(-120%) skewX(-12deg);opacity:0}.cc-strip .cc-icon{display:grid;place-items:center;flex-shrink:0;width:68px;height:68px;border:1px solid #fff;border-radius:21px;background:linear-gradient(145deg,#ffffff,#dcf1ff);color:var(--cc);box-shadow:inset 0 2px 1px #fff,0 5px 0 #a9d9ff44,0 8px 14px rgba(var(--cc-rgb),.14);transform:rotate(-7deg);transition:transform .36s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.cc-strip>a:nth-child(2) .cc-icon{background:linear-gradient(145deg,#ffffff,#dcfce7);box-shadow:inset 0 2px 1px #fff,0 5px 0 #91eeb344,0 8px 14px rgba(var(--cc-rgb),.14)}.cc-strip>a:nth-child(3) .cc-icon{background:linear-gradient(145deg,#ffffff,#e8ddff);box-shadow:inset 0 2px 1px #fff,0 5px 0 #c3a3ff44,0 8px 14px rgba(var(--cc-rgb),.14)}.cc-strip .cc-icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:2.1;fill:none;filter:drop-shadow(0 2px 1px rgba(var(--cc-rgb),.15))}.cc-strip .cc-copy{display:block;min-width:0;flex:1}.contact-page .cc-strip small{font-size:14px;color:#526b94;line-height:1.6}.contact-page .cc-strip strong{font-size:23px;line-height:1.55;margin:3px 0;white-space:nowrap;letter-spacing:-.025em}.contact-page .cc-strip>a:nth-child(2) strong{font-size:21px}.contact-page .cc-strip>a:last-child strong{font-size:17px}.contact-page .cc-strip em{font-size:12px;line-height:1.65;color:#617a9e}.contact-page .cc-strip>a>svg.cc-arrow{position:relative;z-index:3;display:block;flex-shrink:0;width:22px;height:22px;padding:0;border-radius:0;background:none;color:var(--cc);stroke:currentColor;stroke-width:1.9;fill:none;transition:transform .3s}.contact-page .cc-strip>a:focus-visible{outline:3px solid var(--cc);outline-offset:4px;border-color:rgba(var(--cc-rgb),.5)!important;box-shadow:0 8px 20px rgba(var(--cc-rgb),.17)}@media(hover:hover) and (pointer:fine){.contact-page .cc-strip>a:hover{transform:translateY(-4px);border-color:rgba(var(--cc-rgb),.48)!important;box-shadow:inset 0 1px 2px #fff,0 10px 23px rgba(var(--cc-rgb),.2),0 2px 5px rgba(var(--cc-rgb),.08)}.cc-strip>a:hover::before{opacity:1}.cc-strip>a:hover::after{animation:cc-light-sweep .85s ease-out both}.cc-strip>a:hover .cc-icon{transform:translateY(-3px) rotate(-11deg) scale(1.04)}.contact-page .cc-strip>a:hover>svg.cc-arrow{transform:translateX(4px)}}@keyframes cc-light-sweep{0%{transform:translateX(-120%) skewX(-12deg);opacity:0}20%{opacity:.9}100%{transform:translateX(120%) skewX(-12deg);opacity:0}}@media(min-width:761px) and (max-width:1200px){.contact-page .channel-strip.cc-strip{gap:8px}.contact-page .cc-strip>a{gap:11px;padding:18px 13px!important;min-height:122px}.cc-strip .cc-icon{width:53px;height:58px;border-radius:17px}.cc-strip .cc-icon svg{width:29px;height:29px}.contact-page .cc-strip strong{font-size:21px}.contact-page .cc-strip>a:nth-child(2) strong{font-size:18px}.contact-page .cc-strip>a:last-child strong{font-size:14px}.contact-page .cc-strip small{font-size:12px}.contact-page .cc-strip em{font-size:10px}.contact-page .cc-strip>a>svg.cc-arrow{width:18px;height:18px}}@media(max-width:760px){.contact-page .channel-strip.cc-strip{grid-template-columns:1fr;gap:10px;padding:9px;border-radius:24px}.contact-page .cc-strip>a{min-height:109px;padding:19px 17px!important;gap:16px;border-radius:18px}.cc-strip .cc-icon{width:58px;height:62px;border-radius:18px}.cc-strip .cc-icon svg{width:31px;height:31px}.contact-page .cc-strip strong{font-size:22px}.contact-page .cc-strip>a:nth-child(2) strong{font-size:20px}.contact-page .cc-strip>a:last-child strong{font-size:16px}.contact-page .cc-strip small{font-size:13px}.contact-page .cc-strip em{font-size:11px}.contact-page .cc-strip>a>svg.cc-arrow{width:20px;height:20px}}@media(max-width:360px){.contact-page .cc-strip>a{gap:11px;padding:17px 12px!important}.cc-strip .cc-icon{width:48px;height:54px}.contact-page .cc-strip>a:last-child strong{font-size:14px}}@media(prefers-reduced-motion:reduce){.contact-page .cc-strip>a,.cc-strip .cc-icon,.cc-strip>a::before,.contact-page .cc-strip>a>svg.cc-arrow{transition:none}.contact-page .cc-strip>a:hover,.cc-strip>a:hover .cc-icon,.contact-page .cc-strip>a:hover>svg.cc-arrow{transform:none}.cc-strip>a::after{display:none}}
/* Keep full contact values readable on narrow cards instead of clipping. */
@media(min-width:761px) and (max-width:1050px){.contact-page .cc-strip>a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 13px;align-content:center;min-height:168px}.cc-strip .cc-copy{display:contents}.cc-strip .cc-icon{grid-column:1;grid-row:1;width:48px;height:50px}.contact-page .cc-strip small{grid-column:2;grid-row:1;padding-right:12px;align-self:center}.contact-page .cc-strip strong,.contact-page .cc-strip>a:nth-child(2) strong,.contact-page .cc-strip>a:last-child strong{grid-column:1/-1;font-size:19px;margin:1px 0;white-space:nowrap}.contact-page .cc-strip>a:last-child strong{font-size:14px}.contact-page .cc-strip em{grid-column:1/-1;font-size:11px}.contact-page .cc-strip>a>svg.cc-arrow{position:absolute;right:12px;top:33px;width:17px;height:17px}}@media(max-width:760px){.contact-page .cc-strip>a:last-child strong{font-size:14px}}@media(max-width:360px){.contact-page .cc-strip>a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 12px}.cc-strip .cc-copy{display:contents}.cc-strip .cc-icon{grid-column:1;grid-row:1}.contact-page .cc-strip small{grid-column:2;grid-row:1;align-self:center}.contact-page .cc-strip strong,.contact-page .cc-strip em{grid-column:1/-1}.contact-page .cc-strip>a>svg.cc-arrow{position:absolute;right:15px;top:33px}.contact-page .cc-strip>a:last-child strong{font-size:15px}}
/* Override the shared hero strip's email type size at the same specificity. */
.contact-page .ch-hero+.channel-strip.cc-strip>a:last-child strong{font-size:17px}@media(min-width:761px) and (max-width:1200px){.contact-page .ch-hero+.channel-strip.cc-strip>a:last-child strong{font-size:14px}}@media(max-width:760px){.contact-page .ch-hero+.channel-strip.cc-strip>a:last-child strong{font-size:14px}}@media(max-width:360px){.contact-page .ch-hero+.channel-strip.cc-strip>a:last-child strong{font-size:15px}}

/* Let the hero occupy its full area; channels follow in normal document flow. */
.contact-page .ch-hero+.channel-strip.cc-strip{margin-top:28px;margin-bottom:30px}
@media(max-width:760px){.contact-page .ch-hero+.channel-strip.cc-strip{margin-top:20px;margin-bottom:24px}}
/* White lettering on the green LINE speech mark. */
.contact-page .cc-strip .line-channel .cc-icon svg text{fill:#fff;stroke:none}