.composition-a{--notebook-accent:#98b6c8}.composition-a .home-opening{padding:74px 280px 50px 10%;position:relative}.composition-a .introduction{letter-spacing:-.35px;max-width:600px;margin:0;font-size:24px;line-height:1.6;position:relative}.composition-a .introduction h1{letter-spacing:-2.5px;text-wrap:balance;max-width:540px;margin-bottom:30px;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,4.9vw,67px);font-weight:400;line-height:1.08}.composition-a .introduction p span{color:#c9c8c0}.composition-a .introduction .intro-secondary{max-width:380px;margin-top:22px;font-size:14px}.introduction .intro-about-link{vertical-align:baseline;color:#b3c6cf;justify-content:center;align-items:center;min-width:24px;min-height:24px;margin-left:4px;font-size:18px;line-height:1;display:inline-flex}.introduction .intro-about-link:hover{color:var(--ink)}.spatial-detail{pointer-events:none;-webkit-user-select:none;user-select:none;color:#7d9cac;display:block}.spatial-accent{stroke:#b1cada}.spatial-point{fill:#b1cada;stroke:var(--paper);stroke-width:1.5px}.spatial-orbit{opacity:.7;width:270px;height:270px;position:absolute;top:22px;right:-8px}.spatial-interlude{height:100px;margin:0 0 15px;position:relative}.spatial-trajectory{opacity:.5;width:235px;height:auto;position:absolute;top:0;left:2%}.composition-a .section-intro{border-top:1px solid #39444a;margin-bottom:26px;padding-top:15px}.composition-a .section-intro h2{margin:0;font-size:14px}.composition-a .section-intro>span{font:12px/1.5 monospace}.composition-a .writing-section{border-top:1px solid #39444a;grid-template-columns:1fr 1.3fr;gap:65px;max-width:none;margin-top:95px;padding-top:26px}.composition-a .writing-intro{padding-bottom:165px;position:relative}.spatial-field{opacity:.52;width:165px;height:165px;position:absolute;bottom:-10px;left:90px}.composition-a .writing-intro h2{letter-spacing:-1.5px;font-family:Georgia,Times New Roman,serif}.composition-a .writing-intro h2 span{color:var(--notebook-accent)}.composition-a .entry-type{font-family:monospace;font-size:12px}.composition-a .writing-row:first-child{border-top:0}.composition-a .carousel-arrow{border-radius:5px}.composition-a .carousel-next{background:#b6c3c9;border-color:#b6c3c9}.composition-a .carousel-card .surface-title{white-space:normal;overflow-wrap:anywhere;letter-spacing:-1.1px;font-size:clamp(24px,2.7vw,38px)}.composition-b .home-opening{min-width:0}@media (min-width:761px) and (max-width:1050px){.composition-a .home-opening{padding-left:3%;padding-right:225px}.composition-a .introduction{font-size:24px}.composition-a .introduction h1{font-size:48px}.spatial-orbit{width:210px;height:210px;top:35px;right:0}}@media (max-width:760px){.composition-a .home-opening{padding:36px 0 95px}.composition-a .introduction{max-width:560px;font-size:22px}.composition-a .introduction h1{letter-spacing:-1.8px;max-width:450px;margin-bottom:24px;font-size:clamp(43px,10vw,62px)}.spatial-orbit{opacity:.6;width:125px;height:125px;top:auto;bottom:-30px;right:0}.spatial-interlude{height:45px;margin-bottom:22px}.spatial-trajectory{opacity:.45;width:145px;top:-5px;left:0}.composition-a .section-intro{align-items:start;gap:15px}.composition-a .section-intro>span{text-align:right;max-width:150px;font-size:12px}.composition-a .writing-section{grid-template-columns:1fr;gap:24px;margin-top:55px}.composition-a .writing-intro{padding:0 95px 10px 0}.spatial-field{opacity:.45;width:95px;height:95px;bottom:0;left:auto;right:0}}