/* The garage is the invitation. Copy appears only after selection. */
.hero{grid-template-columns:minmax(320px,.85fr) minmax(0,1.25fr);gap:36px;align-items:center;padding-top:65px}.hero h1{font-size:clamp(54px,6.4vw,96px)}.hero .lead{max-width:430px}.garage-experience{min-width:0}.garage-stage{height:480px;position:relative;isolation:isolate}.garage-stage>img,.garage-stage>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.garage-stage>canvas{opacity:0;touch-action:pan-y}.garage-stage.ready>canvas{opacity:1}.garage-stage.ready>img{visibility:hidden}.garage-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.garage-caption p{font-size:15px;line-height:1.5;margin:0;color:var(--ink)}#garage-motion{font:inherit;font-size:12px;min-height:48px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--ink);cursor:pointer;flex-shrink:0}.garage-access{border:0;margin-top:4px}.garage-access summary{font-size:13px;min-height:48px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:4px;width:max-content}.garage-bins{display:flex;flex-wrap:wrap;gap:4px 20px;padding:0 0 12px}.garage-bins button{background:none;border:0;border-bottom:1px solid #b8b5ac;border-radius:0;color:var(--ink);font:inherit;font-size:14px;min-height:48px;padding:8px 0;cursor:pointer}.garage-bins button:hover{color:var(--blue);border-color:var(--blue)}
#bin-modal{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;border:0;border-radius:32px;padding:64px 40px 40px;background:var(--cream);color:var(--ink);box-shadow:0 24px 80px #18181835;overflow:auto}#bin-modal::backdrop{background:#18181880}#bin-modal h2{font-size:clamp(34px,4vw,48px);line-height:1.07;letter-spacing:-.04em;margin:0 0 24px;text-wrap:balance}#bin-modal p{font-size:18px;line-height:1.65;margin:0 0 32px}#bin-modal .btn{font-size:16px;min-height:52px}#bin-modal .modal-close{position:absolute;right:16px;top:12px;width:48px;height:48px;display:grid;place-items:center;background:none;border:0;border-radius:12px;color:var(--ink);cursor:pointer}.modal-close:hover{background:#e6e2d6}.garage-experience :focus-visible,#bin-modal :focus-visible{outline:3px solid var(--blue);outline-offset:4px}html:has(#bin-modal[open]){scrollbar-gutter:stable}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:24px}.hero>div:first-child{max-width:650px}.garage-experience{max-width:760px;width:100%}.garage-stage{height:500px}}
@media(max-width:600px){.hero{padding-top:38px;gap:16px}.hero h1{font-size:58px}.garage-stage{height:320px;margin:0 -12px}.garage-caption{gap:12px}.garage-caption p{font-size:14px}#garage-motion{font-size:12px}#bin-modal{padding:64px 28px 32px;border-radius:24px}#bin-modal h2{font-size:36px}#bin-modal p{font-size:17px}}

/* Keyboard and static-fallback hit targets sit on the pictured bins. */
.garage-hotspots{position:absolute;inset:0;pointer-events:none}.garage-hotspots button{position:absolute;pointer-events:auto;border:0;background:transparent;min-width:48px;min-height:48px;border-radius:8px;cursor: url(assets/phone-cursor.svg) 20 5,pointer;width:10%;height:10%}.garage-stage.ready .garage-hotspots button{pointer-events:none}.garage-hotspots button:focus-visible{outline:3px solid var(--blue);outline-offset:3px;background:#e5ff4533}.garage-hotspots [data-bin="camping"]{left:37%;top:38%}.garage-hotspots [data-bin="tools"]{left:49%;top:43%}.garage-hotspots [data-bin="seasonal"]{left:61%;top:48%}.garage-hotspots [data-bin="sports"]{left:37%;top:27%}.garage-hotspots [data-bin="travel"]{left:49%;top:32%}.garage-hotspots [data-bin="keepsakes"]{left:61%;top:37%}