/* Contact shares About's exact photo opacity, band artwork and responsive fades. */
.contact{position:relative;isolation:isolate;overflow:clip;background:var(--paper);padding:56px 0 24px}
.contact>.about-atmosphere{inset:0}
.contact>.wrap{position:relative;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:40px;align-items:start}
.contact #contact-title{font-size:42px;line-height:1.08;font-weight:400;letter-spacing:-.045em;color:var(--forest);margin:16px 0}
.contact-heading>p{max-width:38ch;font-size:14px;line-height:1.65;color:var(--ink)}
.contact-email{font-size:16px;line-height:1.4;font-weight:600;gap:16px;padding-bottom:12px;margin-bottom:12px}
#contact-form .form-grid{gap:10px 16px}
#contact-form label{font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.015em;color:var(--ink)}
#contact-form :is(input,select,textarea){font-size:14px;line-height:1.45;font-weight:400;min-height:44px;margin:4px 0 12px;padding:10px 12px;background:color-mix(in srgb,var(--paper) 76%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 42%,transparent);color:var(--ink)}
#contact-form textarea{height:88px;min-height:88px}
#contact-form :is(input,textarea)::placeholder{color:color-mix(in srgb,var(--ink) 78%,var(--paper));opacity:1}
#contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--forest);outline-offset:2px;border-bottom-color:var(--forest)}
#contact-form .form-bottom{gap:20px;margin-top:10px}
#contact-form .form-bottom>span{font-size:11px;line-height:1.5;color:var(--ink)}
#contact-form .button{padding:12px 18px;min-height:44px;font-size:12px;font-weight:600}
@media(max-width:1000px){.contact>.wrap{gap:28px}.contact #contact-title{font-size:40px}}
@media(max-width:850px){.contact{padding-block:34px}.contact>.wrap{grid-template-columns:minmax(0,1fr);gap:24px}.contact-heading>p{max-width:52ch}}
@media(max-width:560px){.contact{padding-block:28px}.contact>.wrap{gap:22px}.contact #contact-title{font-size:36px}.contact-email{font-size:15px;margin-bottom:16px}#contact-form .form-bottom{gap:12px}}
@media(forced-colors:active){#contact-form :is(input,select,textarea){background:Field;color:FieldText;border-bottom-color:FieldText}#contact-form :is(input,select,textarea):focus-visible{outline-color:Highlight}}
#contact-form .button{min-height:33px;padding-block:6px}
#contact-form .contact-field{min-width:0}
#contact-form .contact-wide{grid-column:1/-1}
#contact-form .contact-field label{display:block}
#contact-form .contact-field :is(input,select,textarea){width:100%;box-sizing:border-box;margin-bottom:0}
#contact-form .contact-field-error{display:block;min-height:14px;margin-bottom:8px;color:#903e2b;font-size:12px}
#contact-form .contact-field-error:empty{display:none}
#contact-form [aria-invalid="true"]{outline:2px solid #903e2b;outline-offset:2px}
#contact-form .contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#contact-form .button{min-height:44px;white-space:nowrap}
#contact-form .button,#contact-form .button:disabled{background:linear-gradient(145deg,#31583f,#193d2b);color:#fffdf0;border:1px solid #b99b59;box-shadow:inset 0 1px 0 #c6d2b340,0 2px 5px #173c3133;opacity:1}
#contact-form .button:disabled{cursor:default}
#contact-form .button:not(:disabled):is(:hover,:focus-visible){background:linear-gradient(145deg,#416b4e,#254e36);border-color:#e0c67f}
#contact-security{margin:0 0 12px;max-width:100%}
#contact-security:empty{display:none}
#contact-status{font-size:12px;line-height:1.45;margin:8px 0 0;color:var(--forest)}
#contact-status:empty{display:none}
#contact-status.is-error{color:#903e2b}
@media(max-width:560px){#contact-form .form-grid{grid-template-columns:1fr}#contact-form .form-bottom{align-items:flex-start;flex-direction:column}}
@media(forced-colors:active){#contact-form .button,#contact-form .button:disabled,#contact-form .button:not(:disabled):is(:hover,:focus-visible){background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}#contact-form .button:disabled{color:GrayText;border-color:GrayText}}