/* A soft day/night frame for personal community projects. */
.brand>span{display:flex;flex-direction:column;align-items:center;text-align:center}
.brand small{padding-left:.34em;text-align:center}
.project-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;position:relative;isolation:isolate}
.project-card{display:flex;flex-direction:column;min-width:0}
.project-card-heading{min-height:64px}
.project-card .sky{flex-shrink:0}
.project-card-copy{flex:1;min-height:190px}
.project-card-copy>div{min-width:0;flex:1}
.project-card-copy p{min-height:3.3em}
.page-home .home-hero{isolation:isolate}
.page-home .home-hero:before{content:"";position:absolute;inset:-60px -40px -15px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 0% 70%,#f6a57320,transparent 48%),radial-gradient(ellipse at 100% 24%,#bb9fd82e,transparent 46%)}
.project-pair:before,.project-pair:after{content:"";position:absolute;top:-35px;bottom:-25px;width:52%;border-radius:35%;filter:blur(42px);z-index:-1;pointer-events:none;opacity:.5}
.project-pair:before{left:-30px;background:#f8b58255}.project-pair:after{right:-30px;background:#b198cb44}
.dual-emblem{position:absolute;right:2%;top:160px;width:180px;height:175px;pointer-events:none;opacity:.85}
.deco-sun,.deco-moon{position:absolute;display:grid;place-items:center;width:88px;height:88px;border-radius:50%}
.deco-sun{left:0;top:38px;background:#f8d3ac70;border:1px solid #dc9f775e;color:#bd7853;box-shadow:0 0 55px #f6c4a350}
.deco-moon{right:0;top:0;background:#e4d8ed88;border:1px solid #bea4cf77;color:#8d70a3;box-shadow:0 0 55px #ddc7eb55}
.deco-sun svg,.deco-moon svg{width:42px;height:42px;stroke-width:1.1}
.deco-star{position:absolute;color:#a084ad}.ds1{left:35px;top:0;font-size:13px;color:#bd8c68}.ds2{right:15px;bottom:0;font-size:30px}.ds3{left:0;bottom:5px;font-size:9px}
.day-sky{background:radial-gradient(ellipse at 48% 30%,#fff0b9 0%,#ffc493 30%,#ed9b99 68%,#c16f89 100%)}
.day-sky .horizon-back{background:linear-gradient(110deg,#e5968a,#dc8792)}
.day-sky .horizon-front{background:linear-gradient(100deg,#ae657e,#c77985 55%,#e39a83)}
.sky-cloud{position:absolute;width:65px;height:10px;border-radius:50%;background:#fff4df7a;z-index:1}
.c1{left:8%;top:27%;transform:rotate(-5deg)}.c2{right:8%;top:49%;width:40px;opacity:.65}
.night-sky .sky-cloud{display:none}
.tiny-stars{position:absolute;inset:0;opacity:.6;pointer-events:none}
.night-sky .tiny-stars{background:radial-gradient(circle at 20% 12%,#ecc6ec 0 1px,transparent 2px),radial-gradient(circle at 80% 22%,#e9b8ec 0 1px,transparent 2px),radial-gradient(circle at 13% 52%,#fff0f9 0 1px,transparent 2px),radial-gradient(circle at 68% 13%,#eee0ff 0 1px,transparent 2px),radial-gradient(circle at 90% 60%,#d09fe3 0 1px,transparent 2px)}
.page-sunset{--bg:#fff2e9;--surface:#fff8f0;--ink:#432d2e;--muted:#7b595a;--line:#e8cfc7;--accent:#ad493a;--accent-soft:#f5d7c7;--button:#9c423c;--button-text:#fff7e8;background:radial-gradient(ellipse at 100% 7%,#f5b0bc33,transparent 31%),radial-gradient(ellipse at 0 20%,#ffcc9f33,transparent 26%),var(--bg)}
.page-sunset .project-art .day-sky{background:radial-gradient(ellipse at 48% 30%,#fff0b0 0%,#ffba80 30%,#f197a1 65%,#ca6e8d 100%)}
.page-sunset .project-hero h1 em{color:#b94e45}
.page-sunset .project-switch .selected{background:linear-gradient(110deg,#a9543c,#a94e68)}
.page-sunset .day-sky .horizon-front{background:linear-gradient(100deg,#b85e7e,#d67d8e 65%,#eb9d85)}
.relay-story{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding-block:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.relay-intro h2,.care-section h2{font-family:var(--serif);font-size:39px;line-height:1.12;margin:20px 0 24px}
.relay-intro>p{font-size:14px;color:var(--muted)}
.relay-intro ul{padding-left:18px;margin:23px 0;color:var(--ink);font-size:13px;line-height:2}
.relay-intro li::marker{color:var(--accent)}
.relay-intro .relay-small{font-size:11px;line-height:1.8}
.relay-demo{align-self:center;border:1px solid var(--line);border-radius:20px;padding:25px;background:var(--surface);box-shadow:0 10px 45px #5e365208;position:relative;overflow:hidden}
.relay-demo:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;top:-110px;right:-55px;border:1px solid var(--line);box-shadow:0 0 0 20px #c7a1ba0b}
.relay-connection{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;font-size:9px;letter-spacing:.14em}
.relay-connection>span{display:flex;align-items:center;gap:7px}.relay-connection svg{width:18px;height:18px}
.relay-connection>span:first-child{color:#9a4e35}.relay-connection>span:last-child{color:#9e6aaf}
.relay-wire{flex:1;justify-content:center;color:var(--muted);font-size:23px}
.demo-label{font-size:8px;letter-spacing:.16em;color:var(--muted);margin-bottom:16px}
.relay-bubble{border-radius:13px;padding:18px;margin-top:12px;max-width:92%}
.bubble-source{font-size:8px;letter-spacing:.08em;display:block;margin-bottom:9px}
.relay-bubble p{font-size:14px;line-height:1.5}
.from-sunset{background:#fae2cc;color:#633d35;border:1px solid #ebc8b9}
.from-bba{background:#2c2038;color:#f1d6ed;border:1px solid #654271;margin-left:auto}
.relay-demo-note{font-size:10px;color:var(--muted);text-align:center;margin-top:22px}
.care-section{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;padding-block:65px;border-bottom:1px solid var(--line)}
.care-section h2{font-size:35px}.care-copy{font-size:14px;color:var(--muted)}.care-copy a{color:var(--accent)}
@media(max-width:1000px){.dual-emblem{width:130px;height:150px;right:0;top:145px}.deco-sun,.deco-moon{width:65px;height:65px}.deco-sun svg,.deco-moon svg{width:32px;height:32px}.relay-story{gap:32px}.relay-intro h2{font-size:34px}.care-section{gap:30px}}
@media(max-width:750px){.dual-emblem{display:none}.relay-story,.care-section{grid-template-columns:1fr;gap:30px;padding-block:42px}.relay-intro h2,.care-section h2{font-size:34px}.relay-demo{padding:23px}.care-copy{font-size:13px}}
@media(max-width:650px){.brand small{font-size:8px}.project-pair{grid-template-columns:1fr}.project-card-copy{min-height:190px}.project-pair:before{width:80%;top:-20px;height:40%;bottom:auto}.project-pair:after{width:80%;top:auto;height:40%;bottom:-20px}.page-home .home-hero:before{inset:-30px -18px 0}.relay-intro>p{font-size:14px}.relay-intro ul{font-size:12px}.relay-bubble{max-width:100%}}
/* The two people behind Ivory & Ember. */
.devs-section{padding-block:70px;border-top:1px solid var(--line)}
.devs-heading{text-align:center;margin-bottom:34px}.devs-heading h2{font-family:var(--serif);font-size:44px;line-height:1.2;margin:15px 0}.devs-heading p{font-size:14px;color:var(--muted)}
.devs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:930px;margin:auto}
.dev-card{border:1px solid #dfcfc0;border-radius:22px;overflow:hidden;min-width:0;background:#fffaf3}
.dev-sky{height:115px;display:flex;align-items:center;justify-content:space-between;padding:0 30px 25px;background:radial-gradient(ellipse at 40% 100%,#ffe3b7,#f3bda7 65%,#dea79e);color:#75472f;position:relative}
.dev-sky>svg{height:28px;width:28px;stroke-width:1.2}.dev-sky>span:not(.dev-star){font-size:9px;letter-spacing:.2em}.dev-star{font-size:20px}
.dev-details{text-align:center;padding:0 24px 30px}.dev-avatar{display:block;border-radius:50%;border:5px solid #fffaf3;margin:-48px auto 21px;position:relative;object-fit:cover;width:108px;height:108px;background:#efe1d6;box-shadow:0 5px 22px #64492a15}
.dev-identity{font-size:10px;letter-spacing:.24em;color:#9c5946}.dev-details h3{font-family:var(--serif);font-size:33px;line-height:1.2;font-weight:400;margin:7px 0 17px}
.discord-handle{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #e7d6c6;background:#f9f0e6;border-radius:9px;font-size:14px;max-width:100%;overflow-wrap:anywhere}.discord-handle svg{fill:currentColor;width:17px;height:17px;flex-shrink:0}
.dev-caption{font-size:11px;color:#816957;margin-top:20px}
.ember-dev{border-color:#54405f;background:#21182c;color:#f3e8f3}.ember-dev .dev-sky{background:radial-gradient(ellipse at 50% 110%,#805487,#463054 65%,#2c203b);color:#e5c7eb}.ember-dev .dev-avatar{border-color:#21182c;background:#33213f}.ember-dev .dev-identity{color:#d0a0db}.ember-dev .discord-handle{border-color:#584260;background:#30213c;color:#efdef3}.ember-dev .dev-caption{color:#bda7c7}
.devs-signoff{text-align:center;font-family:var(--serif);font-style:italic;color:var(--muted);font-size:17px;margin-top:30px}
@media(max-width:650px){.devs-section{padding-block:45px}.devs-grid{grid-template-columns:1fr;gap:20px;max-width:440px}.devs-heading h2{font-size:37px}.devs-signoff{font-size:15px}.dev-sky{height:110px}.devs-heading p{max-width:280px;margin-inline:auto}}
/* Decorative glows must not create a sideways scroll on phones. */
.page-home main{overflow-x:clip}
.devs-heading p,.devs-signoff{margin-left:auto;margin-right:auto}