body[data-design="ink"] .contact{justify-content:flex-end}
body[data-design="ink"] .ink-contact{width:min(500px,44vw);padding:32px 24px 22px;border:0;background:linear-gradient(90deg,#00122400,#001224dc 14%,#001224ed)}
body[data-design="ink"] .ink-contact h2{font:700 clamp(52px,5.1vw,74px)/.98 'Realm Display',Impact,sans-serif;letter-spacing:-.025em;color:#e7fff2}
.ink-contact h2>span{color:#40eda9}
body[data-design="ink"] .ink-contact .about-intro{font:16px/1.5 Arial,sans-serif;color:#b9d8ce;margin:19px 0 25px}
.contact-email{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:8px 16px;padding:18px 0;border-top:1px solid #317360;border-bottom:1px solid #317360;text-decoration:none;color:#d9ffe9}
.contact-email>span{grid-column:1;font:12px/1.4 Arial,sans-serif;color:#7ce6ba}
.contact-email strong{grid-column:1;font:400 20px/1.3 'JetBrains Mono',ui-monospace,monospace;overflow-wrap:anywhere}
.contact-email svg{grid-column:2;grid-row:1/3;width:22px;height:22px;align-self:center;color:#57efbd}
.contact-email:hover{color:#fff;background:#092d2b}.contact-email:focus-visible,.contact-links a:focus-visible{outline:2px solid #b9ffdd;outline-offset:6px}
.contact-links{display:flex;gap:30px;margin:18px 0 22px}.contact-links a{display:flex;align-items:center;gap:16px;min-height:40px;font:14px/1.4 Arial,sans-serif;color:#bcf5e4;text-decoration:underline;text-underline-offset:5px}.contact-links a>span{font-size:17px;color:#52caa8}
body[data-design="ink"] .ink-contact .about-actions{display:flex;justify-content:space-between;gap:20px;margin:0;padding:0;border:0}
body[data-design="ink"] .ink-contact .about-actions .text-button{font-size:12px;line-height:1.4;color:#a4c9bb;min-height:42px}
body.reduced[data-design="ink"] .ink-contact{display:block;width:100%;max-width:1120px;padding:0;margin:auto;background:none;border:0}
body.reduced[data-design="ink"] .ink-contact .contact-email{max-width:600px}
body.reduced[data-design="ink"] .ink-contact .reader-background{margin-top:50px}
body.reduced[data-design="ink"] .ink-contact .about-actions{justify-content:flex-end;margin-top:25px}
@media(max-width:760px){
 body[data-design="ink"] .contact{align-items:flex-end;padding:95px 20px 28px}
 body[data-design="ink"] .ink-contact{width:100%;padding:20px 22px 13px;background:linear-gradient(#001224dd,#001224f5)}
 body[data-design="ink"] .ink-contact h2{font-size:47px}
 body[data-design="ink"] .ink-contact .ink-person-label{font-size:10px;margin-bottom:12px}
 body[data-design="ink"] .ink-contact .about-intro{font-size:14px;line-height:1.4;margin:13px 0 17px}
 .contact-email{padding:13px 0;gap:5px 8px}.contact-email strong{font-size:18px;line-height:1.3}.contact-email>span{font-size:11px}.contact-email svg{width:18px;height:18px}
 .contact-links{margin:9px 0 10px;gap:28px}.contact-links a{font-size:13px;min-height:38px}
 body[data-design="ink"] .ink-contact .about-actions{gap:15px}
 body[data-design="ink"] .ink-contact .about-actions .text-button{font-size:11px;min-height:40px}
 body.reduced[data-design="ink"] .contact{display:block;padding:50px 24px 35px}
 body.reduced[data-design="ink"] .ink-contact{padding:0}
}
@media(max-width:380px){body:not(.reduced)[data-design="ink"] .site-header{padding-left:15px;padding-right:15px;gap:11px}body:not(.reduced)[data-design="ink"] .brand{font-size:12px;max-width:70px}body:not(.reduced)[data-design="ink"] .nav{gap:13px}body:not(.reduced)[data-design="ink"] .nav a{font-size:12px}body:not(.reduced)[data-design="ink"] .motion-toggle{font-size:11px;max-width:62px}.contact-email strong{font-size:16px}body[data-design="ink"] .ink-contact{padding:18px 18px 12px}body[data-design="ink"] .ink-contact h2{font-size:43px}}

body.reduced[data-design="ink"] .ink-contact .about-actions [data-background]{display:inline-flex}

/* Resolve historical .about-content overrides; the environment supplies a
   continuous quiet region behind text, rather than a separate boxed object. */
body:not(.reduced)[data-design="ink"] .contact::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#00122400 22%,#00122433 43%,#001224e8 66%,#001224f8)}
body:not(.reduced)[data-design="ink"] .ink-contact{position:relative;z-index:1;width:min(460px,42vw);padding:28px 0 20px;border:0;background:none;box-shadow:none}
@media(max-width:760px){
 body:not(.reduced)[data-design="ink"] .contact::before{background:linear-gradient(#00122400 12%,#00122428 28%,#001224ed 53%,#001224fc)}
 body:not(.reduced)[data-design="ink"] .ink-contact{width:100%;padding:20px 6px 13px;background:none;border:0}
}

/* Preserve the quiet reading area, with peripheral relief for the close wafer
   edges. The central scrim remains opaque enough for the existing text. */
body:not(.reduced)[data-design="ink"] .contact::before{background:linear-gradient(90deg,#00122400 22%,#00122433 43%,#001224e8 66%,#001224f8 94%,#00122440 98%,#00122400);mask-image:linear-gradient(#0000,#000 21%,#000 84%,#0000 99%)}
@media(max-width:760px){body:not(.reduced)[data-design="ink"] .contact::before{background:linear-gradient(#00122400 12%,#00122428 28%,#001224ed 53%,#001224fc);mask-image:linear-gradient(90deg,#000 92%,#000b 97%,#0000 100%)}}

@media(max-width:760px){body:not(.reduced)[data-design="ink"] .ink-contact .ink-person-label{display:table;background:#001224e8;box-shadow:5px 0 #001224e8,-5px 0 #001224e8}}

.contact-explore{margin:0 0 12px;border:0;color:#bce8d4;font:13px/1.4 Arial,sans-serif}
.contact-explore summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;padding:9px 0;box-sizing:border-box}
.contact-explore>div{display:grid;gap:1px;padding-bottom:12px}
.contact-explore button{text-align:left;background:transparent;border:0;border-top:1px solid #2a544c;padding:11px 0;color:#d7fce5;font:700 14px/1.3 Arial,sans-serif;cursor:pointer;min-height:48px}
.contact-explore button span{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#a0c5b8}
.contact-explore button:focus-visible,.contact-explore summary:focus-visible{outline:2px solid #9cf8ca;outline-offset:4px}
body:not(.reduced)[data-design="ink"] .ink-contact:has(.contact-explore[open]){max-height:calc(100svh - 120px);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin}
body.reduced .contact-explore{max-width:600px;margin-top:20px}
@media(max-width:760px){.contact-explore{margin-bottom:4px;font-size:12px}.contact-explore summary{min-height:44px;padding:9px 0}}

@media(min-width:761px){body:not(.reduced)[data-design="ink"] .contact::before{mask-image:linear-gradient(#0000,#000 21%,#000 84%,#0000 99%),radial-gradient(ellipse 19% 13% at 91% 25%,#0002 0%,#0007 62%,#000 100%);mask-composite:intersect}}
.ink-background .contact-explore{margin:28px 0;color:#bce8d4}.ink-background .contact-explore button{color:#d7fce5}.ink-background .contact-explore button span{color:#a0c5b8}
body:not(.reduced) .ink-contact>.contact-explore{display:none}

/* Phone contact keeps the world visible around the actual reading surfaces. */
@media(max-width:760px){
 body:not(.reduced)[data-design="ink"] .contact::before{background:linear-gradient(#00122400 12%,#00122428 28%,#001224aa 49%,#0012249c 68%,#00122425);mask-image:none}
 body:not(.reduced)[data-design="ink"] .ink-contact .about-intro{background:linear-gradient(90deg,#001224c9,#00122490 76%,#00122400);box-shadow:-5px 0 #001224a0}
 body:not(.reduced)[data-design="ink"] .contact-email{background:linear-gradient(90deg,#001224db,#001224bb 76%,#00122400)}
 body:not(.reduced)[data-design="ink"] .ink-contact h2{background:linear-gradient(90deg,#001224c9,#00122480 72%,#00122400)}
 body:not(.reduced)[data-design="ink"] .contact-links{width:max-content;background:linear-gradient(90deg,#001224b8,#00122480);box-shadow:7px 0 #00122480,-5px 0 #001224b8}
 body:not(.reduced)[data-design="ink"] .ink-contact .about-actions .text-button{background:linear-gradient(90deg,#00122499,#00122488 70%,#00122400);box-shadow:none}
}