:root{--friend-paper:#fff3d4;--friend-white:#fffaf0;--friend-blue:#274ba4;--friend-deep:#17365c;--friend-orange:#b94722;--friend-soft:#526079;--friend-line:#c9c6b5;--friend-serif:'Source Serif 4',Georgia,serif;--friend-sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--friend-paper);color:var(--friend-deep);font:16px/1.6 var(--friend-sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,a,input,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,audio:focus-visible{outline:3px solid var(--friend-orange);outline-offset:5px}h1,h2{font:500 76px/1.04 var(--friend-sans);letter-spacing:-.065em;text-wrap:balance}em{font:italic 400 1.1em/1 var(--friend-serif);color:var(--friend-orange)}.friend-kicker{font:500 12px/1.7 var(--friend-sans);letter-spacing:.12em;text-transform:uppercase}.friend-skip{position:fixed;z-index:100;top:10px;left:20px;padding:14px;background:var(--friend-blue);color:var(--friend-white);transform:translateY(-160%)}.friend-skip:focus{transform:none}.friend-header{height:94px;margin:0 45px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--friend-line)}.friend-brand{font:italic 29px var(--friend-serif);letter-spacing:-.065em;white-space:nowrap}.friend-brand span{font-size:18px}.friend-edition{font-size:13px;color:var(--friend-soft)}.friend-header>div{display:flex;gap:24px;align-items:center}.friend-text-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;background:none;min-height:44px;padding:0;font-size:14px;color:var(--friend-deep)}.friend-text-button:hover{text-decoration:underline;text-underline-offset:5px}.friend-outline{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:11px 19px;background:none;border:1px solid var(--friend-deep);font-size:14px;border-radius:3px}.friend-outline:hover{background:var(--friend-deep);color:var(--friend-white)}.friend-primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:16px 23px;background:var(--friend-blue);color:var(--friend-white);border:0;border-radius:3px;font-size:15px;transition:background .2s,transform .2s}.friend-primary:hover{background:#183984;transform:translateY(-3px)}
.friend-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;align-items:center;min-height:calc(100svh - 94px);padding:75px 6vw 95px}.friend-hero>div{min-width:0}.friend-hero .friend-kicker{color:var(--friend-soft);margin-bottom:25px}.friend-hero h1{font-size:clamp(82px,8vw,118px)}.friend-intro{font:400 24px/1.7 var(--friend-serif);color:var(--friend-soft);max-width:550px;margin:33px 0;white-space:pre-line;overflow-wrap:anywhere}.friend-hero-art{position:relative;text-align:center;padding:40px 20px}.friend-hero-art svg{display:block;width:90%;max-width:450px;margin:25px auto 10px;transform:rotate(12deg);filter:drop-shadow(0 18px 25px #17365c20)}.friend-circle-text{font:500 11px var(--friend-sans);letter-spacing:.12em;color:var(--friend-soft)}.friend-art-caption{display:block;font:italic 25px var(--friend-serif);color:var(--friend-orange);margin-top:35px}
.friend-board-section{background:var(--friend-white);padding:105px 4vw 110px;scroll-margin-top:30px}.friend-board-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:45px}.friend-board-heading .friend-kicker{color:var(--friend-soft);margin-bottom:22px}.friend-board-heading h2{font-size:70px}.friend-board-heading>p{font:400 21px/1.7 var(--friend-serif);color:var(--friend-soft);padding-bottom:8px}.friend-board-shell{border:2px solid var(--friend-deep);border-radius:7px;box-shadow:8px 8px 0 #cbd6e7;padding:26px;background:var(--friend-paper);max-width:1500px;margin:auto}.friend-board-top{display:flex;align-items:center;justify-content:space-between;gap:25px;font:500 12px var(--friend-sans);letter-spacing:.1em;padding:5px 2px 25px}.friend-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.friend-square{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;text-align:left;min-height:270px;padding:24px;border:1px solid #17365c55;border-radius:4px;transition:transform .25s,box-shadow .25s;min-width:0;overflow:hidden}.friend-square:hover{transform:translateY(-4px);box-shadow:0 7px 15px #17365c18}.friend-square-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 10px var(--friend-sans);letter-spacing:.08em}.friend-square strong{font:400 36px/1.15 var(--friend-serif);letter-spacing:-.035em;text-wrap:balance;position:relative;z-index:1;overflow-wrap:anywhere;max-width:13ch;margin:26px 0 45px}.color-0,.color-6{background:#d6e0ef}.color-1,.color-5{background:#f3d6bd}.color-2,.color-8{background:#e4e8c9}.color-3,.color-7{background:#eee1d3}.color-4{background:#f8e5a7}.friend-square-stamp{position:absolute;right:18px;bottom:16px;display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--friend-blue);border-radius:50%;color:var(--friend-blue);font:400 25px var(--friend-sans);opacity:0;transform:rotate(-12deg) scale(.7);transition:opacity .25s,transform .25s}.friend-square.stamped .friend-square-stamp{opacity:1;transform:rotate(-12deg) scale(1)}.friend-square.stamped .friend-square-state{color:var(--friend-blue)}.friend-square.in-line{box-shadow:inset 0 0 0 3px var(--friend-blue)}.friend-board-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}.friend-board-bottom>p{font-size:14px;color:var(--friend-soft)}.friend-board-bottom .friend-text-button{font-size:13px}.friend-bingo-badge{display:flex;justify-content:center;align-items:center;gap:24px;margin:35px auto 0;color:var(--friend-orange);font:italic 26px/1.5 var(--friend-serif);text-align:center}.friend-bingo-badge>span{font:400 35px var(--friend-sans)}.friend-bingo-badge.celebrate>span{animation:friend-pop .8s ease-out}@keyframes friend-pop{0%{transform:scale(.5) rotate(-35deg)}60%{transform:scale(1.3) rotate(20deg)}100%{transform:none}}.friend-sample{font:400 12px/1.8 var(--friend-sans);color:var(--friend-soft);margin-top:25px}.friend-board-section>.friend-sample{text-align:center}
.friend-letter-section{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;padding:125px 6vw;background:#d4deec}.friend-letter-section>div{min-width:0}.friend-letter-section h2{font-size:71px}.friend-letter-section>div>.friend-kicker{color:var(--friend-soft);margin-bottom:27px}.friend-letter-section>div>p:not(.friend-kicker){font:400 22px/1.7 var(--friend-serif);color:var(--friend-soft);margin-top:28px}.friend-letter-card{position:relative;background:var(--friend-white);border:1px solid #b3baca;padding:50px;transform:rotate(2deg);box-shadow:0 17px 35px #17365c17}.friend-letter-card:before{content:'';position:absolute;inset:14px;border:1px solid #d0cbbb;pointer-events:none}.friend-letter-card>*{position:relative}.friend-letter-card .friend-handwritten{font:italic 31px/1.4 var(--friend-serif);color:var(--friend-orange);margin-top:25px}.friend-letter-card #letterPreview{font:400 23px/1.7 var(--friend-serif);margin:24px 0;color:var(--friend-soft)}.friend-letter-card #letterSignature{display:block;text-align:right;margin-top:29px;font-size:24px}
.friend-next-section{text-align:center;padding:120px 25px;background:var(--friend-blue);color:var(--friend-white)}.friend-next-section>.friend-kicker{color:#d1dded;margin-bottom:28px}.friend-next-section h2{font-size:78px}.friend-next-section h2 em{color:#ffc58e}.friend-plan-deck{position:relative;width:min(610px,calc(100% - 20px));margin:70px auto 50px}.friend-plan-back,.friend-plan-middle{position:absolute;inset:0;border:1px solid #b2c0d5;background:#c3d0e4;border-radius:4px;transform:rotate(7deg)}.friend-plan-middle{transform:rotate(-5deg);background:#eec9aa;border-color:#c0a18b}.friend-plan-card{position:relative;background:var(--friend-paper);color:var(--friend-deep);border:1px solid #d8c9a4;border-radius:4px;padding:45px 43px;text-align:left;min-height:280px}.friend-plan-card>.friend-kicker{color:var(--friend-orange);font-size:11px}.friend-plan-card h3{font:400 35px/1.2 var(--friend-serif);letter-spacing:-.03em;margin:25px 0 20px;overflow-wrap:anywhere;text-wrap:balance}.friend-plan-card p{font:400 22px/1.7 var(--friend-serif);color:var(--friend-soft);white-space:pre-line;overflow-wrap:anywhere}.friend-plan-card #friendPlanDate{display:block;font-size:13px;color:var(--friend-orange);margin-top:20px}.friend-plan-card .friend-text-button{font-size:13px;margin-top:13px}.friend-next-section>.friend-primary{background:var(--friend-paper);color:var(--friend-deep)}.friend-next-section>.friend-primary:hover{background:#fffaf0}.friend-next-section>.friend-closing{font:italic 29px/1.5 var(--friend-serif);color:#ffd1a5;max-width:750px;margin:65px auto 25px;overflow-wrap:anywhere}.friend-next-section>.friend-text-button{color:#e1e9f2;font-size:15px}.friend-footer{padding:30px 45px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--friend-line)}.friend-footer>span{font-size:12px;color:var(--friend-soft)}
dialog{background:var(--friend-white);color:var(--friend-deep);border:1px solid var(--friend-line);border-radius:5px;padding:0;width:min(850px,calc(100% - 30px));max-height:94svh;box-shadow:0 25px 100px #17365c40}dialog::backdrop{background:#17365cb8;backdrop-filter:blur(4px)}.friend-dialog-open{overflow:hidden}.friend-close{display:grid;place-items:center;width:46px;min-width:46px;height:46px;border-radius:50%;border:1px solid #bdc4c9;background:var(--friend-white);font:300 26px var(--friend-sans);z-index:5}.friend-close:hover{background:var(--friend-paper)}.friend-memory-dialog>.friend-close{position:absolute;top:17px;right:17px}.friend-memory-dialog.with-photo{width:min(1260px,calc(100% - 30px))}.friend-memory-dialog.with-photo[open]{display:grid;grid-template-columns:.85fr 1.15fr}.friend-memory-photo{position:relative;background:#d4deec;min-height:630px;overflow:hidden}.friend-memory-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.friend-memory-copy{padding:70px 50px 45px;min-width:0}.friend-memory-copy>.friend-kicker{font-size:11px;color:var(--friend-soft);margin-bottom:23px}.friend-memory-copy h2{font:400 53px/1.1 var(--friend-serif);letter-spacing:-.04em;margin-bottom:30px}.friend-memory-story p{font:400 23px/1.85 var(--friend-serif);white-space:pre-line;overflow-wrap:anywhere;margin-bottom:26px}.friend-dialog-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding-top:25px;border-top:1px solid var(--friend-line);margin-top:27px}.friend-memory-copy audio{display:block;width:100%;max-width:100%;margin:17px 0 25px}.friend-memory-copy #friendVoiceWrap>.friend-kicker{font-size:11px;color:var(--friend-soft)}.friend-letter-dialog{padding:42px 55px;width:min(900px,calc(100% - 30px))}.friend-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.friend-dialog-top>.friend-kicker{color:var(--friend-soft);font-size:11px}.friend-letter-dialog h2{font:italic 48px var(--friend-serif);color:var(--friend-orange);margin:20px 0 30px}.friend-letter-dialog .friend-handwritten{font:italic 28px/1.5 var(--friend-serif);color:var(--friend-orange);text-align:right;margin:25px 0}.friend-letter-dialog>.friend-outline{margin-top:25px}
.friend-editor{width:min(950px,calc(100% - 30px));padding:40px 50px}.friend-editor h2{font-size:64px;margin-bottom:27px}.friend-editor-intro{font-size:16px;color:var(--friend-soft);margin-bottom:30px}.friend-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.friend-editor label{display:block;font:500 14px/1.6 var(--friend-sans);margin:0 0 22px}.friend-editor input,.friend-editor textarea{display:block;width:100%;min-height:48px;padding:12px 14px;background:#fff3d460;border:1px solid var(--friend-line);border-radius:3px;color:var(--friend-deep);font:400 16px/1.6 var(--friend-sans);margin-top:9px}.friend-editor textarea{resize:vertical}.friend-editor input[type=file]{font-size:13px;padding:10px;min-width:0}.friend-editor input::file-selector-button{border:1px solid var(--friend-line);background:var(--friend-paper);padding:8px 12px;color:var(--friend-deep);font:13px var(--friend-sans);border-radius:3px;margin-right:12px;cursor:pointer}.friend-editor small{display:block;font-size:12px;color:var(--friend-soft);margin:-11px 0 22px}.friend-editor fieldset{margin:34px 0;padding:25px;border:1px solid var(--friend-line)}.friend-editor legend{font:italic 28px var(--friend-serif);color:var(--friend-orange);padding:0 10px}.friend-editor fieldset .friend-text-button{margin:-12px 0 22px}.friend-plan-edit+.friend-plan-edit{padding-top:20px;border-top:1px solid var(--friend-line);margin-top:20px}.friend-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:25px}#friendEditorStatus{font-size:14px;color:var(--friend-orange);margin:20px 0}.friend-toast{position:fixed;z-index:160;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;max-width:calc(100% - 30px);width:max-content;background:var(--friend-deep);color:var(--friend-white);border:1px solid #b3baca;padding:15px 22px;font-size:13px;line-height:1.75;border-radius:4px;text-align:center;transition:opacity .2s,transform .2s}.friend-toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.friend-reduced *,.friend-reduced *:before,.friend-reduced *:after{transition:none!important;animation:none!important}
@media(max-width:1100px){.friend-edition{display:none}.friend-hero{padding:65px 5vw 90px;gap:3vw}.friend-hero h1{font-size:90px}.friend-intro{font-size:22px}.friend-hero-art svg{width:100%}.friend-circle-text{font-size:10px}.friend-art-caption{font-size:22px}.friend-board-heading h2{font-size:59px}.friend-board-heading>p{font-size:19px}.friend-square{padding:22px;min-height:250px}.friend-square strong{font-size:30px}.friend-letter-section{gap:4vw;padding:100px 5vw}.friend-letter-section h2{font-size:61px}.friend-letter-card{padding:39px}.friend-memory-copy{padding:70px 38px 40px}.friend-memory-copy h2{font-size:47px}}
@media(max-width:800px){.friend-header{height:80px;margin:0 22px;gap:16px}.friend-header>div{gap:14px}.friend-header .friend-text-button{font-size:12px}.friend-header .friend-outline{font-size:12px;padding:10px 12px;gap:12px}.friend-brand{font-size:26px}.friend-brand span{font-size:16px}.friend-hero{grid-template-columns:1fr;gap:35px;padding:48px 25px 80px;min-height:0}.friend-hero h1{font-size:clamp(73px,13vw,100px)}.friend-hero .friend-kicker{font-size:11px}.friend-intro{font-size:22px;margin:28px 0}.friend-hero-art{max-width:500px;margin:auto;width:100%;padding:15px 20px}.friend-hero-art svg{width:70%;margin-top:25px}.friend-art-caption{font-size:23px}.friend-board-section{padding:75px 22px 80px}.friend-board-heading{display:block;margin-bottom:35px}.friend-board-heading h2{font-size:56px}.friend-board-heading .friend-kicker{font-size:11px}.friend-board-heading>p{font-size:20px;margin-top:25px}.friend-board-shell{padding:18px;box-shadow:5px 5px 0 #cbd6e7}.friend-board-top{font-size:10px;letter-spacing:.06em;padding-bottom:20px;gap:20px}.friend-board-top>span:last-child{font-size:8px;max-width:160px;text-align:right;line-height:1.7}.friend-board{gap:10px}.friend-square{padding:15px;min-height:220px}.friend-square strong{font-size:26px;margin:22px 0 45px}.friend-square-top{font-size:8px;gap:5px}.friend-square-stamp{width:35px;height:35px;font-size:21px;right:12px;bottom:13px}.friend-board-bottom{align-items:start;gap:20px}.friend-board-bottom>p{font-size:12px}.friend-board-bottom .friend-text-button{font-size:12px;white-space:nowrap}.friend-bingo-badge{font-size:23px;gap:15px}.friend-bingo-badge>span{font-size:29px}.friend-sample{font-size:12px}.friend-letter-section{grid-template-columns:1fr;gap:45px;padding:85px 25px}.friend-letter-section h2{font-size:clamp(48px,8.5vw,65px)}.friend-letter-section>div>.friend-kicker{font-size:11px}.friend-letter-section>div>p:not(.friend-kicker){font-size:21px}.friend-letter-card{width:100%;max-width:550px;margin:auto;padding:42px 30px}.friend-letter-card #letterPreview{font-size:22px}.friend-letter-card #letterSignature{font-size:24px}.friend-next-section{padding:90px 25px}.friend-next-section h2{font-size:clamp(54px,9vw,70px)}.friend-next-section>.friend-kicker{font-size:11px}.friend-plan-deck{margin-top:55px}.friend-plan-card{padding:35px 30px}.friend-plan-card h3{font-size:31px}.friend-plan-card p{font-size:21px}.friend-next-section>.friend-closing{font-size:27px}.friend-footer{padding:30px 22px;flex-wrap:wrap;gap:20px}.friend-footer>span{font-size:11px}.friend-footer>.friend-text-button{width:100%;justify-content:flex-start;font-size:13px}.friend-memory-dialog,.friend-memory-dialog.with-photo{width:calc(100% - 20px);max-width:650px}.friend-memory-dialog.with-photo[open]{display:block}.friend-memory-photo{min-height:0;height:325px}.friend-memory-copy{padding:68px 28px 35px}.with-photo .friend-memory-copy{padding-top:34px}.friend-memory-copy h2{font-size:45px}.friend-memory-story p{font-size:21px}.friend-dialog-actions .friend-outline,.friend-dialog-actions .friend-text-button{font-size:13px}.friend-editor,.friend-letter-dialog{width:calc(100% - 20px);padding:27px 25px}.friend-editor h2{font-size:49px}.friend-dialog-top>.friend-kicker{font-size:10px;max-width:22ch}.friend-editor-intro{font-size:15px}.friend-field-pair{grid-template-columns:1fr;gap:0}.friend-editor fieldset{padding:16px}.friend-editor input[type=file]{font-size:11px;padding:8px}.friend-editor input::file-selector-button{font-size:11px;padding:7px;margin-right:7px}.friend-editor-actions{flex-direction:column;align-items:stretch;gap:14px}.friend-letter-dialog h2{font-size:42px}.friend-letter-dialog .friend-handwritten{font-size:25px}.friend-toast{font-size:12px}}
@media(max-width:460px){.friend-header{margin:0 17px}.friend-header>div{gap:9px}.friend-header .friend-text-button{font-size:0;min-width:40px;width:40px;border:1px solid var(--friend-line);border-radius:50%}.friend-header .friend-text-button:after{content:'≈';font:23px var(--friend-serif)}.friend-header .friend-outline{font-size:12px;gap:9px;padding:9px}.friend-brand{font-size:24px}.friend-brand span{font-size:15px}.friend-hero{padding-inline:22px}.friend-hero h1{font-size:clamp(72px,20vw,87px)}.friend-hero-art{padding-inline:0}.friend-hero-art svg{width:75%}.friend-art-caption{font-size:21px}.friend-board-section{padding-inline:13px}.friend-board-heading{padding-inline:9px}.friend-board-heading h2{font-size:50px}.friend-board-shell{padding:11px}.friend-board-top{font-size:9px;gap:15px}.friend-board-top>span:last-child{font-size:7px;max-width:125px}.friend-board{gap:8px}.friend-square{padding:11px 10px;min-height:200px}.friend-square strong{font-size:21px;line-height:1.15;margin:23px 0 44px;letter-spacing:-.04em}.friend-square-top{font-size:7px;letter-spacing:0}.friend-square-state{font-size:6px}.friend-square-stamp{width:31px;height:31px;font-size:19px;right:10px;bottom:12px}.friend-board-bottom{margin-top:19px;gap:15px}.friend-board-bottom>p{font-size:11px;max-width:150px}.friend-board-bottom .friend-text-button{font-size:11px}.friend-bingo-badge{font-size:21px;gap:10px}.friend-board-section>.friend-sample{padding-inline:8px}.friend-plan-card{padding:33px 25px}.friend-plan-card h3{font-size:30px}.friend-plan-card p{font-size:20px}.friend-memory-copy{padding-inline:23px}.friend-memory-copy h2{font-size:41px}.friend-editor,.friend-letter-dialog{padding:27px 21px}.friend-editor fieldset{padding:13px}.friend-editor input,.friend-editor textarea{padding:10px}.friend-editor legend{font-size:25px}}
@media(max-width:350px){.friend-square strong{font-size:19px}.friend-square{padding-inline:8px}.friend-square-top>span:first-child{font-size:7px}.friend-square-state{font-size:5px}.friend-circle-text{font-size:9px}}