:root{--paper:#f2f0ea;--muted:rgba(242,240,234,.56);--gutter:26px;--font:"Inter Tight","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{background:#000}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:var(--gutter);z-index:200;padding:9px 12px;background:var(--paper);color:#000;font:500 13px/1 var(--font);transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}

.contact-page{min-width:320px;min-height:100dvh;background:#000;color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}
.contact-page :focus-visible{outline:1px solid var(--paper);outline-offset:5px}
.contact-header{position:fixed;top:24px;right:var(--gutter);left:var(--gutter);z-index:10;display:flex;align-items:center}
.contact-brand{font-size:25px;font-weight:500;letter-spacing:-.035em;line-height:1}
.contact-nav{display:flex;gap:22px;align-items:center;margin-left:auto;color:rgba(242,240,234,.58);font-size:14px;font-weight:500;line-height:1}
.contact-nav a:hover,.contact-nav a:focus-visible,.contact-nav a.is-active{color:var(--paper)}
.contact-nav a.is-active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

.contact-content{display:flex;min-height:100dvh;padding:120px var(--gutter) 28px;align-items:flex-end}
.contact-composition{width:100%}
.contact-email{display:block;width:fit-content;font-size:clamp(48px,6.2vw,96px);font-weight:500;letter-spacing:-.06em;line-height:.88}
.contact-email:hover,.contact-email:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.contact-newsletter{margin-top:clamp(10px,1.6vh,20px)}
.contact-newsletter>label{display:block;margin:0;color:var(--paper);font-size:clamp(48px,6.2vw,96px);font-weight:500;letter-spacing:-.06em;line-height:.88}
.contact-newsletter-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:end}
.contact-newsletter input,.contact-newsletter button{min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--paper);letter-spacing:-.06em;line-height:.88}
.contact-newsletter input{width:100%;font-size:clamp(48px,6.2vw,96px);font-weight:500;outline:0}
.contact-newsletter input::placeholder{color:rgba(242,240,234,.36);opacity:1}
.contact-newsletter button{font-size:clamp(36px,4.8vw,74px);font-weight:500;white-space:nowrap;cursor:pointer}
.contact-newsletter button:hover,.contact-newsletter button:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.contact-newsletter>p{min-height:1.2em;margin:14px 0 0;color:var(--muted);font-size:12px}

@media(max-width:900px){.contact-header{position:absolute}.contact-nav a:not(.is-active){display:none}.contact-content{padding:110px 20px 24px}.contact-email,.contact-newsletter>label,.contact-newsletter input{font-size:clamp(36px,9vw,64px)}.contact-newsletter-control{grid-template-columns:1fr;gap:12px}.contact-newsletter button{width:fit-content;font-size:clamp(30px,7vw,48px)}}

@media(max-width:760px){.contact-content{padding:100px 20px 28px}.contact-email,.contact-newsletter>label,.contact-newsletter input{font-size:clamp(28px,8.6vw,38px);letter-spacing:-.05em}.contact-newsletter button{min-height:44px;font-size:clamp(26px,7vw,34px)}}