*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080f19;color:#edf3f8;font:1rem/1.65 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1120px;margin:auto}header{padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #334354;gap:24px}.brand{font:2rem Georgia,serif;text-decoration:none}.brand span{display:block;font:0.75rem system-ui;letter-spacing:.18em;color:#a9bfce}nav{display:flex;gap:28px}nav a{text-underline-offset:6px}.intro{text-align:center;padding:54px 24px 38px}.eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.15em;color:#afc9dd}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(2.4rem,5vw,4rem);margin:12px 0 22px}h2{font-size:clamp(1.7rem,3vw,2.2rem);margin:10px 0 14px}.intro>p:last-child{color:#c2cdd8}.portals{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 32px 56px}.portal{display:flex;flex-direction:column;text-decoration:none;border:1px solid #42566a;background:#101c2a;overflow:hidden}.art{height:340px;position:relative;overflow:hidden;background:#0b1423}.guild-art{display:flex;justify-content:center;background:radial-gradient(ellipse at center,#243e56,#101726 75%)}.painting{width:253px;height:338px;object-fit:contain}.crest{position:absolute;right:20px;bottom:18px;width:51px;height:68px;object-fit:contain;border:1px solid #8ebde4}.archive-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}.copy{padding:24px 28px 30px;display:flex;flex:1;flex-direction:column}.copy>p:not(.eyebrow){color:#cbd6e1;margin-top:0}.copy .eyebrow{margin:0}.button{display:inline-flex;gap:24px;align-items:center;align-self:flex-start;border-bottom:1px solid #96c6e7;padding:8px 0;color:#e0f3ff;text-decoration:none;font-weight:600;margin-top:auto}.portal:hover{border-color:#a9d8f7;background:#142438}a:focus-visible{outline:3px solid #ffdc8b;outline-offset:5px}.skip{position:fixed;left:16px;top:-100px;padding:12px;background:#fff;color:#000;z-index:10}.skip:focus{top:12px}footer{border-top:1px solid #334354;padding:24px 32px;display:flex;justify-content:space-between;gap:16px;font-size:.875rem;color:#b4c3cf}.archive-page{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:60px 32px}.archive-page img{width:100%;height:auto;max-height:650px;object-fit:contain}.archive-page p{color:#cbd6e1}.archive-page .button{margin-top:20px}@media(max-width:680px){header{padding:20px;flex-wrap:wrap}.portals{grid-template-columns:1fr;padding:0 20px 40px;gap:24px}.intro{padding-top:36px}.art{height:338px}footer{flex-direction:column;padding:24px 20px}.archive-page{grid-template-columns:1fr;padding:36px 20px;gap:28px}.copy{padding:24px}.brand span{font-size:.75rem}nav{gap:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}