/* One restrained brand vignette, with a native, keyboard-accessible timeline. */
.about-brand.brand-print{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;background:var(--light);padding:0;align-self:center}
.brand-print-stage{position:relative;width:100%;aspect-ratio:1.06;min-height:250px;background:radial-gradient(ellipse at 50% 65%,#eee7d9 0%,#faf7f0 74%)}
.brand-print-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.brand-print-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}
.brand-print-fallback img{width:45%;height:65%;object-fit:contain}
.brand-print-fallback>span{font-size:10px;letter-spacing:1.5px}
.brand-print-heading{position:absolute;top:18px;left:18px;z-index:1;pointer-events:none;font-size:9px;letter-spacing:.1em;font-weight:700;color:var(--muted)}
.brand-print-controls{padding:12px 16px 6px;border-top:1px solid var(--line);background:var(--light)}
.brand-print-status{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted)}
.brand-print-status p{font-size:9px;font-weight:700;letter-spacing:.08em;margin:0}
.brand-print-timeline{display:flex;align-items:center;gap:8px}
.brand-print-timeline input{--print-progress:0%;display:block;flex:1;min-width:0;width:100%;height:44px;margin:0;padding:0;border:0;border-radius:0;appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}
.brand-print-timeline input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--orange) var(--print-progress),var(--line) var(--print-progress));border-radius:2px}
.brand-print-timeline input::-moz-range-track{height:3px;background:var(--line);border-radius:2px}
.brand-print-timeline input::-moz-range-progress{height:3px;background:var(--orange)}
.brand-print-timeline input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid var(--light);border-radius:50%;background:var(--ink);margin-top:-5px;box-shadow:0 0 0 1px var(--ink)}
.brand-print-timeline input::-moz-range-thumb{width:9px;height:9px;border:2px solid var(--light);border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.brand-print-timeline input:focus-visible{outline:2px solid var(--ink);outline-offset:0;border-radius:3px}
.brand-print-timeline button{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.brand-print-timeline button:hover{background:var(--paper)}
.brand-print-timeline button:disabled,.brand-print-timeline input:disabled{opacity:.4;cursor:default}
@media(max-width:760px){.brand-print-stage{aspect-ratio:1.16;min-height:250px}.about-brand.brand-print{max-width:480px;width:100%;margin-inline:auto}.brand-print-controls{padding-inline:12px}}

.brand-print-stage canvas[data-interactive="true"]{cursor:grab}
.brand-print-stage canvas.is-dragging{cursor:grabbing}
.brand-print-stage canvas:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
.brand-print-view-controls{position:absolute;bottom:3px;left:12px;right:12px;z-index:2;display:flex;align-items:center;gap:4px;pointer-events:none}
.brand-print-view-controls button{pointer-events:auto;min-height:44px;padding:4px 8px;border:0;background:#faf7f0e6;font-size:10px;white-space:nowrap;cursor:pointer}
.brand-print-view-controls button:hover{background:var(--paper)}
.brand-print-view-controls button:disabled{opacity:.45;cursor:default}
@media(pointer:coarse){.brand-print-view-controls [data-print-view-toggle]{text-decoration:underline;text-underline-offset:3px}}
.brand-print-view-hint{display:none;align-items:center;gap:6px;margin-left:auto;padding:8px 3px;color:var(--muted);font-size:10px;line-height:1.3}
@media(pointer:fine){.brand-print-view-hint{display:inline-flex}}