.screen{height:100svh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;padding:clamp(16px,3vh,28px) clamp(20px,5vw,72px)}.bar{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}.wordmark{font-family:var(--font-display);font-weight:var(--w-semibold);font-size:1.15rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.bar-meta{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}@media(max-width:640px){.bar-meta{display:none}}.stage{display:grid;grid-template-columns:minmax(280px,5fr) 7fr;align-items:center;gap:clamp(var(--sp-6),6vw,120px);min-height:0}@media(max-width:860px){.stage{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--sp-5);align-items:start}}.brand-pane{display:grid;justify-items:start;gap:clamp(var(--sp-4),4vh,var(--sp-7));color:var(--ink);min-height:0}.mark{width:min(clamp(120px,24vw,300px),30vh);height:auto;display:block}.mark3d{position:relative;width:min(clamp(180px,28vw,380px),38vh);aspect-ratio:1;touch-action:none;cursor:grab}.mark3d.grabbing{cursor:grabbing}#mk-gear{transform-origin:1024px 1024px;transition:transform var(--dur-gear) var(--ease-gear)}.statement{font-family:var(--font-display);font-size:var(--statement);font-weight:var(--w-medium);line-height:var(--lh-snug);letter-spacing:-.02em;max-width:17ch;color:var(--ink)}.statement em{font-style:italic;font-variation-settings:"SOFT" 40,"WONK" 1}.brand-note{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}.services{list-style:none;display:flex;flex-wrap:wrap;max-width:34ch;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.03em;line-height:1.7;color:var(--fg2)}.services li{white-space:nowrap}.services li:not(:last-child):after{content:"·";margin:0 .7em;color:var(--fg3)}@media(max-width:860px){.brand-pane{grid-template-columns:auto 1fr;align-items:center;gap:var(--sp-4)}.mark{width:clamp(64px,18vw,96px)}.mark3d{width:clamp(96px,26vw,140px);margin:0}.statement{font-size:clamp(1.05rem,4.4vw,1.35rem);max-width:none}.brand-note,.services{display:none}}@media(max-height:820px){.services{display:none}}@media(max-height:680px){.brand-note{display:none}}.q-pane{min-height:0;display:grid;align-content:center;gap:clamp(var(--sp-4),3vh,var(--sp-6));max-width:560px}@media(max-width:860px){.q-pane{align-content:start;max-width:none}}.q-progress{display:flex;align-items:center;gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;color:var(--fg3)}.q-dots{display:flex;gap:7px}.q-dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--ink-soft-2);transition:background var(--dur-base),transform var(--dur-base)}.q-dot.on{background:var(--ink);transform:scale(1.25)}.q-card{display:grid;gap:clamp(var(--sp-4),2.6vh,var(--sp-6));min-height:0}.q-card.enter{animation:q-in var(--dur-base) var(--ease-soft) both}@keyframes q-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.q-title{font-family:var(--font-display);font-size:var(--question);font-weight:var(--w-medium);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--ink)}.q-hint{font-size:var(--text-sm);color:var(--fg3)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.chip{font-family:var(--font-body);font-weight:var(--w-medium);font-size:var(--text-base);color:var(--ink);background:transparent;border:1.5px solid var(--border-strong);border-radius:var(--r-pill);padding:.6em 1.1em;cursor:pointer;white-space:nowrap;max-width:100%;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}@media(max-width:420px){.chip{white-space:normal}}.chip:hover{background:var(--ink-wash);border-color:var(--ink);transform:translateY(-1px)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.control{width:100%;font-family:var(--font-body);font-size:var(--text-lg);color:var(--ink);background:transparent;border:0;border-bottom:2px solid var(--border-strong);border-radius:0;padding:.45em 0;transition:border-color var(--dur-fast)}.control::placeholder{color:var(--ink-3);opacity:.75}.control:focus{outline:none;border-bottom-color:var(--ink)}textarea.control{resize:none;line-height:var(--lh-normal);font-size:var(--text-md)}.control.invalid{border-bottom-color:var(--danger)}.field-err{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--danger)}.pair{display:grid;gap:var(--sp-4)}.pair .lbl{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);display:block;margin-bottom:var(--sp-1)}.q-actions{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.6ch;font-weight:var(--w-semibold);font-size:var(--text-base);background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r-sm);padding:.75em 1.4em;cursor:pointer;transition:opacity var(--dur-fast),transform var(--dur-fast)}.btn:hover{opacity:.92;transform:translateY(-1px)}.btn:active{transform:none}.btn .arw{transition:transform var(--dur-base) var(--ease-soft)}.btn:hover .arw{transform:translate(4px)}.key-hint{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--fg3)}.skip{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);background:none;border:0;cursor:pointer;border-bottom:1px solid var(--border-strong);padding:0 0 2px}.skip:hover{color:var(--ink);border-color:var(--ink)}.back{background:none;border:0;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg3);padding:0;transition:color var(--dur-fast)}.back:hover{color:var(--ink)}.thanks{display:grid;gap:var(--sp-4)}.thanks-mark{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--fg3)}.thanks p{color:var(--fg2);max-width:44ch}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.foot{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);position:relative;z-index:1;background:var(--paper);padding-top:var(--sp-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg3)}@media(max-width:640px){.foot span:last-child{display:none}}.foot-reach a{text-transform:none;letter-spacing:.04em;color:var(--fg2);text-decoration:none;border-bottom:1px solid var(--border-strong)}.foot-reach a:hover{color:var(--ink);border-color:var(--ink)}.key-hint a{color:var(--ink)}.learn-more{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg2);text-decoration:none;border-bottom:1px solid var(--border-strong);padding-bottom:3px;transition:color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft)}.learn-more:hover{color:var(--ink);border-color:var(--ink)}.learn-more:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.learn-more .arw{margin-left:.5em}@media(max-height:600px){.learn-more{display:none}}