:root{
  --tn-ink:#11110f;
  --tn-surface:#1b1b18;
  --tn-surface-2:#24231f;
  --tn-copper:#ce873d;
  --tn-ivory:#f6f0e7;
  --tn-muted:rgba(246,240,231,.68);
  --tn-faint:rgba(246,240,231,.12);
  --tn-sage:#829879;
  --tn-blue:#7599b0;
  --tn-coral:#d97861;
  --tn-accent:var(--tn-copper);
}
body{background:var(--tn-ink);color:var(--tn-ivory)}
body[data-tonight-mood="challenge"]{--tn-accent:var(--tn-copper)}
body[data-tonight-mood="teach"]{--tn-accent:var(--tn-blue)}
body[data-tonight-mood="coast"]{--tn-accent:var(--tn-sage)}
body[data-tonight-mood="surprise"]{--tn-accent:var(--tn-coral)}
[hidden]{display:none!important}
button,input{letter-spacing:0}
.tn-page{min-height:80vh;overflow:hidden;overflow-anchor:none;padding:0 22px 90px}
.tn-hero{position:relative;isolation:isolate;display:grid;min-height:570px;width:100vw;margin-left:calc(50% - 50vw);place-items:center;overflow:hidden;text-align:center}
.tn-hero-image,.tn-hero-shade{position:absolute;inset:0}
.tn-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.015);animation:tnHeroIn 1.2s ease both}
.tn-hero-shade{z-index:1;background:linear-gradient(180deg,rgba(10,10,9,.36),rgba(10,10,9,.44) 42%,rgba(17,17,15,.97) 100%),linear-gradient(90deg,rgba(10,10,9,.54),rgba(10,10,9,.08) 50%,rgba(10,10,9,.54))}
.tn-hero-inner{position:relative;z-index:2;width:min(900px,calc(100% - 44px));padding:88px 0 58px}
.tn-eyebrow,.tn-step-number,.tn-pattern-kicker,.tn-decision-kicker{margin:0 0 13px;font:700 10px/1.2 'DM Sans',sans-serif;letter-spacing:2.3px;text-transform:uppercase;color:var(--tn-accent)}
.tn-hero .tn-eyebrow{color:#efaa5f;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.tn-hero h1{max-width:850px;margin:0 auto;font:400 86px/.88 'Instrument Serif',serif;letter-spacing:0;color:var(--tn-ivory);text-shadow:0 4px 35px rgba(0,0,0,.6)}
.tn-hero h1 em{font-weight:400;color:#e79a4d}
.tn-hero-copy{margin:22px auto 0;font:400 28px/1.25 'Instrument Serif',serif;color:var(--tn-ivory);text-shadow:0 2px 18px rgba(0,0,0,.75)}
.tn-hero-proof{display:flex;justify-content:center;margin:22px auto 0;color:rgba(246,240,231,.78);font:600 10px/1.2 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1.4px}
.tn-hero-proof span{padding:0 16px;border-right:1px solid rgba(246,240,231,.3)}
.tn-hero-proof span:last-child{border-right:0}
@keyframes tnHeroIn{from{opacity:0;transform:scale(1.055)}to{opacity:1;transform:scale(1.015)}}

.tn-home-pattern{max-width:900px;margin:-28px auto 42px;padding:25px 29px;position:relative;z-index:3;border-left:3px solid var(--tn-accent);background:#1c1c19;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.tn-pattern-home-copy{margin:0 0 9px;font:400 22px/1.35 'Instrument Serif',serif;color:var(--tn-ivory)}
.tn-outcome{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);max-width:980px;min-height:320px;margin:-20px auto 44px;overflow:hidden;border:1px solid rgba(246,240,231,.14);border-radius:7px;background:var(--tn-surface);box-shadow:0 24px 70px rgba(0,0,0,.36)}
.tn-outcome-art{position:relative;min-height:320px;overflow:hidden}
.tn-outcome-art img,.tn-outcome-art span{position:absolute;inset:0;width:100%;height:100%}
.tn-outcome-art img{object-fit:cover}
.tn-outcome-art span{background:linear-gradient(90deg,transparent 52%,var(--tn-surface) 100%),linear-gradient(0deg,rgba(17,17,15,.54),transparent 62%)}
.tn-outcome-copy{align-self:center;padding:38px 42px}
.tn-outcome h2{max-width:610px;margin:0;color:var(--tn-ivory);font:400 40px/1.04 'Instrument Serif',serif}
.tn-outcome-copy>p:nth-of-type(2){max-width:54ch;margin:13px 0 20px;color:var(--tn-muted);font:400 13px/1.55 'DM Sans',sans-serif}
.tn-outcome-actions{display:flex;flex-wrap:wrap;gap:8px}
.tn-outcome-actions button{min-height:42px;padding:0 15px;border:1px solid rgba(246,240,231,.2);border-radius:5px;background:rgba(246,240,231,.04);color:var(--tn-ivory);font:600 11px/1 'DM Sans',sans-serif;cursor:pointer}
.tn-outcome-actions button:hover,.tn-outcome-actions button:focus-visible{border-color:var(--tn-accent);background:var(--tn-accent);color:var(--tn-ink);outline:none}
.tn-outcome-status{min-height:18px;margin:13px 0 0;color:var(--tn-accent);font:600 11px/1.4 'DM Sans',sans-serif}
.tn-outcome-failure{margin-top:18px;padding-top:16px;border-top:1px solid var(--tn-faint)}
.tn-outcome-failure>p{margin:0 0 10px;color:var(--tn-ivory);font:700 10px/1.2 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1.5px}
#tnOutcomeSkip{margin-top:6px}
.tn-ritual{max-width:1160px;margin:0 auto;padding:31px 0 58px}
.tn-progress{display:flex;justify-content:center;gap:38px;list-style:none;padding:0;margin:0 0 34px;color:rgba(246,240,231,.35);font:600 10px/1 'DM Sans',sans-serif;letter-spacing:1.3px;text-transform:uppercase}
.tn-progress li{display:flex;align-items:center;gap:8px}
.tn-progress span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(246,240,231,.2);border-radius:50%;font-size:9px}
.tn-progress li.active{color:var(--tn-ivory)}
.tn-progress li.active span{color:var(--tn-ink);background:var(--tn-accent);border-color:var(--tn-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--tn-accent) 14%,transparent)}
.tn-step{display:none;scroll-margin-top:86px;animation:tnEnter .42s ease}
.tn-step.active{display:block}
@keyframes tnEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.tn-step-head{max-width:740px;margin:0 auto 28px;text-align:center}
.tn-step-head h2{margin:0;font:400 56px/1 'Instrument Serif',serif;color:var(--tn-ivory)}
.tn-step-head>p:last-child{margin:14px auto 0;font:400 14px/1.55 'DM Sans',sans-serif;color:var(--tn-muted)}

.tn-need-list{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tn-need{position:relative;isolation:isolate;min-height:248px;display:grid;grid-template-columns:40px 1fr auto;align-items:end;gap:12px;overflow:hidden;padding:24px;border:1px solid rgba(246,240,231,.13);border-radius:7px;background:var(--tn-surface);color:var(--tn-ivory);font-family:'DM Sans',sans-serif;text-align:left;cursor:pointer;transition:border-color .22s,transform .22s,box-shadow .22s}
.tn-need-art,.tn-need-shade{position:absolute;inset:0}
.tn-need-art{z-index:-2}
.tn-need-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .4s ease;filter:saturate(.82) contrast(1.04)}
.tn-need-shade{z-index:-1;background:linear-gradient(180deg,rgba(12,12,11,.06),rgba(12,12,11,.28) 38%,rgba(12,12,11,.95) 100%)}
.tn-need:hover,.tn-need:focus-visible{border-color:color-mix(in srgb,var(--tn-accent) 76%,white);transform:translateY(-3px);box-shadow:0 22px 45px rgba(0,0,0,.34);outline:none}
.tn-need:hover .tn-need-art img,.tn-need:focus-visible .tn-need-art img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}
.tn-need-index{color:#f0aa60;font-size:10px;font-weight:700;letter-spacing:1.5px}
.tn-need-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.tn-need-copy strong{font:400 32px/1.04 'Instrument Serif',serif;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.tn-need-copy small{font-size:13px;line-height:1.5;color:rgba(246,240,231,.82)}
.tn-need-arrow{align-self:center;color:#f0aa60;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}

.tn-back{display:block;margin:0 auto 23px;border:0;background:transparent;color:var(--tn-muted);font:600 11px/1 'DM Sans',sans-serif;cursor:pointer}
.tn-back:hover{color:var(--tn-ivory)}
.tn-mood-carry{position:relative;isolation:isolate;display:flex;align-items:end;min-height:235px;max-width:980px;margin:0 auto 35px;overflow:hidden;border:1px solid var(--tn-faint);border-radius:7px;padding:30px}
.tn-mood-carry>img,.tn-mood-carry-shade{position:absolute;inset:0;width:100%;height:100%}
.tn-mood-carry>img{z-index:-2;object-fit:cover;object-position:center}
.tn-mood-carry-shade{z-index:-1;background:linear-gradient(90deg,rgba(10,10,9,.9),rgba(10,10,9,.45) 58%,rgba(10,10,9,.12)),linear-gradient(0deg,rgba(10,10,9,.65),transparent 70%)}
.tn-mood-carry p{margin:0 0 5px;color:var(--tn-accent);font:700 9px/1.2 'DM Sans',sans-serif;letter-spacing:1.7px;text-transform:uppercase}
.tn-mood-carry strong{display:block;max-width:600px;font:400 46px/.98 'Instrument Serif',serif;color:var(--tn-ivory);text-shadow:0 2px 20px rgba(0,0,0,.7)}
.tn-time-list{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.tn-time{position:relative;min-height:154px;overflow:hidden;padding:19px 16px;border:1px solid var(--tn-faint);border-radius:6px;background:var(--tn-surface);color:var(--tn-ivory);font-family:'DM Sans',sans-serif;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.tn-time::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--tn-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.tn-time:hover,.tn-time:focus-visible{border-color:color-mix(in srgb,var(--tn-accent) 58%,transparent);transform:translateY(-2px);outline:none}
.tn-time.selected{border-color:var(--tn-accent);background:color-mix(in srgb,var(--tn-accent) 12%,var(--tn-surface))}
.tn-time.selected::after{transform:scaleX(1)}
.tn-time-mark{display:block;margin-bottom:20px;color:var(--tn-accent);font:400 36px/.9 'Instrument Serif',serif}
.tn-time strong{display:block;font:400 21px/1.05 'Instrument Serif',serif}
.tn-time small{display:block;margin-top:8px;color:var(--tn-muted);font-size:10px;line-height:1.4}
.tn-services{max-width:900px;margin:28px auto 30px;padding-top:23px;border-top:1px solid var(--tn-faint)}
.tn-services-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px}
.tn-services-head>div{display:flex;flex-direction:column;gap:4px}
.tn-services-head span{font:600 12px/1.2 'DM Sans',sans-serif;color:var(--tn-ivory)}
.tn-services-head small{font:400 10px/1.4 'DM Sans',sans-serif;color:var(--tn-muted)}
.tn-service-clear{border:0;background:transparent;color:var(--tn-accent);font:600 11px/1 'DM Sans',sans-serif;cursor:pointer}
.tn-service-chips{display:flex;flex-wrap:wrap;gap:7px}
.tsv-chip{min-height:36px;padding:0 13px;border:1px solid rgba(246,240,231,.15);border-radius:5px;background:transparent;color:var(--tn-muted);font:500 11px/1 'DM Sans',sans-serif;cursor:pointer}
.tsv-chip:hover{border-color:color-mix(in srgb,var(--tn-accent) 54%,transparent);color:var(--tn-ivory)}
.tsv-chip.on{border-color:var(--tn-accent);background:var(--tn-accent);color:var(--tn-ink);font-weight:700}
.tn-primary,.tn-secondary{min-height:52px;border-radius:6px;padding:0 22px;font:700 13px/1 'DM Sans',sans-serif;cursor:pointer}
.tn-primary{display:block;width:100%;max-width:900px;margin:0 auto;border:1px solid var(--tn-accent);background:var(--tn-accent);color:var(--tn-ink)}
.tn-primary:hover:not(:disabled){filter:brightness(1.08)}
.tn-primary:disabled{opacity:.32;cursor:not-allowed}
.tn-secondary{border:1px solid rgba(246,240,231,.22);background:transparent;color:var(--tn-ivory)}
.tn-secondary:hover{border-color:rgba(246,240,231,.56)}

.tn-loading{position:relative;isolation:isolate;display:grid;min-height:min(720px,calc(100vh - 70px));max-width:1000px;margin:0 auto;place-items:center;overflow:hidden;border-radius:7px}
.tn-loading>img,.tn-loading-shade{position:absolute;inset:0;width:100%;height:100%}
.tn-loading>img{z-index:-2;object-fit:cover;animation:tnLoadingZoom 2.4s ease both}
.tn-loading-shade{z-index:-1;background:rgba(10,10,9,.63)}
.tn-loading-copy{width:min(620px,calc(100% - 42px));text-align:center}
.tn-loading-copy h2{margin:0 0 28px;font:400 54px/.98 'Instrument Serif',serif;color:var(--tn-ivory);text-shadow:0 3px 24px rgba(0,0,0,.7)}
.tn-loading-line{display:block;width:min(420px,75vw);height:3px;margin:0 auto;background:rgba(246,240,231,.16);overflow:hidden}
.tn-loading-line::after{content:"";display:block;width:38%;height:100%;background:var(--tn-accent);animation:tnScan 1.05s ease-in-out infinite}
.tn-loading p:last-child{margin:18px 0 0;color:rgba(246,240,231,.82);font:600 11px/1.4 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1.3px}
@keyframes tnScan{0%{transform:translateX(-105%)}100%{transform:translateX(370%)}}
@keyframes tnLoadingZoom{from{transform:scale(1)}to{transform:scale(1.04)}}

.tn-decision-cinema{position:relative;isolation:isolate;display:flex;align-items:end;min-height:610px;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}
.tn-decision-cinema>img,.tn-decision-cinema-shade{position:absolute;inset:0;width:100%;height:100%}
.tn-decision-cinema>img{z-index:-2;object-fit:cover;object-position:center 35%;animation:tnReveal 1s ease both;transition:transform .8s,filter .6s}
.tn-decision-cinema-shade{z-index:-1;background:linear-gradient(180deg,rgba(9,9,8,.16),rgba(9,9,8,.3) 45%,rgba(17,17,15,.98) 100%),linear-gradient(90deg,rgba(9,9,8,.54),transparent 52%,rgba(9,9,8,.32))}
@keyframes tnReveal{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
.tn-person-read{width:min(980px,calc(100% - 44px));margin:0 auto;padding:0 0 108px;text-align:left}
.tn-person-read>p:last-child{max-width:790px;margin:0;font:400 52px/1.02 'Instrument Serif',serif;color:var(--tn-ivory);text-shadow:0 3px 28px rgba(0,0,0,.78)}
.tn-decision{position:relative;z-index:3;display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:64px;align-items:start;max-width:980px;margin:-72px auto 0}
.tn-decision-art{position:relative;aspect-ratio:2/3;overflow:hidden;border:1px solid rgba(246,240,231,.22);border-radius:7px;background:var(--tn-surface);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.tn-decision-art img{display:block;width:100%;height:100%;object-fit:cover}
.tn-score{position:absolute;top:14px;right:14px;display:grid;place-items:center;min-width:70px;min-height:58px;padding:7px 10px;border:1px solid rgba(246,240,231,.16);border-radius:5px;background:rgba(17,17,15,.92);color:var(--tn-accent);font:400 31px/1 'Instrument Serif',serif;backdrop-filter:blur(8px)}
.tn-decision-copy{padding-top:96px}
.tn-decision-copy h2{margin:0;font:400 68px/.94 'Instrument Serif',serif;color:var(--tn-ivory)}
.tn-meta{margin:15px 0 0;color:var(--tn-muted);font:600 10px/1.45 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1.2px}
.tn-fit{margin:27px 0 0;font:400 17px/1.62 'DM Sans',sans-serif;color:rgba(246,240,231,.84)}
.tn-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0;border-top:1px solid var(--tn-faint);border-bottom:1px solid var(--tn-faint)}
.tn-evidence>div{min-height:82px;padding:16px 13px 13px;border-right:1px solid var(--tn-faint)}
.tn-evidence>div:first-child{padding-left:0}
.tn-evidence>div:last-child{border-right:0;padding-right:0}
.tn-evidence span,.tn-evidence strong{display:block}
.tn-evidence span{font:600 9px/1.3 'DM Sans',sans-serif;color:var(--tn-muted);text-transform:uppercase;letter-spacing:1.2px}
.tn-evidence strong{margin-top:7px;font:400 16px/1.3 'Instrument Serif',serif;color:var(--tn-ivory)}
.tn-fallback{padding:11px 13px;border-left:2px solid var(--tn-accent);background:color-mix(in srgb,var(--tn-accent) 8%,transparent);color:var(--tn-muted);font:400 11px/1.5 'DM Sans',sans-serif}
.tn-action-kicker{margin:28px 0 11px;color:var(--tn-accent);font:700 9px/1.2 'DM Sans',sans-serif;letter-spacing:1.7px;text-transform:uppercase}
.tn-decision-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:10px}
.tn-decision-actions .tn-primary{max-width:none}
.tn-decision-actions button{display:flex;min-height:74px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:14px 18px;text-align:left}
.tn-decision-actions button strong{font:700 13px/1.1 'DM Sans',sans-serif}
.tn-decision-actions button small{font:400 10px/1.3 'DM Sans',sans-serif;opacity:.68}
.tn-resolution-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.tn-resolution-options button{display:flex;min-height:67px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:13px 16px;border:1px solid var(--tn-faint);border-radius:6px;background:rgba(246,240,231,.025);color:rgba(246,240,231,.72);font-family:'DM Sans',sans-serif;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.tn-resolution-options button:hover,.tn-resolution-options button:focus-visible{border-color:color-mix(in srgb,var(--tn-accent) 58%,transparent);background:color-mix(in srgb,var(--tn-accent) 8%,transparent);color:var(--tn-ivory);outline:none}
.tn-resolution-options button span{font:700 8px/1.1 'DM Sans',sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:var(--tn-accent)}
.tn-resolution-options button strong{font:600 11px/1.3 'DM Sans',sans-serif}
.tn-utility-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:16px}
.tn-utility-actions button,.tn-utility-actions a{border:0;background:transparent;padding:0;color:var(--tn-muted);font:500 11px/1.4 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tn-utility-actions button:hover,.tn-utility-actions a:hover{color:var(--tn-accent)}
.tn-alternative{max-width:980px;margin:56px auto 0;padding:27px 0;border-top:1px solid var(--tn-faint);border-bottom:1px solid var(--tn-faint);display:grid;grid-template-columns:1fr minmax(290px,410px);gap:42px;align-items:center}
.tn-alternative>div>p:last-child{margin:0;font:400 20px/1.42 'Instrument Serif',serif;color:var(--tn-ivory)}
.tn-alt-button{display:grid;grid-template-columns:54px 1fr 20px;align-items:center;gap:13px;width:100%;padding:8px;border:1px solid var(--tn-faint);border-radius:6px;background:var(--tn-surface);color:var(--tn-ivory);text-align:left;cursor:pointer}
.tn-alt-button:hover{border-color:color-mix(in srgb,var(--tn-accent) 55%,transparent)}
.tn-alt-button img{width:54px;height:76px;object-fit:cover;border-radius:3px}
.tn-alt-button span:nth-child(2){display:flex;flex-direction:column;gap:5px}
.tn-alt-button strong{font:400 20px/1.1 'Instrument Serif',serif}
.tn-alt-button small{color:var(--tn-muted);font:500 10px/1.3 'DM Sans',sans-serif}
.tn-alt-button>span:last-child{color:var(--tn-accent)}
.tn-recalibration{max-width:980px;margin:32px auto 0;padding:25px;border:1px solid rgba(217,120,97,.38);border-radius:6px;background:rgba(217,120,97,.08)}
.tn-recalibration>p:nth-child(2){margin:0 0 11px;color:var(--tn-ivory);font:400 15px/1.55 'DM Sans',sans-serif}
.tn-recalibration-actions{display:flex;flex-wrap:wrap;gap:16px}
.tn-text-button{border:0;background:transparent;padding:0;color:var(--tn-accent);font:700 11px/1.3 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tn-pattern,.tn-locked{max-width:980px;margin:48px auto 0;padding:38px 0 0;border-top:1px solid var(--tn-faint)}
.tn-pattern h2,.tn-locked h2{max-width:720px;margin:0;font:400 42px/1.04 'Instrument Serif',serif;color:var(--tn-ivory)}
.tn-pattern>p:nth-of-type(2),.tn-locked>p:nth-of-type(2){max-width:680px;margin:14px 0 0;color:var(--tn-muted);font:400 13px/1.62 'DM Sans',sans-serif}
.tn-locked{border-top:2px solid var(--tn-accent);padding-top:32px}
.tn-start-point{margin:20px 0 0;color:var(--tn-ivory);font:400 24px/1.25 'Instrument Serif',serif}
.tn-where{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:22px;padding:0 22px;border-radius:6px;background:var(--tn-accent);color:var(--tn-ink);font:700 12px/1 'DM Sans',sans-serif;text-decoration:none}
.tn-where:hover{filter:brightness(1.08)}
.tn-where-note{display:block;margin-top:9px;color:rgba(246,240,231,.4);font:400 10px/1.4 'DM Sans',sans-serif}
.tn-locked-more{max-width:620px;margin-top:28px;padding-top:17px;border-top:1px solid var(--tn-faint)}
.tn-locked-more summary{cursor:pointer;list-style:none;color:rgba(246,240,231,.48);font:600 11px/1.3 'DM Sans',sans-serif}
.tn-locked-more summary::-webkit-details-marker{display:none}
.tn-locked-more summary:hover{color:var(--tn-accent)}
.tn-locked-more[open] summary{margin-bottom:14px}
.tn-locked-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:0}
.tn-locked-actions a,.tn-locked-actions button{display:inline-flex;min-height:45px;align-items:center;justify-content:center;padding:0 17px;border-radius:5px;font:700 11px/1 'DM Sans',sans-serif;cursor:pointer;text-decoration:none}
.tn-locked-actions a{background:var(--tn-accent);color:var(--tn-ink)}
.tn-locked-actions button{border:1px solid var(--tn-faint);background:transparent;color:var(--tn-muted)}
.tn-post-watch{max-width:760px;margin:34px auto 0;padding:28px;border:1px solid rgba(200,132,55,.26);border-radius:7px;background:linear-gradient(145deg,rgba(200,132,55,.09),rgba(246,240,231,.025));text-align:left}
.tn-post-watch>div:first-child{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:24px;align-items:end;padding-bottom:18px;border-bottom:1px solid var(--tn-faint)}
.tn-post-watch h3{margin:0;color:var(--tn-ivory);font:400 30px/1.03 'Instrument Serif',serif}
.tn-post-watch-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:1px;background:var(--tn-faint)}
.tn-post-watch-route{display:flex;min-height:142px;flex-direction:column;justify-content:space-between;padding:18px;background:var(--tn-surface);color:inherit;text-decoration:none}
.tn-post-watch-route:hover,.tn-post-watch-route:focus-visible{background:rgba(200,132,55,.12);outline:1px solid var(--tn-accent);outline-offset:-1px}
.tn-post-watch-route small{color:var(--tn-accent);font:700 9px/1.2 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1.8px}
.tn-post-watch-route strong{display:block;margin:8px 0;color:var(--tn-ivory);font:400 20px/1.08 'Instrument Serif',serif}
.tn-post-watch-route span{color:var(--tn-muted);font:400 10px/1.45 'DM Sans',sans-serif}
.tn-night-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:520px;margin:24px 0 19px}
.tn-night-marks span{display:grid;grid-template-columns:11px 1fr;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--tn-faint)}
.tn-night-marks i{width:9px;height:9px;border:1px solid rgba(246,240,231,.28);border-radius:50%}
.tn-night-marks small{font:600 9px/1 'DM Sans',sans-serif;color:rgba(246,240,231,.42);text-transform:uppercase;letter-spacing:1px}
.tn-night-marks span.filled{border-color:color-mix(in srgb,var(--tn-accent) 58%,transparent)}
.tn-night-marks span.filled i{border-color:var(--tn-accent);background:var(--tn-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--tn-accent) 12%,transparent)}
.tn-night-marks span.filled small{color:var(--tn-ivory)}
.tn-capture{max-width:980px;margin:48px auto 0;padding:26px 28px;border-radius:12px;background:rgba(246,240,231,.035);border:1px solid rgba(246,240,231,.10);color:var(--tn-ivory)}
.tn-capture .tn-pattern-kicker{color:#c8873f}
.tn-capture h2{max-width:680px;margin:0;font:400 25px/1.12 'Instrument Serif',serif;color:var(--tn-ivory)}
.tn-capture>p:nth-of-type(2){max-width:680px;margin:9px 0 0;color:rgba(246,240,231,.55);font:400 13px/1.6 'DM Sans',sans-serif}
.tn-capture form{display:flex;max-width:650px;gap:8px;margin-top:21px}
/* --tn-ink is #11110f. On a near-black field that is ~1.05:1 contrast, so typed
   text was invisible and the box read as broken. Ivory on the dark field. */
.tn-capture input{flex:1;min-width:0;border:1px solid rgba(246,240,231,.20);border-radius:6px;background:rgba(12,12,12,.55);padding:0 13px;color:var(--tn-ivory);font:400 13px/1 'DM Sans',sans-serif}
.tn-capture input::placeholder{color:rgba(246,240,231,.42)}
.tn-capture input:focus{outline:none;border-color:rgba(200,135,63,.55)}
.tn-capture form button{min-height:46px;border:0;border-radius:6px;background:#c8873f;padding:0 18px;color:#141414;font:700 11px/1 'DM Sans',sans-serif;cursor:pointer}
.tn-context{max-width:980px;margin:42px auto 0}
.tn-context-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:42px;align-items:end;margin-bottom:12px;padding:30px 32px;border:1px solid var(--tn-faint);border-left:3px solid var(--tn-accent);border-radius:7px;background:var(--tn-surface)}
.tn-context-head h3{margin:0;color:var(--tn-ivory);font:400 42px/1 'Instrument Serif',serif}
.tn-context-head>p{max-width:48ch;margin:0;color:var(--tn-muted);font:400 12px/1.65 'DM Sans',sans-serif}
.tn-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tn-context-row{position:relative;min-width:0;padding:22px 18px 18px;overflow:hidden;border:1px solid var(--tn-faint);border-radius:7px;background:rgba(246,240,231,.022)}
.tn-context-row::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--tn-accent);opacity:.34}
.tn-context-prompt{display:grid;grid-template-columns:35px minmax(0,1fr);gap:11px;align-items:start;min-height:73px;padding-bottom:17px;border-bottom:1px solid var(--tn-faint)}
.tn-context-index{color:var(--tn-accent);font:400 29px/.9 'Instrument Serif',serif;opacity:.72}
.tn-context-prompt div>span{display:block;margin-bottom:8px;color:rgba(246,240,231,.48);font:700 8px/1 'DM Sans',sans-serif;letter-spacing:1.4px;text-transform:uppercase}
.tn-context-prompt strong{display:block;color:var(--tn-ivory);font:400 23px/1.05 'Instrument Serif',serif}
.tn-context-options{display:grid;gap:6px;margin-top:14px}
.tn-context-options button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:13px 14px 13px 17px;border:0;border-radius:6px;background:rgba(246,240,231,.045);color:rgba(246,240,231,.94);text-align:left;cursor:pointer;transition:background .16s,color .16s}.tn-context-options button::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--tn-accent);transform:scaleX(0);transform-origin:left;transition:transform .16s}
.tn-context-options button::after{content:none}
.tn-context-options button strong{font:600 15px/1.3 'DM Sans',sans-serif;color:inherit;letter-spacing:.005em}
.tn-context-options button small{font:400 12.5px/1.35 'DM Sans',sans-serif;color:rgba(246,240,231,.6)}
.tn-context-options button:hover,.tn-context-options button:focus-visible{background:rgba(246,240,231,.085);color:var(--tn-ivory);outline:none}.tn-context-options button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--tn-accent) 70%,transparent)}.tn-context-options button:hover::before,.tn-context-options button:focus-visible::before{transform:scaleX(1);opacity:.45}
.tn-context-options button.selected{background:color-mix(in srgb,var(--tn-accent) 15%,var(--tn-surface));color:var(--tn-ivory)}.tn-context-options button.selected::before{transform:scaleX(1);opacity:1}
.tn-context-options button.selected strong{color:var(--tn-ivory)}
.tn-context-options button.selected small{color:rgba(246,240,231,.82)}
.tn-pick-pulse{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:48px;max-width:820px;margin:34px auto 0;padding:28px;border:1px solid rgba(146,181,154,.2);border-radius:7px;background:rgba(146,181,154,.045)}
.tn-pick-pulse h2{max-width:500px;margin:0;color:var(--tn-ivory);font:400 32px/1.03 'Instrument Serif',serif}
.tn-pick-pulse>div:first-child>p:last-child{max-width:52ch;margin:10px 0 0;color:var(--tn-muted);font:300 11.5px/1.55 'DM Sans',sans-serif}
.tn-pick-pulse-actions{display:grid;gap:7px}
.tn-pick-pulse-actions button{display:flex;min-height:51px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px 13px;border:1px solid var(--tn-faint);border-radius:5px;background:rgba(246,240,231,.025);color:var(--tn-ivory);text-align:left;cursor:pointer}
.tn-pick-pulse-actions button:hover,.tn-pick-pulse-actions button:focus-visible,.tn-pick-pulse-actions button.selected{border-color:#92b59a;background:rgba(146,181,154,.1);outline:none}
.tn-pick-pulse-actions strong{font:600 11px/1.2 'DM Sans',sans-serif}
.tn-pick-pulse-actions small{color:var(--tn-muted);font:400 9.5px/1.25 'DM Sans',sans-serif}
.tn-pick-pulse-status{grid-column:1/-1;min-height:1.4em;margin:0;color:#92b59a;font:600 10px/1.4 'DM Sans',sans-serif}
.tn-start-over{display:block;margin:42px auto 0;border:0;background:transparent;color:rgba(246,240,231,.44);font:500 11px/1 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tn-start-over:hover{color:var(--tn-ivory)}
.tn-step.committed .tn-decision-cinema>img{transform:scale(1.025);filter:saturate(.78) brightness(.72)}
.tn-step.committed .tn-decision-cinema-shade{background:linear-gradient(180deg,rgba(9,9,8,.08),rgba(9,9,8,.2) 40%,rgba(17,17,15,.95) 100%)}
.tn-step.committed .tn-person-read>p:last-child{max-width:900px;font-size:70px}
.tn-step.committed .tn-locked{max-width:760px;margin:0 auto;padding:34px 20px 10px;border-top:0;text-align:center}
.tn-step.committed .tn-locked h2{max-width:none}
.tn-step.committed .tn-locked>p:nth-of-type(2){margin-left:auto;margin-right:auto}
.tn-step.committed .tn-locked-more{margin-left:auto;margin-right:auto}
.tn-step.committed .tn-locked-actions{justify-content:center}
.tn-step.committed .tn-decision{grid-template-columns:220px minmax(0,1fr);gap:42px;max-width:820px;margin:48px auto 0;padding:28px;overflow:hidden;border:1px solid var(--tn-faint);border-radius:7px;background:rgba(246,240,231,.025)}
.tn-step.committed .tn-decision-art{width:220px;max-width:100%;box-shadow:0 20px 50px rgba(0,0,0,.38)}
.tn-step.committed .tn-decision-copy{padding-top:8px}
.tn-step.committed .tn-decision-copy h2{font-size:48px}
.tn-step.committed .tn-action-kicker,
.tn-step.committed .tn-resolution-options,
.tn-step.committed .tn-reject-why,
.tn-step.committed .tn-utility-actions{display:none}
.tn-step.committed .tn-pattern{margin-top:52px}
.tn-step.committed .tn-capture{margin-top:42px}
body[data-tonight-committed="true"] .tn-browse{display:none}
body[data-tonight-resolved="true"] .tn-browse{display:none}
body[data-tonight-committed="true"] .tn-search-answer{display:none}
body[data-tonight-resolved="true"] .tn-search-answer{display:none}
body[data-tonight-research="true"] .tn-browse,
body[data-tonight-research="true"] .tn-search-answer{display:none}

.tn-browse{max-width:980px;margin:48px auto 0;border-bottom:1px solid var(--tn-faint)}
.tn-browse summary{display:flex;justify-content:space-between;align-items:center;min-height:100px;cursor:pointer;list-style:none;color:var(--tn-ivory);font:400 34px/1.1 'Instrument Serif',serif}
.tn-browse summary::-webkit-details-marker{display:none}
.tn-browse summary small{display:block;margin-bottom:5px;color:var(--tn-accent);font:700 9px/1.2 'DM Sans',sans-serif;letter-spacing:1.7px;text-transform:uppercase}
.tn-browse summary>span:last-child{font:300 30px/1 'DM Sans',sans-serif;color:var(--tn-muted);transition:transform .2s}
.tn-browse[open] summary>span:last-child{transform:rotate(45deg)}
.tn-browse-inner{padding:5px 0 38px}
.tn-browse-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:3px}
.tn-browse-tabs button{flex:0 0 auto;min-height:35px;padding:0 12px;border:1px solid var(--tn-faint);border-radius:5px;background:transparent;color:var(--tn-muted);font:600 10px/1 'DM Sans',sans-serif;cursor:pointer}
.tn-browse-tabs button.active{border-color:var(--tn-accent);color:var(--tn-ivory);background:color-mix(in srgb,var(--tn-accent) 10%,transparent)}
.tn-browse-context{margin:15px 0;color:var(--tn-muted);font:400 11px/1.45 'DM Sans',sans-serif}
.tn-shelf{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:13px}
.tn-shelf-card{flex:0 0 150px;scroll-snap-align:start;color:var(--tn-ivory);text-decoration:none}
.tn-shelf-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:5px;background:var(--tn-surface)}
.tn-shelf-card strong{display:block;margin-top:9px;font:400 17px/1.13 'Instrument Serif',serif}
.tn-shelf-card small{display:block;margin-top:4px;color:var(--tn-muted);font:500 9px/1.3 'DM Sans',sans-serif}
.tn-search-answer{max-width:1080px;margin:82px auto 0;overflow:hidden;border:1px solid var(--tn-faint);border-radius:7px;background:rgba(246,240,231,.025)}
.tn-search-answer-image{position:relative;isolation:isolate;display:flex;min-height:300px;align-items:end;overflow:hidden;padding:34px}
.tn-search-answer-image>img,.tn-search-answer-image>span{position:absolute;inset:0;width:100%;height:100%}
.tn-search-answer-image>img{z-index:-2;object-fit:cover;object-position:center 42%;filter:saturate(.72)}
.tn-search-answer-image>span{z-index:-1;background:linear-gradient(180deg,rgba(10,10,9,.08),rgba(10,10,9,.82)),linear-gradient(90deg,rgba(10,10,9,.68),transparent 66%)}
.tn-search-answer-image div{display:flex;flex-direction:column;gap:7px}
.tn-search-answer-image small{color:var(--tn-accent);font:700 9px/1 'DM Sans',sans-serif;letter-spacing:1.7px;text-transform:uppercase}
.tn-search-answer-image strong{color:var(--tn-ivory);font:400 42px/1 'Instrument Serif',serif;text-shadow:0 2px 20px rgba(0,0,0,.66)}
.tn-search-answer-body{padding:45px 46px 31px}
.tn-search-answer-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:68px}
.tn-search-answer-lead h2{max-width:650px;margin:0;font:400 49px/.98 'Instrument Serif',serif;color:var(--tn-ivory)}
.tn-search-answer-lead>p{max-width:640px;margin:22px 0 0;color:var(--tn-muted);font:400 15px/1.7 'DM Sans',sans-serif}
.tn-search-signals{list-style:none;margin:0;padding:0}
.tn-search-signals li{display:grid;grid-template-columns:31px 1fr;gap:14px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--tn-faint)}
.tn-search-signals li:last-child{margin-bottom:0}
.tn-search-signals li>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid color-mix(in srgb,var(--tn-accent) 50%,transparent);border-radius:50%;color:var(--tn-accent);font:700 8px/1 'DM Sans',sans-serif}
.tn-search-signals strong{display:block;color:var(--tn-ivory);font:700 10px/1.2 'DM Sans',sans-serif;letter-spacing:1.3px;text-transform:uppercase}
.tn-search-signals p{margin:7px 0 0;color:rgba(246,240,231,.68);font:400 12px/1.58 'DM Sans',sans-serif}
.tn-search-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:38px;padding-top:21px;border-top:1px solid var(--tn-faint)}
.tn-search-links a{color:var(--tn-ivory);font:600 11px/1.3 'DM Sans',sans-serif;text-underline-offset:4px}
.tn-search-links a:hover{color:var(--tn-accent)}
.foot-social{margin-top:12px;display:flex;gap:16px;justify-content:center}
.foot-social a{font-size:12px;color:var(--ivory-muted);text-decoration:none}
.foot-social a:hover{color:var(--ivory)}
.foot-legal{margin-top:14px;font-size:12px;opacity:.85}
.nav-more{position:relative}
.nav-more-btn{font-size:13px;color:var(--ivory-muted);background:none;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:400;padding:0;display:flex;align-items:center;gap:3px}
.nav-more-btn:hover{color:var(--copper)}
.nav-more-dd{display:none;position:absolute;top:calc(100% + 10px);right:0;background:var(--surface);border:1px solid var(--ivory-faint);border-radius:8px;min-width:170px;padding:6px 0;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.nav-more-dd.open{display:block}
.nav-more-dd a{display:block;padding:9px 16px;font-size:13px;color:var(--ivory-muted);text-decoration:none;white-space:nowrap}
.nav-more-dd a:hover{background:var(--ivory-hint);color:var(--ivory)}

@media(max-width:900px){
  .tn-hero h1{font-size:72px}
  .tn-need-copy strong{font-size:28px}
  .tn-time-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tn-context-grid{grid-template-columns:1fr}
  .tn-context-row{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start}
  .tn-context-prompt{min-height:0;border-bottom:0;padding:10px 0}
  .tn-decision{grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:38px;padding:0 22px}
  .tn-decision-copy h2{font-size:56px}
}
@media(max-width:760px){
  .tn-page{padding:0 16px 70px}
  .tn-hero{min-height:550px}
  .tn-hero-inner{width:min(620px,calc(100% - 32px));padding:80px 0 48px}
  .tn-hero h1{font-size:62px}
  .tn-hero-copy{font-size:24px}
  .tn-hero-proof{font-size:8px;letter-spacing:.9px}
  .tn-hero-proof span{padding:0 8px}
  .tn-ritual{padding-top:27px}
  .tn-outcome{grid-template-columns:1fr;max-width:560px;margin-top:-8px}
  .tn-outcome-art{min-height:210px}
  .tn-outcome-art span{background:linear-gradient(0deg,var(--tn-surface),transparent 60%)}
  .tn-outcome-copy{padding:28px}
  .tn-outcome h2{font-size:35px}
  .tn-progress{margin-bottom:27px;gap:18px}
  .tn-need-list{grid-template-columns:1fr}
  .tn-need{min-height:195px}
  .tn-mood-carry{min-height:210px;padding:24px}
  .tn-mood-carry strong{font-size:39px}
  .tn-loading{min-height:calc(100vh - 70px)}
  .tn-loading-copy h2{font-size:46px}
  .tn-decision-cinema{min-height:500px}
  .tn-person-read{padding-bottom:90px}
  .tn-person-read>p:last-child{font-size:43px}
  .tn-decision{grid-template-columns:minmax(0,1fr);max-width:560px;margin-top:-62px;padding:0}
  .tn-decision-art{width:min(72vw,320px);margin:0 auto}
  .tn-decision-copy{padding-top:0;text-align:center}
  .tn-decision-copy h2{font-size:54px}
  .tn-fit{text-align:left}
  .tn-evidence{text-align:left}
  .tn-utility-actions{justify-content:center}
  .tn-alternative{grid-template-columns:1fr;gap:17px;max-width:560px}
  .tn-pattern,.tn-locked,.tn-recalibration{max-width:560px}
  .tn-capture{max-width:560px;padding:32px}
  .tn-search-answer{max-width:560px;margin-top:56px;padding-top:42px}
  .tn-search-answer{padding-top:0}
  .tn-search-answer-image{min-height:235px;padding:26px}
  .tn-search-answer-image strong{font-size:34px}
  .tn-search-answer-body{padding:34px 28px 27px}
  .tn-search-answer-grid{grid-template-columns:1fr;gap:38px}
  .tn-search-answer-lead h2{font-size:42px}
  .tn-step.committed .tn-person-read>p:last-child{font-size:55px}
}
@media(max-width:520px){
  .tn-hero{min-height:525px}
  .tn-hero-inner{padding-top:70px}
  .tn-hero h1{font-size:56px}
  .tn-hero-copy{font-size:21px}
  .tn-hero-proof{display:grid;gap:6px}
  .tn-hero-proof span{border-right:0}
  .tn-progress{gap:10px;font-size:9px;letter-spacing:.8px}
  .tn-step-head h2{font-size:42px}
  .tn-need{min-height:170px;grid-template-columns:27px 1fr;padding:19px}
  .tn-need-copy strong{font-size:27px}
  .tn-need-copy small{font-size:12px}
  .tn-need-arrow{display:none}
  .tn-mood-carry{min-height:180px;margin-bottom:28px}
  .tn-mood-carry strong{font-size:34px}
  .tn-time-list{grid-template-columns:1fr 1fr}
  .tn-time{min-height:138px;padding:15px 13px}
  .tn-time-mark{margin-bottom:15px;font-size:30px}
  .tn-time strong{font-size:18px}
  .tn-services-head{align-items:start}
  .tn-loading{min-height:calc(100vh - 70px)}
  .tn-loading-copy h2{font-size:40px}
  .tn-decision-cinema{min-height:440px}
  .tn-person-read{padding-bottom:72px}
  .tn-person-read>p:last-child{font-size:37px}
  .tn-decision-copy h2{font-size:48px}
  .tn-evidence{grid-template-columns:1fr}
  .tn-evidence>div,.tn-evidence>div:first-child,.tn-evidence>div:last-child{min-height:0;padding:12px 0;border-right:0;border-bottom:1px solid var(--tn-faint)}
  .tn-evidence>div:last-child{border-bottom:0}
  .tn-decision-actions{grid-template-columns:1fr}
  .tn-locked-actions{flex-direction:column;align-items:stretch}
  .tn-post-watch{padding:22px 18px}
  .tn-post-watch>div:first-child{grid-template-columns:1fr;gap:8px}
  .tn-post-watch-routes{grid-template-columns:1fr}
  .tn-post-watch-route{min-height:116px}
  .tn-night-marks{gap:5px}
  .tn-night-marks span{grid-template-columns:9px 1fr;gap:5px}
  .tn-night-marks small{font-size:8px;letter-spacing:.5px}
  .tn-capture{padding:29px 22px}
  .tn-capture h2{font-size:22px}
  .tn-capture form{flex-direction:column}
  .tn-capture input{min-height:46px}
  .tn-search-answer-lead h2{font-size:38px}
  .tn-search-answer-lead>p{font-size:14px}
  .tn-search-answer-body{padding:29px 21px 24px}
  .tn-search-answer-image{min-height:215px;padding:21px}
  .tn-search-answer-image strong{font-size:30px}
  .tn-search-links{display:grid;gap:15px}
  .tn-home-pattern{padding:20px}
  .tn-outcome-copy{padding:24px 20px}
  .tn-outcome-actions{display:grid;grid-template-columns:1fr}
  .tn-outcome-actions button{width:100%}
  .tn-confidence{display:flex;flex-direction:column;align-items:flex-start;line-height:1.35}
  .tn-rested h2{font-size:48px}
  .tn-step.committed .tn-person-read>p:last-child{font-size:46px}
}
@media(prefers-reduced-motion:reduce){
  .tn-step,.tn-loading-line::after,.tn-loading>img,.tn-hero-image img,.tn-decision-cinema>img{animation:none}
  .tn-need,.tn-need-art img,.tn-time{transition:none}
}

/* --- Jordan walkthrough 2026-07-24 --- */
/* 5. The page dead-ended after the decision. These sit BELOW the decision so
   they never compete with it. */
.tn-onward{max-width:980px;margin:48px auto 0;padding-top:30px;border-top:1px solid rgba(246,240,231,.10)}
.tn-onward-k{font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:rgba(246,240,231,.42);margin-bottom:15px}
.tn-onward-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--tn-faint);border-bottom:1px solid var(--tn-faint)}
.tn-onward a{position:relative;display:block;min-height:180px;padding:24px 48px 24px 21px;border-right:1px solid var(--tn-faint);background:transparent;text-decoration:none;transition:background .15s}
.tn-onward a:last-child{border-right:0}
.tn-onward a:hover{background:rgba(200,135,63,.08)}
.tn-onward small{display:block;margin-bottom:18px;color:var(--tn-accent);font:700 8px/1 'DM Sans',sans-serif;letter-spacing:1.1px;text-transform:uppercase}
.tn-onward b{display:block;font:400 27px/1.05 'Instrument Serif',serif;color:var(--tn-ivory);margin-bottom:9px}
.tn-onward span{display:block;font:300 11px/1.55 'DM Sans',sans-serif;color:rgba(246,240,231,.55)}
.tn-onward i{position:absolute;right:20px;bottom:23px;color:var(--tn-accent);font:400 21px/1 'DM Sans',sans-serif;font-style:normal}
@media(max-width:760px){
  .tn-onward-grid{grid-template-columns:1fr}
  .tn-onward a{min-height:145px;border-right:0;border-bottom:1px solid var(--tn-faint)}
  .tn-onward a:last-child{border-bottom:0}
}

/* 6. Optional "why this", kept as a disclosure so the default stays simple. */
.tn-why{margin-top:15px;padding-top:13px;border-top:1px solid rgba(246,240,231,.09)}
.tn-why summary{cursor:pointer;list-style:none;font:600 12px/1 'DM Sans',sans-serif;
  color:rgba(246,240,231,.55)}
.tn-why summary::-webkit-details-marker{display:none}
.tn-why summary:hover{color:#c8873f}
.tn-why-body{margin-top:11px;font:300 13px/1.6 'DM Sans',sans-serif;
  color:rgba(246,240,231,.72)}
.tn-why-body dt{font-weight:700;color:rgba(246,240,231,.9);margin-top:9px;font-size:11px;
  letter-spacing:.05em;text-transform:uppercase}
.tn-why-body dd{margin:3px 0 0}

/* --- Honest states, 2026-07-24 -------------------------------------------
   The not-tonight resolution is styled as an ENDING, not an error. It is a
   success state under Operating Law 8 and should not look like a failure. */
.tn-nothing,.tn-rested{max-width:760px;margin:0 auto;padding:8px 0 4px}
.tn-nothing h2,.tn-rested h2{font:400 34px/1.08 'Instrument Serif',serif;
  color:var(--tn-ivory);margin:6px 0 12px}
.tn-nothing p,.tn-rested p{font:300 14.5px/1.6 'DM Sans',sans-serif;
  color:rgba(246,240,231,.66);margin:0 0 20px;max-width:52ch}
.tn-nothing-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}
.tn-nothing-actions button{font:600 13px/1 'DM Sans',sans-serif;padding:12px 18px;
  border-radius:999px;cursor:pointer;border:1px solid rgba(246,240,231,.22);
  background:rgba(246,240,231,.05);color:var(--tn-ivory);
  transition:background .15s,border-color .15s}
.tn-nothing-actions button:hover{background:#c8873f;border-color:#c8873f;color:#141414}
.tn-rested{text-align:left}
.tn-rested.active{display:grid;min-height:min(620px,calc(100vh - 120px));place-content:center;text-align:center}
.tn-rested h2{font-size:62px}
.tn-rested p{margin-left:auto;margin-right:auto}
.tn-rested .tn-text-button{margin:0 8px}

.tn-research{max-width:1080px;margin:0 auto;padding:12px 0 18px}
.tn-research-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:70px;align-items:end;padding:0 0 29px;border-bottom:1px solid var(--tn-faint)}
.tn-research-head h2{max-width:650px;margin:0;font:400 58px/.98 'Instrument Serif',serif;color:var(--tn-ivory)}
.tn-research-head>p{max-width:48ch;margin:0;color:rgba(246,240,231,.64);font:300 14px/1.68 'DM Sans',sans-serif}
.tn-research-brief{display:flex;flex-wrap:wrap;gap:1px;margin:19px 0 27px;color:var(--tn-muted)}
.tn-research-brief span{display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border-left:1px solid rgba(200,135,63,.42);background:rgba(246,240,231,.035);font:600 9.5px/1 'DM Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase}
.tn-research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tn-research-card{position:relative;overflow:hidden;border:1px solid var(--tn-faint);border-radius:7px;background:rgba(246,240,231,.025);transition:transform .18s,border-color .18s,background .18s}
.tn-research-card:hover{transform:translateY(-2px);border-color:rgba(200,135,63,.48);background:rgba(246,240,231,.04)}
.tn-research-dismiss{position:absolute;z-index:4;top:9px;left:9px;width:32px;height:32px;border:1px solid rgba(246,240,231,.24);border-radius:50%;background:rgba(13,13,12,.76);color:var(--tn-ivory);font:400 19px/1 'DM Sans',sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.tn-research-dismiss:hover,.tn-research-dismiss:focus-visible{border-color:var(--tn-accent);background:var(--tn-accent);color:var(--tn-ink);outline:none}
.tn-research-card>a{display:block;color:inherit;text-decoration:none}
.tn-research-visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--tn-surface)}
.tn-research-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,15,13,.72))}
.tn-research-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.tn-research-card:hover .tn-research-visual img{transform:scale(1.025)}
.tn-research-score{position:absolute;z-index:1;right:11px;bottom:10px;display:grid;place-items:center;min-width:48px;height:39px;border:1px solid rgba(246,240,231,.2);border-radius:4px;background:rgba(13,13,12,.88);color:var(--tn-accent);font:400 23px/1 'Instrument Serif',serif}
.tn-research-copy{min-height:176px;padding:17px 17px 14px}
.tn-research-copy small{display:block;color:var(--tn-accent);font:700 8.5px/1.2 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase}
.tn-research-copy h3{margin:8px 0 9px;color:var(--tn-ivory);font:400 25px/1.02 'Instrument Serif',serif}
.tn-research-copy p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;color:rgba(246,240,231,.57);font:300 11.5px/1.55 'DM Sans',sans-serif}
.tn-research-card-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--tn-faint)}
.tn-research-card-actions button{min-height:48px;border:0;background:transparent;color:rgba(246,240,231,.58);font:700 10px/1 'DM Sans',sans-serif;cursor:pointer}
.tn-research-card-actions button+button{border-left:1px solid var(--tn-faint)}
.tn-research-card-actions button:hover,.tn-research-card-actions button.is-on{background:rgba(200,135,63,.1);color:var(--tn-accent)}
.tn-research-card-actions button.is-saved{background:rgba(146,181,154,.11);color:#b9d3bf}
.tn-research-workbench{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;margin-top:30px;padding:23px 0;border-top:1px solid var(--tn-faint);border-bottom:1px solid var(--tn-faint)}
.tn-research-workbench p:last-child{margin:7px 0 0;color:var(--tn-muted);font:300 12px/1.5 'DM Sans',sans-serif}
.tn-research-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.tn-research-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 15px;border:1px solid var(--tn-faint);border-radius:5px;color:var(--tn-ivory);font:700 10px/1 'DM Sans',sans-serif;text-decoration:none}
.tn-research-tools a:hover{border-color:var(--tn-accent);color:var(--tn-accent)}
.tn-research-tools a[aria-disabled="true"]{opacity:.38;pointer-events:none}
.tn-research-tools a.is-ready{min-height:49px;border-color:var(--tn-accent);background:var(--tn-accent);color:var(--tn-ink);box-shadow:0 10px 28px rgba(200,135,63,.18)}
.tn-research-tools a.is-ready:hover{filter:brightness(1.08);color:var(--tn-ink)}
.tn-research-return{display:block;margin:24px auto 0}

.tn-calibration{max-width:980px;margin:58px auto 0;padding:52px 0 0;border-top:1px solid var(--tn-faint)}
.tn-calibration-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);gap:62px;align-items:end;margin-bottom:28px}
.tn-calibration-head h2{max-width:650px;margin:0;color:var(--tn-ivory);font:400 48px/1 'Instrument Serif',serif}
.tn-calibration-head>p{max-width:48ch;margin:0;color:var(--tn-muted);font:300 13px/1.68 'DM Sans',sans-serif}
.tn-calibration-card{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);min-height:390px;overflow:hidden;border:1px solid rgba(246,240,231,.14);border-radius:7px;background:var(--tn-surface);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.tn-calibration-visual{position:relative;isolation:isolate;min-height:390px;overflow:hidden}
.tn-calibration-visual img,.tn-calibration-shade{position:absolute;inset:0;width:100%;height:100%}
.tn-calibration-visual img{z-index:-2;object-fit:cover;transition:opacity .2s,transform .35s}
.tn-calibration-shade{z-index:-1;background:linear-gradient(0deg,rgba(12,12,11,.9),transparent 58%),linear-gradient(90deg,transparent 70%,var(--tn-surface))}
.tn-calibration-visual>p{position:absolute;left:20px;bottom:18px;margin:0;color:rgba(246,240,231,.84);font:700 9px/1 'DM Sans',sans-serif;letter-spacing:1.4px;text-transform:uppercase}
.tn-calibration-copy{align-self:center;padding:34px 36px}
.tn-calibration-copy h3{margin:0;color:var(--tn-ivory);font:400 42px/.98 'Instrument Serif',serif}
.tn-calibration-copy>p:nth-of-type(2){margin:12px 0 21px;color:var(--tn-muted);font:400 11px/1.5 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1px}
.tn-calibration-actions{display:grid;gap:8px}
.tn-calibration-actions button{display:flex;min-height:61px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:11px 14px;border:1px solid var(--tn-faint);border-radius:5px;background:rgba(246,240,231,.025);color:var(--tn-ivory);text-align:left;cursor:pointer}
.tn-calibration-actions button:hover,.tn-calibration-actions button:focus-visible{border-color:var(--tn-accent);background:color-mix(in srgb,var(--tn-accent) 8%,transparent);outline:none}
.tn-calibration-actions strong{font:600 12px/1.2 'DM Sans',sans-serif}
.tn-calibration-actions small{color:var(--tn-muted);font:400 10px/1.3 'DM Sans',sans-serif}
.tn-calibration-unseen{margin-top:14px;padding:15px;border-left:2px solid var(--tn-accent);background:color-mix(in srgb,var(--tn-accent) 7%,transparent)}
.tn-calibration-unseen p{margin:0 0 10px;color:var(--tn-ivory);font:400 13px/1.4 'DM Sans',sans-serif}
.tn-calibration-unseen button{min-height:38px;margin:0 7px 0 0;padding:0 12px;border:1px solid var(--tn-faint);border-radius:5px;background:transparent;color:var(--tn-ivory);font:600 10px/1 'DM Sans',sans-serif;cursor:pointer}
.tn-calibration-unseen button:first-of-type{border-color:var(--tn-accent);background:var(--tn-accent);color:var(--tn-ink)}
.tn-taste-read{margin-top:18px;padding:28px;border-left:3px solid var(--tn-accent);background:rgba(246,240,231,.035)}
.tn-taste-read h3{max-width:720px;margin:0;color:var(--tn-ivory);font:400 34px/1.05 'Instrument Serif',serif}
.tn-taste-read>p:nth-of-type(2){max-width:68ch;margin:12px 0 19px;color:var(--tn-muted);font:300 13px/1.65 'DM Sans',sans-serif}
.tn-taste-signals{display:flex;flex-wrap:wrap;gap:1px;margin-bottom:18px}
.tn-taste-signals span{display:inline-flex;min-height:32px;align-items:center;padding:0 12px;background:rgba(246,240,231,.045);color:rgba(246,240,231,.7);font:700 9px/1 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1px}
.tn-taste-read>a{color:var(--tn-ivory);font:700 11px/1.2 'DM Sans',sans-serif;text-underline-offset:4px}
.tn-calibration-skip{display:block;margin:19px auto 0;border:0;background:transparent;color:rgba(246,240,231,.44);font:600 10px/1 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.tn-after{max-width:980px;margin:54px auto 0;padding-top:45px;border-top:1px solid var(--tn-faint)}
.tn-after-head{display:grid;grid-template-columns:1fr minmax(300px,.72fr);gap:60px;align-items:end;margin-bottom:23px}
.tn-after-head h2{max-width:650px;margin:0;color:var(--tn-ivory);font:400 42px/1 'Instrument Serif',serif}
.tn-after-head>p{max-width:47ch;margin:0;color:var(--tn-muted);font:300 12px/1.65 'DM Sans',sans-serif}
.tn-after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tn-after-card{position:relative;isolation:isolate;display:flex;min-height:225px;align-items:end;overflow:hidden;padding:18px;border:1px solid var(--tn-faint);border-radius:7px;background:var(--tn-surface);color:var(--tn-ivory)}
.tn-after-card>img,.tn-after-card-shade{position:absolute;inset:0;width:100%;height:100%}
.tn-after-card>img{z-index:-2;object-fit:cover;transition:transform .3s}
.tn-after-card-shade{z-index:-1;background:linear-gradient(180deg,rgba(10,10,9,.04),rgba(10,10,9,.88) 78%)}
.tn-after-card:hover>img{transform:scale(1.025)}
.tn-after-copy{width:100%}
.tn-after-copy small{display:block;color:var(--tn-accent);font:700 8px/1.2 'DM Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.tn-after-copy a{color:var(--tn-ivory);text-decoration:none}
.tn-after-copy strong{display:block;margin-top:7px;font:400 24px/1.02 'Instrument Serif',serif}
.tn-after-copy button{display:inline-flex;min-height:39px;align-items:center;margin-top:13px;padding:0 13px;border:1px solid rgba(246,240,231,.3);border-radius:999px;background:rgba(14,14,13,.72);color:var(--tn-ivory);font:700 9px/1 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.tn-after-copy button:hover,.tn-after-copy button.is-saved{border-color:var(--tn-accent);background:var(--tn-accent);color:var(--tn-ink)}
@media(max-width:900px){
  .tn-research{max-width:720px}
  .tn-research-head{gap:38px}
  .tn-research-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tn-calibration,.tn-after{max-width:760px}
}
@media(max-width:760px){
  .tn-context-head{grid-template-columns:1fr;gap:14px;padding:26px 24px}
  .tn-context-row{grid-template-columns:1fr;gap:8px}
  .tn-context-prompt{min-height:0;padding:0 0 16px;border-bottom:1px solid var(--tn-faint)}
  .tn-pick-pulse{grid-template-columns:1fr;gap:21px;max-width:560px}
  .tn-research{max-width:560px}
  .tn-research-head{grid-template-columns:1fr;gap:19px}
  .tn-research-head h2{font-size:46px}
  .tn-research-head>p{max-width:none}
  .tn-research-workbench{grid-template-columns:1fr}
  .tn-research-tools{justify-content:flex-start}
  .tn-calibration,.tn-after{max-width:560px}
  .tn-calibration-head,.tn-after-head{grid-template-columns:1fr;gap:17px}
  .tn-calibration-card{grid-template-columns:1fr}
  .tn-calibration-visual{min-height:300px}
  .tn-calibration-shade{background:linear-gradient(0deg,var(--tn-surface),transparent 72%)}
  .tn-after-grid{grid-template-columns:1fr}
  .tn-after-card{min-height:260px}
}
@media(max-width:520px){
  .tn-context{margin-top:32px}
  .tn-context-head{padding:23px 19px}
  .tn-context-head h3{font-size:36px}
  .tn-context-row{padding:21px 16px 16px}
  .tn-context-options button{min-height:57px}
  .tn-pick-pulse{padding:22px 18px}
  .tn-resolution-options{grid-template-columns:1fr}
  .tn-rested .tn-text-button{display:block;margin:12px auto 0}
  .tn-research-head h2{font-size:40px}
  .tn-research-grid{grid-template-columns:1fr}
  .tn-research-copy{min-height:0}
  .tn-research-tools{display:grid;grid-template-columns:1fr}
  .tn-research-tools a{width:100%}
  .tn-step.committed .tn-decision{grid-template-columns:1fr;padding:20px}
  .tn-step.committed .tn-decision-art{width:min(70vw,250px);margin:0 auto}
  .tn-step.committed .tn-decision-copy{text-align:center}
  .tn-step.committed .tn-fit{text-align:left}
  .tn-calibration{padding-top:40px}
  .tn-calibration-head h2{font-size:39px}
  .tn-calibration-visual{min-height:255px}
  .tn-calibration-copy{padding:25px 20px}
  .tn-calibration-copy h3{font-size:37px}
  .tn-calibration-unseen button{display:block;width:100%;margin:7px 0 0}
  .tn-after-head h2{font-size:36px}
}

/* Confidence. Quiet by design: it should read as candour, not a disclaimer. */
.tn-confidence{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;
  font:700 9.5px/1 'DM Sans',sans-serif;letter-spacing:.15em;text-transform:uppercase;
  padding:6px 11px;border-radius:999px;border:1px solid rgba(246,240,231,.18);
  color:rgba(246,240,231,.62)}
.tn-confidence.is-strong{color:#c8873f;border-color:rgba(200,135,63,.45)}
.tn-confidence small{font-weight:400;letter-spacing:.02em;text-transform:none;
  font-size:11px;color:rgba(246,240,231,.5)}

/* Rejection reasons. One tap, then out of the way. */
.tn-reject-why{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.tn-reject-why button{font:500 11.5px/1 'DM Sans',sans-serif;padding:8px 13px;
  border-radius:999px;cursor:pointer;border:1px solid rgba(246,240,231,.16);
  background:transparent;color:rgba(246,240,231,.6)}
.tn-reject-why button:hover{border-color:#c8873f;color:#c8873f}

/* --- The clock, 2026-07-24 ------------------------------------------------
   Stated as an observation the person can overrule, never as a correction. */
.tn-clock-note{margin:14px 0 0;padding:12px 15px;border-radius:10px;
  border:1px solid rgba(200,135,63,.30);background:rgba(200,135,63,.08);
  font:300 13px/1.55 'DM Sans',sans-serif;color:rgba(246,240,231,.78)}
.tn-clock-note b{color:var(--tn-ivory);font-weight:600}
.tn-clock-note button{margin-top:9px;display:inline-block;font:600 12px/1 'DM Sans',sans-serif;
  padding:9px 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(246,240,231,.22);
  background:transparent;color:var(--tn-ivory)}
.tn-clock-note button:hover{background:#c8873f;border-color:#c8873f;color:#141414}
.tn-time-suggested{position:relative}
.tn-time-suggested::before{content:"suggested";position:absolute;top:10px;right:11px;
  font:700 8.5px/1 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;
  color:var(--tn-accent);opacity:.9}

/* --- Recognition, 2026-07-24 ---------------------------------------------
   Sits above the need question because being recognised should precede being
   asked. Quiet on purpose: it is a greeting, not an announcement. */
.tn-recognition{max-width:760px;margin:0 auto 22px;padding:14px 17px;
  border-left:2px solid #c8873f;background:rgba(200,135,63,.07);
  border-radius:0 10px 10px 0}
.tn-recognition p{margin:0;font:300 14px/1.55 'DM Sans',sans-serif;
  color:rgba(246,240,231,.8)}
.tn-recognition b{color:var(--tn-ivory);font-weight:600}
.tn-recognition .tn-rec-k{display:block;font:700 9.5px/1 'DM Sans',sans-serif;
  letter-spacing:.16em;text-transform:uppercase;color:#c8873f;margin-bottom:7px}

/* --- Finish time + return record, 2026-07-24 ------------------------------ */
.tn-finish{display:inline-flex;align-items:center;gap:8px;margin-top:10px;
  font:600 12.5px/1 'DM Sans',sans-serif;color:#c8873f;
  padding:8px 13px;border-radius:999px;border:1px solid rgba(200,135,63,.34);
  background:rgba(200,135,63,.07)}
.tn-finish span{color:rgba(246,240,231,.62);font-weight:400}

.tn-byrow{margin-top:13px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tn-byrow label{font:400 12.5px/1 'DM Sans',sans-serif;color:rgba(246,240,231,.6)}
.tn-byrow input{font:600 13px/1 'DM Sans',sans-serif;padding:9px 11px;border-radius:8px;
  border:1px solid rgba(246,240,231,.2);background:rgba(12,12,12,.5);color:var(--tn-ivory)}
.tn-byrow button{font:600 12px/1 'DM Sans',sans-serif;padding:10px 14px;border-radius:999px;
  cursor:pointer;border:1px solid rgba(246,240,231,.22);background:transparent;
  color:var(--tn-ivory)}
.tn-byrow button:hover{background:#c8873f;border-color:#c8873f;color:#141414}

/* The record is a statement of value, not a scoreboard. Quiet, factual. */
.tn-record{max-width:760px;margin:26px auto 0;padding:15px 17px;border-radius:11px;
  border:1px solid rgba(246,240,231,.10);background:rgba(246,240,231,.025)}
.tn-record p{margin:0;font:300 13.5px/1.55 'DM Sans',sans-serif;
  color:rgba(246,240,231,.66)}
.tn-record b{color:var(--tn-ivory);font-weight:600}

.tn-makers{margin:18px 0 4px;padding:12px 0 12px 16px;border-left:2px solid var(--tn-copper)}
.tn-makers span{display:block;margin-bottom:4px;font:700 10px/1.2 'DM Sans',sans-serif;
  letter-spacing:0;text-transform:uppercase;color:var(--tn-copper)}
.tn-makers p{margin:0;font:500 13px/1.5 'DM Sans',sans-serif;color:rgba(246,240,231,.74)}

/* ─────────────────────────────────────────────────────────────────────────
   MOBILE DECISION ORDER (2026-07-26, from the full-site audit)

   Measured on a real 390px journey: after the recommendation generated, the
   reveal crested at the top of the viewport, the TITLE sat about 849px below
   it, and "This is tonight" / "Not tonight" sat about 1,606px below, nearly
   two full mobile viewports past the emotional peak. The experience created
   feeling, then withheld identity and action.

   The desktop composition is deliberate and is left alone. On phones the
   source order is reordered so the crest carries the whole decision: title,
   one line of meta, the fit sentence, and both controls. The poster, the
   confidence read, the reasoning, the evidence table and every optional
   route follow underneath, which is where an argument belongs once the
   choice has been offered.

   Nothing is hidden and no element is removed; this is ordering only, so the
   JS that populates every id is untouched.
   ───────────────────────────────────────────────────────────────────────── */
@media(max-width:760px){
  /* copy before art: the full-bleed cinema backdrop already carries the image,
     so the poster is supporting detail rather than the reveal itself */
  /* the desktop composition pulls the decision block up into the cinema by 62px,
     because the poster used to occupy that overlap. With the copy first, that
     negative margin collided the title with the read paragraph. */
  .tn-decision{display:flex;flex-direction:column;margin-top:18px}
  .tn-decision-copy{order:1;display:flex;flex-direction:column}
  .tn-decision-art{order:2;width:min(46vw,190px);margin:26px auto 0}

  /* the decision, in the order a person needs it */
  .tn-decision-copy .tn-decision-kicker{order:1}
  .tn-decision-copy h2{order:2}
  .tn-decision-copy .tn-meta{order:3}
  .tn-decision-copy .tn-fit{order:4;margin-top:14px}
  .tn-decision-copy .tn-makers{order:5}
  .tn-decision-copy .tn-action-kicker{order:6;margin-top:22px}
  .tn-decision-copy .tn-decision-actions{order:7}
  /* everything after the choice, in its existing relative order */
  .tn-decision-copy .tn-finish{order:8}
  .tn-decision-copy .tn-confidence{order:9;margin-top:22px}
  .tn-decision-copy .tn-why{order:10}
  .tn-decision-copy .tn-evidence{order:11}
  .tn-decision-copy .tn-trailer{order:12}
  .tn-decision-copy .tn-fallback{order:13}
  .tn-decision-copy .tn-resolution-options{order:14}
  .tn-decision-copy .tn-reject-why{order:15}
  .tn-decision-copy .tn-utility-actions{order:16}

  /* bring the crest closer: the read is the reveal, not a full screen of it */
  .tn-decision-cinema{min-height:396px}
  .tn-person-read{padding-bottom:52px}
}
@media(max-width:520px){
  .tn-decision-cinema{min-height:340px}
  .tn-person-read{padding-bottom:40px}
  .tn-person-read>p:last-child{font-size:33px}
  .tn-decision-copy h2{font-size:42px}
}

/* Saved continuity. The first decision remains complete and ungated. This is
   the separate return-value offer that appears only while the Compass beta
   gate is open. */
.tn-continuity{
  position:relative;overflow:hidden;max-width:980px;margin:48px auto 0;
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:42px;align-items:center;padding:34px 36px;border-radius:14px;
  border:1px solid rgba(200,135,63,.34);
  background:
    radial-gradient(circle at 92% 8%,rgba(200,135,63,.18),transparent 30%),
    linear-gradient(135deg,rgba(200,135,63,.10),rgba(246,240,231,.025) 58%);
  color:var(--tn-ivory)
}
.tn-continuity[hidden]{display:none}
.tn-continuity::before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#c8873f
}
.tn-continuity h2{
  max-width:560px;margin:0;font:400 38px/1.02 'Instrument Serif',serif;
  color:var(--tn-ivory)
}
.tn-continuity h2 span{
  display:inline-block;margin-left:9px;vertical-align:top;padding-top:4px;
  font:700 8px/1 'DM Sans',sans-serif;letter-spacing:.18em;
  color:#c8873f
}
.tn-continuity-copy>p:last-of-type{
  max-width:590px;margin:14px 0 0;color:rgba(246,240,231,.68);
  font:300 13.5px/1.62 'DM Sans',sans-serif
}
.tn-continuity ul{
  display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 0;padding:0;list-style:none
}
.tn-continuity li{
  position:relative;padding-left:13px;color:rgba(246,240,231,.53);
  font:500 10.5px/1.35 'DM Sans',sans-serif
}
.tn-continuity li::before{
  content:"";position:absolute;left:0;top:5px;width:5px;height:5px;
  border-radius:50%;background:#c8873f
}
.tn-continuity-form{
  padding:22px;border:1px solid rgba(246,240,231,.11);border-radius:10px;
  background:rgba(10,10,10,.38)
}
.tn-continuity-form label{
  display:block;margin:0 0 11px;color:rgba(246,240,231,.7);
  font:600 11px/1.4 'DM Sans',sans-serif
}
.tn-continuity-form>div{display:flex;gap:8px}
.tn-continuity-form input{
  width:100%;min-width:0;min-height:46px;padding:0 12px;border-radius:7px;
  border:1px solid rgba(246,240,231,.18);background:rgba(10,10,10,.62);
  color:var(--tn-ivory);font:400 13px/1 'DM Sans',sans-serif
}
.tn-continuity-form input:focus{outline:none;border-color:#c8873f}
.tn-continuity-form button{
  min-height:46px;padding:0 16px;border:0;border-radius:7px;white-space:nowrap;
  background:#c8873f;color:#141414;cursor:pointer;
  font:700 11px/1 'DM Sans',sans-serif
}
.tn-continuity-form button:disabled{opacity:.6;cursor:wait}
.tn-continuity-message{
  display:none;grid-column:2;margin:0;color:#c96a4e;
  font:500 11px/1.45 'DM Sans',sans-serif
}
.tn-continuity-message.visible{display:block}
.tn-continuity-message.success{color:#c8873f}
@media(max-width:760px){
  .tn-continuity{max-width:560px;grid-template-columns:1fr;gap:26px;padding:31px 28px}
  .tn-continuity h2{font-size:34px}
  .tn-continuity-message{grid-column:1}
}
@media(max-width:520px){
  .tn-continuity{padding:27px 22px}
  .tn-continuity-form>div{display:grid}
  .tn-continuity-form button{width:100%}
}

/* --- Trailer preview, 2026-07-30. Tap-to-play only; no iframe until asked. */
.tn-trailer{margin:14px 0 4px}
.tn-trailer-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid rgba(193,127,62,.55);color:var(--copper,#C17F3E);border-radius:8px;padding:9px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.tn-trailer-btn:hover{background:rgba(193,127,62,.12)}
.tn-trailer-btn::before{content:'\25B6';font-size:11px}
.tn-trailer-note{font-size:12.5px;color:var(--ivory-muted,#B8AE9F);margin:8px 0 0;line-height:1.5}
.tn-trailer-frame{position:relative;width:100%;aspect-ratio:16/9;margin-top:10px;border-radius:10px;overflow:hidden;background:#000}
.tn-trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Search-intent entrances. This is an index into the decision, not another
   shelf of titles, so the visual language stays typographic and directional. */
.tn-intent-doors{padding:78px max(28px,6vw);background:#171713;border-top:1px solid rgba(246,240,231,.12)}
.tn-intent-doors-head{max-width:1180px;margin:0 auto 38px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:64px;align-items:end}
.tn-intent-doors-head h2{max-width:720px;margin:8px 0 0;color:var(--tn-ivory);font:400 52px/1.02 'Instrument Serif',serif;letter-spacing:0}
.tn-intent-doors-head>p{max-width:480px;margin:0;color:rgba(246,240,231,.58);font:300 15px/1.65 'DM Sans',sans-serif}
.tn-intent-doors-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(246,240,231,.14);border-left:1px solid rgba(246,240,231,.14)}
.tn-intent-doors-grid a{position:relative;min-height:142px;padding:27px 58px 24px 26px;border-right:1px solid rgba(246,240,231,.14);border-bottom:1px solid rgba(246,240,231,.14);color:var(--tn-ivory);text-decoration:none;background:#1b1c18}
.tn-intent-doors-grid a:hover,.tn-intent-doors-grid a:focus-visible{background:#24241f}
.tn-intent-doors-grid small{display:block;color:#c8873f;font:700 9px/1 'DM Sans',sans-serif;letter-spacing:.15em;text-transform:uppercase}
.tn-intent-doors-grid strong{display:block;margin-top:15px;font:400 27px/1.08 'Instrument Serif',serif;letter-spacing:0}
.tn-intent-doors-grid span{position:absolute;right:25px;bottom:24px;color:#c8873f;font-size:20px}
.tn-intent-doors-all{display:block;max-width:1180px;margin:24px auto 0;color:rgba(246,240,231,.7);font:600 13px/1.4 'DM Sans',sans-serif;text-underline-offset:5px}
@media(max-width:820px){
  .tn-intent-doors-head{grid-template-columns:1fr;gap:18px}
  .tn-intent-doors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .tn-intent-doors{padding:58px 22px}
  .tn-intent-doors-head h2{font-size:41px}
  .tn-intent-doors-grid{grid-template-columns:1fr}
  .tn-intent-doors-grid a{min-height:118px}
}