/* Mustadill — the people. Scoped to the contact screen. */
.contact-page{padding-top:30px;padding-bottom:28px;max-width:1040px}
.contact-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.contact-kicker{font-size:.68rem;letter-spacing:.06em;font-weight:500;color:#436c78}
.contact-edition{font-size:.58rem;letter-spacing:.18em;color:var(--muted)}
.contact-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:340px;padding:44px 40px;border-radius:26px;background:#122e43;color:#fff}
.contact-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 15%,#52b9ac24,transparent 56%),linear-gradient(125deg,transparent 55%,#638ba515);pointer-events:none}
.contact-hero:after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#d4ede31c .7px,transparent .7px);background-size:20px 20px;mask-image:linear-gradient(to left,transparent,#000)}
.contact-overline{font-size:.75rem;color:#b5d6d7;display:block;margin-bottom:12px}
.contact-hero h1{font-size:clamp(2.2rem,4.2vw,3.55rem);line-height:1.42;font-weight:400;letter-spacing:-.025em;margin:0 0 15px}
.contact-hero h1 em{font-style:normal;color:#9cddd0}
.contact-hero p{font-size:.85rem;line-height:1.95;color:#c2d2dc;margin-bottom:24px}
.contact-hero-link{color:#fff;text-decoration:none;font-size:.78rem;display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid #ffffff50;padding-bottom:6px}
.contact-orbit{position:relative;width:280px;height:280px;margin:auto;direction:ltr;max-width:100%}
.contact-orbit-ring{position:absolute;border:1px solid #abd6db30;border-radius:50%;inset:23px;transform:rotate(-25deg)}
.contact-orbit-ring:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#b1e1d6;left:14%;top:12%;box-shadow:0 0 20px #b1e1d6}
.contact-orbit-ring.ring-two{inset:52px;border-style:dashed;border-color:#abd6db24}
.contact-orbit-core{position:absolute;inset:86px;background:#f3f9f4;border:5px solid #ffffff15;box-shadow:0 0 0 14px #9ed2c607,0 0 60px #72d4c018;border-radius:28px;display:grid;place-items:center;transform:rotate(-7deg)}
.contact-orbit-core img{width:72%;height:72%;object-fit:contain;transform:rotate(7deg)}
.contact-satellite{position:absolute;width:53px;height:53px;border-radius:17px;background:#1b3e51;border:1px solid #9ac8cd60;display:grid;place-items:center;color:#fff;font-family:Arial,sans-serif;font-size:1rem;letter-spacing:.05em;box-shadow:0 12px 25px #0002;animation:contact-float 6s ease-in-out infinite}
.satellite-0{left:22px;top:33px;animation-delay:-1s}.satellite-1{right:15px;top:63px;animation-delay:-3s}.satellite-2{left:34px;bottom:30px;animation-delay:-2s}.satellite-3{right:20px;bottom:41px;animation-delay:-4s}
.contact-orbit-caption{position:absolute;bottom:-15px;width:100%;text-align:center;font:8px Arial,sans-serif;letter-spacing:3px;color:#b0c4cb}
.contact-email{display:flex;align-items:center;gap:20px;padding:28px;margin:22px 0 44px;border:1px solid var(--line);border-radius:22px;background:var(--white,#fff)}
.contact-email-icon{width:60px;height:60px;flex-shrink:0;border-radius:18px;background:#edf4f1;color:#275a5b;display:grid;place-items:center;transform:rotate(-6deg)}
.contact-email-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.35;transform:rotate(6deg)}
.contact-email-copy{flex:1;min-width:0}.contact-email h2{font-size:1.15rem;font-weight:400;line-height:1.6;margin:3px 0 1px}
.contact-email-address{font:500 .91rem/1.8 Arial,sans-serif;text-decoration:none;color:var(--ink);display:inline-block;overflow-wrap:anywhere;max-width:100%}
.contact-email-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px;position:relative;flex-shrink:0}
.contact-compose{display:flex;align-items:center;justify-content:center;gap:15px;background:#163e54;border:1px solid #163e54;border-radius:11px;padding:10px 17px;font-size:.75rem;color:white;text-decoration:none;transition:background .2s,transform .2s}
.contact-compose svg,.contact-linkedin>svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4}
.contact-compose:hover{background:#22566b;transform:translateY(-2px)}
.contact-copy{background:transparent;font-size:.7rem;padding:4px 12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:12px}
.contact-copy-status{font-size:.65rem;color:var(--teal);position:absolute;top:100%;inset-inline-end:0;white-space:nowrap}
.contact-team{scroll-margin-top:20px}.contact-team-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}
.contact-team-heading h2{font-size:1.65rem;font-weight:400;margin:5px 0 0;line-height:1.6}
.contact-team-heading p{font-size:.76rem;color:var(--muted);max-width:230px;margin-bottom:5px}
.contact-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.contact-member{min-width:0;position:relative;overflow:hidden;background:var(--white,#fff);border:1px solid var(--line);border-radius:18px;padding:18px 16px 0;transition:transform .25s,box-shadow .25s,border-color .25s}
.contact-member:before{content:'';height:3px;position:absolute;inset:0 20px auto;background:var(--member-accent);border-radius:0 0 4px 4px;opacity:.65}
.contact-member:hover,.contact-member:focus-within{transform:translateY(-6px);border-color:var(--member-accent);box-shadow:0 16px 32px #18394d10}
.contact-member-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}
.contact-member-number{font:9px Arial,sans-serif;letter-spacing:1px}.contact-member-star{font-size:20px;color:var(--member-accent);line-height:1}
.contact-monogram{font:400 31px/1 Arial,sans-serif;letter-spacing:-2px;position:relative;isolation:isolate;width:81px;height:81px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--member-accent) 25%,transparent);border-radius:50%;color:var(--member-accent);margin:25px auto 23px;background:color-mix(in srgb,var(--member-accent) 6%,transparent)}
.contact-monogram:before{content:'';position:absolute;inset:-6px;border:1px dashed color-mix(in srgb,var(--member-accent) 22%,transparent);border-radius:50%;transition:transform .5s}
.contact-monogram span{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border:3px solid var(--white,#fff);border-radius:50%;background:var(--member-accent)}
.contact-member:hover .contact-monogram:before{transform:rotate(45deg)}
.contact-member-name{text-align:center;min-height:70px}.contact-member-label{font:8px Arial,sans-serif;letter-spacing:1.5px;color:var(--muted)}
.contact-member-name h3{font:500 14px/1.6 Arial,sans-serif;letter-spacing:-.3px;margin:7px -5px 18px;white-space:nowrap;color:var(--ink)}
.contact-linkedin{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;color:var(--ink);text-decoration:none;font:500 12px Arial,sans-serif;direction:ltr}
.contact-linkedin span{display:flex;align-items:center;gap:8px}.contact-linkedin span svg{width:15px;height:15px;color:#0a66c2}.contact-linkedin:hover{color:#0a66c2}
.contact-qr{border-top:1px solid var(--line);margin:0 -16px;background:color-mix(in srgb,var(--member-accent) 3%,var(--white,#fff))}
.contact-qr summary{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:.66rem;cursor:pointer;list-style:none}
.contact-qr summary::-webkit-details-marker{display:none}.contact-qr summary>svg{height:16px;width:16px;stroke:currentColor;fill:none;stroke-width:1.35}.contact-qr-plus{margin-inline-start:auto;font:18px Arial,sans-serif;transition:transform .2s}.contact-qr[open] .contact-qr-plus{transform:rotate(45deg)}
.contact-qr-content{text-align:center;padding:0 12px 18px}.contact-qr-content img{display:block;margin:auto;width:100%;max-width:176px;height:auto;background:#fff;border-radius:8px}.contact-qr-content p{font-size:.61rem;line-height:1.8;margin:8px 0 3px;color:var(--muted)}.contact-qr-content a{font-size:.66rem;color:var(--ink);text-underline-offset:3px}
.contact-signoff{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding-top:37px;color:var(--muted)}.contact-signoff>span:first-child{font-size:26px;color:#468a87}.contact-signoff p{font-size:.76rem;margin:0}.contact-signoff>span:last-child{font:8px Arial,sans-serif;letter-spacing:4px}
[data-theme="dark"] .contact-kicker{color:#9dcac6}[data-theme="dark"] .contact-email-icon{background:#254550;color:#afe5d7}[data-theme="dark"] .contact-compose{background:#30667a;border-color:#5a8c9c}[data-theme="dark"] .contact-linkedin span svg{color:#7eb9f1}
@keyframes contact-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@media(min-width:761px){.contact-team-grid:has(.contact-qr[open]){align-items:start}}
@media(max-width:760px){.contact-hero{padding:30px;grid-template-columns:1.1fr 1fr;min-height:300px}.contact-orbit{width:230px;height:230px}.contact-orbit-core{inset:72px;border-radius:23px}.contact-satellite{width:43px;height:43px;font-size:.8rem;border-radius:13px}.contact-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.contact-member-name h3{font-size:16px}.contact-email{padding:22px;gap:15px}.contact-email-icon{display:none}.contact-email h2{font-size:1.05rem}.contact-team-heading{align-items:start}.contact-team-heading h2{font-size:1.4rem}}
@media(max-width:500px){.contact-page{padding:20px 18px 26px}.contact-edition{font-size:.46rem;letter-spacing:.1em}.contact-hero{padding:27px 25px 28px;grid-template-columns:1fr;gap:12px}.contact-hero h1{font-size:2.5rem}.contact-hero p{font-size:.79rem;margin-bottom:16px}.contact-orbit{height:210px;width:250px;margin:4px auto 16px}.contact-orbit-core{inset:60px 80px}.contact-orbit-ring{inset:2px 22px}.contact-orbit-ring.ring-two{inset:30px 48px}.satellite-0{top:8px;left:30px}.satellite-1{top:27px;right:22px}.satellite-2{bottom:23px;left:33px}.satellite-3{bottom:23px;right:22px}.contact-orbit-caption{bottom:-6px;font-size:7px;letter-spacing:2px}.contact-email{flex-direction:column;align-items:stretch;padding:23px;gap:17px;margin-bottom:30px}.contact-email h2{font-size:1.2rem}.contact-email-address{font-size:.94rem}.contact-email-actions{flex-direction:row;align-items:center;gap:9px}.contact-compose{flex:1;padding:10px;font-size:.69rem;gap:9px}.contact-copy{font-size:.65rem;padding:8px 0}.contact-team-heading{display:block;margin-bottom:17px}.contact-team-heading p{max-width:none;margin-top:8px;font-size:.72rem}.contact-team-grid{gap:11px}.contact-member{padding:16px 12px 0;border-radius:15px}.contact-member-name h3{font-size:13px;white-space:normal;margin-bottom:13px}.contact-member-name{min-height:76px}.contact-monogram{width:70px;height:70px;font-size:28px;margin:22px auto}.contact-member-label{font-size:7px;letter-spacing:1px}.contact-linkedin{font-size:11px}.contact-qr{margin:0 -12px}.contact-qr summary{padding:12px;font-size:.6rem;gap:5px}.contact-signoff p{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){.contact-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-theme="dark"] .contact-monogram,[data-theme="dark"] .contact-member-star{color:color-mix(in srgb,var(--member-accent) 60%,#fff)}
[data-theme="dark"] .contact-compose{color:#fff}