.field-notes{--note-width:1200px;padding-inline:clamp(24px,4vw,56px);padding-bottom:55px}.note-breadcrumb,.note-cover,.note-thread,.note-reading-grid,.note-outro{max-width:var(--note-width);margin-inline:auto}.note-breadcrumb{border-bottom:1px solid var(--dd-hair-soft);color:var(--dd-ink-soft);padding-block:24px;font-size:12px;line-height:1.7}.note-breadcrumb ol{flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;list-style:none;display:flex}.note-breadcrumb li{gap:12px;display:flex}.note-breadcrumb a{color:var(--dd-accent);text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--dd-hair)}.note-breadcrumb a:hover{text-decoration-color:currentColor}.note-cover{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(40px,6vw,90px);padding-block:80px 72px;display:grid}.note-publication{font-family:var(--font-heading);letter-spacing:.17em;text-transform:uppercase;color:var(--dd-accent);align-items:center;gap:14px;font-size:10px;font-weight:500;display:inline-flex}.note-publication span{background:currentColor;width:36px;height:1px}.note-publication:hover{text-underline-offset:5px;text-decoration:underline}.note-title{font-family:var(--font-heading);margin-top:36px}.note-title-prefix{font-family:var(--font-body);color:var(--dd-ink-soft);margin-bottom:14px;font-size:14px;font-weight:400;display:block}.note-title-main{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(48px,5.5vw,80px);font-weight:600;line-height:1.06;display:block}.note-title-main:first-letter{text-transform:uppercase}.note-title em{color:var(--dd-accent);font-weight:500;display:inline-block;position:relative}.note-title em svg{width:100%;height:24px;color:var(--dd-accent);opacity:.6;position:absolute;inset:auto 0 -13px}.note-deck{max-width:36ch;color:var(--dd-ink-soft);margin-top:37px;font-size:16px;line-height:1.85}.note-cover-byline{max-width:400px;margin-top:28px}.note-cover-byline>div{row-gap:6px}.note-start{color:var(--dd-accent);align-items:center;gap:12px;margin-top:35px;font-size:12px;display:inline-flex}.note-start-icon{border:1px solid var(--dd-hair);border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;transition:transform .18s;display:grid}.note-start:hover .note-start-icon{transform:translateY(3px)}.note-cover-figure{min-width:0;margin-block:20px 35px;position:relative}.note-image-window{aspect-ratio:.85;background:var(--dd-band);border-radius:48% 22px 44%;position:relative;overflow:hidden}.note-cover-image{object-fit:cover;object-position:56% center;width:100%;height:100%}.note-image-halo{border:1px solid var(--dd-hair);border-radius:48% 22px 44%;position:absolute;inset:28px -15px -25px 18px;transform:rotate(5deg)}.note-pause-seal{z-index:2;background:var(--dd-lime);width:124px;height:124px;color:var(--dd-forest);border-radius:50%;padding:5px;position:absolute;top:-27px;right:-17px;transform:rotate(13deg)}.note-pause-seal svg{width:100%;height:100%}.note-pause-seal text{fill:currentColor;font-family:var(--font-heading);letter-spacing:1.1px;font-size:8px;font-weight:500}.note-paper-caption{z-index:2;background:var(--dd-card);border:1px solid var(--dd-hair-soft);max-width:225px;color:var(--dd-ink);padding:29px 28px 20px;font-size:18px;font-style:italic;line-height:1.6;position:absolute;bottom:-13px;left:-30px;transform:rotate(-6deg);box-shadow:0 9px 26px #10291e17}.note-paper-caption svg{width:60px;height:36px;color:var(--dd-accent);margin:5px 0 0 auto}.note-paper-pin{background:var(--dd-accent-soft);opacity:.85;width:45px;height:19px;position:absolute;top:-10px;left:calc(50% - 22px);transform:rotate(3deg)}.note-image-side{writing-mode:vertical-rl;font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--dd-ink-soft);font-size:9px;position:absolute;top:46%;right:-29px}.note-thread{height:100px;color:var(--dd-hair);margin-block:-12px 52px}.note-thread svg{width:100%;height:100%}.note-reading-grid{grid-template-columns:190px minmax(0,672px) minmax(0,1fr);align-items:start;gap:64px;display:grid}.note-reading{min-width:0}.note-margin{align-self:stretch;min-width:0}.note-margin-sticky{scrollbar-width:thin;max-height:calc(100svh - 130px);position:sticky;top:110px;overflow-y:auto}.note-margin-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.17em;color:var(--dd-ink-soft);margin-bottom:22px;font-size:10px}.note-margin nav ol{margin:0;padding:0;list-style:none}.note-margin nav li+li{margin-top:19px}.note-margin nav a{font-family:var(--font-heading);color:var(--dd-ink-soft);grid-template-columns:22px 1fr;gap:10px;font-size:12px;line-height:1.6;display:grid}.note-margin nav a span{color:var(--dd-accent);padding-top:1px;font-size:10px}.note-margin nav a:hover{color:var(--dd-accent);text-underline-offset:4px;text-decoration:underline}.note-margin-pause{color:var(--dd-accent);margin-top:68px}.note-margin-pause svg{width:65px;height:65px;margin-left:-4px}.note-prose{counter-reset:note-section;scroll-margin-top:110px}.note-prose>p:first-child{font-size:1.12em;line-height:1.8}.note-prose>p:first-child:first-letter{float:left;font-family:var(--font-heading);color:var(--dd-accent);padding:9px 13px 0 0;font-size:4.4em;font-weight:500;line-height:.8}.note-prose h2{counter-increment:note-section;margin-top:2.8em;position:relative}.note-prose h2:before{content:counter(note-section, decimal-leading-zero);letter-spacing:0;color:var(--dd-accent);font-size:11px;font-weight:400;line-height:1;position:absolute;top:8px;left:-44px}.note-prose blockquote{border:0;border-radius:0 38px;margin:2.7em -22px;padding:36px 42px 34px;font-size:1.25em;line-height:1.7;position:relative;transform:rotate(-1.2deg)}.note-prose blockquote:before{content:"“";color:var(--dd-accent);margin-bottom:-32px;font-size:80px;line-height:1;display:block}.note-takeaway{background:var(--dd-accent-soft);color:var(--dd-ink);border-radius:0 38px;margin:2.7em -22px;padding:36px 42px;font-size:1.25em;font-style:italic;line-height:1.7;transform:rotate(-1.2deg)}.note-takeaway:before{content:"";background:var(--dd-accent);border-radius:75% 0 70% 70%;width:13px;height:17px;margin-bottom:18px;display:block;transform:rotate(-35deg)}.note-prose hr{border-color:var(--dd-accent);max-width:100px;margin-block:3em;margin-inline:auto}.note-article-footer{border-top:1px solid var(--dd-hair);margin-top:52px;padding-top:35px;position:relative}.note-end-mark{background:var(--dd-accent);border-radius:75% 0 70% 70%;width:13px;height:17px;position:absolute;top:-9px;left:0;transform:rotate(-35deg)}.note-article-footer>p{color:var(--dd-accent);margin-bottom:20px;font-size:24px;font-style:italic}.note-article-footer>a{color:var(--dd-accent);text-decoration:underline;text-decoration-color:var(--dd-hair);text-underline-offset:4px;margin-top:24px;font-size:13px;display:inline-block}.note-outro{background:var(--dd-forest);color:var(--dd-cream);border-radius:8px 100px 8px 8px;grid-template-columns:1.2fr .8fr;align-items:end;gap:48px;margin-top:110px;padding:68px 64px;display:grid;position:relative;overflow:hidden}.note-outro>div{z-index:1;position:relative}.note-outro-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.13em;color:var(--dd-lime);margin-bottom:25px;font-size:10px}.note-outro h2{letter-spacing:-.035em;font-size:clamp(28px,3.2vw,42px);line-height:1.2}.note-outro h2 em{color:var(--dd-lime);font-weight:500}.note-outro-action{max-width:32ch}.note-outro-action p{font-size:15px;line-height:1.8}.note-outro-action a{background:var(--dd-lime);color:var(--dd-forest);border-radius:50px;align-items:center;gap:30px;margin-top:24px;padding:13px 23px;font-size:13px;display:inline-flex}.note-outro-action a:hover{background:var(--dd-cream)}.note-outro-leaf{width:330px;height:370px;color:var(--dd-lime);opacity:.18;position:absolute;top:-37px;left:39%;transform:rotate(14deg)}@media (width<=1099px){.note-cover{gap:50px}.note-reading-grid{grid-template-columns:156px minmax(0,1fr);gap:50px}.note-outro{padding:50px 40px}}@media (width<=899px){.note-cover{grid-template-columns:minmax(0,1fr);gap:55px;max-width:640px;padding-block:48px 45px}.note-title-main{max-width:12ch;font-size:clamp(46px,8vw,70px)}.note-deck{max-width:43ch}.note-cover-figure{width:calc(100% - 36px);max-width:530px;margin-inline:auto}.note-image-window{aspect-ratio:1}.note-image-side{right:-24px}.note-thread{height:65px;margin-bottom:34px}.note-reading-grid{max-width:672px;display:block}.note-margin{border-bottom:1px solid var(--dd-hair);margin-bottom:45px;padding-bottom:24px}.note-margin-sticky{max-height:none;position:static;overflow:visible}.note-margin nav ol{grid-template-columns:1fr 1fr;gap:16px 25px;display:grid}.note-margin nav li+li{margin-top:0}.note-margin-label{margin-bottom:18px}.note-margin-pause{display:none}.note-prose h2:before{margin-bottom:13px;display:block;position:static}.note-prose blockquote,.note-takeaway{margin-inline:0}.note-outro{grid-template-columns:1fr;gap:30px;max-width:672px;margin-top:70px}.note-outro-action{max-width:40ch}.note-outro-leaf{top:15px;left:auto;right:-70px}}@media (width<=479px){.note-breadcrumb{padding-block:18px;font-size:10px}.note-title{margin-top:27px}.note-title-main{font-size:clamp(40px,11vw,52px)}.note-deck{font-size:15px}.note-pause-seal{width:96px;height:96px;top:-20px;right:-12px}.note-cover-figure{margin-bottom:45px}.note-paper-caption{max-width:175px;padding:24px 20px 15px;font-size:15px;bottom:-38px;left:-16px}.note-paper-caption svg{height:26px}.note-image-halo{inset:15px -10px -17px 12px}.note-image-side{display:none}.note-prose>p:first-child:first-letter{font-size:4em}.note-prose blockquote,.note-takeaway{padding:28px;font-size:1.12em}.note-outro{border-top-right-radius:68px;padding:40px 28px}.note-outro-label{max-width:24ch;line-height:1.7}}