:root{--connect-nav:78px}body{background:#25202a;color:#f6ecdf}main{display:block}.connect-opening{position:relative;isolation:isolate;min-height:650px;height:calc(100svh - var(--connect-nav));overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:36px 6vw}
.meeting-scene{position:absolute;inset:0;z-index:-3;background:#332833;overflow:hidden}.meeting-scene img{width:100%;height:100%;object-fit:cover;object-position:center;animation:meeting-drift 24s ease-in-out infinite alternate}.connect-opening:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#201c2be8,#241c2c80 47%,#241d2a4d),linear-gradient(0deg,#201a28b3,transparent 75%)}
.connect-intro{max-width:540px}.connect-intro .eyebrow{font-size:9px;color:#c1a6bf;letter-spacing:.17em}.connect-intro h1{font-size:clamp(48px,5.6vw,88px);line-height:1.09;margin:22px 0 23px;color:#fff0dc}.connect-intro h1 em{display:block;color:#edbc9f;line-height:1.25;font-size:1.04em}.connect-intro>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#d2c3cd;max-width:360px}.connect-intro .direct-address{display:inline-flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.01em;margin-top:30px;color:#f0d8c8;padding:8px 0}.direct-address span{font-size:10px;color:#baa7b6}.direct-address:hover{color:#fff4e5}
.meeting-desk{min-width:0;position:relative;background:linear-gradient(145deg,#332a38e8,#31252fcf);border:1px solid #ead5c83b;border-radius:38px 9px 38px 9px;padding:25px 27px;box-shadow:0 20px 55px #120f1d35,inset 0 1px 0 #fff4df0c;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}
.desk-heading{font:italic 25px/1.4 Editorial,Georgia,serif;color:#efdfd1;margin:0 0 17px}.meeting-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:19px}.meeting-choices button{position:relative;text-align:left;min-height:48px;font-size:11px;line-height:1.5;background:#ffffff04;border:1px solid #d5bccc33;color:#c8bbc9;padding:10px 12px;border-radius:18px 4px 18px 4px;transition:background .25s,border-color .25s,color .25s,transform .25s}.meeting-choices button:hover{transform:translateY(-2px);color:#fff0df;border-color:#dabfa577;background:#ffffff0a}.meeting-choices button[aria-pressed=true]{color:#ffe4c9;background:#ac785530;border-color:#c89d7e99}.meeting-context{min-height:60px;margin:0 0 17px;font-size:12px;line-height:1.8;color:#c9b9c9;text-wrap:pretty}
.contact-fields{display:grid;gap:10px}.contact-fields label{font-size:10px;line-height:1.6;color:#ddcbd8;display:block}.contact-fields label small{color:#a99aa9;font-size:9px;font-weight:400;margin-left:4px}.contact-fields input,.contact-fields textarea{display:block;width:100%;border:1px solid #c7aab533;background:#18151c30;color:#f7e9dc;border-radius:11px 4px 11px 4px;padding:10px 12px;font:12px/1.7 Arial,sans-serif;margin-top:5px;resize:vertical;transition:border-color .25s,background .25s}.contact-fields input::placeholder,.contact-fields textarea::placeholder{color:#ac9cac}.contact-fields input:focus,.contact-fields textarea:focus{border-color:#d6aa89;background:#211a2860;outline:1px solid #d6aa8955;outline-offset:2px}.contact-fields textarea{min-height:88px;max-height:170px}
.desk-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.open-conversation{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:10px 18px;border:1px solid #f0c0a65c;border-radius:24px 5px 24px 5px;color:#fff0dd;background:#a63350;font-size:12px;transition:background .25s,transform .25s}.open-conversation:hover{background:#bd3d5e;transform:translateY(-2px)}.copy-address{border:0;border-bottom:1px solid #c3a8b633;background:none;padding:8px 0;color:#b9a9bb;font-size:10px;min-height:40px}.copy-address:hover{color:#f1dbc8}.mail-note{margin:11px 0 0;font-size:9px;line-height:1.7;color:#b3a3b4}.copy-status{font-size:10px;line-height:1.6;color:#e6c0a9;min-height:16px;margin-top:5px}.scene-note{position:absolute;bottom:13px;left:6vw;font-size:7px;font-style:italic;color:#d3bdc5;opacity:.45}
.deep-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;gap:20px;border-top:1px solid #dbc0ad38;background:linear-gradient(110deg,#25212aee,#352735ed);color:#b6a8b4}.deep-footer img{width:125px;height:auto}.deep-footer small{font-size:9px}.connect-intro>*{animation:meeting-arrive .9s both}.connect-intro h1{animation-delay:.12s}.connect-intro>p:last-of-type{animation-delay:.2s}.meeting-desk{animation:meeting-arrive .95s .2s both}
@keyframes meeting-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes meeting-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(min-width:901px) and (max-height:750px){.connect-opening{min-height:565px;padding-top:25px;padding-bottom:25px;gap:5vw}.meeting-desk{padding:20px 23px}.desk-heading{font-size:23px;margin-bottom:13px}.meeting-choices{margin-bottom:13px}.meeting-choices button{min-height:42px;padding:8px 10px;font-size:10px}.meeting-context{min-height:52px;margin-bottom:12px;font-size:11px}.contact-fields{gap:8px}.contact-fields input{padding:7px 10px}.contact-fields textarea{min-height:70px;padding:8px 10px}.desk-actions{margin-top:13px}.mail-note{margin-top:8px}.copy-status{min-height:0}.copy-status:empty{display:none}}
@media(max-width:900px){.connect-opening{height:auto;min-height:calc(100svh - var(--connect-nav));grid-template-columns:1fr;gap:30px;padding:38px 7vw 35px}.connect-intro{max-width:600px}.connect-intro h1{font-size:clamp(49px,8vw,75px);margin:17px 0}.connect-intro h1 em{display:inline}.connect-intro .direct-address{margin-top:17px}.meeting-desk{max-width:650px;width:100%;justify-self:center}.connect-opening:before{background:linear-gradient(180deg,#211b2be8,#211b2b88 65%,#241e2bd9)}.meeting-scene img{object-position:65% center}.scene-note{left:7vw;bottom:9px}}
@media(max-width:480px){.connect-opening{padding:29px 6vw 28px;gap:25px}.connect-intro h1{font-size:clamp(47px,12.3vw,60px)}.connect-intro h1 em{display:block}.connect-intro>p:not(.eyebrow){font-size:12px}.connect-intro .direct-address{font-size:12px;margin-top:15px}.meeting-desk{padding:20px 17px;border-radius:29px 7px 29px 7px}.desk-heading{font-size:24px}.meeting-choices button{font-size:10px;padding:10px;min-height:50px}.meeting-context{font-size:11px;min-height:80px}.desk-actions{gap:10px}.open-conversation{font-size:11px;padding:10px 12px;gap:14px}.copy-address{font-size:9px}.mail-note{font-size:8px}.deep-footer img{width:110px}.deep-footer small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.meeting-scene img,.connect-intro>*,.meeting-desk{animation:none}*{scroll-behavior:auto!important}}
@media(min-width:901px) and (max-height:650px){.connect-opening{min-height:0;height:calc(100svh - var(--connect-nav));padding-top:10px;padding-bottom:10px}.copy-status{position:absolute;right:23px;bottom:7px;font-size:8px}}
@media(min-width:901px) and (max-height:650px){.meeting-desk{padding:16px 23px}.desk-heading{font-size:21px;margin-bottom:10px}.meeting-context{min-height:44px;margin-bottom:10px}.contact-fields textarea{min-height:64px;height:64px}.contact-fields input{padding-top:6px;padding-bottom:6px}.meeting-choices{margin-bottom:10px}.contact-fields{gap:6px}}
/* Let the scene be seen first; the conversation opens only on request. */
.connect-opening{grid-template-columns:1fr 1fr}.connect-intro .direct-address{display:flex;width:max-content;margin-top:24px;font-size:12px;color:#d4c4cb}.meeting-launch{display:inline-flex;align-items:center;gap:25px;min-height:46px;padding:10px 18px;border:1px solid #e8cbb447;background:#ead8cb0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px 5px 24px 5px;color:#e8d6c8;font-size:12px;margin-top:18px;transition:background .25s,transform .25s,border-color .25s}.meeting-launch:hover{background:#ead8cb20;border-color:#e8cbb489;transform:translateY(-2px)}
.connect-opening:before{background:linear-gradient(90deg,#201c2bd9,#241c2c65 32%,transparent 65%),linear-gradient(0deg,#201a2840,transparent 40%)}
#meeting-dialog{width:min(590px,calc(100% - 32px));max-width:none;max-height:calc(100svh - 36px);padding:0;border:0;border-radius:38px 9px 38px 9px;background:transparent;color:#f6ecdf;overflow:auto;margin:auto;box-shadow:0 25px 90px #100c1a66}
#meeting-dialog::backdrop{background:#17131e8a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#meeting-dialog .meeting-desk{width:100%;max-width:none;animation:none;margin:0;box-shadow:none;background:linear-gradient(145deg,#332a38f5,#31252ff5)}
.close-meeting{position:absolute;right:15px;top:14px;width:36px;height:36px;border:1px solid #d5bccc33;border-radius:50%;background:#ffffff04;color:#c8bbc9;font:24px/1 Arial;display:grid;place-items:center}.close-meeting:hover{color:#fff0df;background:#ffffff0c}.desk-heading{padding-right:35px}
@media(max-width:900px){.connect-opening{grid-template-columns:1fr;min-height:calc(100svh - var(--connect-nav));height:calc(100svh - var(--connect-nav));padding-bottom:45px;align-items:center}.connect-opening:before{background:linear-gradient(90deg,#211b2bdf,#211b2b66 60%,#241e2b12)}.meeting-scene img{object-position:61% center}.connect-intro{max-width:500px}.meeting-launch{font-size:11px}.connect-intro .direct-address{margin-top:19px}#meeting-dialog{border-radius:29px 7px 29px 7px}#meeting-dialog .meeting-desk{border-radius:inherit}.close-meeting{right:12px;top:12px}}
@media(max-width:480px){.connect-opening{min-height:560px;height:calc(100svh - var(--connect-nav))}.meeting-scene img{object-position:57% center}.meeting-launch{font-size:11px;gap:18px}.connect-intro .direct-address{font-size:11px}.connect-intro h1{font-size:clamp(47px,12.3vw,60px)}.desk-heading{font-size:22px}}
.meeting-launch{gap:22px;margin-top:16px;padding-right:16px}.touch-point{position:relative;display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border:1px solid #e4bea15c;border-radius:50%;background:#e5c3a908}.touch-point i{display:block;width:5px;height:5px;background:#e5bea2;border-radius:50%;box-shadow:0 0 9px #e5bea24d}.touch-point:after{content:'';position:absolute;inset:4px;border:1px solid #e4bea16b;border-radius:50%;animation:touch-ripple 3s ease-out infinite}.meeting-launch:hover .touch-point{border-color:#efd5b9;background:#e5c3a915}.meeting-launch:hover .touch-point i{background:#ffe6c9;box-shadow:0 0 11px #e5bea27d}
@keyframes touch-ripple{0%{transform:scale(.5);opacity:0}20%{opacity:.65}75%,100%{transform:scale(1.65);opacity:0}}
@media(prefers-reduced-motion:reduce){.touch-point:after{animation:none;opacity:.5}}
.mail-note{font-size:9px;font-style:italic}@media(max-width:480px){.mail-note{font-size:8px}}