/* Contacts: a physical object, dangling metal tags, and a den that unfolds. */
.contacts-page{overflow-x:clip}.contact-hero{position:relative;padding:24px var(--pad) 68px;overflow:hidden;isolation:isolate}.contact-meta{display:flex;justify-content:space-between;gap:20px;font:10px/1.5 var(--mono);letter-spacing:.04em}.contact-poster{position:relative;min-height:560px;margin-top:38px}.contact-poster h1{position:relative;z-index:3;font:800 clamp(72px,10.8vw,205px)/.97 var(--display);letter-spacing:-.085em;pointer-events:none}.contact-poster h1>span{display:block}.contact-red-dot{color:var(--red)}.contact-collar{position:absolute;width:78%;max-width:1260px;height:auto;right:-7%;top:-20px;z-index:1;transform:rotate(-9deg);animation:collar-float 8s ease-in-out infinite;transform-origin:50% 50%;pointer-events:none}.contact-stamp{position:absolute;right:6%;top:34%;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;width:155px;height:155px;border:1px solid var(--paper);border-radius:50%;background:var(--ink);color:var(--paper);font:800 15px/1.2 var(--display);letter-spacing:-.04em;transform:rotate(13deg);box-shadow:7px 6px 0 var(--red)}.contact-stamp em{font-size:30px;line-height:1.2}.contact-stamp b{font:400 37px/1 var(--body)}.contact-intro{position:relative;z-index:3;font-size:19px;line-height:1.6;margin-top:30px;max-width:350px}.contact-intro em{font-size:31px;line-height:1.1;letter-spacing:-.045em}.contact-scribble{position:absolute;left:31%;bottom:11%;z-index:4;transform:rotate(-9deg);font:italic clamp(23px,2.5vw,40px)/.95 Georgia,serif;letter-spacing:-.035em}.contact-tape{position:relative;z-index:0;margin:-6px calc(-1 * var(--pad) - 10px) 0;width:calc(100% + 2 * var(--pad) + 20px);overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--red);transform:rotate(-3deg)}.contact-tape>span{display:block;white-space:nowrap;padding:12px 0;font:800 21px/1.2 var(--display);letter-spacing:-.06em;animation:contact-marquee 24s linear infinite;width:max-content}.contact-tags{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:62px 0 0;padding:15px 0 20px;align-items:start}.contact-tag{position:relative;min-width:0;min-height:265px;display:flex;flex-direction:column;align-items:flex-start;padding:34px 22px 22px;border:1px solid #979b9d;border-radius:18px 18px 8px 8px;background:repeating-linear-gradient(0deg,#0000 0 2px,#55555507 2px 3px),linear-gradient(118deg,#b6b8b7 0%,#f9faf7 15%,#c0c2c1 33%,#f2f3ee 54%,#b5b9b8 77%,#e3e5e1 100%);box-shadow:inset 0 0 0 2px #ffffff80,5px 8px 0 #10101019;transform-origin:50% 0;transform:rotate(-5deg);transition:transform .3s,box-shadow .3s}.contact-tag::before{content:'';position:absolute;left:calc(50% - 8px);top:-53px;width:16px;height:64px;border:4px solid #777e81;border-radius:50%;box-shadow:inset 1px 0 1px #fff,1px 0 0 #fff;z-index:-1;transform:rotate(6deg)}.contact-tag-hole{position:absolute;left:calc(50% - 5px);top:12px;width:10px;height:10px;border-radius:50%;background:var(--paper);box-shadow:inset 1px 2px 1px #555,0 1px 0 #fff}.contact-tag-email{transform:rotate(4deg) translateY(26px)}.contact-tag-social{transform:rotate(-3deg) translateY(-9px);background:repeating-linear-gradient(0deg,#fff0 0 2px,#f5f3ee06 2px 3px),linear-gradient(115deg,#171717,#4a4c4d 28%,#1c1d1e 57%,#383b3d);color:var(--paper);border-color:#73777a;box-shadow:inset 0 0 0 2px #ffffff15,5px 8px 0 #10101019}.contact-tag-office{transform:rotate(6deg) translateY(20px)}.contact-tag-no{font:10px/1.3 var(--mono);margin:0 0 18px;letter-spacing:.02em}.contact-tag h2{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;font:800 clamp(16px,1.7vw,27px)/1.15 var(--display);letter-spacing:-.07em}.contact-tag h2>span{font:400 32px/1 var(--body)}.contact-tag-value{display:block;margin-top:24px;font:800 clamp(16px,1.5vw,23px)/1.35 var(--body);overflow-wrap:anywhere}.contact-tag-value em{font:italic 1.35em/1.1 Georgia,serif;letter-spacing:-.035em}.contact-tag a:hover{text-decoration:underline;text-underline-offset:5px}.contact-tag:focus-within{transform:rotate(0) translateY(-8px)}.contact-tag-pending{display:block;border:1px solid currentColor;padding:5px 7px;margin-top:auto;font:10px/1.4 var(--mono);transform:rotate(-3deg);max-width:100%;letter-spacing:-.025em}.contact-tag-note{font-size:14px;line-height:1.5;margin-top:18px}.contact-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-top:47px}.contact-hero-bottom p{font-size:16px;line-height:1.6;max-width:360px}.contact-brief-link{display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--ink);padding:16px 0;font:800 13px/1.4 var(--body)}.contact-brief-link span{font:400 38px/1 var(--body);transition:transform .25s}.contact-brief-link:hover span{transform:translate(5px,-5px)}.contact-outro{position:relative;overflow:hidden;background:var(--red);padding:40px var(--pad) 42px}.contact-outro h2{position:relative;margin:48px 0 35px;font:800 clamp(70px,13vw,240px)/.95 var(--display);letter-spacing:-.085em;z-index:1}.contact-outro h2 em{display:inline-block;font:italic 1.03em/.9 Georgia,serif;letter-spacing:-.065em;transform:rotate(-5deg);color:var(--paper)}.contact-outro h2>span{position:absolute;right:0;top:-10%;font:400 2em/1 Georgia,serif;z-index:-1;opacity:.85}.contact-outro>a{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--ink);padding-top:25px;font:800 clamp(14px,2.1vw,30px)/1.4 var(--display);letter-spacing:-.05em}.contact-outro>a>span{font:400 62px/1 var(--body)}.contact-outro>p:last-child{font-size:16px;margin-top:12px}
@keyframes collar-float{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-10px)}}@keyframes contact-marquee{to{transform:translateX(-33.333%)}}
@media(min-width:1600px){.contact-poster{min-height:720px}.contact-collar{top:-40px}.contact-intro{font-size:22px}.contact-tags{gap:34px}.contact-tag{min-height:300px;padding:38px 28px 24px}.contact-tag-value{margin-top:28px}.contact-tag-no{font-size:12px}.contact-tag-pending{font-size:12px}}
@media(max-width:1000px){.contact-poster{min-height:510px}.contact-collar{width:88%;right:-14%;top:12px}.contact-stamp{width:120px;height:120px;font-size:12px;right:3%;top:35%}.contact-stamp em{font-size:24px}.contact-intro{font-size:17px}.contact-scribble{left:37%;bottom:9%}.contact-tags{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 35px;margin-top:65px;padding:0 12px 22px}.contact-tag{min-height:250px;padding:34px 24px 24px}.contact-tag h2{font-size:24px}.contact-tag-value{font-size:20px}.contact-hero-bottom{padding-top:40px}.contact-brief-link{max-width:320px}}
@media(max-width:600px){.contact-hero{padding:20px var(--pad) 43px}.contact-meta{font-size:10px;gap:16px}.contact-meta>span:last-child{max-width:135px;text-align:right}.contact-poster{margin-top:35px;min-height:510px}.contact-poster h1{font-size:10.4vw;line-height:1;letter-spacing:-.08em}.contact-poster h1>span:first-child{font-size:1.9em;margin-bottom:5px}.contact-poster h1>span:last-child{font-size:1.06em;white-space:nowrap}.contact-collar{width:118%;max-width:none;right:-21%;top:117px;transform:rotate(-12deg)}.contact-stamp{top:50%;right:0;width:98px;height:98px;font-size:10px;box-shadow:4px 4px 0 var(--red)}.contact-stamp em{font-size:23px}.contact-stamp b{font-size:25px}.contact-intro{margin-top:240px;font-size:16px;line-height:1.5;max-width:260px}.contact-intro em{font-size:28px}.contact-scribble{left:auto;right:0;bottom:1%;font-size:22px;max-width:170px}.contact-tape{margin-top:30px;transform:rotate(-4deg)}.contact-tape>span{font-size:15px;padding:11px 0}.contact-tags{gap:62px 18px;margin-top:62px;padding:0 2px 12px}.contact-tag{min-height:225px;padding:32px 13px 17px;border-radius:13px 13px 6px 6px}.contact-tag h2{font-size:clamp(13px,3.8vw,22px);gap:2px}.contact-tag h2>span{font-size:24px}.contact-tag-no{font-size:10px;margin-bottom:15px;letter-spacing:-.04em}.contact-tag-value{font-size:16px;margin-top:20px;line-height:1.4}.contact-tag-value em{font-size:1.2em}.contact-tag-pending{font-size:10px;padding:4px;line-height:1.4}.contact-tag-email{transform:rotate(4deg) translateY(17px)}.contact-tag-office{transform:rotate(4deg) translateY(17px)}.contact-hero-bottom{display:block;padding-top:34px}.contact-hero-bottom p{font-size:16px}.contact-brief-link{max-width:none;width:100%;margin-top:20px;font-size:12px;gap:15px}.contact-outro{padding:30px var(--pad)}.contact-outro h2{font-size:16vw;margin-top:36px;margin-bottom:35px}.contact-outro h2>span{font-size:2.4em;right:-14%;top:-12%}.contact-outro>a{font-size:13px;gap:18px}.contact-outro>a>span{font-size:44px}.contact-outro>p:last-child{font-size:16px;max-width:240px}}
@media(max-width:360px){.contact-poster{min-height:470px}.contact-collar{top:105px}.contact-intro{margin-top:205px;max-width:225px}.contact-stamp{top:47%;width:85px;height:85px}.contact-scribble{bottom:0;right:0;font-size:20px}.contact-tag{min-height:235px;padding-left:11px;padding-right:11px}.contact-tag h2{font-size:12px}.contact-tag h2>span{font-size:22px}.contact-tag-value{font-size:16px}.contact-tags{gap:60px 15px}.contact-meta>span:last-child{max-width:115px}}


.contact-scroll{position:relative;z-index:4;display:inline-flex;align-items:center;gap:18px;padding:8px 0;border-bottom:1px solid currentColor;margin-top:17px;font:800 11px/1.4 var(--body)}.contact-scroll>span{font:400 25px/1 var(--body)}.contact-tags{scroll-margin-top:45px}.contact-tag:not(:has(a)) h2>span{opacity:.25}@media(max-width:600px){.contact-scribble{display:none}.contact-scroll{font-size:11px;gap:14px;margin-top:14px}}
.contact-tag-value[href]{min-height:44px}
