/* This is a measuring tool: its object outlines and dimension lines convey scale. */
.hero-scale-panel{display:flex;flex-direction:column}
.hero-scale-panel .hero-scale-title{order:0;font-size:28px;line-height:1.15;letter-spacing:-.03em;max-width:none;white-space:normal;margin:0 0 18px}
.hero-scale-panel .hero-size-picker{order:1;margin:0 0 10px}
.hero-scale-panel .hero-specimen{order:2;display:block;height:auto;background:none;overflow:visible}
.hero-scale-panel .hero-specimen-info{order:3;margin-top:20px}
.hero-scale-panel #hero-detail-button{order:4;align-self:flex-start}
.hero-scale-panel .scale-canvas{display:block;width:100%;height:300px;fill:none;stroke:none;overflow:visible}
.scale-canvas .scale-paper-shape{fill:#faf9f6;stroke:var(--muted);stroke-width:1.5}
.scale-canvas .scale-paper-label,.scale-canvas .scale-dimension-label{fill:var(--ink);stroke:none;font-family:var(--font);font-weight:400;letter-spacing:0}
.scale-canvas .scale-pot-body{fill:#b8b09f;stroke:none}
.scale-canvas .scale-pot-rim{fill:#ded8cb;stroke:none}
.scale-canvas .scale-pot-inner{fill:#8c8578;stroke:none}
.scale-canvas .scale-dimension{fill:none;stroke:var(--ink);stroke-width:1.5}
.scale-canvas .scale-baseline{fill:none;stroke:var(--muted);stroke-width:1.5}
.hero-scale-panel figcaption{padding-top:8px}
#hero-scale-summary{font-size:17px;line-height:1.4;max-width:42ch}
.hero-scale-panel figcaption .small{margin-top:9px;font-size:14px;line-height:1.45;max-width:54ch}
@media(max-width:1000px){.hero-scale-panel .scale-canvas{height:250px}.hero-scale-panel .hero-scale-title{font-size:26px}}
@media(max-width:540px){.hero-scale-panel .scale-canvas{height:auto;aspect-ratio:580/380}.hero-scale-panel .hero-scale-title{font-size:26px;margin-bottom:20px}.hero-scale-panel .hero-size-picker{margin:0 0 14px}#hero-scale-summary{font-size:16px}.hero-scale-panel figcaption{padding-top:4px}.hero-scale-panel .hero-specimen-info{margin-top:22px}}
@media(min-width:541px) and (max-width:680px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px var(--margin) 32px}.hero-inspiration{display:none}.hero-actions{flex-direction:row;align-items:center}.hero-stage{padding:28px var(--margin)}.specimen-sticky{position:static}.hero-scale-panel .scale-canvas{height:auto;aspect-ratio:580/380}}