/* R13: preserve the existing palette; hierarchy, depth and useful motion. */
.work{--help:#665140}
.work .muted,.work .small,.work .context-hint{color:var(--help)}
.work button,.work .button-link{transition:background .18s,box-shadow .18s,transform .18s}
.work button:not(:disabled):hover,.work button:not(:disabled):focus-visible,.work .button-link:hover,.work .button-link:focus-visible{box-shadow:0 5px 14px #452e1717;transform:translateY(-2px)}
.work button:active{transform:translateY(0)}
.work .stage-nav button span{display:inline-grid;place-items:center;min-width:23px;min-height:23px;border-radius:7px;background:#eedbc0;color:#422d1c;margin-right:7px}
.work .stage-nav button[aria-current] span{background:#231b16;color:#fff8ee}
.workbar>span{display:none}
.workbar{justify-content:flex-start;margin-bottom:36px}
.conversation .actions{align-items:flex-end;gap:18px;margin-top:24px}
.next-step{display:flex;align-items:flex-end;flex-direction:column;gap:9px;max-width:65%;text-align:right}
.next-step .context-hint{font-size:12px;line-height:1.45}
.conversation .answer-box{box-shadow:0 10px 32px #4d341309}
.conversation .context-chip{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.quiet-help{padding:12px 0;font-size:13px;border-top:1px solid var(--line)}
.quiet-help summary{cursor:pointer;color:#665140;font-size:13px;line-height:1.6}
.quiet-help p{font-size:13px;max-width:70ch;margin:12px 0 0}
.gallery-intro p{font-size:clamp(19px,1.7vw,25px);margin:10px 0 0}
.project-gallery{perspective:1100px}
.project-gallery figcaption{display:block;padding:17px 4px 0}
.project-gallery figcaption strong{font-size:14px;line-height:1.5;display:block;margin-bottom:7px}
.project-gallery figcaption>span{display:block;font-size:12px;line-height:1.6;color:#665140}
.project-gallery .quiet-help{margin:8px 0 0;padding:7px 0;border:0}
.project-gallery .instagram-link{margin-top:16px}
.depth-card{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 45%;transition:transform .18s ease-out;will-change:auto}
.depth-card img,.proposal-art>.art{box-shadow:0 18px 36px -25px #231b1680}
.depth-card:focus-within{transform:none}
.review .brief-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.review .brief-cards>div{display:block;position:relative;border:1px solid #d6bda2;border-radius:14px;background:#fff8ee;padding:20px;min-width:0;transition:transform .2s ease,box-shadow .2s ease;transform-origin:center}
.review .brief-cards>div:last-child{grid-column:1/-1}
.review .brief-cards dt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;margin-bottom:12px;font-size:16px;letter-spacing:.02em;color:var(--ink)}
.review .brief-label{font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.review .brief-cards dd{margin:0;font-size:16px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}
.review .brief-cards>div:focus-within{transform:scale(1.025);box-shadow:0 12px 26px #452e1720;z-index:1}
@media(hover:hover) and (pointer:fine){.review .brief-cards>div:hover{transform:scale(1.035);box-shadow:0 12px 26px #452e1720;z-index:1}}
.brief-edit{font-size:12px;padding:8px 12px;min-height:36px;white-space:nowrap}
.proposal-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(28px,4vw,64px)}
.proposal-grid>.proposal-art{position:static}
.proposal-art .preview-note{font-size:12px;line-height:1.6;padding:10px 13px;border-left-width:2px;margin-top:12px}
.proposal-art .art-title{font-size:clamp(24px,2.8vw,38px);line-height:1.08;max-height:65%;overflow:auto;overflow-wrap:anywhere}
.proposal-guide{margin-top:28px;max-width:520px}
.proposal-guide h2{font-size:clamp(28px,3vw,43px);line-height:1.08;margin:14px 0}
.proposal-guide p{font-size:15px;line-height:1.65}
.proposal-fields .fields-heading{font-size:26px;margin-bottom:10px}
.proposal-fields>label{margin-top:18px}
.result-work .endcard{max-width:1050px}
.result-work h1{font-size:clamp(34px,5vw,64px);margin:18px 0 24px}
.direction-recap{margin:0 0 22px;padding:13px 0}
.direction-recap .mini-proposal{margin-top:16px}
.result-work .proposal-download{font-size:14px;padding:12px 18px}
.result-path{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:36px 0 20px;padding:17px;border:1px solid #d6bda2;border-radius:14px;background:#fff8ee}
.result-path button{font-size:13px;padding:10px;border:0;border-radius:8px;text-align:left}
.result-path button span{display:inline-grid;place-items:center;background:#f4dfbf;border-radius:7px;padding:6px;margin-right:7px;font-weight:700;min-width:30px}
.result-path>span{color:#805a38}
.result-step{border:1px solid #d6bda2;border-radius:18px;padding:clamp(22px,3.5vw,42px);margin:22px 0;background:#fff8ee;scroll-margin-top:24px}
.result-step h2{font-size:clamp(28px,3.4vw,43px);line-height:1.12;max-width:700px;margin:15px 0}
.result-step>p{max-width:70ch;font-size:15px}
.result-step .prompt-box{min-height:190px;max-height:360px;resize:vertical;font-size:14px;line-height:1.7;background:#fffdf8}
.result-step .two-buttons{gap:10px;flex-wrap:wrap;margin-top:16px}
.result-step .two-buttons>*{font-size:13px}
.step-forward{display:block;margin-top:20px;border:0;padding:10px 0;color:#8b350b;font-size:14px;font-weight:600;text-align:left}
.proof-step .reference-preview{display:block;width:auto;max-width:100%;max-height:360px;object-fit:contain;margin:20px 0}
.proof-step .checks{margin-top:22px;background:#f4e5cc;border-radius:12px;padding:18px;align-items:flex-start}
.motion-step{background:#f2e0c3;border-color:#c89161}
.motion-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;max-width:620px}
.motion-preview span{padding:18px;border:1px solid #d1b08a;background:#fff8ee;border-radius:12px;font-size:12px;line-height:1.8}
.motion-preview b{font-size:16px}
.completion-note{display:flex;align-items:center;gap:10px;font-weight:600}
.completion-note>span{display:inline-grid;place-items:center;background:#294b33;color:#fff;border-radius:50%;width:28px;height:28px;flex-shrink:0}
.production-help{border-top:1px solid #ccb393;padding:32px 0 20px;margin-top:36px}
.production-help h2{font-size:clamp(26px,3vw,36px);margin:14px 0}
.production-help p{max-width:65ch;font-size:14px}
.production-help .small{margin-top:15px;font-size:12px}
.result-work .access-panel{margin:22px 0}
.result-work .feedback{padding:16px 0;margin-top:22px}
.result-work .feedback summary{font-size:14px}
.route-examples-dialog{width:min(1000px,94vw);max-height:90svh;overflow:auto;padding:clamp(24px,4vw,48px)}
.route-examples-dialog h2{font-size:clamp(28px,3vw,44px);margin:16px 0}
.route-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}
.route-examples article{background:#f4e5cc;border:1px solid #ccb393;border-radius:15px;padding:22px}
.route-examples h3{font-size:22px;margin:18px 0 12px}
.route-examples p{font-size:14px;line-height:1.65;margin:0}
.route-symbol{font-size:38px;width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:#ff650a;color:#231b16;box-shadow:6px 6px 0 #c9aa80;transform:rotate(-5deg)}
.connection-symbol{transform:rotate(6deg);background:#231b16;color:#fff8ee}
.human-symbol{background:#f7ba74}
@media(prefers-reduced-motion:no-preference){main>.work{animation:journey-stage .5s ease-out both}.route-examples-dialog[open] .route-examples article{animation:journey-enter .25s ease-out both}.route-examples-dialog[open] article:nth-child(2){animation-delay:.05s}.route-examples-dialog[open] article:nth-child(3){animation-delay:.1s}}
@keyframes journey-stage{from{opacity:0}to{opacity:1}}
@keyframes journey-enter{from{opacity:.65;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.proposal-grid{grid-template-columns:1fr}.proposal-guide{max-width:none}.result-path{gap:4px}.result-path button{font-size:12px}.route-examples{grid-template-columns:1fr}.route-examples article{padding:20px}.review .brief-cards{grid-template-columns:1fr}.review .brief-cards>div:last-child{grid-column:auto}}
@media(max-width:600px){.workbar{margin-bottom:24px}.result-path{display:grid;grid-template-columns:1fr;padding:12px}.result-path>span{display:none}.result-path button{font-size:14px}.result-step{padding:22px 18px}.motion-preview{gap:7px}.motion-preview span{padding:12px 8px}.motion-preview b{font-size:14px}.review .brief-cards>div{padding:17px}.result-work .two-buttons>*{width:100%;text-align:center}.next-step{max-width:65%}.context-chip{font-size:11px}.project-gallery figcaption{padding-inline:0}}
@media(prefers-reduced-motion:reduce){main>.work,.work *,.route-examples-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.work .depth-card,.work button:hover,.work button:focus-visible,.work .button-link:hover,.work .button-link:focus-visible,.review .brief-cards>div:hover,.review .brief-cards>div:focus-within{transform:none!important}}

/* R15: movement explains depth without shifting the form or page layout. */
.route-card{perspective:1100px}
.answer-box:focus-within{box-shadow:0 8px 28px #bd560c14;border-color:#b6500b;transition:box-shadow .2s,border-color .2s}
.work .stage-nav button span{transition:background .2s,color .2s,rotate .2s}
.work .stage-nav button:not(:disabled):hover span{rotate:-8deg;background:#ff650a;color:#231b16}
@media(prefers-reduced-motion:no-preference){
 .route-grid>.route-card,.review .brief-cards>div{animation:card-arrive .5s ease-out backwards}
 .route-grid>.route-card:nth-child(2),.review .brief-cards>div:nth-child(2){animation-delay:.07s}
 .route-grid>.route-card:nth-child(3),.review .brief-cards>div:nth-child(3){animation-delay:.14s}
 .review .brief-cards>div:nth-child(4){animation-delay:.21s}
 .review .brief-cards>div:nth-child(5){animation-delay:.28s}
 .result-step:target{animation:card-arrive .5s ease-out}
}
@keyframes card-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.work .stage-nav button span{rotate:0!important}.answer-box:focus-within{transition:none}}

/* R16: product guide uses the existing navigation treatment. */
header .product-playbook{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff8ec;border:1px solid var(--line);border-radius:10px;padding:12px 20px;font:inherit;text-decoration:none;white-space:nowrap;transition:background .2s}
header .product-playbook svg{flex-shrink:0}
header .product-playbook:hover{background:#ecddc5}
header{height:auto;min-height:100px;gap:20px}
header nav{flex-wrap:wrap}
@media(max-width:1100px){header{flex-wrap:wrap}header nav{width:100%;justify-content:flex-start}}
@media(max-width:600px){header .product-playbook{font-size:10px;padding:9px 8px;gap:6px}header .product-playbook svg{width:15px;height:15px}header{min-height:90px}}
@media(prefers-reduced-motion:reduce){header .product-playbook{transition:none}}