.contact-page{background:#fff;color:#171717}
.contact-main{padding:48px var(--v30-gutter) 110px}
.contact-kicker{display:flex;justify-content:space-between;gap:20px;font:13px/1.5 var(--v30-mono);padding-bottom:26px;border-bottom:1px solid #c8c8c8}
.contact-kicker a{display:flex;gap:36px}
.contact-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:7%;padding-top:58px}
.contact-intro{position:sticky;top:calc(var(--nav-height,70px) + 48px);align-self:start;min-width:0}
.contact-label{font:18px/1.4 var(--sans);margin:0 0 28px}
.contact-intro h1{font:400 clamp(40px,3.6vw,104px)/1.25 var(--sans);letter-spacing:-.06em;margin:0;word-break:keep-all}
.contact-description{font:400 clamp(17px,1.1vw,27px)/1.75 var(--sans);letter-spacing:-.025em;margin:30px 0 42px;color:#555;word-break:keep-all}
.contact-email{display:inline-flex;align-items:center;gap:20px;font-size:clamp(17px,1.1vw,28px);letter-spacing:-.025em;border-bottom:1px solid #999;padding-bottom:8px;max-width:100%;overflow-wrap:anywhere}
.contact-back{display:flex;gap:24px;width:fit-content;margin-top:30px;font:15px/1.5 var(--sans);color:#555}
.contact-sheet{min-width:0;scroll-margin-top:calc(var(--nav-height,70px) + 24px)}
.contact-form-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #111;padding-bottom:22px;margin-bottom:32px}
.contact-form-heading h2{font:500 24px/1.4 var(--sans);margin:0;letter-spacing:-.025em}
.contact-form-heading>span{font-size:14px;color:#666}
.contact-page fieldset{border:0;padding:0;margin:0 0 48px;min-width:0}
.contact-page legend{padding:0;margin-bottom:25px;font:500 clamp(19px,1.1vw,28px)/1.4 var(--sans);letter-spacing:-.02em}
.contact-page legend>span{font:13px/1.4 var(--v30-mono);margin-right:16px;color:#666}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px}
.field{min-width:0}
.field label{display:flex;align-items:center;gap:8px;font:400 16px/1.4 var(--sans);margin-bottom:10px}
.field .optional{font-size:12px;color:#777;margin-left:auto}
.field input,.field select,.field textarea{appearance:none;width:100%;max-width:100%;min-height:50px;padding:12px 0;border:0;border-bottom:1px solid #aaa;background:#fff;border-radius:0;font:400 clamp(16px,1vw,24px)/1.5 var(--sans);color:#171717;transition:border-color .2s}
.field input::placeholder,.field textarea::placeholder{color:#777;opacity:1}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-bottom-color:#111;box-shadow:0 1px #111}
.field select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23111' fill='none'/%3E%3C/svg%3E") no-repeat right 8px center;padding-right:28px;cursor:pointer}
.field textarea{resize:vertical;border:1px solid #aaa;padding:16px;min-height:180px}
.field textarea:focus{box-shadow:none;border-color:#111;outline:1px solid #111}
.contact-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-type{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #ccc;padding:18px 14px;cursor:pointer;min-width:0;min-height:94px}
.contact-type input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.contact-type:has(input:checked){border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#fafafa}
.contact-type:has(input:focus-visible){outline:2px solid #111;outline-offset:3px}
.type-number{display:flex;flex:none;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:var(--category-bg);color:var(--category-ink);font:11px var(--v30-mono)}
.type-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.type-copy strong{font:500 clamp(16px,1vw,24px)/1.2 var(--sans);letter-spacing:-.035em}
.type-copy>span{font:14px/1.4 var(--sans);color:#555}
.type-check{margin-left:auto;font-size:17px;opacity:0}
.contact-type:has(input:checked) .type-check{opacity:1}
.contact-undecided{grid-column:1/-1;display:flex;gap:10px;align-items:center;font:15px/1.5 var(--sans);width:fit-content;margin-top:4px;cursor:pointer}
.contact-undecided input{width:16px;height:16px;accent-color:#111}
.project-logistics{margin-top:32px}
.contact-submit-row{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:24px;border-top:1px solid #111}
.contact-submit-row p{font:14px/1.65 var(--sans);color:#666;margin:0}
.contact-submit-row button{display:flex;justify-content:space-between;align-items:center;gap:50px;background:#111;color:white;font:500 17px/1.4 var(--sans);min-height:54px;padding:16px 24px;border:0;cursor:pointer}
.contact-submit-row button:hover{background:#333}
.contact-submit-row button:disabled{opacity:.6;cursor:wait}
.field-error,.form-status{font:15px/1.6 var(--sans);color:#9c2828;margin:8px 0 0;word-break:keep-all}
.form-status{color:#171717;border:1px solid #999;padding:18px;margin-top:24px}
.field [aria-invalid="true"]{border-color:#9c2828}
.contact-page .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-page .receipt{padding:30px 0;border-block:1px solid #111}
.contact-page .receipt h2{font:400 42px/1.3 var(--sans);letter-spacing:-.04em}
.contact-page .receipt p{font-size:18px;line-height:1.7}
.contact-page .receipt a{display:inline-block;margin-top:24px;border-bottom:1px solid #111}
@media(min-width:2000px){.contact-main{padding-top:64px;padding-bottom:150px}.contact-layout{padding-top:84px}.contact-form-heading h2{font-size:32px}.contact-page fieldset{margin-bottom:64px}.field label{font-size:20px}.contact-type{padding:26px 22px;min-height:118px}.type-copy>span{font-size:18px}.contact-types{gap:18px}.contact-submit-row button{font-size:22px;min-height:64px}.contact-submit-row p{font-size:17px}}
@media(max-width:1000px){.contact-layout{grid-template-columns:1fr;gap:52px}.contact-intro{position:static}.contact-intro h1{font-size:clamp(42px,6vw,64px)}.contact-description{margin:24px 0}.contact-email{font-size:20px}.contact-back{margin-top:20px}}
@media(max-width:600px){.contact-main{padding-top:28px;padding-bottom:64px}.contact-kicker{font-size:11px;padding-bottom:18px}.contact-layout{padding-top:34px;gap:42px}.contact-label{font-size:16px;margin-bottom:18px}.contact-intro h1{font-size:clamp(32px,8.8vw,48px)}.contact-description{font-size:17px}.contact-email{font-size:18px;gap:14px}.contact-form-heading h2{font-size:22px}.contact-page fieldset{margin-bottom:36px}.contact-fields{grid-template-columns:1fr;gap:22px}.contact-types{grid-template-columns:1fr}.contact-type{min-height:80px;padding:16px}.type-copy strong{font-size:18px}.contact-undecided{font-size:14px}.contact-submit-row{align-items:stretch;flex-direction:column;gap:18px}.contact-submit-row button{width:100%}.contact-submit-row p br{display:none}.field textarea{min-height:200px}}

/* Use the studio statement and keep the only email address in the footer. */
.contact-page .contact-layout{padding-top:12px}
.contact-page .contact-submit-row button{justify-content:center;gap:0;min-width:160px;padding-inline:28px}
.contact-page .contact-back{display:inline-block;margin-top:0;border-bottom:1px solid #999;padding-bottom:6px}
@media(min-width:2000px){.contact-page .contact-layout{padding-top:20px}}
@media(max-width:600px){.contact-page .contact-layout{padding-top:8px}}