.experience-page{--form-error:#9b3030;padding-bottom:var(--space-7)}.experience-page [hidden]{display:none!important}.experience-intro{column-gap:var(--space-5);padding-top:clamp(2rem,5vw,5rem);padding-bottom:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid;position:relative}.experience-intro:before{content:"";background:var(--cream);opacity:.65;z-index:-1;border-radius:64% 36% 42% 58%/53% 55% 45% 47%;width:50%;height:90%;position:absolute;top:0;right:-4%;transform:rotate(-7deg)}.experience-back{width:fit-content;margin-bottom:var(--space-4);font-size:.875rem;font-weight:500;display:block}.experience-eyebrow{color:var(--heading);letter-spacing:.12em;margin-bottom:var(--space-2);font-size:.75rem;font-weight:700;line-height:1.6;display:block}.experience-intro h1{max-width:22ch;margin:0 0 var(--space-3);font-size:clamp(2.5rem,4vw,4.5rem)}.experience-intro>p{align-self:center;max-width:68ch;margin:0;font-size:clamp(1rem,1.2vw,1.125rem)}.experience-intro>.experience-back,.experience-intro>.experience-eyebrow{grid-column:1/-1}.experience-layout{gap:var(--space-5);grid-template-columns:minmax(0,2.5fr) minmax(240px,1fr);align-items:start;display:grid}.experience-availability{background:var(--cream);border:1px solid var(--yellow);padding:var(--space-3);border-radius:var(--radius);margin-bottom:var(--space-3);font-size:.9375rem}.experience-form,.experience-success{background:var(--white);border:var(--border);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2.5rem)}.form-guidance{color:var(--heading);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.form-required,.field-help{color:var(--muted);margin:.5rem 0 0;font-size:.8125rem;line-height:1.6}.experience-section{border:0;border-top:var(--border);min-width:0;padding:var(--space-4) 0 0;margin:var(--space-4) 0 0}.experience-section>legend{color:var(--heading);align-items:center;gap:.75rem;padding:0 .75rem 0 0;font-size:1.125rem;font-weight:700;display:flex}.experience-section>legend>span{background:var(--pale-blue);border-radius:50%;flex-shrink:0;place-content:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;display:inline-grid}.measurement-grid,.shoe-grid{gap:var(--space-3);margin-top:var(--space-3);display:grid}.measurement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.measurement-grid .experience-field>label{min-height:2.75rem}.shoe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-field{min-width:0}.experience-field>label{color:var(--heading);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.experience-field>label small{color:var(--muted);font-size:.75rem;font-weight:400;display:block}.experience-field input[type=text],.experience-field select,.experience-field textarea{font:inherit;color:var(--heading);border:1px solid var(--line);background:var(--white);width:100%;min-height:48px;transition:border-color var(--transition), box-shadow var(--transition);border-radius:12px;padding:.75rem;font-size:1rem}.experience-field textarea{resize:vertical;min-height:128px}.experience-field input[type=text]:hover,.experience-field select:hover,.experience-field textarea:hover{border-color:var(--accent,#4d8bd5)}.experience-field input[type=text]:focus,.experience-field select:focus,.experience-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--pale-blue)}.experience-field input:disabled,.experience-field select:disabled{background:var(--paper);color:var(--muted)}.experience-field select{cursor:pointer;padding-right:2.5rem}.measurement-control{position:relative}.measurement-control input[type=text]{padding-right:2.5rem}.measurement-control>span{color:var(--muted);pointer-events:none;font-size:.875rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.experience-page .checkbox-label{cursor:pointer;align-items:flex-start;gap:.75rem;font-size:.875rem;font-weight:500;line-height:1.5;display:flex}.experience-page input[type=checkbox],.experience-page input[type=radio]{width:18px;height:18px;accent-color:var(--blue);cursor:pointer;flex:0 0 18px;margin:.15rem 0 0}.experience-page .model-unknown{align-items:center;min-height:44px;margin:.25rem 0 0}.shoe-size{grid-column:1/-1;max-width:26rem}.rating-group{min-width:0;margin:var(--space-3) 0;border:0;padding:0}.rating-group legend{color:var(--heading);margin-bottom:.75rem;font-size:.9375rem;font-weight:600}.fit-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.fit-option{border:var(--border);min-height:48px;color:var(--heading);cursor:pointer;transition:background var(--transition), border-color var(--transition);border-radius:12px;align-items:center;gap:.625rem;padding:.75rem;font-size:.9375rem;line-height:1.4;display:flex}.fit-option:hover{background:var(--sky-surface);border-color:var(--blue)}.fit-option:has(:checked){background:var(--pale-blue);border-color:var(--blue)}.fit-option:has(:focus-visible){outline:3px solid var(--heading);outline-offset:3px}.comment-help-row{justify-content:space-between;gap:1rem;display:flex}#comment-count{white-space:nowrap}.participant-field{margin-top:var(--space-3);max-width:22rem}.experience-consent{border-top:var(--border);margin-top:var(--space-4);padding-top:var(--space-4);font-size:.875rem}.experience-consent h2{font-family:var(--font-body);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.experience-consent p{margin:.75rem 0}.experience-consent>a{text-underline-offset:3px;font-size:.8125rem;font-weight:600;text-decoration:underline}.consent-label{margin-top:var(--space-3);min-height:48px}.experience-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.experience-page .field-error{color:var(--form-error);margin:.5rem 0 0;font-size:.8125rem;font-weight:500}.experience-page [aria-invalid=true]{border-color:var(--form-error)!important}.form-error-summary,.submission-error{border-left:3px solid var(--form-error);color:var(--form-error);background:var(--cream-soft);margin:var(--space-3) 0;padding:1rem;font-size:.9375rem}.form-error-summary ul{margin:.5rem 0 0;padding-left:1.25rem}.form-error-summary a{color:inherit;text-decoration:underline}.submit-row{align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.experience-page .button{cursor:pointer;border:0;gap:1rem;min-width:190px;font-size:.9375rem}.experience-page .button:disabled{opacity:.55;cursor:not-allowed}.experience-page .button:active:not(:disabled){transform:translateY(1px)}.submit-row>p{color:var(--muted);margin:0;font-size:.75rem}.experience-aside{padding-top:var(--space-3)}.experience-aside-note{padding:var(--space-4) var(--space-3);isolation:isolate;position:relative}.experience-aside-note:before{content:"";background:var(--pale-blue);z-index:-1;border-radius:35% 65% 48% 52%/32% 36% 64% 68%;position:absolute;inset:0 -.75rem;transform:rotate(4deg)}.experience-aside h2{margin:var(--space-2) 0;font-size:2rem}.experience-aside p{font-size:.875rem}.experience-aside-small{padding:var(--space-2) var(--space-3) 0;margin:0}.experience-success h2{font-size:2.5rem}.experience-success .button{margin-top:var(--space-3)}.experience-success .experience-back{margin:var(--space-3) 0 0}.case-reference{overflow-wrap:anywhere;padding:var(--space-2);background:var(--pale-blue);border-radius:12px;font-size:.875rem}@media (width<=1000px){.experience-layout{grid-template-columns:minmax(0,1fr);max-width:820px}.experience-aside{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.experience-aside-note{grid-row:span 2}}@media (width<=800px){.experience-intro{display:block}.experience-intro h1{max-width:none}}@media (width<=600px){.experience-intro{padding-top:var(--space-4);padding-bottom:var(--space-4)}.desktop-break{display:none}.experience-intro h1{font-size:2.5rem}.experience-intro:before{width:75%}.measurement-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.measurement-grid .experience-field>label{min-height:0}.experience-field>label small{margin-left:.5rem;display:inline}.shoe-grid{grid-template-columns:minmax(0,1fr)}.submit-row{flex-direction:column;align-items:stretch}.submit-row>p{text-align:center}.experience-aside{display:block}.experience-section>legend{font-size:1rem}.comment-help-row{display:block}#comment-count{text-align:right;display:block}.fit-option{padding:.75rem .625rem;font-size:.875rem}}@media (width<=400px){.fit-options{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.experience-page *{transition:none!important}}
