/* Bell Morgan's component choreography. Base styles are always readable and usable. */
.motion-word{display:inline-block;vertical-align:baseline}
.hero-motion-pending .hero-text h1,.hero-motion-pending .hero-lede,.hero-motion-pending .hero-ask,.hero-motion-pending .hero-actions,.hero-motion-pending .hero-nav,.hero-motion-pending .page-hero-copy>*{opacity:0}
.hero-photo .hero-lit{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:1;-webkit-mask-image:url('/assets/hero-lights-mask.png');mask-image:url('/assets/hero-lights-mask.png');-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.hero-motion-pending .hero-photo .hero-lit{opacity:0}
.hero-motion-pending .hero-frame{transform:scale(1.02)}
.hero-motion-pending .hero-wash{opacity:.75}
.hero-wash{position:absolute;inset:0;background:var(--ink);opacity:0;z-index:2;pointer-events:none}
.hero-menu{transition:transform 150ms cubic-bezier(.23,1,.32,1),background 150ms}
.sheet::backdrop{opacity:1;transition:opacity 240ms cubic-bezier(.16,1,.3,1)}
.sheet[data-motion-state="closing"]::backdrop{opacity:0;transition-duration:150ms}
@starting-style{.sheet[open]::backdrop{opacity:0}}
.faq-list summary svg,.context-details summary>svg{transition:transform 200ms cubic-bezier(.23,1,.32,1)}
.faq-list details[data-expanding="false"] summary svg,.context-details[data-expanding="false"] summary>svg{transform:rotate(0)}
.faq-list details[data-expanding="true"] summary svg,.context-details[data-expanding="true"] summary>svg{transform:rotate(45deg)}
.field label{transition:color 150ms cubic-bezier(.23,1,.32,1)}
.field input,.field textarea{transition:border-color 150ms cubic-bezier(.23,1,.32,1),box-shadow 150ms cubic-bezier(.23,1,.32,1)}
.field:focus-within>label{color:#6958a8}
.field input:focus,.field textarea:focus{border-color:#8070b6;box-shadow:0 0 0 1px #8070b6,0 0 0 4px #bdb8ff30}
.field:has([aria-invalid="true"]):focus-within>label{color:var(--error)}
.field [aria-invalid="true"]:focus{border-color:var(--error);box-shadow:0 0 0 1px var(--error),0 0 0 4px #ad3c5520}
.chip-clear{font-size:11px;min-height:44px;min-width:44px;padding:8px 0;margin-top:4px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.chips input:checked+span:after{content:'';width:8px;height:5px;margin:0 0 3px 7px;display:inline-block;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.motion-label{position:relative;display:inline-block;text-align:left}
.motion-label-old{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none}
.motion-label-live{display:block}
.receipt-acknowledgement{display:flex;align-items:center;gap:15px;margin-bottom:26px}
.receipt-acknowledgement .receipt-badge{margin:0}
.receipt-check{width:52px;height:52px;flex:none;color:#7666ae;overflow:visible}
.receipt-check-ring,.receipt-check-tick{stroke-dasharray:1;stroke-dashoffset:0}
.receipt-content .receipt-steps{margin-top:28px}
.receipt-preparation{padding:26px;background:var(--soft);border-radius:18px;margin:30px 0}
.receipt-preparation h2{font-size:24px;line-height:1.2;margin-bottom:18px}
.receipt-preparation .eyebrow{font-size:10px;margin-bottom:10px}
.receipt-preparation h3{font-size:14px;line-height:1.5;margin-bottom:4px;letter-spacing:0}
.receipt-preparation p{font-size:13px;line-height:1.65}
.receipt-preparation p+h3{margin-top:18px}
.receipt-finish>.caption{margin-top:24px;font-size:11px}
.receipt-content h1:focus,.article-body h2[tabindex="-1"]:focus{outline:none}
[data-photo-settle]{overflow:hidden}
[data-photo-settle]>img{transition:none;transform-origin:center}
.contents-rail nav{position:relative;isolation:isolate}
.contents-rail nav>a{position:relative;z-index:1}
.contents-indicator{position:absolute;left:-8px;z-index:0;background:var(--selected);border-radius:8px;pointer-events:none;transform-origin:center}
.card-link svg{transition:transform 150ms cubic-bezier(.23,1,.32,1)}
@media(hover:hover) and (pointer:fine){.guide-card:hover .card-link svg{transform:translate(2px,-2px)}}
@media(max-width:760px){.receipt-preparation{padding:22px}.receipt-acknowledgement{gap:12px}.receipt-check{width:46px;height:46px}}
html[data-keyboard="true"] *,html[data-keyboard="true"] *::before,html[data-keyboard="true"] *::after,html[data-keyboard="true"] dialog::backdrop{animation-delay:0s!important;transition-delay:0s!important;transition-duration:0s!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-delay:0s!important;transition-delay:0s!important;transition-duration:0s!important}.hero-motion-pending .hero-text h1,.hero-motion-pending .hero-lede,.hero-motion-pending .hero-ask,.hero-motion-pending .hero-actions,.hero-motion-pending .hero-nav,.hero-motion-pending .page-hero-copy>*{opacity:1}dialog::backdrop{transition:none}[data-photo-settle]>img{transform:none!important;opacity:1!important}}
