@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}}:root{--paper:#faf8f2;--ink:#373d32;--muted:#6c7062;--green:#596b49;--sage:#e9eddf;--line:#e2e2d7;--serif:Georgia, "Times New Roman", serif;--sans:Arial, Helvetica, sans-serif;--background:var(--paper);--foreground:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}::selection{color:#30392b;background:#dae1cb}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}figure,p,h1,h2,h3{margin:0}.page-width{width:min(1120px,100% - 96px);margin-inline:auto}.site-shell{overflow:clip}.skip-link{z-index:20;background:var(--ink);color:#fff;border-radius:6px;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-1.2px;align-items:center;gap:12px;font-size:29px;display:inline-flex}.wordmark svg{color:var(--green);width:26px;height:26px}.wordmark-dot{color:#84936a}.header-nav{align-items:center;gap:36px;font-size:12px;display:flex}.header-nav a{transition:color .18s}.header-nav a:hover{color:#899470}.nav-story{color:var(--muted)}.nav-note{align-items:center;gap:16px;display:flex}.nav-note span{color:var(--green);font-size:18px}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px;min-height:688px;padding-block:68px 76px;display:grid}.eyebrow{letter-spacing:2px;color:var(--green);font-size:10px;font-weight:500;line-height:1.6}.hero-eyebrow{letter-spacing:1.7px;align-items:center;gap:10px;margin-bottom:24px;display:flex}.tiny-star{color:#7e8b62;font-size:19px;line-height:1}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{letter-spacing:-4.5px;font-size:clamp(58px,6.5vw,82px);line-height:1.07}h1 em{color:#75835f;font-weight:400}.hero-description{color:var(--muted);margin-top:26px;font-size:13px;line-height:1.95}.primary-button{background:var(--green);color:#fffef9;border-radius:40px;justify-content:space-between;align-items:center;gap:32px;margin-top:28px;padding:17px 23px;font-size:12px;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.primary-button span{font-size:19px;line-height:16px}.primary-button:hover{background:#455837;transform:translateY(-3px);box-shadow:0 6px 16px #44533d16}.hero-postscript{font-family:var(--serif);color:#6e7362;margin-top:14px;padding-left:13px;font-size:12px;font-style:italic}.hero-postscript span{margin-left:5px;font-style:normal}.hero-art{isolation:isolate;width:100%;height:490px;margin-top:4px;position:relative}.art-orbit{z-index:-1;background:#eef0e4;border-radius:50%;width:375px;height:375px;position:absolute;top:43px;left:70px}.polaroid{background:#fffdf8;padding:12px 12px 0;transition:transform .4s;position:absolute;box-shadow:0 5px 12px #4a48270a,0 18px 35px #4a482710}.polaroid-image{position:relative}.polaroid-image img{object-fit:cover;mix-blend-mode:multiply}.polaroid figcaption{height:48px;font-family:var(--serif);color:#6b6d60;white-space:nowrap;justify-content:center;align-items:center;font-size:14px;font-style:italic;display:flex}.coffee-polaroid{width:224px;top:32px;left:9px;transform:rotate(-10deg)}.coffee-image{background:#eeeadd;height:195px}.coffee-polaroid:hover{transform:rotate(-6deg)translateY(-5px)}.flower-polaroid{width:279px;top:158px;right:6px;transform:rotate(9deg)}.flower-image{background:#f4ebe5;height:250px}.flower-polaroid:hover{transform:rotate(5deg)translateY(-5px)}.flower-polaroid figcaption{gap:7px;height:52px}.paper-tape{z-index:1;clip-path:polygon(0 3%,97% 0,100% 14%,97% 29%,100% 39%,98% 56%,100% 71%,96% 89%,99% 100%,1% 94%,3% 78%,0 67%,3% 45%,0 26%);background:#c9cfaf88;width:80px;height:27px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(3deg)}.flower-polaroid .paper-tape{background:#dcc2a56b;transform:translate(-50%)rotate(-4deg)}.art-sparkle{color:#a4a779;position:absolute}.sparkle-one{top:47px;right:24px;transform:rotate(8deg)}.sparkle-two{width:22px;height:29px;bottom:80px;left:13px;transform:rotate(-12deg)}.art-heart{color:#a5846c;font-family:var(--serif);font-size:36px;position:absolute;top:27px;right:95px;transform:rotate(17deg)}.friendship-stamp{outline-offset:-6px;color:#6b7955;background:#edf0e2;border:1px solid #a0a689;border-radius:50%;outline:1px solid #c3c8ac;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:119px;height:119px;display:flex;position:absolute;top:299px;left:46px;transform:rotate(-13deg)}.friendship-stamp>span:not(.stamp-heart){letter-spacing:1.3px;font-size:7px}.friendship-stamp .stamp-heart{font-family:var(--serif);font-size:42px;line-height:44px}.art-caption{color:#6e7362;font-size:13px;font-family:var(--serif);font-style:italic;position:absolute;bottom:5px;left:25px;transform:rotate(-4deg)}.handdrawn-arrow{color:#a0a084;width:70px;height:52px;position:absolute;bottom:4px;right:76px;transform:rotate(-25deg)}.little-things{border-block:1px solid var(--line);color:#6e7362;justify-content:space-evenly;align-items:center;gap:24px;min-height:74px;display:flex}.little-things>span:not(.divider-star){letter-spacing:1.7px;text-align:center;font-size:9px}.divider-star{color:#a0a887;font-size:19px}.reasons{padding-block:99px 109px}.section-heading{text-align:center}.section-heading h2{letter-spacing:-1.9px;margin-top:20px;font-size:43px;line-height:1.22}h2 em{color:#75835f;font-weight:400}.section-heading>p:last-child{color:#6e7362;margin-top:16px;font-size:12px}.reasons-grid{grid-template-columns:repeat(3,1fr);margin-top:54px;display:grid}.reason{padding-inline:35px}.reason:first-child{padding-left:10px;padding-right:42px}.reason:last-child{padding-left:42px;padding-right:10px}.reason+.reason{border-left:1px solid var(--line)}.reason-illustration{justify-content:center;align-items:center;height:143px;margin-bottom:25px;display:flex}.reason-illustration img{object-fit:contain;mix-blend-mode:multiply;width:140px;height:140px;transition:transform .3s}.reason:hover .reason-illustration img{transform:translateY(-7px)rotate(-4deg)}.reason-label{letter-spacing:1.4px;color:#6e7362;align-items:center;gap:12px;font-size:8px;display:flex}.reason-label>span:first-child{color:#6e7362;letter-spacing:1px;font-size:10px}.reason h3{letter-spacing:-1px;margin-top:14px;font-size:29px}.reason>p{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.95}.notes-section{background:var(--sage);border-block:1px solid #e2e7d8}.notes-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:88px;padding-block:82px 91px;display:grid}.notes-copy{position:relative}.notes-copy .eyebrow{align-items:center;gap:9px;display:flex}.notes-copy .eyebrow>span{font-size:18px}.notes-copy h2{letter-spacing:-2px;margin-top:22px;font-size:46px;line-height:1.22}.notes-copy>p:not(.eyebrow){color:#626e54;margin-top:23px;font-size:13px;line-height:1.95}.notes-aside{color:#626e54;font-family:var(--serif);align-items:center;gap:12px;margin-top:28px;font-size:13px;font-style:italic;display:flex}.small-line{background:#a1ac8c;width:25px;height:1px}.notes-sparkle{color:#a2ac85;width:24px;position:absolute;bottom:-25px;right:0;transform:rotate(8deg)}.note-card-wrap{justify-self:center;width:min(100%,364px);position:relative;transform:rotate(3deg)}.note-tape{z-index:2;clip-path:polygon(0 0,100% 4%,98% 27%,100% 59%,97% 80%,99% 96%,0 100%,2% 78%,0 58%,3% 31%);background:#bac39a80;width:90px;height:29px;position:absolute;top:-13px;left:calc(50% - 45px);transform:rotate(-6deg)}.note-card{background:#fffdf7;padding:28px 30px 21px;position:relative;box-shadow:0 9px 28px #45533a0c}.note-card:after{content:"";background:linear-gradient(135deg,#fffdf7 7px,#0000 0) 0 0/14px 14px,linear-gradient(225deg,#fffdf7 7px,#0000 0) 0 0/14px 14px;height:12px;position:absolute;bottom:-10px;left:0;right:0}.note-card-top{letter-spacing:1.7px;color:#6e7362;justify-content:space-between;align-items:center;font-size:8px;display:flex}.note-card-top span:last-child{font-size:20px;line-height:16px}.note-recipient{font-family:var(--serif);letter-spacing:-.7px;border-bottom:1px dashed #d3d4c2;padding-block:16px 18px;font-size:28px;font-style:italic}.note-content{text-align:center;flex-direction:column;align-items:center;min-height:290px;padding-block:15px 26px;display:flex}.note-cat{object-fit:contain;mix-blend-mode:multiply;width:100px;height:100px}.note-message{font-family:var(--serif);letter-spacing:-.5px;text-wrap:pretty;max-width:270px;margin-top:6px;font-size:23px;line-height:1.4}.note-card-bottom{border-top:1px dashed #d3d4c2;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.note-counter{color:#6e7362;letter-spacing:2px;font-family:monospace;font-size:10px}.note-next{min-height:44px;color:var(--green);background:0 0;border:0;align-items:center;gap:12px;padding:9px 0 9px 13px;font-size:11px;display:flex}.note-next svg{transition:transform .35s}.note-next:hover svg{transform:rotate(60deg)}.note-next:hover{color:#354329}.closing{text-align:center;padding-block:89px 81px}.closing-flower{color:#99a27e;margin-bottom:27px;font-size:40px;line-height:1;display:inline-block}.closing .eyebrow{letter-spacing:1.8px;font-size:8px}.closing h2{letter-spacing:-2.6px;margin-top:22px;font-size:53px}.closing h2>span{color:#8e9a74}.closing>p:not(.eyebrow):not(.closing-signature){color:var(--muted);margin-top:16px;font-size:12px;line-height:1.9}.closing .closing-signature{font-family:var(--serif);color:#6e7362;margin-top:26px;font-size:15px;font-style:italic}.closing-signature>span{margin-left:5px;font-size:18px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:89px;display:flex}.footer-wordmark{font-family:var(--serif);letter-spacing:-1px;font-size:22px}.site-footer p,.back-to-top{color:#6e7362;font-size:10px}.back-to-top{align-items:center;gap:13px;display:flex}.back-to-top span{color:var(--green);font-size:17px}@media (min-width:1500px){.page-width{width:min(1190px,100% - 144px)}.hero{min-height:736px}h1{font-size:91px}.hero-art{justify-self:end;max-width:505px}}@media (max-width:1050px){.page-width{width:calc(100% - 64px)}.hero{gap:0;min-height:640px}h1{letter-spacing:-3.8px;font-size:clamp(55px,6.5vw,68px)}.hero-description{font-size:12px}.desktop-break{display:none}.hero-art{transform-origin:100%;justify-self:end;width:460px;transform:scale(.78)}.hero-copy{z-index:2;position:relative}.notes-inner{gap:45px}.notes-copy h2{font-size:38px}.reason{padding-inline:25px}.reason:first-child{padding-left:0;padding-right:25px}.reason:last-child{padding-left:25px;padding-right:0}.reason h3{font-size:26px}}@media (max-width:760px){html{scroll-padding-top:24px}.page-width{width:calc(100% - 44px)}.site-header{height:85px}.wordmark{gap:9px;font-size:26px}.wordmark svg{width:23px;height:23px}.header-nav{gap:0;font-size:10px}.nav-story{display:none}.nav-note{gap:8px}.hero{text-align:center;grid-template-columns:minmax(0,1fr);min-height:auto;padding-block:48px 35px}.hero-eyebrow{letter-spacing:1.5px;justify-content:center;margin-bottom:23px;font-size:8px}h1{letter-spacing:-3.4px;font-size:clamp(56px,11.8vw,78px);line-height:1.09}.hero-description{max-width:300px;margin:23px auto 0;font-size:12px;line-height:1.9}.primary-button{margin-top:24px;padding:16px 22px;font-size:11px}.hero-postscript{margin-top:12px;padding:0;font-size:11px}.hero-art{transform-origin:top;justify-self:center;width:430px;max-width:none;height:455px;margin:24px 0 -63px;transform:scale(.84)}.art-orbit{width:330px;height:330px;left:50px}.coffee-polaroid{width:204px;top:30px;left:9px}.coffee-image{height:178px}.flower-polaroid{width:249px;top:146px;right:4px}.flower-image{height:218px}.friendship-stamp{width:109px;height:109px;top:279px;left:39px}.art-caption{bottom:0;left:15px}.handdrawn-arrow{width:60px;bottom:-6px;right:70px}.sparkle-one{top:34px;right:17px}.art-heart{top:16px;right:78px}.little-things{gap:12px;min-height:73px}.little-things>span:not(.divider-star){letter-spacing:1px;max-width:88px;font-size:7px;line-height:1.8}.divider-star{font-size:15px}.reasons{padding-block:62px 60px}.eyebrow{letter-spacing:1.6px;font-size:8px}.section-heading h2{letter-spacing:-1.3px;margin-top:17px;font-size:33px;line-height:1.25}.section-heading>p:last-child{font-size:11px}.reasons-grid{grid-template-columns:1fr;margin-top:30px}.reason,.reason:first-child,.reason:last-child{text-align:center;max-width:440px;margin-inline:auto;padding:30px 15px}.reason+.reason{border-left:0;border-top:1px solid var(--line)}.reason-illustration{height:115px;margin-bottom:15px}.reason-illustration img{width:120px;height:120px}.reason-label{justify-content:center}.reason h3{margin-top:12px;font-size:29px}.reason>p{max-width:330px;margin-top:12px}.notes-inner{grid-template-columns:minmax(0,1fr);gap:46px;padding-block:59px 65px}.notes-copy{text-align:center}.notes-copy .eyebrow,.notes-aside{justify-content:center}.notes-copy h2{letter-spacing:-1.5px;margin-top:15px;font-size:36px}.notes-copy>p:not(.eyebrow){margin-top:19px;font-size:12px}.notes-aside{margin-top:21px;font-size:12px}.notes-sparkle{width:18px;bottom:-20px;right:8px}.note-card-wrap{width:min(310px,100% - 16px);transform:rotate(2deg)}.note-card{padding:26px 24px 17px}.note-message{font-size:23px}.note-content{min-height:290px}.closing{padding-block:64px 60px}.closing-flower{margin-bottom:23px;font-size:35px}.closing .eyebrow{letter-spacing:1.3px;font-size:7px}.closing h2{letter-spacing:-1.7px;margin-top:20px;font-size:37px}.closing>p:not(.eyebrow):not(.closing-signature){max-width:260px;margin-inline:auto;font-size:11px}.closing .closing-signature{margin-top:22px;font-size:13px}.site-footer{flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:23px}.footer-wordmark{font-size:21px}.site-footer p{text-align:center;order:3;width:100%;font-size:9px}.back-to-top{font-size:9px}}@media (max-width:370px){.page-width{width:calc(100% - 36px)}.wordmark{font-size:23px}.header-nav{font-size:9px}h1{font-size:53px}.hero-art{margin-bottom:-122px;transform:scale(.71)}.section-heading h2{font-size:29px}.closing h2{font-size:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}