:root{--ink:#14202e;--olive:#7b8145;--green:#244738;--paper:#f4f4ed;--line:#d5d6c7}*{box-sizing:border-box}body{margin:0;background:#fafaf7;color:var(--ink);font-family:"DM Sans",sans-serif}.mapping-hero,.mapping-flow,.mapping-quality,.mapping-specs{padding:90px max(7vw,28px)}.mapping-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(55,107,87,.08) 1px,transparent 1.3px);background-size:42px 42px}.mapping-label{color:var(--olive);font:700 11px "Manrope",sans-serif;letter-spacing:.18em;text-transform:uppercase}.mapping-hero h1,.mapping-flow h2,.mapping-quality h2,.mapping-specs h2,.mapping-ebook h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em;line-height:.98}.mapping-hero h1{font-size:clamp(58px,8vw,108px);margin:22px 0}.mapping-hero h1 em{color:var(--olive);font-style:normal}.mapping-hero>div>p:last-child{max-width:590px;font-size:19px;line-height:1.65}.mapping-hero figure{height:540px;margin:0;position:relative;overflow:hidden;border-radius:20px;background:#102b24}.mapping-hero img{width:100%;height:100%;object-fit:cover}.mapping-hero figcaption{position:absolute;left:18px;bottom:18px;padding:9px 12px;border-radius:99px;background:#fff;font:700 10px monospace}.mapping-flow header,.mapping-specs header{max-width:780px}.mapping-flow h2,.mapping-quality h2,.mapping-specs h2{font-size:clamp(44px,6vw,78px);margin:18px 0 48px}.mapping-flow ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mapping-flow li{padding:28px;border-left:1px solid var(--line)}.mapping-flow li:last-child{border-right:1px solid var(--line)}.mapping-flow span,.spec-grid span{color:#a87043;font:700 10px monospace}.mapping-flow h3,.spec-grid h3{font:600 22px "Manrope",sans-serif;margin:28px 0 10px}.mapping-flow p,.spec-grid p,.mapping-quality p{color:#5b6771;line-height:1.65}.mapping-quality{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;background:var(--green);color:#fff}.mapping-quality h2{margin-bottom:30px}.mapping-quality p{color:#d5dfda}.mapping-quality aside{align-self:center;padding:36px;border:1px solid #ffffff35;border-radius:18px}.mapping-quality aside strong{font:600 22px "Manrope",sans-serif}.mapping-quality ul{display:grid;gap:14px;padding-left:19px}.mapping-specs{padding-top:72px;padding-bottom:72px}.mapping-specs h2{margin-bottom:32px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.spec-grid article{min-height:150px;padding:24px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.spec-grid h3{margin:18px 0 7px}.spec-grid p{margin:0;line-height:1.55}.boundary{max-width:900px;margin:30px 0 0;padding:20px 22px;border-left:3px solid #a87043;background:#f1f1e9;line-height:1.65}.mapping-ebook{padding:76px max(7vw,28px) 90px;background:#eef0e9;display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center}.mapping-ebook-copy{max-width:560px}.mapping-ebook h2{font-size:clamp(40px,5vw,68px);margin:16px 0 20px}.mapping-ebook-copy>p:not(.mapping-label){color:#5b6771;font-size:17px;line-height:1.65}.mapping-ebook a{display:inline-flex;align-items:center;gap:18px;margin-top:16px;padding:15px 21px;border-radius:999px;background:var(--green);color:#fff;text-decoration:none;font:700 11px "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:transform .2s,background .2s}.mapping-ebook a:hover{transform:translateY(-2px);background:#315d4b}.mapping-ebook figure{margin:0;overflow:hidden;border-radius:18px;aspect-ratio:16/10;background:#d8ddd4;box-shadow:0 22px 50px rgba(20,32,46,.13)}.mapping-ebook img{display:block;width:100%;height:100%;object-fit:cover}.mapping-ebook figcaption{padding:10px 2px 0;color:#697480;font-size:12px}.mapping-ebook figure{overflow:visible;background:transparent;box-shadow:none}.mapping-ebook figure img{border-radius:18px;box-shadow:0 22px 50px rgba(20,32,46,.13)}@media(max-width:850px){.mapping-hero,.mapping-quality,.mapping-ebook{grid-template-columns:1fr}.mapping-hero figure{height:360px}.mapping-flow ol,.spec-grid{grid-template-columns:1fr 1fr}.mapping-ebook{gap:40px}}@media(max-width:560px){.mapping-hero,.mapping-flow,.mapping-quality,.mapping-specs,.mapping-ebook{padding:64px 22px}.mapping-flow ol,.spec-grid{grid-template-columns:1fr}.spec-grid article{min-height:auto}.mapping-ebook h2{font-size:42px}}
