*{box-sizing:border-box;margin:0}
:root{--cocoa:#17120F;--cocoa2:#221A15;--cream:#F2EAE0;--cream2:#D9CCBE;--muted:#B3A598;--sea:#8CCAB6;--seaDeep:#2D6A5D;--paper:#F6EEE3;--ink:#2B211C;--serif:"New York","Iowan Old Style",Palatino,Georgia,serif}
html{scroll-padding-top:90px}body{background:var(--cocoa);color:var(--cream);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.serif{font-family:var(--serif);font-weight:400}em{font-style:italic}a{color:var(--sea)}figure{margin:0}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px}.narrow{max-width:760px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:8px;background:var(--sea);color:#13201C;padding:8px 14px;border-radius:8px;z-index:9}
.top{position:absolute;left:0;right:0;top:0;z-index:5}.bar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding-top:22px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:11px;font:400 24px var(--serif);color:var(--cream);text-decoration:none;letter-spacing:.2px}
.top nav{display:flex;align-items:center;gap:26px;font-size:15px;flex-wrap:wrap}.top nav a:not(.pill){color:var(--cream2);text-decoration:none}.top nav a:not(.pill):hover{color:var(--cream)}.top nav a[aria-current]{color:var(--cream);text-decoration:underline;text-underline-offset:6px}
.pill{display:inline-flex;align-items:center;padding:11px 22px;border-radius:999px;border:1px solid rgba(140,202,182,.7);color:var(--sea);font-weight:600;text-decoration:none;font-size:15px;letter-spacing:.1px;transition:background .2s,color .2s}
.pill:hover{background:rgba(140,202,182,.12)}.pill.solid{background:var(--sea);color:#13201C;border-color:var(--sea)}.pill.solid:hover{background:#a3d6c6}.pill.big{padding:15px 30px;font-size:16px}.pill.quiet{border-color:rgba(242,234,224,.25);color:var(--muted);cursor:default}.pill.quiet:hover{background:none}
a:focus-visible,summary:focus-visible{outline:3px solid var(--sea);outline-offset:3px;border-radius:8px}
.eyebrow{font:600 12px system-ui;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:14px;margin-bottom:16px}.eyebrow:after{content:"";height:1px;width:56px;background:rgba(242,234,224,.22)}
.eyebrow.dark-ink{color:#7a6a5d}.eyebrow.dark-ink:after{background:rgba(43,33,28,.2)}
.lede{color:#CDBFAE;max-width:600px;margin:18px 0 0;font-size:18.5px;line-height:1.65}.small{font:13px/1.6 system-ui;color:var(--muted)}.fine{font-size:13px;color:#8f8277}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.note{font:13px system-ui;color:#8f8277;margin-top:18px;letter-spacing:.3px}
.hero{position:relative;overflow:hidden;background:radial-gradient(720px 520px at 74% 42%,rgba(140,202,182,.20),transparent 70%),linear-gradient(172deg,#FBF6EE 0%,#F1E6D6 100%);color:var(--ink);padding:140px 0 90px}.hero .lede{color:#5a4b41}.hero .eyebrow{color:#7a6a5d}.hero .eyebrow:after{background:rgba(43,33,28,.2)}.hero .note{color:#8a7a6c}.hero .pill{border-color:var(--seaDeep);color:var(--seaDeep)}.hero .pill:hover{background:rgba(45,106,93,.08)}.hero .pill.solid{background:var(--seaDeep);color:#fff}.hero .pill.solid:hover{background:#245a4e}.top.on-light .brand{color:var(--ink)}.top.on-light nav a:not(.pill){color:#4a3d35}.top.on-light .pill.solid{background:var(--seaDeep);border-color:var(--seaDeep);color:#fff}.night{padding:64px 0 70px;background:var(--cocoa)}
.ground{position:absolute;right:0;--w:min(100vw,1500px);width:var(--w);height:auto;bottom:calc(400px - var(--w) * .952);pointer-events:none;transform-origin:72% 100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26%);mask-image:linear-gradient(to bottom,transparent 0,#000 26%)}
@media(min-width:1501px){.ground{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26%),linear-gradient(to right,transparent 0,#000 20%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0,#000 26%),linear-gradient(to right,transparent 0,#000 20%);mask-composite:intersect}}
.hero .wrap{position:relative;z-index:1}
.herogrid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}.hero h1{font-size:78px;line-height:1;letter-spacing:-1.8px;color:var(--ink)}.hero h1 em{color:#8A5F3E}
.heroart{position:relative;height:660px}
.halo{position:absolute;top:-136px;left:50%;width:840px;height:840px;max-width:none;transform:translateX(-50%);opacity:.82;pointer-events:none}
.arch{position:absolute;z-index:1;left:50%;top:94px;transform:translateX(-50%);width:380px;border-radius:190px 190px 28px 28px;overflow:hidden;box-shadow:0 40px 80px rgba(43,33,28,.28)}.arch img{display:block;width:100%;height:560px;object-fit:cover;object-position:52% 30%}
.phases{display:flex;justify-content:space-between;gap:10px}
.ph{background:none;border:0;padding:8px 6px 4px;border-radius:16px;cursor:pointer;position:relative}.ph:hover svg{opacity:1}.ph:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.ph[aria-pressed=true]{background:rgba(242,234,224,.06)}
.ph .tn{display:none;font:600 9.5px system-ui;letter-spacing:1px;color:var(--sea);font-style:normal}.ph.tonight .tn{display:flex;align-items:center;gap:5px}.ph.tonight .tn:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sea)}
.nameband{position:relative;overflow:hidden;padding-top:84px!important;padding-bottom:280px!important}.nameband p.small{color:#CDBFAE;text-shadow:0 1px 14px rgba(23,18,15,.9)}.nameband .wrap{position:relative;z-index:1}
.horizon{position:absolute;left:50%;--w:min(100vw,1500px);width:var(--w);height:auto;bottom:calc(252px - var(--w) * .709);transform:translateX(-50%);transform-origin:50% 57%;opacity:.9;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 62%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 62%,#000 55%,transparent 100%)}
.three .bm{display:block;margin-bottom:12px}
.lunacard .tag{align-self:flex-start;font:600 10px system-ui;letter-spacing:1.4px;text-transform:uppercase;color:var(--sea);border:1px solid rgba(140,202,182,.4);border-radius:999px;padding:3px 9px}
.lunacard .pair{display:flex;flex-direction:column;gap:10px}#lunademo{padding:22px 18px;gap:12px;justify-content:flex-start}.lunacard [hidden]{display:none!important}.lunacard .pair .q{font-size:14.5px;padding:10px 12px;border-radius:14px}.lunacard .pair .a{font-size:13.5px;line-height:1.42}#lunademo .small{font-size:10.5px;line-height:1.4}
.lunacard .chips{display:flex;flex-wrap:wrap;gap:6px}.lunacard .chips button{font:600 11px system-ui;color:var(--cream);background:rgba(242,234,224,.07);border:1px solid rgba(242,234,224,.14);border-radius:999px;padding:5px 9px;cursor:pointer}.lunacard .chips button[aria-pressed=true]{background:var(--sea);color:#17120F;border-color:var(--sea)}.lunacard .chips button:focus-visible{outline:2px solid var(--sea);outline-offset:2px}
.ph{display:flex;flex-direction:column;align-items:center;gap:8px;font:10.5px system-ui;letter-spacing:1px;color:var(--muted);text-transform:uppercase;text-align:center}
.cap{font:italic 19px var(--serif);color:var(--cream2);margin-top:26px;text-align:center}.cap span{display:inline}
section{padding:120px 0}h2{font-size:48px;line-height:1.08;letter-spacing:-.8px}.head{max-width:760px;margin-bottom:54px}.dark.line{border-top:1px solid rgba(242,234,224,.07)}
.cream{background:linear-gradient(172deg,#F8F1E7,#ECE0CD);color:var(--ink)}.cream .lede,.cream p{color:#5a4b41}.cream a{color:var(--seaDeep)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gal figure{aspect-ratio:3/4;border-radius:24px;overflow:hidden;background:var(--cocoa2)}.gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.gal figure:hover img{transform:scale(1.03)}
.gal figure:nth-child(2),.gal figure:nth-child(4){margin-top:40px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid rgba(43,33,28,.1);background:rgba(255,253,249,.62);border-radius:26px;padding:32px}.card h3{font-size:26px;margin:18px 0 8px;color:var(--ink)}.card p{font-size:15.5px;color:#5a4b41}
.ic{width:46px;height:46px;border-radius:15px;background:rgba(45,106,93,.11);display:flex;align-items:center;justify-content:center;color:var(--seaDeep)}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(242,234,224,.09);border:1px solid rgba(242,234,224,.09);border-radius:28px;overflow:hidden}
.facts article{background:var(--cocoa);padding:38px 40px}.facts .num{font-size:44px;line-height:1;color:#EAD7BD;margin-bottom:16px}.facts h3{font:600 17px system-ui;margin-bottom:8px;color:var(--cream)}.facts p{color:#B9AB9C;font-size:15.5px}
.ref{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:5px;border-radius:9px;font:600 10.5px system-ui;background:rgba(140,202,182,.14);color:var(--sea);text-decoration:none;vertical-align:2px}
.cream .ref{background:rgba(45,106,93,.12);color:var(--seaDeep)}
.tones{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:54px}.mst{display:flex;border-radius:18px;overflow:hidden;border:1px solid rgba(242,234,224,.12)}.mst div{flex:1;height:54px;transition:flex-grow .5s cubic-bezier(.2,.7,.2,1)}.mst div:hover{flex-grow:1.9}
.facts article.wide{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}.facts article.wide .num{margin:0}
.caremark{display:block;margin:0 auto 14px}.eyebrow.center{justify-content:center}.eyebrow.center:after{display:none}
.statement .inapp{border-top-color:rgba(242,234,224,.14);color:var(--sea)!important;max-width:640px;margin:22px auto 0;text-align:center}
.statement{background:radial-gradient(640px 300px at 50% 40%,rgba(74,54,40,.55),rgba(23,18,15,0) 72%),var(--cocoa);text-align:center;padding:110px 0}.statement h2{font-size:56px}.statement p{color:#CDBFAE;font-size:19px;line-height:1.7;margin-top:22px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.portrait{border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 70px rgba(43,33,28,.18)}.portrait img{width:100%;height:100%;object-fit:cover;display:block}
.namemoon{display:flex;justify-content:center;position:relative}.namemoon:before{content:"";position:absolute;width:580px;height:580px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(232,168,96,.34),rgba(232,168,96,.1) 55%,transparent)}.namemoon svg{display:block;position:relative;width:420px;height:420px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:34px 0 26px}.three h3,.col3 h3{font:400 22px var(--serif);margin-bottom:6px}.three p,.col3 p{color:#B3A598;font-size:15px}
.wid{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.wid img{border-radius:24px;box-shadow:0 22px 50px rgba(43,33,28,.28);max-width:100%;height:auto}
ul.dots{list-style:none;padding:0;display:grid;gap:12px;margin-top:28px}ul.dots li{padding-left:26px;position:relative;color:#4a3d35}ul.dots li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--seaDeep)}
.get{background:radial-gradient(900px 520px at 80% 60%,#33261d,var(--cocoa) 70%)}.inapp{margin-top:16px;padding-top:14px;border-top:1px solid rgba(43,33,28,.12);font-size:14.5px!important;color:#2D6A5D!important}.inapp strong{display:block;font:600 10.5px system-ui;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px}
.mailalt{margin-top:16px;color:var(--muted);font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mailalt a{color:var(--cream)}.copy{font:600 13px system-ui;color:var(--sea);background:transparent;border:1px solid rgba(140,202,182,.45);border-radius:999px;padding:8px 14px;cursor:pointer}
.refs{white-space:nowrap}
.concerns{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;padding:0;margin:20px 0 0}.concerns li{font:600 13px system-ui;color:var(--seaDeep);background:rgba(45,106,93,.08);border:1px solid rgba(45,106,93,.2);border-radius:999px;padding:6px 12px}.concerns li.lead{background:none;border:0;padding:0 2px 0 0;color:#7a6a5d;font-weight:500}
.swipe{display:none}
@media(max-width:900px){.swipe{display:flex;align-items:center;gap:12px;margin-top:6px;font:500 13px system-ui;color:#7a6a5d}.sdots{display:flex;gap:6px}.sdots i{width:7px;height:7px;border-radius:50%;background:rgba(43,33,28,.2);transition:width .3s,background .3s}.sdots i.on{width:20px;border-radius:4px;background:var(--seaDeep)}
.phases{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px 4px!important;overflow:visible!important;padding-bottom:0!important}.ph{min-width:0!important}}
@media(max-width:640px){.ph svg{width:46px;height:46px}.facts article{padding:24px 22px}.facts .num{font-size:34px;margin-bottom:10px}.facts article.wide .num{margin-bottom:10px}}.ref{position:relative}.ref:after{content:"";position:absolute;inset:-12px -5px}
@media(max-width:640px){.ph{font-size:11.5px}.ph .tn{font-size:10.5px}.lunacard .chips button{font-size:13px;padding:9px 13px}#lunademo .small{font-size:11.5px}
.links a{display:inline-block;padding:10px 0;margin-right:20px}.foot a[href^="mailto"],.mailalt a{display:inline-block;padding:8px 0}.facts .tag{font-size:11px}}.copy:hover{background:rgba(140,202,182,.1)}.copy:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.copied{color:var(--sea);font-size:13.5px}
.howjoin{list-style:none;counter-reset:j;padding:0;margin-top:30px;display:grid;gap:14px;max-width:460px}.howjoin li{counter-increment:j;position:relative;padding-left:44px;color:var(--muted);font-size:15px}.howjoin li strong{color:var(--cream);font-weight:600}.howjoin li:before{content:counter(j);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(140,202,182,.45);color:var(--sea);font:600 13px/26px system-ui;text-align:center}
.facts-mini{list-style:none;padding:0;margin-top:30px;display:grid;gap:8px;color:var(--muted);font-size:15px}.facts-mini li:before{content:"·";color:var(--sea);margin-right:10px;font-weight:700}
.phones{position:relative;height:640px}.phone{position:absolute;right:30px;top:0;width:290px;border-radius:48px;padding:11px;background:#0d0a08;box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 0 1px rgba(242,234,224,.08)}.phone img{display:block;width:100%;height:auto;border-radius:38px}
.phone.back{right:240px;top:60px;transform:rotate(-5deg);opacity:.9}
.col3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid rgba(242,234,224,.09);padding-top:34px;margin-bottom:38px}
.sources{margin-top:70px;border-top:1px solid rgba(242,234,224,.07);padding-top:30px}.sources ol{padding-left:1.2em;color:var(--muted);font-size:13.5px;display:grid;gap:6px;margin-bottom:18px}.sources a{color:var(--muted)}
.band{background:radial-gradient(800px 420px at 80% 0%,#3b2b21 0%,var(--cocoa) 72%);padding:140px 0 60px}.band h1{font-size:56px;line-height:1.04;letter-spacing:-1px}.band h1 em{color:#EAD7BD}
.paper{background:linear-gradient(172deg,#F8F1E7,#ECE0CD);color:var(--ink);padding:56px 0 80px}.paper a{color:var(--seaDeep)}.read{max-width:800px}
.read section{padding:0}.read h2{font-size:30px;margin:1.8em 0 .4em}.read h2:first-of-type{margin-top:.6em}.read p,.read li,.read dd{color:#3a2f28}.read ul,.read ol{padding-left:1.2em}.read li{margin:.4em 0}.read dt{font-weight:700;margin-top:1em}.read .fine{font-size:14px;color:#6b5d52}
.faq details{border:1px solid rgba(43,33,28,.12);background:rgba(255,253,249,.66);border-radius:18px;padding:0 20px;margin:10px 0}.faq details[open]{padding-bottom:16px}.faq summary{cursor:pointer;font-weight:600;color:var(--ink);padding:16px 0;margin:0 -20px;padding-left:20px;padding-right:20px}.faq details p{margin-top:8px}
.paper .pill{border-color:var(--seaDeep);color:var(--seaDeep)}.paper .pill.solid{background:var(--seaDeep);color:#fff}
footer{border-top:1px solid rgba(242,234,224,.08);padding:48px 0 60px;color:var(--muted);font-size:14.5px}.foot{display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.foot .brand{font-size:21px}.tagline{font:italic 16px var(--serif);color:var(--cream2);margin-top:10px}
.foot p{margin-bottom:10px}.foot a{color:var(--cream2)}.foot .links a{margin-right:22px}
@media(max-width:900px){.herogrid,.two,.grid3,.col3,.tones,.foot{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.three{grid-template-columns:1fr}
.hero{padding-top:120px}.hero h1{font-size:48px;letter-spacing:-1px}.band h1{font-size:40px}h2{font-size:34px}.statement h2{font-size:40px}section{padding:72px 0}.head{margin-bottom:34px}
.heroart{height:520px;margin-top:10px}.ground{bottom:calc(320px - var(--w) * .952)}.halo{width:640px;height:640px;top:-101px}.arch{top:74px;width:290px}.arch img{height:430px}
.phases{overflow-x:auto;gap:18px;padding-bottom:10px;justify-content:flex-start}.ph{min-width:76px}.gal{grid-template-columns:repeat(2,1fr);gap:12px}.gal figure:nth-child(2),.gal figure:nth-child(4){margin-top:24px}
.top nav{gap:16px}.top nav a:not(.pill){display:none}.facts article{padding:30px 26px}.phones{height:560px;margin-top:20px}.phones{height:auto;display:flex;justify-content:center}.phone{position:relative;right:auto;width:250px}.phone.back{display:none}
.namemoon svg{display:block;width:300px;height:300px}.namemoon:before{width:420px;height:420px}.nameband{padding-bottom:220px!important}.horizon{bottom:calc(200px - var(--w) * .709)}.facts article.wide{grid-template-columns:1fr;gap:0}.facts article.wide .num{margin-bottom:16px}}
.night{padding:72px 0 76px}.moonstage{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center;max-width:900px;margin:0 auto}.bigmoon svg{display:block;filter:drop-shadow(0 0 50px rgba(140,202,182,.16))}
.phasename{font-size:48px;line-height:1.08;letter-spacing:-.8px;color:var(--cream);min-height:1.1em;margin:4px 0 6px}.night .cap{text-align:left;margin-top:14px;max-width:520px;font-size:19px}
.night .phases{margin-top:54px;border-top:1px solid rgba(242,234,224,.09);padding-top:30px}.ph svg{transition:transform .6s ease,opacity .6s ease;opacity:.7}.ph.on{color:var(--cream)}.ph.on svg{transform:scale(1.14);opacity:1}
.showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:start}.showcase h3{font:400 23px var(--serif);display:flex;align-items:center;gap:10px;margin:24px 0 8px;color:var(--ink)}.showcase h3 svg{color:var(--seaDeep);flex:none}.showcase p{font-size:15.5px;color:#5a4b41}
.shot{display:flex;justify-content:center}.showcase .phone{position:relative;right:auto;top:auto;width:100%;max-width:238px;border-radius:40px;padding:9px;transform:none;opacity:1;box-shadow:0 26px 54px rgba(43,33,28,.28),0 0 0 1px rgba(43,33,28,.1)}.showcase .phone img{border-radius:32px}
.lunacard{background:linear-gradient(160deg,#2a2019,#17120F);color:var(--cream);border-radius:38px;padding:30px 24px;min-height:470px;display:flex;flex-direction:column;gap:18px;justify-content:center;box-shadow:0 26px 54px rgba(43,33,28,.28);max-width:238px;margin:0 auto}
.lunacard .q{font-size:19px;line-height:1.35;background:rgba(242,234,224,.08);border-radius:18px;padding:14px 16px;align-self:flex-end;color:var(--cream)}.lunacard .a{font-size:18px;line-height:1.4;color:#EAD7BD}.lunacard .small{margin-top:auto;font-size:11.5px}.cream .lunacard p{color:inherit}.cream .lunacard .small{color:#9d8f82}
.gal{grid-template-columns:repeat(3,1fr)}.gal figure:nth-child(2),.gal figure:nth-child(4){margin-top:0}.gal figure:nth-child(3n+2){margin-top:44px}
.cream .facts{background:rgba(43,33,28,.11);border-color:rgba(43,33,28,.11)}.cream .facts article{background:#F8F1E7}.cream .facts .num{color:#8A5F3E}.cream .facts h3{color:var(--ink)}.cream .facts p{color:#5a4b41}.facts .tag{display:inline-block;font:600 10.5px system-ui;letter-spacing:1.2px;text-transform:uppercase;color:#8A5F3E;background:rgba(138,95,62,.12);padding:3px 10px;border-radius:999px;margin-bottom:10px}
.dark .statement{background:none;padding:0;text-align:center;max-width:760px;margin:0 auto 60px}.dark .statement p.small{margin-top:18px;max-width:640px;margin-left:auto;margin-right:auto}
.facts-mini{list-style:none;padding:0;margin-top:30px;display:grid;gap:8px;color:var(--muted);font-size:15px}.facts-mini li:before{content:"·";color:var(--sea);margin-right:10px;font-weight:700}
.get .phones{height:auto;display:flex;justify-content:center}.get .phone{position:relative;right:auto;top:auto;width:270px}
@media(min-width:901px){html.js #name .reveal{transition-delay:var(--d,0s)}}
@media(prefers-reduced-motion:no-preference){html.js .reveal{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}html.js .reveal.in{opacity:1;transform:none}html.js .namemoon:before{animation:halo 7.2s ease-in-out infinite}@keyframes halo{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}html.js .horizon.reveal{opacity:0;transform:translateX(-50%) scale(1);transition:opacity 2.4s ease,transform 9s cubic-bezier(.2,.7,.2,1)}html.js .horizon.reveal.in{opacity:.9;transform:translateX(-50%) scale(1.06)}html.js .pair:not([hidden]){animation:fadein .5s ease}html.js .ground{animation:ground 11s cubic-bezier(.2,.7,.2,1) both}@keyframes ground{from{opacity:0;transform:scale(1)}20%{opacity:1}to{opacity:1;transform:scale(1.08)}}html.js .tones.reveal .mst div{opacity:0;transform:scaleY(.35);transition:opacity .7s ease calc(var(--i) * 80ms + .2s),transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--i) * 80ms + .2s),flex-grow .5s cubic-bezier(.2,.7,.2,1)}html.js .tones.reveal.in .mst div{opacity:1;transform:none}@keyframes fadein{from{opacity:0;transform:translateY(6px)}}html.js .showcase article:nth-child(2){transition-delay:.1s}html.js .showcase article:nth-child(3){transition-delay:.2s}html.js .showcase article:nth-child(4){transition-delay:.3s}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:900px){.moonstage{grid-template-columns:1fr;gap:26px;text-align:center;justify-items:center}.bigmoon svg{width:220px;height:220px}.night .cap{text-align:center}.phasename{font-size:38px}
.showcase{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:4px 2px 18px;margin:0 -32px;padding-left:32px;padding-right:32px;-webkit-overflow-scrolling:touch}.showcase article{flex:0 0 74%;scroll-snap-align:center}
.gal{grid-template-columns:repeat(2,1fr)}.gal figure:nth-child(3n+2){margin-top:0}.gal figure:nth-child(even){margin-top:30px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}