*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0c0d;color:#fff}body{font:16px/1.6 Arial,Helvetica,sans-serif}.splash{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.city-background,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.city-background{object-fit:cover;object-position:center}.shade{background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.47) 60%,rgba(0,0,0,.28)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 50%)}header{position:absolute;top:38px;left:5%;display:flex;align-items:baseline;gap:9px}.labs{font-family:inherit;font-size:24px;font-weight:800;letter-spacing:.025em;color:#aaa}.wordmark{font-weight:800;font-size:24px;letter-spacing:.025em}.content{padding:150px 5%;width:73%;z-index:1}h1{font:400 clamp(48px,6.2vw,94px)/1.08 Georgia,serif;letter-spacing:-.045em;white-space:pre-line;margin:0 0 35px;max-width:950px}.content p{font-size:clamp(17px,1.5vw,21px);line-height:1.65;max-width:570px;margin:0;color:#dedede;white-space:pre-line}.mark{position:absolute;right:5%;width:24%;max-width:370px;opacity:.65}@media(max-width:800px){header{top:28px;left:7%}.wordmark,.labs{font-size:21px}.content{padding:180px 7% 90px;width:100%}h1{font-size:clamp(43px,7.7vw,68px);max-width:650px}.content p{max-width:520px}.mark{right:7%;top:100px;width:105px;opacity:.28}.shade{background:linear-gradient(90deg,#000c,#0007),linear-gradient(0deg,#000a,transparent)}.splash{min-height:100svh}}@media(max-width:420px){h1{font-size:42px}.content{padding-top:220px;padding-bottom:70px}.content p{font-size:17px}}

.pigeon-contact{display:block;width:90px;height:105px;mix-blend-mode:screen;margin-top:24px;overflow:hidden;border-radius:4px}.pigeon-contact img{display:block;width:300px;max-width:none;height:195px;transform:translate(-105px,-45.5px)}.pigeon-contact:hover{filter:brightness(1.5)}.pigeon-contact:focus-visible{outline:2px solid #aaa;outline-offset:6px}

.content{z-index:auto}

.pigeon-contact{position:relative;mix-blend-mode:normal;border-radius:0}.pigeon-contact img{visibility:hidden}.pigeon-contact::before{content:"";position:absolute;inset:0;background:#aaa;mask-image:url("/assets/pigeon.jpg");mask-mode:luminance;mask-size:300px 195px;mask-position:-105px -45.5px;mask-repeat:no-repeat}

.pigeon-contact{overflow:visible;text-decoration:none;color:#aaa}.pigeon-caption{position:absolute;top:calc(100% + 8px);left:0;white-space:nowrap;font:12px/1.4 Arial,Helvetica,sans-serif;opacity:0;transition:opacity .18s ease}.pigeon-contact:hover .pigeon-caption,.pigeon-contact:focus-visible .pigeon-caption{opacity:1}@media(max-width:800px),(hover:none){.pigeon-caption{opacity:1}}

.pigeon-contact .pigeon-mobile{display:none}@media(max-width:800px){.pigeon-contact{width:45px;height:52.5px}.pigeon-contact::before{display:none}.pigeon-contact>img:not(.pigeon-mobile){display:none}.pigeon-contact .pigeon-mobile{display:block;visibility:visible;width:83px;height:54px;transform:translate(-15px,-2px);opacity:.65}.pigeon-caption{opacity:1}}

@media(max-width:800px){.pigeon-contact{width:22.5px;height:26.25px}.pigeon-contact .pigeon-mobile{width:22.5px;height:26.25px;object-fit:contain;transform:none;opacity:.65}.pigeon-contact::after{content:"";position:absolute;left:0;top:0;width:44px;height:44px}}

@media(max-width:800px){.pigeon-contact{width:88px;height:auto;overflow:visible}.pigeon-contact .pigeon-mobile{width:100%;height:auto;max-width:100%;aspect-ratio:6/7;object-fit:contain;transform:none}.pigeon-caption{position:static;display:block;margin-top:8px;opacity:1}.pigeon-contact::after{display:none}}

.pigeon-contact{width:88px;height:auto;overflow:visible}.pigeon-contact::before,.pigeon-contact::after{display:none}.pigeon-contact>img:not(.pigeon-mobile){display:none}.pigeon-contact .pigeon-mobile{display:block;visibility:visible;width:100%;height:auto;max-width:100%;aspect-ratio:6/7;object-fit:contain;transform:none;opacity:.65}.pigeon-caption{position:static;display:block;margin-top:8px}

.pigeon-contact{width:88px;display:grid;grid-template-columns:88px}.pigeon-caption{width:88px;font-size:13.5px;text-align:center;letter-spacing:.01em}.pigeon-contact .pigeon-mobile{width:107px;max-width:none;justify-self:center;height:auto;aspect-ratio:6/7}

/* Let the city show through the dark portions of the pigeon artwork. */
.pigeon-contact .pigeon-mobile{mix-blend-mode:screen}

/* New transparent artwork: visible bird spans the 88px caption width. */
.pigeon-contact .pigeon-mobile{width:100px;height:auto;aspect-ratio:1;mix-blend-mode:normal}

/* Blend residual dark pixels into the city without a rectangular backdrop. */
.pigeon-contact .pigeon-mobile{mix-blend-mode:screen}

/* Contact artwork in the upper-right, aligned to the wordmark lettering. */
.pigeon-contact{position:absolute;top:43px;right:5%;margin-top:0}
.pigeon-caption{opacity:1}
@media(max-width:800px){.pigeon-contact{top:33px;right:7%;width:70px;grid-template-columns:70px}.pigeon-contact .pigeon-mobile{width:80px}.pigeon-caption{width:70px;font-size:11px}}

/* Reveal the label only during interaction, including a touch press. */
.pigeon-contact .pigeon-caption{opacity:0}
.pigeon-contact:hover .pigeon-caption,.pigeon-contact:focus-visible .pigeon-caption,.pigeon-contact:active .pigeon-caption{opacity:1}
@media(hover:none){.pigeon-contact:hover .pigeon-caption{opacity:0}.pigeon-contact:active .pigeon-caption,.pigeon-contact:focus-visible .pigeon-caption{opacity:1}}

/* Mobile: smaller pigeon with a persistent, readable contact label. */
@media(max-width:800px){.pigeon-contact .pigeon-mobile{width:60px}.pigeon-contact .pigeon-caption,.pigeon-contact:hover .pigeon-caption,.pigeon-contact:active .pigeon-caption{opacity:1;font-size:12px;width:80px;justify-self:center}}

/* Match the mobile label to the visible width of the 60px pigeon asset. */
@media(max-width:800px){.pigeon-contact .pigeon-caption,.pigeon-contact:hover .pigeon-caption,.pigeon-contact:active .pigeon-caption{width:53px;font-size:8.2px;letter-spacing:0;text-align:center}}
