/* Questionnaire: studio palette, native controls and restrained motion. */
.questionnaire-modal{width:min(760px,calc(100% - 32px));padding:40px 46px}.questionnaire-modal .modal-heading{font-size:36px}.questionnaire-modal .modal-description{max-width:530px}.form-step-nav{display:flex;gap:23px;margin:0 0 30px;color:var(--muted);font-size:11px}.form-step-nav span{display:flex;align-items:center;gap:8px}.form-step-nav b{font-size:10px;font-weight:500;width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .25s}.form-step-nav .current{color:var(--brick)}.form-step-nav .current b{background:var(--brick);color:var(--paper);border-color:var(--brick)}.form-step-nav .complete b{background:var(--khaki);color:var(--paper);border-color:var(--khaki)}.choice-group{border:0;margin:0 0 23px;padding:0;min-width:0}.choice-group legend{font-size:12px;font-weight:500;margin-bottom:10px}.choice-group legend small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:6px}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.direction-card{position:relative;display:grid;grid-template-columns:31px 1fr;column-gap:8px;row-gap:6px;padding:16px;border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.direction-card input,.style-card input,.choice-chip input{position:absolute;opacity:0;pointer-events:none}.direction-card strong{font-size:12px;font-weight:500}.direction-card small{grid-column:2;font-size:10px;line-height:1.5;color:var(--muted)}.direction-icon{grid-row:span 2;color:var(--khaki);font-size:25px;line-height:1}.direction-card:has(input:checked){border-color:var(--brick);background:#ad503b0a}.direction-card:has(input:checked) .direction-icon{color:var(--brick)}.direction-card:hover{transform:translateY(-2px);background:#fff5}.direction-card:has(input:focus-visible),.style-card:has(input:focus-visible),.choice-chip:has(input:focus-visible){outline:3px solid #ad503b70;outline-offset:2px}.field .field-hint{margin:6px 0 0;line-height:1.6;font-size:11px}.story-options{border:1px solid var(--line);border-radius:6px;margin-top:25px;background:#e5e2d74a}.story-options>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:19px}.story-options>summary::-webkit-details-marker{display:none}.story-options>summary strong{font-size:13px;font-weight:500}.story-options>summary small{display:block;margin-top:7px;font-size:10px;color:var(--muted);line-height:1.5}.story-options>summary i{font-size:21px;font-style:normal;color:var(--brick)}.story-options[open]>summary i{transform:rotate(45deg)}.story-options>div{padding:0 19px 19px;animation:enter .25s var(--ease)}.story-options textarea{min-height:83px}.simple-check{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.6;color:var(--muted);cursor:pointer}.simple-check input{accent-color:var(--brick);margin-top:3px}.recommendation{display:flex;gap:13px;padding:16px 18px;background:#777b5915;border-left:2px solid var(--khaki);border-radius:3px;margin:5px 0 25px}.recommendation>span{font-size:26px;line-height:1;color:var(--khaki)}.recommendation strong{font-size:12px;font-weight:500;color:#52573c}.recommendation p{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0 0}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-card{position:relative;border:1px solid var(--line);border-radius:6px;padding:14px 32px 14px 14px;cursor:pointer;transition:background .2s,border-color .2s}.style-card strong{font-size:12px;font-weight:500;display:block}.style-card small{font-size:10px;color:var(--muted);display:block;line-height:1.5;margin-top:6px}.style-card i{position:absolute;width:13px;height:13px;border:1px solid #a6a89b;border-radius:50%;right:12px;top:15px}.style-card:has(input:checked){border-color:var(--brick);background:#ad503b0a}.style-card:has(input:checked) i{background:var(--brick);border:3px solid var(--paper);outline:1px solid var(--brick)}.style-card.recommended:not(:has(input:checked)){border-color:#929877}.style-card:hover{background:#fff6}.questionnaire-modal .sound-options>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:1px 0;font-size:12px}.sound-options>summary::-webkit-details-marker{display:none}.sound-options>summary span{color:var(--brick);font-size:18px}.sound-options[open]>summary span{transform:rotate(45deg)}.chip-list{display:flex;flex-wrap:wrap;gap:7px}.choice-chip{position:relative;cursor:pointer;display:inline-flex}.choice-chip span{display:block;border:1px solid var(--line);border-radius:4px;padding:9px 11px;font-size:11px;transition:background .2s,border-color .2s}.choice-chip:has(input:checked) span{color:var(--paper);background:var(--khaki);border-color:var(--khaki)}.choice-chip:hover span{border-color:var(--khaki)}.choice-error{font-size:11px;color:var(--burgundy);line-height:1.5;min-height:0;margin:8px 0 0}.choice-error:empty{display:none}.form-note{font-size:10px;line-height:1.7;color:var(--muted);margin:15px 0 0}.form-summary{border-radius:7px;background:#e4e0d5;padding:22px;margin-bottom:25px}.form-summary h3{font-size:22px;letter-spacing:-.5px;margin:15px 0 10px}.form-summary p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 14px}.form-summary details{margin-bottom:18px}.form-summary summary{cursor:pointer;font-size:11px;color:var(--burgundy)}.form-summary pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 'Golos Text',Arial,sans-serif;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;max-height:270px;overflow:auto}.form-summary .text-button{font-size:10px;margin-right:20px}.local-notice{padding:14px 15px;background:#777b5910;border-radius:5px;font-size:10px;line-height:1.7;color:var(--muted);display:flex;gap:9px}.local-notice>span{color:var(--khaki);font-size:20px;line-height:1}.questionnaire-modal [hidden]{display:none!important}.questionnaire-modal .form-actions{border-top:1px solid var(--line);padding-top:20px}.review-row>div{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.questionnaire-modal{padding:32px 21px 22px}.questionnaire-modal .modal-heading{font-size:29px}.form-step-nav{gap:13px;font-size:9px;margin-bottom:24px}.form-step-nav span{gap:5px}.form-step-nav b{width:19px;height:19px}.direction-card{padding:12px;grid-template-columns:23px 1fr;gap:5px}.direction-card strong{font-size:11px;line-height:1.4}.direction-card small{font-size:9px}.direction-icon{font-size:22px}.style-grid{grid-template-columns:1fr}.story-options>summary{padding:15px}.story-options>div{padding:0 15px 15px}.form-summary{padding:17px}.form-summary .text-button{display:block;margin:12px 0 0}.questionnaire-modal .form-actions .button{font-size:12px;padding:14px 17px;gap:17px}}

/* A compact studio sleeve frames each order. */
.questionnaire-modal:has(.form-brand){padding:0;scrollbar-width:thin;scrollbar-color:var(--khaki) var(--paper)}
.form-brand{position:relative;display:flex;align-items:center;gap:23px;min-height:78px;padding:18px 46px;background:var(--ink);color:var(--paper);overflow:hidden}
.form-brand>span{font-size:28px;font-weight:700;letter-spacing:-1.7px;line-height:1}
.form-brand .brand-dot{color:var(--brick);font-size:9px;margin-left:4px}
.form-brand>small{font-size:8px;letter-spacing:1.5px;line-height:1.6;max-width:95px;color:#d4d1c6}
.form-brand:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brick) 0 25%,var(--khaki) 25% 50%,var(--burgundy) 50% 75%,var(--ink) 75%)}
.form-wave{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:27px;opacity:.85}
.form-wave i{display:block;width:3px;height:var(--bar-height);border-radius:3px;background:var(--khaki)}
.form-wave i:nth-child(3n){background:var(--brick)}
.form-wave i:nth-child(4n){background:#a8707c}
.questionnaire-modal:has(.form-brand) .close{z-index:2;top:17px;right:15px;color:var(--paper);border-radius:50%;transition:background .2s,transform .3s var(--ease)}
.questionnaire-modal:has(.form-brand) .close:hover{background:#ffffff14;transform:rotate(90deg)}
.form-body{padding:28px 46px 22px}
.form-body .modal-eyebrow{font-size:9px;margin-bottom:17px}
.form-step-nav{gap:8px;margin-bottom:17px}
.form-step-nav>span{flex:1;padding:9px 12px;border-radius:5px;background:#30322f06;font-size:10px;gap:7px}
.form-step-nav .current{background:var(--burgundy);color:var(--paper)}
.form-step-nav .current b{background:#ffffff18;border-color:#ffffff38;color:var(--paper)}
.form-step-nav .complete{color:#555a3a;background:#777b5915}
.form-meter{height:3px;overflow:hidden;border-radius:4px;background:var(--line);margin-bottom:27px}
.form-meter>i{height:100%;display:block;width:var(--progress);background:var(--brick);animation:progress-fill .5s var(--ease) both}
.form-stage{--slide-from:16px;animation:form-slide .42s var(--ease) both}
.form-stage.step-back{--slide-from:-16px}
.form-stage .modal-heading{color:var(--ink);letter-spacing:-1.3px}
.form-stage .modal-description{margin-bottom:25px}
.direction-card{--card-color:var(--brick);background:#f8f6f0;border-radius:8px;padding:17px;transition:background .28s,color .28s,border-color .28s,box-shadow .28s,transform .3s var(--ease)}
.direction-card:has([value="love"]){--card-color:var(--burgundy)}
.direction-card:has([value="family"]){--card-color:#626747}
.direction-card:has([value="custom"]){--card-color:var(--ink)}
.direction-icon{color:var(--card-color);transition:transform .35s var(--ease),color .25s}
.direction-card:has(input:checked){background:var(--card-color);border-color:var(--card-color);color:var(--paper);box-shadow:0 5px 12px #30322f12}
.direction-card:has(input:checked) small{color:#f0ece0dd}
.direction-card:has(input:checked) .direction-icon{color:var(--paper);transform:rotate(-8deg) scale(1.08)}
.direction-card:hover{border-color:var(--card-color);box-shadow:0 5px 16px #30322f0d}
.direction-card:has(input:checked):hover{background:var(--card-color)}
.direction-card:active,.style-card:active{transform:scale(.98)}
.style-card{background:#f8f6f0;border-radius:8px;transition:background .25s,border-color .25s,transform .3s var(--ease),box-shadow .25s}
.style-card:has(input:checked){background:var(--burgundy);border-color:var(--burgundy);color:var(--paper);box-shadow:0 5px 12px #642d3b12}
.style-card:has(input:checked) small{color:#efece4dc}
.style-card:has(input:checked) i{background:var(--paper);border-color:var(--burgundy);outline-color:#efece4a6;animation:selection-pop .3s var(--ease)}
.style-card:has(input:checked):hover{background:var(--burgundy)}
.style-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #30322f0a}
.style-card.recommended:not(:has(input:checked)){background:#777b5910;border-color:var(--khaki)}
.field input,.field textarea,.field select{transition:border-color .25s,box-shadow .25s,background .25s}
.field input:hover,.field textarea:hover,.field select:hover{border-color:#929582}
.field input:focus,.field textarea:focus,.field select:focus{background:#fffdf8;border-color:var(--brick);box-shadow:0 0 0 3px #ad503b18}
.questionnaire-modal [data-custom]:not([hidden]),.questionnaire-modal [data-instrument-custom]:not([hidden]){animation:field-reveal .3s var(--ease) both}
.recommendation{background:#777b5918;border-radius:7px;border-left:3px solid var(--khaki);padding:17px 18px}
.recommendation>div{animation:field-reveal .28s var(--ease)}
.story-options{border-radius:8px;background:#777b590b;transition:background .25s,border-color .25s}
.story-options:hover,.story-options[open]{border-color:#9b9f88;background:#777b5911}
.story-options>summary i,.sound-options>summary span{transition:transform .3s var(--ease)}
.questionnaire-modal .sound-options{border:1px solid var(--line);border-radius:7px;padding:17px 18px;background:#f8f6f04a;transition:border-color .25s,background .25s}
.questionnaire-modal .sound-options:hover,.questionnaire-modal .sound-options[open]{border-color:#a89497;background:#642d3b05}
.questionnaire-modal .sound-options[open]>div{animation:field-reveal .32s var(--ease) both}
.choice-chip span{border-radius:6px;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease)}
.choice-chip:active span{transform:scale(.96)}
.choice-chip:has(input:checked) span{background:#626747;border-color:#626747;animation:selection-pop .25s var(--ease)}
.form-summary{background:var(--burgundy);color:var(--paper);border-radius:9px;border-top:4px solid var(--brick)}
.form-summary .eyebrow{color:#dbc8c8}
.form-summary p,.form-summary summary,.form-summary pre{color:#efece4dc}
.form-summary pre{border-color:#efece433}
.form-summary .text-button:hover{color:#fff}
.form-actions .primary{background:var(--brick);box-shadow:0 4px 10px #ad503b18;transition:transform .3s var(--ease),background .25s,box-shadow .3s}
.form-actions .primary:hover{background:#984432;box-shadow:0 7px 16px #ad503b28}
.form-actions .primary:active{transform:translateY(1px) scale(.97)}
.form-actions .back:hover{color:var(--burgundy)}
@keyframes form-slide{from{opacity:0;transform:translateX(var(--slide-from))}to{opacity:1;transform:translateX(0)}}
@keyframes field-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes selection-pop{from{transform:scale(.94)}to{transform:scale(1)}}
@keyframes progress-fill{from{width:var(--progress-from)}to{width:var(--progress)}}
@media(max-width:600px){
  .form-brand{min-height:66px;padding:15px 21px;gap:16px}
  .form-brand>span{font-size:25px}
  .form-brand>small{font-size:7px;letter-spacing:1px;max-width:85px}
  .form-wave{gap:3px;margin-right:25px}
  .form-wave i{width:2px;height:calc(var(--bar-height) * .65)}
  .questionnaire-modal:has(.form-brand) .close{top:12px;right:8px}
  .form-body{padding:22px 21px 17px}
  .form-step-nav{gap:5px}
  .form-step-nav>span{padding:8px 5px;font-size:8px;gap:4px}
  .form-step-nav b{width:17px;height:17px;flex-shrink:0}
  .direction-card{padding:13px 11px}
  .form-stage .modal-heading{font-size:28px}
  .form-stage .field input,.form-stage .field textarea,.form-stage .field select{font-size:16px}
  .questionnaire-modal .sound-options{padding:16px 13px}
}
@media(hover:none){.direction-card:hover,.style-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  .questionnaire-modal *,.questionnaire-modal *:before,.questionnaire-modal *:after{animation:none!important;transition:none!important}
}