*{box-sizing:border-box}html,body{margin:0}body{background:#081d26;color:#f7f5ed;font-family:Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #7bddce;outline-offset:5px}.poster{min-height:100svh;max-width:1920px;margin:auto;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 32%,#31504b70,transparent 36%),radial-gradient(ellipse at 50% 61%,#98703925,transparent 45%),linear-gradient(135deg,#0d2934,#081b24 47%,#0e2c34)}.poster:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(90deg,#97b6ac11 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,#97b6ac11 0 1px,transparent 1px 4px)}header{height:72px;margin:0 4.8%;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #a9bdb317}.brand{font-size:29px;font-weight:750;letter-spacing:-1.4px}.brand span{color:#ffac74}.header-line{font-size:8px;letter-spacing:2.1px;color:#b1c0b8}.edition{font-size:8px;letter-spacing:1.2px;color:#6f949b}main{min-height:calc(100svh - 118px);display:flex;flex-direction:column;justify-content:center}.stage{height:460px;position:relative;display:grid;grid-template-columns:1fr 360px 1fr;align-items:center;padding:0 4.8%;isolation:isolate}.rays{position:absolute;width:620px;height:620px;left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 5deg,transparent 0deg 11deg,#ebbe6614 11.3deg 11.5deg,transparent 11.8deg 18deg);mask-image:radial-gradient(circle,transparent 23%,#0008 43%,transparent 70%);z-index:-1}.horizon{position:absolute;left:-15%;right:-15%;top:49%;height:400px;border:1px solid #bd9b5835;border-radius:50%;box-shadow:0 -16px 55px #dba75c07;transform:rotate(-6deg);z-index:-1}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;position:relative;z-index:1}.portrait{margin:0;position:relative;height:285px;overflow:hidden;border-radius:90px 90px 14px 14px;border:1px solid #cead6e70;box-shadow:0 18px 45px #0005;background:#102d36}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071d29 0,transparent 40%,#192f3a16 100%);pointer-events:none}.portrait img{width:100%;height:100%;object-fit:cover}.portrait figcaption{position:absolute;z-index:2;bottom:20px;left:0;right:0;text-align:center;font-size:9px;color:#f3e5cd;letter-spacing:1px}.p1{transform:translateY(32px);height:250px}.p2{transform:translateY(-18px);height:310px}.p3{transform:translateY(20px);height:280px}.left .p1 img{object-position:64% 50%}.left .p2 img{object-position:45% 45%}.left .p3 img{object-position:50% 60%}.right .p3 img{object-position:70% 45%}.right .p2 img{object-position:45% 50%}.right .p1 img{object-position:83% 60%}.emblem{height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}.seal{position:absolute;left:50%;top:47%;width:350px;height:350px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#c4944628,transparent 63%);box-shadow:0 0 90px #d79b3612}.seal:before,.seal:after{content:"";position:absolute;border:1px solid #e2bc6726;border-radius:50%;inset:10px}.seal:after{inset:30px;border-color:#86b4a52b;box-shadow:0 0 55px #cb9e3012}.emblem>img{height:440px;width:340px;object-fit:contain;position:relative;filter:drop-shadow(0 0 26px #fbb24722) drop-shadow(0 13px 15px #0008)}.emblem-caption{font-size:8px;letter-spacing:4px;color:#d7bb87;position:absolute;bottom:5px;white-space:nowrap}.promise{position:relative;text-align:center;padding:6px 24px 30px;z-index:3}.overline{font-size:9px;letter-spacing:3.2px;color:#b7c9c5;margin:0 0 15px;display:flex;align-items:center;justify-content:center;gap:18px}.overline span{width:40px;height:1px;background:#a78d5c7a}h1{margin:0;font-size:clamp(35px,3.35vw,57px);font-weight:600;line-height:1.05;letter-spacing:-1.8px}h1 em{font-style:normal;color:#ffb67d}.lead{font-size:13px;color:#bdd1d2;margin:16px 0 20px;letter-spacing:.2px}.action{display:flex;align-items:center;justify-content:center;gap:26px}.action button,.back{border:1px solid #ffc291;background:linear-gradient(110deg,#ffae72,#ff8c46);color:#10212c;font-weight:750;border-radius:15px;min-height:48px;box-shadow:0 4px 0 #a9532b44;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:14px;gap:32px}.action button span{font-size:20px;font-weight:400}.signature{font-size:10px;color:#8da8ae;max-width:230px;text-align:left;line-height:1.6}footer{height:46px;margin:0 4.8%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a9bdb317;font-size:9px;color:#89a8af}footer>span:last-child{font-size:7px;letter-spacing:1.5px;color:#5c7c86}dialog{background:#12303a;color:#f7f5ed;border:1px solid #47616b;border-radius:24px;width:min(480px,90vw);padding:36px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#04131bc9;backdrop-filter:blur(6px)}dialog .overline{justify-content:flex-start;font-size:8px}dialog h2{font-size:27px;margin:24px 0 18px}dialog p{color:#c0ced1;line-height:1.75;font-size:14px;text-align:justify;margin-bottom:28px}.close{position:absolute;right:15px;top:12px;font-size:28px;border:0;background:none;color:inherit}.back{width:100%;justify-content:center}
@media(min-height:950px) and (min-width:1200px){.stage{height:560px;grid-template-columns:1fr 420px 1fr}.emblem>img{height:535px;width:390px}.portrait{height:340px}.p1{height:310px}.p2{height:380px}.seal{width:420px;height:420px}}
@media(max-height:800px) and (min-width:900px){header{height:58px}.stage{height:365px;grid-template-columns:1fr 300px 1fr}.emblem>img{height:360px;width:280px}.seal{width:300px;height:300px}.portrait{height:220px}.p1{height:195px}.p2{height:250px}.emblem-caption{bottom:0}.promise{padding-top:9px;padding-bottom:22px}h1{font-size:39px}.overline{margin-bottom:12px;font-size:8px}.lead{margin:13px 0 18px;font-size:12px}main{min-height:calc(100svh - 98px)}footer{height:40px}}
@media(max-width:1050px){.stage{padding-inline:3%;grid-template-columns:1fr 270px 1fr}.gallery{gap:7px}.portrait figcaption{font-size:7px;letter-spacing:.5px}.header-line{font-size:7px;letter-spacing:1px}.emblem>img{max-width:270px}.seal{width:270px;height:270px}}
@media(max-width:760px){.header-line{display:none}.stage{height:370px;grid-template-columns:1fr 180px 1fr;padding-inline:10px}.gallery{gap:4px}.portrait,.p1,.p2,.p3{height:175px;border-radius:40px}.p1{transform:translateY(35px)}.p2{transform:translateY(-20px)}.p3{transform:translateY(12px)}.portrait figcaption{display:none}.emblem>img{width:220px;height:335px;max-width:none}.seal{width:220px;height:220px}.emblem-caption{font-size:6px;letter-spacing:2px;bottom:15px}.promise{padding-inline:15px}h1{font-size:33px;letter-spacing:-1px}.overline{font-size:7px;letter-spacing:1.8px;gap:10px}.lead{font-size:12px;line-height:1.6}.action{flex-direction:column;gap:15px}.signature{text-align:center;max-width:none}.edition{font-size:7px}footer>span:last-child{display:none}}

/* Refined labels and centered connection invitation. */
.action{flex-direction:column;gap:10px}.action button{min-width:230px}.signature{text-align:center;max-width:none}
.portrait figcaption{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:15px;letter-spacing:.15px;text-shadow:0 2px 8px #000b;bottom:21px}
.portrait figcaption:before{content:"";display:block;width:19px;height:1px;background:#ffbe80b3;margin:0 auto 9px}
@media(max-width:1050px) and (min-width:761px){.portrait figcaption{font-size:12px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.portrait{--offset:20px;transform:perspective(900px) translateY(var(--offset)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}
.portrait.p1{--offset:32px}.portrait.p2{--offset:-18px}
.portrait.is-tilting{z-index:4;box-shadow:0 28px 50px #0009,0 0 24px #e5af4b1c;border-color:#e4c08c;transition:transform .12s ease-out,box-shadow .3s ease,border-color .3s ease}
.portrait:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#ffe4b83b,transparent 65%);opacity:0;transition:opacity .4s}
.portrait.is-tilting:before{opacity:1}
.emblem{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s ease;transform-style:preserve-3d}
.emblem.is-tilting{transition:transform .12s ease-out}
.emblem>img{transform:translateZ(24px);transition:filter .35s ease}
.emblem.is-tilting>img{filter:drop-shadow(0 0 32px #fbb24755) drop-shadow(0 22px 18px #0009)}
}

.portrait[role=button]{cursor:pointer}.portrait[role=button]:focus-visible{outline:2px solid #ffc28b;outline-offset:5px}
.story-dialog{width:min(910px,calc(100vw - 48px));max-height:calc(100svh - 48px);padding:0;border:1px solid #b596655e;border-radius:26px;background:radial-gradient(ellipse at top right,#31504b77,transparent 65%),#0b2630;overflow:auto;box-shadow:0 40px 140px #000b;color:#f7f5ed}
.story-dialog[open]{display:grid;grid-template-columns:37% 1fr;animation:story-in .48s cubic-bezier(.16,1,.3,1) both}
.story-dialog::backdrop{background:#03151bd1;backdrop-filter:blur(9px);animation:veil-in .35s ease both}
.story-dialog.is-closing{animation:story-out .22s ease both}.story-dialog.is-closing::backdrop{animation:veil-out .22s ease both}
.story-visual{position:relative;min-height:560px;overflow:hidden;background:#14343b}.story-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center}.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071d29ee,transparent 60%)}
.story-visual>span{position:absolute;z-index:1;bottom:30px;inset-inline:25px;font-size:9px;line-height:1.8;letter-spacing:2.5px;color:#ffe4bf}
.story-content{padding:48px 44px 36px;align-self:center}.story-label{color:#ffb77f;font-size:12px;letter-spacing:2px;text-transform:uppercase}.story-label:before{content:"";display:inline-block;width:22px;height:1px;background:#ffb77f;margin-right:12px;vertical-align:middle}
.story-dialog h2{font-size:32px;letter-spacing:-.8px;line-height:1.13;margin:23px 0;white-space:pre-line}
.story-dialog p{font-size:15px;line-height:1.75;text-align:justify;margin:0 0 24px;color:#c6d7da}
.story-dialog .story-end{font-family:Georgia,serif;font-style:italic;color:#edcaa2;font-size:18px;line-height:1.5;text-align:start}
.story-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 0 25px;margin-bottom:23px;border-bottom:1px solid #b596653d}.story-stats[hidden]{display:none}.story-stats strong{display:block;color:#ffb77f;font-size:33px;letter-spacing:-1px}.story-stats span{font-size:12px;color:#b5ced1}
.story-join{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:0 20px;background:linear-gradient(110deg,#ffae72,#ff8c46);border:1px solid #ffc291;border-radius:14px;color:#10212c;font-size:15px;font-weight:750;box-shadow:0 4px 0 #a9532b44}.story-join span{font-size:22px;font-weight:400}
.story-close{position:absolute;z-index:3;right:14px;top:12px;width:36px;height:36px;border:1px solid #78908b55;border-radius:50%;background:#09232dde;color:#f7f5ed;font-size:25px;line-height:1}
@keyframes story-in{from{opacity:0;transform:translateY(35px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes story-out{to{opacity:0;transform:translateY(20px) scale(.985)}}
@keyframes veil-in{from{opacity:0}to{opacity:1}}@keyframes veil-out{to{opacity:0}}
@media(max-width:650px){.story-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px)}.story-dialog[open]{grid-template-columns:1fr}.story-visual{min-height:180px}.story-content{padding:30px 24px}.story-dialog h2{font-size:28px}.story-visual>span{bottom:16px}}
@media(prefers-reduced-motion:reduce){.story-dialog[open],.story-dialog::backdrop,.story-dialog.is-closing,.story-dialog.is-closing::backdrop{animation:none}}

/* Orange-gold metallic invitation, echoing the emblem ridges. */
.action #discover{position:relative;isolation:isolate;overflow:hidden;justify-content:center;border:1px solid #ffda82;background:linear-gradient(115deg,#c85513 0%,#f58a22 24%,#ffcf58 48%,#f6a42c 66%,#de6818 100%);box-shadow:inset 0 2px 2px #fff1b8bd,inset 0 -3px 4px #91400c77,0 4px 0 #62371f,0 6px 19px #f7a52b25;transition:filter .25s,box-shadow .25s}
.action #discover:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 0% 120%,transparent 0 8px,#77370830 9px 10px,#ffe79885 11px 12px,transparent 13px 19px);mask-image:linear-gradient(90deg,#000,transparent 43%,transparent 65%,#0009);opacity:.8}
.action #discover:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#fff1ac12 0 1px,transparent 1px 3px),linear-gradient(175deg,#fff4c044 0%,transparent 45%,#8b39091a 100%)}
.action #discover .connection-label{font-size:15px;font-weight:750;letter-spacing:.25px;color:#19231f;text-shadow:0 1px 0 #ffdf8580}
.action #discover:hover{filter:brightness(1.08);box-shadow:inset 0 2px 2px #fff1b8bd,inset 0 -3px 4px #91400c77,0 4px 0 #62371f,0 7px 25px #f7a52b40}

.close,.story-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:0;background:transparent;color:#f7f5ed;box-shadow:none;-webkit-tap-highlight-color:transparent}.close svg,.story-close svg{display:block}.close:hover,.story-close:hover{color:#ffbf77}.close:focus:not(:focus-visible),.story-close:focus:not(:focus-visible){outline:none}.close:focus-visible,.story-close:focus-visible{outline:2px solid #ffbf77;outline-offset:2px;border-radius:8px}

.spirit-link{font-size:12px;letter-spacing:.4px;color:#edcaa2}.language-trigger{background:none;border:0;padding:8px 0;color:#b9cfce;font-size:11px}.language-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.language-options a{padding:13px 8px;border:1px solid #486068;border-radius:10px;text-align:center;font-size:13px}.language-options a:hover{border-color:#ffb77f;color:#ffb77f}.language-dialog{width:min(620px,90vw)}
.spirit-main{display:block;min-height:0}.spirit-page{max-width:1100px;margin:40px auto 0;padding:0 36px 50px;display:flow-root}.spirit-photo{float:left;width:44%;height:560px;object-fit:cover;object-position:center 60%;margin:0 55px 50px 0;border-radius:160px 160px 20px 20px;border:1px solid #b596655e}.spirit-page .kicker{display:block;padding-top:45px;font-size:11px;letter-spacing:3px;color:#edcaa2}.spirit-page h2{font-size:46px;line-height:1.08;letter-spacing:-1.5px;margin:24px 0}.spirit-page em{font-style:normal;color:#ffb77f}.spirit-page p{font-size:16px;line-height:1.85;color:#c6d7da;text-align:justify}.spirit-callout{padding:25px 28px;border-left:2px solid #edcaa2;background:#17343e;font-size:23px;line-height:1.5;margin:30px 0;overflow:hidden}.spirit-callout strong{color:#ffb77f}.spirit-page section{clear:both;margin:55px 0;padding-top:30px;border-top:1px solid #b5966533}.spirit-page h3{font-size:30px;line-height:1.3}.spirit-values{display:grid;grid-template-columns:180px 1fr;gap:15px 35px}.spirit-values h4{color:#edcaa2;font:italic 23px Georgia;margin:12px 0}.spirit-values p{margin:5px 0 22px}.spirit-page>.story-join{max-width:390px;margin:40px auto 20px}.join-link,.back-panel{display:block;text-align:center;margin:24px auto;color:#c6d7da}.spirit-legal{height:auto;margin:50px 0 0;padding:25px 0;display:block;text-align:center}.spirit-legal nav{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:20px;font-size:12px}.spirit-poster header>a:last-child{font-size:12px;color:#c6d7da}@media(max-width:760px){.spirit-page{padding:0 24px 30px;margin-top:20px}.spirit-photo{float:none;width:100%;height:300px;margin:0;border-radius:20px}.spirit-page h2{font-size:36px}.spirit-values{grid-template-columns:1fr;gap:0}.language-options{grid-template-columns:repeat(2,1fr)}}
/* R1251: language chooser belongs to the same family as the story popups. */
.language-dialog{width:min(800px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:38px 42px;border:1px solid #b596655e;border-radius:26px;background:radial-gradient(ellipse at top right,#31504b77,transparent 65%),#0b2630;box-shadow:0 40px 140px #000b}.language-dialog[open]{animation:story-in .48s cubic-bezier(.16,1,.3,1) both}.language-dialog::backdrop{background:#03151bd1;backdrop-filter:blur(9px);animation:veil-in .35s ease both}.language-dialog h2{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:0 0 16px}.language-dialog h2::first-line{color:#ffb77f}.language-dialog p{margin-bottom:24px}.language-options{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.language-options a{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 14px;border:1px solid #b5966538;border-radius:14px;background:#17343e;transition:background .2s,border-color .2s,transform .2s}.language-options a:hover{background:#23434a;border-color:#edcaa2;transform:translateY(-2px)}.language-options img{width:31px;height:23px;object-fit:contain;flex-shrink:0}.language-options strong{display:block;font-size:13px;color:#f7f5ed;font-weight:600}.language-options small{display:block;margin-top:3px;font-size:11px;color:#b8cdd0}@media(max-width:600px){.language-dialog{padding:32px 22px}.language-options{grid-template-columns:repeat(2,minmax(0,1fr))}.language-options a{gap:8px;padding:10px}.language-dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.language-dialog[open],.language-dialog::backdrop{animation:none}.language-options a{transition:none}}
/* Auth controller preserved; presentation is a centered modal. */
#ethnosAuthOverlay{inset:0;background:#03151bd1;backdrop-filter:blur(9px)}
#ethnosAuthDrawer{top:50%;left:50%;right:auto;bottom:auto;width:min(500px,calc(100vw - 32px));height:auto;max-height:calc(100svh - 40px);overflow:auto;border:1px solid #b596655e;border-radius:26px;background:radial-gradient(ellipse at top right,#31504b77,transparent 65%),#0b2630;color:#f7f5ed;box-shadow:0 40px 140px #000b;transform:translate(-50%,calc(-50% + 24px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s ease,opacity .25s ease,visibility .25s}
#ethnosAuthDrawer.is-open{transform:translate(-50%,-50%);opacity:1;visibility:visible;pointer-events:auto}
#ethnosAuthDrawer .ethnosAuthDrawer__visual{height:90px;background:linear-gradient(0deg,#0b2630,transparent),url('assets/pexels-moe-magners-7495408.jpg') center 43%/cover}
#ethnosAuthDrawer .ethnosAuthDrawer__visual:after{background:linear-gradient(0deg,#0b2630,transparent)}
#ethnosAuthDrawer .ethnosAuthDrawer__visualLabel{color:#f7f5ed;bottom:12px;font-size:10px;letter-spacing:2px;text-shadow:0 2px 8px #000}
#ethnosAuthDrawer .ethnosAuthDrawer__content{padding:20px 32px 28px}
#ethnosAuthDrawer h2{color:#f7f5ed;font-size:34px;line-height:1.12}
#ethnosAuthDrawer h2 span{color:#ffb67d}
#ethnosAuthDrawer .ethnosAuthDrawer__intro{color:#b7cbd0;font-size:14px;text-align:justify}
#ethnosAuthDrawer label{color:#e3eceb;font-size:13px}
#ethnosAuthDrawer input{color:#f7f5ed;background:#17343e;border:1px solid #a6c9ce40;font-size:16px}
#ethnosAuthDrawer input::placeholder{color:#9bb4bb}
#ethnosAuthDrawer .ethnosAuthPasswordToggle{color:#f7f5ed;background:#28454e}
#ethnosAuthDrawer .ethnosAuthForgot,#ethnosAuthDrawer .r1185AuthClose{color:#d4e1e1;background:transparent;border:0;font-size:13px;padding:6px;justify-self:center}
#ethnosAuthDrawer .ethnosAuthForm__error{color:#ffb49c;min-height:0}
#ethnosAuthDrawer .ethnosAuthForm__submit{font-size:16px;font-weight:700;border:1px solid #ffd77b;border-radius:15px;background:linear-gradient(115deg,#e57519,#ffd25e 55%,#ec8b22);box-shadow:inset 0 1px 0 #fff8,0 4px 0 #694222}
#ethnosAuthDrawer .ethnosAuthDrawer__join{color:#f7f5ed;background:#17343e;border:1px solid #b5966540;margin-top:14px}
#ethnosAuthDrawer .ethnosAuthDrawer__join span{color:#b7cbd0}
#ethnosAuthDrawer .ethnosAuthDrawer__join i{color:#ffb67d}
#ethnosAuthDrawer .ethnosAuthDrawer__close{background:transparent;border:0;box-shadow:none;color:#f7f5ed;border-radius:6px}
body.hasEthnosAuthDrawer{overflow:hidden}
html[dir=rtl] .ethnosAuthPasswordField input{padding-left:86px;padding-right:15px}html[dir=rtl] .ethnosAuthPasswordToggle{right:auto;left:8px}
@media(prefers-reduced-motion:reduce){#ethnosAuthDrawer{transition:none}}
