:root{--color-page: #ffffff;--color-text: #1a1a1a;--color-text-muted: #3d3d3d;--color-footer: #0a0a0a;--color-footer-text: #e8e8e8;--color-accent: #5c1e24;--font-body: "Source Serif 4", Georgia, "Times New Roman", serif;--font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;--max-width: 42rem;font-family:var(--font-body);color:var(--color-text);background:var(--color-page);line-height:1.65;font-size:1.05rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-page)}.hero{position:relative;overflow:hidden;min-height:min(52vh,26rem);display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,4vw,2.5rem) 1.25rem}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#2a2018;background-size:cover;background-position:center 35%;background-repeat:no-repeat}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0c0a0859,#0806058c);pointer-events:none}.hero__inner{position:relative;z-index:1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2rem);max-width:64rem;width:100%}.hero__intro{display:flex;flex-direction:column;align-items:center;flex:1 1 20rem;min-width:0;gap:.85rem}.hero__logo{display:block;width:min(100%,26.5rem);height:auto;flex-shrink:0;background:none;object-fit:contain;filter:drop-shadow(0 3px 16px rgba(0,0,0,.55));mix-blend-mode:screen}.hero__title{margin:0;font-family:var(--font-heading);font-weight:800;font-size:clamp(2.1rem,4.8vw,3.5rem);line-height:1.12;color:#f8f6f2;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 24px rgba(0,0,0,.45);max-width:36ch}.hero__tagline{margin:0;max-width:40rem;font-family:var(--font-body);font-size:clamp(.9rem,1.6vw,1.1rem);font-weight:400;line-height:1.5;text-align:center;color:#fffaf5f0;text-shadow:0 1px 3px rgba(0,0,0,.75)}.main{flex:1;width:100%;max-width:calc(var(--max-width) + 3rem);margin:0 auto;padding:clamp(1.5rem,4vw,2.75rem) 1.25rem 2.5rem}.section--tolkien{padding:1.4rem 1.35rem 1.45rem;max-width:none;background:linear-gradient(165deg,#fbf9f6,#f3efe8);border:1px solid rgba(92,30,36,.14);border-radius:.5rem;box-shadow:0 1px #ffffffe6 inset,0 2px 14px #0000000d}.tolkien-block{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.15rem 1.5rem;padding:0}.tolkien-block__portrait{flex:0 0 auto;width:4.1rem;height:5.25rem;border-radius:50%;overflow:hidden;background:#e8e4df;box-shadow:0 2px 8px #0000001f}.tolkien-block__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.tolkien-block__content{flex:1 1 12rem;min-width:0}.tolkien-block__quote{margin:0;padding:0 0 0 .9rem;border-left:3px solid var(--color-accent)}.tolkien-block__quote p{margin:0;font-family:var(--font-body);font-size:clamp(1.1rem,1.4vw,1.3rem);font-style:italic;line-height:1.65;color:#2f2f2f;flex:none;max-width:none}.tolkien-block__attribution{width:100%;margin:.7rem 0 0;padding-left:.9rem;text-align:right;font-size:.9rem;line-height:1.4;color:var(--color-text);font-style:normal;font-weight:600;flex:none;max-width:none;box-sizing:border-box}.tolkien-block__role{font-weight:400;color:var(--color-text-muted)}.section{margin-bottom:clamp(1.5rem,3vw,2.25rem)}.section.section--tolkien{margin-bottom:clamp(2.25rem,4.5vw,3.25rem)}.section:last-child{margin-bottom:0}.main h2{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.35rem,2.2vw,1.6rem);color:var(--color-accent);margin:0 0 .65rem;line-height:1.25}.main p{margin:0;color:var(--color-text-muted);max-width:var(--max-width);flex:1 1 14rem;min-width:0}.section__row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:1rem 1.25rem}.section__thumb-wrap{flex:0 0 auto;width:5.5rem;line-height:0;background:#fff;border-radius:.2rem}.section__thumb{display:block;width:100%;height:auto;object-fit:contain}.section--social h2,.section--social{text-align:center}.section--social__intro{flex:none;max-width:36rem;margin:0 auto 1.25rem;text-align:center;color:var(--color-text-muted)}.section--social{max-width:100%}.social-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem 2.25rem}.social-list__link{display:block;line-height:0;border-radius:.3rem;transition:transform .12s ease,box-shadow .12s ease}.social-list__link:hover,.social-list__link:focus-visible{transform:scale(1.08);box-shadow:0 2px 12px #0000001f;outline:none}.social-list__link:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-accent)}.social-list__icon{display:block;width:2.75rem;height:auto;max-height:3.25rem;object-fit:contain}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section--platforms{text-align:center;max-width:56rem;margin-left:auto;margin-right:auto}.section--platforms__title{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.75rem);color:var(--color-text);margin:0 0 .75rem;line-height:1.2}.section--platforms__intro{margin:0 auto 1.85rem;max-width:38rem;font-size:.98rem;line-height:1.6;color:#5a5a5a;flex:none;min-width:0}.section--platforms__intro strong{color:var(--color-text);font-weight:600}.platforms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem 1.35rem;text-align:left}.platform-card{display:flex;flex-direction:column;height:100%;padding:1.1rem 1.15rem 1rem;background:#fff;border-radius:.5rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 14px #00000012}.platform-card__media{margin:0 0 .65rem;text-align:center;line-height:0}.platform-card__img{display:inline-block;max-width:100%;width:auto;height:auto;max-height:9rem;object-fit:contain}.platform-card__badge{align-self:center;display:inline-block;margin:0 0 .5rem;padding:.2rem .65rem;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:#fff;background:#2563eb;border-radius:999px;line-height:1.3}.platform-card__badge--game{background:#1d4ed8}.platform-card__name{margin:0 0 .5rem;font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--color-text);line-height:1.25}.platform-card__text{flex:1 1 auto;margin:0 0 1rem;font-size:.92rem;line-height:1.55;color:var(--color-text-muted);max-width:none}.platform-card__footer{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.08)}.platform-card__footer-dot{flex:0 0 .55rem;width:.55rem;height:.55rem;border-radius:50%;background:#c5c5c5}.platform-card__visit{margin:0;font-size:.78rem;line-height:1.35;color:var(--color-text-muted);flex:1 1 auto;min-width:0;max-width:none}.platform-card p{flex:none}.platform-card__url{color:#1d4ed8;word-break:break-all}.platform-card__url:hover,.platform-card__url:focus-visible{text-decoration:underline;outline:none}@media (max-width: 52rem){.platforms-grid{grid-template-columns:1fr;max-width:22rem;margin:0 auto}}.site-footer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;background:var(--color-footer);color:var(--color-footer-text);padding:1rem 1.25rem;font-size:.9rem}.site-footer__left{margin:0}.site-footer a{color:var(--color-footer-text)}.site-footer a:hover,.site-footer a:focus-visible{color:#fff}.site-footer__nav{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .15rem}.site-footer__sep{-webkit-user-select:none;user-select:none;margin:0 .2rem;opacity:.7}@media (max-width: 36rem){.site-footer{flex-direction:column;align-items:flex-start}.hero__inner{flex-direction:column}.hero__title,.hero__tagline{max-width:100%}.tolkien-block{flex-direction:column;align-items:center}.tolkien-block__content{text-align:center}.tolkien-block__quote{border-left:none;padding-left:0}.tolkien-block__quote p{text-align:center;margin-left:0}.tolkien-block__attribution{text-align:right;padding-left:0}}