/* MigraMemo — migramemo.app
   One stylesheet for every page. Tokens mirror the app's dark palette
   (lib/app/theme/app_tokens.dart). No JavaScript anywhere on the site:
   motion is CSS-only and lives behind prefers-reduced-motion + @supports. */

/* ------------------------------------------------------------ fonts */
@font-face{font-family:"Newsreader Display";src:url("/assets/fonts/NewsreaderDisplay-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/assets/fonts/Newsreader-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/assets/fonts/Newsreader-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
/* Metric-matched fallbacks so the swap does not move lines */
@font-face{font-family:"ND Fallback";src:local("Georgia"),local("Noto Serif"),local("NotoSerif-Regular");size-adjust:100.7%;ascent-override:76.26%;descent-override:23.14%;line-gap-override:0%}
@font-face{font-family:"NR Fallback";src:local("Georgia"),local("Noto Serif"),local("NotoSerif-Regular");font-weight:400;size-adjust:91.5%;ascent-override:80.38%;descent-override:28.93%;line-gap-override:0%}
@font-face{font-family:"NR Fallback";src:local("Georgia"),local("Noto Serif"),local("NotoSerif-Regular");font-weight:500;size-adjust:93.3%;ascent-override:78.83%;descent-override:28.37%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("Roboto"),local("Roboto-Regular");font-weight:400;size-adjust:106.4%;ascent-override:91.05%;descent-override:22.76%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("Roboto"),local("Roboto-Regular");font-weight:500;size-adjust:107.1%;ascent-override:90.45%;descent-override:22.61%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";src:local("Arial Bold"),local("Arial-BoldMT"),local("Roboto Bold"),local("Roboto-Bold");font-weight:600;size-adjust:100.9%;ascent-override:96.01%;descent-override:24%;line-gap-override:0%}

/* ------------------------------------------------------------ tokens */
:root{
  color-scheme:dark;
  --bg:#0F0E11;--sheet:#151318;--surface-1:#18161B;--surface-2:#211E24;--surface-3:#2B272E;
  --hairline:#2E2A31;--outline:#80746B;
  --ink:#E8E1D9;--ink-2:#A9A19A;--ink-3:#9A938B;--ink-legal:#9A938B;
  --cta:#E6DED2;--on-cta:#16141A;
  --accent:#8FA89A;--pressure:#9C8FD0;--premium:#C8AE7A;--shot:#0E0E10;
  --ease:cubic-bezier(.2,.7,.2,1);
  --tint-sage:rgb(143 168 154 / .05);--tint-lavender:rgb(156 143 208 / .06);
  --font-display:"Newsreader Display","ND Fallback","Iowan Old Style",Georgia,serif;
  --font-serif:"Newsreader","NR Fallback","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --font-sans:"Inter","Inter Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --margin:20px;--gutter:16px;--section:96px;--row-gap:64px;
  interpolate-size:allow-keywords;
}
@media (min-width:768px){:root{--margin:40px;--gutter:24px;--section:128px;--row-gap:80px}}
@media (min-width:1280px){:root{--section:112px;--row-gap:80px}}

/* ------------------------------------------------------------ base */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
@media (min-width:768px){html{scroll-padding-top:80px}}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink-2);font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;letter-spacing:-.006em;font-synthesis:none;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;text-wrap:pretty}
@media (min-width:768px){body{font-size:1.125rem}}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img,picture,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
strong{font-weight:600;color:var(--ink)}
p{text-wrap:pretty}
::selection{background:rgb(143 168 154 / .22);color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:focus:not(:focus-visible){outline:none}
.prose a:focus-visible,.honesty a:focus-visible,.fine a:focus-visible,.caption a:focus-visible,.questions__aside a:focus-visible{outline-offset:1px;border-radius:4px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
@media (min-width:1024px){body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;background:url("/assets/img/grain-128.png") repeat;opacity:.16;mix-blend-mode:soft-light}}
.i{display:inline-block;flex:none;vertical-align:middle}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.container{width:100%;max-width:calc(1200px + 2 * var(--margin));margin-inline:auto;padding-inline:var(--margin)}
@media (min-width:1600px){.container{max-width:calc(1360px + 2 * var(--margin))}}
/* keeps a phrase together on one line, but still wraps inside when enlarged text makes it wider than its column */
.nobr{display:inline-block;max-width:100%;overflow-wrap:anywhere}

/* ------------------------------------------------------------ type */
.display-xl,.display-l,.display-m,.pull,.figure,.question,.essay,.tile__title,.h3,.faq__q,.doc h1,.prose h2,.lost__title{font-weight:400;color:var(--ink);text-wrap:balance}
.display-xl{font-family:var(--font-display);font-size:clamp(2.375rem,1.106rem + 6.74vw,6.5rem);line-height:.98;letter-spacing:-.025em}
.display-l{font-family:var(--font-display);font-size:clamp(2.125rem,.906rem + 5.75vw,4.5rem);line-height:1;letter-spacing:-.024em}
.display-m{font-family:var(--font-serif);font-size:clamp(2rem,1.3rem + 2.9vw,3.75rem);line-height:1.04;letter-spacing:-.02em}
@media (min-width:768px){.display-m{font-family:var(--font-display)}}
/* at 1024+ the privacy and closing titles sit one step under the hero H1, and display-l one step under those */
@media (min-width:1024px){.display-l{font-size:3.5rem}.privacy__title,.closing__title{font-size:3.875rem}}
@media (min-width:1280px){.display-l{font-size:4.5rem}.privacy__title,.closing__title{font-size:5rem}}
@media (min-width:1600px){.display-l{font-size:4.75rem}.privacy__title,.closing__title{font-size:5.25rem}}
.tone{color:var(--ink-2)}
.pull{font-family:var(--font-serif);font-size:clamp(1.875rem,1.2rem + 3.3vw,4rem);line-height:1.1;letter-spacing:-.02em;hanging-punctuation:first last}
@media (min-width:768px){.pull{font-family:var(--font-display)}}
.essay{font-family:var(--font-serif);font-size:clamp(1.5rem,1.1rem + 1.7vw,2.5rem);line-height:1.28;letter-spacing:-.012em;max-width:28ch;hanging-punctuation:first last}
.h3{font-family:var(--font-serif);font-size:clamp(1.375rem,1.2rem + .7vw,1.75rem);line-height:1.2;letter-spacing:-.01em}
.overline{font-family:var(--font-sans);font-weight:600;font-size:.75rem;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;font-feature-settings:"case";color:var(--ink-3);text-wrap:balance}
.standfirst{font-size:clamp(1.0625rem,.93rem + .6vw,1.3125rem);line-height:1.5;letter-spacing:-.011em;color:var(--ink-2);max-width:30rem}
.caption{font-size:.9375rem;line-height:1.5;letter-spacing:0;color:var(--ink-3)}
.fine{font-size:.875rem;line-height:1.55;letter-spacing:0;color:var(--ink-legal)}
.link,.prose a,.fine a,.caption a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.link:hover,.prose a:hover,.fine a:hover,.caption a:hover{color:var(--ink);text-underline-offset:.3em}
.honesty__link .link,.plan__terms .link,.questions__aside .link,.lost__links a{touch-action:manipulation}
.honesty__link .link,.plan__terms .link,.questions__aside .link[href="/support"]{display:inline-block;padding-block:14px;margin-block:-14px}
.wordmark{display:inline-flex;align-items:center;min-height:48px;font-family:var(--font-serif);font-weight:500;font-size:1.25rem;line-height:1;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
@media (min-width:1280px){.wordmark{font-size:1.375rem}}

/* ------------------------------------------------------------ skip link */
.skip{position:absolute;top:12px;left:16px;z-index:100;display:inline-flex;align-items:center;height:48px;padding-inline:20px;border-radius:999px;background:var(--cta);color:var(--on-cta);font-weight:600;font-size:1rem;text-decoration:none;transform:translateY(-160%)}
.skip:focus{transform:none}

/* ------------------------------------------------------------ masthead */
.masthead{position:relative;z-index:50;background:var(--bg)}
.masthead__inner{display:flex;flex-wrap:wrap;align-items:center;column-gap:28px;min-height:56px}
.masthead .wordmark{margin-right:auto}
.masthead__nav{order:3;flex-basis:calc(100% + 2 * var(--margin));margin-inline:calc(-1 * var(--margin));padding-inline:var(--margin);overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--hairline)}
.masthead__nav::-webkit-scrollbar{display:none}
.masthead__nav ul{display:flex;flex-wrap:nowrap;column-gap:24px}
.masthead__nav a,.footer__nav a,.breadcrumb a,.toc a,.doc__rail a,.wordmark{border-radius:8px}
.masthead__nav a{display:inline-flex;align-items:center;min-height:48px;font-weight:500;font-size:.875rem;white-space:nowrap;line-height:1.2;letter-spacing:0;color:var(--ink-2);text-decoration:none}
.masthead__nav a:hover{color:var(--ink)}
.masthead__nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding-inline:12px 14px;border:1px solid var(--hairline);border-radius:999px;font-weight:500;font-size:.8125rem;line-height:1;letter-spacing:0;color:var(--ink-2);white-space:nowrap}
.chip__dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
@media (min-width:768px){
  .masthead{position:sticky;top:0;background:rgb(15 14 17 / .985);border-bottom:1px solid var(--hairline)}
  .masthead__inner{min-height:64px}
  .masthead__nav{order:0;flex-basis:auto;margin-inline:0;padding-inline:0;overflow:visible;border-top:0}
  .masthead__nav ul{flex-wrap:wrap;column-gap:28px}
  .masthead__nav a{font-size:.9375rem}
}
@media (max-width:359.98px){.masthead__nav ul{column-gap:18px}}
@media (max-width:767.98px){
  .page-home .masthead__nav{display:none}
  /* the nav scroller clips an outside ring, so draw it inside; padding + negative margin keep it off the glyphs with no layout shift */
  .masthead__nav a:focus-visible{outline-offset:-2px;padding-inline:6px;margin-inline:-6px}
}

/* ------------------------------------------------------------ controls */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding-inline:24px;border-radius:999px;background:var(--cta);color:var(--on-cta);font-weight:600;font-size:1rem;line-height:1;letter-spacing:.005em;text-decoration:none;white-space:nowrap}
@media (min-width:768px){.pill{height:56px;padding-inline:26px}}
@media (pointer:fine){.pill:hover{filter:brightness(1.04)}.pill:active{filter:brightness(.97)}}

.availability{display:flex;gap:12px}
.badge{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:56px;padding:10px 16px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:16px;cursor:default;flex:1 1 0;min-width:0}
.badge__status{font-weight:500;font-size:.75rem;line-height:1.15;letter-spacing:.02em;color:var(--ink-3)}
.badge__store{font-weight:600;font-size:1rem;line-height:1.15;letter-spacing:-.005em;color:var(--ink)}
@media (min-width:768px){.badge{flex:0 0 160px}}
@media (min-width:1024px){.badge{flex-basis:180px}}
.closing__badges .badge{min-height:48px;padding-block:6px;background:var(--surface-1);border-style:solid;border-color:var(--hairline)}

.tag{font-family:var(--font-sans);display:inline-flex;align-items:center;gap:5px;height:24px;padding-inline:10px;border:1px solid var(--hairline);border-radius:999px;background:var(--surface-2);font-weight:600;font-size:.75rem;line-height:1;letter-spacing:.02em;color:var(--ink-2);white-space:nowrap;vertical-align:middle}
.tag--premium{color:var(--premium);padding-inline:8px 10px}
.tag--inline{margin-left:4px;position:relative;top:-1px}
@media (max-width:767.98px){.detail .tag--inline{display:flex;width:fit-content;margin:8px 0 0;top:0}}

.icon-tile{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:12px;background:rgb(143 168 154 / .18);color:var(--accent)}
.icon-tile--lavender{background:rgb(156 143 208 / .18);color:var(--pressure)}

/* ------------------------------------------------------------ hero */
.hero{padding-block:24px 96px;overflow-x:clip}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr)}
.hero__overline{margin-bottom:12px}
.hero__title{margin-bottom:20px}
.hero__title .tone{display:block}
.hero__actions{margin-top:24px}
.hero__actions .pill{width:100%}
.hero__status{display:flex;align-items:baseline;gap:10px;margin-top:16px;font-weight:500;font-size:.875rem;line-height:1.45;letter-spacing:0;color:var(--ink-3)}
.hero__status .chip__dot{flex:none;transform:translateY(-2px)}
.hero__device{margin-top:40px;justify-self:center}
.hero__meta{margin-top:12px}

.meta-row{display:flex;flex-wrap:wrap;row-gap:4px;font-weight:500;font-size:.9375rem;line-height:1.5;letter-spacing:0;color:var(--ink-2)}
.meta-row li+li::before{content:"·";content:"·" / "";padding-inline:10px;color:var(--ink-3)}
@media (max-width:767.98px){
  .hero__title{font-size:min(10.6vw,clamp(2.375rem,1.106rem + 6.74vw,6.5rem))}
  .privacy__title{font-size:min(10.6vw,clamp(2.375rem,1.106rem + 6.74vw,6.5rem))}
  .hero__meta{column-gap:0;row-gap:2px;font-size:.875rem}
  .hero__meta li{white-space:nowrap}
  .hero__meta li+li::before{padding-inline:6px}
}
@media (max-width:359.98px){.hero__meta li:last-child{flex-basis:100%}.hero__meta li:last-child::before{content:none}}
@media (max-width:399.98px){.hero__overline{font-size:.6875rem;letter-spacing:.06em;margin-bottom:16px}}

.device{--device-w:280px;position:relative;isolation:isolate;inline-size:var(--device-w);max-inline-size:100%;container-type:inline-size}
.device::before{content:"";position:absolute;inset:-15% -80% -35%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgb(214 172 112 / .20),rgb(200 174 122 / .07) 52%,transparent 80%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24%);mask-image:linear-gradient(to bottom,transparent 0,#000 24%)}
.device__bezel{padding:2.8cqi;background:linear-gradient(155deg,#2B272E 0%,#17151A 38%,#0D0C0F 100%);border-radius:16.6cqi;box-shadow:0 0 0 1px #4A434E,inset 0 1px 0 rgb(232 225 217 / .16),inset 0 0 0 1px rgb(232 225 217 / .06)}
.device__bezel img{display:block;inline-size:100%;block-size:auto;aspect-ratio:1320/2868;object-fit:cover;object-position:50% 0;border-radius:13.8cqi;background:var(--shot);outline:1px solid var(--surface-3);outline-offset:0}
.device__caption{margin-top:12px}

@media (min-width:768px){
  .device{--device-w:300px}
  .hero{padding-block:56px 128px}
  .hero__grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:auto auto auto auto auto 1fr;column-gap:var(--gutter)}
  .hero__overline{grid-column:1/-1;grid-row:1;margin-bottom:16px}
  .hero__title{grid-column:1/-1;grid-row:2;margin-bottom:40px}
  .hero__standfirst{grid-column:1/5;grid-row:3}
  .hero__actions{grid-column:1/5;grid-row:4;margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
  .hero__actions .pill{width:auto}
  .hero__status{margin-top:8px;flex-basis:100%}
  .hero__device{grid-column:5/9;grid-row:3/7;margin-top:0;align-self:start}
  .hero__meta{grid-column:1/5;grid-row:5;margin-top:32px;display:block}
  .hero__meta li{padding-block:10px}
  .hero__meta li+li{border-top:1px solid var(--hairline)}
  .hero__meta li+li::before{content:none}
}
@media (min-width:1024px){
  .device{--device-w:280px}
  .hero{padding-top:64px}
  .hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr auto auto auto auto auto 1fr}
  .hero__overline{grid-column:1/9;grid-row:2;margin-bottom:20px}
  .hero__title{grid-column:1/9;grid-row:3;margin-bottom:32px;font-size:4.0625rem}
  .hero__title .tone{display:block}
  .hero__standfirst{grid-column:1/7;grid-row:4}
  .hero__actions{grid-column:1/9;grid-row:5;margin-top:36px;flex-wrap:nowrap;align-items:center;column-gap:28px}
  .hero__status{display:none}
  .hero__meta{grid-column:1/9;grid-row:6;margin-top:28px;display:flex;align-items:center}
  .hero__meta li{padding-block:0}
  .hero__meta li+li{border-top:0}
  .hero__meta li+li::before{content:"";display:inline-block;width:1px;height:16px;margin-inline:16px;padding:0;vertical-align:-3px;background:var(--hairline)}
  .hero__device{grid-column:9/13;grid-row:1/-1;align-self:center;justify-self:center}
}
@media (min-width:1024px) and (max-width:1279.98px){.device__caption{font-size:.875rem;letter-spacing:-.005em}}
@media (min-width:1280px){
  .device{--device-w:340px}
  .hero{padding-bottom:88px}
  .hero__title{font-size:5.125rem;max-width:none}
  .hero__overline{margin-bottom:24px}
}
@media (min-width:1440px){.device{--device-w:360px}}
@media (min-width:1600px){
  .device{--device-w:400px}
  .hero{padding-block:96px 112px}
  .hero__title{max-width:none;font-size:5.625rem}
}

/* ------------------------------------------------------------ manifesto */
.manifesto{padding-bottom:var(--section)}
.manifesto__grid{display:grid;grid-template-columns:minmax(0,1fr)}
.manifesto__text .overline{margin-bottom:20px}
.manifesto__text .essay+.essay{margin-top:.75em}
.manifesto__media{margin:48px calc(-1 * var(--margin)) 0}
.manifesto__picture img{width:100%;aspect-ratio:4/5;object-fit:cover;-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
@media (min-width:768px){
  .manifesto__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:center}
  .manifesto__media{grid-column:1/6;grid-row:1;margin:0}
  .manifesto__picture img{border-radius:12px;-webkit-mask-image:none;mask-image:none}
  .manifesto__text{grid-column:7/13;grid-row:1}
}
@media (min-width:768px) and (max-width:1023.98px){.manifesto .essay{font-size:1.625rem}}
@media (min-width:1440px){.essay{font-family:var(--font-display)}}

/* ------------------------------------------------------------ tour */
.tour{padding-bottom:var(--section);overflow-x:clip}
.tour__intro .overline{margin-bottom:16px}
.tour__intro h2{max-width:11em}
.tour__lede{margin-top:20px}
@media (min-width:1024px){
  .tour__intro,.pull-block,.premium__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:end}
  .tour__intro>.overline,.pull-block>.overline,.premium__head>.overline{grid-column:1/9;grid-row:1}
  .tour__intro h2,.pull-block .pull,.premium__head h2{grid-column:1/9;grid-row:2}
  .tour__lede,.pull-block__note,.premium__head .premium__standfirst{grid-column:9/13;grid-row:2;margin:0;padding-bottom:.5rem;max-width:none;text-wrap:balance}

}
.tour__intro+.tour-row{margin-top:var(--row-gap)}
.tour-row+.tour-row,.tour-row+.details-block{margin-top:var(--row-gap)}

.tour{counter-reset:ch}
.row-label{counter-increment:ch;display:flex;align-items:center;margin-bottom:20px;font-family:var(--font-sans);font-weight:600;font-size:.75rem;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;font-feature-settings:"case";color:var(--ink-3)}
.row-label::before{content:counter(ch,decimal-leading-zero);content:counter(ch,decimal-leading-zero) / "";margin-right:14px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.row-label--air,.overline--air{color:var(--pressure)}

.tile{--tint:var(--tint-sage);--tint-x:50%;position:relative;display:flex;flex-direction:column;padding:20px 20px 0;background-color:var(--surface-1);border:1px solid var(--hairline);border-radius:28px;overflow:clip}
.tile--sage,.tile--lavender{background-image:radial-gradient(70% 55% at var(--tint-x) 100%,var(--tint),transparent)}
.tile--lavender{--tint:var(--tint-lavender)}
.tile__head{--title-lh:calc(var(--title-size) * 1.15);display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon . tag" "title title title";align-items:start;row-gap:16px;margin-bottom:14px;--title-size:clamp(1.5rem,1.25rem + 1vw,2rem)}
.tile__head .icon-tile{grid-area:icon}
.tile__head .tag{grid-area:tag;margin-top:4px}
.tile__title{grid-area:title;font-family:var(--font-serif);font-size:var(--title-size);line-height:1.15;letter-spacing:-.012em}
.tile__body{font-size:1rem;line-height:1.6;letter-spacing:-.003em;color:var(--ink-2);max-width:44ch}
.tile__spacer{flex:1 0 24px}
.tile__text{display:flex;flex-direction:column}
.tile__text .tile__body+*{margin-top:24px}
.tile__fine{margin-top:16px}
.tile__text{padding-bottom:24px}

@media (min-width:768px){
  .tile{padding:32px 32px 0}
  .tile__head{grid-template-columns:minmax(0,1fr);grid-template-areas:"tag" "title";row-gap:14px;margin-bottom:16px}
  .tile__head .icon-tile,.quiet__card>.icon-tile{display:none}
  .tile__head .tag{justify-self:start;margin:0}
  .tile__text{padding-bottom:32px}
}
@media (min-width:1280px){.tile{padding:36px 36px 0}}
.tile__head.tile__head--bare{grid-template-columns:minmax(0,1fr);grid-template-areas:"tag" "title";row-gap:12px}
.tile__head--bare .tag{justify-self:start;margin:0}

.details{border-bottom:1px solid var(--hairline)}
.detail{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:14px;padding-block:14px;border-top:1px solid var(--hairline);font-size:.9375rem;line-height:1.55;letter-spacing:0;color:var(--ink-2)}
.detail>.i{margin-top:3px;color:var(--ink-3)}
.detail--check>.i{color:var(--accent)}
.details--air .detail>.i{color:var(--pressure)}
.detail__lead{font-weight:500;color:var(--ink)}

.checks{display:grid;gap:10px;margin-top:20px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.checks .i{color:var(--accent);margin-top:2px}

.well{position:relative;width:calc(100% + 40px);margin:0 -20px;background:var(--shot);border:1px solid var(--hairline);border-bottom:0;border-radius:20px 20px 0 0;overflow:clip}
.well img{width:100%}
.well--editor img{aspect-ratio:1320/2020}
.well--med img{aspect-ratio:1320/1320}
.well--forecast img{aspect-ratio:1320/2262}
.well--history img{aspect-ratio:1320/1925}
.well--insights img{aspect-ratio:1320/1956}
/* the well ground is the screenshot's own background (#0E0E10), so a little padding keeps ~24 px of ground under the last card */
.well--editor{padding-bottom:12px}
.well--history{padding-bottom:4px}
.well--insights{padding-bottom:14px}
@media (max-width:767.98px){.well{border-inline:0;border-radius:20px 20px 0 0}}
@media (min-width:768px){.well{width:400px;margin-inline:auto}}

/* wide tiles */
@media (min-width:1024px){
  .tile--wide{--well-w:360px;display:grid;grid-template-columns:minmax(0,1fr) var(--well-w);column-gap:48px;padding:48px 48px 0;--tint-x:calc(100% - 180px)}
  .tile--wide .tile__text{align-self:center;max-width:34rem;padding-bottom:48px}
  .tile--wide .well{align-self:end;width:var(--well-w);margin:0}
  .tile--mirror{--well-w:330px;grid-template-columns:var(--well-w) minmax(0,1fr);--tint-x:213px}
  .tile--mirror .well{order:-1}
  .tile--mirror .tile__text{justify-self:end;width:100%}
}
@media (min-width:1024px){
  .tile--wide .tile__head{--title-size:clamp(2rem,1.2rem + 1.6vw,2.75rem);row-gap:18px}
  .tile--wide .tile__body{font-size:1.125rem;max-width:38ch}
}
@media (min-width:1280px){
  .tile--wide{--well-w:420px;padding:56px 48px 0;column-gap:80px;--tint-x:calc(100% - 258px)}
  .tile--wide .tile__text{padding-bottom:56px}
  .tile--mirror{--well-w:420px;--tint-x:258px}
}
@media (min-width:1600px){
  .tile--wide{--well-w:460px;column-gap:104px;--tint-x:calc(100% - 278px)}
  .tile--mirror{--well-w:460px;--tint-x:278px}
}

/* the first row sits on the page ground, like the hero, to break the card rhythm */
.tile--open{padding:0;background:none;border:0;border-radius:0;overflow:visible}
.tile--open .tile__text{padding-bottom:32px}
.tile--open .well{width:100%;margin:0;border:1px solid var(--hairline);border-radius:24px}
@media (min-width:768px){.tile--open .well{width:420px;margin-inline:auto}}
@media (min-width:1024px){
  .tile--wide.tile--open{--well-w:420px;padding:0;align-items:start}
  .tile--open .tile__text{align-self:start;padding-top:clamp(32px,3.5vw,56px);padding-bottom:0;position:sticky;top:120px}
  .tile--open .well{align-self:start;width:var(--well-w);margin:0}
}
@media (min-width:1600px){.tile--wide.tile--open{--well-w:460px;column-gap:72px}.tile--open .tile__text{max-width:40rem}}

/* pairs */
.pair{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:768px){.pair{gap:24px}}
@media (min-width:1024px){
  .pair{grid-template-columns:repeat(12,minmax(0,1fr))}
  .pair>*{grid-column:span 6}
  .pair .well{width:100%;margin:0}
}
@media (min-width:1280px){
  .pair--7-5>:first-child{grid-column:1/8}
  .pair--7-5>:last-child{grid-column:8/13}
  .pair--5-7>:first-child{grid-column:1/6}
  .pair--5-7>:last-child{grid-column:6/13}
  .well--med{width:460px!important;margin-inline:auto!important}
  .pair .well--med{border:0;border-radius:16px 16px 0 0}
  .well--insights{width:420px!important;margin-inline:auto!important}
}
@media (min-width:1600px){
  .well--med{width:500px!important}
  .well--insights,.well--history{width:460px!important;margin-inline:auto!important}
}

/* typographic question tile */
.tile--type{padding-bottom:20px}
@media (min-width:768px){.tile--type{padding-bottom:32px}}
@media (min-width:1280px){.tile--type{padding-bottom:36px}}
.tile--question .overline{margin-bottom:20px}
.question{font-family:var(--font-display);font-size:clamp(2.5rem,1.4rem + 3.2vw,4.5rem);line-height:1;letter-spacing:-.02em;margin-bottom:20px}
.tile--question .tile__body{margin-bottom:40px}
.answers{display:none}
.tile__coda{margin-top:auto;padding-top:24px;border-top:1px solid var(--hairline);font-family:var(--font-serif);font-size:clamp(1.5rem,1.35rem + .45vw,1.75rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
@media (min-width:1024px){
  .tile--question{background-image:radial-gradient(90% 60% at 0% 0%,rgb(143 168 154 / .08),transparent)}
  .tile--question .question{margin-top:0;margin-bottom:24px;font-size:clamp(3.75rem,1rem + 4.2vw,4.75rem);line-height:.92}
  /* the tile is stretched to the med tile beside it, so the answer rows share that height instead of leaving a void above them */
  .answers{display:flex;flex-direction:column;flex:1 1 auto;margin-top:8px;margin-bottom:32px}
  .tile--question .answers li{flex:1 1 0;min-height:64px;font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem,1rem + 1.4vw,2.5rem);line-height:1.1;letter-spacing:-.015em;color:var(--ink-2)}
  .tile--question .tile__body{margin-top:0;margin-bottom:0}
  .tile--question .tile__coda{margin-top:28px}
}

/* band image: full bleed, feathered top and bottom with eased stops so the fade has no start line */
.band{display:block;margin-block:80px}
.band img{width:100%;aspect-ratio:4/5;max-height:64svh;object-fit:cover;-webkit-mask-image:linear-gradient(transparent,rgb(0 0 0 / .25) 8%,rgb(0 0 0 / .7) 16%,#000 26%,#000 74%,rgb(0 0 0 / .7) 84%,rgb(0 0 0 / .25) 92%,transparent);mask-image:linear-gradient(transparent,rgb(0 0 0 / .25) 8%,rgb(0 0 0 / .7) 16%,#000 26%,#000 74%,rgb(0 0 0 / .7) 84%,rgb(0 0 0 / .25) 92%,transparent)}
@media (min-width:768px){.band{margin-block:96px}.band img{aspect-ratio:16/9}}
@media (min-width:1280px){.band{margin-block:96px}.band img{aspect-ratio:21/9;max-height:56svh}}

/* pull quote */
.pull-block{margin-top:64px;padding-top:24px;border-top:1px solid var(--hairline)}
.pull-block .overline{margin-bottom:20px}
.pull{max-width:13em;font-size:clamp(2.25rem,1rem + 4vw,4.5rem);line-height:1.02}
.pull .tone{display:block}
.pull-block__note{margin-top:28px}
@media (min-width:768px){.pull-block{margin-top:80px;padding-top:0;border-top:0}}
@media (min-width:1024px){
  .pull-block{position:relative;isolation:isolate;margin-top:0;padding:96px 0 16px;background:none}
  .pull{font-size:calc(5vw - 6px)}
  .pull-block::before{content:"";position:absolute;z-index:-1;inset:0 calc(-1 * var(--margin));pointer-events:none;background:radial-gradient(closest-side at 22% 50%,rgb(156 143 208 / .08),transparent)}
  .pull-block .overline{margin-bottom:24px}
}
/* on phones these stay one step under the hero H1 (min(10.6vw, …)) */
@media (max-width:767.98px){.tile--question .question{font-size:min(9.4vw,2.5rem)}.pull-block .pull{font-size:min(9.4vw,2.25rem)}}

/* report */
.tile--report{display:grid;padding:32px 20px 24px;grid-template-columns:minmax(0,1fr);row-gap:0}
.report__figure{container-type:inline-size;margin-bottom:24px}
.figure{font-family:var(--font-display);font-size:min(clamp(5rem,2.6rem + 10vw,11rem),calc(100cqi / 3.02));line-height:.85;letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.report__figure .overline{margin-top:12px}
.report__lead{margin-top:0}
.report__rest{margin-top:24px}
.hairline-list li{display:flex;align-items:center;min-height:56px;padding-block:14px;border-top:1px solid var(--hairline);font-family:var(--font-serif);font-weight:500;font-size:1.25rem;line-height:1.3;letter-spacing:-.005em;color:var(--ink);text-wrap:balance}
.hairline-list li:last-child{border-bottom:1px solid var(--hairline)}
.report__list{counter-reset:item}
.report__list li{counter-increment:item}
.report__list li::before{content:counter(item,decimal-leading-zero);content:counter(item,decimal-leading-zero) / "";flex:none;width:40px;font-family:var(--font-sans);font-weight:500;font-size:.8125rem;letter-spacing:.02em;color:var(--ink-3);font-variant-numeric:tabular-nums}
.coda{margin-top:32px;font-family:var(--font-serif);font-size:clamp(1.5rem,1.35rem + .45vw,1.75rem);line-height:1.25;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;max-width:24em}
.report__rest .fine{margin-top:16px;max-width:36rem}
.report__rest .coda+.fine{margin-top:24px}
@media (min-width:768px){
  .tile--report{padding:32px}
  .report__figure{margin-bottom:32px}
}
@media (min-width:768px) and (max-width:1023.98px){
  .tile--report{grid-template-columns:minmax(0,3fr) minmax(0,5fr);column-gap:32px;align-items:center}
  .report__figure{grid-column:1;grid-row:1;margin-bottom:0}
  .report__head{grid-column:2;grid-row:1}
  .report__rest{grid-column:1/-1;margin-top:32px}
}
/* at 1024+ the coda moves under the figure (visual only; DOM order is unchanged) */
@media (min-width:1024px){
  .tile--report{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto auto 1fr;column-gap:56px;padding:48px}
  .report__figure{grid-column:1;grid-row:1;align-self:start;margin:0}
  .report__head{grid-column:2;grid-row:1}
  .report__rest{display:contents}
  .report__list{grid-column:2;grid-row:2/6;margin-top:32px;align-self:start}
  .report__rest .coda{grid-column:1;grid-row:2;align-self:start;margin:40px 0 0;font-family:var(--font-display);font-size:clamp(2rem,1rem + 2vw,3rem);line-height:1.08;letter-spacing:-.02em;color:var(--ink-2);max-width:11em}
  .report__figure{display:flex;align-items:flex-end;gap:16px}
  .report__figure .figure{font-size:min(clamp(5rem,2.6rem + 10vw,11rem),calc((100cqi - 76px) / 3.02))}
  .report__figure .overline{margin:0 0 .5em}
  .report__rest .fine{grid-column:1;max-width:26rem}
  .report__rest .coda+.fine{grid-row:3;margin-top:32px}
  .report__rest .fine+.fine{grid-row:4;margin-top:12px}
}
@media (min-width:1024px) and (max-width:1279.98px){.report__rest .coda{margin-top:-36px}}
@media (min-width:1280px){.tile--report{column-gap:80px;padding:48px 56px}.pull{font-size:3.75rem}}
@media (min-width:1600px){.pull{font-size:4.25rem}}

/* quieter details */
.details__title{margin-bottom:20px}
.quiet__card{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:16px;padding-block:24px;border-top:1px solid var(--hairline)}
.quiet__card:last-child{border-bottom:1px solid var(--hairline)}
.quiet__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.quiet__title{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;padding-top:3px}
.quiet__body{margin-top:8px;font-size:1rem;line-height:1.6;color:var(--ink-2)}
.quiet__fine{margin-top:10px;font-size:.875rem;line-height:1.55;color:var(--ink-legal)}
.quiet__fine+.quiet__fine{margin-top:4px}
.quiet__fine strong{font-weight:500}
@media (min-width:768px){
  .details__title{margin-bottom:24px}
  .quiet{display:grid;gap:16px}
  .quiet__card,.quiet__card:last-child{grid-template-columns:minmax(0,1fr);padding:24px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:20px}
}
@media (min-width:1024px){
  .quiet{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;border-block:1px solid var(--hairline)}
  .quiet__card,.quiet__card:last-child{position:relative;grid-template-columns:minmax(0,1fr);align-content:start;row-gap:20px;padding:32px 24px 36px;background:none;border:0;border-radius:0}
  .quiet__card:first-child{padding-left:0}
  .quiet__card:last-child{padding-right:0}
  /* the column rule stops under the heading, so short columns do not read as empty cells */
  .quiet__card+.quiet__card{border-left:1px solid transparent}
  .quiet__card+.quiet__card::before{content:"";position:absolute;top:0;left:-1px;width:1px;height:120px;background:var(--hairline)}
}

/* ------------------------------------------------------------ sections */
.section{padding-bottom:var(--section)}

/* is / is not */
.isnot__title{margin-bottom:40px;font-size:clamp(2rem,1.3rem + 2.9vw,3rem)}
@media (max-width:767.98px){.isnot__tail{display:block}}
.isnot__col .overline{margin-bottom:8px}
.isnot__col+.isnot__col{margin-top:40px}
.isnot__list li{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:16px;align-items:start;min-height:56px;padding-block:15px;border-top:1px solid var(--hairline);font-family:var(--font-serif);font-size:clamp(1.1875rem,1.1rem + .35vw,1.375rem);line-height:1.3;letter-spacing:-.008em;color:var(--ink);text-wrap:balance}
.isnot__list li:last-child{border-bottom:1px solid var(--hairline)}
.isnot__list .i{margin-top:.2em}
.isnot__list--does .i{color:var(--accent)}
.isnot__list--never .i{color:var(--ink-3)}
.isnot__list .tag{margin-left:6px;top:-2px;position:relative}
.isnot__fine{margin-top:40px;max-width:36rem}
@media (min-width:768px){
  .isnot__title{margin-bottom:56px}
  .isnot__cols{display:grid;grid-template-columns:1fr 1fr}
  .isnot__col:first-child{padding-right:24px}
  .isnot__col+.isnot__col{margin-top:0;padding-left:24px;border-left:1px solid var(--hairline)}
  .isnot__col .overline{margin-bottom:16px}
}
@media (min-width:1280px){
  .isnot__title{margin-bottom:64px}
  .isnot__col:first-child{padding-right:48px}
  .isnot__col+.isnot__col{padding-left:48px}
  .isnot__fine{max-width:690px}
}

/* privacy */
.privacy{padding-bottom:var(--section)}
.band--window{margin-top:0;margin-bottom:64px}
@media (min-width:768px){.band--window{margin-bottom:80px}}
@media (min-width:1280px){.band--window{margin-bottom:96px}.band--window img{max-height:60svh;object-position:50% 72%}}
.privacy__overline{margin-bottom:16px}
.privacy__lede{margin-top:24px}
.privacy__cols{margin-top:48px}
.privacy__col{padding-block:28px;border-top:1px solid var(--hairline)}
.privacy__col:last-child{border-bottom:1px solid var(--hairline)}
.privacy__col>.i{color:var(--ink-3);margin-bottom:16px}
.privacy__col .h3{margin-bottom:10px}
.privacy__col p{font-size:1rem;line-height:1.6;color:var(--ink-2);max-width:44ch}
.honesty{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:16px;margin-top:32px;padding:24px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:24px}
.honesty>.i{color:var(--ink-3);margin-top:2px}
.honesty .h3{margin-bottom:10px}
.honesty p{font-size:1rem;line-height:1.6}
.honesty__link{margin-top:14px}
@media (min-width:768px){
  .privacy__lede{max-width:30rem}
  .privacy__cols{margin-top:64px}
  .privacy__col{display:grid;grid-template-columns:3fr 5fr;grid-template-rows:auto auto;column-gap:var(--gutter);align-items:baseline;padding-block:32px}
  .privacy__col>.i{grid-column:1/-1;grid-row:1;margin-bottom:12px}
  .privacy__col .h3{grid-column:1;grid-row:2;margin:0}
  .privacy__col p{grid-column:2;grid-row:2}
  .honesty{margin-top:48px;padding:32px}
}
@media (min-width:1024px){
  .privacy__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--hairline)}
  .privacy__col,.privacy__col:last-child{display:block;padding:32px 24px 36px;border:0}
  .privacy__col>.i{margin-bottom:16px}
  .privacy__col .h3{margin-bottom:10px}
  .privacy__col:first-child{padding-left:0}
  .privacy__col:last-child{padding-right:0}
  .privacy__col+.privacy__col{border-left:1px solid var(--hairline)}
  .honesty{grid-template-columns:24px minmax(0,4fr) minmax(0,7fr);column-gap:20px;padding:40px;align-items:start}
  .honesty>div{display:contents}
  .honesty .h3{grid-column:2;grid-row:1;margin:0;padding-right:24px}
  .honesty p{grid-column:3;grid-row:1}
  .honesty .honesty__link{grid-column:3;grid-row:2}
}
@media (min-width:1280px){
  .privacy__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:end}
  .privacy__overline{grid-column:1/9;grid-row:1}
  .privacy__title{grid-column:1/9;grid-row:2}
  .privacy__lede{grid-column:9/13;grid-row:2;margin:0;padding-bottom:.4rem}
  .privacy__cols{margin-top:80px}
  .honesty{margin-top:64px;padding:48px}
}
.privacy__head{scroll-margin-top:24px}
@media (max-width:399.98px){.honesty{grid-template-columns:minmax(0,1fr);padding:20px}.honesty>.i{margin:0 0 12px}}

/* premium */
.premium__head .overline{margin-bottom:16px}
.premium__tail{display:block}
.premium__standfirst{margin-top:24px;color:var(--ink-2);max-width:22ch}
.plans{margin-top:48px}
.plan--premium{position:relative;isolation:isolate;margin-top:48px;padding-top:48px;border-top:1px solid var(--hairline)}
.plan--free .h3,.plan__premium-title{margin-bottom:20px}
.plan__premium-title{display:flex;align-items:center;gap:10px;color:var(--premium)}
.plan__offer{margin:-6px 0 16px;font-weight:500;font-size:1rem;line-height:1.55;letter-spacing:-.003em;color:var(--ink);max-width:36ch}
.plan__lead{font-size:1rem;line-height:1.6;color:var(--ink-2);max-width:36ch;margin-bottom:24px}
.premium-rows li{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:16px;padding-block:18px;border-top:1px solid var(--hairline)}
.premium-rows li:last-child{border-bottom:1px solid var(--hairline)}
.premium-rows .i{grid-row:1/3;margin-top:4px;color:var(--ink-3)}
.premium-rows__title{font-family:var(--font-serif);font-weight:500;font-size:1.25rem;line-height:1.3;letter-spacing:-.005em;color:var(--ink)}
.premium-rows__text{grid-column:2;margin-top:4px;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.plan__terms{margin-top:24px}
.plan__terms .fine+.fine{margin-top:8px}
.plan__terms .fine{max-width:38rem}
.plan__coda{margin-top:24px}
@media (max-width:1023.98px){.plan--free .hairline-list li:last-child{border-bottom:0}}
@media (max-width:767.98px){
  .plan--free .hairline-list li{min-height:48px;padding-block:11px;font-size:1.0625rem}
}
@media (min-width:480px) and (max-width:767.98px){
  .plan--free .hairline-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}
  .plan--free .hairline-list li{font-size:1rem}
}
@media (min-width:768px){
  .premium__head{max-width:calc(7 * (100% - 7 * var(--gutter)) / 8 + 6 * var(--gutter))}
  .plans{margin-top:64px}
  .plan--premium{margin-top:56px;padding-top:56px}
  .premium-rows li{grid-template-columns:18px minmax(0,3fr) minmax(0,5fr);column-gap:16px;align-items:baseline}
  .premium-rows .i{grid-row:auto;align-self:start}
  .premium-rows__text{grid-column:3;margin-top:0}
}
@media (min-width:1024px){
  .premium__head{max-width:none}
  .plans{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:stretch;margin-top:64px}
  .plan{padding:40px;border:1px solid var(--hairline);border-radius:28px;background:var(--surface-1)}
  .plan--free{grid-column:1/7;display:flex;flex-direction:column}
  .plan__coda{margin-top:auto;padding-top:24px;border-top:1px solid var(--hairline)}
  .plan--free .hairline-list{flex:1 1 auto;display:flex;flex-direction:column;margin-bottom:24px}
  .plan--free .hairline-list li{flex:1 1 auto}
  .plan--premium{grid-column:7/13;margin-top:0;padding-top:40px;border-top:1px solid rgb(200 174 122 / .28);border-color:rgb(200 174 122 / .28);background:radial-gradient(60% 50% at 100% 0%,rgb(200 174 122 / .07),transparent),var(--surface-1)}
  .plan--free .hairline-list li:last-child{border-bottom:0}
  .premium-rows li{grid-template-columns:18px minmax(0,1fr);align-items:start}
  .premium-rows .i{grid-row:1/3}
  .premium-rows__text{grid-column:2;margin-top:4px}
}

/* questions */
.questions__head .overline{margin-bottom:16px}
.questions__aside{margin-top:12px;font-size:.9375rem;line-height:1.55;color:var(--ink-2);max-width:30rem}
.questions__head h2+.questions__aside{margin-top:24px}
.faq{margin-top:40px;border-top:1px solid var(--hairline)}
.faq__item{border-bottom:1px solid var(--hairline)}
.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:20px 12px;margin-inline:-12px;border-radius:12px;cursor:pointer;list-style:none}
.faq__item summary::-webkit-details-marker{display:none}
.faq__q{font-family:var(--font-serif);font-size:clamp(1.25rem,1.05rem + .85vw,1.75rem);line-height:1.3;letter-spacing:-.008em;color:var(--ink)}
.faq__icon{color:var(--ink-3);transform-origin:50% 50%}
.faq__item[open] .faq__icon{transform:rotate(45deg)}
.faq__a{padding-bottom:24px}
.faq__a p{max-width:60ch;color:var(--ink-2)}
@media (pointer:fine){.faq__item summary:hover{background:rgb(33 30 36 / .5)}.faq__item summary:hover .faq__icon{color:var(--ink)}}
@media (min-width:768px){
  .questions__head{max-width:calc(6 * (100% - 7 * var(--gutter)) / 8 + 5 * var(--gutter))}
  .faq{margin-top:56px}
}
@media (min-width:1280px){
  .questions__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:start}
  .questions__head{grid-column:1/5;position:sticky;top:104px;max-width:none}
  .faq{grid-column:6/13;margin-top:0}
}

/* closing */
.closing__sub{margin-top:24px}
.closing__badges{margin-top:24px}
.closing__maker{margin-top:48px;padding-top:40px;border-top:1px solid var(--hairline)}
.closing__note{font-size:clamp(1.2rem,.88rem + 1.36vw,2rem);color:var(--ink-2);max-width:30ch}
.closing__pill{margin-top:24px;width:100%}
.closing__email{margin-top:12px}
@media (min-width:768px){
  .closing__head{max-width:calc(8 * (100% - 7 * var(--gutter)) / 8 + 7 * var(--gutter))}
  .closing__badges{margin-top:32px}
  .closing__maker{margin-top:64px;padding-top:56px;max-width:calc(5 * (100% - 7 * var(--gutter)) / 8 + 4 * var(--gutter))}
  .closing__pill{width:auto}
}
/* at 1024+ the close is centred, and the first light rises into it from the footer */
@media (min-width:1024px){
  .closing .container{text-align:center}
  .closing__head{max-width:none}
  .closing__title{margin-inline:auto;max-width:12em;line-height:.98}
  .closing__sub{margin-inline:auto}
  .closing__badges{justify-content:center}
  .closing__maker{margin:96px auto 0;max-width:36rem;padding-top:56px;border-top:1px solid var(--hairline)}
  .closing__note{margin-inline:auto;color:var(--ink)}
  .closing__email{text-align:center}
}
@media (min-width:1280px){.closing__sub{margin-top:28px}}

/* ------------------------------------------------------------ footer */
.footer__grid{display:grid;grid-template-columns:minmax(0,1fr);padding-top:48px;border-top:1px solid var(--hairline)}
.footer__line{margin-top:4px;font-size:.9375rem;line-height:1.5;color:var(--ink-3)}
.footer__nav{margin-top:16px}
.footer__nav ul{display:flex;flex-wrap:wrap;column-gap:24px}
.footer__nav a{display:inline-flex;align-items:center;min-height:48px;font-weight:500;font-size:.9375rem;line-height:1.2;color:var(--ink-2);text-decoration:none}
.footer__nav a:hover{color:var(--ink)}
.footer__disclaimer{margin-top:32px;max-width:40rem}
.footer__colophon{margin-top:16px;max-width:40rem;color:var(--ink-3)}
.footer__licences{display:block;margin-top:4px}
.footer__licences a{display:inline-block;padding-block:12px;margin-block:-12px}
.footer__copy{margin-top:16px;color:var(--ink-3)}
.footer__light{margin-top:48px;height:160px;display:flex;align-items:flex-end;overflow:clip;background:linear-gradient(rgb(200 174 122 / 0),rgb(200 174 122 / .05)),radial-gradient(70% 90% at 50% 100%,rgb(200 174 122 / .2),rgb(200 174 122 / .07) 45%,transparent 75%)}
.footer__light .container{display:block}
.footer__giant{container-type:inline-size}
.footer__giant-word{display:block;height:calc(100cqi / 5.33 * .68);overflow:clip;font-family:var(--font-display);font-size:calc(100cqi / 5.33);line-height:.8;letter-spacing:-.035em;color:rgb(232 225 217 / .06);white-space:nowrap;user-select:none}
@media (max-width:767.98px){
  .footer__nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));column-gap:40px}
}
@media (min-width:768px){
  .footer__grid{grid-template-columns:repeat(8,minmax(0,1fr));column-gap:var(--gutter);padding-top:64px}
  .footer__brand{grid-column:1/5}
  .footer__nav{grid-column:5/9;margin-top:0;justify-self:end}
  .footer__nav ul{justify-content:flex-end;column-gap:28px}
  .footer__disclaimer,.footer__colophon,.footer__copy{grid-column:1/7}
  .footer__disclaimer{margin-top:40px}
  .footer__light{margin-top:64px;height:220px;background:radial-gradient(70% 90% at 50% 100%,rgb(200 174 122 / .2),rgb(200 174 122 / .07) 45%,transparent 75%)}
}
@media (min-width:768px) and (max-width:1279.98px){
  .footer__brand{grid-column:1/4}
  .footer__nav{grid-column:4/9}
  .footer__nav ul{column-gap:20px}
}
@media (min-width:1280px){
  .footer__grid{grid-template-columns:repeat(12,minmax(0,1fr));padding-top:80px}
  .footer__nav{grid-column:7/13}
  .footer__disclaimer{grid-column:1/8;margin-top:48px}
  .footer__colophon{grid-column:1/8}
  .footer__copy{grid-column:10/13;grid-row:3;justify-self:end;align-self:end;margin-top:0}
  .footer__light{margin-top:40px;height:230px;background:radial-gradient(70% 100% at 50% 100%,rgb(200 174 122 / .26),rgb(200 174 122 / .08) 45%,transparent 75%)}
}

/* ------------------------------------------------------------ documents */
.doc{padding-block:32px var(--section)}
.doc__grid{display:grid;grid-template-columns:minmax(0,1fr)}
.doc__rail{display:none}
.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;font-size:.9375rem;line-height:1.5;color:var(--ink-3)}
.breadcrumb li+li::before{content:"/";content:"/" / "";padding-inline:10px;color:var(--hairline)}
.breadcrumb a{display:inline-flex;align-items:center;min-height:48px;margin-block:-12px;color:var(--ink-3);text-decoration:none}
.breadcrumb a:hover{color:var(--ink)}
.doc h1{margin-top:20px;font-family:var(--font-display);font-size:clamp(2.75rem,1.6rem + 4.6vw,5rem);line-height:1.02;letter-spacing:-.022em}
.doc__meta{margin-top:16px;font-weight:500;font-size:.875rem;line-height:1.5;letter-spacing:0;color:var(--ink-3);font-variant-numeric:tabular-nums}
.toc{margin-top:32px;max-width:36rem;border-block:1px solid var(--hairline)}
.toc summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-weight:500;font-size:.9375rem;color:var(--ink-2);cursor:pointer;list-style:none}
.toc summary::-webkit-details-marker{display:none}
.toc summary .i{color:var(--ink-3)}
.toc[open] summary .i{transform:rotate(45deg)}
.toc ol{padding-bottom:16px}
.toc a,.doc__rail a{display:flex;align-items:center;min-height:44px;padding-block:6px;font-weight:500;font-size:.9375rem;line-height:1.35;color:var(--ink-3);text-decoration:none}
.toc a:hover,.doc__rail a:hover{color:var(--ink)}
.doc__rail-title{margin-bottom:12px}
.prose{margin-top:40px;max-width:36rem;font-size:1.0625rem;line-height:1.7;color:var(--ink-2)}
@media (min-width:768px){.prose{font-size:1.125rem}}
.prose p{margin-top:16px}
.prose>:first-child{margin-top:0}
.prose .intro{font-size:clamp(1.0625rem,.93rem + .6vw,1.3125rem);line-height:1.55;letter-spacing:-.011em;color:var(--ink)}
.doc-h{position:relative;margin-top:48px;padding-top:28px;border-top:1px solid var(--hairline)}
.prose h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem);line-height:1.25;letter-spacing:-.01em}
.doc-h+p,.doc-h+ul{margin-top:16px}
.prose h3{margin-top:32px;font-family:var(--font-sans);font-weight:600;font-size:1.0625rem;line-height:1.4;letter-spacing:0;color:var(--ink)}
.prose h3+p,.prose h3+ul{margin-top:10px}
.prose ul{margin-top:16px}
.prose li{position:relative;padding-left:20px}
.prose li+li{margin-top:8px}
.prose li::before{content:"";position:absolute;left:1px;top:.78em;width:5px;height:5px;border-radius:50%;background:var(--outline)}
.prose strong{font-weight:600;color:var(--ink)}
.anchor{display:none}
.anchor::before{content:"#"}
.doc-panel{margin-top:40px;padding:28px 24px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:24px}
.doc-panel .doc-h{margin-top:0;padding-top:0;border-top:0}
.doc-panel+.doc-h{margin-top:56px}
.rule{padding-left:20px;border-left:2px solid var(--hairline)}
@media (max-width:399.98px){.doc-panel{padding:24px 20px}}
.prose .ext{display:inline-flex;align-items:baseline;gap:2px}
.prose .ext .i{align-self:center}
@media (min-width:768px){
  .doc{padding-top:56px}
  .doc__article{max-width:calc(7 * (100% - 7 * var(--gutter)) / 8 + 6 * var(--gutter))}
  .doc-panel{padding:40px}
}
@media (min-width:1024px){.doc__article{max-width:46rem}}
@media (min-width:1280px){
  .doc{padding-top:72px}
  .doc__grid{grid-template-columns:minmax(0,1fr) minmax(0,38rem) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:56px}
  .doc__rail{display:block;grid-column:1;grid-row:1/3;justify-self:end;width:min(15rem,100%);position:sticky;top:112px;align-self:start;margin-top:6px;padding-left:20px;border-left:1px solid var(--hairline)}
  .doc__rail a{min-height:0;padding-block:12px;text-wrap:balance}
  .doc__rail-title{margin-bottom:4px}
  .doc__article{grid-column:2;grid-row:1/3;display:grid;grid-template-rows:subgrid;max-width:none}
  .doc h1{font-size:4.25rem;line-height:1.04}
  .prose{margin-top:48px;max-width:none}
  .toc{display:none}
  .prose .anchor{display:grid;place-items:center;position:absolute;left:-48px;top:24px;width:32px;height:40px;border-radius:8px;font-family:var(--font-sans);font-weight:500;font-size:1.125rem;color:var(--ink-3);text-decoration:none;opacity:0}
  .prose .doc-panel .anchor{top:-4px;left:-88px}
  .doc-h:hover .anchor,.qa:hover .anchor,.prose .anchor:focus-visible{opacity:1}
  .prose .anchor:hover{color:var(--accent)}
  .prose .qa .anchor{top:30px}
}

/* support */
.email-card{margin-top:32px;padding:24px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:24px;font-size:1.0625rem;line-height:1.6;color:var(--ink-2)}
.email-card strong{display:block;margin-bottom:8px;font-weight:600;font-size:.75rem;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;font-feature-settings:"case";color:var(--ink-3)}
.prose .email-card p{margin:0}
.prose .email-card .email-card__note{margin-top:8px;font-size:.9375rem;line-height:1.5;color:var(--ink-3)}
.email-card .email-link{font-family:var(--font-serif);font-size:clamp(1.25rem,1.05rem + .9vw,1.625rem);line-height:1.35;letter-spacing:-.01em;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em;display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere}
.email-card .email-link .i{display:inline-block;vertical-align:-3px;margin-right:8px}
@media (max-width:359.98px){.email-card .email-link{font-size:1.125rem}.email-card .email-link .i{width:18px;height:18px;margin-right:6px}}
.email-card .email-link:hover{color:var(--accent)}
.email-card .email-link .i{color:var(--accent)}
@media (min-width:768px){.email-card{padding:32px}}
.qa{position:relative;margin-top:36px;padding-top:32px;border-top:1px solid var(--hairline)}
.qa h3{margin:0;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.25;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.qa p{margin-top:12px}
.doc-h+.qa{margin-top:28px;padding-top:0;border-top:0}

/* ------------------------------------------------------------ 404 */
.lost{padding-block:40px var(--section)}
.lost__grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:48px}
.lost__text .overline{margin-bottom:16px}
.lost__title{font-family:var(--font-serif);font-size:clamp(2rem,1.3rem + 2.9vw,3.75rem);line-height:1.04;letter-spacing:-.02em}
.lost__body{margin-top:20px;color:var(--ink-2)}
.lost__text .pill{margin-top:32px}
.lost__links{margin-top:40px;max-width:28rem}
.lost__links li{border-top:1px solid var(--hairline)}
.lost__links li:last-child{border-bottom:1px solid var(--hairline)}
.lost__links a{display:flex;align-items:center;justify-content:space-between;min-height:60px;font-family:var(--font-serif);font-weight:500;font-size:1.25rem;line-height:1.3;color:var(--ink);text-decoration:none}
.lost__links a::after{content:"→";content:"→" / "";font-family:var(--font-sans);font-weight:400;color:var(--ink-3)}
.lost__links a:hover::after{color:var(--accent)}
.lost__picture img{width:100%;border-radius:12px}
@media (min-width:768px){.lost{padding-top:72px}.lost__title{font-family:var(--font-display)}}
@media (min-width:1024px){
  .lost__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:start}
  .lost__text{grid-column:1/7}
  .lost__media{grid-column:7/13;margin-top:28px}
}
@media (min-width:1280px){
  .lost{padding-top:96px}
  .lost__title{font-size:clamp(2.375rem,1.106rem + 6.74vw,6.5rem);line-height:.98;letter-spacing:-.025em}
}

/* ------------------------------------------------------------ motion (no JS) */
@keyframes rise{from{opacity:0;translate:0 16px}}
@keyframes ink{from{color:var(--ink-3)}to{color:var(--ink)}}
@keyframes mast-line{from{border-bottom-color:transparent}to{border-bottom-color:var(--hairline)}}
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .link,.prose a,.fine a,.caption a,.masthead__nav a,.footer__nav a,.breadcrumb a,.toc a,.doc__rail a{transition:color .15s var(--ease),text-underline-offset .15s var(--ease)}
  .pill{transition:filter .15s var(--ease)}
  .faq__icon,.toc summary .i{transition:transform .2s var(--ease),color .15s var(--ease)}
  .faq__item summary{transition:background-color .2s var(--ease)}
  .anchor{transition:opacity .15s var(--ease),color .15s var(--ease)}
  @media (pointer:fine){
    .tile{transition:background-color .24s var(--ease)}
    .tile:not(.tile--open):hover{background-color:var(--surface-2)}
    .tile:hover .tag{background:var(--surface-3)}
  }
  @supports (interpolate-size:allow-keywords){
    .faq__item::details-content{block-size:0;overflow:clip;transition:block-size .24s var(--ease),content-visibility .24s allow-discrete}
    .faq__item[open]::details-content{block-size:auto}
  }
  @supports (animation-timeline:view()){
    .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 5% entry 40%}
    .pair>.reveal:nth-child(2),.isnot__col.reveal:nth-child(2),.plan.reveal:nth-child(2),.quiet__card.reveal:nth-child(2),.privacy__col.reveal:nth-child(2){animation-range:entry 10% entry 45%}
    .quiet__card.reveal:nth-child(3),.privacy__col.reveal:nth-child(3){animation-range:entry 15% entry 50%}
    .ink-in{animation:ink linear both;animation-timeline:view();animation-range:entry 25% cover 45%}
  }
  @supports (animation-timeline:scroll()){
    @media (min-width:768px){.masthead{animation:mast-line linear both;animation-timeline:scroll(root);animation-range:0 64px}}
  }
}

/* ------------------------------------------------------------ preferences */
@media (max-height:700px){.questions__head,.report__figure,.doc__rail,.tile--open .tile__text{position:static}}
@media (prefers-reduced-transparency:reduce){.masthead{background:var(--bg)}}
@media (prefers-contrast:more){
  :root{--hairline:var(--outline);--ink-2:var(--ink);--ink-3:var(--ink);--ink-legal:var(--ink)}
  .tile,.tile--sage,.tile--lavender{background-image:none}
  .device::before,.plan--premium::after,.pull-block::before,body::after{display:none}
  .footer__light{background:none}
  .band img,.manifesto__picture img{-webkit-mask-image:none;mask-image:none}
}
@media (forced-colors:active){
  .tile,.quiet__card,.badge,.chip,.device__bezel,.well,.honesty,.email-card,.doc-panel,.tag{border:1px solid CanvasText}
  .device::before,.plan--premium::after,.pull-block::before,.footer__light{background:none}
  body::after{display:none}
  .footer__giant{display:none}
  .quiet__card+.quiet__card::before{forced-color-adjust:none;background:CanvasText}
  :focus-visible{outline-color:Highlight}
}

/* ------------------------------------------------------------ print */
@media print{
  *{animation:none!important;transition:none!important}
  :root{--bg:#fff;--ink:#26221B;--ink-2:#57503F;--ink-3:#57503F;--ink-legal:#57503F;--accent:#46675A;--hairline:#D9D0C1;--surface-1:#fff}
  html,body{background:#fff;color:#26221B}
  .masthead,.doc__rail,.toc,.footer__light,.footer__nav,.skip,.anchor,.sprite,.chip{display:none!important}
  .doc{padding:0}
  .prose{max-width:none}
  .prose a[href^="http"]::after{content:" (" attr(href) ")";color:#57503F}
  .prose a[href^="mailto"]::after{content:none}
  body::after{display:none!important}
  .doc-panel,.email-card{border:1px solid #D9D0C1;background:#fff}
  .footer__grid{border-top:1px solid #D9D0C1;padding-top:24px}
}

/* September 2026 store preview: static, keyboard-scrollable, no auto motion. */
.store-preview { padding-block: var(--space-4xl, 96px); }
.store-preview__intro { color: var(--ink-dim, #ada69f); max-width: 56ch; margin-block: 20px 36px; }
.store-preview__gallery { display: flex; gap: 22px; overflow-x: auto; padding: 4px 4px 24px; scroll-snap-type: x proximity; scrollbar-color: #6b5e78 #17151b; }
.store-preview__gallery:focus-visible { outline: 2px solid #8FA89A; outline-offset: 8px; }
.store-preview__gallery figure { margin: 0; flex: 0 0 clamp(250px, 26vw, 330px); scroll-snap-align: start; }
.store-preview__gallery img { width: 100%; height: auto; display: block; border: 1px solid #3c3442; border-radius: 14px; }