:root { --green:#24483c; --gold:#c6a15b; --cream:#f5f1e9; --ink:#242723; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:Montserrat,sans-serif; color:var(--ink); background:var(--cream); }
.experience-page { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; }
.experience-welcome { min-height:100vh; padding:55px 8vw; display:flex; flex-direction:column; justify-content:space-between; color:#fff; background:linear-gradient(rgba(20,46,38,.72),rgba(20,46,38,.78)),url('images/hero.jpg') center/cover; }
.experience-logo { color:#fff; text-decoration:none; font-family:"Cormorant Garamond",serif; font-size:29px; letter-spacing:2px; }
.experience-logo span { display:block; font-family:Montserrat,sans-serif; font-size:7px; letter-spacing:5px; }
.eyebrow { color:var(--gold); font-size:10px; letter-spacing:4px; }
.experience-welcome h1 { max-width:600px; margin:18px 0; font:600 clamp(50px,7vw,92px)/.88 "Cormorant Garamond",serif; }
.experience-welcome h1 em { display:block; color:var(--gold); font-weight:500; }
.experience-welcome p { max-width:560px; color:rgba(255,255,255,.78); line-height:1.8; }
.experience-panel { display:flex; align-items:center; justify-content:center; padding:60px 8vw; }
#experienceForm { width:min(100%,620px); }
.field { position:relative; margin-bottom:24px; }
.field label,.rating-field legend { display:block; margin-bottom:9px; font-size:10px; font-weight:600; letter-spacing:2px; text-transform:uppercase; }
.field small { font-weight:400; }
.field input,.field textarea { width:100%; padding:15px 16px; border:1px solid #d9d1c5; background:#fff; font:14px Montserrat,sans-serif; outline:none; resize:vertical; }
.field input:focus,.field textarea:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(198,161,91,.12); }
.counter { position:absolute; right:10px; bottom:8px; font-size:10px; color:#817b72; }
.rating-field { border:0; margin:4px 0 24px; }
.rating { display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:5px; }
.rating input { position:absolute; opacity:0; }
.rating label { color:#c9c3b8; font-size:38px; cursor:pointer; transition:.2s; }
.rating label:hover,.rating label:hover~label,.rating input:checked~label { color:var(--gold); transform:translateY(-2px); }
.consent { display:flex; align-items:flex-start; gap:10px; margin-bottom:24px; font-size:11px; line-height:1.6; color:#635f58; }
.consent input { margin-top:3px; accent-color:var(--green); }
#submitExperience { width:100%; border:0; padding:17px; background:var(--green); color:#fff; font:600 10px Montserrat,sans-serif; letter-spacing:2px; cursor:pointer; }
#submitExperience:disabled { opacity:.65; cursor:wait; }
.form-message { margin-top:18px; padding:0; font-size:13px; line-height:1.7; }
.form-message.success,.form-message.error { padding:16px; border-left:4px solid; background:#fff; }
.form-message.success { border-color:#2d8a5d; color:#1e6645; }
.form-message.error { border-color:#bd4037; color:#922f28; }
.form-message a { color:inherit; font-weight:600; }
@media(max-width:800px){.experience-page{grid-template-columns:1fr}.experience-welcome{min-height:420px;padding:35px 25px}.experience-panel{padding:50px 25px}.experience-welcome h1{font-size:58px}}