/* ───────── QR lander lab · shared styles (phone-first) ─────────
   Scopes: .qq- questions · .qg- guide chapters · .qp- product picker · .qx- covers */

.v3 .bar{display:none} /* owners already bought; no ships-today bar on QR pages */

/* ── columns ── */
.qr-col{max-width:720px;margin:0 auto;padding:0 20px}
@media(min-width:760px){.qr-col{padding:0 32px}}

/* ── cover (dark opener, concepts 1 & 10) ── */
.qx{position:relative;color:#F3E9DA;--ink:#F3E9DA;--ink2:rgba(243,233,218,.7);--ink3:rgba(243,233,218,.45);min-height:86svh;display:flex;align-items:center;overflow:hidden}
.qx .bg{position:absolute;inset:0;background:radial-gradient(55% 65% at 80% 42%,rgba(168,92,44,.34),transparent 70%),radial-gradient(45% 55% at 8% 105%,rgba(110,52,26,.38),transparent 72%),linear-gradient(180deg,#140E0B,#0D0A08)}
.qx .grain{position:absolute;inset:0;opacity:.5;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}
.qx .qr-col{position:relative;z-index:2;padding-top:72px;padding-bottom:72px}
.qx .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#E8926B;margin-bottom:18px}
.qx h1{font:400 clamp(42px,9vw,64px)/1.04 'Libre Baskerville',Georgia,serif;margin:0 0 18px;letter-spacing:-.01em}
.qx h1 em{font-style:italic;color:#E8926B}
.qx .sub{font-size:18px;line-height:1.5;color:rgba(243,233,218,.78);max-width:46ch;margin:0 0 30px}
.qx .note{font-size:14px;color:rgba(243,233,218,.55);max-width:46ch;margin:22px 0 0;line-height:1.5}
.qx .btn.light{background:#F3E9DA;color:#1B1512}
.qx .skip{display:inline-block;background:none;border:0;margin-left:18px;font:inherit;font-size:14.5px;color:rgba(243,233,218,.65);border-bottom:1px solid rgba(243,233,218,.3);padding:0 0 2px;cursor:pointer}
.qx .skip:hover{color:#F3E9DA}
.qx .sig{font:italic 400 17px 'Libre Baskerville',serif;color:rgba(243,233,218,.85);margin-top:26px}

/* ── v3 lander: one dark editorial column, mobile-first. Every block is the SAME width
     (100% of a 640px column) so nothing drifts off-center as the viewport grows. ── */
.qx-founder{min-height:0;padding:0}
.qx-founder .qx-col{position:relative;z-index:2;max-width:640px;margin:0 auto;padding:84px 24px 0;text-align:center}
@media(min-width:880px){.qx-founder .qx-col{padding:120px 24px 0}}
.qx-founder .k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#E8926B;margin:0 0 18px}
.qx-founder h1{font:400 clamp(40px,10.5vw,60px)/1.06 'Libre Baskerville',serif;margin:0 0 22px;letter-spacing:-.01em}
.qx-preview{font:italic 400 clamp(17px,4.6vw,20px)/1.55 'Libre Baskerville',serif;color:rgba(243,233,218,.85);margin:0 auto 52px;max-width:42ch}
.qx-photo{position:relative;margin:0 0 48px;width:100%}
.qx-imwrap{border-radius:14px;overflow:hidden;aspect-ratio:4/5;background:#241A15}
@media(min-width:680px){.qx-imwrap{aspect-ratio:1/1}}
.qx-imwrap img{width:100%;height:100%;object-fit:cover;display:block}
.qx-pill{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;background:rgba(14,10,8,.82);backdrop-filter:blur(6px);border:1px solid rgba(243,233,218,.28);color:#F3E9DA;font:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:12px 20px 12px 13px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.qx-pill:hover{background:rgba(243,233,218,.95);color:#1B1512}
.qx-play{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#F3E9DA;color:#1B1512;border-radius:999px;font-size:9px;padding-left:2px}
.qx-pill:hover .qx-play{background:#1B1512;color:#F3E9DA}
.qx-story{width:100%;margin:0;text-align:left}
.qx-story p{font-size:16.5px;line-height:1.66;color:rgba(243,233,218,.78);margin:0 0 18px}
.qx-sig{font:italic 400 28px 'Libre Baskerville',serif;color:#F3E9DA;margin:32px 0 6px}
.qx-role{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,233,218,.45);margin:0}
.qx-startsec{padding-bottom:36px}
.v3 .qx-start,.qx-start{font:400 clamp(24px,6vw,30px)/1.2 'Libre Baskerville',serif;margin:104px 0 28px;color:#F3E9DA}

/* ── lab switcher strip ── */
.qlab{position:fixed;left:50%;transform:translateX(-50%);top:10px;z-index:80;display:flex;gap:14px;align-items:center;background:rgba(14,10,8,.9);backdrop-filter:blur(8px);border:1px solid rgba(243,233,218,.2);border-radius:999px;padding:7px 14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,233,218,.5);white-space:nowrap;max-width:94vw;overflow-x:auto;scrollbar-width:none}
.qlab::-webkit-scrollbar{display:none}
.qlab-g{display:flex;gap:4px;align-items:center}
.qlab button{font:inherit;width:22px;height:22px;border-radius:999px;border:1px solid rgba(243,233,218,.25);background:none;color:rgba(243,233,218,.65);cursor:pointer;font-size:10.5px;padding:0}
.qlab button.on{background:#F3E9DA;color:#1B1512;border-color:#F3E9DA}

/* ── start option 1 · stacked cards ── */
.qt-grid{display:grid;gap:14px;text-align:left}
@media(min-width:680px){.qt-grid.st1{grid-template-columns:1fr 1fr}}
.qt-tile{position:relative;display:block;width:100%;text-align:left;background:#F3E9DA;border:1px solid #F3E9DA;border-radius:18px;padding:24px 56px 24px 24px;font:inherit;color:#1B1512;cursor:pointer;transition:transform .2s,box-shadow .2s}
.qt-tile:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.qt-tile b{display:block;font:400 21px/1.2 'Libre Baskerville',serif;margin-bottom:7px;color:#1B1512}
.qt-tile p{font-size:14px;color:#6E6256;line-height:1.5;margin:0}
.qt-tile span{position:absolute;top:24px;right:20px;font-size:18px;color:#A39685;transition:transform .2s,color .2s}
.qt-tile:hover span{transform:translateX(3px);color:#1B1512}
.qt-tile i{display:inline-block;font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#FBF7F0;background:#A8431A;border-radius:999px;padding:4px 10px;margin-bottom:12px}
.qt-tile.feat{background:#FBF2E2;border-color:#FBF2E2}

/* 2 · photo rows */
.st2{display:grid;gap:12px;text-align:left}
.st2-row{display:grid;grid-template-columns:76px 1fr 20px;gap:16px;align-items:center;background:#F3E9DA;border-radius:16px;padding:14px;color:#1B1512;font:inherit;border:0;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s}
.st2-row:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.st2-im{display:block;width:76px;height:76px;border-radius:12px;overflow:hidden}
.st2-im img{width:100%;height:100%;object-fit:cover;display:block}
.st2-tx b{display:block;font:400 19px/1.2 'Libre Baskerville',serif;margin-bottom:4px}
.st2-tx p{font-size:13.5px;color:#6E6256;line-height:1.45;margin:0}
.st2-ar{color:#A39685;font-size:17px}
.st2-row.feat{outline:2px solid #A8431A;outline-offset:2px}

/* 3 · image covers */
.st3{display:grid;gap:14px;text-align:left}
@media(min-width:640px){.st3{grid-template-columns:1fr 1fr}}
.st3-card{display:block;background:#F3E9DA;border-radius:18px;overflow:hidden;color:#1B1512;font:inherit;border:0;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s;padding:0}
.st3-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.4)}
.st3-im{position:relative;display:block;aspect-ratio:16/9}
.st3-im img{width:100%;height:100%;object-fit:cover;display:block}
.st3-im i{position:absolute;top:12px;left:12px;font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#FBF7F0;background:#A8431A;border-radius:999px;padding:4px 10px}
.st3-tx{display:block;padding:16px 18px 20px}
.st3-tx b{display:block;font:400 20px/1.2 'Libre Baskerville',serif;margin-bottom:5px}
.st3-tx p{font-size:13.5px;color:#6E6256;line-height:1.5;margin:0}

/* 4 · ruled index */
.st4{text-align:left;border-top:1px solid rgba(243,233,218,.22)}
.st4-row{display:grid;grid-template-columns:44px 1fr 22px;gap:14px;align-items:center;width:100%;padding:22px 6px;border:0;border-bottom:1px solid rgba(243,233,218,.22);background:none;color:#F3E9DA;font:inherit;cursor:pointer;text-align:left;transition:background .2s;border-radius:0}
.st4-row:hover{background:rgba(243,233,218,.06)}
.st4-n{font:400 17px 'Libre Baskerville',serif;color:#E8926B}
.st4-tx b{display:block;font:400 21px/1.2 'Libre Baskerville',serif;color:#F3E9DA;margin-bottom:4px}
.st4-tx p{font-size:13.5px;color:rgba(243,233,218,.55);line-height:1.5;margin:0}
.st4-ar{color:rgba(243,233,218,.45);font-size:17px}
.st4-row:hover .st4-ar{color:#F3E9DA}

/* 5 · photo posters */
.st5{display:grid;gap:14px;text-align:left}
@media(min-width:640px){.st5{grid-template-columns:1fr 1fr}}
.st5-card{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:4/3.4;border:0;padding:0;cursor:pointer;font:inherit;text-align:left;background:#241A15;transition:transform .2s,box-shadow .2s}
.st5-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.45)}
.st5-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st5-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,7,5,.05) 30%,rgba(10,7,5,.86) 82%)}
.st5-tx{position:absolute;left:18px;right:18px;bottom:16px;color:#F3E9DA}
.st5-tx i{display:inline-block;font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#FBF7F0;background:#A8431A;border-radius:999px;padding:4px 10px;margin-bottom:10px}
.st5-tx b{display:block;font:400 21px/1.2 'Libre Baskerville',serif;margin-bottom:5px}
.st5-tx p{font-size:13px;color:rgba(243,233,218,.75);line-height:1.45;margin:0}

/* 6 · tickets */
.st6{display:grid;gap:12px;text-align:left}
.st6-tk{display:grid;grid-template-columns:72px 1fr;width:100%;background:#F3E9DA;border-radius:14px;border:0;padding:0;cursor:pointer;font:inherit;color:#1B1512;text-align:left;overflow:hidden;transition:transform .2s,box-shadow .2s}
.st6-tk:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.st6-no{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-right:1.5px dashed #C9BCA8;background:#EDE2CE;padding:18px 8px}
.st6-no em{font-style:normal;font-size:9.5px;letter-spacing:.14em;color:#A39685}
.st6-no b{font:400 22px 'Libre Baskerville',serif;color:#A8431A}
.st6-tx{padding:18px 20px}
.st6-tx b{display:block;font:400 20px/1.2 'Libre Baskerville',serif;margin-bottom:4px}
.st6-tx p{font-size:13.5px;color:#6E6256;line-height:1.5;margin:0}
.st6-tk.feat .st6-no{background:#A8431A}
.st6-tk.feat .st6-no em,.st6-tk.feat .st6-no b{color:#FBF7F0}

/* 7 · monument + index */
.st7{text-align:left}
.st7-hero{display:block;width:100%;background:#F3E9DA;border-radius:20px;overflow:hidden;border:0;padding:0;cursor:pointer;font:inherit;color:#1B1512;text-align:left;transition:transform .2s,box-shadow .2s}
.st7-hero:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.4)}
.st7-im{display:block;aspect-ratio:16/9}
.st7-im img{width:100%;height:100%;object-fit:cover;display:block}
.st7-tx{display:block;padding:22px 24px 26px}
.st7-tx i{display:inline-block;font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#FBF7F0;background:#A8431A;border-radius:999px;padding:4px 10px;margin-bottom:12px}
.st7-tx b{display:block;font:400 26px/1.15 'Libre Baskerville',serif;margin-bottom:7px}
.st7-tx p{font-size:14.5px;color:#6E6256;line-height:1.5;margin:0 0 16px}
.st7-btn{display:inline-block;background:#1B1512;color:#F3E9DA;font-size:14.5px;font-weight:500;padding:13px 26px;border-radius:999px}
.st7-rest{margin-top:10px;border-bottom:1px solid rgba(243,233,218,.2)}
.st7-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:19px 6px;border-top:1px solid rgba(243,233,218,.2);color:#F3E9DA}
.st7-row b{display:block;font:400 18.5px 'Libre Baskerville',serif;margin-bottom:3px}
.st7-row p{font-size:13px;color:rgba(243,233,218,.55);margin:0;line-height:1.45}
.st7-row em{font-style:normal;color:rgba(243,233,218,.45)}
.st7-row:hover em{color:#F3E9DA}

/* 8 · pill rail */
.st8{display:grid;gap:26px;max-width:460px;margin:0 auto}
.st8-pill{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;background:#F3E9DA;color:#1B1512;border:0;border-radius:999px;padding:19px 26px;font:400 19px 'Libre Baskerville',serif;cursor:pointer;transition:transform .2s,box-shadow .2s;text-align:left}
.st8-pill:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.st8-pill span{color:#A39685}
.st8-pill.feat{background:#A8431A;color:#FBF7F0}
.st8-pill.feat span{color:rgba(251,247,240,.8)}
.st8-it p{font-size:13px;color:rgba(243,233,218,.55);line-height:1.5;margin:10px 4px 0;text-align:center}

/* 9 · dark glass */
.st9{display:grid;gap:12px;text-align:left}
@media(min-width:640px){.st9{grid-template-columns:1fr 1fr}}
.st9-card{position:relative;display:block;background:rgba(243,233,218,.07);border:1px solid rgba(243,233,218,.2);border-radius:18px;padding:22px 22px 24px;color:#F3E9DA;font:inherit;cursor:pointer;text-align:left;backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.st9-card:hover{background:rgba(243,233,218,.12);border-color:rgba(243,233,218,.4)}
.st9-dot{display:block;width:9px;height:9px;border-radius:999px;background:#E8926B;margin-bottom:14px}
.st9-card b{display:block;font:400 21px/1.2 'Libre Baskerville',serif;margin-bottom:6px}
.st9-card p{font-size:13.5px;color:rgba(243,233,218,.6);line-height:1.5;margin:0}
.st9-card em{position:absolute;top:20px;right:20px;font-style:normal;color:rgba(243,233,218,.4)}
.st9-card:hover em{color:#F3E9DA}
.st9-card.feat{border-color:#E8926B}

/* 10 · drawn icons */
.st10{display:grid;gap:12px;text-align:left}
@media(min-width:640px){.st10{grid-template-columns:1fr 1fr}}
.st10-card{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;background:#F3E9DA;border:0;border-radius:18px;padding:20px;color:#1B1512;font:inherit;cursor:pointer;text-align:left;transition:transform .25s,box-shadow .2s}
.st10-card:nth-child(odd){transform:rotate(-.6deg)}
.st10-card:nth-child(even){transform:rotate(.6deg)}
.st10-card:hover{transform:rotate(0) translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.st10-ic{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:999px;background:#EDE2CE;color:#A8431A}
.st10-ic svg{width:34px;height:34px}
.st10-card b{display:block;font:400 19.5px/1.2 'Libre Baskerville',serif;margin-bottom:4px}
.st10-card p{font-size:13px;color:#6E6256;line-height:1.45;margin:0}
.st10-card.feat .st10-ic{background:#A8431A;color:#FBF7F0}

/* ── footers: transparent — they live on the page's own ground. Wordmark at the very bottom. ── */
.qf{background:none;color:#F3E9DA;padding:128px 0 44px;text-align:center;position:relative;z-index:2}
.qf-col{max-width:560px;margin:0 auto;padding:0 24px}
.qf h3{font:400 clamp(22px,5.6vw,26px)/1.2 'Libre Baskerville',serif;margin:0 0 10px;color:#F3E9DA}
.qf-logo{width:min(200px,52%);display:block;margin:64px auto 0}
.qf-logo.sm{width:148px}
.v3 .qf-btn,.qf-btn{display:inline-block;background:#F3E9DA;color:#1B1512;font-size:14.5px;font-weight:500;padding:14px 28px;border-radius:999px;margin-top:14px}
.qf-sub{font-size:14.5px;color:rgba(243,233,218,.65);line-height:1.55;margin:0 auto 20px;max-width:40ch}
.qf-form{display:flex;max-width:400px;margin:0 auto}
.qf-form input{flex:1;min-width:0;background:transparent;border:1px solid rgba(243,233,218,.3);border-right:0;border-radius:999px 0 0 999px;padding:13px 20px;color:#F3E9DA;font:inherit;font-size:14.5px}
.qf-form input::placeholder{color:rgba(243,233,218,.4)}
.qf-form button{font:inherit;font-size:14.5px;font-weight:500;background:#F3E9DA;color:#1B1512;border:0;border-radius:0 999px 999px 0;padding:13px 24px;cursor:pointer}
.qf-ok{font-size:14.5px;color:#E8926B;margin:16px 0 0}
.qf-legal{font-size:12px;line-height:1.9;color:rgba(243,233,218,.4);margin-top:44px}
.qf-legal a{color:rgba(243,233,218,.55)}
/* f1 hyper minimal */
.qf.f1 .qf-line{margin:0 0 30px}
.qf-line a{font-size:15px;color:#F3E9DA;border-bottom:1px solid rgba(243,233,218,.35);padding-bottom:3px}
.qf-ul{display:flex;max-width:380px;margin:0 auto;border-bottom:1px solid rgba(243,233,218,.35)}
.qf-ul input{flex:1;min-width:0;background:none;border:0;padding:10px 2px;color:#F3E9DA;font:inherit;font-size:15px;text-align:center}
.qf-ul input::placeholder{color:rgba(243,233,218,.4)}
.qf-ul button{background:none;border:0;color:#F3E9DA;font-size:17px;cursor:pointer;padding:0 6px}
/* f2 app card */
.qf.f2 .qf-card{background:rgba(243,233,218,.06);border:1px solid rgba(243,233,218,.16);border-radius:22px;padding:34px 26px 32px;margin-bottom:56px;backdrop-filter:blur(4px)}
.qf-icon{width:64px;height:64px;border-radius:15px;display:block;margin:0 auto 18px;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.qf.f2 .qf-card p{font-size:14.5px;color:rgba(243,233,218,.68);line-height:1.58;margin:0 auto 8px;max-width:40ch}
.qf-rate{font-size:12.5px;color:rgba(243,233,218,.45)}
/* f3 two columns */
.qf.f3 .qf-col{max-width:820px}
.qf-cols{display:grid;gap:52px;padding-bottom:12px}
@media(min-width:760px){.qf-cols{grid-template-columns:1fr 1fr;gap:56px;text-align:center}}
/* f4 helpful */
.qf-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px 0 36px}
.qf-links a{font-size:13px;color:#F3E9DA;border:1px solid rgba(243,233,218,.3);border-radius:999px;padding:9px 16px}
.qf-links a:hover{background:rgba(243,233,218,.1)}
.qf-row{display:flex;gap:14px;align-items:center;text-align:left;background:rgba(243,233,218,.06);border:1px solid rgba(243,233,218,.16);border-radius:999px;padding:10px 20px 10px 10px;color:#F3E9DA;max-width:420px;margin:0 auto}
.qf-row:hover{background:rgba(243,233,218,.1)}
.qf-row img{width:46px;height:46px;border-radius:11px}
.qf-row b{display:block;font-size:14.5px;font-weight:500}
.qf-row small{font-size:12px;color:rgba(243,233,218,.55)}
.qf-row span{flex:1}
.qf-row em{font-style:normal;font-size:13.5px;color:#E8926B;white-space:nowrap}
/* f5 sunrise send-off */
.qf.f5{padding-bottom:0;overflow:hidden}
.qf-sun{width:260px;height:120px;margin:0 auto 24px;background:radial-gradient(closest-side at 50% 100%,#E8926B 0%,rgba(232,146,107,.45) 42%,transparent 70%)}
.qf-mantra{font:italic 400 clamp(24px,6vw,30px)/1.3 'Libre Baskerville',serif;color:#F3E9DA;margin:0 0 12px}
.qf.f5 .qf-line{margin:30px 0 0}
.qf-giant{display:block;width:min(400px,66%);margin:104px auto 88px;opacity:.95}

/* ── questions (concept 1) ── */
.qq{background:var(--cream);padding:56px 0 110px;min-height:70svh}
.qq .qq-prog{display:flex;gap:6px;margin-bottom:34px}
.qq .qq-prog i{height:2px;flex:1;background:var(--cream3);border-radius:2px}
.qq .qq-prog i.on{background:var(--ember)}
.qq .k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.qq h2{font:400 clamp(28px,6.4vw,40px)/1.12 'Libre Baskerville',serif;margin:0 0 8px;letter-spacing:-.01em}
.qq .sub{color:var(--ink2);font-size:15.5px;margin:0 0 30px}
.qq .qq-back{background:none;border:0;padding:0;margin-top:30px;font-size:14px;color:var(--ink3);cursor:pointer}
.qq .qq-back:hover{color:var(--ink)}

/* product tiles */
.qp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:640px){.qp-grid{grid-template-columns:repeat(3,1fr)}}
.qp-tile{position:relative;text-align:left;background:var(--cream2);border:1px solid var(--line);border-radius:16px;padding:12px;cursor:pointer;transition:transform .2s,border-color .2s;font:inherit;color:inherit}
.qp-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:var(--cream3);display:block}
.qp-tile b{display:block;font-size:15px;font-weight:500;margin:10px 2px 1px}
.qp-tile small{display:block;font-size:12.5px;color:var(--ink3);margin:0 2px}
.qp-tile:hover{transform:translateY(-2px);border-color:var(--ink3)}
.qp-tile.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.qp-tile.on::after{content:"✓";position:absolute;top:18px;right:18px;width:24px;height:24px;border-radius:999px;background:var(--ink);color:var(--cream);font-size:13px;display:flex;align-items:center;justify-content:center}

/* option cards (q2/q3) */
.qq-opts{display:grid;gap:10px}
@media(min-width:640px){.qq-opts{grid-template-columns:1fr 1fr}}
.qq-opt{text-align:left;background:var(--cream2);border:1px solid var(--line);border-radius:16px;padding:18px 20px;cursor:pointer;transition:transform .2s,border-color .2s;font:inherit;color:inherit}
.qq-opt b{display:block;font-size:16.5px;font-weight:500}
.qq-opt small{display:block;font-size:13.5px;color:var(--ink2);margin-top:3px}
.qq-opt:hover{transform:translateY(-2px);border-color:var(--ink3)}

/* binding interstitial */
.qq-bind{min-height:72svh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--cream)}
.qq-bind h2{font:italic 400 clamp(26px,6vw,36px)/1.2 'Libre Baskerville',serif;margin:0 0 14px}
.qq-bind p{color:var(--ink2);font-size:15px;margin:0}
.qq-bind .dots{display:flex;gap:8px;justify-content:center;margin-top:26px}
.qq-bind .dots i{width:7px;height:7px;border-radius:999px;background:var(--ember);animation:qqp 1s infinite ease-in-out}
.qq-bind .dots i:nth-child(2){animation-delay:.16s}.qq-bind .dots i:nth-child(3){animation-delay:.32s}
@keyframes qqp{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}

/* ── guide cover (the "book" moment) ── */
.qg-cover{position:relative;color:#F3E9DA;overflow:hidden;padding:84px 0 56px}
.qg-cover .bg{position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 20%,rgba(168,92,44,.3),transparent 70%),linear-gradient(180deg,#171110,#0E0B09)}
.qg-cover .grain{position:absolute;inset:0;opacity:.45;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}
.qg-cover .qr-col{position:relative;z-index:2}
.qg-cover .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#E8926B;margin-bottom:14px}
.qg-cover h1{font:400 clamp(36px,8vw,56px)/1.06 'Libre Baskerville',serif;margin:0 0 10px;letter-spacing:-.01em}
.qg-cover h1 em{font-style:italic;color:#E8926B}
.qg-cover .sub{color:rgba(243,233,218,.72);font-size:16.5px;max-width:46ch;margin:0}
.qg-cover .qg-hero{margin-top:34px;border-radius:18px;overflow:hidden;aspect-ratio:16/10}
.qg-cover .qg-hero img{width:100%;height:100%;object-fit:cover;display:block}
.qg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.qg-chips span,.qg-chips button{font-size:12.5px;padding:7px 13px;border-radius:999px;border:1px solid rgba(243,233,218,.28);color:rgba(243,233,218,.85);background:none}
.qg-chips button{cursor:pointer;font:inherit;font-size:12.5px}
.qg-chips button:hover{border-color:#F3E9DA;color:#F3E9DA}

/* chapter index */
.qg-index{background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:67px;z-index:30}
@media(max-width:640px){.qg-index{top:59px}}
.qg-index .qr-col{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding-top:15px;padding-bottom:15px}
.qg-index .qr-col::-webkit-scrollbar{display:none}
.qg-index a{font-size:13.5px;color:var(--ink2);white-space:nowrap}
.qg-index a:hover{color:var(--ink)}
.qg-index a b{color:var(--ink3);font-weight:400;margin-right:6px;font-size:12px}

/* ── guide chapters ── */
.qg{background:var(--cream);padding-bottom:40px}
.qg-sec{padding:64px 0 10px}
.qg-sec:first-of-type{padding-top:52px}
.qg-k span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember);margin-bottom:10px}
.qg-k h2{font:400 clamp(27px,6vw,38px)/1.15 'Libre Baskerville',serif;margin:0 0 20px;letter-spacing:-.01em;max-width:24ch}
.qg-lede{color:var(--ink2);font-size:16.5px;line-height:1.6;max-width:58ch;margin:-6px 0 26px}
.qg-temp{font-size:14px;color:var(--ink2);margin:-8px 0 22px}
.qg-temp b{font-weight:500;color:var(--ink3);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
.qg-temp b+b,.qg-temp b:not(:first-child){margin-left:6px}
.qg-note{background:var(--cream2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:15px;line-height:1.55;color:var(--ink2);margin:0 0 24px}
.qg-note b{color:var(--ink);font-weight:500}
.qg-ing{display:inline;background:none;border:0;padding:0;font:inherit;font-size:14.5px;color:var(--ink);border-bottom:1px solid rgba(27,21,18,.3);cursor:pointer}

/* steps */
.qg-steps{display:grid;gap:12px}
.qg-step,.qg-iced{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;background:var(--cream2);border:1px solid var(--line);border-radius:16px;padding:14px}
@media(min-width:640px){.qg-step,.qg-iced{grid-template-columns:132px 1fr;gap:22px;padding:16px}}
.qg-im{border-radius:10px;overflow:hidden;aspect-ratio:1/1;background:var(--cream3)}
.qg-im img{width:100%;height:100%;object-fit:cover;display:block}
.qg-n{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:5px}
.qg-step h3,.qg-iced h3,.qg-appcard h3,.qg-pair h3{font:500 17.5px/1.3 'Chivo',sans-serif;margin:0 0 5px}
.qg-step p,.qg-iced p{font-size:14.5px;line-height:1.5;color:var(--ink2);margin:0;max-width:52ch}
.qg-iced{margin-top:26px;background:#EDE2CE}

/* tune */
.qg-tune{margin-top:26px}
.qg-tune>div{display:grid;gap:10px;margin-top:10px}
@media(min-width:640px){.qg-tune>div{grid-template-columns:repeat(3,1fr)}}
.qg-tn{background:var(--cream2);border:1px solid var(--line);border-radius:14px;padding:15px 16px}
.qg-tn b{font-size:14.5px;font-weight:500}
.qg-tn p{font-size:13.5px;color:var(--ink2);line-height:1.5;margin:4px 0 0}

/* black option */
.qg-black{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;background:#1B1512;color:#F3E9DA;border-radius:16px;padding:18px 20px;margin-top:12px}
.qg-black b{font:400 17px 'Libre Baskerville',serif}
.qg-black p{font-size:14px;color:rgba(243,233,218,.75);margin:0;line-height:1.5;max-width:52ch}

/* ── recipe box ── */
.qr-scope{display:flex;gap:8px;margin-bottom:12px}
.qr-scope button,.qr-chips button{font:inherit;font-size:13px;padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:var(--cream2);color:var(--ink2);cursor:pointer}
.qr-scope button.on,.qr-chips button.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.qr-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.qr-feat{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;width:100%;text-align:left;background:#EDE2CE;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:14px;cursor:pointer;font:inherit;color:inherit;transition:transform .2s}
@media(min-width:640px){.qr-feat{grid-template-columns:200px 1fr;gap:24px;padding:16px}}
.qr-feat:hover{transform:translateY(-2px)}
.qr-feat .qg-im{aspect-ratio:1/1}
.qr-feat h3{font:400 22px/1.2 'Libre Baskerville',serif;margin:0 0 6px}
.qr-feat p{font-size:14px;color:var(--ink2);line-height:1.5;margin:0 0 10px;max-width:46ch}
.qr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:640px){.qr-grid{grid-template-columns:repeat(3,1fr)}}
.qr-card{text-align:left;background:var(--cream2);border:1px solid var(--line);border-radius:16px;padding:10px 10px 14px;cursor:pointer;font:inherit;color:inherit;transition:transform .2s,border-color .2s}
.qr-card:hover{transform:translateY(-2px);border-color:var(--ink3)}
.qr-im{display:block;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--cream3)}
.qr-im img{width:100%;height:100%;object-fit:cover;display:block}
.qr-card b{display:block;font-size:14.5px;font-weight:500;margin:10px 4px 2px;line-height:1.3}
.qr-card small{display:block;font-size:12px;color:var(--ink3);margin:0 4px}
/* recipe panel lists (inside the shared .imodal .tx) */
.imodal .qr-ings{margin:0;padding:0 0 0 18px;font-size:14.5px;line-height:1.7;color:var(--ink2,#444)}
.imodal .qr-dirs{margin:0;padding:0 0 0 18px;font-size:14.5px;line-height:1.6}
.imodal .qr-dirs li{margin-bottom:10px}

/* sediment */
.qg-ladder{margin:0;padding:0;list-style:none;counter-reset:qg;display:grid;gap:10px}
.qg-ladder li{counter-increment:qg;background:var(--cream2);border:1px solid var(--line);border-radius:14px;padding:16px 18px 16px 58px;position:relative}
.qg-ladder li::before{content:counter(qg,decimal-leading-zero);position:absolute;left:18px;top:18px;font:400 14px 'Libre Baskerville',serif;color:var(--ember)}
.qg-ladder b{font-size:15.5px;font-weight:500}
.qg-ladder p{font-size:14px;color:var(--ink2);line-height:1.5;margin:3px 0 0;max-width:56ch}
.qg-promise{font-size:14px;color:var(--ink2);margin-top:18px;max-width:58ch;line-height:1.55}
.qg-promise a{color:var(--ink);border-bottom:1px solid rgba(27,21,18,.3)}

/* timeline */
.qg-tl{display:grid;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--cream2)}
.qg-tr{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:18px;border-bottom:1px solid var(--line)}
.qg-tr:last-child{border-bottom:0}
.qg-tr span{font:400 15px 'Libre Baskerville',serif;color:var(--ember)}
.qg-tr p{font-size:14.5px;color:var(--ink2);line-height:1.55;margin:0}
.qg-fn{font-size:12.5px;color:var(--ink3);margin-top:14px;line-height:1.5}
.qg-fn a{color:var(--ink2);border-bottom:1px solid rgba(27,21,18,.2)}

/* films */
.qg-films{display:grid;gap:12px}
@media(min-width:680px){.qg-films{grid-template-columns:repeat(3,1fr)}.qg-films.two{grid-template-columns:1fr 1fr}}
.qg-film{position:relative;border:0;padding:0;border-radius:14px;overflow:hidden;aspect-ratio:16/9;cursor:pointer;background:#1B1512;text-align:left;font:inherit}
.qg-film img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:transform .35s}
.qg-film:hover img{transform:scale(1.03)}
.qg-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,7,5,.78))}
.qg-play{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:999px;background:rgba(243,233,218,.92);color:#1B1512;display:flex;align-items:center;justify-content:center;padding-left:3px}
.qg-cap{position:absolute;left:14px;right:14px;bottom:12px;color:#F3E9DA}
.qg-cap b{display:block;font-size:14.5px;font-weight:500;line-height:1.3}
.qg-cap small{font-size:12px;color:rgba(243,233,218,.7)}

/* watch & read */
.qg-featfilm .qg-film{width:100%;aspect-ratio:16/9;border-radius:16px}
.qg-featfilm{margin-bottom:12px}
.qg-featfilm .qg-cap b{font-size:17px}
.qg-subhead{font:400 24px/1.25 'Libre Baskerville',serif;margin:44px 0 16px}
.qg-reads{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.qg-reads::-webkit-scrollbar{display:none}
@media(min-width:640px){.qg-reads{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,1fr);overflow:visible}}
.qg-read{display:block;background:var(--cream2);border:1px solid var(--line);border-radius:16px;padding:10px 10px 16px;color:inherit;scroll-snap-align:start;transition:transform .2s,border-color .2s}
.qg-read:hover{transform:translateY(-2px);border-color:var(--ink3)}
.qg-read .qr-im{aspect-ratio:16/10}
.qg-read small{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:12px 4px 5px}
.qg-read b{display:block;font:400 16.5px/1.35 'Libre Baskerville',serif;font-weight:400;margin:0 4px}

/* the "goal" note just before the full dark expect card */
.qg-pre-ex{padding:56px 0 0}
.qg .ex{margin-top:40px}

/* app + founder + pair cards */
.qg-fd{display:grid;gap:18px;background:var(--cream2);border:1px solid var(--line);border-radius:18px;padding:18px}
@media(min-width:640px){.qg-fd{grid-template-columns:220px 1fr;gap:26px;padding:22px;align-items:center}}
.qg-fd .qg-im{aspect-ratio:4/5}
.qg-appcard{background:var(--cream2);border:1px solid var(--line);border-radius:18px;padding:20px}
@media(min-width:640px){.qg-appcard{padding:26px}}
.qg-apphead{display:flex;gap:16px;align-items:center;margin-bottom:14px}
.qg-appicon{width:64px;height:64px;border-radius:15px;display:block;box-shadow:0 4px 14px rgba(27,21,18,.12)}
.qg-apphead h3{margin:0 0 3px}
.qg-apprate{font-size:13px;color:var(--ink3);margin:0}
.qg-appcard>p{font-size:15px;color:var(--ink2);line-height:1.55;margin:0 0 18px;max-width:54ch}
.qg-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.qg-shots img{width:100%;border-radius:12px;border:1px solid var(--line);display:block}
.qg-appbtn{margin-top:0}
.qg-letter{font:italic 400 17px/1.65 'Libre Baskerville',serif;color:var(--ink);margin:0 0 12px}
.qg-sig{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:0}
.qg-founder .qg-films{margin-top:14px}
.qg-pair{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;background:var(--cream2);border:1px solid var(--line);border-radius:18px;padding:16px;color:inherit;transition:transform .2s,border-color .2s}
@media(min-width:640px){.qg-pair{grid-template-columns:180px 1fr;padding:20px;gap:26px}}
.qg-pair:hover{transform:translateY(-2px);border-color:var(--ink3)}
.qg-pair p{font-size:14.5px;color:var(--ink2);margin:0 0 10px;max-width:46ch}

/* help */
.qg-helps{display:grid;gap:10px}
@media(min-width:640px){.qg-helps{grid-template-columns:repeat(3,1fr)}}
.qg-helps>*{background:var(--cream2);border:1px solid var(--line);border-radius:14px;padding:17px 18px;color:inherit;display:block}
.qg-helps a:hover{border-color:var(--ink3)}
.qg-helps b{font-size:15px;font-weight:500}
.qg-helps p{font-size:13.5px;color:var(--ink2);margin:4px 0 0;line-height:1.5}
.qg-help,.qg-last{padding-bottom:84px}

/* ── v3 builder extras + recipe page ── */
.qq-opt.mod.sel{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.qq-opt.mod.sel b::after{content:" ✓"}
.qq-done{margin-top:10px}
@media(min-width:640px){.qq-done{grid-column:1/-1;justify-self:start}}
.rb-hero{position:relative;color:#F3E9DA;overflow:hidden;padding:84px 0 56px}
.rb-hero .bg{position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 20%,rgba(168,92,44,.3),transparent 70%),linear-gradient(180deg,#171110,#0E0B09)}
.rb-hero .grain{position:absolute;inset:0;opacity:.45;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}
.rb-hero .qr-col{position:relative;z-index:2}
.rb-hero .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#E8926B;margin-bottom:14px}
.rb-hero h1{font:400 clamp(34px,7.6vw,54px)/1.08 'Libre Baskerville',serif;margin:0 0 18px;letter-spacing:-.01em}
.rb-card{padding-top:52px}
.rb-grid{display:grid;gap:22px}
@media(min-width:680px){.rb-grid{grid-template-columns:minmax(0,340px) 1fr;gap:34px;align-items:start}}
.rb-im{border-radius:18px;overflow:hidden;aspect-ratio:1/1;background:var(--cream3)}
.rb-im img{width:100%;height:100%;object-fit:cover;display:block}
.rb-ings{margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:16px;background:var(--cream2);overflow:hidden}
.rb-ings li{padding:13px 18px;border-bottom:1px solid var(--line);font-size:15px}
.rb-ings li:last-child{border-bottom:0}
.rb-steps{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.rb-steps li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:baseline;background:var(--cream2);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.rb-steps li span{font:400 17px 'Libre Baskerville',serif;color:var(--ember)}
.rb-steps li p{margin:0;font-size:15px;line-height:1.55;color:var(--ink2);max-width:60ch}
.qg-certs{display:flex;gap:8px;flex-wrap:wrap}
.qg-certs span{font-size:12.5px;letter-spacing:.04em;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--cream2);color:var(--ink2)}
.qg-k-s{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#E8926B;margin:0 0 10px}
.qb{display:grid;gap:22px;background:#1B1512;color:#F3E9DA;border-radius:20px;padding:26px;align-items:center}
@media(min-width:720px){.qb{grid-template-columns:1fr 280px;padding:34px;gap:34px}}
.qb h3{font:400 26px/1.2 'Libre Baskerville',serif;margin:0 0 10px}
.qb p{font-size:14.5px;color:rgba(243,233,218,.72);line-height:1.55;margin:0 0 20px;max-width:52ch}
.qb .btn{background:#F3E9DA;color:#1B1512}
.qb-im{border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:#241A15}
.qb-im img{width:100%;height:100%;object-fit:cover;display:block}
.qo-grid{display:grid;gap:12px}
@media(min-width:680px){.qo-grid{grid-template-columns:repeat(3,1fr)}}
.qo{display:block;background:var(--cream2);border:1px solid var(--line);border-radius:16px;padding:12px 12px 16px;color:inherit;transition:transform .2s,border-color .2s}
.qo:hover{transform:translateY(-2px);border-color:var(--ink3)}
.qo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:var(--cream3);display:block}
.qo b{display:block;font:400 19px 'Libre Baskerville',serif;margin:12px 4px 4px}
.qo small{display:block;font-size:13.5px;color:var(--ink2);line-height:1.5;margin:0 4px 10px}
.qo .lnk{margin:0 4px;font-size:14px}

/* ── concept 2: picker hero ── */
.qc-hero{background:var(--cream);padding:72px 0 44px;text-align:left}
.qc-hero .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin-bottom:14px}
.qc-hero h1{font:400 clamp(36px,8.4vw,58px)/1.05 'Libre Baskerville',serif;margin:0 0 12px;letter-spacing:-.01em;max-width:16ch}
.qc-hero h1 em{font-style:italic;color:var(--ember)}
.qc-hero .sub{color:var(--ink2);font-size:16.5px;max-width:46ch;margin:0 0 34px}
.qc-hero .qp-grid{margin-bottom:8px}
.qc-note{font-size:13px;color:var(--ink3);margin-top:16px}

/* switcher strip once picked */
.qc-switch{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:14px 0}
.qc-switch::-webkit-scrollbar{display:none}
.qc-switch button{flex:none;font:inherit;font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--cream2);color:var(--ink2);cursor:pointer}
.qc-switch button.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}

/* ── concept 10: membership ── */
.qm-perks{background:#120E0C;color:#F3E9DA;--ink:#F3E9DA;--ink2:rgba(243,233,218,.7);--ink3:rgba(243,233,218,.45);--line:rgba(243,233,218,.14);--cream2:#1C1512;--cream3:#241A15;padding:72px 0 80px}
.qm-perks .qg-k span{color:#E8926B}
.qm-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(max-width:560px){.qm-grid{grid-template-columns:1fr}}
.qm-perk{background:#1C1512;border:1px solid rgba(243,233,218,.12);border-radius:18px;overflow:hidden}
.qm-perk .qg-im{aspect-ratio:16/9;border-radius:0}
.qm-perk>div:last-child{padding:16px 18px 18px}
.qm-perk b{font-size:16px;font-weight:500;display:block}
.qm-perk small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#E8926B;margin-bottom:7px}
.qm-perk p{font-size:14px;color:rgba(243,233,218,.68);line-height:1.5;margin:5px 0 0}
.qm-claim{margin-top:34px;background:#1C1512;border:1px solid rgba(243,233,218,.14);border-radius:18px;padding:24px 20px}
@media(min-width:640px){.qm-claim{padding:30px 32px}}
.qm-claim h3{font:400 22px/1.25 'Libre Baskerville',serif;margin:0 0 6px}
.qm-claim p{font-size:14.5px;color:rgba(243,233,218,.68);margin:0 0 18px;max-width:52ch;line-height:1.55}
.qm-form{display:flex;gap:10px;flex-wrap:wrap}
.qm-form input{flex:1;min-width:200px;background:transparent;border:1px solid rgba(243,233,218,.25);border-radius:999px;padding:14px 20px;color:#F3E9DA;font:inherit;font-size:15px}
.qm-form input::placeholder{color:rgba(243,233,218,.4)}
.qm-form button{font:inherit;font-weight:500;font-size:15px;padding:14px 26px;border-radius:999px;border:0;background:#F3E9DA;color:#1B1512;cursor:pointer}
.qm-fn{font-size:12px;color:rgba(243,233,218,.4);margin:14px 0 0}

/* ── specificity armor: v3.css styles bare elements (.v3 p, .v3 a, .v3 h1…) at (0,1,1),
     which beats any single class. Everything on the QR lander that must hold its own
     margin or color against those rules is re-stated here with a .v3 prefix. ── */
.v3 .qx-founder .k{margin:0 0 18px}
.v3 .qx-founder h1{margin:0 0 22px}
.v3 .qx-preview{font:italic 400 clamp(17px,4.6vw,20px)/1.55 'Libre Baskerville',serif;color:rgba(243,233,218,.85);margin:0 auto 52px;max-width:42ch}
.v3 .qx-sig{margin:32px 0 6px}
.v3 .qx-role{margin:0}
.v3 a.qt-tile,.v3 a.st2-row,.v3 a.st3-card,.v3 a.st6-tk,.v3 a.st8-pill,.v3 a.st10-card{color:#1B1512}
.v3 a.st4-row,.v3 a.st7-row,.v3 a.st9-card,.v3 a.st5-card,.v3 a.qf-row{color:#F3E9DA}
.v3 .qf-sub{margin:0 auto 20px}
.v3 .qf-line{margin:0 0 30px}
.v3 .qf.f5 .qf-line{margin:30px 0 0}
.v3 .qf-mantra{margin:0 0 12px}
.v3 .qf-ok{margin:16px 0 0}
.v3 .qf-legal{margin-top:44px}
.v3 .st8-it p{margin:10px 4px 0}

/* refinements from the first render: tighter rows, legible posters */
.st2-row{grid-template-columns:62px 1fr;gap:14px;position:relative;padding:14px 40px 14px 14px}
.st2-im{width:62px;height:62px}
.st2-ar{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.st2-tx b{font-size:18px}
.st2-tx p{font-size:13px}
.st4-row{grid-template-columns:32px 1fr;gap:12px;position:relative;padding:22px 34px 22px 2px}
.st4-ar{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
.st5-shade{background:linear-gradient(180deg,rgba(10,7,5,.12) 28%,rgba(10,7,5,.72) 58%,rgba(10,7,5,.95) 95%)}
.st5-tx b,.st5-tx p{text-shadow:0 1px 10px rgba(10,7,5,.65)}
/* buttons and anchors size to content — force every option card to fill the column */
.st2-row,.st3-card,.st4-row,.st5-card,.st6-tk,.st9-card,.st10-card,.st7-hero,.st8-pill,.qt-tile{width:100%}
/* the base .qx is display:flex (hero centering); as a flex item the column shrank to fit
   its widest line, drifting off-center as the viewport grew. The founder lander is a
   normal block flow. */
.qx-founder{display:block}

/* full-width image break between the index and the footer, blended into the dark ground */
.qx-break{position:relative;width:100%;margin-top:120px;overflow:hidden}
.qx-break img{display:block;width:100%;height:clamp(300px,52vw,520px);object-fit:cover}
.qx-break::before,.qx-break::after{content:"";position:absolute;left:0;right:0;height:26%;pointer-events:none}
.qx-break::before{top:0;background:linear-gradient(180deg,rgba(13,10,8,.85),transparent)}
.qx-break::after{bottom:0;background:linear-gradient(0deg,rgba(13,10,8,.85),transparent)}
.qf.f5{padding-top:56px}
/* social links */
.qf-social{display:flex;gap:26px;justify-content:center;margin-top:44px}
.v3 .qf-social a,.qf-social a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,233,218,.6);border-bottom:1px solid transparent;padding-bottom:2px}
.v3 .qf-social a:hover,.qf-social a:hover{color:#F3E9DA;border-color:rgba(243,233,218,.4)}
/* light break image: crisp band, no dark fades */
.qx-break.lite::before,.qx-break.lite::after{display:none}
.qx-break.lite img{height:clamp(260px,46vw,480px)}

/* ════ RESULT PAGE v2 (7 Oct): no orange, consistent rhythm, 2.0 breaks ════ */

/* lock the look: hide the site look switcher on this page */
body[data-page="qr1"] .look-sw{display:none!important}

/* ── no-orange sweep: every ember/clay accent on the QR pages goes neutral ── */
.qrp .qg-k span{color:#8A7A66}
.qrp .rb-hero .k,.qrp .qg-cover .k,.qrp .qx-founder .k{color:rgba(243,233,218,.55)}
.qrp .qg-tr span{color:var(--ink)}
.qrp .rb-steps li span{color:var(--ink3)}
.qrp .qg-k-s{color:rgba(243,233,218,.55)}
.qrp .qq-prog i.on,.qrp .qq-bind .dots i{background:#1B1512}
.qrp .st4-n{color:rgba(243,233,218,.5)}
.qrp .qt-tile i,.qrp .st3-im i,.qrp .st5-tx i,.qrp .st7-tx i{background:#1B1512;color:#F3E9DA}
.qrp .st6-no b{color:#1B1512}
.qrp .st6-tk.feat .st6-no{background:#1B1512}
.qrp .st6-tk.feat .st6-no em,.qrp .st6-tk.feat .st6-no b{color:#F3E9DA}
.qrp .st8-pill.feat{background:#1B1512;color:#F3E9DA}
.qrp .st8-pill.feat span{color:rgba(243,233,218,.7)}
.qrp .st9-dot{background:rgba(243,233,218,.55)}
.qrp .st9-card.feat{border-color:rgba(243,233,218,.55)}
.qrp .st10-ic{color:#1B1512}
.qrp .st10-card.feat .st10-ic{background:#1B1512;color:#F3E9DA}
.qrp .st2-row.feat{outline-color:#1B1512}
.qrp .qf-ok{color:#F3E9DA}
.qrp .qq .k{color:var(--ink3)}
/* the 2.0 expect card, de-orangea */
.qrp .ex .ex-tabs button.on{background:#F3E9DA;border-color:#F3E9DA;color:#1B1512}
.qrp .ex .ex-n{color:rgba(243,233,218,.55)}
.qrp .ex .ex-b.us em,.qrp .ex .ex-b em{background:#F3E9DA}
.qrp .ex .ex-b.us b{color:#F3E9DA}

/* ── result hero: small logo + description, tighter ── */
.rb-logo{display:block;width:120px;margin:0 auto 44px}
.rb-hero{padding:56px 0 60px}
.rb-hero .qr-col{text-align:center}
.v3 .rb-desc,.rb-desc{font-size:16px;line-height:1.6;color:rgba(243,233,218,.72);max-width:48ch;margin:0 auto 26px}
.rb-hero .qg-chips{justify-content:center}
.v3 .rb-hero h1{margin:0 0 16px}
.v3 .rb-hero .k{margin:0 0 14px}

/* uniform section rhythm on the result page */
.qg{padding-bottom:0}
.qg .qg-sec{padding:96px 0 0}
.qg .qr-col>.qg-sec:first-child{padding-top:64px}
.qg .qg-fn{margin-top:16px}
.v3 .qg-k h2{margin:0 0 20px}
.v3 .qg-lede{margin:-4px 0 28px}

/* recipe photo: full column width, consistent */
.rv-ph{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--cream3);margin:0 0 28px}
.rv-ph img{width:100%;height:100%;object-fit:cover;display:block}

/* recipe lab strip (fixed, like the earlier rounds) */
.rlab{top:10px}

/* rv2 · index card */
.rv2-card{background:var(--cream2);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.rv2-head{padding:0 0 22px;border-bottom:1px solid var(--line);text-align:center}
.rv2-head .rv-ph.in-card{border-radius:0;margin:0 0 22px;aspect-ratio:16/9}
.rv2-head h3{font:400 26px/1.2 'Libre Baskerville',serif;margin:0 0 6px}
.rv2-head span{font-size:13px;color:var(--ink3)}
.rv2-grid{display:grid;gap:0}
@media(min-width:680px){.rv2-grid{grid-template-columns:5fr 7fr}}
.rv2-grid>div{padding:24px 24px 30px}
@media(min-width:680px){.rv2-grid>div+div{border-left:1px solid var(--line)}}
@media(max-width:679px){.rv2-grid>div+div{border-top:1px solid var(--line)}}
.rv2-grid h4,.rv5 h4,.rv6-h,.rv8-card h4{font:400 13px 'Chivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8A7A66;margin:0 0 14px}
.rv2-grid ul{margin:0;padding:0;list-style:none}
.rv2-grid ul li{padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.rv2-grid ul li:last-child{border-bottom:0}
.rv2-grid ol{margin:0;padding:0 0 0 22px;font-size:15px;line-height:1.6}
.rv2-grid ol li{margin-bottom:14px;color:var(--ink2)}

/* rv3 · checklist */
.rv3{display:grid;gap:8px}
.rv3-row{display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start;width:100%;text-align:left;background:var(--cream2);border:1px solid var(--line);border-radius:14px;padding:15px 16px;font:inherit;color:inherit;cursor:pointer;transition:opacity .2s}
.rv3-row i{width:22px;height:22px;border:1.5px solid var(--ink3);border-radius:7px;margin-top:1px;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .15s}
.rv3-row i::after{content:"✓";font-size:13px}
.rv3-row span{font-size:15px;line-height:1.55}
.rv3-row.done{opacity:.45}
.rv3-row.done i{background:#1B1512;border-color:#1B1512;color:#F3E9DA}
.rv3-row.done span{text-decoration:line-through}

/* rv4 · cook mode stepper */
.rv4{background:var(--cream2);border:1px solid var(--line);border-radius:20px;padding:22px 22px 26px}
.rv4-ing{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:8px}
.rv4-ing summary{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);cursor:pointer}
.rv4-ing ul{margin:14px 0 0;padding:0;list-style:none}
.rv4-ing ul li{padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.rv4-ing ul li:last-child{border-bottom:0}
.rv4-stage{min-height:190px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:18px 6px}
.rv4-count{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px;display:block}
.rv4-step{font:400 clamp(21px,5.4vw,26px)/1.45 'Libre Baskerville',serif;margin:0;color:var(--ink)}
.rv4-nav{display:flex;gap:10px;margin-top:8px}
.rv4-nav button{font:inherit;font-size:15px;font-weight:500;border-radius:999px;cursor:pointer;padding:14px 20px;border:1px solid var(--line);background:none;color:var(--ink)}
.rv4-nav [data-next]{flex:1;background:#1B1512;border-color:#1B1512;color:#F3E9DA}
.rv4-nav [data-prev]:disabled{opacity:.3;cursor:default}
.rv4-dots{display:flex;gap:6px;justify-content:center;margin-top:18px}
.rv4-dots i{width:6px;height:6px;border-radius:999px;background:var(--cream3)}
.rv4-dots i.on{background:#1B1512}

/* rv5 · split sticky photo */
@media(min-width:720px){.rv5{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.rv5-ph{position:sticky;top:84px}.rv5-ph .rv-ph{aspect-ratio:4/5;margin:0}}
.rv5 h4{margin-top:26px}
.rv5 h4:first-child{margin-top:0}

/* rv6 · ruled editorial (also used by 5 & 8) */
.rv6-ing{margin:0 0 8px;padding:0;list-style:none}
.rv6-ing li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.rv6-steps{margin:0;padding:0;list-style:none;counter-reset:rv6}
.rv6-steps li{counter-increment:rv6;position:relative;padding:16px 0 16px 44px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.6;color:var(--ink2)}
.rv6-steps li::before{content:counter(rv6);position:absolute;left:0;top:16px;font:400 17px 'Libre Baskerville',serif;color:var(--ink3)}
.rv6-steps.tight li{font-size:15px;padding:13px 0 13px 38px}
.rv6-h{margin-top:34px}
.rv6-h:first-child{margin-top:0}

/* rv7 · poster numbers */
.rv7-ing{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.rv7-ing span{font-size:13.5px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:var(--cream2);color:var(--ink2)}
.rv7{display:grid;gap:26px}
.rv7-row{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start}
.rv7-row b{font:400 52px/0.9 'Libre Baskerville',serif;color:var(--cream3);-webkit-text-stroke:1px var(--ink3)}
.rv7-row p{font-size:16.5px;line-height:1.6;color:var(--ink);margin:0;padding-top:6px}

/* rv8 · ledger */
.rv8-card{background:var(--cream2);border:1px solid var(--line);border-radius:20px;padding:24px}
.rv8{width:100%;border-collapse:collapse;margin-bottom:30px}
.rv8 td{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}
.rv8 td:first-child{width:112px;color:var(--ink3);font-size:13.5px;padding-right:14px}

/* rv9 · timeline rail */
.rv9-ing{background:var(--cream2);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.rv9-ing ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.rv9-ing li{font-size:15px}
.rv9{position:relative;padding-left:26px}
.rv9::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1.5px;background:var(--cream3)}
.rv9-row{position:relative;padding:0 0 26px}
.rv9-row:last-child{padding-bottom:0}
.rv9-dot{position:absolute;left:-26px;top:6px;width:15px;height:15px;border-radius:999px;background:var(--cream);border:2px solid var(--ink3)}
.rv9-row p{font-size:16px;line-height:1.6;color:var(--ink2);margin:0}

/* rv10 · kitchen mode */
.rv10{background:#1B1512;color:#F3E9DA;border-radius:22px;padding:30px 24px 34px}
.rv10-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,233,218,.5);margin:0 0 24px}
.rv10 h4{font:400 13px 'Chivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,233,218,.5);margin:0 0 14px}
.rv10 ul{margin:0 0 32px;padding:0;list-style:none}
.rv10 ul li{padding:11px 0;border-bottom:1px solid rgba(243,233,218,.15);font-size:17px}
.rv10 ol{margin:0;padding:0;list-style:none;counter-reset:kn}
.rv10 ol li{counter-increment:kn;position:relative;padding:0 0 22px 46px;font-size:18.5px;line-height:1.55}
.rv10 ol li::before{content:counter(kn,decimal-leading-zero);position:absolute;left:0;top:2px;font:400 15px 'Libre Baskerville',serif;color:rgba(243,233,218,.45)}

/* ── 2.0 ingredient grid ── */
.rb-ing{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:680px){.rb-ing{grid-template-columns:repeat(3,1fr)}}
.rb-ic{text-align:left;background:var(--cream2);border:1px solid var(--line);border-radius:16px;padding:10px 10px 14px;font:inherit;color:inherit;cursor:pointer;transition:transform .2s,border-color .2s}
.rb-ic:hover{transform:translateY(-2px);border-color:var(--ink3)}
.rb-ic .qr-im{aspect-ratio:1/1}
.rb-ic b{display:block;font:400 17px 'Libre Baskerville',serif;margin:11px 4px 2px}
.rb-ic small{display:block;font-size:12.5px;color:var(--ink3);margin:0 4px}

/* ── full-width breaks: photo band + overlapping light panel (2.0 home style) ── */
.qbrk{position:relative;margin-top:96px}
.qbrk-im{width:100%;overflow:hidden}
.qbrk-im img{display:block;width:100%;height:clamp(300px,52vw,480px);object-fit:cover}
.qbrk-wrap{max-width:640px;margin:-84px auto 0;padding:0 20px;position:relative;z-index:2}
.qbrk-panel{background:var(--cream2);border:1px solid var(--line);border-radius:20px;padding:30px 24px 32px;box-shadow:0 22px 50px rgba(27,21,18,.14)}
@media(min-width:680px){.qbrk-panel{padding:38px 36px 40px}}
.qbrk-k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8A7A66;margin:0 0 12px}
.qbrk-panel h3{font:400 clamp(25px,5.8vw,32px)/1.15 'Libre Baskerville',serif;margin:0 0 18px;letter-spacing:-.01em}
.v3 .qbrk-p,.qbrk-p{font-size:15.5px;line-height:1.6;color:var(--ink2);margin:0 0 20px;max-width:52ch}
.qbrk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:4px 0 14px}
.qbrk-stats b{display:block;font:400 clamp(30px,7vw,42px) 'Libre Baskerville',serif}
.qbrk-stats small{font-size:12.5px;color:var(--ink2);line-height:1.35;display:block;margin-top:4px}
.v3 .qbrk-fn,.qbrk-fn{font-size:12px;color:var(--ink3);margin:0}
.qbrk-rows{display:grid;gap:16px}
.qbrk-rows b{font-size:16px;font-weight:500}
.qbrk-rows p{font-size:14px;color:var(--ink2);line-height:1.55;margin:3px 0 0;max-width:52ch}
/* the expect card follows breaks with its own padding; give breaks → next col section breathing room */
.qbrk+ .qr-col>.qg-sec:first-child{padding-top:96px}
.qg .ex{margin-top:96px}

/* ── footer band: readable dark ground on light pages ── */
.qf-band{position:relative;background:linear-gradient(180deg,#191210,#0D0A08);margin-top:110px;overflow:hidden}
.qf-band::after{content:"";position:absolute;inset:0;opacity:.4;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}
.qf-band .qf{position:relative;z-index:2;padding-top:88px}
/* expect card: remaining ember details → cream (QR pages are orange-free) */
.v3.qrp .ex h2 em{color:#F3E9DA}
.v3.qrp .ex-k{color:rgba(243,233,218,.55)}
.v3.qrp .ex-l li:before{background:rgba(243,233,218,.6)}
.v3.qrp .ex-b.us em{background:#F3E9DA}
/* coconut creamer callout under the recipe */
.rb-cream{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center;background:var(--cream2);border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:34px;color:inherit;transition:transform .2s,border-color .2s}
@media(min-width:640px){.rb-cream{grid-template-columns:140px 1fr;padding:16px;gap:24px}}
.rb-cream:hover{transform:translateY(-2px);border-color:var(--ink3)}
.v3 a.rb-cream{color:#1B1512}
.rb-cream .qr-im{aspect-ratio:1/1}
.rb-cream-tx small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:5px}
.rb-cream-tx b{display:block;font:400 19px 'Libre Baskerville',serif;margin-bottom:5px}
.rb-cream-tx p{font-size:13.5px;color:var(--ink2);line-height:1.5;margin:0 0 9px;max-width:46ch}
.rb-cream-tx em{font-style:normal;font-size:14px}
/* App Store badge in the footer */
.qf-appb{margin-top:40px}
.v3 .qf-appb p,.qf-appb p{font-size:14px;color:rgba(243,233,218,.6);margin:0 0 14px}
.qf-appb img{display:inline-block;height:50px;width:auto;transition:opacity .2s}
.qf-appb a:hover img{opacity:.85}

/* product detail page */
.pd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;margin:0 0 40px;border-top:1px solid rgba(243,233,218,.18);border-bottom:1px solid rgba(243,233,218,.18);padding:22px 0}
.pd-stats b{display:block;font:400 clamp(26px,7vw,34px) 'Libre Baskerville',serif;color:#F3E9DA}
.pd-stats small{font-size:12px;letter-spacing:.06em;color:rgba(243,233,218,.55)}
.qx-story strong{color:#F3E9DA;font-weight:500}
.pd-acts{justify-content:center;margin-top:32px;padding-bottom:84px}
.pd-shop{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#1B1512;color:#F3E9DA;border-radius:20px;padding:26px 24px}
.v3 a.pd-shop{color:#F3E9DA}
.pd-shop small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(243,233,218,.55);margin-bottom:4px}
.pd-shop b{font:400 22px 'Libre Baskerville',serif}
.pd-shop em{font-style:normal;font-size:14px;white-space:nowrap;border-bottom:1px solid rgba(243,233,218,.4)}

/* typographic ingredient tile (no AI imagery on customer pages) */
.rb-ty{display:flex!important;align-items:center;justify-content:center;background:#EDE2CE;padding:12px;text-align:center}
.rb-ty em{font:italic 400 14px/1.35 'Libre Baskerville',serif;color:#6E6256}

/* company page: values + caffeine history on the dark ground */
.v3 .qx-lead,.qx-lead{font:italic 400 18px/1.5 'Libre Baskerville',serif;color:rgba(243,233,218,.85);margin:0 0 26px}
.cs-list{text-align:left;border-top:1px solid rgba(243,233,218,.18)}
.cs-row{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(243,233,218,.18)}
.cs-row span{font:400 15px 'Libre Baskerville',serif;color:rgba(243,233,218,.5);padding-top:2px}
.cs-row b{display:block;font:400 19px 'Libre Baskerville',serif;color:#F3E9DA;margin-bottom:4px}
.v3 .cs-row p,.cs-row p{font-size:14.5px;line-height:1.55;color:rgba(243,233,218,.68);margin:0}
/* specimen-label tile for ingredients without a real photo yet */
.rb-ty{flex-direction:column;gap:6px;background:#2A1F18!important;border:1px solid rgba(243,233,218,.12)}
.rb-ty small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,233,218,.45)}
.rb-ty strong{font:400 22px/1.15 'Libre Baskerville',serif;color:#F3E9DA}
.rb-ty em{font:italic 400 13px/1.35 'Libre Baskerville',serif;color:rgba(243,233,218,.6)}

/* ── unified top bar (every screen after the lander) ── */
.qnav{position:sticky;top:0;z-index:70;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;padding:0 16px;background:rgba(14,10,8,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(243,233,218,.1)}
.qnav img{height:20px;width:auto;display:block}
.qnav-b{justify-self:start;background:none;border:0;padding:8px 4px;font:inherit;font-size:14.5px;color:#F3E9DA;cursor:pointer;min-height:44px}
.qnav-b:hover{opacity:.75}
/* heroes no longer carry their own logo; trim the top padding they reserved for it */
.rb-hero{padding-top:48px}
.qx-founder .qx-col:first-child{padding-top:84px}

/* founder signoff: left-aligned with the story text */
.qx-signoff{text-align:left}
.qx-signoff .qx-sig{margin-top:28px}

/* story page: single CTA after the films */
.st-cta{justify-content:center;margin-top:44px;padding-bottom:96px}

/* top bar: back · logo (home) · Home */
.qnav-logo{justify-self:center;background:none;border:0;padding:6px;cursor:pointer;display:flex}
.qnav-h{justify-self:end;background:none;border:0;padding:8px 4px;font:inherit;font-size:14.5px;color:#F3E9DA;cursor:pointer;min-height:44px}
.qnav-h:hover,.qnav-logo:hover{opacity:.75}
/* every screen eases in */
@media (prefers-reduced-motion:no-preference){#qrapp.qin>*{animation:qin .45s cubic-bezier(.2,.7,.2,1) both}#qrapp.qin>*:nth-child(2){animation-delay:.05s}#qrapp.qin>*:nth-child(3){animation-delay:.1s}}
@keyframes qin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#qrapp.qin>.qnav{animation:none}

/* footer rhythm: one consistent gap above the sunrise, and a sun you can actually see */
.v3 .qf.f5{padding-top:72px}
.qf-band .qf.f5{padding-top:80px}
.qf-sun{width:220px;height:96px;margin:0 auto 22px;background:radial-gradient(closest-side at 50% 100%,rgba(232,146,107,.95) 0%,rgba(232,146,107,.45) 40%,rgba(232,146,107,.12) 62%,transparent 74%)}
/* story page closer: a real button, no stacked padding */
.st-cta{display:flex;justify-content:center;margin-top:48px;padding-bottom:24px}
.v3 .st-btn,.st-btn{background:#F3E9DA;color:#1B1512;padding:16px 30px;font-size:15.5px}
/* lander: break image → footer */
.qx-break.lite+.qf.f5{padding-top:72px}
.qf-band{margin-top:56px}
.qg .qg-last{padding-bottom:24px}
/* the sun: explicit ellipse (closest-side from the bottom edge collapsed it to 0) */
.qf-sun{width:240px;height:110px;margin:0 auto 18px;background:radial-gradient(ellipse 120px 110px at 50% 100%,rgba(240,160,112,.95) 0%,rgba(232,146,107,.55) 35%,rgba(232,146,107,.18) 65%,transparent 100%);filter:blur(1px)}
/* footer: no sun; one even gap above the sign-off on every page */
.v3 .qf.f5,.qx-break.lite+.qf.f5{padding-top:96px}
.qf-band .qf.f5{padding-top:88px}
.qf-band{margin-top:48px}
.qf-band{margin-top:24px}
.qf-band .qf.f5{padding-top:72px}
.qg .qr-col>.qg-last:last-child{padding-bottom:0}

/* ── review pass (7 Oct): readability, tap targets, recipe header ── */
/* small labels on cream: darker so they pass contrast */
.qrp .qg-k span,.qrp .qbrk-k,.qrp .rv6-h,.qrp .qg-n,.qrp .rb-cream-tx small{color:#6E6256}
.qrp .rb-ic small,.qrp .qg-fn,.qrp .qbrk-fn{color:#6E6256}
.qrp .qg-fn a{color:#1B1512}
/* micro labels no smaller than 12px */
.qrp .k,.qrp .qx-role,.qrp .qg-k span,.qrp .qbrk-k,.qrp .rb-cream-tx small{font-size:12px}
/* thumb-sized tap targets */
.v3 .qnav-h,.v3 .qnav-b{min-height:44px;display:inline-flex;align-items:center}
.v3 .qf-social a,.qf-social a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.qf-appb a{display:inline-block;padding:4px}
.qg-fn a{display:inline-block;padding:10px 0}
/* recipe header: answers as text, one clear action */
.v3 .rb-ans,.rb-ans{font-size:14px;letter-spacing:.02em;color:rgba(243,233,218,.6);margin:0 0 24px}
.rb-acts{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}
.v3 .rb-acts .btn.light{background:#F3E9DA;color:#1B1512}
.rb-link{background:none;border:0;font:inherit;font-size:14.5px;color:rgba(243,233,218,.75);border-bottom:1px solid rgba(243,233,218,.35);padding:12px 0 2px;cursor:pointer}
.rb-photo{max-width:640px;margin:-28px auto 0;padding:0 24px;position:relative;z-index:2}
.rb-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:0 18px 40px rgba(27,21,18,.18)}
.rb-hero{padding-bottom:72px}
.qg .qr-col>.rv:first-child{padding-top:48px}
/* beat the site-wide look stylesheet on the QR pages */
html.look-hd .qrp .k{font-size:12px}
html.look-hd .qrp .qnav .qnav-h,html.look-hd .qrp .qnav .qnav-b{min-height:44px;padding:0 6px}
html.look-hd .qrp .rb-link{min-height:44px;padding:12px 0 4px}
html.look-hd .qrp .pd-acts button{min-height:46px}
html.look-hd .qrp .qnav .qnav-logo,.qnav-logo{min-height:44px;align-items:center}

/* ── one vertical rhythm: 72px between major blocks, everywhere ── */
.v3.qrp .qx-startsec{padding-bottom:0}
.v3.qrp .qx-break{margin-top:72px}
.v3.qrp .qf.f5,.v3.qrp .qx-break.lite+.qf.f5{padding-top:72px}
.v3.qrp .qf-band{margin-top:0}
.v3.qrp .qf-band .qf.f5{padding-top:72px}
.v3.qrp .st-cta{padding-bottom:0}
.v3.qrp .qg .qr-col>.qg-last:last-child{padding-bottom:72px}
/* footer inner steps: 12 · 24 · 40 */
.v3.qrp .qf-sub{margin:0 auto 24px}