:root{--forest:#16434a;--forest-deep:#082f2b;--forest-dark:#062722;--green:#4b9b68;--route:#9edda9;--cream:#f5f3ea;--ink:#082f35;--muted:#566966;--card-border:rgba(158,221,169,.5);--card-bg:rgba(4,46,41,.5);--max-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.topography{background-color:var(--cream);background-image:repeating-radial-gradient(ellipse at 25% 80%,transparent 0 30px,rgba(22,67,74,.055) 31px 32px,transparent 33px 62px)}.header,.hero,.projects-inner,.footer-inner{width:min(var(--max-width),calc(100% - 48px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.brand{display:flex;align-items:center;gap:16px;text-decoration:none}.brand-logo{width:90px;height:auto}.brand-logo circle,.brand-logo path{stroke:var(--forest);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.brand-name strong,.brand-name span{display:block}.brand-name strong{font-size:1.35rem;line-height:1;letter-spacing:.06em}.brand-name span{margin-top:7px;font-size:.83rem;letter-spacing:.36em}.nav{display:flex;gap:48px;font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.nav a{text-decoration:none}.hero{min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:70px 0 90px}.eyebrow{margin:0 0 22px;color:var(--green);font-size:.7rem;font-weight:800;letter-spacing:.3em;text-transform:uppercase}.eyebrow span{margin:0 8px}.hero h1{margin:0;font-size:clamp(3.6rem,6vw,6.7rem);line-height:.9;letter-spacing:-.065em}.hero h1 span{display:block;margin-top:8px;color:var(--green)}.hero-copy{max-width:590px;margin:32px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.7}.hero-button{display:inline-flex;align-items:center;gap:35px;margin-top:30px;padding:17px 26px;border-radius:999px;background:var(--green);color:#fff;text-decoration:none;font-size:.68rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;transition:transform 160ms ease,background 160ms ease}.hero-button:hover{transform:translateY(-2px);background:var(--forest)}.hero-button span{font-size:1.25rem}.hero-mark{width:100%;max-width:430px;margin-left:auto;opacity:.5}.hero-mark circle,.hero-mark path{stroke:var(--forest);stroke-width:16;stroke-linecap:round;stroke-linejoin:round}.hero-mark path:last-child{stroke:var(--green)}.projects{overflow:hidden;background-color:var(--forest-deep);color:#fff;padding:75px 0 110px}.topography-dark{background-image:radial-gradient(circle at 50% 30%,rgba(28,91,78,.42),transparent 45%),repeating-radial-gradient(ellipse at 75% 65%,transparent 0 44px,rgba(158,221,169,.055) 45px 46px,transparent 47px 88px)}.projects .eyebrow{color:var(--route)}.projects h2{margin:0;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.95;letter-spacing:-.05em}.projects-intro{margin:20px 0 0;color:rgba(255,255,255,.68);line-height:1.65}.quest-map{position:relative;height:620px;margin-top:20px}.route-map,.project-cards{position:absolute;inset:0;width:100%;height:100%}.route-map{pointer-events:none}.main-route{fill:none;stroke:var(--route);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.side-route{fill:none;stroke:var(--route);stroke-width:8;stroke-linecap:round;stroke-dasharray:1 18}.route-start{fill:none;stroke:var(--route);stroke-width:8}.route-nodes circle{fill:var(--route)}.quest-card{position:absolute;width:245px;min-height:112px;display:flex;flex-direction:column;justify-content:center;padding:20px 55px 20px 23px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg);color:#fff;text-decoration:none;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease}.quest-card:not(.quest-card--private):hover{transform:translateY(-4px);border-color:var(--route);background:rgba(20,82,69,.7)}.quest-icon{margin-bottom:8px;color:var(--route);font-size:1.65rem;line-height:1}.quest-title{font-size:1.2rem;font-weight:750;line-height:1.1}.quest-subtitle{margin-top:7px;color:rgba(255,255,255,.65);font-size:.58rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.quest-arrow{position:absolute;right:20px;top:50%;color:var(--route);font-size:1.45rem;transform:translateY(-50%)}.quest-status{margin-top:10px;color:var(--route);font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.quest-card--private{border-style:dashed;cursor:default;opacity:.82}.fitness{left:25%;top:10px}.holidays{left:59%;top:-15px}.suitcases{left:8%;top:300px}.minecraft{left:43%;top:350px;width:270px}.shitshow{right:7%;top:285px}.and-more{position:absolute;right:0;bottom:35px;margin:0;color:var(--route);font-size:.65rem;line-height:1.8;letter-spacing:.22em;text-transform:uppercase}.projects-unavailable{position:absolute;top:145px;left:25%;max-width:350px;padding:20px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg);color:#fff}.footer{background:var(--forest-dark);color:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:48px 0}.brand--light .brand-logo circle,.brand--light .brand-logo path{stroke:var(--route)}.footer .brand-logo{width:70px}.footer .brand-name strong{font-size:1rem}.footer .brand-name span{font-size:.65rem}.footer-tagline{margin:0;color:rgba(255,255,255,.7);font-size:.62rem;font-weight:700;letter-spacing:.23em;text-transform:uppercase}@media(max-width:760px){.header,.hero,.projects-inner,.footer-inner{width:calc(100% - 32px)}.header{padding:22px 0}.brand-logo{width:65px}.brand-name strong{font-size:1rem}.brand-name span{font-size:.62rem}.nav{display:none}.hero{min-height:auto;grid-template-columns:1fr;gap:45px;padding:70px 0}.hero h1{font-size:clamp(3.1rem,15vw,5rem)}.hero-mark{width:75%;margin:0 auto}.projects{padding-bottom:90px}.quest-map{height:960px;margin-top:40px}.quest-card{width:min(275px,77%)}.fitness{left:21%;top:15px}.holidays{left:4%;top:190px}.suitcases{left:23%;top:365px}.minecraft{left:2%;top:555px;width:min(290px,82%)}.shitshow{left:20%;right:auto;top:755px}.and-more{right:12px;bottom:-20px}.footer-inner{flex-direction:column;align-items:flex-start;gap:28px}}