/* Draft 2 — a separate local design. The original artwork remains unaltered. */
:root{--night:#0B0A0F;--teal:#10353A;--plum:#4A2747;--silver:#B9B1B8;--paper:#E8E1DC;--muted:#B9B1B8;--rose:#d4b6c6;--line:#b9b1b82e;--oxblood:#3B1626;--charcoal:#1A111B}
body{background:var(--night)}
.draft{background:#23131f;border-bottom:1px solid var(--line);color:var(--silver)}
.header{border-color:var(--line)}
.header nav a{min-height:44px;display:inline-flex;align-items:center}
.hero{padding-block:66px 80px;isolation:isolate}
.hero:before{inset:0;background:radial-gradient(ellipse at 75% 55%,#4a274744,transparent 64%),radial-gradient(ellipse at 5% 80%,#3b162640,transparent 56%)}
.hero h1{font-size:clamp(72px,8.1vw,122px);text-shadow:0 6px 30px #0008}
.hero h1 em{color:var(--paper)}
.title-dot{color:#ab778d}
.tagline{color:#d3bcc8}
.intro{font-size:15px;line-height:1.85;max-width:455px}
.hero-note{color:var(--silver)}
.button{background:var(--oxblood);color:var(--paper);border-color:#a4788c;min-height:48px}
.button:hover{background:var(--plum);border-color:var(--silver)}
.art{border-color:#b9b1b85e;background:#1a111b;box-shadow:0 30px 90px #0009;padding:11px;isolation:isolate}
.art img{filter:brightness(.69) contrast(1.18) saturate(.65)}
.art:before{content:'';position:absolute;inset:11px;border-radius:48% 48% 0 0;background:linear-gradient(160deg,#b9b1b81c,transparent 35%,#3b162628 70%,#0b0a0f80);pointer-events:none;z-index:1}
.art:after{content:'';position:absolute;left:26%;top:13%;width:24px;height:24px;border-radius:50%;box-shadow:-6px 2px 0 0 #e8e1dcbd;filter:drop-shadow(0 0 12px #b9b1b88c);pointer-events:none;z-index:2;transform:rotate(-25deg)}
.art figcaption{z-index:3;color:var(--paper);background:linear-gradient(transparent,#0b0a0fe6)}
.art-index{color:var(--silver)}
.night-orbits{position:absolute;left:-7%;bottom:12%;width:32%;aspect-ratio:1;z-index:4;pointer-events:none;opacity:.55}
.night-orbits:before,.night-orbits:after{content:'';position:absolute;inset:0;border:1px solid var(--silver);border-radius:50%;transform:rotate(-32deg) scaleX(.68);box-shadow:0 0 16px #b9b1b817}
.night-orbits:after{left:25%;right:-25%;transform:rotate(32deg) scaleX(.68);border-color:#a47b91}
.values-strip{background:var(--charcoal);padding-block:23px}
.values-strip .wrap{letter-spacing:.12em}
.about .note{border-color:#a4788c}
.events{background:radial-gradient(ellipse at 0 0,#3b162659,transparent 55%),var(--charcoal)}
.event-card{background:#100c13;border-color:#b9b1b836}
.event-art{background:radial-gradient(ellipse at 50% 80%,#4a274760,transparent 75%),#160f1b;color:var(--silver)}
.coastal .event-art{background:radial-gradient(ellipse at 50% 80%,#10353a70,transparent 75%),#2b1421;color:#d1b7c4}
.tied .event-art{background:radial-gradient(ellipse at 50% 80%,#733a5555,transparent 75%),#25131f;color:#d3b5c6}
.unfiltered .event-art{background:radial-gradient(ellipse at 50% 80%,#4a27478a,transparent 75%),#1b1222;color:var(--silver)}
.concept-label{color:var(--silver)}
.join-panel{background:linear-gradient(145deg,var(--oxblood),var(--charcoal) 80%);border-color:#b9b1b847}
.connect{background:radial-gradient(ellipse at 0 100%,#4a274755,transparent 70%),#171019}
.connection-routes a{min-height:100px}
.contact{background:radial-gradient(ellipse at 50% 50%,#3b162632,transparent 65%)}
.email{max-width:100%;color:var(--paper)}
.skip{background:var(--paper);color:var(--night)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--paper);outline-offset:6px}
summary{min-height:44px;align-items:center}
@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:clamp(62px,8.2vw,100px)}}
@media(max-width:700px){.hero{padding-block:44px 50px;gap:35px}.hero h1{font-size:clamp(58px,16vw,108px)}.art{width:88%}.intro{font-size:14px}.values-strip .wrap{font-size:8px;letter-spacing:0;gap:7px;flex-wrap:wrap;justify-content:center}.values-strip span{margin-inline:3px}.header nav a{min-height:44px}.tagline{font-size:24px}.hero .eyebrow{flex-wrap:wrap;font-size:9px}.event-copy .eyebrow{line-height:1.8}.policy-heading>span{color:var(--silver)}}
@media(max-width:360px){.hero h1{font-size:54px}.hero .eyebrow{letter-spacing:.08em}.tagline{font-size:22px}.actions{gap:20px}.email{font-size:17px}.contact h2{font-size:42px}.identity{font-size:26px}.event-copy h3{font-size:28px}}

/* User-supplied original emblem, shown intact without image filters or overlays. */
.emblem-art{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;margin-left:0}
.emblem-art img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:0;filter:none}
.emblem-art:before,.emblem-art:after{content:none}
@media(max-width:700px){.emblem-art{width:100%;max-width:520px}}

/* Compact brand mark: three rings and an infinity thread. */
.mark{width:62px;flex-shrink:0}.mark img{display:block;width:100%;height:auto}@media(max-width:700px){.mark{width:52px}}

/* OE LIVE SOCIALS 2026 */
.oe-upcoming{margin:0 0 48px}
.oe-upcoming-head{margin:0 0 25px;max-width:930px}
.oe-upcoming-head h3{font:normal clamp(28px,3.5vw,44px)/1.15 Georgia,serif;color:var(--paper);margin:8px 0 14px}
.oe-upcoming-head h3 em{color:var(--rose);font-weight:normal}
.oe-upcoming-head>p:last-child{color:var(--muted);font-size:14px;max-width:820px}
.oe-upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.oe-public-card{background:linear-gradient(145deg,#271320,#171117 73%,#121f23);border:1px solid #b9b1b838;padding:28px 25px;min-height:354px;display:flex;flex-direction:column;gap:0}
.oe-public-card time{color:var(--rose);font-size:10px;font-weight:700;letter-spacing:.13em}
.oe-public-card h3{font:normal 29px/1.2 Georgia,serif;color:var(--paper);margin:20px 0 15px}
.oe-public-card h3 em{color:var(--rose);font-weight:normal}
.oe-public-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 13px}
.oe-public-card .oe-location{color:var(--silver);font-size:12px}
.oe-public-card .oe-time{margin-top:auto;padding-top:16px;font-weight:600;color:var(--paper);font-size:12px}
.oe-public-card>a{color:var(--rose);font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:11px}
.oe-footnote{color:var(--muted);font-size:11px;line-height:1.7;max-width:1050px;margin:18px 0 0}
@media(max-width:1000px){.oe-upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.oe-upcoming-grid{grid-template-columns:1fr}.oe-public-card{min-height:0}.oe-public-card .oe-time{margin-top:16px}.oe-upcoming-head h3{font-size:34px}}