/* calm layer (Oct 19): same content, more air, less noise */
:root{--ink:#111;--soft:#6b6b6b;--line:#e7e7e7}
body{max-width:620px!important;padding:30px 24px 120px!important;line-height:1.6!important;color:var(--ink)}
/* no background squiggles, no doodle draw-ins */
.dz,.hero>svg,.doodle,.d1,.d2{display:none!important}
/* header */
a.name{margin-bottom:22px!important}
nav.nt5{margin:0 0 30px!important;gap:6px!important}
nav.nt5 a{border:1px solid var(--line)!important;box-shadow:none!important;border-radius:14px!important;animation:none!important;font-weight:700;color:#333;padding:9px 2px 8px!important}
nav.nt5 a:hover{transform:none!important;box-shadow:none!important;border-color:#000!important}nav.nt5 a:hover i{transform:none!important}
nav.nt5 a.on{background:#000!important;color:#fff!important;border-color:#000!important;box-shadow:none!important}
nav.nt5 a.on i,nav.nt5 a i{animation:none!important;font-size:20px!important}
/* ticker: one slim, slow, grey line */
.ticker{background:transparent!important;color:#9a9a9a!important;border:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;margin:0 -24px 52px!important;padding:7px 0!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:2.5px!important;text-shadow:none!important;box-shadow:none!important}
.ticker span{animation-duration:90s!important}
/* type scale: one big headline, then calm */
.hero{margin-bottom:6px}
.floaters{font-size:22px!important;margin:0 0 14px!important;letter-spacing:4px}
.emo,.floaters .emo,.soon .emo{animation:none!important}
h1{font-size:40px!important;line-height:1.05!important;letter-spacing:-1px!important;margin:0 0 20px!important}
h1 .w{animation:calmup .6s ease-out forwards!important;transform:none}
h1 .w.inv{box-shadow:none!important;border:0!important;padding:0 8px!important}
@keyframes calmup{from{opacity:0}to{opacity:1;transform:none}}
.big{font-size:19px!important;font-weight:500!important;line-height:1.45!important;color:#333;max-width:34ch}
.big::after{display:none!important;content:none!important}
h2{display:block!important;font-size:22px!important;font-weight:800!important;text-transform:none!important;letter-spacing:-.2px!important;margin:64px 0 16px!important}
h2::after{display:none!important}
p,li{font-size:16.5px!important;line-height:1.6!important;max-width:60ch}
ul,ol{padding-left:22px;margin:0}
li{margin-bottom:12px!important}li:hover{transform:none!important}
li::marker{content:"·  "!important;color:#999!important;font-weight:900}
ol li::marker{content:counter(list-item) ".  "!important;color:#999!important;font-weight:700;font-size:15px}
li b{font-weight:700!important}
/* gentle reveal only */
.rev{transform:translateY(12px)!important;transition:opacity .7s ease,transform .7s ease!important}.rev.in{transform:none!important}
/* contact buttons */
.cta{border:1.5px solid #000!important;box-shadow:none!important;border-radius:999px!important;padding:11px 20px!important;font-size:16px!important;font-weight:700!important;background:#fff!important;color:#000!important;margin-top:6px!important}
.cta:hover,.cta:active{background:#000!important;color:#fff!important;transform:none!important;box-shadow:none!important}
h2+p.big{margin-top:0}
p.big+a.cta{display:inline-block}
p.big[style*="margin-top"]{margin-top:30px!important}
footer{margin-top:88px!important;border-top:1px solid var(--line)!important;padding-top:18px!important;font-size:13px!important;color:#888!important}
/* cards: straight, airy, thin border */
.hcards,.cards{gap:14px!important;margin:40px 0 0!important}
.hcard,.card{border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important;padding:18px 18px!important;background:#fff!important;color:#000!important;transform:none!important;animation:calmup .5s ease-out forwards!important}
.hcard:hover,.hcard:active,.card:hover,.card:active{background:#fafafa!important;color:#000!important;border-color:#000!important;transform:none!important;box-shadow:none!important}
.hcard .he{font-size:28px!important;width:36px!important;transition:none!important}
.hcard:hover .he,.hcard:active .he{transform:none!important}
.hcard b{text-transform:none!important;font-size:17px!important;font-weight:750!important;letter-spacing:-.1px}
.hcard small{color:var(--soft)!important;font-size:14px!important;margin-top:3px!important}
.hcard .ar{font-size:16px!important;color:#bbb!important;font-weight:400!important}
.hcard:hover .ar{transform:none!important;color:#000!important}
.hcard .new{font-size:9px!important;padding:2px 6px!important}
.hcard.pressed{animation:none!important}
.card small{color:var(--soft)!important;font-weight:400!important}
.tipbox{border:1px dashed #cfcfcf!important;border-radius:16px;margin:40px 0 0!important;padding:16px 18px!important;font-weight:500!important;color:#444}
.hub .sub{color:#444;font-weight:500!important}
/* work-soon spot */
.soon{border:1px dashed #cfcfcf!important;border-radius:18px!important;box-shadow:none!important;padding:30px 20px!important}
.soon .emo{font-size:34px!important}.soon b{font-size:18px!important;font-weight:750!important}.soon small{color:var(--soft)}
/* portfolio */
.pf{gap:14px!important;margin:24px 0 0!important}
.pf figure{border:1px solid var(--line)!important;box-shadow:none!important;border-radius:14px;overflow:hidden}
.pf figure:hover,.pf figure:active{transform:none!important}
.pf figcaption{border-top:1px solid var(--line)!important;text-transform:none!important;font-weight:600!important;color:#444}
/* about */
.pfp{border:1.5px solid #000!important;box-shadow:none!important;animation:calmup .6s ease-out both!important;width:168px!important;height:168px!important;margin:8px 0 30px!important}
.me-badge{animation:calmup .6s .4s ease-out both!important;width:78px!important;height:78px!important;right:-26px!important;filter:none!important}
.me-badge.jelly{animation:jl .5s!important}
.mefacts{gap:12px!important;margin:24px 0 0!important}
.mef{transform:none!important;box-shadow:none!important;border:1px solid var(--line)!important;border-radius:16px!important;font-size:16.5px!important;padding:14px 16px!important;animation:calmup .5s ease-out forwards!important}
.mef:active{transform:none!important;background:#fafafa}
.mfe{animation:none!important;font-size:26px!important}
.big.wink{transform:none!important;box-shadow:none!important;border:1px solid var(--line)!important;font-weight:600!important;font-size:16px!important}
/* game box: thinner */
#g{box-shadow:none!important;border-width:1.5px!important;border-radius:14px;overflow:hidden;margin:20px 0 10px!important}
#gb{box-shadow:none!important;border-width:1.5px!important;border-radius:14px}
/* the 🔍 / 🚀 pills live in the ✨ menu and on More now */
.ntbig-row{display:none!important}
html.night .hcard,html.night .card,html.night .mef,html.night .soon{background:#000!important;color:#fff!important}
html.night .ticker{color:#888!important;text-shadow:none!important;border-color:#333!important}
html.night nav.nt5 a{box-shadow:none!important}

/* Do more / Zmanim: same tools, quieter boxes */
.dmh h1{font-size:40px!important}.dmh .sub,.sec .sub{font-weight:500!important;color:#444}
.tiles{gap:10px!important;margin:0 0 48px!important}
.tile{border:1px solid var(--line)!important;box-shadow:none!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;animation:calmup .5s ease-out forwards!important}
.tile.on{background:#000!important;color:#fff!important;border-color:#000!important;transform:none!important}
.tile.on .te{animation:none!important}.tile .te{font-size:28px!important}
.sec h2{font-size:28px!important;margin:6px 0 8px!important}
.tdc{border:1px solid var(--line)!important;box-shadow:none!important;border-radius:20px!important;padding:20px 18px 16px!important;margin:0 0 22px!important;animation:calmup .5s ease-out forwards!important}
.tdc h3{font-size:12px!important;letter-spacing:2px!important;color:#888;font-weight:700!important;margin-bottom:12px!important}
.tdhero{border-radius:20px}
.tdrow{border-bottom:1px solid #f0f0f0!important;padding:10px 0!important}
.tdrow b{font-weight:700!important}
.tdshabgrid div,.tdwxdays div{border:1px solid var(--line)!important}
.tdshabgrid .e,.tdwxnow .e,.dmcard .dmem,.qres .qbig{animation:none!important}
.tdgeo{border:1px solid #ccc!important;font-weight:700!important}
#wheel{box-shadow:none!important;border-width:3px!important}
.dmhub{animation:none!important}
.dmspin{box-shadow:none!important}
.dmcard,.qres,.lgcta{border:1px solid var(--line)!important;box-shadow:0 10px 30px rgba(0,0,0,.08)!important;border-radius:20px}
.dmwa{animation:none!important}
.qbar{border-width:1.5px!important}
.qb{border:1px solid var(--line)!important;box-shadow:none!important}
.qb.pick{border-color:#000!important}
#lgin{border:1.5px solid #000!important;box-shadow:none!important}
.lgc{border:1px solid var(--line)!important;box-shadow:none!important}

/* RED: thinner frame */
.rtog button{border-width:1.5px!important}
.rwrap{border:1px solid var(--line)!important;box-shadow:none!important}
.rwin{border:1px solid var(--line)!important}
.rwin .rbtn{border-width:1.5px!important}