@font-face{font-family:Archivo;src:url('/brief/fonts/ArchivoBlack-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Bricolage;src:url('/brief/fonts/BricolageGrotesque-Latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Bricolage;src:url('/brief/fonts/BricolageGrotesque-Latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Bricolage;src:url('/brief/fonts/BricolageGrotesque-Latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{--ink:#0b0c14;--blue:#2440f2;--volt:#ffd400;--paper:#f3f4fa;--display:Archivo,'Arial Black',sans-serif;--body:Bricolage,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin:0}h1{font:400 clamp(46px,5vw,80px)/.99 var(--display);letter-spacing:-.055em}h2{font:400 36px/1 var(--display);letter-spacing:-.04em}button{border:0}input,textarea,select{min-width:0}::selection{background:var(--volt);color:var(--ink)}:focus-visible{outline:3px solid #a555ef;outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;background:var(--volt);color:var(--ink);padding:10px;z-index:100}.skip:focus{top:15px}.loading{padding:40px}.wordmark{font:400 39px/1 var(--display);letter-spacing:-.07em;text-decoration:none;white-space:nowrap}.wordmark span{font:11px var(--body);vertical-align:top;margin-left:5px;letter-spacing:0}.top{min-height:96px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff40}.eyebrow,.edition,.art-meta{font:400 10px/1.5 var(--display);letter-spacing:.1em;text-transform:uppercase}.motion-switch{background:transparent;color:inherit;border:1px solid currentColor;border-radius:30px;padding:8px 13px;font-size:10px;display:flex;gap:12px;align-items:center;white-space:nowrap}.motion-switch span{font-size:16px}.quiet{background:none;padding:8px 0;color:inherit;font-size:12px;text-underline-offset:5px;text-decoration:underline;border:0}.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;background:var(--volt);color:var(--ink);font:600 14px var(--body);padding:21px 26px;min-height:63px;text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .18s,box-shadow .18s}.cta:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.cta:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.cta>span{font:32px/1 var(--body)}.outlined{color:transparent;-webkit-text-stroke:1.5px currentColor}.arrival{background:var(--blue);color:white;min-height:100svh;overflow:hidden}.arrival .outlined,.complete .outlined{color:transparent;-webkit-text-stroke:1.5px white}.arrival-main{display:grid;grid-template-columns:1fr 1fr;padding:48px 5% 58px;max-width:1700px;margin:auto;gap:3vw;align-items:center}.hero-copy h1{font-size:clamp(55px,6vw,100px);line-height:.95;margin:26px 0 22px}.hero-copy>p{font-size:18px;color:#edf0ff}.good-word{color:var(--volt);position:relative}.asterisk{font-size:.6em;display:inline-block;vertical-align:top;margin:2px 0 0 20px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}.hero-actions .cta{min-width:225px}.hero-meta{font-size:8px;letter-spacing:.08em;display:flex;gap:15px;margin-top:29px;flex-wrap:wrap}.hero-meta>span+span:before{content:'\2733';margin-right:15px;color:var(--volt)}.card-scene{height:555px;position:relative;perspective:1000px}.game-card{position:absolute;width:53%;height:340px;padding:23px;border:2px solid var(--ink);box-shadow:9px 9px 0 #0b0c1440;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.game-card>span:first-child{font:8px var(--display);letter-spacing:.05em}.game-card>small{font:8px var(--display)}.game-card>b{font:72px/1 var(--display);letter-spacing:-.07em}.card-a{left:2%;top:32px;background:var(--paper);color:var(--ink);transform:rotate(-12deg)}.card-a>b{z-index:1}.card-lines{position:absolute;width:310px;height:310px;border:1px solid var(--blue);border-radius:50%;top:72px;left:25px;box-shadow:0 0 0 15px var(--paper),0 0 0 16px var(--blue),0 0 0 31px var(--paper),0 0 0 32px var(--blue)}.card-b{right:0;top:62px;background:var(--volt);color:var(--ink);transform:rotate(12deg)}.giant-flower{font:230px/.9 var(--body);position:absolute;right:9px;top:80px;color:var(--blue)}.card-b>b{z-index:1;font-size:83px;margin:auto 0}.card-c{left:28%;top:223px;background:var(--ink);color:var(--paper);transform:rotate(-5deg);height:310px}.card-c>b{font-size:54px;letter-spacing:-.055em;line-height:1.06}.card-arrow{position:absolute;right:15px;bottom:9px;color:var(--volt);font:77px var(--body)}.scene-cross{position:absolute;font:32px var(--body);opacity:.55}.cross-one{top:4px;right:15px}.cross-two{left:-5%;bottom:8px}.play-seal{position:absolute;right:-2%;bottom:32px;width:122px;height:122px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--paper);color:var(--ink);font:10px/1.3 var(--display);transform:rotate(14deg);box-shadow:4px 4px 0 var(--ink)}.play-seal span{font:29px var(--body)}.scene-caption{position:absolute;left:0;bottom:-12px;font:8px/1.7 var(--display);letter-spacing:.1em}.arrival-footer{display:flex;justify-content:space-between;padding:20px 4.5%;border-top:1px solid #ffffff40;font:9px var(--display);letter-spacing:.05em;gap:20px}.arrival-footer a{text-underline-offset:4px}
/* One main question, with a different graphic poster on each card. */
.play{--bg:var(--paper);--fg:var(--ink);--edge:#0b0c1433;--panel:white;--input:white;background:var(--bg);color:var(--fg);min-height:100svh;display:flex;flex-direction:column}.theme-blue{--bg:var(--blue);--fg:white;--edge:#ffffff50;--panel:#fff;--input:#fff;background:var(--bg);color:var(--fg)}.theme-ink{--bg:var(--ink);--fg:white;--edge:#ffffff40;--panel:#f3f4fa;--input:#fff}.theme-volt{--bg:var(--volt);--fg:var(--ink);--edge:#0b0c1444;--panel:white;--input:#fff}.play-top{min-height:88px;border-color:var(--edge)}.top-actions{display:flex;align-items:center;gap:25px}.journey-label{display:flex;align-items:center;gap:22px;font:9px var(--display);text-transform:uppercase;letter-spacing:.04em}.deck-link{display:flex;gap:12px;align-items:center;background:transparent;color:inherit;font:10px var(--body);border-left:1px solid var(--edge);padding:4px 0 4px 22px}.deck-link>span:last-child{font-size:20px}.progress-track{display:flex;gap:5px;margin:18px 4.5% 0;height:5px}.progress-piece{height:4px;flex:1;background:var(--edge)}.progress-piece.answered{background:var(--fg)}.progress-piece.current{background:var(--blue);height:7px}.theme-ink .progress-piece.current,.theme-blue .progress-piece.current{background:var(--volt)}.question-screen{width:100%;max-width:1600px;margin:auto;flex:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);align-items:center;gap:7%;padding:42px 6% 45px}.question-copy{min-width:0}.question-copy>.eyebrow{display:flex;gap:15px;align-items:center;font-size:9px}.mini-line{display:inline-block;width:28px;height:1px;background:currentColor}.question-copy h1{margin:21px 0 15px;max-width:1050px}.prompt-intro{font-size:16px;line-height:1.5;max-width:55ch;opacity:.85}.answer-area{margin-top:27px;max-width:690px}.question{margin:0;padding:0;border:0}.art-panel{width:100%;height:430px;position:relative;overflow:hidden;background:var(--blue);color:var(--paper);padding:25px;transform:rotate(3deg);border:2px solid var(--ink);box-shadow:10px 10px 0 #0b0c1426}.theme-blue .art-panel,.theme-ink .art-panel{background:var(--volt);color:var(--ink)}.theme-volt .art-panel{background:var(--ink);color:var(--paper)}.graphic-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:200px/1 var(--display);letter-spacing:-.12em}.graphic-phone .graphic-symbol{width:136px;height:244px;border:5px solid currentColor;border-radius:23px;display:flex;align-items:center;justify-content:center;font-size:130px}.art-footer{position:absolute;bottom:24px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font:9px var(--display);letter-spacing:.04em}.art-footer>span{font-size:33px}.name-art{background:var(--volt);color:var(--ink)}.name-art #live-brand{display:block;position:absolute;left:25px;right:25px;top:150px;font:clamp(30px,3.8vw,61px)/1 var(--display);letter-spacing:-.06em;white-space:pre-line;overflow-wrap:anywhere;max-height:170px;overflow:hidden}.art-sticker{position:absolute;top:65px;left:25px;font:26px/1 var(--display);transform:rotate(-8deg);background:var(--paper);padding:10px 15px}.folder-art .folder{position:absolute;left:20px;right:20px;top:115px;background:var(--blue);color:white;height:230px;border-radius:0 12px 12px 12px;padding:30px;font:40px/1 var(--display);transform:rotate(-8deg)}.folder:before{content:'';position:absolute;top:-20px;left:0;width:42%;height:22px;background:var(--blue);border-radius:10px 10px 0 0}.folder>b{position:absolute;right:20px;bottom:20px;font:80px var(--body)}.art-bottom{position:absolute;bottom:25px;font:8px var(--display)}.people-art{display:flex;align-items:flex-end;padding-bottom:32px}.people-art>b{font:35px/1.1 var(--display);z-index:2}.face{position:absolute;font:125px/1 var(--body);background:var(--volt);color:var(--ink);border-radius:50%;border:2px solid var(--ink);width:135px;height:135px;display:grid;place-items:center}.face.one{top:30px;left:24px;transform:rotate(-15deg)}.face.two{top:95px;right:18px;background:var(--blue);color:white;transform:rotate(14deg)}.face.three{top:141px;left:28px;background:var(--paper)}.graphic-versus .graphic-symbol{font-size:145px}.graphic-voice .graphic-symbol{font-size:150px}.graphic-eyes .graphic-symbol{letter-spacing:-.1em}.graphic-proof:after{content:'';position:absolute;border:3px dashed currentColor;inset:90px 50px;transform:rotate(-8deg)}
/* Answer controls share the original data contract. */
.field{display:block;margin:17px 0;min-width:0}.field>span,.label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.field input,.field textarea,.field select{width:100%;border:1px solid #a6a9bb;background:var(--input);color:var(--ink);padding:13px 15px;font-size:15px;line-height:1.5;border-radius:0;box-shadow:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue)}.field textarea{resize:vertical;min-height:90px}.field input::placeholder,.field textarea::placeholder{color:#70768a;opacity:1}#brand_identity-name{font:clamp(25px,3vw,46px)/1.1 var(--display);padding:20px 2px;border:0;border-bottom:3px solid var(--fg);background:transparent;color:var(--fg);letter-spacing:-.03em}#brand_identity-name::placeholder{color:var(--fg);opacity:.3}#brand_identity-name:focus{outline-offset:7px}.two,.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two .field,.three .field{margin:12px 0}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 17px}.chip{padding:14px 18px;background:var(--panel);color:var(--ink);border:1.5px solid var(--ink);font:500 14px var(--body);min-height:50px;transition:transform .16s,box-shadow .16s}.chip:hover{transform:translateY(-3px);box-shadow:3px 4px 0 #0b0c1425}.chip.selected{background:var(--volt);box-shadow:4px 4px 0 var(--ink);transform:rotate(-1deg)}.theme-volt .chip.selected{background:var(--blue);color:white}.details,.more{border-top:1px solid var(--edge);margin:18px 0 0}.details>summary,.more>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:15px 0}.details>summary:after,.more>summary:after{content:'+';font:20px var(--body)}.details[open]>summary:after,.more[open]>summary:after{content:'-'}.details-body{padding-top:5px}.hint{font-size:10px;opacity:.75;line-height:1.6;margin:12px 0}.wide-screen{grid-template-columns:1fr;max-width:1460px}.wide-screen .answer-area{max-width:none}.wide-screen h1{max-width:1000px}.goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.goal{background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:25px 22px;min-height:240px;display:flex;align-items:flex-start;flex-direction:column;text-align:left;transition:transform .2s,box-shadow .2s;position:relative}.goal:nth-child(2){background:var(--volt)}.goal:nth-child(3){background:#dddfff}.goal:nth-child(4){background:var(--ink);color:white;border-color:white}.goal-icon{font-size:68px;line-height:1;margin-bottom:auto}.goal strong{font:23px/1.1 var(--display);letter-spacing:-.04em;margin:24px 0 10px}.goal>span:last-child{font-size:12px}.goal:hover{transform:rotate(-2deg) translateY(-5px)}.goal.selected{box-shadow:7px 7px 0 var(--ink);outline:3px solid var(--volt);outline-offset:5px;transform:rotate(-2deg)}.goal.selected:after{content:'\2713';position:absolute;top:18px;right:18px;font-size:25px}.theme-blue .wide-screen .more{max-width:740px}.upload{border:2px dashed var(--fg);padding:24px 20px;text-align:center;transition:background .2s;position:relative}.upload.dragging{background:#2440f225;border-style:solid}.upload-label{display:flex;align-items:center;flex-direction:column;cursor:pointer}.upload-symbol{font:50px var(--body);line-height:1.1}.upload-label strong{font:22px var(--display);margin:9px 0}.upload-label>span:not(.upload-symbol){font-size:11px}.upload-link{margin:12px 0;text-decoration:underline}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within{outline:3px solid #a555ef;outline-offset:4px}.upload small{font-size:9px;opacity:.7}.upload.compact{padding:15px}.file-list{display:flex;flex-direction:column;margin:13px 0;gap:7px}.file{display:flex;gap:10px;align-items:center;font-size:12px;overflow-wrap:anywhere}.file small{margin-left:auto;white-space:nowrap}.records:empty+.add-button{width:100%;min-height:145px;font:23px var(--display);background:transparent;border:2px dashed currentColor}.add-button{background:var(--panel);color:var(--ink);padding:16px 20px;border:1px solid var(--ink);font-weight:600;font-size:12px;margin:14px 0;min-height:48px}.record-card{border:1.5px solid var(--fg);margin:12px 0;background:var(--panel);color:var(--ink)}.record-card>summary{list-style:none;cursor:pointer;display:flex;gap:20px;align-items:center;padding:18px}.record-card>summary>span:first-child{font:9px var(--display)}.record-card>summary>b{font-size:14px;flex:1;overflow-wrap:anywhere}.record-card>summary>span:last-child{font-size:22px}.record{padding:0 20px 20px}.record-top{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #0b0c1433}.text-button{background:transparent;border:0;text-decoration:underline;font-size:11px;color:inherit}.record .upload{border-color:var(--ink)}.record .field>span{color:var(--ink)}.rank-row{display:grid;grid-template-columns:30px 1fr 30px;gap:12px}.rank{font:27px var(--display);padding-top:16px}.rank-buttons{display:flex;flex-direction:column;gap:6px;padding-top:20px}.rank-buttons button{height:37px;background:var(--paper);border:1px solid #aaa}.transformation{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:center}.transformation>div{background:var(--panel);color:var(--ink);border:1.5px solid var(--ink);padding:18px}.transform-arrow{font-size:30px}.offer-panel{border:1px solid var(--edge);padding:15px}.reference-preview{display:flex;gap:12px;flex-wrap:wrap}.reference-preview img{max-width:150px;max-height:160px;object-fit:contain}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.visual-card{background:transparent;border:2px solid var(--ink);padding:0;text-align:left;transition:transform .2s,box-shadow .2s}.visual-card:hover{transform:translateY(-6px) rotate(-1deg)}.visual-card.selected{outline:3px solid var(--blue);outline-offset:4px;box-shadow:6px 6px 0 var(--ink)}.sample-art{height:270px;position:relative;overflow:hidden;padding:22px;font-family:var(--display)}.type-art{background:var(--ink);color:var(--volt)}.type-art b{font:49px/.96 var(--display);letter-spacing:-.05em}.type-art>span{position:absolute;bottom:17px;left:22px;font-size:8px}.compare-art{background:var(--blue);color:white}.compare-art>span,.orbit-art>span{font-size:9px}.comparison{display:flex;justify-content:space-evenly;align-items:center;height:145px}.comparison i{font:100px var(--display);font-style:normal}.comparison i+i{background:var(--volt);color:var(--ink);transform:rotate(12deg);width:100px;text-align:center}.compare-art>b{font:32px/1 var(--display);letter-spacing:-.03em}.orbit-art{background:var(--volt);color:var(--ink)}.orbit-art>strong{position:absolute;bottom:18px;left:22px;font:27px var(--display)}.orbit{height:180px;position:relative;display:grid;place-items:center}.orbit i{position:absolute;border:1px solid var(--ink);width:150px;height:150px;border-radius:50%}.orbit i:nth-child(1){transform:translateX(-38px)}.orbit i:nth-child(3){transform:translateX(38px)}.orbit b{font:66px var(--display);z-index:1}.sample-caption{padding:19px;position:relative;min-height:100px}.sample-caption strong{font:17px var(--display);max-width:90%;display:block;letter-spacing:-.04em}.sample-caption p{font-size:11px;margin-top:9px}.round-check{position:absolute;right:13px;top:15px;font-size:20px}.play-footer{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--edge);padding:18px 4.5%;display:flex;align-items:center;gap:22px;z-index:5;box-shadow:0 -12px 24px color-mix(in srgb,var(--bg) 75%,transparent)}.back{font:25px var(--body);width:49px;height:49px;border:1px solid var(--edge);background:none;color:inherit}.footer-middle{flex:1;display:flex;align-items:flex-start;flex-direction:column;gap:3px}.footer-middle>.quiet{font-size:11px;text-decoration:none;padding:2px}.help-active{font-weight:700}.footer-middle>span{font-size:9px;opacity:.7}.next-area{display:flex;gap:25px;align-items:center}.next-area .cta{min-width:172px;min-height:54px;padding:15px 21px;gap:22px;font-size:12px}.keyboard-hint{font-size:9px;opacity:.6}.theme-volt .cta{background:var(--ink);color:white;box-shadow:4px 4px 0 var(--blue)}.theme-ink .cta{box-shadow:4px 4px 0 white}
/* Review deck and completion are separate from the question screens. */
dialog{border:2px solid var(--ink);width:min(1000px,95vw);max-height:90svh;padding:28px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0b0c14b3;backdrop-filter:blur(6px)}.deck-heading{display:flex;justify-content:space-between;align-items:center}.deck-heading>button{background:none;font:35px var(--body);padding:5px}.deck-heading+p{font-size:12px;margin:15px 0}.deck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.deck-grid button{border:1px solid var(--ink);background:white;color:var(--ink);padding:15px;text-align:left;display:flex;flex-direction:column;gap:12px;min-height:153px}.deck-grid button:hover{background:var(--volt)}.deck-grid button>span{font:28px var(--display)}.deck-grid button>b{font-size:12px}.deck-grid button>small{font-size:9px;margin-top:auto}.review-screen{width:min(1100px,90%);margin:45px auto 70px}.review-screen h1{font-size:clamp(50px,7vw,110px);margin:25px 0;overflow-wrap:anywhere}.review-screen .outlined{color:transparent;-webkit-text-stroke:1.4px white}.summary-list{margin:32px 0;border-top:1px solid var(--edge)}.summary-list details{border-bottom:1px solid var(--edge)}.summary-list summary{display:flex;justify-content:space-between;gap:20px;padding:19px 0;cursor:pointer;font-size:14px}.summary-list small{font-size:10px;white-space:nowrap;opacity:.7}.summary-answer{padding:0 0 23px;overflow-wrap:anywhere;font-size:13px}.summary-answer .quiet{margin-top:15px}.review-key{opacity:.65;text-transform:capitalize}.confirmation{border:1px solid var(--edge);padding:24px;margin:30px 0}.confirmation label{display:flex;gap:12px;align-items:center;font-size:13px}.confirmation input{width:20px;height:20px;accent-color:var(--volt)}.confirmation p{font-size:11px;opacity:.65;margin:18px 0 25px}.confirmation .quiet{margin-left:25px}.complete{min-height:100svh;background:var(--blue);color:white}.complete main{max-width:1000px;margin:auto;padding:50px 25px 65px;text-align:center}.complete-symbol{font-size:100px;color:var(--volt);line-height:1.4}.complete h1{font-size:clamp(50px,7vw,110px);line-height:1.05;margin:20px 0}.complete main>p{font-size:18px;margin-top:25px}.download-actions{display:flex;gap:35px;justify-content:center;align-items:center;margin:35px 0}.complete main>.small-note{font-size:12px;opacity:.7;margin-bottom:16px}.receipt{font-size:9px;opacity:.6;margin-top:25px;overflow-wrap:anywhere}#toast{position:fixed;bottom:112px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:white;border:1px solid #888;box-shadow:5px 5px 0 #2440f244;padding:14px 20px;width:max-content;max-width:calc(100vw - 32px);font-size:12px;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}#celebration{position:fixed;bottom:90px;right:130px;pointer-events:none;z-index:70}#celebration i{position:absolute;width:9px;height:16px;display:block}
@media(min-width:1600px){.arrival-main{padding-top:65px;padding-bottom:65px}.card-scene{height:650px}.game-card{height:395px}.card-c{top:260px;height:360px}.card-c>b{font-size:66px}.question-screen{padding-top:55px;padding-bottom:65px}.art-panel{height:480px}}
@media(max-width:1100px){.question-screen{gap:5%;grid-template-columns:minmax(0,1.5fr) minmax(230px,.8fr);padding:36px 5%}.question-copy h1{font-size:54px}.art-panel{height:350px;padding:20px}.graphic-symbol{font-size:155px}.wide-screen{grid-template-columns:1fr}.goal{padding:19px;min-height:230px}.goal strong{font-size:19px}.goal-grid{gap:13px}.sample-art{height:230px}.type-art b{font-size:40px}.sample-caption strong{font-size:14px}.sample-caption p{max-width:95%}.card-scene{height:470px}.game-card{height:300px;padding:17px}.game-card>b{font-size:55px}.card-c{height:265px;top:180px}.card-c>b{font-size:42px}.giant-flower{font-size:175px}.play-seal{width:100px;height:100px;font-size:8px;bottom:5px}.journey-label{gap:15px}.top-actions{gap:16px}.deck-link{padding-left:15px}.hero-meta{font-size:7px;gap:10px}.hero-meta>span+span:before{margin-right:10px}.name-art #live-brand{left:20px;right:20px;top:135px;font-size:39px;max-height:128px}.name-art .art-footer{font-size:7px}.art-sticker{font-size:21px;left:20px}.folder-art .folder{top:100px;height:180px;font-size:30px}.people-art>b{font-size:27px}.face{width:110px;height:110px;font-size:100px}.face.two{top:80px;right:10px}.face.three{top:113px;left:18px}}
@media(max-width:800px){.top{min-height:76px}.edition{font-size:7px;max-width:120px}.wordmark{font-size:31px}.arrival-main{padding:35px 6% 50px;grid-template-columns:1fr;gap:40px}.hero-copy h1{font-size:clamp(58px,10vw,84px)}.hero-copy>p{font-size:17px}.hero-meta{font-size:7px}.card-scene{width:100%;max-width:550px;height:480px;margin:auto}.arrival-footer{font-size:7px;flex-wrap:wrap;line-height:1.5}.question-screen{grid-template-columns:1fr;padding:32px 6% 40px;gap:35px}.question-copy h1{font-size:clamp(40px,7vw,64px);margin-top:18px}.art-panel{display:none}.question-screen .answer-area{max-width:none}.journey-label>span{display:none}.journey-label .deck-link{padding:0;border:0}.top-actions .quiet{font-size:10px}.top-actions .motion-switch{display:none}.question-copy>.eyebrow{font-size:8px}.prompt-intro{font-size:14px}.answer-area{margin-top:23px}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.goal{min-height:195px}.goal-icon{font-size:47px}.goal strong{font-size:20px;margin:15px 0 8px}.goal>span:last-child{font-size:11px}.visual-grid{gap:13px}.sample-art{height:205px;padding:15px}.type-art b{font-size:32px}.compare-art>b{font-size:23px}.comparison{height:113px}.comparison i{font-size:68px}.comparison i+i{width:73px}.orbit{height:142px}.orbit i{width:112px;height:112px}.orbit i:nth-child(1){transform:translateX(-25px)}.orbit i:nth-child(3){transform:translateX(25px)}.orbit b{font-size:50px}.orbit-art>strong{font-size:21px;left:15px}.sample-caption{padding:14px;min-height:125px}.sample-caption strong{font-size:13px;max-width:90%}.round-check{font-size:16px;right:8px}.sample-caption p{font-size:11px}.play-footer{padding:17px 5%;gap:15px}.keyboard-hint{display:none}.footer-middle>.quiet{font-size:10px}.footer-middle>span{font-size:8px}.next-area .cta{min-width:135px;font-size:10px;padding:15px;gap:20px;min-height:50px}.next-area .cta>span{font-size:23px}.back{width:40px;height:40px}.deck-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-screen{margin-top:32px}.confirmation .quiet{display:block;margin:20px 0 0}.complete .top-actions{display:none}}
@media(max-width:520px){.top{margin:0 5%;gap:12px}.wordmark{font-size:28px}.motion-switch{font-size:8px;padding:7px 10px;gap:8px}.arrival .edition{display:none}.hero-copy h1{font-size:15vw;line-height:.96;margin:24px 0}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.08em}.hero-copy>p{font-size:15px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px}.hero-actions .cta{width:100%;min-height:60px}.hero-meta{gap:8px;font-size:6px;margin-top:24px}.hero-meta>span+span:before{margin-right:8px}.card-scene{height:335px;margin-top:12px}.game-card{height:220px;padding:13px;border-width:1.5px}.game-card>span:first-child{font-size:5px}.game-card>small{font-size:5px}.game-card>b{font-size:46px}.card-a{left:2%;top:10px}.card-b{top:25px}.card-c{height:200px;top:130px}.card-c>b{font-size:31px}.giant-flower{font-size:138px;top:60px;right:5px}.card-arrow{font-size:49px}.card-lines{width:200px;height:200px;top:60px;left:7px}.play-seal{right:-1%;width:77px;height:77px;font-size:6px;bottom:-10px}.play-seal span{font-size:19px}.scene-caption{font-size:5px;bottom:-15px}.cross-one{top:-15px}.cross-two{left:0;bottom:-5px}.arrival-footer{font-size:6px;padding-top:18px;padding-bottom:18px;gap:12px}.play-top{min-height:72px}.journey-label .deck-link{font-size:8px;gap:8px}.top-actions .quiet{font-size:9px}.progress-track{margin-top:14px;gap:3px}.question-screen{padding:29px 5% 30px}.question-copy h1{font-size:clamp(33px,9vw,46px);line-height:1.04;letter-spacing:-.055em}.question-copy>.eyebrow{font-size:7px;gap:10px}.mini-line{width:15px}.prompt-intro{font-size:12px;max-width:40ch}.answer-area{margin-top:24px}.field>span,.label{font-size:10px}.field input,.field textarea,.field select{font-size:16px;padding:12px}#brand_identity-name{font-size:29px;padding:16px 0}.two,.three{grid-template-columns:1fr;gap:0}.two .field,.three .field{margin:10px 0}.chip{font-size:11px;padding:12px 14px;min-height:46px}.chips{gap:9px}.goal{padding:17px 14px;min-height:192px}.goal strong{font-size:18px}.goal>span:last-child{font-size:10px}.goal-icon{font-size:45px}.more>summary,.details>summary{font-size:11px;padding:14px 0}.visual-grid{grid-template-columns:1fr;gap:16px}.visual-card{display:grid;grid-template-columns:125px 1fr;min-height:178px}.sample-art{height:178px;padding:13px}.type-art b{font-size:28px}.type-art>span{font-size:5px;left:13px;bottom:12px}.compare-art>span,.orbit-art>span{font-size:5px}.comparison{height:95px}.comparison i{font-size:55px}.comparison i+i{font-size:53px;width:48px}.compare-art>b{font-size:17px}.orbit{height:120px}.orbit i{width:84px;height:84px}.orbit i:nth-child(1){transform:translateX(-15px)}.orbit i:nth-child(3){transform:translateX(15px)}.orbit-art>strong{font-size:15px;left:13px;bottom:12px}.orbit b{font-size:36px}.sample-caption{padding:20px 16px}.sample-caption strong{font-size:15px;max-width:85%}.sample-caption p{font-size:11px;line-height:1.65;margin-top:14px}.round-check{top:auto;bottom:15px;right:15px}.records:empty+.add-button{min-height:140px;font-size:19px}.record-card>summary{gap:10px;padding:15px}.record-card>summary>b{font-size:12px}.record{padding:0 14px 14px}.upload-label strong{font-size:19px}.upload-label>span:not(.upload-symbol){font-size:10px}.upload{padding:20px 15px}.upload small{font-size:8px}.transformation{grid-template-columns:1fr;gap:7px}.transformation>div{padding:16px}.transform-arrow{transform:rotate(90deg);text-align:center;line-height:1;height:28px}.play-footer{gap:11px;padding:14px 4%}.next-area .cta{min-width:103px;padding:13px 12px;gap:10px;font-size:9px;min-height:47px;box-shadow:3px 3px 0 var(--ink)}.footer-middle>.quiet{font-size:9px;max-width:135px;text-align:left}.footer-middle>span{font-size:7px}.back{width:34px;height:38px;font-size:20px;flex-shrink:0}.play-footer .footer-middle{min-width:0}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deck-grid button{padding:13px;min-height:148px}.deck-grid button>b{font-size:11px}dialog{padding:20px}.deck-heading h2{font-size:30px}.review-screen h1{font-size:15vw}.summary-list summary{font-size:11px;padding:17px 0;gap:12px}.summary-list small{font-size:8px;max-width:90px;white-space:normal;text-align:right}.summary-answer{font-size:12px}.confirmation{padding:20px 16px}.confirmation label{font-size:11px;align-items:flex-start}.confirmation input{flex-shrink:0}.confirmation .cta{width:100%;font-size:10px;gap:20px;padding:17px}.complete h1{font-size:12vw}.complete main>p{font-size:14px}.download-actions{flex-direction:column;gap:16px}.download-actions .cta{width:100%;font-size:12px}.complete main{padding:35px 20px 50px}.receipt{font-size:8px}#toast{font-size:11px;bottom:100px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Keep illustrative headlines fully readable in narrow sample cards. */
@media(max-width:520px){.type-art b{font-size:20px;line-height:1.08}.compare-art>b{font-size:13px}.orbit-art>strong{font-size:13px}}
.skip{top:12px;transform:translateY(-200%);opacity:0;pointer-events:none}.skip:focus{top:12px;transform:translateY(0);opacity:1;pointer-events:auto}
.hero-copy{min-width:0}@media(max-width:520px){.hero-copy h1{font-size:13vw}.play-seal{right:2%}}

/* Question-first revision: six graphic answers, less repeated copy. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.question-screen{padding-top:32px;padding-bottom:32px}
.question-copy h1{margin-top:0}
.question-screen.art-left{grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr)}
.art-left .art-panel{grid-column:1;grid-row:1;transform:rotate(-3deg)}
.art-left .question-copy{grid-column:2;grid-row:1}
.journey-label .deck-link{padding:10px;border:0;font-size:13px}
.question-screen .field>span,.question-screen .label{font-size:13px}
.question-screen .more>summary,.question-screen .details>summary{font-size:13px}
.play-footer .footer-middle>.quiet{font-size:13px}
.question-screen .records:empty+.add-button{min-height:100px}
.wide-screen h1{font-size:clamp(40px,5vw,72px)}
.visual-grid{gap:18px}
.visual-card{display:block;min-width:0;min-height:0}
.sample-art{height:190px;padding:18px;container-type:inline-size}
.sample-caption{min-height:64px;padding:17px 36px 17px 16px;display:flex;align-items:center}
.sample-caption strong{font-size:15px;max-width:none;letter-spacing:-.03em}
.round-check{top:50%;right:12px;bottom:auto;transform:translateY(-50%);font-size:20px}
.type-art b{font-size:clamp(18px,11cqw,38px);line-height:.98}
.comparison{height:102px}
.comparison i{font-size:72px}
.comparison i+i{width:72px}
.compare-art>b{font-size:clamp(12px,8cqw,26px);line-height:1}
.orbit{height:123px}
.orbit i{width:115px;height:115px}
.orbit i:nth-child(1){transform:translateX(-30px)}
.orbit i:nth-child(3){transform:translateX(30px)}
.orbit b{font-size:57px}
.orbit-art>strong{font-size:clamp(15px,8cqw,26px);left:18px;bottom:17px}
.detail-art{background:var(--volt);color:var(--ink)}
.detail-pack{position:absolute;width:28%;height:76%;left:15%;bottom:-12%;background:var(--blue);transform:rotate(-17deg);border:2px solid var(--ink);box-shadow:7px 7px 0 #0b0c1422}
.detail-pack:before{content:'✳';display:block;text-align:center;padding-top:25px;color:var(--volt);font:50px var(--display)}
.detail-lens{position:absolute;width:98px;height:98px;left:31%;top:12%;border-radius:50%;border:3px solid var(--ink);background:var(--paper);display:flex;gap:7px;align-items:center;justify-content:center;transform:rotate(-20deg);box-shadow:5px 5px 0 var(--ink)}
.detail-lens i{height:55%;width:8px;background:var(--blue)}
.detail-art>b{position:absolute;right:7%;bottom:18px;font-size:clamp(17px,10cqw,35px);line-height:1}
.scene-art{background:var(--blue);color:white}
.scene-window{position:absolute;right:11%;top:13%;width:29%;height:54%;border:3px solid var(--volt);border-radius:55px 55px 0 0;background:linear-gradient(90deg,transparent 48%,var(--volt) 48%,var(--volt) 52%,transparent 52%)}
.scene-window:after{content:'';position:absolute;top:50%;height:3px;background:var(--volt);width:100%}
.scene-table{position:absolute;height:33%;bottom:0;left:0;right:0;background:var(--ink);transform:skewY(-8deg);transform-origin:left bottom}
.scene-cup{position:absolute;width:42px;height:46px;background:var(--volt);right:24%;bottom:16%;border-radius:0 0 12px 12px;transform:rotate(-8deg)}
.scene-cup:after{content:'';position:absolute;border:5px solid var(--volt);width:21px;height:25px;right:-15px;top:4px;border-radius:50%}
.scene-art>b{position:absolute;left:18px;top:18px;font-size:clamp(16px,9cqw,30px);line-height:1;z-index:1}
.steps-art{background:var(--ink);color:var(--volt)}
.process-steps{display:flex;align-items:center;justify-content:space-between;height:100px}
.process-steps i{width:24%;aspect-ratio:1;display:grid;place-items:center;background:var(--volt);color:var(--ink);font-size:clamp(18px,12cqw,42px);font-style:normal;line-height:1}
.process-steps i:nth-of-type(2){border-radius:50%;background:var(--blue);color:white;transform:translateY(-12px)}
.process-steps i:nth-of-type(3){transform:rotate(9deg)}
.process-steps>span{font-size:22px}
.steps-art>b{font-size:clamp(19px,9cqw,31px);line-height:1}
@media(max-width:1100px) and (min-width:801px){.question-screen.art-left{grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr)}}
@media(max-width:800px){
 .question-screen.art-left{grid-template-columns:1fr}
 .art-left .question-copy{grid-column:1;grid-row:auto}
 .visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sample-caption strong{font-size:14px}
}
@media(max-width:520px){
 .visual-grid{gap:12px}
 .sample-art{height:150px;padding:12px}
 .sample-caption{min-height:69px;padding:12px 25px 12px 10px}
 .sample-caption strong{font-size:12px;line-height:1.3}
 .round-check{right:8px;font-size:17px}
 .comparison{height:82px}
 .comparison i{font-size:47px}
 .comparison i+i{width:43px;font-size:47px}
 .orbit{height:98px}
 .orbit i{width:76px;height:76px}
 .orbit i:nth-child(1){transform:translateX(-15px)}
 .orbit i:nth-child(3){transform:translateX(15px)}
 .orbit b{font-size:40px}
 .orbit-art>strong{left:12px;bottom:12px}
 .detail-lens{width:65px;height:65px;left:23%;box-shadow:3px 3px 0 var(--ink);gap:5px}
 .detail-lens i{width:6px}
 .detail-pack:before{font-size:32px}
 .scene-art>b{left:12px;top:12px}
 .scene-cup{width:29px;height:34px;right:26%}
 .scene-cup:after{width:16px;height:20px;right:-12px;border-width:4px}
 .process-steps{height:81px}
 .process-steps>span{font-size:15px}
 .play-footer .footer-middle>.quiet{font-size:12px}
 .journey-label .deck-link{font-size:12px;padding:0}
 .question-screen .field>span,.question-screen .label{font-size:12px}
 .play-footer .back{width:44px;height:44px;min-width:44px}
 .play-footer #help{min-height:44px}
 .play-top .deck-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center}
 .play-top #save-exit{min-height:44px;display:inline-flex;align-items:center}
}

/* Secondary UI uses Bricolage; Archivo remains for main headings and artwork. */
.quiet,.motion-switch,.deck-link,.text-button,.more>summary,.details>summary,
.record-card>summary,.account summary,.account footer a { font-family:var(--body);font-weight:500; }
.question-guidance { margin:22px 0 0;font-size:14px;line-height:1.5;max-width:48ch; }
.question-guidance+.answer-area { margin-top:28px; }
.play-top .quiet,.play-top .motion-switch { font-size:12px; }
.play-footer #help { font-family:var(--body);font-weight:500;font-size:12px; }
.question-screen h1 { overflow-wrap:normal; }
@media(max-width:600px) {
 .play-top { display:grid;grid-template-columns:1fr auto;gap:8px;padding-bottom:12px; }
 .play-top .journey-label { grid-column:2;grid-row:1; }
 .play-top .top-actions { grid-column:1/-1;justify-content:space-between;gap:12px; }
 .play-top .quiet { font-size:12px; }
 .question-guidance { margin-top:18px;font-size:13px; }
 .question-guidance+.answer-area { margin-top:24px; }
 .play-footer { display:grid;grid-template-columns:44px 1fr;gap:8px 14px; }
 .play-footer .footer-middle { grid-column:1/-1;grid-row:1; }
 .play-footer .footer-middle #help { min-height:36px; }
 .play-footer .back { grid-column:1;grid-row:2; }
 .play-footer .next-area { grid-column:2;grid-row:2;justify-self:end; }
 .play-footer .cta { min-height:48px;font-size:12px; }
 .question-screen { padding-bottom:160px; }
}

/* Required and optional status is visible before the answer boxes. */
.question-guidance { display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;padding:13px 16px;border:2px solid currentColor;font:500 14px/1.5 var(--body); }
.question-guidance .guidance-kind { text-transform:uppercase;letter-spacing:.045em;flex-shrink:0; }
.question-guidance.guidance-optional { border-style:dashed; }
.play-footer #next:disabled { opacity:.45;cursor:not-allowed;transform:none;box-shadow:none; }
@media(max-width:600px) {
 .question-guidance { align-items:flex-start;flex-direction:column;gap:4px;padding:12px 14px;font-size:13px; }
}

/* Phone journey: focus on the question, with native scrolling and room for keyboards. */
@media (max-width: 1023px), (pointer: coarse) {
 .motion-switch { display:none; }
 .arrival .card-scene { display:none; }
 .arrival-main { grid-template-columns:1fr; }
 .arrival .hero-copy h1 { font-size:clamp(40px,11vw,72px); }
 .arrival .hero-meta { font-size:10px; }
 input,select,textarea,.field input,.field select,.field textarea { font-size: max(16px,1em); }
}
@media (max-width: 800px) {
 .play-footer { position:static; padding-bottom:max(20px,env(safe-area-inset-bottom)); margin-top:auto; }
 .question-screen { flex:initial; margin-block:0; padding-bottom:32px; }
 .play-footer .footer-middle #help,.play-top .hosted-workspace { min-height:44px; }
 .play { min-height:100dvh; }
 .top .wordmark { display:inline-flex; align-items:center; min-height:44px; }
 .more>summary,.details>summary,.record-card>summary,.text-button,.quiet { min-height:44px; }
 .arrival-footer { font-size:10px; }
}

/* Question headings receive screen-reader focus after navigation, not a button treatment. */
.question-screen h1:focus { outline:none; }

/* A saved draft is distinct from a completed submission. */
.draft-notice{font-size:16px;line-height:1.65;padding:18px;border:2px solid currentColor;max-width:70ch}.draft-notice a{display:inline-block;text-decoration:underline;font-weight:600}.draft-save-status{display:block;font-size:12px!important;line-height:1.4}.confirmation{scroll-margin-top:24px}#submit-error:not(:empty){padding:12px;border:2px solid #a91d32;color:#821529;background:#fff4f4;font-size:14px;line-height:1.6}

#submit-error:not(:empty){opacity:1}.confirmation label>span{min-width:0;line-height:1.65}

/* Reviewing is an unfinished action; only a server receipt is a completion. */
.review-final{padding-bottom:210px;max-width:1000px}
.review-final h1{font-size:clamp(38px,6.5vw,72px);line-height:1.04;margin:24px 0}
.review-final h1:focus{outline:none}
.review-status{display:inline-block;background:var(--volt);color:var(--ink);padding:12px 16px;font:600 13px/1.4 var(--body);letter-spacing:.035em}
.review-status-sent{background:var(--paper)}
.review-intro{font:400 18px/1.65 var(--body);max-width:65ch}
.review-intro strong{font-weight:600}
.review-steps{display:flex;flex-wrap:wrap;gap:18px 42px;padding-left:22px;margin:26px 0 14px;font-size:14px;line-height:1.6}
.review-optional{font-size:14px;line-height:1.65;max-width:65ch}
.review-final .summary-list{margin:32px 0}
.review-final .summary-answer{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.review-final .summary-answer .quiet{font-size:13px;text-decoration:underline;min-height:44px}
.review-final .summary-list summary{font-size:16px;line-height:1.5;gap:16px}
.review-final .summary-list small{font-size:12px;flex-shrink:0}
.review-final .confirmation{scroll-margin-top:20px;padding:28px;border:2px solid var(--paper)}
.review-final .confirmation h2{font:26px/1.25 var(--display);margin:0 0 22px}
.review-final .confirmation label{align-items:flex-start;font-size:16px;line-height:1.65;margin:18px 0;gap:14px;cursor:pointer}
.review-final .confirmation input{margin-top:5px;width:22px;height:22px;flex-shrink:0;accent-color:var(--volt)}
.review-final .confirmation p{font-size:14px;line-height:1.65;opacity:1}
.review-final>#save-status{display:block;margin-top:12px;font-size:13px;line-height:1.5}
.submit-bar{position:fixed;z-index:40;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--ink);color:var(--paper);border-top:2px solid var(--volt);padding:18px max(5vw,20px) max(18px,env(safe-area-inset-bottom))}
.submit-bar strong{font-size:16px;color:var(--volt)}
.submit-bar p{font-size:14px;line-height:1.5;margin:5px 0}
.submit-bar a{display:inline-block;font-size:13px;line-height:1.5;text-decoration:underline;padding:4px 0}
.submit-bar .cta{min-width:235px;flex-shrink:0;font-size:16px;min-height:64px}
.submit-bar .cta:disabled{background:var(--paper);color:var(--ink);opacity:.65;box-shadow:none;cursor:not-allowed;transform:none}
#leave-review{max-width:560px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:30px}
#leave-review h2{font:clamp(24px,4vw,34px)/1.2 var(--display);margin:0 0 18px}
#leave-review p{font:16px/1.6 var(--body)}
.leave-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;align-items:center}
.leave-actions .cta{font-size:14px}
.leave-actions .quiet{font-size:14px;text-decoration:underline}
@media(max-width:600px){
 .review-final{padding-bottom:250px}
 .review-intro{font-size:16px}
 .review-steps{display:block;font-size:14px;margin-block:24px}
 .review-steps li{margin:8px 0}
 .review-final .summary-list summary{font-size:15px}
 .review-final .summary-list small{font-size:11px;max-width:85px}
 .review-final .confirmation{padding:20px 16px}
 .review-final .confirmation label{font-size:15px}
 .submit-bar{align-items:stretch;flex-direction:column;gap:12px;padding:14px 5% max(16px,env(safe-area-inset-bottom))}
 .submit-bar p{font-size:13px;margin:3px 0}
 .submit-bar .cta{min-height:54px;width:100%;min-width:0;font-size:15px;padding:14px 18px;justify-content:space-between}
 #leave-review{max-width:calc(100vw - 32px);padding:24px 20px}
 .leave-actions{flex-direction:column;align-items:stretch}
}