/* A personal, moving contact page designed for people arriving from a QR scan. */
.site-card{--card-blue:#2852e5;margin:0;background:#fff;color:#111;font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}.site-card *{box-sizing:border-box}.site-card a{color:inherit}.card-experience{max-width:1180px;margin:auto;padding:0 40px 32px}.card-topbar{height:95px;display:flex;justify-content:space-between;align-items:center;gap:25px}.card-home{display:block;background:#fff;padding:10px 14px;border-radius:1px}.card-brand-img{display:block;width:250px;height:auto}.card-back{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:14px;color:#333!important;text-decoration:none}.card-back span{font-size:24px;color:#111}.contact-hero{position:relative;isolation:isolate;height:565px;overflow:hidden;border:1px solid #171717;border-radius:3px;background:#111;box-shadow:0 18px 38px -30px #0005}.contact-film{position:absolute;inset:0 0 0 44%;z-index:-3;background:#222}.contact-film video{height:100%;width:100%;display:block;object-fit:cover;object-position:center 65%;filter:saturate(.62)}.contact-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101012 22%,#101012f0 36%,#10101220 69%,#10101220),linear-gradient(0deg,#08080bc9,transparent 60%)}.contact-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;box-shadow:0 1px 0 #ffffff20 inset}.contact-greeting{position:absolute;left:40px;top:30px;display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.6;color:#eee}.contact-dot{width:6px;height:6px;border-radius:50%;background:#2852e5}.card-motion{position:absolute;right:23px;top:21px;z-index:3;padding:10px 13px;min-height:42px;background:#1119;color:white;border:1px solid #ffffff40;border-radius:25px;font:400 12px 'DM Sans',sans-serif;cursor:pointer;backdrop-filter:blur(14px)}.contact-identity{position:absolute;left:40px;bottom:37px}.contact-avatar{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #ffffffb3;margin-bottom:17px}.contact-role{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#eee;margin:0 0 14px}.contact-identity h1{font:500 clamp(72px,7.4vw,104px)/.9 'DM Sans',Arial,sans-serif!important;letter-spacing:-.075em;margin:0;color:white}.contact-identity h1>span{color:#2852e5}.contact-location{font-size:13px;line-height:1.8;color:#c7c7ca;margin:22px 0 0}.contact-proof{position:absolute;bottom:35px;right:28px;display:flex;flex-direction:column;gap:8px;text-decoration:none;text-align:right;padding:12px;background:#10101255;backdrop-filter:blur(12px);border-radius:4px}.contact-proof>span:first-child{color:#fff;font-size:14px;letter-spacing:3px}.contact-proof>span:last-child{font-size:12px;color:#eee}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 65px}.save-contact{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:18px 24px;background:#111;color:#fff!important;text-decoration:none;min-height:62px;border-radius:2px;font-size:17px;transition:background .3s,translate .3s}.save-contact>span:last-child{font-size:28px;line-height:1}.save-contact:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff26 45%,transparent 70%);transform:translateX(-120%);animation:contact-shine 1.8s .9s ease-out 1}.save-contact:hover{background:#282828;translate:0 -2px}.direct-contact{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d4d4d4;border-radius:2px;overflow:hidden}.direct-contact>a{display:flex;justify-content:center;align-items:center;gap:12px;min-height:62px;border-right:1px solid #d4d4d4;font-size:15px;text-decoration:none;background:#fff;transition:background .25s}.direct-contact>a:last-child{border:0}.direct-contact>a:hover{background:#f7f7f7}.direct-contact span{color:#111;font-size:15px}.card-next-head{margin:0 0 28px}.card-next-head p{font-size:12px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:#555;margin:0 0 13px}.card-next-head h2{font:400 clamp(34px,4vw,48px)/1.15 'Bodoni Moda',Georgia,serif;letter-spacing:-.035em;margin:0;color:#111}.card-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card-path{position:relative;display:flex;align-items:end;isolation:isolate;min-height:285px;padding:24px 22px;overflow:hidden;border-radius:3px;border:1px solid #171717;text-decoration:none;background:#171719;color:#fff!important}.card-path img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:-2;transition:transform .8s}.card-path:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000e 0%,#0009 25%,transparent 80%)}.card-path>span{display:grid;gap:10px;max-width:calc(100% - 18px)}.card-path strong{font-size:24px;line-height:1.1;letter-spacing:-.035em;font-weight:500}.card-path small{font-size:13px;line-height:1.65;color:#ddd;max-width:200px}.card-path b{position:absolute;top:20px;right:20px;font-size:24px;font-weight:400;border:1px solid #ffffff70;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;transition:background .3s,rotate .3s}.card-path:hover img{transform:scale(1.06)}.card-path:hover b{background:#2852e5;rotate:45deg}.card-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.card-tools>a{display:flex;justify-content:space-between;gap:14px;padding:24px 18px;border:1px solid #d7d7d7;border-radius:2px;background:#fff;text-decoration:none;transition:background .3s,border-color .3s}.card-tools>a:hover{background:#f8f8f8;border-color:#111}.card-tools span{display:grid;gap:9px}.card-tools strong{font-size:16px;line-height:1.5;font-weight:500}.card-tools small{font-size:12px;line-height:1.7;color:#666}.card-tools b{font-size:21px;font-weight:400;color:#2852e5}.card-socials{padding:60px 0}.card-social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card-social-link{display:flex;align-items:center;gap:14px;padding:18px 16px;border:1px solid #ddd;border-radius:2px;text-decoration:none;background:#fff;transition:translate .3s,border-color .3s,background .3s}.card-social-link:hover{translate:0 -4px;border-color:#111;background:#f8f8f8}.card-social-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#111;border:1px solid #111;color:#fff;border-radius:2px;font:500 23px/1 Arial,sans-serif}.card-social-icon svg{width:23px;height:23px}.card-social-link>span:nth-child(2){min-width:0;display:grid;gap:7px}.card-social-link strong{font-size:14px;font-weight:500}.card-social-link small{font-size:12px;color:#666;line-height:1.5;overflow-wrap:anywhere}.card-social-link>b{font-size:20px;font-weight:400;color:#2852e5;margin-left:auto}.site-card .foot{padding:27px 0 0;margin:0;border-top:1px solid #ddd;font-size:12px;line-height:1.9;color:#666;text-align:center}.site-card .foot a{color:#333;text-underline-offset:4px}.site-card a:focus-visible,.site-card button:focus-visible{outline:2px solid #2852e5;outline-offset:5px}.contact-identity{animation:contact-arrive .85s .15s both}.contact-film{animation:contact-film-in 1.1s ease-out both}@keyframes contact-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes contact-film-in{from{opacity:0;clip-path:inset(0 0 0 20%)}to{opacity:1;clip-path:inset(0)}}@keyframes contact-shine{to{transform:translateX(120%)}}
@media(max-width:900px){.card-experience{padding:0 24px 30px}.contact-hero{height:525px}.contact-identity{left:30px}.contact-greeting{left:30px}.contact-identity h1{font-size:88px!important}.contact-proof{right:18px;bottom:27px}.card-paths{gap:13px}.card-path{min-height:255px;padding:20px 16px}.card-path strong{font-size:23px}.card-tools{gap:13px}.card-social-links{grid-template-columns:1fr 1fr}.card-social-link:last-child{grid-column:1/-1}}
@media(max-width:600px){.card-experience{padding:0 18px 27px}.card-topbar{height:72px;gap:15px}.card-home{padding:8px 10px}.card-brand-img{width:190px}.card-back{font-size:12px;gap:6px}.card-back span{font-size:19px}.contact-hero{height:458px;border-radius:3px}.contact-film{inset:0}.contact-film video{object-position:center 28%;filter:saturate(.6)}.contact-hero-shade{background:linear-gradient(0deg,#08080b 1%,#08080bea 19%,#08080b45 58%,#08080b35 100%)}.contact-greeting{left:22px;top:21px;right:90px;font-size:12px;line-height:1.65;align-items:start;gap:8px;max-width:200px}.contact-dot{margin-top:7px;flex-shrink:0}.card-motion{right:14px;top:16px;font-size:11px;min-height:34px;padding:8px 10px}.contact-identity{left:22px;bottom:25px}.contact-avatar{width:48px;height:48px;margin-bottom:12px}.contact-role{font-size:10px;margin-bottom:10px;letter-spacing:.13em}.contact-identity h1{font-size:65px!important;letter-spacing:-.065em;line-height:.93}.contact-location{font-size:12px;margin:15px 0 0;max-width:220px}.contact-proof{right:14px;bottom:87px;padding:9px 6px;max-width:100px;background:transparent;backdrop-filter:none;gap:7px}.contact-proof>span:first-child{font-size:10px;letter-spacing:1px}.contact-proof>span:last-child{font-size:10px;line-height:1.5}.contact-actions{grid-template-columns:1fr;gap:10px;margin:14px 0 42px}.save-contact{min-height:54px;padding:15px 19px;font-size:16px}.direct-contact>a{min-height:57px;font-size:14px;gap:9px}.card-next-head{margin-bottom:23px}.card-next-head p{font-size:12px}.card-next-head h2{font-size:35px}.card-paths{grid-template-columns:1fr;gap:15px}.card-path{min-height:185px;padding:22px}.card-path img{object-position:50% 32%}.card-path>span{max-width:85%}.card-path strong{font-size:30px}.card-path small{font-size:13px;max-width:240px}.card-path:after{background:linear-gradient(90deg,#000b,transparent),linear-gradient(0deg,#000c,transparent)}.card-tools{grid-template-columns:1fr;gap:10px;margin-top:15px}.card-tools>a{padding:18px}.card-tools strong{font-size:16px}.card-tools small{font-size:13px}.card-socials{padding:45px 0}.card-social-links{grid-template-columns:1fr 1fr;gap:10px}.card-social-link{position:relative;display:block;padding:16px 14px}.card-social-icon{margin-bottom:16px}.card-social-link>b{position:absolute;right:14px;top:18px}.card-social-link strong{font-size:15px}.card-social-link small{font-size:12px}.card-social-link:last-child{display:flex;gap:15px;align-items:center}.card-social-link:last-child .card-social-icon{margin:0}.site-card .foot{font-size:11px}}
@media(max-width:360px){.card-experience{padding-left:14px;padding-right:14px}.card-brand-img{width:164px}.card-back{font-size:11px}.contact-hero{height:447px}.contact-greeting{font-size:11px;max-width:160px;right:105px}.contact-identity{left:19px}.contact-identity h1{font-size:59px!important}.contact-proof{right:12px;max-width:81px}.contact-location{max-width:188px}.contact-role{font-size:10px}}
.motion-paused .contact-identity,.motion-paused .contact-film,.motion-paused .save-contact:after{animation:none}
@media(prefers-reduced-motion:reduce){.site-card *,.site-card *:before,.site-card *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.contact-identity{translate:none}.contact-film{clip-path:none}}

@media(max-width:600px){.contact-hero-shade{background:linear-gradient(0deg,#08080b 1%,#08080bea 19%,#08080b25 58%,#08080b75 100%)}}

/* Bespoke contact marks: a handset, a conversation, and a sealed envelope. */
.save-contact-label{display:flex;align-items:center;gap:13px}.save-contact-label svg{width:27px;height:27px;flex-shrink:0}.contact-action-icon{width:32px;height:32px;flex-shrink:0;overflow:visible;color:#111}.icon-handset{transform-origin:18px 18px;transition:transform .35s}.icon-envelope,.icon-bubble,.icon-dots{transition:translate .35s}.direct-contact>a:is(:hover,:focus-visible) .icon-handset{transform:rotate(-9deg)}.direct-contact>a:is(:hover,:focus-visible) .icon-signal{animation:contact-signal .7s ease-out}.direct-contact>a:is(:hover,:focus-visible) .icon-envelope,.direct-contact>a:is(:hover,:focus-visible) .icon-bubble,.direct-contact>a:is(:hover,:focus-visible) .icon-dots{translate:0 -2px}@keyframes contact-signal{0%{opacity:.2}100%{opacity:1}}.direct-contact>a:active{background:#eee}.site-card .card-topbar{border-bottom:1px solid #eee;margin-bottom:20px}.card-home{padding-left:0}.card-topbar .card-brand-img{max-width:100%;height:auto}
@media(max-width:600px){.site-card .card-topbar{margin-bottom:0;border-bottom:0}.contact-action-icon{width:29px;height:29px}.save-contact-label svg{width:25px;height:25px}.card-home{padding-left:0}.direct-contact span{font-size:14px}}
.motion-paused .contact-action-icon *{animation:none!important;transition:none!important;transform:none!important;translate:none!important}

@media(max-width:360px){.contact-greeting{max-width:127px;right:108px;align-items:flex-start}}
