:root{color-scheme:dark;--ink:#080e1b;--ice:#c1d7f3;--nile:#213e70;--accent:#78acff;--muted:#a9bedb}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;min-width:280px;background:var(--ink);color:var(--ice);font:400 1rem/1.5 "Proxima Nova",Arial,sans-serif}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
h1,p,figure{margin:0}
.skip{position:absolute;left:16px;top:-100px;background:var(--ink);padding:12px;z-index:10}.skip:focus{top:16px}
.logo-window{display:block;background:#7fb8ff;-webkit-mask:url("/assets/after-dynasty-logo-transparent.webp") center/contain no-repeat;mask:url("/assets/after-dynasty-logo-transparent.webp") center/contain no-repeat;mask-mode:alpha}
.logo-window img{display:block;width:100%;height:auto;opacity:0}
.home{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(26px,5vh,64px);padding:64px 20px;background:radial-gradient(ellipse at 50% 45%,#102b51 0%,var(--ink) 68%)}
.home h1{width:min(720px,92vw);line-height:0}.home nav{display:flex;gap:clamp(22px,6vw,42px);align-items:center;font-size:.875rem;letter-spacing:.07em}.home nav a{padding:12px 0;border-bottom:1px solid var(--nile)}
.collection{max-width:1440px;margin:auto;padding:28px 6% 50px}.collection header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:52px;font-size:.875rem}.brand-link{width:138px;display:block}
.product-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}.product-heading h1{font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.75rem);font-weight:400;letter-spacing:.07em}.product-heading p{color:var(--muted);font-size:.875rem}
.shirt-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.shirt{width:100%;height:auto;display:block}figcaption{font-size:.8125rem;color:var(--muted);padding-top:10px}
@media(max-width:600px){.collection{padding-top:24px}.collection header{margin-bottom:40px}.brand-link{width:112px}.product-heading{align-items:flex-start;flex-direction:column;gap:8px}}
.sandbox{max-width:640px;display:grid;gap:22px}.sandbox h1{font:400 clamp(1.5rem,5vw,2.2rem) Georgia,serif}.sandbox nav{display:flex;flex-wrap:wrap;gap:12px}.sandbox nav a{min-width:64px;padding:12px 16px;text-align:center;background:var(--accent);color:var(--ink);border-radius:4px}.sandbox nav a:hover{background:var(--ice);color:var(--ink)}