/* Andreas, a person before a positioning. */
.hello-note{font:italic clamp(26px,2.9vw,42px)/1.1 var(--serif);color:var(--blue);transform:rotate(-3deg);margin:0 0 26px 3px;width:fit-content}.hello-note span{display:inline-block;margin-left:14px;font:normal 35px/1 var(--sans)}
.hero-copy .eyebrow{font-size:9px;letter-spacing:.06em}.hero h1{margin-top:23px}.hero{align-items:center}.hero-art{align-self:center}.hero-sound{grid-column:1/-1;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:24px;margin-top:7px}.hero-sound>a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.hero-bottom{margin-top:0}.about{align-items:start}.about-art{position:relative}.about-copy h2{font-size:clamp(37px,3.7vw,53px)}.about-copy .about-lead{font-size:21px!important}.about-copy>p:not(.eyebrow){line-height:1.8}.about-footnote{font:700 10px/1.7 monospace!important;letter-spacing:.08em}.about-footnote span{font:italic 19px/1.6 var(--serif);letter-spacing:0}.photo-margin{font:italic 25px/1.25 var(--serif);color:var(--blue);transform:rotate(-4deg);margin:35px 0 0 20px}.personal-notes{padding-bottom:50px}.notes-heading{display:flex;align-items:end;flex-wrap:wrap;gap:25px;position:relative}.notes-heading .eyebrow{width:100%;margin:0}.notes-heading h2{font-size:clamp(35px,3.5vw,49px);max-width:650px}.notes-heading .scribble-note{position:static;margin:0 0 0 auto;font-size:24px;color:var(--blue);transform:rotate(-6deg)}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:45px}.personal-note{padding:28px 28px 53px;background:var(--yellow);border:1px solid var(--ink);position:relative;box-shadow:5px 6px 0 #171a1b17;transform:rotate(-2deg)}.personal-note:nth-child(2){background:#b4bdf2;transform:rotate(2deg)}.personal-note:nth-child(3){background:var(--white);transform:rotate(-1deg)}.note-number{font:10px/1.5 monospace;letter-spacing:.06em}.personal-note h3{font-size:29px;letter-spacing:-.04em;line-height:1.13;margin:25px 0 18px}.personal-note p{font-size:14px;line-height:1.75;max-width:300px}.note-mark{position:absolute;right:22px;bottom:10px;font-size:38px;font-weight:700;line-height:1;transform:rotate(-10deg)}
@media(max-width:980px){.hello-note{font-size:30px}.hero-copy .eyebrow{font-size:8px}.about-copy h2{font-size:36px}.personal-note{padding:24px 20px 48px}.personal-note h3{font-size:25px}.notes-grid{gap:18px}.notes-heading .scribble-note{font-size:21px}.personal-note p{font-size:13px}.photo-margin{font-size:21px}}
@media(max-width:720px){.hello-note{font-size:31px;margin-bottom:25px}.hello-note span{font-size:30px}.hero-copy .eyebrow{font-size:8px;max-width:none}.hero{gap:40px;padding-top:34px}.hero-sound{margin-top:0;gap:18px;flex-wrap:wrap;padding-top:20px}.hero-bottom{margin-top:-15px}.hero-art{margin-top:0}.about{gap:45px;padding-bottom:65px}.about-copy h2{font-size:39px}.about-copy .about-lead{font-size:20px!important}.photo-margin{font-size:23px;margin-top:32px}.personal-notes{padding-bottom:24px}.notes-heading{gap:20px}.notes-heading h2{font-size:37px}.notes-heading .scribble-note{margin:0 10px 0 auto;font-size:23px}.notes-grid{grid-template-columns:1fr;gap:25px;margin:35px 5px 0}.personal-note{padding:25px 27px 38px}.personal-note h3{font-size:29px;margin:20px 0 15px}.personal-note p{font-size:15px;max-width:440px}.note-mark{font-size:35px}.personal-note h3 br{display:none}}
@media(max-width:360px){.hello-note{font-size:28px}.hero-copy .eyebrow{font-size:7px}.hero-sound{gap:14px}.about-copy h2{font-size:34px}.notes-heading h2{font-size:32px}.personal-note{padding-inline:22px}.personal-note h3{font-size:26px}}

.hero-copy .hero-sound{margin-top:26px;gap:18px;padding-top:21px}.hero-copy .hero-sound>a{font-size:10px}.hero-copy .sound-waves{display:none}@media(max-width:720px){.hero-copy .hero-sound{margin-top:24px;gap:17px}.hero-bottom{margin-top:0}}
/* Keep the handwritten caption clear of the portrait badge. */
.about-sticker{bottom:155px}@media(max-width:720px){.about-sticker{bottom:145px}}