/* habitualism — longevity launch layer. bold, rhode-style. loaded after styles.css */
:root{--cv:#fbf8f0;--cd:#f6f2e8;--ink:#1a1918;--ink2:#2b2825;--tp:#67645e;--ln:#e6e0d3;--hd:"Outfit","Archivo Black",system-ui,sans-serif;--tx:Inter,system-ui,sans-serif}
body.lx{background:var(--cv);color:var(--ink);font:16px/1.55 var(--tx)}
.lx h1,.lx h2,.lx h3{font-family:var(--hd);font-weight:900;letter-spacing:-.045em;text-transform:lowercase;color:var(--ink)}
.lx .wrap{max-width:1360px;padding:0 clamp(20px,4vw,56px)}
.lx-lab{display:inline-block;font:600 11px/1.2 var(--tx);letter-spacing:.16em;text-transform:uppercase;color:var(--tp)}
/* header */
.lx header.top{background:var(--cv);border:0;position:sticky;top:0;z-index:20}
.lx header.top .wrap{height:72px;display:flex;align-items:center;justify-content:space-between}
.lx .logo-img{height:22px;width:auto}
.lx-nav{display:flex;align-items:center;gap:28px}
.lx-nav a{margin:0;font:500 14px var(--tx);color:var(--ink);text-decoration:none;text-transform:lowercase}
.lx-nav a.lx-navpill{background:var(--ink);color:var(--cv);padding:10px 18px;border-radius:999px}
@media(max-width:600px){.lx-nav{gap:16px}.lx-nav .hide-m{display:none}.lx-nav a.lx-navpill{padding:8px 14px;font-size:13px}}
/* pills */
.lx-pill{display:inline-block;background:var(--tp);color:#fff;text-decoration:none;font:600 15px var(--tx);text-transform:lowercase;padding:18px 34px;border-radius:999px;transition:background .2s}
.lx-pill:hover{background:var(--ink)}
.lx-pill.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.lx-pill.ghost:hover{background:var(--ink);color:var(--cv)}
.lx-pill.sm{padding:10px 18px;font-size:13px}
.lx-pill.pending{background:transparent;color:var(--tp);box-shadow:inset 0 0 0 1px var(--ln);cursor:default}
/* hero */
.lx-hero{padding:clamp(48px,9vw,120px) 0 0}
.lx-hero h1{font-size:clamp(64px,14.5vw,232px);line-height:.84;margin:22px 0 32px;letter-spacing:-.06em}
.lx-hero.sm h1{font-size:clamp(56px,11vw,168px)}
.lx-sub{font-size:clamp(18px,1.8vw,24px);line-height:1.35;max-width:620px;color:var(--ink2);margin:0 0 36px;text-transform:lowercase}
.lx-ctas{display:flex;gap:12px;flex-wrap:wrap}
.lx-faces{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(56px,8vw,104px)}
.lx-face{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--cd)}
.lx-face img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) sepia(.18);display:block}
.lx-face span{position:absolute;left:18px;bottom:14px;font:900 clamp(22px,3vw,44px)/1 var(--hd);color:#fbf8f0;letter-spacing:-.04em;text-shadow:0 1px 20px rgba(0,0,0,.25)}
@media(max-width:700px){.lx-faces{grid-template-columns:repeat(2,1fr)}}
/* ticker */
.lx-ticker{background:var(--ink);color:var(--cv);overflow:hidden;white-space:nowrap;padding:22px 0}
.lx-tk{display:inline-block;animation:lxtk 40s linear infinite}
.lx-tk span{font:900 clamp(28px,4vw,56px)/1 var(--hd);letter-spacing:-.03em;padding-right:.3em}
@keyframes lxtk{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.lx-tk{animation:none}}
/* sections */
.lx-sh{margin-bottom:44px}.lx-sh h2{font-size:clamp(44px,7vw,112px);line-height:.9;margin:16px 0 0}
.lx-moves{padding:clamp(72px,10vw,140px) 0}
.lx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
@media(max-width:960px){.lx-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lx-grid{grid-template-columns:1fr}}
.lx-card{display:block;text-decoration:none;color:inherit}
.lx-ph{position:relative;aspect-ratio:1/1;background:var(--cd);border-radius:6px;overflow:hidden}
.lx-ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.15);transition:filter .4s,transform .6s;display:block}
.lx-card:hover .lx-ph img{filter:none;transform:scale(1.03)}
.lx-mono{position:absolute;inset:0;display:grid;place-items:center;font:900 clamp(80px,10vw,160px)/1 var(--hd);color:var(--tp);letter-spacing:-.06em}
.lx-no{position:absolute;top:14px;left:16px;font:600 11px var(--tx);letter-spacing:.14em;background:var(--cv);padding:6px 10px;border-radius:999px}
.lx-cb{padding:18px 2px 8px}
.lx-cb h3{font-size:clamp(28px,2.6vw,38px);line-height:1;margin:8px 0 10px}
.lx-cb p{margin:0 0 14px;color:var(--ink2);font-size:15px;max-width:40ch}
.lx-steal{font:600 13px var(--tx);text-transform:lowercase;border-bottom:1.5px solid var(--ink);padding-bottom:2px}
/* stack */
.lx-stack{background:var(--tp);color:var(--cv);padding:clamp(72px,10vw,140px) 0;margin:0}
.lx-stack .lx-lab{color:#e9e4d8}
.lx-stack h2{color:var(--cv);font-size:clamp(48px,8vw,128px);line-height:.88;margin:18px 0 22px}
.lx-stack p{font-size:18px;max-width:520px;margin:0 0 30px;color:#f1ece2}
.lx-form{display:flex;max-width:560px;background:var(--cv);border-radius:999px;padding:6px;flex-wrap:wrap}
.lx-form input{flex:1;min-width:0;border:0;background:none;padding:14px 20px;font:16px var(--tx);color:var(--ink);outline:none}
.lx-form button{border:0;background:var(--ink);color:var(--cv);font:600 15px var(--tx);padding:14px 28px;border-radius:999px;cursor:pointer}
.lx-form .su-err{flex-basis:100%;color:#a23;margin:6px 20px;font-size:14px}
.lx-stack .su-ok{font:900 32px var(--hd)}
.lx-fine{font-size:12px;color:var(--tp);margin-top:16px}.lx-stack .lx-fine{color:#e9e4d8}.lx-stack .lx-fine a{color:inherit}
/* how */
.lx-how{padding:clamp(64px,9vw,120px) 0;border-bottom:1px solid var(--ln)}
.lx-how .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.lx-how h3{font-size:clamp(34px,3.6vw,56px);line-height:.95;margin:12px 0}
.lx-how p{color:var(--ink2);margin:0;max-width:30ch}
@media(max-width:760px){.lx-how .wrap{grid-template-columns:1fr}}
.lx-else{padding:40px 0}.lx-else a{font:600 15px var(--tx);color:var(--tp);text-decoration:none;text-transform:lowercase}
/* footer */
.lx-foot{background:var(--ink);color:var(--cv);padding:80px 0 40px}
.lx-foot-big{font:900 clamp(44px,8vw,120px)/.9 var(--hd);letter-spacing:-.05em;margin:0 0 56px}
.lx-foot-cols{display:flex;gap:80px;flex-wrap:wrap}
.lx-foot-cols div{display:flex;flex-direction:column;gap:8px}
.lx-foot-cols .lx-lab{color:#a8a297;margin-bottom:6px}
.lx-foot a{color:var(--cv);text-decoration:none;text-transform:lowercase;font-size:15px}
.lx-foot .lx-fine{color:#a8a297;margin-top:56px}
/* ---------- routine pages ---------- */
.lx .rp{max-width:1360px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.lx .rhero{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,64px);align-items:end;background:none!important;padding:clamp(40px,6vw,96px) 0 48px;border:0;margin:0}
.lx .rhero h1{font-size:clamp(52px,7.4vw,124px);line-height:.88;margin:18px 0 22px;letter-spacing:-.055em}
.lx .rhero .kick{font:600 11px var(--tx);letter-spacing:.16em;text-transform:uppercase;color:var(--tp)}
.lx .rhero .lede{font-size:19px;color:var(--ink2);max-width:560px}
.lx .rhero .duo{order:2;width:100%;max-width:none;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:var(--cd)!important;box-shadow:none;transform:none}
.lx .rhero .duo::before,.lx .rhero .duo::after{display:none}
.lx .rhero .duo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.15);border-radius:0;transform:none;border:0;box-shadow:none}
.lx .rhero .rh-text{order:1}
@media(max-width:820px){.lx .rhero{grid-template-columns:1fr}.lx .rhero .duo{order:0;aspect-ratio:1/1}}
.lx-stealit{background:var(--ink);color:var(--cv);border-radius:6px;padding:clamp(32px,5vw,72px);margin:24px 0 56px}
.lx-stealit .lx-lab{color:#a8a297}.lx-stealit h2{color:var(--cv);font-size:clamp(52px,8vw,128px)}
.lx-check{list-style:none;padding:0;margin:0;counter-reset:m}
.lx-check li{border-top:1px solid #3a3733;padding:22px 0}
.lx-check label{display:flex;gap:20px;align-items:center;cursor:pointer;font:700 clamp(20px,2.4vw,32px)/1.15 var(--hd);letter-spacing:-.02em}
.lx-check input{position:absolute;opacity:0}
.lx-box{flex:none;width:30px;height:30px;border-radius:999px;box-shadow:inset 0 0 0 2px var(--cv)}
.lx-check input:checked+.lx-box{background:var(--cv) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='%231a1918' stroke-width='3'/%3E%3C/svg%3E") center/18px no-repeat}
.lx-check input:checked~span:last-child{text-decoration:line-through;opacity:.5}
.lx-check input:focus-visible+.lx-box{outline:2px solid var(--cv);outline-offset:3px}
.lx-stealit .lx-fine{color:#a8a297}
.lx-kit{padding:clamp(56px,7vw,100px) 0}
.lx-prods{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:960px){.lx-prods{grid-template-columns:repeat(2,1fr)}}
.lx-prod{display:flex;flex-direction:column;gap:8px}
.lx-pimg{aspect-ratio:1/1;background:var(--cd);border-radius:6px;display:grid;place-items:center;font:900 96px/1 var(--hd);color:#d9d2c3;margin-bottom:8px}
.lx-prod b{font:800 20px/1.1 var(--hd);letter-spacing:-.02em;text-transform:lowercase}
.lx-pn{font-size:14px;color:var(--ink2);flex:1}
.lx-prod .lx-pill{align-self:flex-start;margin-top:6px}
/* tone down legacy blocks on routine pages */
.lx .sec h2{font-size:clamp(36px,5vw,72px);line-height:.95;margin-bottom:28px}
.lx .trythis{background:var(--cd);border:0;border-radius:6px;box-shadow:none}
.lx .glance,.lx .dayring,.lx .keytimes{background:var(--cd);border:0;border-radius:6px;box-shadow:none}
.lx .busy{background:var(--cd)!important;color:var(--ink)!important;border-radius:6px}
.lx .busy h2,.lx .busy li{color:var(--ink)!important}
.lx .rvote{display:none}
.lx .lx-stack{border-radius:6px;margin:56px 0}
.lx .rp .lx-stack .wrap{padding:0 clamp(24px,5vw,72px)}
.lx .tabs a{text-transform:lowercase;border-radius:999px}
/* v2 overrides (beat legacy specificity) */
.lx header.top .lx-nav a{margin:0!important;text-transform:lowercase!important;letter-spacing:0!important;font:500 14px var(--tx)!important;color:var(--ink)!important;padding:0;background:none}
.lx header.top .lx-nav a.lx-navpill{background:var(--ink)!important;color:var(--cv)!important;padding:10px 18px!important;border-radius:999px}
@media(max-width:600px){.lx header.top .wrap{height:60px}.lx .logo-img{height:18px}.lx-nav{gap:14px}.lx header.top .lx-nav a{font-size:13px!important}.lx header.top .lx-nav a.lx-navpill{padding:8px 14px!important}}
.lx-face span{left:24px;bottom:20px}
.lx main.rp .rhero{display:grid!important;grid-template-columns:1.2fr 1fr!important;gap:clamp(24px,4vw,64px)!important;align-items:end!important;background:none!important;color:var(--ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:clamp(40px,6vw,96px) 0 48px!important;margin:0!important}
.lx main.rp .rhero .rph{order:2;width:100%!important;height:auto!important;aspect-ratio:4/5;border-radius:6px!important;border:0!important;box-shadow:none!important;background:var(--cd)!important;grid-column:auto!important}
.lx main.rp .rhero .rph img.hero-ph{filter:grayscale(1) sepia(.15);object-position:50% 20%}
.lx main.rp .rhero .rph.mono{font:900 clamp(120px,16vw,240px)/1 var(--hd)!important;color:var(--tp)!important;letter-spacing:-.06em;text-transform:lowercase}
.lx main.rp .rhero h1{grid-column:auto!important;font-size:clamp(48px,7.4vw,124px)!important;margin:18px 0 22px!important}
.lx main.rp .rhero .legend{grid-column:auto!important;margin-top:24px}
.lx main.rp .rhero .lede{font-size:19px!important;line-height:1.45;color:var(--ink2)!important;max-width:540px}
.lx main.rp .rhero .pill{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)!important;border:0!important;text-transform:lowercase;letter-spacing:0;font:500 13px var(--tx);padding:7px 14px}
@media(max-width:820px){.lx main.rp .rhero{grid-template-columns:1fr!important;padding-top:24px!important}.lx main.rp .rhero .rph{order:0;aspect-ratio:1/1}}
.lx .lx-stealit .lx-check label,.lx .lx-stealit .lx-check span{color:var(--cv)!important}
.lx .lx-stealit .lx-fine{color:#a8a297!important}
.lx .trythis .tt-tag{text-transform:uppercase}
.lx h1,.lx h2,.lx h3,.lx .trythis p{font-family:var(--hd)!important;font-weight:900;letter-spacing:-.045em}
.lx .trythis p{font-weight:800;letter-spacing:-.025em}
.lx .rp .sec h3,.lx .tl h3{font-weight:800;letter-spacing:-.02em}