body[data-page=studio-contact] .topbar{display:none}
.studio-contact-heading{padding-block:35px 28px}.studio-contact-heading h1{font-size:clamp(36px,4vw,57px);margin:12px 0 16px}.studio-contact-heading>p{font-size:16px;margin:0}.studio-contact-heading>.eyebrow{margin:24px 0 10px}
.studio-contact-steps{display:flex;position:static;inset:auto;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:12px;align-items:center;font-size:12px;font-weight:700;flex-wrap:wrap}.studio-contact-steps a{color:#726b60;font:inherit}.studio-contact-steps span{padding:6px 13px;border-radius:30px;background:#fff0df;color:#954000}
.studio-contact-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:28px;align-items:start;padding-bottom:60px}
.studio-contact-layout[hidden],.studio-contact-empty[hidden],.studio-contact-loading[hidden],.studio-contact-layout [hidden]{display:none!important}
.studio-contact-project{display:grid;gap:20px;min-width:0}.studio-contact-layout .panel{padding:25px;border-radius:23px;box-shadow:0 10px 25px #30201105}.studio-contact-layout h2{font-size:25px;margin:0 0 12px;letter-spacing:-.7px}.studio-contact-layout .eyebrow{margin-bottom:10px;font-size:10px}
.contact-files{grid-column:1;grid-row:2}.studio-contact-form-panel{grid-column:2;grid-row:1/span 2}
.contact-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.contact-card-top .text-link{font-size:12px;white-space:nowrap}.contact-card-top h2{margin:0}
.contact-preview{display:flex;justify-content:center;align-items:center;border-radius:16px;background:#eeede8;overflow:hidden}.contact-preview img{max-height:350px;width:100%;object-fit:contain;display:block}
.contact-project-summary{display:grid;grid-template-columns:145px minmax(0,1fr);gap:9px 15px;font-size:13px;line-height:1.6;margin:20px 0 14px}.contact-project-summary dt{color:#756a5b}.contact-project-summary dd{margin:0;font-weight:600;overflow-wrap:anywhere}.contact-illustrative{font-size:11px;line-height:1.6;margin:0;color:#766b5c}
.contact-file{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e5dfd5}.contact-file-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:42px;height:49px;border-radius:9px;background:#fff0df;color:#9d4b10;font-size:11px;font-weight:800}.contact-file>div{display:grid;gap:3px;min-width:0;flex:1}.contact-file strong{font-size:13px;line-height:1.5}.contact-file small{font-size:11px;line-height:1.5;color:#776b5b}.contact-file button{min-height:44px;border:0;background:transparent;color:#974100;font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:8px}
.contact-files>.button{width:100%;margin-top:14px;font-size:13px;min-height:46px;padding:10px;border-radius:12px}.contact-file-note{font-size:12px;line-height:1.7;color:#746857;margin:12px 0 0;overflow-wrap:anywhere}.contact-png-options{margin-top:14px}.contact-png-options summary{font-size:12px;font-weight:600;cursor:pointer;min-height:40px;padding:8px 0}.contact-png-options .studio-png-options{margin-top:8px}
.studio-contact-form-panel{position:sticky;top:112px}.studio-contact-form-panel>p{font-size:14px;line-height:1.8;margin-bottom:20px}.studio-contact-form-panel label{font-size:13px;margin:0 0 16px;gap:6px}.studio-contact-form-panel input,.studio-contact-form-panel textarea{font-size:15px;min-height:46px;padding:11px 13px;border-radius:11px}.studio-contact-form-panel textarea{min-height:88px;resize:vertical}.studio-contact-form-panel form>.button{width:100%;font-size:13px;min-height:50px;border-radius:12px;padding:12px}
.contact-reference{padding:15px 18px;border:1px solid #f0dfc7;background:#fbf3e7;border-radius:15px;margin:16px 0 22px}.contact-reference small{display:block;font-size:11px;color:#77664f}.contact-reference strong{display:block;font-size:28px;letter-spacing:-.7px}.contact-reference p{font-size:11px;line-height:1.7;margin:5px 0 0}
.studio-contact-empty{max-width:670px;margin-bottom:60px}.studio-contact-empty h2{font-size:25px}.studio-contact-loading{padding-block:20px 80px;color:#776a58}
body[data-page=studio] .quote .studio-next-step{width:100%;min-height:48px;margin:12px 0 5px;font-size:14px;gap:10px}body[data-page=studio] .quote .studio-next-step:disabled{opacity:.6}body[data-page=studio] .studio-handoff-note{font-size:12px;line-height:1.6;margin:6px 0 0;color:#776957}
.contact-required-fields{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px}
.studio-contact-form-panel label small{font-size:11px;color:#817361;font-weight:400;margin-left:4px}
#contact-extra-details{border-block:1px solid #e5dfd5;margin:0 0 18px;padding:4px 0}
#contact-extra-details summary{font-size:12px;font-weight:650;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none}
#contact-extra-details summary span{font-size:10px;font-weight:500;color:#817361}
#contact-extra-details summary:after{content:'+';font-size:19px;color:#974100}#contact-extra-details[open] summary:after{content:'−'}
#contact-extra-details summary::-webkit-details-marker{display:none}
.contact-receipt{margin:0 0 18px;border-bottom:1px solid #e5dfd5}.contact-receipt summary{min-height:44px;font-size:12px;font-weight:650;cursor:pointer;line-height:1.5;padding:10px 0}
.contact-receipt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 Consolas,monospace;background:#faf8f3;border:1px solid #e5dfd5;border-radius:10px;padding:14px;max-height:360px;overflow:auto;color:#332b22;margin:0 0 15px}
#contact-extra-details[open] summary{margin-bottom:10px}
.studio-contact-form-panel:has(#contact-ready:not([hidden])){position:static}
.contact-ready{border:1px solid #e5cfb1;border-radius:14px;background:#fffaf2;margin-top:18px;padding:17px}
.contact-ready>strong{display:block;font-size:16px;line-height:1.5;letter-spacing:-.2px}.contact-ready>p{font-size:12px;line-height:1.7;color:#746857;margin:7px 0 14px}
.contact-ready-actions{display:flex;flex-wrap:wrap;gap:8px}.contact-ready-actions .button{flex:1;min-height:44px;font-size:12px;border-radius:10px;padding:10px 12px;white-space:nowrap}
.contact-ready>.text-link{display:inline-flex;margin-top:14px;min-height:36px;align-items:center;font-size:12px}
.contact-ready label{margin:12px 0 0}.contact-ready textarea{width:100%;font-size:12px;line-height:1.6}
#contact-feedback:empty{display:none}#project-files-title{scroll-margin-top:130px}
.studio-contact-layout summary:focus-visible,.studio-contact-layout button:focus-visible,.studio-contact-layout a:focus-visible{outline:3px solid #c45500;outline-offset:3px;border-radius:5px}
@media(max-width:390px){.contact-required-fields{grid-template-columns:minmax(0,1fr)}#contact-extra-details summary{font-size:11px}.contact-ready{padding:14px}.contact-ready-actions .button{flex-basis:100%}}
@media(max-width:1000px){.studio-contact-layout{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:18px}.studio-contact-layout .panel{padding:20px}.contact-project-summary{grid-template-columns:110px 1fr;gap:8px 10px}}
@media(max-width:760px){.studio-contact-heading{padding-block:24px}.studio-contact-heading>.eyebrow{font-size:10px;letter-spacing:1px}.studio-contact-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:35px}.studio-contact-form-panel{position:static}.contact-preview img{max-height:300px}.studio-contact-layout .panel{padding:20px}.contact-card-top{align-items:flex-start;flex-wrap:wrap;gap:7px}.contact-project-summary{font-size:13px}.studio-contact-form-panel input,.studio-contact-form-panel textarea{font-size:16px}.studio-contact-form-panel label{font-size:14px}.contact-file{gap:9px}.contact-file small{font-size:11px}.studio-contact-heading h1{font-size:38px}.contact-file-note{font-size:12px}.contact-files h2,.studio-contact-form-panel h2{font-size:25px}}
@media(max-width:760px){.contact-files,.studio-contact-form-panel{grid-column:auto;grid-row:auto}}
.contact-send-progress{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center;gap:12px 18px;margin:18px 0 8px;padding:22px;border:1px solid #f5d8b8;border-radius:17px;background:linear-gradient(135deg,#fff9f0,#fff2e2);overflow:hidden}
.send-illustration{position:relative;width:115px;height:120px;display:grid;place-items:center}.send-orbit{position:absolute;border:1px dashed #edb887;border-radius:50%;inset:6px;animation:send-orbit 15s linear infinite}.send-orbit-two{inset:16px;border-style:solid;opacity:.45;animation:send-breathe 2.2s ease-in-out infinite}.send-document{position:absolute;display:block;width:42px;height:52px;filter:drop-shadow(0 4px 5px #9a57101a)}.send-document svg{width:100%;height:100%;fill:#fff;stroke:#c9782d;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.send-document-back{top:13px;left:13px;transform:rotate(-16deg);animation:send-paper-back 2.6s ease-in-out infinite}.send-document-front{top:7px;right:12px;transform:rotate(12deg);animation:send-paper-front 2.6s ease-in-out -.7s infinite}.send-seal{position:absolute;display:grid;place-items:center;left:32px;bottom:16px;width:57px;height:57px;background:#ff7900;color:white;border:4px solid #fff8ef;box-shadow:0 7px 20px #e87c292b;border-radius:19px;z-index:1}.send-seal svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.send-loading-symbol{animation:send-arrow 1.7s ease-in-out infinite}.send-success-symbol,.send-error-symbol{display:none}.send-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#e89c55;animation:send-breathe 2s ease-in-out infinite}.send-spark-one{top:14px;left:2px}.send-spark-two{right:0;top:50px;animation-delay:-.5s}.send-spark-three{bottom:3px;left:19px;animation-delay:-1s}.send-progress-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#a15b1e}.send-progress-copy h3{font-size:21px;line-height:1.35;letter-spacing:-.5px;margin:8px 0;color:#3d2b1c}.send-progress-copy p{font-size:12px;line-height:1.7;color:#8a6744;margin:0}.send-progress-meter{grid-column:1/-1}.send-progress-meter progress{display:block;width:100%;height:5px;appearance:none;-webkit-appearance:none;border:0;border-radius:10px;overflow:hidden;background:#f5dfc5;color:#f17a13}.send-progress-meter progress::-webkit-progress-bar{background:#f5dfc5;border-radius:10px}.send-progress-meter progress::-webkit-progress-value{background:#f17a13;border-radius:10px;transition:width .35s ease}.send-progress-meter progress::-moz-progress-bar{background:#f17a13;border-radius:10px}.send-progress-meter span{display:block;margin-top:9px;font-size:10px;color:#94683c}.studio-contact-form-panel form>.button.is-sending{opacity:1;background:#ffe3c6;color:#8d4c17;gap:10px;cursor:progress}.studio-contact-form-panel form>.button.is-sending:before{content:'';height:14px;width:14px;border:2px solid #d4935b;border-right-color:transparent;border-radius:50%;animation:send-orbit .75s linear infinite}
.contact-send-progress[data-state=success]{background:linear-gradient(135deg,#f5faf0,#eaf3e4);border-color:#d4e6c8;animation:send-arrive .35s ease-out}.contact-send-progress[data-state=success] .send-seal{background:#4e8251;border-color:#f6faef;color:#fff;animation:send-arrive .4s ease-out}.contact-send-progress[data-state=success] .send-loading-symbol,.contact-send-progress[data-state=error] .send-loading-symbol{display:none}.contact-send-progress[data-state=success] .send-success-symbol{display:block;stroke-dasharray:42;stroke-dashoffset:42;animation:send-check .55s ease-out forwards}.contact-send-progress[data-state=success] .send-orbit,.contact-send-progress[data-state=success] .send-document,.contact-send-progress[data-state=success] .send-spark,.contact-send-progress[data-state=error] .send-orbit,.contact-send-progress[data-state=error] .send-document,.contact-send-progress[data-state=error] .send-spark{animation:none}.contact-send-progress[data-state=success] .send-progress-eyebrow,.contact-send-progress[data-state=success] .send-progress-copy p,.contact-send-progress[data-state=success] .send-progress-meter span{color:#4e7241}.contact-send-progress[data-state=success] .send-progress-copy h3{color:#304b2a}.contact-send-progress[data-state=success] progress::-webkit-progress-value{background:#6c9960}.contact-send-progress[data-state=success] progress::-moz-progress-bar{background:#6c9960}
.contact-send-progress[data-state=error]{background:#fff7f2;border-color:#efd6c7}.contact-send-progress[data-state=error] .send-seal{background:#b96540}.contact-send-progress[data-state=error] .send-error-symbol{display:block}.contact-send-progress[data-state=error] .send-progress-copy h3{color:#88482d}
@keyframes send-orbit{to{transform:rotate(360deg)}}@keyframes send-breathe{0%,100%{opacity:.4}50%{opacity:1}}@keyframes send-paper-back{0%,100%{transform:translateY(0) rotate(-16deg)}50%{transform:translateY(-5px) rotate(-10deg)}}@keyframes send-paper-front{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-6px) rotate(17deg)}}@keyframes send-arrow{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes send-arrive{from{opacity:.65;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes send-check{to{stroke-dashoffset:0}}
@media(max-width:540px){.contact-send-progress{grid-template-columns:1fr;padding:18px;gap:7px;text-align:center}.send-illustration{justify-self:center;width:115px;height:108px}.send-progress-copy h3{font-size:22px}.send-progress-copy p{font-size:13px}.send-progress-meter{margin-top:10px}.send-progress-eyebrow{font-size:10px}.send-progress-meter span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.contact-send-progress,.contact-send-progress *,.studio-contact-form-panel form>.button.is-sending:before{animation:none!important;transition:none!important}.send-progress-meter progress::-webkit-progress-value{transition:none}.contact-send-progress[data-state=success] .send-success-symbol{stroke-dashoffset:0}}
