:root{--ink:#102c2b;--deep:#0b2223;--cream:#f2dfb9;--paper:#e9d2a8;--gold:#d8b878;--coral:#e65c3d;--white:#fff0d1;--display:'Cormorant Garamond',Georgia,serif;--body:'Nunito Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--white);font-family:var(--body)}a{color:inherit}img{display:block;max-width:100%}.skip{position:absolute;top:-60px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:0}.header{height:84px;padding:0 5%;display:flex;align-items:center;gap:3rem;background:#102f30;border-bottom:1px solid #dfc68d55}.brand{font-family:var(--display);font-size:clamp(1.3rem,2vw,1.85rem);font-weight:700;letter-spacing:.04em;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:.55rem}.brand small{font-size:.42em;vertical-align:middle;letter-spacing:.15em}.brand-mark{color:var(--gold);font-size:1.2rem}.header nav{display:flex;align-items:center;justify-content:center;gap:2.6rem;margin:auto;font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.header nav a,.header-link,footer a{text-decoration:none}.header nav a:hover,footer a:hover{color:var(--gold)}.header-link{font-size:.73rem;letter-spacing:.09em;text-transform:uppercase;border:1px solid #d4b77e;border-radius:3px;padding:13px 17px;font-weight:800}.header-link span{color:var(--gold);margin-left:12px}.hero{min-height:690px;height:calc(100svh - 84px);max-height:900px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art{background:var(--deep) url('assets/hero.webp') center / cover no-repeat}.hero-shade{background:linear-gradient(90deg,rgba(5,27,28,.96) 0%,rgba(6,31,31,.83) 34%,rgba(9,32,31,.14) 72%),linear-gradient(0deg,rgba(6,29,29,.75),transparent 25%)}.hero-copy{position:relative;z-index:1;width:min(610px,51%);margin-left:8%;padding-bottom:2rem}.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.23em;text-transform:uppercase;color:#d5b577}.eyebrow span{padding:0 .4em}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:700}h1{font-size:clamp(4rem,7.5vw,8rem);line-height:.83;letter-spacing:-.035em;margin:.27em 0}.hero h1 em,h2 em{font-weight:600;color:var(--cream)}.hero-description{font-family:var(--display);font-size:1.45rem;line-height:1.36;max-width:430px;color:#efe3cd;margin:0 0 1.8rem}.button{display:inline-flex;align-items:center;gap:2rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;text-decoration:none;padding:18px 23px;border:1px solid #f1a889;border-radius:3px;box-shadow:inset 0 0 0 3px #a8402c}.button.primary{background:var(--coral);color:#fff8e7}.button:hover{background:#b93c27}.button span{font-size:1.1rem}.platform{font-size:.67rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin:24px 0 0}.platform span{color:var(--gold);margin-right:8px}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.2em;font-weight:800;color:#e2c999}.hero-bottom a{text-decoration:none}.hero-bottom a span{padding-left:10px}.parchment{background-color:var(--paper);color:var(--ink);background-image:radial-gradient(circle at 20% 20%,#fff3d185,transparent 30%),radial-gradient(circle at 80% 75%,#ad855321,transparent 40%)}.intro{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:8%;padding:110px 8%}.intro-copy{max-width:510px}.dark{color:#80602b}.intro h2,.section-title h2{font-size:clamp(3.5rem,5.5vw,6rem);line-height:.9;letter-spacing:-.03em;margin:.22em 0 .35em}.intro h2 em,.section-title h2 em{color:#2f5c56}.intro-copy>p:not(.eyebrow),.section-title>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#38504b;max-width:480px}.text-link{display:inline-block;margin-top:1rem;font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #55736a;padding-bottom:7px}.text-link span{margin-left:20px}.intro-art{position:relative;padding:10px;border:1px solid #987d56;transform:rotate(1deg)}.intro-art img{width:100%;aspect-ratio:1.55;object-fit:cover}.image-caption{position:absolute;bottom:-18px;right:7%;background:var(--ink);color:var(--cream);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:12px 17px}.image-caption b{color:var(--gold);margin-left:15px}.combat{padding:110px 8% 100px;background:radial-gradient(ellipse at 75% 20%,#31534b 0%,#112e2d 45%,#0b2424 100%)}.combat-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;max-width:1400px;margin:auto auto 45px}.combat h2{font-size:clamp(3.5rem,5.5vw,6rem);line-height:.88;margin:.2em 0 0}.combat-heading>p{max-width:400px;line-height:1.8;color:#dddfc9}.screen-frame{max-width:1400px;margin:auto;padding:9px;border:1px solid #c4a66a;background:#1b3934;box-shadow:0 25px 55px #0006}.screen-frame img{width:100%;border:1px solid #b99662}.frame-note{text-align:center;font-size:.57rem;letter-spacing:.2em;color:#d8c294;font-weight:800;padding:12px 0 4px}.frame-note span{padding:0 10px}.screen-caption{text-align:center;color:#a9beb1;font-family:var(--display);font-size:1.2rem;margin:22px 0 0}.company{padding:110px 8% 120px}.section-title{text-align:center;max-width:680px;margin:0 auto 65px}.section-title>p:not(.eyebrow){margin:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1400px;margin:auto}.feature{border:1px solid #aa9068;padding:10px 10px 26px;background:#efddbb80;text-align:center}.portrait{position:relative;overflow:hidden}.portrait img{width:100%;height:290px;object-fit:cover;object-position:center 35%;transition:transform .4s}.feature:hover .portrait img{transform:scale(1.035)}.portrait span{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);background:var(--ink);color:var(--gold);width:30px;height:30px;line-height:30px;z-index:2}.feature-index{margin:28px 0 6px;font-size:.6rem;letter-spacing:.18em;font-weight:800;color:#876b3e}.feature h3{font-size:2rem;margin:0 0 8px}.feature>p:last-child{max-width:290px;margin:auto;color:#40534c;line-height:1.65;font-size:.9rem}.closing{background:linear-gradient(#092b2bd9,#092b2bf0),url('assets/dungeon_crossroads_v1.webp') center 45%/cover;padding:110px 8%;text-align:center}.closing h2{font-size:clamp(3.8rem,6vw,6.4rem);line-height:.9;margin:.25em 0}.closing p:not(.eyebrow){color:#d2dfcd;margin:0 0 27px}footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:32px 5%;border-top:1px solid #d8b87855;background:#0b2223}footer p{font-size:.75rem;color:#a6bbb0;margin:0}footer>a:last-child{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}a:focus-visible{outline:3px solid #ffba75;outline-offset:4px}@media(max-width:800px){.header{height:70px}.header nav{display:none}.header-link{margin-left:auto;font-size:.58rem;padding:10px}.hero{height:auto;min-height:730px;align-items:end}.hero-art{background-position:61% center}.hero-shade{background:linear-gradient(0deg,#082728 7%,#082728e8 38%,#0b272967 75%,#102f3033)}.hero-copy{width:auto;margin:0 7%;padding:200px 0 90px}.hero h1{font-size:clamp(4.1rem,13vw,6.8rem)}.hero-description{font-size:1.25rem}.hero-bottom{bottom:22px}.hero-bottom>span{display:none}.intro{grid-template-columns:1fr;gap:45px;padding:80px 7%}.intro h2,.section-title h2,.combat h2{font-size:clamp(3.5rem,11vw,5rem)}.combat,.company{padding:80px 7%}.combat-heading{display:block}.combat-heading>p{margin:25px 0 0}.feature-grid{grid-template-columns:1fr;max-width:460px;gap:20px}.portrait img{height:320px}.section-title{margin-bottom:40px}.closing{padding:90px 7%}footer{flex-direction:column;text-align:center;gap:15px}.header .brand{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
