/* Contact follows the ONMATE Journal palette and editorial spacing. */
:root:root:root:root:root:root:root body.contact-page{
 --ct-bg:#081d2c;--ct-panel:#102b3e;--ct-raised:#16364a;--ct-text:#eff7fc;--ct-muted:#a6bfcd;--ct-faint:#7896a9;--ct-line:#b1ddf526;--ct-accent:#8ae5ed;--ct-button-ink:#0b3542;--ct-shadow:#00101f80;
 & #main{color:var(--ct-text);background:var(--ct-bg)}
 & .ct-page{position:relative;padding:119px 0 75px;background:radial-gradient(ellipse at 90% 8%,#34778917,transparent 52%)}
 & .ct-wrap{width:min(1240px,calc(100% - 80px));margin:0 auto}
 & .ct-masthead{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--ct-line);margin-bottom:34px}
 & .ct-masthead .crumbs{margin:0;font-size:11px;gap:10px}
 & .ct-masthead .crumbs *{color:var(--ct-muted)}
 & .ct-masthead>span{font-size:9px;letter-spacing:.15em;color:var(--ct-faint)}
 & .ct-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:39px}
 & .ct-eyebrow{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.18em;font-weight:600;color:var(--ct-accent);margin:0 0 17px}
 & .ct-eyebrow>i{width:20px;height:1px;background:currentColor}
 & .ct-intro h1{font-size:clamp(45px,4.6vw,66px);line-height:1.08;font-weight:550;letter-spacing:-.048em;color:var(--ct-text);margin:0}
 & .ct-intro h1 em{font-style:normal;color:var(--ct-accent)}
 & .ct-intro-note{max-width:330px;padding-bottom:5px}
 & .ct-intro-note p{font-size:13px;line-height:1.85;color:var(--ct-muted);margin:0 0 17px}
 & .ct-intro-note>a{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--ct-line);font-size:12px;font-weight:550;color:var(--ct-text);text-decoration:none}
 & .ct-intro-note>a>span{font-size:22px;color:var(--ct-accent)}
 & .ct-workspace{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:36px;align-items:start}
 & .ct-connect{border:1px solid var(--ct-line);border-radius:18px;overflow:hidden;background:var(--ct-panel)}
 & .ct-connect-body{padding:0 28px 25px}
 & .ct-art{position:relative;height:286px;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--ct-line);background:radial-gradient(ellipse at 77% 35%,#76b5c933,transparent 64%),linear-gradient(135deg,#0b1c31,#14374a)}
 & .ct-art:before{content:'';position:absolute;inset:0;background:radial-gradient(#c1ebff55 .65px,transparent .85px);background-size:43px 47px;opacity:.5}
 & .ct-art-orbit{position:absolute;left:2%;top:27%;width:100%;height:62%;border:1px solid #c2ecf72c;transform:rotate(-24deg);border-radius:50%}
 & .ct-art-orbit.is-second{inset:8% -5%;width:110%;height:84%;border-style:dashed;opacity:.6}
 & .ct-message{position:absolute;width:68%;left:15%;top:33px;border:1px solid #d8f9ffad;border-radius:12px;background:linear-gradient(145deg,#f7fdff,#cce5ed);transform:perspective(700px) rotateY(-15deg) rotateX(9deg) rotateZ(-7deg);box-shadow:2px 4px 0 #8aa9b8,4px 8px 0 #4a6a7c,10px 20px 25px #00142266;padding:0 20px 21px;overflow:hidden}
 & .ct-message-bar{display:flex;align-items:center;gap:4px;padding:10px 0 9px;border-bottom:1px solid #214a5f1a;margin-bottom:14px}
 & .ct-message-bar>i{height:4px;width:4px;border-radius:50%;background:#97b6c2}
 & .ct-message-bar>span{margin-left:auto;color:#5c8597;font-size:6px;letter-spacing:.12em}
 & .ct-message-icon{width:29px;height:29px;display:grid;place-items:center;color:#287b8b;background:#c6e8eb;border:1px solid #5bb9c455;border-radius:8px;margin-bottom:12px}
 & .ct-message-icon svg{width:17px;height:17px}
 & .ct-message>strong{display:block;font-size:23px;line-height:1.14;font-weight:550;letter-spacing:-.035em;color:#214b5c;margin-bottom:17px}
 & .ct-message-line{display:block;height:4px;width:78%;background:#96bac64d;border-radius:3px}
 & .ct-message-line.is-short{width:48%;margin-top:6px}
 & .ct-art-sphere{position:absolute;left:7%;bottom:19%;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#edfcfa,#9cd9d2 24%,#3e8e9c 50%,#17394e 80%);box-shadow:7px 13px 20px #00111f88}
 & .ct-reply{position:absolute;right:6%;bottom:18px;width:52%;display:flex;align-items:center;gap:11px;padding:15px;background:linear-gradient(140deg,#163c51,#0f293c);border:1px solid #9de4ea73;border-radius:10px;transform:rotate(5deg);box-shadow:1px 4px 0 #294d60,4px 10px 20px #00112277;color:#def6fb}
 & .ct-reply>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #98e8e966;border-radius:9px;color:#a3eef0;background:#559da31c}
 & .ct-reply svg{width:18px;height:18px}
 & .ct-reply small{display:block;font-size:6px;letter-spacing:.1em;color:#8eb6c8;margin-bottom:6px}
 & .ct-reply b{display:block;font-size:10px;font-weight:550;line-height:1.4;color:#dff3fa}
 & .ct-art-caption{position:absolute;left:24px;bottom:15px;color:#94b8cb;font-size:6px;letter-spacing:.12em}
 & .ct-phone{display:block;position:relative;padding:25px 0;border-bottom:1px solid var(--ct-line);text-decoration:none}
 & .ct-phone>span,& .ct-office>span{display:block;font-size:8px;letter-spacing:.14em;color:var(--ct-faint);margin-bottom:12px}
 & .ct-phone strong{font-size:35px;letter-spacing:-.035em;font-weight:500;line-height:1;color:var(--ct-text)}
 & .ct-phone>i{position:absolute;right:2px;bottom:23px;font-size:26px;font-style:normal;font-weight:400;color:var(--ct-accent)}
 & .ct-phone:hover strong{color:var(--ct-accent)}
 & .ct-office{padding:23px 0;border-bottom:1px solid var(--ct-line)}
 & .ct-office p{font-size:13px;line-height:1.8;margin:0 0 13px;max-width:325px;color:var(--ct-muted)}
 & .ct-office a{display:inline-flex;align-items:center;gap:18px;font-size:11px;color:var(--ct-accent);text-decoration:none}
 & .ct-small-note{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;color:var(--ct-muted);font-size:11px;line-height:1.8}
 & .ct-small-note svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--ct-accent)}
 & .ct-small-note b{font-weight:500;color:var(--ct-text)}
 & .ct-form{border:1px solid var(--ct-line);border-radius:18px;background:var(--ct-panel);box-shadow:0 28px 50px -30px var(--ct-shadow);scroll-margin-top:96px;min-width:0}
 & .ct-form-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:27px 28px 24px;border-bottom:1px solid var(--ct-line)}
 & .ct-form-head .ct-eyebrow{font-size:8px;margin-bottom:12px}
 & .ct-form-head h2{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.035em;color:var(--ct-text);margin:0}
 & .ct-form-head p:last-child{font-size:11px;line-height:1.85;margin:12px 0 0;color:var(--ct-muted);max-width:420px}
 & .ct-form-symbol{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--ct-line);border-radius:11px;background:var(--ct-raised);color:var(--ct-accent)}
 & .ct-form-symbol svg{width:20px;height:20px;transform:rotate(45deg)}
 & .ct-channels{padding-top:63px;margin-top:59px;border-top:1px solid var(--ct-line)}
 & .ct-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:27px}
 & .ct-section-head h2{font-size:33px;font-weight:500;line-height:1.2;letter-spacing:-.035em;color:var(--ct-text);margin:0}
 & .ct-section-head h2 em{color:var(--ct-accent);font-style:normal}
 & .ct-section-head>p{max-width:300px;font-size:12px;line-height:1.8;margin:0;color:var(--ct-muted)}
 & .ct-channels .lf-ch{gap:18px;margin:0}
 & .ct-channels .lf-ch-card{border-radius:13px;padding:23px 21px;border:1px solid var(--ct-line);background:var(--ct-panel)!important;box-shadow:0 3px 0 #00101d17;color:var(--ct-text);gap:15px;min-height:115px}
 & .ct-channels .lf-ch-ico{height:48px;width:48px;border:0;border-radius:12px;background:transparent;box-shadow:none}
 & .ct-channels .lf-ch-ico img{display:block;width:100%;height:100%;object-fit:contain}
 & .ct-channels .lf-ch-txt small{font-size:9px;letter-spacing:.1em;color:var(--ct-faint)}
 & .ct-channels .lf-ch-txt b{font-size:16px;font-weight:500;color:var(--ct-text);margin:5px 0}
 & .ct-channels .lf-ch-txt em{font-size:10px;color:var(--ct-muted)}
 & .ct-channels .lf-ch-go{font-size:22px;color:var(--ct-accent)}
 & .ct-channels .lf-ch-card.is-off{opacity:1}
 & .ct-channels .lf-ch-card.is-off .lf-ch-txt em{color:var(--ct-faint)}
 & [hidden]{display:none!important}
 & :is(.ct-phone,.ct-office a,.ct-intro-note>a,.lf-ch-card):focus-visible{outline:2px solid var(--ct-accent);outline-offset:4px}
}
:root:root:root:root:root:root:root[data-theme=ice] body.contact-page{--ct-bg:#f1f6f8;--ct-panel:#fff;--ct-raised:#e7f1f5;--ct-text:#163344;--ct-muted:#536f80;--ct-faint:#617d8e;--ct-line:#2d526825;--ct-accent:#087b8e;--ct-button-ink:#f3fcff;--ct-shadow:#29465a33}
:root:root:root:root:root:root:root[data-theme=aurora] body.contact-page{--ct-bg:#121028;--ct-panel:#211d39;--ct-raised:#302b4b;--ct-text:#f3f0fc;--ct-muted:#bdb4d1;--ct-faint:#a095b8;--ct-line:#cdbdf52b;--ct-accent:#b7d8fa;--ct-shadow:#09041888}
:root:root:root:root:root:root:root[data-theme=ocean] body.contact-page{--ct-bg:#07283c;--ct-panel:#10394f;--ct-raised:#19485e;--ct-text:#f0faff;--ct-muted:#aecbd9;--ct-faint:#85afc4;--ct-line:#b1e6fa2b;--ct-accent:#8ee8ef;--ct-shadow:#00121e77}
@media(max-width:1100px){:root:root:root:root:root:root:root body.contact-page{& .ct-wrap{width:calc(100% - 48px)}& .ct-intro{gap:30px}& .ct-intro h1{font-size:52px}& .ct-intro-note{max-width:280px}& .ct-workspace{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}& .ct-form-head{padding:24px}& .ct-connect-body{padding:0 22px 23px}& .ct-art{height:275px}& .ct-message{width:75%;left:11%;padding:0 17px 19px}& .ct-message>strong{font-size:21px}& .ct-reply{width:65%;right:5%;padding:12px;gap:8px}& .ct-phone strong{font-size:31px}& .ct-channels .lf-ch{gap:13px}& .ct-channels .lf-ch-card{padding:20px 16px;gap:12px}& .ct-channels .lf-ch-txt b{font-size:14px}}}
@media(max-width:820px){:root:root:root:root:root:root:root body.contact-page{& .ct-intro{align-items:flex-start}& .ct-intro h1{font-size:45px}& .ct-intro-note{max-width:245px}& .ct-intro-note p{font-size:12px}& .ct-workspace{grid-template-columns:minmax(0,1fr);gap:26px}& .ct-form{grid-row:1}& .ct-connect{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}& .ct-art{height:100%;min-height:310px;border-bottom:0;border-right:1px solid var(--ct-line)}& .ct-message{top:45px}& .ct-reply{bottom:24px}& .ct-connect-body{padding:0 23px 23px}& .ct-small-note{font-size:10px}& .ct-office p{font-size:12px}& .ct-channels{padding-top:39px;margin-top:42px}& .ct-channels .lf-ch{grid-template-columns:1fr}& .ct-channels .lf-ch-card{padding:20px 23px;min-height:100px}& .ct-channels .lf-ch-ico{width:42px;height:42px}& .ct-channels .lf-ch-txt b{font-size:17px}& .ct-channels .lf-ch-txt em{font-size:11px}& .ct-section-head h2{font-size:29px}& .ct-section-head>p{max-width:250px}}}
@media(max-width:540px){:root:root:root:root:root:root:root body.contact-page{& .ct-page{padding:105px 0 45px}& .ct-wrap{width:calc(100% - 36px)}& .ct-masthead{padding-bottom:17px;margin-bottom:25px}& .ct-masthead .crumbs{font-size:10px}& .ct-masthead>span{font-size:7px;letter-spacing:.08em}& .ct-eyebrow{font-size:8px;margin-bottom:15px}& .ct-intro{display:block;margin-bottom:26px}& .ct-intro h1{font-size:42px;line-height:1.1}& .ct-intro-note{max-width:none;margin-top:21px}& .ct-intro-note p{font-size:12px;line-height:1.85;margin-bottom:14px}& .ct-intro-note>a{font-size:11px}& .ct-form{border-radius:15px;scroll-margin-top:84px}& .ct-form-head{padding:22px 20px;gap:15px}& .ct-form-head h2{font-size:28px}& .ct-form-head p:last-child{font-size:11px}& .ct-form-symbol{width:32px;height:32px;border-radius:9px}& .ct-form-symbol svg{width:18px;height:18px}& .ct-connect{display:block;border-radius:15px}& .ct-art{height:275px;min-height:0;border-right:0;border-bottom:1px solid var(--ct-line)}& .ct-message{width:69%;left:15%;top:27px}& .ct-message>strong{font-size:21px}& .ct-reply{width:57%;right:6%;bottom:18px}& .ct-art-caption{left:20px;bottom:12px;font-size:5px}& .ct-connect-body{padding:0 23px 23px}& .ct-phone strong{font-size:34px}& .ct-office p{font-size:13px}& .ct-small-note{font-size:11px}& .ct-section-head{display:block;margin-bottom:22px}& .ct-section-head h2{font-size:30px}& .ct-section-head>p{font-size:12px;max-width:none;margin-top:17px}& .ct-section-head>p br{display:none}& .ct-channels .lf-ch-card{border-radius:12px;padding:19px;gap:15px}& .ct-channels .lf-ch-txt b{font-size:16px}}}
@media(max-width:360px){:root:root:root:root:root:root:root body.contact-page{& .ct-intro h1{font-size:37px}& .ct-form-head{padding:20px 17px}& .ct-form-head h2{font-size:25px}& .ct-form-symbol{display:none}& .ct-art{height:285px}& .ct-message>strong{font-size:19px}& .ct-reply{width:65%}& .ct-phone strong{font-size:30px}}}
@media(prefers-reduced-motion:reduce){:root:root:root:root:root:root:root body.contact-page{& .lf-go:hover{transform:none}& .lf-ch-card{transition:none}}}
