/* Contact: the same paper room, finished as a bright engineering collage. */
.contact-section{color:#17261e;isolation:isolate}
.contact-collage{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.contact-paper-lime{position:absolute;width:39vw;height:49vh;left:-11vw;top:-15vh;background:#d2f20b;transform:rotate(-20deg);clip-path:polygon(0 0,100% 0,99% 8%,97% 17%,100% 25%,96% 34%,99% 42%,96% 50%,98% 59%,94% 67%,98% 75%,92% 83%,94% 91%,88% 100%,0 100%)}
.contact-paper-lime:after,.contact-paper-bottom:after{content:'';position:absolute;inset:0;opacity:.25;background-image:radial-gradient(#59713d 1px,transparent 1px);background-size:7px 9px;mask-image:linear-gradient(140deg,#000,transparent 65%)}
.contact-paper-lime svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#f3fca4;stroke-width:2;opacity:.8}
.contact-paper-coral{position:absolute;left:-8vw;bottom:-13vw;width:22vw;height:22vw;background:#ff704e;border-radius:50%;background-image:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 16px,#fff5 17px,transparent 18px)}
.contact-paper-bottom{position:absolute;left:-2vw;bottom:-7vh;width:27vw;height:15vh;background:#c9ed16;transform:rotate(17deg);clip-path:polygon(1% 0,100% 5%,97% 100%,0 100%)}
.contact-paper-cyan{position:absolute;right:-1vw;bottom:-8vh;width:19vw;height:29vh;background:#52bdd1;clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(-5deg)}
.contact-paper-cyan:after{content:'';position:absolute;inset:60% 10% 0 30%;background-image:radial-gradient(#263b3488 1px,transparent 1.5px);background-size:7px 7px}
.contact-pencil-arrow{position:absolute;left:9vw;bottom:9vh;width:9vw;height:15vh;fill:none;stroke:#17231b;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-3deg)}
.contact-register{position:absolute;font:28px var(--mono);color:#6f802b;opacity:.7}.register-one{left:1.5vw;top:12vh}.register-two{right:6vw;top:16vh;letter-spacing:15px}
.animated .contact-code.contact-hangings{position:absolute;left:10vw;right:auto;top:20vh;width:29vw;height:48vh;max-width:none;margin:0;padding:0;background:none;border:0;box-shadow:none;transform:none;border-radius:0;pointer-events:none;z-index:2}
.contact-hanging{position:absolute;fill:none;overflow:visible;filter:drop-shadow(1px 2px 1px #172c2312)}
.hanging-code{width:105px;height:225px;left:0;top:8vh;transform:rotate(-8deg)}
.hanging-branch{width:94px;height:180px;left:65%;top:-6vh;transform:rotate(8deg)}
.hanging-cloud{width:115px;height:215px;left:47%;top:21vh;transform:rotate(-6deg)}
.hanging-thread{stroke:#18251c;stroke-width:1.7;stroke-linecap:round}.hanging-paper{fill:#fffdf5;stroke:#253b2b;stroke-width:1.2;stroke-linejoin:round}.hanging-ink{fill:none;stroke:#1b3023;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hanging-star{fill:#ffd54b;stroke:#1b3023;stroke-width:1.5;stroke-linejoin:round}
.contact-doodle-note{position:absolute;left:0;bottom:0;transform:rotate(-5deg);font:700 24px var(--hand);color:#6c8261;white-space:nowrap}
.animated .contact-copy{position:absolute;left:43vw;right:6vw;top:24vh;width:auto;max-width:none;text-align:left;z-index:3}
.contact-copy>.eyebrow{font:500 8px/1.6 var(--mono);letter-spacing:1.2px;color:#6e7e61;margin:0 0 20px}
.contact-title-wrap{position:relative;isolation:isolate}
.contact-brush{position:absolute;z-index:-1;left:-7%;top:-36px;width:117%;height:calc(100% + 175px);pointer-events:none}
.contact-copy h2{font:400 clamp(65px,7.2vw,118px)/1.12 var(--display);letter-spacing:-.025em;color:#16241d;margin:0;max-width:none}
.contact-copy .contact-lede{font:700 clamp(22px,2.6vw,38px)/1.3 var(--hand);letter-spacing:-.5px;color:#fa6948;margin:23px 0 10px;max-width:none}
.contact-copy .email-link{font:400 clamp(20px,2vw,31px)/1.5 var(--display);letter-spacing:0;gap:22px;text-decoration:none;border:0;padding:9px 0;min-height:44px;color:#1a2d22}
.contact-copy .email-link>span{color:#17291e;font-family:var(--mono)}.contact-copy .email-link:hover{color:#e75f41}.contact-context{position:relative;font:500 8px/1.9 var(--mono);color:#6c7b61;margin:10px 0 0;max-width:440px}
.animated .contact-footer{position:absolute;left:9vw;right:9vw;bottom:8vh;display:flex;align-items:end;justify-content:space-between;gap:30px;z-index:4}
.contact-identity.paper-note{background:#fffef9;clip-path:polygon(1% 7%,8% 3%,13% 6%,22% 0,32% 5%,40% 1%,52% 6%,65% 2%,76% 6%,88% 0,98% 5%,100% 94%,93% 98%,82% 94%,71% 100%,61% 96%,50% 99%,39% 95%,26% 100%,15% 95%,3% 99%,0 85%);padding:25px 31px 27px;transform:rotate(-2deg);width:350px;max-width:40%;filter:drop-shadow(1px 3px 1px #1e2d2210);text-align:left}
.contact-identity p{font:400 25px/1.2 var(--display);color:#1a2a20;margin:0 0 12px;white-space:nowrap}
.contact-identity [data-role]{font:500 8px/1.8 var(--mono);letter-spacing:.5px;color:#344f39}.contact-identity .small-note{font:400 8px/1.8 var(--mono);color:#6b7c5f;margin-top:6px;letter-spacing:0}
.animated .contact-links{width:390px;max-width:45%;margin:0;text-align:right;padding:27px 28px 20px;background-color:#fdfdf7;background-image:linear-gradient(#91b1ba25 1px,transparent 1px),linear-gradient(90deg,#91b1ba25 1px,transparent 1px);background-size:20px 20px;clip-path:polygon(2% 0,97% 2%,100% 7%,98% 15%,100% 25%,98% 37%,100% 50%,98% 65%,100% 80%,98% 98%,2% 100%,0 94%,2% 81%,0 71%,2% 60%,0 48%,2% 36%,0 22%,2% 12%,0 4%);transform:rotate(1deg)}
.contact-links #social-links{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.contact-links #social-links a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:50px;min-height:54px;padding:9px 5px 6px;border:1px solid #2c3d31;color:#f16d4b;background:#fffdf5c9;text-decoration:none;transition:transform .2s,background .2s}
.contact-links #social-links a:hover{transform:translateY(-3px) rotate(-3deg);background:#f2f6d7}
.contact-links #social-links a:focus-visible{outline:2px solid #047f95;outline-offset:3px}
#social-links svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.social-label{font:500 6px/1.2 var(--mono);color:#314b36;letter-spacing:.1px}
.contact-links>p{font:500 7px/1.9 var(--mono);color:#3d533a;letter-spacing:.2px;margin:20px 0 0}.contact-signoff{font-size:6px;color:#728367}
@media(min-width:1600px){.contact-identity.paper-note{width:420px;padding:30px 35px}.contact-identity p{font-size:31px}.animated .contact-links{width:470px;padding:30px 35px}.contact-links #social-links a{min-width:57px;min-height:59px}.social-label{font-size:7px}.contact-context{font-size:10px}.contact-doodle-note{font-size:30px}.hanging-code{width:130px;height:260px}.hanging-branch{width:115px;height:220px}.hanging-cloud{width:145px;height:260px}}
@media(max-height:750px) and (min-width:801px){.animated .contact-copy{top:23vh}.contact-copy h2{font-size:clamp(62px,6.7vw,96px);line-height:1.06}.contact-copy>.eyebrow{margin-bottom:14px}.contact-copy .contact-lede{font-size:27px;margin-top:18px}.contact-copy .email-link{font-size:23px;padding:5px 0}.contact-context{margin-top:5px;font-size:7px}.animated .contact-footer{bottom:8vh}.contact-identity.paper-note{padding:22px 27px;width:330px}.contact-identity p{font-size:23px}.animated .contact-links{padding:20px 25px 15px;width:360px}.contact-links>p{margin-top:13px}.contact-hangings .hanging-code{height:190px;width:90px}.contact-hangings .hanging-branch{height:155px;width:80px}.contact-hangings .hanging-cloud{height:180px;width:100px}.contact-brush{height:calc(100% + 155px)}.contact-doodle-note{font-size:21px}}
@media(max-width:1100px) and (min-width:801px){.animated .contact-copy{left:40vw;right:5vw}.contact-copy h2{font-size:7vw}.contact-copy .contact-lede{font-size:26px}.contact-context{font-size:7px}.animated .contact-footer{left:7vw;right:7vw}.contact-identity.paper-note{max-width:43%;width:325px;padding:23px}.contact-identity p{font-size:22px}.animated .contact-links{max-width:47%;padding-left:20px;padding-right:20px}.contact-links #social-links{gap:7px}.contact-links #social-links a{min-width:46px}.animated .contact-code.contact-hangings{left:7vw;width:28vw}}
body:not(.animated) .contact-section{position:relative;overflow:hidden;padding-top:130px;padding-bottom:90px}
body:not(.animated) .contact-copy{position:relative;left:auto;top:auto;right:auto;width:100%;max-width:750px;margin:45px 0 80px auto;z-index:3}
body:not(.animated) .contact-code.contact-hangings{position:relative;left:auto;top:auto;width:250px;height:180px;padding:0;margin:0 0 0 12%;max-width:none;background:none;border:0;box-shadow:none;transform:none}
body:not(.animated) .contact-hangings .hanging-code{height:170px;width:80px;top:-12px;left:0}body:not(.animated) .contact-hangings .hanging-branch{height:150px;width:75px;top:-35px;left:65%}body:not(.animated) .contact-hangings .hanging-cloud{height:160px;width:90px;top:20px;left:35%}body:not(.animated) .contact-doodle-note{display:none}
body:not(.animated) .contact-footer{position:relative;display:flex;align-items:end;gap:25px;margin-top:0;padding-bottom:0;z-index:3}
body:not(.animated) .contact-links{background-color:#fdfdf7;background-image:linear-gradient(#91b1ba25 1px,transparent 1px),linear-gradient(90deg,#91b1ba25 1px,transparent 1px);background-size:20px 20px;padding:25px;margin:0;max-width:45%;transform:rotate(1deg)}
@media(max-width:800px){body:not(.animated) .contact-section{padding-top:120px;padding-bottom:100px}.contact-paper-lime{width:70vw;height:290px;left:-28vw;top:-80px}.contact-paper-coral{width:48vw;height:48vw;left:-22vw;bottom:-12vw}.contact-paper-bottom{width:55vw;height:100px;left:-18vw;bottom:-22px}.contact-paper-cyan{width:39vw;height:240px;right:-12vw;bottom:-90px}.contact-register{font-size:20px}.register-one{top:110px}.register-two{top:340px;right:8vw}.contact-pencil-arrow{left:0;bottom:95px;width:80px;height:110px;opacity:.6}body:not(.animated) .contact-copy{margin:35px 0 55px;width:100%}.contact-copy h2{font:400 clamp(43px,11.7vw,78px)/1.15 var(--display);letter-spacing:-.025em}.contact-copy>.eyebrow{font-size:6px;letter-spacing:.5px;margin-bottom:17px}.contact-copy .contact-lede{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:22px 0 13px}.contact-copy .email-link{font-size:clamp(17px,4.7vw,27px);gap:14px;padding:8px 0;min-height:44px}.contact-context{font-size:7px;line-height:1.9;margin-top:12px;max-width:310px}.contact-brush{left:-6%;top:-24px;width:112%;height:calc(100% + 145px)}body:not(.animated) .contact-footer{display:flex;flex-direction:column;align-items:stretch;gap:25px;margin-top:10px}.contact-identity.paper-note{width:100%;max-width:none;padding:26px 24px;transform:rotate(-2deg)}.contact-identity p{font-size:26px;white-space:normal}.contact-identity [data-role]{font-size:9px}.contact-identity .small-note{font-size:9px}body:not(.animated) .contact-links{max-width:none;width:100%;padding:26px 23px;text-align:right;transform:rotate(1deg)}.contact-links #social-links{justify-content:flex-end;gap:10px}.contact-links #social-links a{min-width:49px;min-height:56px}.social-label{font-size:6px}.contact-links>p{font-size:7px;margin-top:18px}.contact-signoff{font-size:6px}}
@media(prefers-reduced-motion:reduce){.contact-links #social-links a{transition:none}}
@media(min-width:801px){.contact-pencil-arrow{left:5vw;bottom:18vh}.contact-paper-coral{width:26vw;height:26vw;bottom:-14vw}}
.contact-copy .contact-lede,#email-action,.contact-context{position:relative;z-index:1}
.contact-context{font-size:9px}
@media(max-height:750px) and (min-width:801px){.contact-context{font-size:8px}}
@media(max-width:800px){.contact-context{font-size:8px}}