@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400;1,9..144,500&family=Karla:wght@400;500;600&display=swap");:root{--bg-color:#F3EBE6;--ink:#2A2726;--ink-light:#6A6662;--accent:#8D2C28;--brand-grey:#AAA7AE;--brand-blush:#E7D0C8;--border-light:rgba(141,44,40,0.25);--option-bg:rgba(0,0,0,0.02)}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--bg-color);color:var(--ink);font-family:Karla,sans-serif;min-height:100vh}.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8vh 6vw;position:relative;overflow:hidden}.card{max-width:680px;width:100%;opacity:0;transform:translateY(14px);animation:rise .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes rise{to{opacity:1;transform:translateY(0)}}.btn-primary,.nav-btn{font-family:Karla,sans-serif;font-weight:600;font-size:15px;letter-spacing:.04em;background:var(--accent);color:#fff;border:none;padding:16px 36px;border-radius:2px;cursor:pointer;transition:background .2s ease,transform .15s ease}.btn-primary:hover,.nav-btn:hover:not(:disabled){background:#6b1f1c}.btn-primary:active,.nav-btn:active:not(:disabled){transform:scale(.98)}.nav-btn:disabled{background:rgba(0,0,0,.05);color:var(--ink-light);cursor:not-allowed}.nav-btn.sec{background:transparent;color:var(--ink-light);border:1px solid var(--border-light)}.nav-btn.sec:hover:not(:disabled){border-color:var(--ink);color:var(--ink);background:transparent}.container{max-width:800px;margin:0 auto;padding:12vh 6vw;display:flex;flex-direction:column;justify-content:center;min-height:100vh;animation:rise .5s ease forwards}.container.results{max-width:1400px;padding:8vh 4vw}h1{font-size:clamp(42px,6vw,64px);line-height:1.1;letter-spacing:-.02em;margin:0 0 20px}h1,h2{font-family:Fraunces,serif;font-weight:500;color:var(--ink)}h2{font-size:32px;margin-top:2rem;margin-bottom:1rem}p{font-family:Karla,sans-serif;font-size:18px;color:var(--ink-light);line-height:1.6;margin-bottom:30px}.testing-banner{top:0;background:var(--ink);color:var(--bg-color);text-align:center;padding:6px 0;font-family:Karla,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;z-index:9999}.global-header,.testing-banner{position:fixed;left:0;width:100%}.global-header{top:28px;padding:24px 6vw;display:flex;justify-content:space-between;align-items:center;z-index:100;background:transparent;pointer-events:none}.logo{font-family:Fraunces,serif;font-weight:600;font-size:14px;letter-spacing:.1em;color:var(--ink)}.module-name{font-family:Karla,sans-serif;font-size:13px;letter-spacing:.05em;color:var(--accent);text-transform:uppercase}.progress-container{position:absolute;top:10vh;left:6vw;right:6vw}.progress{font-family:Fraunces,serif;font-size:15px;color:var(--ink-light);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-bottom:8px}.progress-track{height:2px;background:rgba(0,0,0,.06);width:100%}.progress-fill{height:100%;background:var(--accent);transition:width .5s cubic-bezier(.22,1,.36,1)}.q-number{font-style:italic;font-size:20px;color:var(--accent);margin-bottom:20px}.prompt,.q-number{font-family:Fraunces,serif}.prompt{font-weight:500;font-size:clamp(32px,4.5vw,42px);line-height:1.25;letter-spacing:-.01em;margin:0 0 48px;color:var(--ink)}.options{gap:16px}.option-wrapper,.options{display:flex;flex-direction:column}.option-wrapper{width:100%}.option-btn{display:flex;align-items:center;gap:24px;padding:24px 28px;border:1px solid var(--border-light);border-radius:4px;background:var(--option-bg);cursor:pointer;text-align:left;font-family:Karla,sans-serif;font-size:17px;color:var(--ink-light);transition:all .2s ease;width:100%}.option-btn:hover{border-color:var(--accent);background:rgba(141,44,40,.04)}.option-btn:active{transform:scale(.995)}.option-btn.selected{border-color:var(--accent);background:rgba(141,44,40,.08);color:var(--ink)}.option-btn .key{font-family:Fraunces,serif;font-style:italic;color:var(--accent);font-size:18px;min-width:20px}.input-group{margin-bottom:28px;width:100%}.input-group label{display:block;font-family:Karla,sans-serif;font-size:15px;font-weight:500;color:var(--ink-light);margin-bottom:12px}.other-input,.text-answer,input[type=email],input[type=text],select{width:100%;padding:16px 20px;border:1px solid var(--border-light);border-radius:4px;font-family:Karla,sans-serif;font-size:16px;color:var(--ink);background:var(--option-bg);outline:none;transition:border-color .2s ease}.other-input:focus,.text-answer:focus,input:focus,select:focus{border-color:var(--accent);background:#fff}select option{background:var(--bg-color);color:var(--ink)}.nav-row{margin-top:48px;display:flex;justify-content:flex-start;gap:16px;align-items:center}.intro-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;max-width:720px}.intro-title{font-family:Fraunces,serif;font-weight:500;font-size:clamp(42px,6vw,72px);line-height:1.1;letter-spacing:-.01em;margin:0 0 24px;color:var(--ink)}.intro-title em{color:var(--accent);font-style:italic}.intro-sub{font-family:Karla,sans-serif;font-size:19px;color:var(--ink-light);max-width:580px;line-height:1.6;margin-bottom:48px}.dossier-header{margin-bottom:48px;border-bottom:1px solid var(--border-light);padding-bottom:24px}.dossier-meta{font-family:Karla,sans-serif;font-size:11px;letter-spacing:.15em;color:var(--ink-light);margin-bottom:16px;text-transform:uppercase}.dossier-title{font-family:Fraunces,serif;font-size:clamp(32px,5vw,48px);color:var(--ink);margin:0 0 12px;letter-spacing:-.01em}.welcome-text{font-family:Fraunces,serif;font-size:24px;color:var(--accent);margin-bottom:0;font-style:italic}.dossier-body{display:flex;gap:48px;align-items:flex-start}@media (max-width:900px){.dossier-body{flex-direction:column}}.dossier-column.main-column{flex:2 1}.dossier-column.side-column{flex:1 1;min-width:300px}.section-eyebrow{font-family:Karla,sans-serif;font-size:12px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin:0 0 24px}.brief-box,.matrix-card{background:#ffffff;border:1px solid #e0d8d4;border-radius:2px;box-shadow:0 12px 40px rgba(44,41,40,.08),0 2px 10px rgba(44,41,40,.04);position:relative;transition:transform .3s ease}.brief-box{padding:40px 48px;margin-bottom:40px;transform:rotate(-.5deg)}.matrix-card{padding:24px;margin-bottom:32px}.matrix-card:nth-child(odd){transform:rotate(1deg)}.matrix-card:nth-child(2n){transform:rotate(-1.5deg)}.brief-box:before,.matrix-card:before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:24px;background:rgba(250,245,238,.9);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.brief-box:before{transform:translateX(-50%) rotate(-2deg)}.matrix-card:nth-child(odd):before{transform:translateX(-50%) rotate(3deg);width:75px}.matrix-card:nth-child(2n):before{transform:translateX(-50%) rotate(-3deg);width:85px}.brief-text{font-family:Fraunces,serif;font-size:19px;line-height:1.6;color:var(--ink);margin-bottom:24px}.brief-text:last-child{margin-bottom:0}.directives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.directive-card{padding:32px;margin-bottom:0}.directive-card:nth-child(odd){transform:rotate(2deg)}.directive-card:nth-child(2n){transform:rotate(-1deg)}.directive-card:nth-child(3n){transform:rotate(-2.5deg)}.directive-item-text{font-family:Karla,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);margin:0}.matrix-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.matrix-title{font-weight:700;letter-spacing:.15em;color:var(--ink)}.matrix-label,.matrix-title{font-family:Karla,sans-serif;font-size:11px}.matrix-label{color:var(--ink-light)}.matrix-track{width:100%;height:2px;background:rgba(0,0,0,.1);position:relative;margin-bottom:16px}.matrix-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 3px rgba(141,44,40,.15)}.matrix-result{font-family:Fraunces,serif;font-size:15px;font-style:italic;color:var(--accent);text-align:center}.dossier-footer{margin-top:40px;padding-top:32px;border-top:1px solid var(--border-light);display:flex;gap:16px;justify-content:flex-end}@media (max-width:768px){.global-header{position:static;padding:24px 6vw;margin-bottom:0}}.dossier-meta{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid var(--ink);padding-bottom:16px;margin-bottom:24px}.brand-block{display:flex;flex-direction:column}.brand-block strong{font-family:Fraunces,serif;font-size:20px;color:var(--ink);letter-spacing:.05em}.brand-block .sub-brand{font-family:Karla,sans-serif;font-size:10px;letter-spacing:.1em;color:var(--ink-light);text-transform:uppercase}.client-block{display:flex;flex-direction:column;text-align:right;font-family:Karla,sans-serif;font-size:11px;.dossier-body{display:block!important}.dossier-column{width:100%!important}.brief-box,.matrix-card{background:transparent!important;border:none!important;box-shadow:none!important;transform:none!important;padding:0!important;margin-bottom:24px!important;page-break-inside:avoid}.brief-box:before,.matrix-card:before{display:none!important}.directives-grid{display:block!important}.directive-card{margin-bottom:12px!important}.dossier-title{font-size:32px!important;color:#000!important}.welcome-text{font-size:18px!important;color:#333!important}.brief-text{font-size:16px!important;color:#222!important}.directive-item-text{font-size:14px!important;color:#111!important;padding-left:20px;position:relative}.directive-item-text:before{content:"→";position:absolute;left:0;color:#000!important;font-weight:700}.matrix-track{background:#e0e0e0!important}.matrix-marker,.matrix-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.matrix-marker{background:#000!important;box-shadow:none!important;border:2px solid #fff}.matrix-result,.section-eyebrow{color:#000!important}.section-eyebrow{border-bottom:1px solid #000;padding-bottom:4px;margin-top:32px!important;margin-bottom:16px!important}}