@font-face{font-family:Fraunces;src:url('assets/fraunces-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Kalam;src:url('assets/kalam-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--desk:#e9d9ce;--paper:#fffaf0;--ink:#49303e;--accent:#ad472f;--rose:#ecd0cc;--sage:#a6ad85;--pale-sage:#e0e4cd;--rule:#c9b8aa;--muted:#77675d;--body:Georgia,'Times New Roman',serif;--display:Fraunces,Georgia,serif;--hand:Kalam,'Segoe Print',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--desk);font-family:var(--body);-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23503030' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
::selection{background:var(--rose);color:var(--ink)}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:2px dashed var(--accent);outline-offset:6px}a{-webkit-tap-highlight-color:transparent}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:15px;top:10px;z-index:12;background:var(--paper);padding:12px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:10;pointer-events:none}
.site-header{max-width:1180px;padding:31px 18px 34px;margin:auto;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:10px;font:23px var(--hand);text-decoration:none;transform:rotate(-2deg)}.wordmark img{width:30px;height:22px;flex:none;fill:none;stroke:var(--accent);stroke-width:5.3;transform:rotate(2deg)}.letter-label{font:14px var(--hand);text-decoration:none;display:flex;align-items:center;gap:17px;transform:rotate(3deg)}.letter-label img{width:28px;height:28px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
main{max-width:1180px;width:calc(100% - 80px);margin:0 auto;background:var(--paper);position:relative;box-shadow:7px 10px 0 #7d66500a,0 0 0 1px #a2836820;border-radius:2px 5px 1px 4px;padding:48px 0 42px;isolation:isolate}main::after{content:'';height:12px;position:absolute;bottom:-10px;left:0;right:0;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 40%,98% 30%,96% 70%,93% 40%,90% 80%,88% 30%,86% 50%,83% 20%,80% 65%,77% 25%,75% 70%,72% 40%,70% 85%,67% 35%,64% 75%,61% 40%,58% 65%,55% 35%,52% 85%,49% 20%,46% 70%,43% 35%,40% 65%,37% 25%,34% 80%,31% 30%,28% 60%,25% 25%,22% 75%,19% 40%,16% 80%,13% 30%,10% 70%,7% 35%,4% 65%,2% 30%,0 60%)}.paper-tape{position:absolute;z-index:3;width:180px;height:39px;background:#afb69280;top:-15px;left:calc(50% - 90px);transform:rotate(-4deg);clip-path:polygon(2% 0,100% 4%,97% 100%,0 94%,2% 76%,0 55%,3% 33%,0 15%)}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;max-width:1090px;margin:0 auto 94px;padding:66px 36px 0;gap:20px;align-items:center;position:relative}.hero-copy{align-self:start;padding:15px 0 0 13px;position:relative;z-index:2}.eyebrow{font:12px var(--hand);display:block;transform:rotate(-3deg);color:var(--muted);margin-bottom:6px;white-space:nowrap}.hero h1{font:600 clamp(108px,11vw,158px)/1.08 var(--display);color:var(--accent);letter-spacing:-10px;transform:rotate(-7deg);transform-origin:20% center;margin:4px 0 34px;white-space:nowrap}.hero h1 span{display:inline-block}.hero h1 span:first-child{transform:rotate(2deg)}.hero h1 span:last-child{transform:rotate(8deg) translateY(3px);margin-left:7px}.introduction{font:23px/1.55 var(--body);letter-spacing:-.5px;max-width:350px;margin:0}.hello-arrow{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;width:150px;height:75px;margin:10px 0 0 175px;transform:rotate(16deg)}.family-portrait{margin:89px -2px 0 -22px;position:relative;isolation:isolate;transform:rotate(2deg)}.family-portrait img:not(.doodle){display:block;width:100%;height:auto;mix-blend-mode:multiply}.family-portrait .figcaption{font:14px/1.5 var(--hand);text-align:center;margin:15px 0 0;color:var(--accent);transform:rotate(-4deg)}
.doodle{fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.hero-flower{position:absolute;left:-13px;top:12px;width:71px;height:112px;color:var(--accent);transform:rotate(-21deg)}.postage{position:absolute;right:29px;top:-9px;width:110px;padding:12px 8px 7px;text-align:center;border:1px dashed var(--accent);transform:rotate(9deg);color:var(--accent)}.postage .doodle{display:block;width:78px;height:59px;margin:auto;stroke-width:2}.postage span{font:12px var(--hand)}.family-rays{position:absolute;width:95px;height:70px;right:15px;top:-41px;color:var(--accent);transform:rotate(13deg)}
.letter-body{max-width:676px;margin:0 auto;padding:0 18px}.prose{position:relative;font:18px/1.86 var(--body);letter-spacing:.01px}.prose p{margin:0 0 25px}.prose h2{font:600 35px/1.25 var(--display);letter-spacing:-1.2px;margin:0 0 25px;text-wrap:balance}.underline-yellow{background:linear-gradient(transparent 68%,var(--pale-sage) 68%,var(--pale-sage) 95%,transparent 95%);padding-bottom:2px}.margin-note{position:absolute;right:calc(100% + 31px);top:4px;width:130px;font:16px var(--hand);color:var(--accent);transform:rotate(-8deg)}.margin-note img{display:block;width:97px;height:64px;fill:none;stroke:currentColor;stroke-width:1.8;margin:6px 0 0 23px}.wandering-line{position:absolute;right:calc(100% + 41px);top:132px;width:111px;height:330px;color:var(--sage);stroke-width:1.5;opacity:.8}.prose .big-question{font-size:43px;line-height:1.23;max-width:580px;margin:58px 0 47px;letter-spacing:-1.5px;transform:rotate(-1deg)}.doodle-note{position:absolute;text-align:center;font:15px/1.5 var(--hand);color:var(--accent)}.doodle-note img{display:block;width:100%;height:125px;margin-bottom:6px}.world-doodle{left:calc(100% + 20px);top:178px;width:163px;transform:rotate(8deg)}.world-doodle img{color:var(--ink);stroke-width:2}.belief-heading{position:relative;display:block;width:fit-content;margin:0 0 38px;transform:rotate(-2deg)}.belief-heading h2{font:36px/1.4 var(--hand);color:var(--accent);margin:0;letter-spacing:-1.4px}.belief-heading>img:first-child{position:absolute;right:calc(100% + 24px);top:6px;width:36px;height:40px;fill:none;stroke:var(--accent);stroke-width:3;transform:rotate(-11deg)}.belief-heading .belief-underline{position:absolute;left:0;top:43px;width:100%;height:18px;fill:none;stroke:var(--accent);stroke-width:1.8;opacity:.75}
.hand-divider{position:relative;margin:51px -20px 53px;height:53px;color:var(--sage)}.hand-divider>img:first-child{width:100%;height:55px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-dasharray:4 6}.hand-divider .divider-bee{position:absolute;right:10%;top:-4px;width:70px;height:54px;fill:var(--paper);stroke:var(--ink);stroke-width:2;transform:rotate(-17deg)}
.project-passage{position:relative;margin-top:35px;padding-left:0;border:0}.project-passage p{margin-bottom:0}.project-passage strong{font-weight:bold;color:var(--ink);background:linear-gradient(transparent 60%,var(--rose) 60%,var(--rose) 95%,transparent 95%)}.project-doodle{position:absolute;right:calc(100% + 29px);top:7px;width:151px;text-align:center;color:var(--accent);transform:rotate(-5deg)}.project-doodle img{display:block;width:120px;height:115px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 8px}.project-doodle span{font:16px var(--hand)}.project-doodle .little-sprout{width:57px;height:83px;margin-top:29px;margin-left:8px;transform:rotate(15deg);color:#777e54}.pay-attention{margin-top:42px}.pay-attention .project-doodle{transform:rotate(7deg);top:24px}.side-flower{position:absolute;left:calc(100% + 54px);top:150px;width:92px;height:170px;color:var(--sage);transform:rotate(12deg)}.text-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;cursor:pointer;transition:background .18s}.text-link:hover{background:var(--rose);text-decoration-style:wavy}.text-link.paragraph-link{display:block;margin-top:18px;line-height:1.7;font-size:16px;font-family:var(--hand);letter-spacing:-.3px}
.invitation{margin-top:88px;padding-top:41px;border-top:1px dashed var(--rule)}.invitation h2{font-size:43px;line-height:1.25;margin-bottom:27px}.invitation h2 span{display:block;font:39px/1.4 var(--hand);color:var(--accent);letter-spacing:-1.5px;transform:rotate(-2deg);width:fit-content}.help-heart{position:absolute;left:calc(100% + 32px);top:16px;width:86px;height:90px;fill:none;stroke:var(--accent);stroke-width:2.4;transform:rotate(15deg)}.chicken-note{right:calc(100% + 35px);top:275px;width:135px;transform:rotate(-7deg)}.chicken-note img{height:123px;color:var(--ink)}
.ways-to-help{list-style:none;padding:0;margin:35px 0 0}.ways-to-help li{display:grid;grid-template-columns:37px 1fr;gap:20px;position:relative;padding:24px 0}.ways-to-help li+li{border-top:1px dashed var(--rule)}.ways-to-help li:first-child{background:var(--rose);margin:0 -18px 12px;padding:25px 18px;transform:rotate(-1deg);border-radius:2% 1% 2% 1% / 7% 4% 8% 9%}.ways-to-help li:first-child::before{content:'';position:absolute;inset:6px;border:1px solid #8e655c50;transform:rotate(.4deg);pointer-events:none}.ways-to-help p{margin:0;align-self:center}.item-number{font:29px var(--hand);color:var(--accent);margin-top:2px;transform:rotate(-7deg);display:block}.item-number::after{content:'.'}.item-star{position:absolute;right:-10px;top:-20px;width:39px;height:39px;fill:var(--paper);stroke:var(--accent);stroke-width:3;transform:rotate(10deg)}
.signature{display:flex;align-items:center;gap:23px;margin:47px 0 19px;color:var(--accent);font:31px var(--hand);width:fit-content;transform:rotate(-3deg)}.signature img{fill:none;stroke:currentColor;stroke-width:4.4;height:25px;width:36px;flex:none}.end-doodles{position:relative;height:131px;margin-top:25px;font:13px var(--hand);color:var(--muted)}.end-snail{width:91px;height:74px;position:absolute;left:-141px;bottom:12px;color:var(--ink)}.end-doodles>span{position:absolute;left:-20px;bottom:27px;transform:rotate(-3deg)}.end-plane{width:115px;height:100px;position:absolute;right:-40px;bottom:26px;transform:rotate(14deg);color:var(--accent)}
.site-footer{max-width:1110px;margin:0 auto;padding:57px 15px 27px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:31px}.footer-note{font:22px var(--hand);transform:rotate(-3deg)}.social-links{display:flex;gap:24px;align-items:center}.social-link{font:14px var(--hand);text-decoration:none;display:flex;gap:9px;align-items:center;min-height:44px;position:relative;cursor:pointer}.social-link::after{content:'';position:absolute;left:2px;right:-2px;height:5px;border-bottom:1.4px solid var(--accent);border-radius:50%;bottom:6px;transform:rotate(-3deg)}.social-link:nth-child(2){transform:rotate(3deg)}.social-link:nth-child(3){transform:rotate(-3deg)}.social-link:hover{color:var(--accent)}.social-link .social-icon{width:18px;height:18px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #9e7b6b40;padding-top:22px;font:11px 'Courier New',monospace;color:var(--muted)}.back-top{text-decoration:none}.back-top span{margin-left:5px;font-size:17px}.link-notice{position:fixed;z-index:20;bottom:22px;left:50%;width:max-content;max-width:calc(100% - 36px);transform:translate(-50%,20px) rotate(-1deg);background:var(--ink);color:var(--paper);padding:13px 19px;font:14px var(--hand);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}.link-notice.is-visible{opacity:1;transform:translate(-50%,0) rotate(-1deg)}
@media(max-width:1180px){.hero{padding-inline:42px;gap:7px}.hero-copy{padding-left:0}.hero-flower{left:13px;width:54px;top:2px}.introduction{font-size:21px}.family-portrait{margin-left:-16px;margin-top:93px}.postage{right:29px;width:90px;top:-16px}.postage img{width:66px!important}.letter-body{max-width:644px}.margin-note,.project-doodle,.chicken-note{width:107px;right:calc(100% + 18px)}.project-doodle img{width:95px;height:93px}.project-doodle span,.doodle-note span,.margin-note{font-size:13px}.wandering-line{right:calc(100% + 26px);width:80px}.world-doodle{width:110px;left:calc(100% + 17px)}.world-doodle img{height:100px}.side-flower{width:63px;left:calc(100% + 29px)}.help-heart{width:63px;left:calc(100% + 21px)}.end-snail{left:-110px}.site-header{padding-inline:43px}.site-footer{margin-inline:40px}}
@media(max-width:980px){main{width:calc(100% - 54px)}.hero{grid-template-columns:.9fr 1.1fr;padding:47px 30px 0;gap:8px;margin-bottom:73px}.eyebrow{font-size:10px;white-space:normal;max-width:220px}.hero h1{font-size:116px;letter-spacing:-8px;margin-bottom:27px}.introduction{font-size:20px;line-height:1.6}.hello-arrow{width:105px;height:65px;margin-left:130px}.family-portrait{margin-top:78px}.family-portrait .figcaption{font-size:12px}.family-rays{width:74px;right:0}.postage{width:71px;padding:4px;right:28px;top:-25px}.postage .doodle{width:52px!important;height:47px}.postage span{font-size:10px}.hero-flower{top:-11px;width:46px;height:67px}.letter-body{max-width:624px;padding-inline:28px}.margin-note,.wandering-line,.world-doodle,.project-doodle,.side-flower,.chicken-note,.help-heart{display:none}.belief-heading>img:first-child{width:25px;right:calc(100% + 12px)}.end-snail{left:0;width:78px;bottom:10px}.end-doodles>span{left:98px;bottom:29px}.end-plane{right:0;width:82px}.site-header{padding:26px 28px 30px}.site-footer{margin-inline:28px}.prose{font-size:18px}.prose .big-question{font-size:39px}}
@media(max-width:680px){main{width:calc(100% - 30px);padding-top:35px;padding-bottom:22px}.site-header{padding:22px 20px 27px;gap:10px}.wordmark{font-size:18px;gap:7px}.wordmark img{width:23px;height:17px}.letter-label{font-size:11px;gap:7px}.letter-label img{width:22px;height:22px}.paper-tape{width:126px;height:30px;left:calc(50% - 63px);top:-11px}.hero{display:block;padding:49px 31px 0;margin-bottom:46px}.hero-copy{padding:0}.eyebrow{max-width:none;font-size:10px;margin-bottom:10px}.hero h1{font-size:119px;letter-spacing:-9px;line-height:1.1;margin:5px 0 27px}.introduction{font-size:22px;line-height:1.55;max-width:440px}.hero-flower{left:28px;top:-19px;height:62px;width:44px;transform:rotate(-30deg)}.postage{right:26px;top:-15px;width:66px;transform:rotate(13deg)}.postage .doodle{height:36px;width:48px!important}.postage span{font-size:9px}.hello-arrow{position:absolute;right:-2px;bottom:-35px;margin:0;width:87px;height:56px;transform:rotate(57deg)}.family-portrait{margin:58px -7px 0;transform:rotate(1deg)}.family-portrait .figcaption{font-size:12px;margin-top:12px}.family-rays{display:none}.letter-body{padding:0 31px;max-width:560px}.prose{font-size:17px;line-height:1.85}.prose p{margin-bottom:24px}.prose h2{font-size:30px;line-height:1.3;letter-spacing:-.9px;margin-bottom:23px}.prose .big-question{font-size:35px;margin:40px 0 40px;line-height:1.22;letter-spacing:-1.2px}.belief-heading{margin-bottom:30px}.belief-heading h2{font-size:29px;letter-spacing:-1.2px}.belief-heading>img:first-child{display:none}.belief-heading .belief-underline{top:33px}.hand-divider{margin:36px -7px 39px}.hand-divider .divider-bee{width:60px;right:6%;top:0}.project-passage{margin-top:32px}.project-doodle{display:block;position:relative;right:auto;top:auto;width:fit-content;transform:rotate(-5deg);margin:0 0 19px;text-align:left}.project-doodle img{width:71px;height:66px;margin:0}.project-doodle span{position:absolute;left:85px;top:30px;width:145px;font-size:14px}.project-doodle .little-sprout{display:none}.pay-attention{margin-top:40px}.pay-attention .project-doodle{top:auto;transform:rotate(3deg)}.text-link.paragraph-link{font-size:14px;line-height:1.7;margin-top:19px}.invitation{margin-top:54px;padding-top:85px}.invitation h2{font-size:33px}.invitation h2 span{font-size:31px;line-height:1.6;letter-spacing:-1.1px}.help-heart{display:block;left:1px;top:17px;width:47px;height:48px;transform:rotate(-10deg)}.ways-to-help{margin-top:31px}.ways-to-help li{grid-template-columns:22px 1fr;gap:13px;padding:25px 0}.ways-to-help li:first-child{margin:0 -10px 10px;padding:24px 12px}.ways-to-help li p{font-size:16px;line-height:1.8;margin:0}.item-number{font-size:25px}.item-star{width:29px;height:33px;right:0;top:-19px}.signature{font-size:26px;gap:12px;margin-top:36px;white-space:nowrap}.signature img{width:29px;height:20px}.end-doodles{height:108px;margin-top:17px}.end-snail{width:75px;height:53px;bottom:26px}.end-doodles>span{left:82px;bottom:39px;max-width:140px;font-size:11px;line-height:1.5}.end-plane{display:none}.site-footer{margin:0 30px;padding:40px 0 22px}.footer-top{display:block;padding-bottom:24px}.footer-note{font-size:21px;display:block;width:fit-content;margin-bottom:13px}.social-links{gap:23px;flex-wrap:wrap}.social-link{font-size:12px;gap:7px}.social-link .social-icon{width:16px;height:16px}.footer-bottom{font-size:10px;padding-top:17px}.link-notice{font-size:13px}}
@media(max-width:370px){.site-header{padding-inline:16px}.wordmark{font-size:15px}.wordmark img{display:none}.letter-label{font-size:10px}.hero{padding-inline:24px}.eyebrow{font-size:9px}.hero h1{font-size:101px}.introduction{font-size:20px}.letter-body{padding-inline:24px}.prose{font-size:16px}.prose .big-question{font-size:31px}.belief-heading h2{font-size:26px}.signature{font-size:22px}.signature img{width:26px;height:18px}.social-links{gap:15px}.social-link{font-size:11px}.footer-bottom{font-size:9px}.prose h2{font-size:28px}.invitation h2 span{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{body,main{background:white;color:black;box-shadow:none}body::before,.site-header,.site-footer,.reading-progress,.skip-link,.paper-tape,.doodle,.doodle-note,.project-doodle,.margin-note,.postage,.hello-arrow,.link-notice,.end-doodles{display:none}main{width:100%;max-width:none;padding:0}main::after{display:none}.hero{margin:0 0 30px;padding:0;display:grid;grid-template-columns:1fr 1fr}.hero h1{font-size:65pt}.hero .introduction{font-size:16pt}.family-portrait{margin:0}.letter-body{max-width:none;padding:0}.prose{font-size:12pt;line-height:1.6}.prose h2,.prose .big-question{break-after:avoid;font-size:23pt}.project-passage,.ways-to-help li{break-inside:avoid}.text-link{color:inherit}.invitation{margin-top:35px;padding-top:20px}.signature{margin-bottom:0}}

/*
 * ---- What the platform adds (aw-platform.css, appended by aw-assets.php) ------------------------------
 *
 * Everything above is the approved model's stylesheet (gitignored/anthonywoolstrum.com/styles.css),
 * changed only where aw-assets.php says. Everything below exists because Foundation serves the page:
 * every client page also loads Bootstrap 5.3.3, Font Awesome, Tabler and PALjs payattn.css, which the
 * model never had, and a Templar Fragment holds no inline SVG. These rules put back the values the
 * model's own page computes wherever those libraries' element rules would change them, and style what
 * the platform requires every page to carry.
 */

/* Bootstrap's reboot sets these on body; the model leaves them to the browser. line-height: 1.5 is
   the one that shows: the postage stamp, the hello arrow's line and the skip link take their line box
   from body. */
body{font-size:revert;font-weight:revert;line-height:revert;text-align:revert;-webkit-text-size-adjust:revert;-webkit-tap-highlight-color:revert}

/* Bootstrap makes every pseudo-element border-box; the model's `*` rule covers elements only. The
   social links' hand-drawn underline is a 50%-radius bottom border whose curve depends on it. */
body::before,main::after,.ways-to-help li:first-child::before,.item-number::after,.social-link::after{box-sizing:content-box}

/* Bootstrap middles every img; the model's inline <svg>s, which these are, sat on the baseline. */
.site-header img,.hero img,.letter-body img,.site-footer img{vertical-align:baseline}

/* payattn.css drops the underline from every link and puts it back on hover. The model's plain links
   keep the browser's underline, its undecorated ones stay undecorated on hover, and the text links keep
   their 1px line when the wave appears. */
a{text-decoration:revert}
.wordmark:hover,.letter-label:hover,.social-link:hover,.back-top:hover{text-decoration:none}
.text-link:hover{text-decoration-thickness:1px}

/* The purifier caps an img's width attribute at 1200, so the portrait's 1324x1188 reaches the page as
   1200x1188; this reserves the model's shape while the picture loads. */
.family-portrait img:not(.doodle){aspect-ratio:auto 1324/1188}

/* "Skip to the letter" and "an open letter" jump to #letter, which the model put on <main>. Templar
   draws <main> itself, so the id is on an empty marker at <main>'s top left corner: the jump lands on
   the same line. */
.letter-anchor{position:absolute;top:0;left:0}

/* The footer's icons were <svg fill="currentColor">; as masks over currentColor they still take the
   link's colour on hover. */
.social-icon{flex-shrink:0;background-color:currentColor;-webkit-mask:no-repeat center/100% 100%;mask:no-repeat center/100% 100%}
.social-icon-discord{-webkit-mask-image:url('assets/icons/discord.svg');mask-image:url('assets/icons/discord.svg')}
.social-icon-linkedin{-webkit-mask-image:url('assets/icons/linkedin.svg');mask-image:url('assets/icons/linkedin.svg')}
.social-icon-facebook{-webkit-mask-image:url('assets/icons/facebook.svg');mask-image:url('assets/icons/facebook.svg')}

/* What every page of a Pay Attention product carries -- the Network attribution, the privacy policy
   and Your Privacy Choices -- set in the footer's own address type, one line below it. */
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:14px;font:11px 'Courier New',monospace;color:var(--muted)}
.footer-legal a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.footer-legal a:hover{color:var(--accent)}

/* A platform page drawn in this layout (a 404, a signed-in page) has no letter-body of its own to set
   its margins, so the sheet gives it the letter's side margins. The letter and the privacy page carry an
   <article> and are untouched. */
main:not(:has(>article)){padding-left:36px;padding-right:36px}

/* The privacy policy page: a short page on the same paper. */
.policy .letter-body{padding-top:30px;padding-bottom:40px}
.policy .eyebrow{font-size:14px;margin-bottom:12px}
.policy-title{font:600 43px/1.23 var(--display);color:var(--ink);letter-spacing:-1.5px;margin:0 0 34px;transform:rotate(-1deg)}

@media(max-width:680px){.footer-legal{font-size:10px;padding-top:12px}.policy-title{font-size:35px;letter-spacing:-1.2px}main:not(:has(>article)){padding-left:31px;padding-right:31px}}
@media(max-width:370px){.footer-legal{font-size:9px}.policy-title{font-size:31px}}