.btn.big{min-height:48px;padding:0 26px;font-size:18px;border-radius:8px}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);min-height:min(78vh,640px);display:flex;align-items:center;isolation:isolate}.hero .scene,.hero .scene div{position:absolute;inset:0}.hero .scene{z-index:-1}.hero .colour,.hero .grey{background:url(../img/hollowmere.jpg) 62% 50%/cover no-repeat}.hero .grey{filter:grayscale(1) brightness(.78) contrast(.92);-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent var(--edge-at,58%),#000 calc(var(--edge-at,58%) + 22%));mask-image:linear-gradient(90deg,transparent 0,transparent var(--edge-at,58%),#000 calc(var(--edge-at,58%) + 22%))}.hero .scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#131a23f5 0,#131a23e6 30%,#131a2359 58%,#131a2326),linear-gradient(0deg,rgba(19,26,35,.75),transparent 30%)}@property --edge-at{syntax:"<percentage>";inherits:false;initial-value:58%}@media(prefers-reduced-motion:no-preference){.hero .grey{animation:creep 9s cubic-bezier(.3,0,.2,1) .4s both}@keyframes creep{0%{--edge-at:86%}to{--edge-at:58%}}}.hero .in{width:100%;max-width:1040px;margin:0 auto;padding:56px 16px 64px}.hero h1{font-size:clamp(56px,10vw,104px);line-height:.92;letter-spacing:-.01em;color:var(--gold);text-shadow:0 2px 0 #0b0f15,0 0 34px rgba(227,181,79,.18)}.hero .lede{font-size:clamp(19px,2.3vw,23px);line-height:1.4;color:var(--bright);max-width:24em;margin:18px 0 0}.hero .go{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin-top:28px}.hero .free{color:var(--parch);font-size:15px;max-width:20em}.hero .news{margin:22px 0 0;color:var(--parch);font-size:15px}.hero .news a{font-weight:700}main{padding-top:56px}.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start}.story .tell p{font-size:18px;line-height:1.6;max-width:34em;margin:14px 0 0}.story .tell p:last-child{color:var(--bright);font-style:italic}.page{margin:0}.page img{display:block;width:100%;height:auto;border-radius:8px 8px 0 0;border:1px solid var(--line);border-bottom:0}.page blockquote{margin:0;padding:18px 22px 16px;background:#e9dfc4;color:#3b2f22;border-radius:0 0 8px 8px;box-shadow:0 10px 24px #00000059}.page blockquote p{margin:0;font-family:var(--display);font-size:20px;line-height:1.35;color:#3b2f22}.page blockquote footer{margin-top:10px;font-size:14px;color:#6b5a44}.doing{margin-top:72px}.doing .intro{color:var(--muted);font-size:17px;max-width:40em;margin:8px 0 0}.trades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.trades h3{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--display);font-weight:400;font-size:24px;color:var(--bright)}.trades h3 img{width:40px;height:40px;flex:none}.trades p{margin:8px 0 0;max-width:24em}.doing .more{margin:28px 0 0;font-size:17px;max-width:40em}.community{margin-top:72px;display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;padding:24px 26px;background:var(--slab);border:1px solid var(--line);border-left:4px solid #5865f2;border-radius:10px}.community h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,3vw,30px);color:var(--bright);margin:0}.community p{margin:6px 0 0;font-size:17px;max-width:34em}.btn.discord{background:#5865f2;border-color:#5865f2;color:#fff}.btn.discord:hover{background:#4752c4;border-color:#4752c4;color:#fff}.last{margin-top:72px;padding:32px 0 8px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.last p{margin:0;font-family:var(--display);font-size:clamp(24px,3.4vw,32px);color:var(--bright)}@media(max-width:760px){.hero{min-height:0}.hero .in{padding:44px 16px 48px}.hero .colour,.hero .grey{background-position:70% 50%}.hero .scene:after{background:linear-gradient(90deg,#131a23eb,#131a238c 70%,#131a2359),linear-gradient(0deg,rgba(19,26,35,.8),transparent 40%)}.story{grid-template-columns:1fr;gap:28px}.trades{grid-template-columns:1fr;gap:20px}main{padding-top:40px}.doing,.last,.community{margin-top:52px}.community{padding:20px 18px}}