:root{--gold:#efbd61;--light:#fff0ca;--brass:#9d631d;--dark:#130d08}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:radial-gradient(ellipse at 5% 65%,#70401038,transparent 34%),radial-gradient(ellipse at 95% 70%,#70401038,transparent 34%),repeating-linear-gradient(92deg,#ffffff02 0 1px,transparent 1px 5px),#100c08;color:var(--light);font:18px/1.5 Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ffe7a0;outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;background:#fff0ca;color:#170e06;padding:12px;z-index:10}.skip:focus{top:10px}.masthead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:90px;padding:8px 8%;z-index:1;background:linear-gradient(#34200e,#120a05 45%,#291608);border-block:4px ridge #c68b37;box-shadow:0 5px 15px #000,inset 0 0 24px #000}.masthead:before,.masthead:after{content:'⚙';position:absolute;color:#b27b2f;font-size:70px;top:-13px;text-shadow:2px 3px #000}.masthead:before{left:9px}.masthead:after{right:9px}.brand{display:flex;align-items:center;gap:10px;padding:5px 24px 10px;border:2px ridge #be8431;outline:1px solid #4b2c0d;box-shadow:0 4px 10px #000,inset 0 0 20px #000;background:linear-gradient(120deg,#341d09,#0d0905,#37200c);white-space:nowrap}.brand>span:last-child{font-size:clamp(24px,2.6vw,40px);font-weight:bold;color:var(--gold);line-height:1;text-shadow:0 2px 1px #000,1px 1px #ffe8a4}.brand small{display:block;font-size:11px;letter-spacing:4px;text-align:center;margin-top:8px;font-weight:normal}.cog{color:var(--gold);font-size:48px;line-height:1}.masthead nav{display:flex;justify-content:space-evenly;gap:28px;flex:1}.masthead nav a{font-weight:bold;font-size:18px;padding:17px 0 12px;position:relative;text-shadow:1px 2px #000}.masthead nav a:hover,.masthead nav a:focus-visible{color:#ffcf76}.masthead nav a:first-child:after{content:'';position:absolute;bottom:0;left:-14px;right:-14px;height:2px;background:#ffd27b;box-shadow:0 0 10px 3px #d18b36}.hero{min-height:475px;position:relative;display:grid;place-items:center;padding:20px 7% 38px;text-align:center;border-bottom:5px ridge #b77b2a;background:#3a3024 url('assets/panorama.jpg') center center/cover no-repeat;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 15%,#070b1380 36%,#070b1380 64%,transparent 85%)}.hero-content{position:relative;max-width:960px;width:100%;text-shadow:0 3px 4px #000,0 0 12px #000}.crest{font-size:90px;line-height:.8;color:var(--gold);height:68px;overflow:hidden;filter:drop-shadow(2px 3px 2px #000)}h1{font-size:clamp(48px,5.5vw,90px);font-weight:normal;line-height:1.05;letter-spacing:-2px;margin:0;color:#ffd276;text-shadow:0 3px 0 #6c3b0d,2px 5px 4px #000,-1px -1px #ffeabb}.worlds{font-size:clamp(13px,1.6vw,23px);letter-spacing:6px;color:var(--gold);margin:0}.flourish{color:#ce9439;font-size:19px;line-height:1.2;margin:2px 0 12px}.tagline{font-size:clamp(18px,2vw,29px);font-weight:bold;margin:0}.motto{font-size:clamp(18px,1.8vw,27px);margin:0 0 17px}.motto b{color:var(--gold);padding:0 7px}.actions{display:flex;justify-content:center;gap:17px}.ornate-button{position:relative;background:linear-gradient(#422607,#120b04 50%,#281505);border:12px solid transparent;border-image:url('assets/frame.svg') 25 fill stretch;padding:5px 17px;font-size:21px;font-weight:bold;color:#ffd27a;box-shadow:0 7px 13px #000a;display:flex;align-items:center;gap:12px;text-shadow:1px 2px #000;min-height:72px}.ornate-button span{font-size:37px;line-height:1}.ornate-button:hover{filter:brightness(1.2)}.section{padding:25px 9% 30px;position:relative}.discover{background:radial-gradient(ellipse at center,#36200e44,transparent 70%);border-bottom:4px ridge #a36d28}.discover:before,.discover:after{content:'⚙';position:absolute;bottom:0;font-size:180px;line-height:1;color:#8a561b28;pointer-events:none}.discover:before{left:-55px}.discover:after{right:0;font-size:130px}h2{color:var(--gold);font-size:32px;line-height:1.25;margin:0 0 12px;text-shadow:1px 2px 2px #000}.decorated{display:flex;align-items:center;justify-content:center;gap:22px;text-align:center;font-size:36px}.decorated:before,.decorated:after{content:'';height:1px;max-width:160px;flex:1;background:linear-gradient(90deg,transparent,#b57c28)}.decorated:after{transform:rotate(180deg)}.decorated>span{font-size:34px}.section-subtitle{text-align:center;margin:0 0 23px;font-size:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;position:relative;z-index:1}.card{position:relative;isolation:isolate;min-height:215px;padding:22px 15px 16px;text-align:center;border:12px solid transparent;border-image:url('assets/frame.svg') 25 stretch;box-shadow:0 6px 14px #000;display:flex;flex-direction:column;align-items:center;justify-content:end;background:#1a130b}.card:before{content:'';position:absolute;inset:-2px;z-index:-2;background-image:url('assets/workshop.jpg');background-size:400% 100%;background-repeat:no-repeat}.build:before{background-position:0% center}.connect:before{background-position:33.333% center}.explore:before{background-position:66.666% center}.create:before{background-position:100% center}.card:after{content:'';position:absolute;inset:-2px;z-index:-1;background:linear-gradient(transparent,#08070499 30%,#080704f5 78%)}.card:hover{filter:brightness(1.18)}.symbol{font-size:55px;line-height:1;color:#ffd274;text-shadow:2px 3px #5e330c,0 0 12px #000;margin-bottom:5px}h3{font-size:31px;line-height:1.15;margin:0 0 5px;color:#ffd275;text-shadow:2px 2px #000}.card p{font-size:16px;line-height:1.2;margin:0;color:#fff1cb;text-shadow:0 2px 3px #000}.destination-bar{display:flex;align-items:center;gap:20px;padding:12px 4%;background:linear-gradient(#35200d,#130b05,#2a1709);border-bottom:4px ridge #a16c27;box-shadow:inset 0 0 15px #000;font-size:15px}.destination-bar>span:first-child{font-size:32px;line-height:1;color:var(--gold)}.destination-bar a{color:#f3c77c;overflow-wrap:anywhere}.destination-bar em{margin-left:auto;color:var(--gold);font-size:20px}.join,.lower{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:40px;padding-bottom:25px}.plate{border:12px solid transparent;border-image:url('assets/frame.svg') 25 stretch;padding:20px 25px;background:radial-gradient(ellipse at top,#54301444,transparent),#160f09;box-shadow:0 7px 15px #0006;min-width:0}.plate p{font-size:17px;margin:12px 0}.plate h2{font-size:28px;text-align:center}.address-panel{padding:15px 8px;text-align:center;background:#080705;border-block:1px solid #8c5e28}.address-panel code{font:clamp(12px,1.5vw,19px)/1.8 Consolas,monospace;color:#ffe0a1;overflow-wrap:anywhere;display:block}.address-panel button{background:linear-gradient(#7d4c18,#261607);border:2px ridge #d19a47;padding:6px 18px;color:#ffdf9f;font-size:15px;margin-top:10px;cursor:pointer}.address-panel button:hover{filter:brightness(1.2)}#copy-status{font-size:13px;color:var(--gold)}#copy-status:empty{display:none}.registration{color:#edc17d;font-weight:bold}.small{font-size:12px!important;color:#d1bea0}.plate ol{padding-left:23px;font-size:16px}.plate li{padding-left:5px;margin-bottom:15px}.text-link{color:var(--gold);text-decoration:underline}.lower{padding-top:0;padding-bottom:40px}.lower .plate h2{text-align:left}footer{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;border-top:4px ridge #a6702a;background:linear-gradient(#291708,#0a0704);padding:18px 5%;font-size:14px}footer>span{font-size:30px;color:var(--gold)}footer p{margin:0}footer a{color:var(--gold)}@media(min-width:1700px){.hero{min-height:520px}.section{padding-inline:10%}.card{min-height:235px}}@media(max-width:1150px){.masthead{padding-inline:5%;gap:20px}.masthead nav{gap:16px}.masthead nav a{font-size:16px}.masthead:before,.masthead:after{font-size:40px;top:15px}.brand{padding-inline:12px}.brand small{font-size:9px;letter-spacing:2px}.cog{font-size:37px}.section{padding-inline:5%}.card{padding:17px 8px;min-height:210px}.card p{font-size:14px}.destination-bar em{font-size:16px}.decorated{font-size:31px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep artwork within the inner opening so it cannot paint over the brass frame. */
.card:before,.card:after{inset:2px}
/* A separate top layer keeps the complete brass frame above both artwork layers. */
.card{border-image:none}
.card:before,.card:after{inset:0}
.card .frame{position:absolute;inset:-12px;border:12px solid transparent;border-image:url('assets/frame.svg') 25 stretch;z-index:2;pointer-events:none}
.card>.symbol,.card>h3,.card>p{position:relative;z-index:3}
/* Confine each illustration to the opening, including the ornate cut-in corners. */
.card{background:#100a04;background-clip:padding-box}
.card:before,.card:after{inset:5px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.card .frame{z-index:10;background:none}
.card>.symbol,.card>h3,.card>p{z-index:3}