.skn-contact-page{width:calc(100% - 4.5vw);margin:0 auto 80px;padding:80px 24px 40px;background:rgba(255,246,238,.8);border-radius:12px;color:#171717;font-family:var(--text-font-family);font-weight:400}
.skn-contact-page__inner{width:100%;max-width:603px;margin:0 auto}
body.skn-rhode-v2 .skn-contact-page__header h1{font:400 40px/1.15 var(--text-font-family);text-transform:lowercase;letter-spacing:-.025em;margin:0 0 24px}
.skn-contact-page__header p{font-size:16px;line-height:1.5;margin:0 0 18px}
.skn-contact-page a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.skn-contact-page__required{font-size:16px;line-height:1.5;margin:22px 0}
.skn-contact-page__fields{display:grid;gap:16px}
.skn-contact-page__field{position:relative;min-width:0}
.skn-contact-page__field :is(input,textarea,select){display:block;width:100%;max-width:100%;min-height:58px;border:1px solid transparent;border-radius:12px;padding:23px 20px 9px;background:#fff;color:#171717;font:400 16px/1.4 var(--text-font-family);letter-spacing:0;box-shadow:none}
.skn-contact-page__field textarea{min-height:160px;resize:vertical;padding-top:30px}
.skn-contact-page__field label:not(.sr-only){position:absolute;left:20px;top:18px;pointer-events:none;color:#555;font-size:16px;line-height:1.4;transition:font-size .15s ease,top .15s ease}
.skn-contact-page__field:focus-within label:not(.sr-only),.skn-contact-page__field input:not(:placeholder-shown)+label,.skn-contact-page__field textarea:not(:placeholder-shown)+label{top:7px;font-size:11px}
.skn-contact-page__field select{appearance:none;cursor:pointer;padding:16px 44px 16px 20px}
.skn-contact-page__field--select::after{content:'';position:absolute;right:21px;top:24px;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);pointer-events:none}
.skn-contact-page__field :is(input,textarea,select):focus-visible{outline:2px solid #171717;outline-offset:2px}
.skn-contact-page__conditional{display:grid;gap:16px}
.skn-contact-page [hidden]{display:none!important}
.skn-contact-page__helper{font-size:13px;line-height:1.5;margin:0}
.skn-contact-page__photos{margin-top:20px}
.skn-contact-page__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:126px;gap:10px;border:1px dashed #b8afa7;border-radius:12px;background:rgba(255,255,255,.45);margin-top:12px;padding:20px;text-align:center;font-size:16px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.skn-contact-page__dropzone:hover,.skn-contact-page__dropzone.is-dragover{background:#fff;border-color:#171717}
.skn-contact-page__upload-link{text-decoration:underline;text-underline-offset:4px}
.skn-contact-page__dropzone:focus-visible{outline:2px solid #171717;outline-offset:3px}
.skn-contact-page__photo-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:16px 0 0;list-style:none}
.skn-contact-page__photo-list:empty{display:none}
.skn-contact-page__photo{position:relative;min-width:0;padding:8px;background:white;border-radius:10px}
.skn-contact-page__photo img{width:100%;height:92px;object-fit:contain;display:block;border-radius:6px}
.skn-contact-page__photo-name{font-size:11px;line-height:1.3;overflow-wrap:anywhere;margin-top:6px}
.skn-contact-page__photo-remove{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:28px;height:28px;background:white;border:1px solid #ddd;border-radius:50%;font:400 20px/1 Arial;cursor:pointer;color:#171717}
.skn-contact-page__photo-status,.skn-contact-page__photo-error{font-size:13px;line-height:1.5;margin:12px 0 0}
.skn-contact-page__photo-status:empty{display:none}
.skn-contact-page__photo-error{color:#9b1c1c}
body.skn-rhode-v2 .skn-contact-page__submit{display:block;width:100%;min-height:50px;margin:24px 0 0;padding:14px 24px;border:1px solid #171717;border-radius:999px;background:#fff;color:#171717;font:400 15px/1.35 var(--text-font-family);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease}
body.skn-rhode-v2 .skn-contact-page__submit:hover{background:#ffd1dc}
.skn-contact-page__submit:disabled{opacity:.55;cursor:wait}
.skn-contact-page__submit:focus-visible,.skn-contact-page a:focus-visible,.skn-contact-page__photo-remove:focus-visible{outline:2px solid #171717;outline-offset:3px}
.skn-contact-page__privacy{font-size:12px;line-height:1.5;margin:20px 0 0}
.skn-contact-page__notice{padding:16px;margin:0 0 20px;background:white;border:1px solid #171717;border-radius:12px;font-size:15px;line-height:1.5}
.skn-contact-page__notice--error{border-color:#9b1c1c}
@media(max-width:749px){.skn-contact-page{width:calc(100% - 24px);margin-bottom:56px;padding:40px 20px}.skn-contact-page__header h1{margin-bottom:20px}.skn-contact-page__required{font-size:14px}.skn-contact-page__photo-list{grid-template-columns:repeat(3,minmax(0,1fr))}.skn-contact-page__photo img{height:80px}}
@media(prefers-reduced-motion:reduce){.skn-contact-page__field label,.skn-contact-page__dropzone,.skn-contact-page__submit{transition:none}}
