@font-face{font-family:'Saira Condensed';src:url('../fonts/SairaCondensed-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Saira Condensed';src:url('../fonts/SairaCondensed-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('../fonts/HankenGrotesk-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('../fonts/HankenGrotesk-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('../fonts/HankenGrotesk-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{
  --color-bg:#FAF5EE;--color-surface:#FFFDF9;--color-text:#3B2421;--color-primary:#70483D;--color-accent:#E6C7AF;--color-text-muted:#765D53;
  --color-deep:#2F1C1A;--color-brand-bg:#3B2421;--color-dark-surface:#51332D;--color-on-dark:#FAF1E7;--color-on-dark-muted:#CCB4A8;
  --color-line:#9C7A69;--color-line-soft:#DCCABD;--color-dark-line:#A48272;--color-dark-line-soft:#67453C;--color-disabled:#E8DED3;--color-error:#933C2B;--color-clear:transparent;--color-backdrop:rgba(20,10,8,.75);
  --color-wash:rgba(112,72,61,.06);--color-dark-wash:rgba(230,199,175,.09);--color-shade:rgba(47,28,26,.12);--color-shadow:rgba(28,14,12,.18);
  --font-body:'Hanken Grotesk',sans-serif;--font-heading:'Saira Condensed',sans-serif;
  --text-display:clamp(2.1rem,5vw,3.5rem);--text-h1:clamp(2rem,4.8vw,3.1rem);--text-h2:clamp(1.55rem,3vw,2.1rem);--text-h3:1.3rem;--text-body:1rem;--text-small:.875rem;--text-tiny:.75rem;
  --space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--space-7:5rem;--space-8:6rem;
  --radius-small:.375rem;--radius-medium:.75rem;--radius-large:1.25rem;--radius-pill:999px;
  --width-content:52rem;--width-doc:47rem;--width-wide:70rem;--touch-size:2.75rem;
  --mark-size:2.5rem;--mark-small:2rem;--border-thin:1px;--duration-short:180ms;--duration-medium:260ms;--duration-long:380ms;
  --shadow-soft:0 .8rem 3rem var(--color-shadow);--letter-label:.12em;--letter-heading:-.012em;--question-exit-offset:-.6rem;--visually-hidden-offset:-1px;
  --measure-100dvh:100dvh;--measure-13p5rem:13.5rem;--measure-13rem:13rem;--measure-18rem:18rem;--measure-1p05rem:1.05rem;--measure-1p18rem:1.18rem;--measure-1p35rem:1.35rem;--measure-1p3rem:1.3rem;--measure-1p4rem:1.4rem;--measure-1p55rem:1.55rem;--measure-1p6rem:1.6rem;--measure-1p75rem:1.75rem;--measure-26rem:26rem;--measure-2p7rem:2.7rem;--measure-2px:2px;--measure-34rem:34rem;--measure-37rem:37rem;--measure-38rem:38rem;--measure-3p1rem:3.1rem;--measure-3p5rem:3.5rem;--measure-3p6rem:3.6rem;--measure-3px:3px;--measure-40rem:40rem;--measure-42rem:42rem;--measure-44rem:44rem;--measure-4px:4px;--measure-58rem:58rem;--measure-5p5rem:5.5rem;--measure-6p5rem:6.5rem;--measure-p015em:.015em;--measure-p01ms:.01ms;--measure-p07em:.07em;--measure-p18rem:.18rem;--measure-p22em:.22em;--measure-p25rem:.25rem;--measure-p2rem:.2rem;--measure-p35rem:.35rem;--measure-p3rem:.3rem;--measure-p4rem:.4rem;--measure-p65rem:.65rem;--measure-p75rem:.75rem;--measure-p7rem:.7rem;--measure-p85rem:.85rem;--measure-p8rem:.8rem;--measure-p95rem:.95rem;--measure-p9rem:.9rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--space-4)}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);line-height:1.55;min-width:0}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0,var(--color-wash),var(--color-clear) 65%);pointer-events:none}
body.modal-open{overflow:hidden}
button,input{font:inherit}
button,a,input,label{-webkit-tap-highlight-color:var(--color-clear)}
button{cursor:pointer}
button:disabled{cursor:default}
a{color:inherit;text-underline-offset:var(--measure-p22em);text-decoration-thickness:var(--border-thin)}
a:hover{color:var(--color-primary)}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:var(--measure-2px) solid var(--color-primary);outline-offset:var(--measure-4px)}
img{display:block;max-width:100%}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.12;letter-spacing:var(--letter-heading);overflow-wrap:break-word}
h1{font-size:var(--text-h1)}
h2{font-size:var(--text-h2)}
h3{font-size:var(--text-h3)}
p{overflow-wrap:anywhere}
strong{font-weight:600}
.skip-link{position:absolute;left:var(--space-2);top:var(--space-2);z-index:50;padding:var(--space-2);color:var(--color-on-dark);background:var(--color-primary);transform:translateY(-200%);border-radius:var(--radius-small)}
.skip-link:focus{transform:translateY(0);color:var(--color-on-dark)}
.site-header{display:flex;align-items:center;justify-content:center;min-height:var(--measure-6p5rem);padding:var(--space-3) var(--space-2);background:var(--color-brand-bg);color:var(--color-on-dark);border-bottom:var(--border-thin) solid var(--color-dark-line-soft)}
.brand{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;max-width:100%;min-height:var(--touch-size)}
.brand:hover{color:var(--color-accent)}
.brand:focus-visible{outline-color:var(--color-accent)}
.brand-mark{width:var(--mark-size);height:var(--mark-size);flex:0 0 var(--mark-size);display:grid;place-items:center;overflow:hidden;border:var(--border-thin) solid var(--color-dark-line);border-radius:var(--radius-small)}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand-mark.media-unavailable img,.question-photo.media-unavailable img{visibility:hidden}
.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.brand-name{font-family:var(--font-heading);font-weight:600;font-size:var(--measure-1p75rem);letter-spacing:var(--measure-p015em)}
.brand-caption{font-size:var(--text-tiny);letter-spacing:var(--letter-label);text-transform:uppercase;color:var(--color-on-dark-muted);margin-top:var(--measure-p25rem)}
.survey-main{max-width:var(--width-content);margin:0 auto;padding:var(--space-4) var(--space-3) var(--space-6)}
.survey-context{display:flex;justify-content:space-between;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-3)}
.eyebrow{font-size:var(--text-tiny);letter-spacing:var(--letter-label);text-transform:uppercase;font-weight:600;color:var(--color-primary)}
.survey-subtitle{margin-top:var(--measure-p3rem);color:var(--color-text-muted);font-size:var(--text-small)}
.context-badge{font-size:var(--text-tiny);white-space:nowrap;letter-spacing:var(--measure-p07em);padding:var(--measure-p3rem) var(--measure-p65rem);border:var(--border-thin) solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-text-muted)}
.progress-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}
.progress-copy{font-size:var(--text-small);color:var(--color-text-muted)}
.progress-number{font-family:var(--font-heading);font-size:var(--space-3);line-height:1;color:var(--color-primary);font-variant-numeric:tabular-nums}
.progress-number .progress-total{font-size:var(--measure-1p05rem);color:var(--color-text-muted)}
.progress-steps{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--measure-p4rem)}
.progress-step{height:var(--measure-p4rem);border-radius:var(--radius-pill);background:var(--color-line-soft);transition:background var(--duration-medium),box-shadow var(--duration-medium)}
.progress-step.is-complete{background:var(--color-primary)}
.progress-step.is-current{background:var(--color-primary);box-shadow:0 0 0 var(--measure-2px) var(--color-bg),0 0 0 var(--measure-3px) var(--color-primary)}
.question-stage{position:relative;transition:opacity var(--duration-medium),transform var(--duration-medium)}
.question-stage.is-leaving{opacity:0;transform:translateY(var(--question-exit-offset));pointer-events:none}
.question-stage.is-entering{opacity:0;transform:translateY(var(--measure-p75rem))}
.question-photo{margin:0;aspect-ratio:16/7;background:var(--color-surface);overflow:hidden;border-radius:var(--radius-medium);position:relative;border:var(--border-thin) solid var(--color-line-soft)}
.question-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 45%}
.question-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-tiny);color:var(--color-text-muted)}
.question-category{text-transform:uppercase;letter-spacing:var(--letter-label);color:var(--color-primary);font-weight:600}
.question-title{max-width:var(--measure-44rem);margin-bottom:var(--space-2)}
.question-title:focus,.email-title:focus{outline:none}
.question-description{color:var(--color-text-muted);font-size:var(--text-small);margin-bottom:var(--space-3);max-width:var(--measure-44rem)}
.answer-fieldset{padding:0;border:0;margin:0;min-width:0}
.answer-options{display:grid;gap:var(--space-1)}
.answer-option{position:relative;display:block;min-width:0;cursor:pointer}
.answer-input{position:absolute;opacity:0;width:var(--border-thin);height:var(--border-thin);left:var(--space-2);top:50%;margin:0}
.answer-body{display:flex;align-items:center;gap:var(--space-2);min-height:var(--measure-3p6rem);padding:var(--measure-p8rem) var(--space-2);background:var(--color-surface);border:var(--border-thin) solid var(--color-line);border-radius:var(--radius-small);transition:border-color var(--duration-short),background var(--duration-short),color var(--duration-short)}
.answer-key{display:grid;place-items:center;flex:0 0 var(--measure-1p6rem);width:var(--measure-1p6rem);height:var(--measure-1p6rem);border:var(--border-thin) solid var(--color-line);border-radius:var(--radius-small);font-size:var(--text-tiny);color:var(--color-text-muted);font-variant-numeric:tabular-nums;transition:inherit}
.answer-text{min-width:0;overflow-wrap:anywhere;flex:1}
.answer-dot{width:var(--space-2);height:var(--space-2);flex:0 0 var(--space-2);border:var(--border-thin) solid var(--color-line);border-radius:var(--radius-pill);transition:inherit}
.answer-input:checked+.answer-body{border-color:var(--color-brand-bg);background:var(--color-brand-bg);color:var(--color-on-dark)}
.answer-input:checked+.answer-body .answer-key{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-brand-bg)}
.answer-input:checked+.answer-body .answer-dot{background:var(--color-accent);border-color:var(--color-accent);box-shadow:inset 0 0 0 var(--measure-3px) var(--color-brand-bg)}
.answer-input:focus-visible+.answer-body{outline:var(--measure-2px) solid var(--color-primary);outline-offset:var(--measure-3px)}
.question-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3)}
.selection-hint{font-size:var(--text-small);color:var(--color-text-muted);max-width:var(--measure-18rem)}
.primary-button{min-height:var(--touch-size);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--measure-p85rem) var(--measure-1p4rem);border:var(--border-thin) solid var(--color-primary);border-radius:var(--radius-small);font-weight:600;font-size:var(--text-body);line-height:1.3;background:var(--color-primary);color:var(--color-on-dark);text-decoration:none;transition:background var(--duration-short),box-shadow var(--duration-short),opacity var(--duration-short)}
.primary-button:hover{background:var(--color-brand-bg);color:var(--color-on-dark);box-shadow:0 var(--measure-p25rem) var(--space-2) var(--color-shade)}
.primary-button:disabled{background:var(--color-disabled);border-color:var(--color-line);color:var(--color-text-muted);box-shadow:none}
.button-arrow{font-size:var(--measure-1p35rem);line-height:1;transition:transform var(--duration-short)}
.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-size);border:var(--border-thin) solid var(--color-line);border-radius:var(--radius-small);background:var(--color-clear);color:var(--color-text);padding:var(--measure-p65rem) var(--space-2);font-size:var(--text-small);font-weight:500;transition:background var(--duration-short),border-color var(--duration-short)}
.text-button{border-color:var(--color-clear);padding:var(--measure-p65rem) var(--measure-p2rem);gap:var(--space-1);color:var(--color-text-muted)}
.secondary-button:hover,.text-button:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-wash)}
.quiz-bottom-note{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}
.quiz-note{color:var(--color-text-muted);font-size:var(--text-tiny);max-width:var(--measure-26rem)}
.email-panel{padding:var(--space-5) 0 var(--space-2)}
.completion-stamp{display:inline-flex;align-items:center;gap:var(--space-1);border:var(--border-thin) solid var(--color-brand-bg);border-radius:var(--radius-pill);padding:var(--measure-p35rem) var(--measure-p8rem);font-size:var(--text-tiny);background:var(--color-brand-bg);color:var(--color-on-dark);margin-bottom:var(--space-3)}
.completion-dot{width:var(--measure-p4rem);height:var(--measure-p4rem);background:var(--color-accent);border-radius:var(--radius-pill)}
.email-title{font-size:var(--text-display);max-width:var(--measure-38rem);margin-bottom:var(--space-3)}
.email-intro{max-width:var(--measure-37rem);color:var(--color-text-muted);margin-bottom:var(--space-4)}
.email-form{max-width:var(--measure-38rem)}
.field-label{display:block;font-weight:500;font-size:var(--text-small);margin-bottom:var(--space-1)}
.email-input{width:100%;min-width:0;min-height:var(--measure-3p5rem);padding:var(--measure-p85rem) var(--space-2);background:var(--color-surface);border:var(--border-thin) solid var(--color-line);border-radius:var(--radius-small);color:var(--color-text);font-size:var(--text-body);transition:border-color var(--duration-short)}
.email-input::placeholder{color:var(--color-text-muted);opacity:1}
.email-input:hover{border-color:var(--color-primary)}
.email-form .primary-button{width:100%;margin-top:var(--space-2);justify-content:space-between}
.consent-copy{font-size:var(--text-small);color:var(--color-text-muted);margin:var(--space-3) 0 0;line-height:1.65}
.consent-copy p+p{margin-top:var(--space-2)}
.sender-copy{font-size:var(--text-tiny);color:var(--color-text-muted);margin-top:var(--space-2)}
.email-back{margin-top:var(--space-3)}
.site-footer{background:var(--color-deep);color:var(--color-on-dark);border-top:var(--border-thin) solid var(--color-dark-line-soft);padding:var(--space-4) var(--space-3) var(--space-3)}
.footer-inner{max-width:var(--width-wide);margin:0 auto}
.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}
.footer-brand{justify-content:flex-start}
.footer-brand .brand-mark{width:var(--mark-small);height:var(--mark-small);flex-basis:var(--mark-small)}
.footer-brand .brand-name{font-size:var(--measure-1p55rem)}
.footer-contact{font-size:var(--text-small);color:var(--color-on-dark-muted);display:flex;flex-direction:column;gap:var(--measure-p3rem);align-items:flex-end;text-align:right;overflow-wrap:anywhere}
.footer-contact strong{color:var(--color-on-dark)}
.footer-contact p{max-width:100%}
.footer-notice{color:var(--color-on-dark-muted);font-size:var(--text-tiny);line-height:1.65;max-width:var(--measure-58rem);margin-top:var(--space-3)}
.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center;border-top:var(--border-thin) solid var(--color-dark-line-soft);padding-top:var(--space-2);margin-top:var(--space-3);font-size:var(--text-tiny);color:var(--color-on-dark-muted)}
.footer-links{display:flex;flex-wrap:wrap;gap:0 var(--space-2);align-items:center}
.footer-links a,.footer-links button{display:inline-flex;align-items:center;min-height:var(--touch-size);font-size:var(--text-tiny);font-weight:400;padding:0;background:var(--color-clear);border:0;color:inherit;text-decoration:none}
.footer-links a:hover,.footer-links button:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:var(--measure-p22em)}
.footer-links a:focus-visible,.footer-links button:focus-visible{outline-color:var(--color-accent)}
.document-main{max-width:var(--width-doc);margin:0 auto;padding:var(--space-5) var(--space-3) var(--space-6)}
.document-heading{border-bottom:var(--border-thin) solid var(--color-line);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}
.document-heading h1{font-size:var(--text-display);margin:var(--space-2) 0}
.document-intro{color:var(--color-text-muted);max-width:var(--measure-40rem)}
.updated-date{font-size:var(--text-small);color:var(--color-text-muted);margin-top:var(--space-3)}
.document-section+.document-section{margin-top:var(--space-4)}
.document-section h2{margin-bottom:var(--space-2)}
.document-section p{color:var(--color-text-muted);line-height:1.75}
.document-section p+p{margin-top:var(--space-2)}
.document-section strong{color:var(--color-text)}
.document-return{margin-top:var(--space-5);padding-top:var(--space-3);border-top:var(--border-thin) solid var(--color-line)}
.contact-data{margin:var(--space-3) 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);border-top:var(--border-thin) solid var(--color-line)}
.contact-data dt,.contact-data dd{padding:var(--space-2) 0;border-bottom:var(--border-thin) solid var(--color-line);margin:0;overflow-wrap:anywhere}
.contact-data dt{color:var(--color-text-muted);font-size:var(--text-small);padding-right:var(--space-2)}
.contact-data dd{font-weight:500}
.thankyou-main{max-width:var(--width-content);margin:0 auto;padding:var(--space-5) var(--space-3) var(--space-6)}
.thankyou-heading{max-width:var(--measure-42rem)}
.thankyou-heading h1{font-size:var(--text-display);margin:var(--space-3) 0}
.thankyou-heading>p{color:var(--color-text-muted)}
.email-receipt{padding:var(--space-2);border-left:var(--measure-2px) solid var(--color-primary);background:var(--color-wash);margin-top:var(--space-3);overflow-wrap:anywhere}
.next-steps{margin-top:var(--space-5);display:grid;gap:var(--space-4)}
.next-step{display:grid;grid-template-columns:var(--space-4) minmax(0,1fr);gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-thin) solid var(--color-line)}
.step-number{font-family:var(--font-heading);font-size:var(--space-4);color:var(--color-primary);line-height:1}
.next-step h2{margin-bottom:var(--space-2)}
.next-step p{color:var(--color-text-muted)}
.next-step p+p{margin-top:var(--space-2)}
.cookie-banner{position:fixed;z-index:30;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);max-width:var(--width-wide);margin:0 auto;background:var(--color-deep);color:var(--color-on-dark);border:var(--border-thin) solid var(--color-dark-line);border-radius:var(--radius-medium);padding:var(--space-3);box-shadow:var(--shadow-soft);display:flex;gap:var(--space-3);align-items:center}
.cookie-banner-copy{flex:1;min-width:0}
.cookie-banner-title{font-family:var(--font-heading);font-size:var(--space-3);color:var(--color-on-dark);margin-bottom:var(--measure-p25rem)}
.cookie-banner-copy p{font-size:var(--text-small);color:var(--color-on-dark-muted)}
.cookie-banner a:hover{color:var(--color-accent)}
.cookie-banner button:focus-visible,.cookie-banner a:focus-visible{outline-color:var(--color-accent)}
.cookie-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:0 0 auto}
.cookie-actions .primary-button,.cookie-actions .secondary-button{font-size:var(--text-small);padding:var(--measure-p65rem) var(--space-2)}
.cookie-actions .primary-button{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-brand-bg)}
.cookie-actions .primary-button:hover{border-color:var(--color-on-dark);background:var(--color-on-dark);color:var(--color-brand-bg)}
.cookie-actions .secondary-button{border-color:var(--color-dark-line);color:var(--color-on-dark)}
.cookie-actions .secondary-button:hover{border-color:var(--color-accent);background:var(--color-dark-wash);color:var(--color-accent)}
.cookie-dialog{padding:0;border:var(--border-thin) solid var(--color-line);background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-large);width:min(var(--measure-34rem),calc(100% - var(--space-4)));max-height:calc(var(--measure-100dvh) - var(--space-4));box-shadow:var(--shadow-soft);overflow:auto}
.cookie-dialog::backdrop{background:var(--color-backdrop)}
.cookie-dialog-inner{padding:var(--space-4)}
.dialog-heading{display:flex;justify-content:space-between;gap:var(--space-2);align-items:start;margin-bottom:var(--space-2)}
.dialog-close{min-width:var(--touch-size);min-height:var(--touch-size);border:var(--border-thin) solid var(--color-line);border-radius:var(--radius-small);background:var(--color-clear);color:var(--color-text);font-size:var(--measure-1p3rem)}
.dialog-close:hover{background:var(--color-surface)}
.dialog-intro{font-size:var(--text-small);color:var(--color-text-muted)}
.cookie-category{padding:var(--space-3) 0;border-bottom:var(--border-thin) solid var(--color-line-soft)}
.cookie-category p{font-size:var(--text-small);color:var(--color-text-muted);margin-top:var(--space-1)}
.cookie-category-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}
.cookie-category-title{font-weight:600}
.always-active{font-size:var(--text-tiny);color:var(--color-primary)}
.cookie-toggle{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--touch-size);cursor:pointer;font-size:var(--text-small)}
.cookie-toggle input{appearance:none;width:var(--measure-2p7rem);height:var(--space-3);flex:0 0 var(--measure-2p7rem);position:relative;border:var(--border-thin) solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);cursor:pointer;margin:0;transition:background var(--duration-short)}
.cookie-toggle input::before{content:'';position:absolute;left:var(--measure-p18rem);top:var(--measure-p18rem);width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-text-muted);transition:transform var(--duration-short),background var(--duration-short)}
.cookie-toggle input:checked{background:var(--color-primary);border-color:var(--color-primary)}
.cookie-toggle input:checked::before{transform:translateX(var(--measure-1p18rem));background:var(--color-bg)}
.dialog-actions{display:grid;gap:var(--space-1);margin-top:var(--space-3)}
.dialog-policy{font-size:var(--text-small);color:var(--color-text-muted);margin-top:var(--space-3)}
.visually-hidden{position:absolute;width:var(--border-thin);height:var(--border-thin);padding:0;margin:var(--visually-hidden-offset);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (hover:hover){.answer-option:hover .answer-input:not(:checked)+.answer-body{border-color:var(--color-primary);background:var(--color-wash)}.primary-button:hover .button-arrow{transform:translateX(var(--measure-p2rem))}}
@media (max-width:760px){.footer-top{grid-template-columns:1fr;gap:var(--space-3)}.footer-contact{align-items:flex-start;text-align:left}.footer-bottom{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.cookie-banner{align-items:stretch;flex-direction:column;gap:var(--space-2)}.cookie-actions{justify-content:flex-end}.survey-context{margin-bottom:var(--space-3)}}
@media (max-width:480px){.site-header{min-height:var(--measure-5p5rem);padding:var(--space-2)}.brand{gap:var(--measure-p65rem)}.brand-name{font-size:var(--space-3)}.brand-caption{font-size:var(--measure-p65rem)}.brand-mark{width:var(--mark-small);height:var(--mark-small);flex-basis:var(--mark-small)}.survey-main{padding:var(--space-3) var(--space-2) var(--space-5)}.survey-context{gap:var(--space-1)}.survey-subtitle{max-width:var(--measure-13rem)}.context-badge{padding:var(--measure-p25rem) var(--space-1);font-size:var(--measure-p65rem)}.question-photo{aspect-ratio:16/10}.question-meta{margin-top:var(--space-3);font-size:var(--measure-p65rem);gap:var(--space-1)}.question-description{margin-bottom:var(--space-2)}.answer-body{padding:var(--measure-p75rem) var(--measure-p8rem);gap:var(--measure-p7rem);min-height:var(--measure-3p5rem)}.answer-key{flex-basis:var(--measure-1p4rem);width:var(--measure-1p4rem);height:var(--measure-1p4rem)}.answer-text{font-size:var(--measure-p95rem)}.answer-dot{width:var(--measure-p9rem);height:var(--measure-p9rem);flex-basis:var(--measure-p9rem)}.question-controls{align-items:stretch;flex-direction:column;gap:var(--space-2)}.selection-hint{max-width:none}.question-controls .primary-button{justify-content:space-between;min-height:var(--measure-3p1rem)}.quiz-bottom-note{align-items:flex-start;gap:var(--space-1)}.quiz-note{max-width:var(--measure-13p5rem)}.email-panel{padding-top:var(--space-4)}.email-intro{margin-bottom:var(--space-3)}.consent-copy{font-size:var(--measure-p8rem)}.site-footer{padding:var(--space-4) var(--space-2) var(--space-3)}.footer-links{gap:0 var(--measure-p8rem)}.document-main,.thankyou-main{padding:var(--space-4) var(--space-2) var(--space-5)}.document-heading{padding-bottom:var(--space-3);margin-bottom:var(--space-3)}.contact-data{grid-template-columns:minmax(0,1fr)}.contact-data dt{border-bottom:0;padding-bottom:var(--measure-p2rem)}.contact-data dd{padding-top:0}.next-step{grid-template-columns:var(--space-3) minmax(0,1fr);gap:var(--space-2)}.cookie-banner{left:var(--space-1);right:var(--space-1);bottom:var(--space-1);padding:var(--space-2);max-height:calc(var(--measure-100dvh) - var(--space-2));overflow:auto}.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.cookie-actions .primary-button{grid-column:1/-1}.cookie-dialog-inner{padding:var(--space-3)}.cookie-category-heading{gap:var(--space-1)}.cookie-toggle{gap:var(--measure-p35rem)}.cookie-category-title{font-size:var(--text-small)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:var(--measure-p01ms)!important;transition-duration:var(--measure-p01ms)!important;animation-iteration-count:1!important}.question-stage.is-leaving,.question-stage.is-entering{transform:none}}