@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#17283a;--navy:#17324d;--paper:#f5f3ee;--white:#fffdf9;--line:#d5d2cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "DM Sans",sans-serif}a{text-decoration:none;color:inherit}header{height:82px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f5f3eef2;backdrop-filter:blur(10px);z-index:5}.brand{font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:11px}.brand>span:last-child{color:#7b8790}.mark{width:30px;height:30px;display:flex;align-items:end;gap:3px}.mark i{display:block;background:var(--navy);width:8px}.mark i:nth-child(1){height:18px}.mark i:nth-child(2){height:30px}.mark i:nth-child(3){height:23px}nav{display:flex;gap:27px;align-items:center;font-size:.82rem;color:#596874}button{border:1px solid #c9c8c2;background:none;border-radius:99px;padding:7px 12px;cursor:pointer;color:var(--ink)}.hero{min-height:700px;max-width:1280px;margin:auto;padding:90px 5vw;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.hero small,.content small,.dark small,.imprint small{font:11px "DM Mono";letter-spacing:.15em;color:#74818a}.hero h1{font:500 clamp(3.4rem,6.2vw,6.4rem)/.94 "Playfair Display";letter-spacing:-.055em;margin:23px 0 30px}.lead{max-width:660px;font-size:1.18rem;color:#566671}.actions{display:flex;gap:25px;align-items:center;margin-top:38px}.cta{display:inline-flex;gap:20px;padding:15px 22px;background:var(--navy);color:white;font-weight:600;transition:.2s}.cta:hover{transform:translateY(-2px)}.price{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:14px;max-width:570px}.price>b{width:45px;height:45px;border:1px solid #87939b;border-radius:50%;display:grid;place-items:center;font:12px "DM Mono";flex:none}.price p{margin:0;font-size:12px;color:#77838b}.price strong{color:var(--ink)}.visual{height:500px;position:relative;display:grid;place-items:center}.orbit{width:450px;height:450px;border:1px solid #ccd1d2;border-radius:50%;position:absolute}.card{width:340px;aspect-ratio:1.32;position:absolute;border-radius:3px}.back{background:#d9d3c8;transform:rotate(8deg) translate(40px,10px)}.front{background:var(--navy);color:#fff;transform:rotate(-5deg);padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:30px 35px 60px #17283a22}.front>span{align-self:flex-end;border:1px solid #ffffff44;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font:10px "DM Mono"}.front strong{font:500 2.7rem/1 "Playfair Display";letter-spacing:-.04em}.front em{color:#b9c8d2}.front small{color:#aebcc5;font:9px "DM Mono";letter-spacing:.08em}.content{background:var(--white);padding:105px 5vw 120px}.intro,.listhead,#topics{max-width:1280px;margin-left:auto;margin-right:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding-bottom:50px}.intro h2{font:500 clamp(2.6rem,4vw,4.2rem)/1 "Playfair Display";letter-spacing:-.045em;margin:12px 0 0}.intro p{color:#697680;max-width:500px}.listhead{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:12px 0;font:10px "DM Mono";letter-spacing:.13em;color:#77838a;display:flex;justify-content:space-between}#topics{columns:2;column-gap:70px;list-style:none;padding:0}#topics li{break-inside:avoid;padding:12px 0 12px 27px;border-bottom:1px solid #e4e2dc;font-size:.9rem;position:relative}#topics li:before{content:"";width:6px;height:6px;border:1px solid #778a96;border-radius:50%;position:absolute;left:0;top:19px}.dark{background:var(--navy);color:#fff;padding:120px 5vw}.dark>div{max-width:900px;margin:auto}.dark small{color:#a9b7c0}.dark h2{font:500 clamp(3rem,6vw,6.2rem)/.96 "Playfair Display";letter-spacing:-.055em;margin:18px 0 28px}.dark em{color:#b7c7d1}.dark p{max-width:600px;color:#c0cbd2;margin-bottom:38px}.light{background:#f3f1eb;color:var(--navy)}.imprint{max-width:1280px;margin:auto;padding:70px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.imprint h2{font:500 2.2rem "Playfair Display"}.imprint a{border-bottom:1px solid #b8bdc0}.imprint>div:last-child{font-size:.88rem;color:#65727b}.imprint strong{color:var(--ink)}footer{border-top:1px solid var(--line);padding:22px 5vw;display:flex;justify-content:space-between;font:10px "DM Mono";letter-spacing:.08em;color:#7c878d;text-transform:uppercase}@media(max-width:900px){nav a{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.visual{height:390px}.intro,.imprint{grid-template-columns:1fr;gap:25px}#topics{columns:1}}@media(max-width:600px){header{padding:0 20px}.hero,.content,.dark,.imprint{padding-left:20px;padding-right:20px}.hero h1{font-size:3.35rem}.actions{flex-direction:column;align-items:flex-start}.visual{transform:scale(.82);margin:-30px -40px}footer{padding:20px;flex-direction:column;gap:8px}}