@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/barlow-condensed-700-latin.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/dm-sans-latin.woff2') format('woff2')}
:root{--bg:#0c0d0b;--surface:#11120f;--gold:#d5aa59;--gold-bright:#eccb83;--text:#f0eee6;--muted:#a8a99f;--line:#ffffff1c;--heading:'Barlow Condensed','Impact','Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold-bright);outline-offset:6px}
::selection{background:var(--gold);color:var(--bg)}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
.container{width:min(1280px,88%);margin-inline:auto}
.section-space{padding-block:120px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:20px;top:12px;z-index:99;background:var(--gold);color:var(--bg);padding:8px 16px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:100px;width:88%;max-width:1280px;position:absolute;inset:0 0 auto;z-index:10;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff26}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.7px;font-weight:600;white-space:nowrap}
.brand img{width:40px;height:40px;border-radius:50%;border:1px solid #d5aa5966}
.brand-light{font-weight:400}
.site-nav{display:flex;gap:36px;align-items:center;font-size:12px;font-weight:500}
.site-nav a{transition:color .2s}
.site-nav a:hover{color:var(--gold-bright)}
.site-nav .nav-join{border:1px solid #d5aa5977;padding:10px 21px;color:var(--gold-bright)}
.site-nav .nav-join:hover{background:#d5aa591a}
.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:800px;min-height:min(860px,100svh);display:flex;align-items:center;overflow:hidden;padding:165px 0 130px}
.hero-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% center;z-index:-4}
.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(0deg,var(--bg) 0%,#0c0d0b00 26%,#0c0d0b00 76%,#0c0d0b88 100%),linear-gradient(90deg,#0c0d0bf7 0%,#0c0d0be0 22%,#0c0d0b8a 41%,#0c0d0b00 70%)}
.hero-inner{position:relative;padding-top:30px}
.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--gold);font-weight:500;line-height:1.5;display:flex;gap:14px;align-items:center;margin-bottom:28px}
.small-rule{display:inline-block;width:28px;height:1px;background:var(--gold);flex-shrink:0}
h1,h2{font-family:var(--heading);font-weight:700;line-height:.93;letter-spacing:-.8px}
h1{font-size:clamp(100px,10.5vw,154px);margin-bottom:25px;max-width:620px}
h1 span,h2 span{color:var(--gold)}
.hero-description{font-size:14px;line-height:1.9;color:#c6c6b9;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:14px 27px;font-size:12px;line-height:1.5;font-weight:600;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button-gold{background:var(--gold);color:#17180f;border-color:var(--gold)}
.button-gold:hover{background:var(--gold-bright);border-color:var(--gold-bright)}
.button-outline{border-color:#e9e8dc55;background:#0c0d0b33}
.button-outline:hover{border-color:var(--gold);color:var(--gold-bright);background:#0c0d0b80}
.hero-foot{position:absolute;bottom:38px;inset-inline:0;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#bbbcb0;gap:20px}
.scroll-label{display:flex;align-items:center;gap:18px}
.scroll-track{display:inline-block;width:1px;height:35px;background:linear-gradient(var(--gold),#d5aa591a)}
.embers{position:absolute;inset:0;pointer-events:none;z-index:-2;overflow:hidden}
.embers span{position:absolute;width:3px;height:3px;background:#ffc36c;box-shadow:0 0 12px #e5a943;opacity:0;border-radius:50%;animation:ember-drift 11s linear infinite;left:56%;top:80%}
.embers span:nth-child(2){left:84%;top:69%;animation-delay:3s;animation-duration:14s}
.embers span:nth-child(3){left:75%;top:87%;animation-delay:6s;animation-duration:12s;width:2px;height:2px}
.embers span:nth-child(4){left:94%;top:90%;animation-delay:8s;animation-duration:15s;width:2px;height:2px}
@keyframes ember-drift{0%{transform:translate(0,0);opacity:0}20%{opacity:.7}80%{opacity:.3}100%{transform:translate(-40px,-160px);opacity:0}}
.declaration{border-block:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:50px;min-height:77px;padding:20px 6%;font-size:10px;letter-spacing:3px;color:#b2b2a3;overflow:hidden;background:#0f100d}
.declaration-mark{font-size:14px;color:var(--gold);letter-spacing:0}
.story-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:100px}
.story-visual{position:relative;padding:16px}
.story-image-wrap{height:470px;overflow:hidden;background:#19170e;position:relative}
.story-image-wrap:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px #0c0d0b44;background:linear-gradient(0deg,#0c0d0b88,transparent 50%)}
.story-image-wrap img{height:100%;width:100%;object-fit:cover;object-position:62% center;filter:saturate(.85)}
.image-caption{display:flex;justify-content:space-between;padding-top:14px;font-size:8px;letter-spacing:2px;color:var(--muted);gap:10px}
.visual-corner{position:absolute;display:block;width:55px;height:55px;pointer-events:none;border-color:#d5aa5980;border-style:solid}
.corner-top{top:0;left:0;border-width:1px 0 0 1px}
.corner-bottom{bottom:31px;right:0;border-width:0 1px 1px 0}
.section-number{color:#8c8d7b;border-right:1px solid #ffffff30;padding-right:16px;font-size:9px;letter-spacing:1px}
h2{font-size:clamp(54px,5vw,76px);margin-bottom:28px}
.story-copy>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:13px;line-height:1.95;margin-bottom:19px}
.story-copy>p.story-intro{color:#dcded0;font-size:17px;line-height:1.7;margin-bottom:22px}
.story-signoff{margin-top:32px;display:flex;gap:13px;align-items:center;color:var(--gold);font-size:9px;letter-spacing:1.9px}
.code{position:relative;border-top:1px solid var(--line);background:var(--surface)}
.code-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}
.code-intro h2{margin-bottom:22px}
.code-intro>p:last-child{color:var(--muted);font-size:13px;line-height:1.9}
.code-list{border-top:1px solid var(--line);align-self:center}
.code-item{border-bottom:1px solid var(--line)}
.code-item summary{list-style:none;display:flex;gap:24px;align-items:center;padding:28px 0;cursor:pointer;min-height:87px}
.code-item summary::-webkit-details-marker{display:none}
.code-item summary::marker{content:''}
.code-index{color:var(--gold);font-size:10px;letter-spacing:1px;width:20px;flex-shrink:0}
.code-title{font-family:var(--heading);font-size:30px;letter-spacing:.3px;line-height:1.1}
.code-indicator{margin-left:auto;width:18px;height:18px;position:relative;flex-shrink:0}
.code-indicator:before,.code-indicator:after{content:'';position:absolute;inset:8px 3px auto;height:1px;background:var(--gold)}
.code-indicator:after{transform:rotate(90deg);transition:transform .2s}
.code-item[open] .code-indicator:after{transform:rotate(0)}
.code-item[open] .code-title{color:var(--gold-bright)}
.code-body{padding:0 32px 29px 44px;max-width:480px}
.code-body p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:20px}
.code-tag{font-size:8px;letter-spacing:2px;color:var(--gold)}
.join{position:relative;text-align:center;overflow:hidden;border-bottom:1px solid var(--line);padding-block:110px 120px;isolation:isolate}
.join-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0c0d0bf7,#0c0d0bec),url('assets/archer-banner.jpg') center 35% / cover no-repeat}
.join:before{content:'';position:absolute;top:0;left:30%;right:30%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.join .eyebrow{justify-content:center;margin-bottom:27px}
.join h2{font-size:clamp(64px,6.7vw,98px);margin-bottom:25px}
.join p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:29px}
.join .button{min-width:170px}
.join-handle{display:block;margin-top:16px;font-size:10px;letter-spacing:1px;color:#8e9084}
.site-footer{padding-block:34px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.footer-brand{font-size:14px;gap:9px}
.footer-brand img{width:34px;height:34px}
.site-footer>p{margin:0;font-size:8px;letter-spacing:2px;color:#929486}
.footer-links{display:flex;align-items:center;gap:24px;font-size:10px;color:var(--muted)}
.footer-links a:hover{color:var(--gold-bright)}
.footer-links>span{color:#777a6e;font-size:9px}
@media(min-width:1600px){.hero-art{object-position:center 48%}.hero-shade{background:linear-gradient(0deg,var(--bg) 0%,transparent 25%,transparent 76%,#0c0d0b88 100%),linear-gradient(90deg,#0c0d0bf7 0%,#0c0d0bdf 21%,#0c0d0b8a 37%,transparent 68%)}}
@media(max-width:1100px){.site-header{height:88px}.hero{min-height:740px}.hero-art{object-position:61% center}.hero-shade{background:linear-gradient(0deg,var(--bg),transparent 28%,transparent 73%,#0c0d0b99),linear-gradient(90deg,#0c0d0bf5,#0c0d0bba 27%,#0c0d0b20 70%)}.story-grid{gap:55px}.story-image-wrap{height:420px}.code-grid{gap:60px}.code-title{font-size:27px}.declaration{gap:32px}.section-space{padding-block:95px}.site-footer>p{display:none}}
@media(max-width:760px){
 html{scroll-padding-top:28px}
 .container,.site-header{width:88%}
 .site-header{height:82px}
 .brand{font-size:17px;gap:9px}.brand img{width:35px;height:35px}
 .menu-toggle{display:block;border:1px solid #d5aa5966;padding:8px 15px;background:#0c0d0b77;color:var(--gold-bright);font-size:11px;cursor:pointer;min-height:40px;z-index:12}
 .site-nav{display:none;position:absolute;top:81px;left:-6.82%;width:113.64%;max-height:calc(100dvh - 82px);overflow-y:auto;padding:35px 6%;background:#10120ff9;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 50vh 0 50vh #0009;backdrop-filter:blur(12px)}
 .site-nav.is-open{display:flex}.site-nav a{padding:17px 0;font-size:15px;border-bottom:1px solid var(--line)}.site-nav .nav-join{margin-top:23px;padding:14px 20px;text-align:center}
 .hero{min-height:790px;min-height:max(760px,96svh);align-items:flex-end;padding-top:340px;padding-bottom:115px}
 .hero-art{height:55%;object-position:64% center;object-fit:cover}
 .hero-shade{background:linear-gradient(0deg,var(--bg) 0%,var(--bg) 35%,#0c0d0bf2 44%,#0c0d0b14 73%,#0c0d0b44 90%,#0c0d0b88 100%)}
 .hero-inner{padding-top:0}.hero .eyebrow{font-size:8px;letter-spacing:2px;gap:10px;margin-bottom:23px}
 h1{font-size:clamp(92px,18vw,135px);line-height:.91;letter-spacing:-.5px;margin-bottom:21px;max-width:100%}
 .hero-description{font-size:12px;margin-bottom:24px;line-height:1.8}
 .button{min-height:48px;padding:13px 24px;font-size:11px}
 .hero-foot{bottom:28px;font-size:7px;letter-spacing:1.3px;align-items:flex-end}.hero-foot-caption{max-width:140px;line-height:1.8}.scroll-label{gap:11px;font-size:7px;letter-spacing:1px}.scroll-track{height:28px}
 .declaration{gap:19px;min-height:65px;padding:18px 5%;font-size:8px;letter-spacing:1.5px;white-space:nowrap}.declaration-mark{font-size:10px}.declaration>span:last-child,.declaration>span:nth-last-child(2){display:none}
 .section-space{padding-block:75px}.story-grid{grid-template-columns:1fr;gap:45px}.story-visual{max-width:540px;width:100%;padding:12px}.story-image-wrap{height:340px}.corner-bottom{bottom:29px}.image-caption{font-size:7px;letter-spacing:1.4px}
 .story-copy{max-width:550px}.eyebrow{font-size:9px;letter-spacing:2.3px;margin-bottom:22px}h2{font-size:62px;margin-bottom:23px}.story-copy>p:not(.eyebrow){font-size:13px;max-width:100%}.story-copy>p.story-intro{font-size:16px}.story-signoff{margin-top:27px;font-size:8px}
 .code-grid{grid-template-columns:1fr;gap:33px}.code-intro h2{font-size:65px}.code-intro>p:last-child br{display:none}.code-intro>p:last-child{max-width:280px}.code-item summary{gap:17px;padding:25px 0;min-height:82px}.code-title{font-size:28px}.code-body{padding-left:37px;padding-right:20px}.code-body p{font-size:12px}.code-tag{font-size:7px;letter-spacing:1.5px}
 .join{padding-block:80px}.join .eyebrow{font-size:8px;letter-spacing:1.8px;gap:9px}.join h2{font-size:clamp(56px,10vw,75px)}.join p:not(.eyebrow){font-size:12px}.join-handle{font-size:9px}
 .site-footer{padding-block:27px;gap:22px}.footer-brand{font-size:13px}.footer-links{width:100%;gap:25px;font-size:10px}.footer-links>span{margin-left:auto;font-size:8px}
}
@media(max-width:380px){.hero{min-height:760px;padding-top:330px}.hero .eyebrow{font-size:7px;letter-spacing:1.8px;gap:8px}.hero .small-rule{width:20px}h1{font-size:88px}.hero-actions{gap:9px}.button{padding-inline:21px}.hero-foot-caption{max-width:130px}.scroll-label{font-size:6px}.story-image-wrap{height:300px}.code-title{font-size:25px}.code-item summary{gap:12px}.code-body{padding-left:32px}.join h2{font-size:54px}.join .eyebrow{font-size:7px;letter-spacing:1.4px}.footer-links{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* The world, the oath, and the personal mark. */
.reading-progress{position:fixed;inset:0 auto auto 0;width:0;height:2px;background:var(--gold-bright);z-index:50;box-shadow:0 0 9px #d5aa5955;pointer-events:none}
.hero-art{transform:scale(1.04) translate(var(--hero-x,0px),var(--hero-y,0px));transition:transform 1.2s ease-out;will-change:transform}
.hero-light{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 350px 300px at var(--light-x,70%) var(--light-y,45%),#e3af4120,transparent);mix-blend-mode:screen}
.ember-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.world{background:radial-gradient(ellipse at 15% 10%,#b9954310,transparent 50%),var(--bg)}
.world-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:42px}
.world-intro h2{margin-bottom:0}
.world-intro>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:325px;margin:0 0 5px}
.world-stage{position:relative;min-height:570px;isolation:isolate;overflow:hidden;background:#18170e;border:1px solid #d5aa5933}
.world-art{position:absolute;inset:0;max-width:none;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-3;transform:scale(1.13);transition:transform 1.2s ease,object-position 1.2s ease,filter 1.2s ease;filter:saturate(.85)}
.world-stage[data-scene="spirit"] .world-art{transform:scale(1.27);object-position:90% 55%;filter:saturate(1.1)}
.world-stage[data-scene="people"] .world-art{transform:scale(1.04);object-position:18% center;filter:saturate(.6)}
.world-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#0c0d0bf7 0%,#0c0d0b77 38%,transparent 75%),linear-gradient(90deg,#0c0d0b99,transparent 70%)}
.world-coordinate{position:absolute;left:35px;top:28px;font-size:9px;letter-spacing:2px;color:#ddc89d}
.world-chapter{position:absolute;right:36px;top:4px;font-family:var(--heading);font-size:160px;line-height:1;color:#f1d79e22;pointer-events:none}
.world-panel{position:relative;max-width:410px;padding:205px 0 120px;margin-left:40px;min-height:570px}
.world-kicker{font-size:10px;letter-spacing:3px;color:var(--gold-bright)}
.world-panel h3{font-family:var(--heading);font-size:70px;line-height:1;margin:12px 0 16px;letter-spacing:-.5px}
.world-panel p{font-size:14px;line-height:1.9;color:#c8c6b7;margin:0;max-width:330px}
.world-tabs{position:absolute;bottom:0;inset-inline:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d5aa5944;background:#0c0d0b88;backdrop-filter:blur(12px)}
.world-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;border:0;border-right:1px solid #d5aa592b;padding:23px 20px;background:transparent;color:#bbb9ab;font-size:12px;cursor:pointer;transition:background .2s,color .2s}
.world-tabs button:last-child{border-right:0}
.world-tabs button>span{font-size:10px;color:var(--gold)}
.world-tabs button[aria-selected="true"]{background:#d5aa591a;color:var(--gold-bright)}
.world-tabs button[aria-selected="true"]:before{position:absolute;content:'';height:2px;inset:0 0 auto;background:var(--gold)}
.world-tabs button:hover{background:#d5aa5912;color:var(--gold-bright)}
.world-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#96998b;font-size:8px;letter-spacing:2px}
.registry{background:radial-gradient(ellipse at 80% 50%,#c69e4012,transparent 55%),#0c0d0b;border-top:1px solid var(--line)}
.registry-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:55px}
.registry-heading h2{margin:0}
.registry-explanation{max-width:330px}
.registry-explanation p{font-size:13px;color:var(--muted);line-height:1.9;margin:17px 0 14px}
.registry-status{display:inline-flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.8px;color:var(--gold-bright)}
.registry-status>span{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #d5aa5977}
.plain-link{font-size:11px;border-bottom:1px solid #d5aa5966;padding-bottom:4px;color:var(--gold-bright)}
.registry-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:start}
.oath-form{max-width:500px}
.form-step{margin:0 0 33px;padding:0;border:0;min-width:0}
.form-step>span,.form-step>legend{display:block;font-size:10px;letter-spacing:1.5px;color:#b6b9a9;margin-bottom:16px}
.form-step input[type="text"]{width:100%;background:#181a14;border:1px solid #b9bc9c33;border-radius:0;padding:15px 17px;min-height:52px;color:var(--text);font:400 16px var(--body);transition:border-color .2s}
.form-step input[type="text"]:focus{outline:1px solid var(--gold);outline-offset:2px;border-color:var(--gold)}
.form-step input[type="text"]::placeholder{color:#777d6c}
.form-step>p{font-size:11px;color:#9da18f;margin:10px 0 0;line-height:1.7}
.oath-choices{display:grid;gap:9px}
.oath-choices label{position:relative;display:flex;align-items:center;gap:15px;border:1px solid #b9bc9c22;padding:13px 17px;cursor:pointer;transition:border-color .2s,background .2s}
.oath-choices label:has(input:checked){border-color:#d5aa5977;background:#d5aa590c}
.oath-choices input{accent-color:var(--gold);width:15px;height:15px;margin:0;flex-shrink:0}
.oath-choices label>span{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%}
.oath-choices strong{font-size:12px;font-weight:500}
.oath-choices small{font-size:10px;color:#939a85;text-align:right}
.oath-confirm>label{display:flex;align-items:center;gap:11px;font-size:12px;color:#c4c8b7;line-height:1.5;margin-bottom:23px;cursor:pointer}
.oath-confirm input{accent-color:var(--gold);width:16px;height:16px;margin:0;flex-shrink:0}
.oath-confirm a{color:var(--gold-bright);border-bottom:1px solid #d5aa5977}
.oath-confirm .button{cursor:pointer;width:100%;font-size:12px}
.form-feedback{min-height:38px;line-height:1.7}
.form-feedback.is-success{color:var(--gold-bright)}
.mark-column{max-width:480px;width:100%;justify-self:end}
.outlaw-mark{aspect-ratio:4/5.2;background:#15160f;position:relative;isolation:isolate;overflow:hidden;border:1px solid #d5aa5977;box-shadow:0 30px 70px #0005;transition:box-shadow .6s,border-color .6s}
.outlaw-mark.is-created{border-color:var(--gold-bright);box-shadow:0 0 55px #d5aa5922,0 30px 70px #0005}
.mark-art{position:absolute;top:0;left:0;width:100%;height:75%;max-width:none;object-fit:cover;object-position:63% center;z-index:-3;filter:saturate(.6)}
.mark-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#12150d 0%,#12150dfc 18%,#12150dbb 46%,#12150d22 78%,#12150d66)}
.mark-top,.mark-bottom{position:absolute;inset-inline:28px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.mark-top{top:26px;font-size:12px;letter-spacing:1.5px;color:#f2e5c9;font-weight:500}
.mark-type{font-size:7px;color:#dcc597;letter-spacing:1.5px}
.mark-seal{position:absolute;left:29px;bottom:43%;width:63px;height:63px;border:1px solid #eac88280;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 5px #0004,inset 0 0 0 6px #eac88233;background:#10120e55}
.mark-seal>span{font-family:var(--heading);font-size:39px;line-height:1;color:var(--gold-bright);padding-bottom:4px}
.mark-identity{position:absolute;bottom:70px;inset-inline:28px}
.mark-kicker{font-size:8px;letter-spacing:2.6px;color:#bcbb9e}
.mark-identity h3{font-family:var(--heading);font-size:clamp(34px,4.5vw,57px);line-height:1.02;letter-spacing:.5px;color:var(--gold-bright);margin:11px 0 15px;overflow-wrap:anywhere}
.mark-identity p{font-size:10px;letter-spacing:1.8px;color:#d1d3bd;margin:0}
.mark-bottom{bottom:22px;padding-top:14px;border-top:1px solid #d5aa5933;font-size:7px;letter-spacing:1.7px;color:#b4b99d}
.mark-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;font-size:8px;letter-spacing:1.6px;color:#959f86}
.mark-tools button{font-size:11px;letter-spacing:0;color:var(--gold-bright);background:transparent;border:1px solid #d5aa5966;padding:9px 16px;cursor:pointer;min-height:39px}
.mark-tools button:disabled{color:#777f6c;border-color:#a1aa8825;cursor:default}
.mark-note{font-size:10px;line-height:1.7;color:#9ba28c;margin:15px 0 0}
.registry-about{margin-top:52px;border-block:1px solid var(--line)}
.registry-about summary{list-style:none;padding:24px 0;display:flex;align-items:center;gap:25px;font-size:10px;letter-spacing:1.7px;cursor:pointer}
.registry-about summary::-webkit-details-marker{display:none}
.registry-about summary::marker{content:''}
.registry-about .future-label{margin-left:auto;color:#99a087;font-size:8px;letter-spacing:1.2px}
.registry-about .code-indicator{margin-left:0}
.registry-about[open] .code-indicator:after{transform:rotate(0)}
.registry-about-body{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:10px 0 35px}
.registry-about-body h3{font-size:17px;font-weight:500;line-height:1.5;color:#e0dfce}
.registry-about-body p{font-size:12px;line-height:1.9;color:var(--muted);max-width:430px;margin:0}
.registry-about-body dl{margin:0;font-size:11px}
.registry-about-body dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:10px 0}
.registry-about-body dt{color:#919b82}.registry-about-body dd{margin:0;color:#d2d5c0}
@media(max-width:1100px){.registry-grid{gap:55px}.world-intro,.registry-heading{gap:40px}.world-panel{padding-top:185px}.world-stage,.world-panel{min-height:540px}.oath-choices label>span{display:block}.oath-choices small{display:block;text-align:left;margin-top:3px}.registry-about-body{gap:55px}.mark-seal{bottom:45%;width:55px;height:55px}.mark-seal>span{font-size:34px}.mark-type{font-size:6px}.mark-top{inset-inline:23px;font-size:10px}.mark-identity{inset-inline:23px}.mark-bottom{inset-inline:23px}}
@media(max-width:760px){
 .site-nav{max-height:calc(100dvh - 82px)}
 .hero-art{transform:scale(1.02)}
 .hero-light{display:none}.ember-canvas{height:65%;opacity:.6}
 .world-intro,.registry-heading{display:block;margin-bottom:30px}.world-intro>p{font-size:13px;max-width:100%;margin:25px 0 0}.world-intro h2{font-size:clamp(49px,10vw,68px)}
 .world-stage{min-height:510px}.world-panel{min-height:510px;margin-left:22px;padding:225px 20px 100px 0;max-width:350px}.world-panel h3{font-size:53px;margin:10px 0 13px}.world-panel p{font-size:12px;line-height:1.8;max-width:280px}.world-kicker{font-size:8px;letter-spacing:2.2px}
 .world-art{object-position:64% center;transform:scale(1.05)}.world-stage[data-scene="spirit"] .world-art{transform:scale(1.17);object-position:78% center}.world-stage[data-scene="people"] .world-art{transform:scale(1.02);object-position:50% center}
 .world-coordinate{font-size:7px;left:22px;top:22px;letter-spacing:1.5px}.world-chapter{font-size:100px;right:20px;top:10px}.world-tabs button{padding:19px 8px;gap:8px;font-size:10px}.world-tabs button>span{font-size:8px}.world-bottom{font-size:7px;letter-spacing:1.2px}.world-bottom>span:last-child{display:none}
 .registry-heading h2{font-size:clamp(48px,10vw,65px)}.registry-explanation{margin-top:27px;max-width:100%}.registry-explanation p{font-size:13px;max-width:380px}.registry-status{font-size:8px}
 .registry-grid{grid-template-columns:1fr;gap:33px}.oath-form{max-width:100%}.form-step{margin-bottom:29px}.form-step>span,.form-step>legend{font-size:9px;letter-spacing:1.2px}.form-step>p{font-size:11px}.oath-choices label>span{display:flex}.oath-choices strong{font-size:12px}.oath-choices small{font-size:10px;max-width:120px}.oath-confirm .button{min-height:52px}.oath-confirm{margin-bottom:0}.form-feedback{min-height:0}
 .mark-column{max-width:440px;justify-self:center}.mark-top{font-size:11px;inset-inline:25px}.mark-type{font-size:7px}.mark-identity{inset-inline:25px;bottom:70px}.mark-identity h3{font-size:45px}.mark-seal{left:25px;bottom:43%;width:59px;height:59px}.mark-seal>span{font-size:37px}.mark-bottom{inset-inline:25px}.mark-note{font-size:11px}.mark-tools{font-size:8px}
 .registry-about{margin-top:35px}.registry-about summary{font-size:8px;letter-spacing:1.2px;gap:13px}.registry-about .future-label{font-size:6px;max-width:100px;text-align:right}.registry-about .code-indicator{width:15px}.registry-about-body{grid-template-columns:1fr;gap:20px}.registry-about-body h3{font-size:16px}.registry-about-body p{font-size:12px}.registry-about-body dl{font-size:11px}
}
@media(max-width:380px){.oath-choices label>span{display:block}.oath-choices small{max-width:100%}.mark-identity h3{font-size:38px}.mark-top{font-size:10px;inset-inline:21px}.mark-type{font-size:6px}.mark-identity,.mark-bottom{inset-inline:21px}.mark-seal{left:21px;bottom:46%;width:50px;height:50px}.mark-seal>span{font-size:32px}.mark-kicker{font-size:7px}.mark-identity p{font-size:8px}.mark-bottom{font-size:6px;letter-spacing:1px}.world-tabs button{font-size:9px;gap:6px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none;will-change:auto}.ember-canvas{display:none}.hero-light{display:none}.world-art{transition:none}}