@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--lit-paper:#F8F3E9;--lit-plum:#63283F;--lit-ink:#312329;--lit-copper:#AE7754;--lit-brass:#C49D69}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',Arial,sans-serif}
h1,h2,h3,.display{font-family:'Playfair Display',Georgia,serif!important}
.masthead{background:#F8F3E9!important;border-bottom:1px solid #D7C8B8!important;position:relative;z-index:100}
.masthead__inner{max-width:1440px!important;min-height:100px!important;gap:25px}
.wordmark{display:flex!important;align-items:center!important;min-width:215px!important}
.lit-brand-image{width:232px;height:auto;display:block}
.navlinks a{color:#422B33!important;font-weight:700!important;font-size:12px!important;letter-spacing:.045em}
.navlinks a:hover{color:#9B684C!important}
.navlinks .btn{background:#63283F!important;color:#fff8ef!important;border-color:#63283F!important}
.navlinks .btn:hover{background:#472032!important;color:white!important}
@media(max-width:800px){.masthead__inner{min-height:82px!important;flex-wrap:wrap!important;padding:12px 18px!important}.lit-brand-image{width:190px}.navlinks{display:flex!important;flex-wrap:wrap!important;gap:12px!important}.navlinks a{font-size:11px!important}}
/* Vintage ritual, a real enamel diner mug on an antique coffeehouse table */
body:has(#cupStage){background:#F7F0E6!important;color:#34242A}
body:has(#cupStage) .practice-wrap{max-width:1400px!important;grid-template-columns:minmax(330px,1.05fr) minmax(0,1fr)!important;gap:0!important;padding:0!important;align-items:stretch!important}
body:has(#cupStage) .cupside{position:sticky!important;top:0!important;align-self:start!important;min-height:calc(100vh - 100px);background:#53273A!important;display:flex;flex-direction:column;justify-content:center}
body:has(#cupStage) .cupstage{background:radial-gradient(ellipse at 50% 37%,#94694B 0%,#6C493B 38%,#452632 77%,#351D2A 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:calc(100vh - 100px);display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:55px 24px!important;position:relative;isolation:isolate}
body:has(#cupStage) .cupstage:before{content:'THE DAILY CUP  /  LIT';display:block!important;position:absolute;top:34px;left:35px;font:700 11px 'DM Sans',sans-serif;letter-spacing:.26em;color:#F0D8BA}
body:has(#cupStage) .cupstage:after{content:'TAKE WHAT YOU NEED. LEAVE WHAT YOU CAN.';position:absolute;bottom:28px;left:25px;right:25px;text-align:center;font:600 10px 'DM Sans',sans-serif;letter-spacing:.17em;color:#F0D8BA}
body:has(#cupStage) .cup{width:min(100%,470px)!important;max-height:440px;overflow:visible;filter:drop-shadow(0 24px 17px rgba(20,8,13,.24));margin:20px auto!important}
body:has(#cupStage) .mug-steam path{animation:litSteam 4s ease-in-out infinite;transform-origin:50% 50%}
body:has(#cupStage) .mug-steam path:nth-child(2){animation-delay:.6s}
body:has(#cupStage) .mug-steam path:nth-child(3){animation-delay:1.1s}
@keyframes litSteam{0%,100%{opacity:.25;transform:translateY(6px)}50%{opacity:.85;transform:translateY(-7px)}}
body:has(#cupStage) .cupread{text-align:center!important;margin:0!important}
body:has(#cupStage) .cupread__name{color:#FFF8EE!important;font:italic 400 clamp(30px,3.2vw,49px) 'Playfair Display',Georgia,serif!important}
body:has(#cupStage) .cupread__note{color:#E9D1C1!important;font-size:14px!important}
body:has(#cupStage) .streakbar{border-top:1px solid #A27D77!important;width:100%;max-width:320px;margin:30px auto 0!important;color:#FFF1E6!important}
body:has(#cupStage) .sfig__n,body:has(#cupStage) .sfig__k{color:#FFF1E6!important}
body:has(#cupStage) .weekdots{width:100%;max-width:320px;margin:15px auto!important;color:#FFF1E6!important}
body:has(#cupStage) .practice-wrap>.screen,body:has(#cupStage) .practice-wrap>.screens{background:#FAF6EE}
body:has(#cupStage) .screen{background:#FAF6EE!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:calc(100vh - 100px)!important;padding:clamp(55px,6vw,100px) clamp(30px,5vw,100px)!important;display:none}
body:has(#cupStage) .screen.is-active{display:block!important}
body:has(#cupStage) .screen h1,body:has(#cupStage) .screen h2{font-size:clamp(42px,5vw,72px)!important;line-height:1.07!important;letter-spacing:-.035em;color:#63283F!important}
body:has(#cupStage) .screen .lede{font-size:18px!important;line-height:1.7!important;color:#625159!important}
body:has(#cupStage) .screen .label{color:#96694F!important;letter-spacing:.18em!important}
body:has(#cupStage) .screen .btn{border-radius:2px!important;min-height:52px}
body:has(#cupStage) .level{border:1px solid #D9C5B5!important;border-radius:2px!important;background:#FFFDF9!important}
body:has(#cupStage) .level:hover{border-color:#63283F!important;background:#F4E9E0!important}
body:has(#cupStage) .textarea{background:repeating-linear-gradient(to bottom,#FFFDF9 0,#FFFDF9 37px,#D9C9BA 38px)!important;border:1px solid #D5C2B3!important;min-height:270px!important;line-height:38px!important;padding:0 17px!important}
body:has(#cupStage) .clock{border:1px solid #CDB9AA!important;background:#FFFDF9!important;box-shadow:0 14px 50px #5B3E3110!important}
body:has(#cupStage) .clock__k{color:#63283F!important}
body:has(#cupStage) .status{max-width:100%}
@media(max-width:950px){body:has(#cupStage) .practice-wrap{grid-template-columns:1fr!important}body:has(#cupStage) .cupside{position:relative!important;min-height:auto!important}body:has(#cupStage) .cupstage{min-height:560px!important}body:has(#cupStage) .cup{width:min(80%,350px)!important}body:has(#cupStage) .screen{min-height:0!important;padding:45px 24px 75px!important}}
/* Editorial sessions — two worlds, not one reused template */
body:has(.session-art){font-family:'DM Sans',sans-serif!important}
body:has(.session-art) #intro{min-height:100svh!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;column-gap:clamp(35px,6vw,105px);padding:clamp(45px,7vw,100px) clamp(24px,7vw,115px)!important;max-width:none!important;position:relative}
body:has(.session-art) #intro>*:not(.session-art):not(.session-art__subtitle){grid-column:2}
body:has(.session-art) #intro .session-art{grid-column:1;grid-row:1 / span 9}
body:has(.session-art) #intro .session-art__subtitle{grid-column:1;grid-row:10}
body:has(.session-art) #intro .display{font-size:clamp(45px,5vw,80px)!important;line-height:1.09!important;letter-spacing:-.035em!important;max-width:780px}
body:has(.session-art) #intro .sub{font-size:clamp(17px,1.6vw,22px)!important;line-height:1.7!important;max-width:650px}
body:has(.session-art) #intro button{max-width:350px;min-height:56px;border-radius:2px!important}
body:has(.session-art) #picker,body:has(.session-art) #breath,body:has(.session-art) #session,body:has(.session-art) #close{padding:clamp(60px,8vw,120px) clamp(25px,9vw,130px)!important}
body:has(.session-art) .phase-title{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(48px,7vw,110px)!important}
body:has(.session-art) .prompt-text{font:italic 400 clamp(28px,4vw,55px)/1.25 'Playfair Display',Georgia,serif!important;max-width:950px}
.session-art{position:relative;min-height:560px;overflow:hidden;isolation:isolate;box-shadow:0 28px 75px #120B1328}
.session-art--embers{background:radial-gradient(circle at 53% 70%,#D79C6D 0%,#A05D51 22%,#633744 54%,#352631 100%);border:13px solid #F4E8D9}
.session-art--blaze{background:radial-gradient(circle at 55% 65%,#EFAC54 0%,#D95E34 26%,#7D2932 60%,#28141F 100%);border:13px solid #CDB5A0}
.session-art__sun{position:absolute;left:14%;right:14%;top:15%;height:70%;border-radius:50%;background:radial-gradient(circle,#FFDCAD 0%,#F3AE7B 25%,#C4664B 54%,transparent 72%);filter:blur(12px);opacity:.7}
.session-art__fire{position:absolute;inset:10% 0 10%;display:flex;justify-content:center;align-items:end;gap:0}
.session-art__fire i{display:block;width:34%;height:65%;border-radius:60% 8% 65% 18%;background:linear-gradient(0deg,#6D263A,#D76B42 54%,#F6C07C);transform:rotate(-18deg);filter:drop-shadow(0 0 25px #E48B62)}
.session-art__fire i:nth-child(2){height:82%;width:26%;background:linear-gradient(0deg,#8D2C3C,#F69D51 60%,#F8E1A4);transform:rotate(12deg)}
.session-art__fire i:nth-child(3){height:54%;width:24%;transform:rotate(30deg)}
.session-art--embers .session-art__fire{transform:scale(.62) translateY(34%);opacity:.83}
.session-art--embers .session-art__sun{opacity:.28}
.session-art__rule{position:absolute;left:10%;right:10%;bottom:12%;border-top:1px solid #F6D6B599}
.session-art__serial{position:absolute;top:5%;left:9%;font:700 11px 'DM Sans',sans-serif;letter-spacing:.25em;color:#FFF4E5}
.session-art__label{position:absolute;bottom:5%;left:9%;font:600 clamp(20px,2.5vw,37px) 'Playfair Display',serif;letter-spacing:.1em;color:#FFF4E5}
.session-art__subtitle{font:italic 20px 'Playfair Display',serif!important;opacity:.85;margin-top:20px!important}
body:has(.session-art--embers){background:#F7EEE3!important;color:#39242D!important}
body:has(.session-art--embers) #intro{background:#F7EEE3!important}
body:has(.session-art--embers) #intro .display{color:#63283F!important}
body:has(.session-art--embers) #intro .sub{color:#654E54!important}
body:has(.session-art--blaze){background:#241A20!important;color:#FFF1E3!important}
body:has(.session-art--blaze) #intro{background:#241A20!important}
body:has(.session-art--blaze) #intro .display{color:#FFF5E8!important}
body:has(.session-art--blaze) #intro .sub{color:#E3C5B8!important}
@media(max-width:860px){body:has(.session-art) #intro{display:flex!important;flex-direction:column!important;gap:20px!important;padding:30px 22px 75px!important}body:has(.session-art) #intro .session-art{width:100%;min-height:360px;order:-2}body:has(.session-art) #intro .session-art__subtitle{order:-1}body:has(.session-art) #intro .display{font-size:clamp(38px,10vw,65px)!important}}
@media(prefers-reduced-motion:reduce){.mug-steam path{animation:none!important}html{scroll-behavior:auto}}
/* Site-wide contrast and bespoke editorial story cards */
.lit-new-home .new-hero{background:#291C24!important}
.lit-new-home .new-hero h1,.lit-new-home .new-hero h1 em{color:#FFF6EC!important}
.lit-new-home .new-hero h1 em{color:#F0BDAC!important}
.lit-new-home .new-hero__lead{color:#F2E4DB!important}
.lit-new-home .new-hero__aside{color:#F1D6C8!important}
.lit-new-home .new-hero__art{background:#A76B6B!important}
.lit-new-home .new-kicker{color:#925C69!important}
.lit-new-home .new-hero .new-kicker,.lit-new-home .new-final .new-kicker{color:#F1D2B6!important}
.lit-new-home .new-ritual__text{background:#F1E6D8!important}
.lit-new-home .new-ritual__text p{color:#514149!important}
.lit-new-home .new-door{border-radius:0!important;isolation:isolate;min-height:670px!important}
.lit-new-home .new-door--embers{background:linear-gradient(165deg,#F2DAC4 0%,#C99B85 100%)!important;color:#442735!important}
.lit-new-home .new-door--blaze{background:linear-gradient(150deg,#472436 0%,#7E2D37 48%,#AD563F 100%)!important;color:#FFF5E9!important}
.lit-new-home .new-door__symbol{font-size:0!important;right:9%;top:14%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#F7D5A3,#C47560 45%,transparent 70%);filter:blur(1px);opacity:.75!important}
.lit-new-home .new-door--blaze .new-door__symbol{background:radial-gradient(circle,#FFE3A3,#F6A04C 37%,#D35036 55%,transparent 72%);opacity:.85!important}
.lit-new-home .new-door__symbol:after{content:'';position:absolute;left:33%;bottom:-25%;width:48%;height:105%;border-radius:60% 8% 65% 18%;background:linear-gradient(0deg,#68283D,#E38550 55%,#FFE3B1);transform:rotate(-17deg)}
.lit-new-home .new-door--embers .new-door__symbol:after{height:55%;bottom:-15%;background:linear-gradient(0deg,#6D3546,#B36C4B 60%,#F5BE87)}
.lit-new-home .new-door h3,.lit-new-home .new-door p,.lit-new-home .new-door__cta,.lit-new-home .new-door__num{position:relative;z-index:2}
.lit-new-home .new-door--blaze p{color:#FCE9DE!important}
.lit-new-home .new-final{background:#63283F!important}
.lit-new-home .new-final h2{color:#FFF5E9!important}
.lit-new-home .new-final h2 em{color:#F0C8A5!important}
.lit-new-home .new-journal{background:#281C24!important}
.lit-new-home .new-journal h2{color:#FFF6EA!important}
.lit-new-home .new-journal__copy p{color:#EAD9D3!important}
.lit-new-home .new-about blockquote{color:#54293C!important}
.lit-new-home .new-about p{color:#5B4A4E!important}
.lit-new-home .new-btn--wine{background:#63283F!important;color:#FFF8F0!important}
.lit-new-home .new-btn--wine:hover{background:#452031!important}
.lit-session-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:13px clamp(20px,5vw,70px);background:#F8F3E9;min-height:90px;border-bottom:1px solid #D8C9BA;position:relative;z-index:99}
.lit-session-header img{display:block;width:215px;max-width:100%;height:auto}
.lit-session-header nav{display:flex;gap:clamp(14px,3vw,40px);flex-wrap:wrap}
.lit-session-header nav a{font:700 12px 'DM Sans',sans-serif;letter-spacing:.05em;color:#502B3A!important;text-decoration:none}
.lit-session-header nav a:hover{text-decoration:underline}
@media(max-width:650px){.lit-session-header{flex-wrap:wrap;padding:12px 20px}.lit-session-header img{width:180px}.lit-session-header nav{gap:16px}}