/* Shared footer for every page except the landing and checkout (the header is in header.css).
   Rules are copied from film.css and scoped to .top and .foot so they do not touch the page's own styles. */
.top,.foot{
  --logo:url("assets/brand-mark.svg");--logo-small:url("assets/brand-mark-small.svg");
  --bg:#f5f5f7;--surface:#fff;--line:rgba(0,0,20,.10);--hair:rgba(0,0,20,.06);
  --text:#1d1d1f;--sub:#5f5f66;--faint:#86868b;
  --liquid-hi:#6cc6ff;--liquid:#3d63ff;--liquid-lo:#2a2fc2;
  --liquid-grad:linear-gradient(135deg,var(--liquid-hi),var(--liquid) 52%,var(--liquid-lo));
  --shadow:0 1px 2px rgba(0,0,30,.05),0 6px 20px rgba(0,0,30,.06);
  --ease:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.top,.foot){
  --logo:url("assets/brand-mark-dark.svg");--logo-small:url("assets/brand-mark-small-dark.svg");
  --bg:#0b0b0e;--surface:#17171c;--line:rgba(255,255,255,.10);--hair:rgba(255,255,255,.06);
  --text:#f5f5f7;--sub:#a1a1a8;--faint:#8a8a92;
  --liquid-hi:#7fe0ff;--liquid:#5f7cff;--liquid-lo:#3a35d0;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.25);
}}
:root[data-theme="dark"] :is(.top,.foot){
  --logo:url("assets/brand-mark-dark.svg");--logo-small:url("assets/brand-mark-small-dark.svg");
  --bg:#0b0b0e;--surface:#17171c;--line:rgba(255,255,255,.10);--hair:rgba(255,255,255,.06);
  --text:#f5f5f7;--sub:#a1a1a8;--faint:#8a8a92;
  --liquid-hi:#7fe0ff;--liquid:#5f7cff;--liquid-lo:#3a35d0;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.25);
}
body.chrome{padding-top:76px}
.top a,.foot a{text-decoration:none}
.top a:hover,.foot a:hover{text-decoration:none}
.top button,.foot button{font:inherit;color:inherit}
.top :focus-visible,.foot :focus-visible{outline:2px solid var(--liquid);outline-offset:3px;border-radius:8px}
.top .dmm-logo,.foot .dmm-logo{display:inline-block;width:36px;height:26px;flex:none;background:var(--logo-small) center/contain no-repeat}

/* footer */
.foot{position:relative;border-top:1px solid var(--line);font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--sub);overflow:hidden;max-width:none;margin:48px 0 0;padding:0}
.foot .wrap{max-width:1140px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.foot .frow{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px 48px;padding-top:32px;padding-bottom:28px}
.foot .frow .brand{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;min-height:44px;font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--text)}
.foot .fcols{display:flex;gap:clamp(32px,7vw,88px)}
.foot .fcols div{display:flex;flex-direction:column;gap:9px}
.foot .fcols h3{margin:0 0 4px;font:600 12px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.foot .fcols a{color:var(--sub);margin:0;white-space:normal}
.foot .fcols a:hover{color:var(--text)}
.foot .fbottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;padding-bottom:10px;border-top:1px solid var(--hair);font-size:14px;color:var(--faint)}
.foot .pool{position:relative;height:clamp(80px,17vw,340px);margin-bottom:env(safe-area-inset-bottom);overflow:hidden;touch-action:pan-y}
.foot .pool canvas{display:block;width:100%;height:100%}
@media (max-width:640px){.foot .frow{flex-direction:column}.foot .fcols{width:100%;justify-content:space-between;gap:24px 16px;flex-wrap:wrap}.foot .fcols h3,.foot .fbottom{font-size:14px}.foot .fcols a{min-height:32px;display:flex;align-items:center}.foot .theme{width:44px;height:44px;border-radius:22px}}

/* launch price: struck regular price */
s.was{text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.6;font-weight:400;font-size:.62em;margin-left:.35em;white-space:nowrap}
.pc-amt s.was{font-size:.28em;letter-spacing:0;margin-left:.2em;vertical-align:.5em}
.launch{font-size:.8em;font-weight:600;padding:2px 8px;border-radius:99px;background:rgba(127,127,127,.18);white-space:nowrap}
.was-line{margin:4px 0 0;font-size:14px;color:var(--gray)}
.was-line span{font-weight:600;margin-left:6px}
/* a Buy link waiting for the checkout address */
a.is-going{cursor:progress;opacity:.7;transition:opacity .2s}
.pc-amt .pc-life{font-size:.26em;font-weight:600;letter-spacing:.02em;opacity:.7;vertical-align:.55em;margin-left:.15em}
.foot .theme{width:36px;height:36px;padding:0;border-radius:10px;border:0;background:none;color:var(--sub);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.foot .theme:hover{background:var(--hair);color:var(--text)}
.foot .theme svg{width:18px;height:18px}
.foot .theme .moon{display:none}
:root[data-theme="dark"] .foot .theme .sun{display:none}
:root[data-theme="dark"] .foot .theme .moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .foot .theme .sun{display:none}:root:not([data-theme="light"]) .foot .theme .moon{display:block}}