:root{--paper:#FBF4E8;--paper2:#F3E5CC;--card:#FFFDF8;--ink:#2B1D12;--dim:#6A5542;--line:#E6D3B3;--amber:#D98A1E;--coral:#D65F3A;--sky:#3B7CA3;--sage:#5F7F2E;--plum:#8A4B7A;--night:#15110D;--serif:"New York","Iowan Old Style",Charter,Georgia,"Times New Roman",serif}
*{box-sizing:border-box}[hidden]{display:none!important}
html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;background:radial-gradient(900px 520px at 85% -5%,rgba(217,138,30,.28),transparent 65%),radial-gradient(700px 500px at 0% 8%,rgba(214,95,58,.16),transparent 65%),radial-gradient(900px 600px at 100% 55%,rgba(59,124,163,.10),transparent 70%),var(--paper);background-repeat:no-repeat}
a{color:var(--coral)}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.015em;line-height:1.08;margin:0 0 .4em;color:var(--ink)}
h1{font-size:clamp(2.6rem,6.2vw,4.6rem)}h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}h3{font-size:1.3rem}
.bar{position:sticky;top:0;z-index:5;background:rgba(251,244,232,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--serif);font-weight:700;font-size:1.2rem}
.brand img{border-radius:8px}.brand .he{color:var(--amber)}
nav{display:flex;gap:18px;align-items:center}nav a{color:var(--dim);text-decoration:none;font-size:.95rem}nav a:hover{color:var(--ink)}
.discord{display:inline-flex;align-items:center;gap:6px;color:#fff!important;background:#5865F2;padding:6px 12px;border-radius:999px;text-decoration:none}.discord svg{width:18px;height:18px}
/* hero */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding:64px 0 24px}
.eyebrow{color:var(--coral);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;margin:0 0 10px}
.hero em{font-style:italic;color:var(--amber)}
.lede{font-size:1.18rem;color:var(--dim)}
.hero-horn{position:relative}.hero-horn::before{content:"";position:absolute;inset:-10% -6%;z-index:-1;background:radial-gradient(closest-side,rgba(240,170,60,.55),rgba(214,95,58,.18) 55%,transparent);filter:blur(10px)}
.hero-horn img{width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(80,40,10,.35));transform:rotate(-6deg)}
.chips{list-style:none;padding:0;margin:18px 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{border:1px solid var(--line);background:var(--card);padding:4px 12px;border-radius:999px;font-size:.9rem;color:var(--dim)}
.cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.soon{background:var(--ink);color:var(--paper);padding:11px 20px;border-radius:12px;font-weight:600}
.store-badge{display:inline-block;line-height:0;margin:11px 0}.store-badge img{height:44px;width:auto}
/* screenshots: set in a dark bezel, like the iPad they run on, with a faint warm glow behind */
.stage{position:relative;border-radius:30px;padding:clamp(8px,1.1vw,14px);background:#1C1611;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 1px 0 rgba(255,255,255,.08) inset,0 34px 70px -18px rgba(60,35,15,.45),0 10px 24px -10px rgba(60,35,15,.3)}
.stage::before{content:"";position:absolute;inset:-12% -8%;z-index:-1;background:radial-gradient(closest-side,var(--glow,rgba(217,138,30,.16)),transparent);filter:blur(20px)}
.stage img{display:block;width:100%;height:auto;border-radius:20px}
.stage img+img{margin-top:12px}
.s-amber{--glow:rgba(217,138,30,.18)}.s-coral{--glow:rgba(214,95,58,.15)}.s-sky{--glow:rgba(59,124,163,.15)}.s-sage{--glow:rgba(95,127,46,.15)}.s-plum{--glow:rgba(138,75,122,.14)}
.hero-shot{margin:30px auto 0}
/* what is a shofar */
.intro{padding:64px 0 24px;border-top:1px solid var(--line)}
.intro .lead{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.intro p{color:var(--dim);font-size:1.08rem}
.calls{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}
.call{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 16px;box-shadow:0 10px 24px rgba(80,50,20,.07);display:flex;flex-direction:column;gap:6px;border-top:6px solid var(--c)}
.call .he{font-family:var(--serif);font-size:1.5rem;color:var(--c);line-height:1.2}
.call b{font-family:var(--serif);font-size:1.15rem}
.call p{margin:0;color:var(--dim);font-size:.93rem;flex:1}
.call button{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;background:var(--c);color:#fff;font:600 .9rem system-ui,-apple-system,sans-serif;padding:7px 14px;cursor:pointer}
.call button.on{background:var(--ink)}
.c1{--c:#D98A1E}.c2{--c:#D65F3A}.c3{--c:#B8437A}.c4{--c:#3B7CA3}.c5{--c:#5F7F2E}
.note{font-size:.88rem;color:var(--dim);margin-top:12px}
/* features */
.feature{display:grid;grid-template-columns:1fr 1.35fr;gap:56px;align-items:center;padding:72px 0;border-top:1px solid var(--line)}
.feature.flip{grid-template-columns:1.35fr 1fr}.feature.flip .text{order:2}
.feature .label{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--k)}
.feature p,.feature ul{color:var(--dim)}.feature ul{padding-left:1.1em;margin:.4em 0 0}.feature li{margin:.25em 0}
.k-amber{--k:var(--amber)}.k-coral{--k:var(--coral)}.k-sky{--k:var(--sky)}.k-sage{--k:var(--sage)}.k-plum{--k:var(--plum)}
/* places */
.places{padding:72px 0;border-top:1px solid var(--line)}
.places .head{max-width:760px}.places p{color:var(--dim)}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:14px;margin-top:28px}
.mosaic figure{margin:0;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(60,35,15,.2)}
.mosaic figure.big{grid-column:span 2;grid-row:span 2}
.mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.mosaic figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65));font-weight:600}
.mosaic figcaption small{display:block;font-weight:400;opacity:.85;font-size:.82rem}
.mosaic .horn-tile{background:radial-gradient(closest-side,#F6B44A,#D65F3A 70%,#8A3A1E)}.mosaic .horn-tile img{object-fit:contain;padding:18px;transform:rotate(-8deg)}
.places .stage{margin-top:28px}
/* hosts, story, closing */
.hosts{padding:64px 0;border-top:1px solid var(--line);text-align:center}
.hosts p{color:var(--dim);max-width:720px;margin:0 auto}
.flow{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0 10px}
.flow span{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 18px;font-weight:600}
.flow .me{border-color:transparent;color:#fff;background:linear-gradient(90deg,var(--amber),var(--coral))}.flow i{color:var(--dim);font-style:normal}
.story{padding:64px 0;border-top:1px solid var(--line)}
.story .col{max-width:680px;margin:0 auto}.story p{font-size:1.2rem;line-height:1.7}
.story .sig{color:var(--coral);font-size:1rem;font-weight:700}
.family{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.family a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink)}
.family b{font-family:var(--serif);font-size:1.15rem}.family span{display:block;color:var(--dim);font-size:.95rem}
.closing{text-align:center;padding:84px 20px;margin:20px 0 40px;border-radius:30px;background:linear-gradient(135deg,#F6B44A,#D65F3A 60%,#B8437A);color:#fff}
.closing h2{color:#fff}.closing .soon{background:#fff;color:var(--ink)}
/* docs */
.doc{max-width:760px;margin:0 auto;padding:48px 20px}.doc p,.doc li{color:var(--dim)}.doc h2{margin-top:1.6em;font-size:1.5rem}
.summary{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--amber);border-radius:14px;padding:16px 18px;color:var(--ink)!important}
.updated{font-size:.9rem}
.faq dt{font-weight:700;margin-top:1.2em;color:var(--ink)}.faq dd{margin:.3em 0 0;color:var(--dim)}
.credits li{margin:.5em 0}
.email-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.email-row code{font-size:1rem}.email-row a{color:#fff;background:var(--coral);border-radius:8px;padding:6px 12px;font-weight:600;text-decoration:none}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--dim);font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{color:var(--dim);margin-right:16px;text-decoration:none}
@media (max-width:900px){.calls{grid-template-columns:repeat(2,1fr)}.mosaic{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.hero,.intro .lead,.feature,.feature.flip{grid-template-columns:1fr;gap:28px}.feature{padding:48px 0}.feature.flip .text{order:0}.hero{padding-top:30px}nav a:not(.discord){display:none}.family{grid-template-columns:1fr}}
.mosaic figure.wide{grid-column:span 2}
html,body{overflow-x:clip}