
#fw-postbox-story .fhn-art{position:relative;width:100%;max-width:560px;margin-inline:auto;container-type:inline-size;container-name:fhn-art}
#fw-postbox-story .fhn-world{display:none;position:relative;width:100%;max-width:560px;aspect-ratio:560/340;min-height:320px;overflow:hidden;isolation:isolate;color:var(--fp-ink,#4A230B);font-size:12px;line-height:1.5;pointer-events:none}
#fw-postbox-story #fp-beyond[data-story=business] .fhn-world[data-world=business],#fw-postbox-story #fp-beyond[data-story=family] .fhn-world[data-world=family],#fw-postbox-story #fp-beyond[data-story=finance] .fhn-world[data-world=finance],#fw-postbox-story #fp-beyond[data-story=child] .fhn-world[data-world=child],#fw-postbox-story #fp-beyond[data-story=general] .fhn-world[data-world=general]{display:block}
#fw-postbox-story .fhn-world *,#fw-postbox-story .fhn-world *:before,#fw-postbox-story .fhn-world *:after{box-sizing:border-box;animation-play-state:var(--fp-play,running)}
#fw-postbox-story #fp-beyond[data-paused=true] .fhn-world *,#fw-postbox-story #fp-beyond[data-paused=true] .fhn-world *:before,#fw-postbox-story #fp-beyond[data-paused=true] .fhn-world *:after{animation-play-state:paused!important}
#fw-postbox-story .fwn-caption{position:absolute;top:15px;left:6%;font-size:12px;font-weight:700;color:var(--fp-muted,#8A6248);letter-spacing:.01em}
#fw-postbox-story .fwn-floor{position:absolute;left:4%;right:4%;bottom:14px;height:2px;background:var(--fp-border,#F1C7A6);border-radius:2px;opacity:.65}
#fw-postbox-story .fwn-desk-light{position:absolute;left:2%;top:54px;width:68%;height:217px;border-radius:48% 52% 47% 53%;background:var(--fp-mint,#BDE3CF);opacity:.34;transform:rotate(-6deg)}
#fw-postbox-story .fwn-postmark{position:absolute;right:9%;top:25px;display:grid;place-items:center;width:62px;height:62px;border:3px double var(--fp-border,#F1C7A6);border-radius:50%;transform:rotate(14deg);color:var(--fp-muted,#8A6248);font:700 11px/1.25 FWStoryNunito,sans-serif;text-align:center;background:var(--fp-bg,#FFF8EF)}
#fw-postbox-story .fwn-sheet{position:absolute;background:var(--fp-bg,#FFF8EF);border:2px solid var(--fp-border,#F1C7A6);border-radius:10px;box-shadow:0 5px 0 #E2BC9D55;overflow:hidden}
#fw-postbox-story .fwn-sheet:before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,#FF582D 0 10px,#FFF8EF 10px 19px,#1F3A8A 19px 29px,#FFF8EF 29px 38px)}
#fw-postbox-story .fwn-sheet-title{display:block;padding:15px 12px 9px;font-size:13px;font-weight:700;line-height:1.5}
#fw-postbox-story .fwn-check{display:inline-grid;place-items:center;width:17px;height:17px;flex:0 0 17px;border:1.5px solid #7CBF9A;border-radius:5px;color:#407B59;background:#E8F3EB;font-size:12px;font-weight:700}
#fw-postbox-story .fwn-envelope{position:absolute;width:66px;height:43px;background:#FFF8EF;border:2px solid #E3B895;border-radius:6px;box-shadow:0 4px 0 #E3B89566;display:grid;place-items:center;color:#FF582D;z-index:8}
#fw-postbox-story .fwn-envelope:before{content:'';position:absolute;inset:0;background:linear-gradient(32deg,transparent 48%,#F1C7A6 49% 51%,transparent 52%),linear-gradient(-32deg,transparent 48%,#F1C7A6 49% 51%,transparent 52%);opacity:.7}
#fw-postbox-story .fwn-envelope i,#fw-postbox-story .fwn-envelope svg{position:relative;width:17px;height:17px;background:#FFF8EF}
#fw-postbox-story .fwn-finish-note{position:absolute;left:6%;bottom:27px;max-width:calc(100% - 155px);font-size:12px;font-weight:700;line-height:1.65;color:#407B59;opacity:0;transform:translateY(9px);transition:opacity .5s,transform .6s}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-finish-note{opacity:1;transform:translateY(0)}

/* Business: scattered knowledge becomes one usable handoff. */
#fw-postbox-story .fwn-business-paper{top:52px;left:5%;width:64%;max-width:324px;height:206px;opacity:0;transform:translateY(15px) rotate(-5deg);transition:transform .7s,opacity .4s}
#fw-postbox-story .fwn-business-paper .fwn-sheet-title{padding-left:15px}
#fw-postbox-story .fwn-knowledge{position:absolute;display:flex;align-items:center;gap:8px;padding:12px 11px;width:36%;max-width:161px;min-height:70px;background:#FFF0CB;border:1px solid #E8C885;border-radius:3px 3px 12px 3px;box-shadow:0 4px 0 #E8C88544;font-size:12px;font-weight:600;z-index:3;transition:top .8s,left .8s,width .8s,transform .8s,min-height .8s,background .5s,border-color .5s}
#fw-postbox-story .fwn-knowledge:before{content:'';position:absolute;left:39%;top:-6px;width:32px;height:12px;background:#FFE3CBCC;transform:rotate(-5deg);transition:opacity .4s}
#fw-postbox-story .fwn-knowledge b{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:#FFFFFF99;color:#8A6248;font:700 12px FWStoryNunito,sans-serif}
#fw-postbox-story .fwn-knowledge.one{left:6%;top:75px;transform:rotate(-10deg)}
#fw-postbox-story .fwn-knowledge.two{left:39%;top:110px;transform:rotate(9deg);background:#E7F2E7;border-color:#A8D1B4}
#fw-postbox-story .fwn-knowledge.three{left:19%;top:172px;transform:rotate(-3deg);background:#FFE3CB;border-color:#F1C7A6}
#fw-postbox-story #fp-beyond[data-beat="1"] .fwn-business-paper,#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-business-paper,#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-business-paper{opacity:1;transform:translateY(0) rotate(0)}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-knowledge{left:8%;width:58%;max-width:290px;min-height:39px;padding:8px 10px;transform:rotate(0);background:#FFFFFF;border-color:#E9D6C4;box-shadow:none;border-radius:6px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-knowledge:before{opacity:0}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-knowledge.one{top:98px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-knowledge.two{top:145px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-knowledge.three{top:192px}
#fw-postbox-story .fwn-team-bridge{position:absolute;left:8%;bottom:26px;width:185px;max-width:calc(100% - 156px);height:38px;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(13px);transition:opacity .5s,transform .7s}
#fw-postbox-story .fwn-team-bridge:before{content:'';position:absolute;left:14px;right:14px;top:17px;border-top:3px dashed #7CBF9A}
#fw-postbox-story .fwn-teammate{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid #7CBF9A;background:#E7F2E7;color:#407B59}
#fw-postbox-story .fwn-teammate svg,#fw-postbox-story .fwn-teammate i{width:17px;height:17px}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-team-bridge,#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-team-bridge{opacity:1;transform:translateY(0)}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-teammate{animation:fwn-team-nod .55s both}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-teammate:nth-child(2){animation-delay:.15s}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-teammate:nth-child(3){animation-delay:.3s}
#fw-postbox-story .fwn-business-flight{left:43%;top:166px;opacity:0}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-business-flight{animation:fwn-business-route 1.8s both;opacity:1}
#fw-postbox-story .fwn-business-complete{position:absolute;left:49%;top:36px;z-index:4;padding:6px 10px;background:#E7F2E7;border:1.5px solid #7CBF9A;border-radius:7px;color:#407B59;font-size:11px;font-weight:700;opacity:0;transform:scale(1.35) rotate(-11deg)}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-business-complete{opacity:1;animation:fwn-rubber-stamp .55s both}

/* Family: open a real drawer, then reveal where each document lives. */
#fw-postbox-story .fwn-cabinet{position:absolute;left:7%;top:60px;width:182px;max-width:57%;height:207px;padding:13px 10px;background:#F5BD8F;border:2px solid #D99768;border-radius:9px 9px 5px 5px;box-shadow:5px 6px 0 #D9976829;transition:transform .8s,opacity .6s;transform-origin:10% 70%}
#fw-postbox-story .fwn-cabinet:before,#fw-postbox-story .fwn-cabinet:after{content:'';position:absolute;bottom:-10px;width:13px;height:10px;background:#B8794E;border-radius:0 0 3px 3px}
#fw-postbox-story .fwn-cabinet:before{left:13px}#fw-postbox-story .fwn-cabinet:after{right:13px}
#fw-postbox-story .fwn-drawer{position:relative;height:82px;background:#FFE3CB;border:2px solid #DFA477;border-radius:6px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;box-shadow:0 2px 0 #CF986A;transition:transform .8s,box-shadow .8s}
#fw-postbox-story .fwn-drawer+.fwn-drawer{margin-top:10px}
#fw-postbox-story .fwn-drawer-label{display:block;padding:3px 8px;background:#FFF8EF;border:1px solid #E4BE9B;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap}
#fw-postbox-story .fwn-drawer-handle{width:35px;height:6px;border-radius:4px;background:#BF8357;border:1px solid #A87049;box-shadow:0 2px 0 #FFF2D4}
#fw-postbox-story .fwn-document-tabs{position:absolute;left:18px;right:18px;top:-1px;height:32px;display:flex;gap:5px;align-items:end;opacity:0;transform:translateY(25px);transition:transform .8s,opacity .5s}
#fw-postbox-story .fwn-document-tabs i{flex:1;height:32px;background:#FFF8EF;border:1px solid #E1BD9D;border-radius:4px 4px 0 0}
#fw-postbox-story .fwn-document-tabs i:nth-child(2){height:41px;background:#D6EAD9}
#fw-postbox-story .fwn-family-question{position:absolute;left:51%;top:62px;padding:8px 10px;background:#FFF8EF;border:1.5px solid #F1C7A6;border-radius:10px;max-width:43%;font-size:12px;transform:rotate(5deg);transition:transform .6s,opacity .4s}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-family-question{opacity:0;transform:translateY(-14px) rotate(5deg)}
#fw-postbox-story #fp-beyond[data-beat="1"] .fwn-drawer.top{transform:translate(8px,12px);box-shadow:-5px -8px 0 #C8956E,0 5px 0 #D4A074}
#fw-postbox-story #fp-beyond[data-beat="1"] .fwn-document-tabs{opacity:1;transform:translateY(-23px)}
#fw-postbox-story .fwn-location-map{left:7%;top:52px;width:64%;max-width:308px;height:226px;z-index:4;opacity:0;transform:translate(38px,42px) scale(.62) rotate(7deg);transform-origin:30% 65%;transition:transform 1s cubic-bezier(.2,.8,.25,1),opacity .5s}
#fw-postbox-story .fwn-location-map .fwn-sheet-title{padding-bottom:8px}
#fw-postbox-story .fwn-location-stop{position:relative;margin:0 11px;padding:9px 5px 9px 31px;min-height:46px;border-top:1px dashed #E1C8B0;font-size:12px}
#fw-postbox-story .fwn-location-stop b{position:absolute;left:3px;top:10px;display:grid;place-items:center;width:21px;height:21px;border:1.5px solid #7CBF9A;border-radius:50%;background:#E7F2E7;font:700 11px FWStoryNunito,sans-serif;color:#407B59}
#fw-postbox-story .fwn-location-stop strong{font-size:12px;font-weight:700;display:block}
#fw-postbox-story .fwn-location-stop small{font-size:11px;color:#8A6248;display:block}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-cabinet,#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-cabinet{transform:translateX(-20px) scale(.78);opacity:.18}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-location-map,#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-location-map{opacity:1;transform:translate(0,0) scale(1) rotate(-2deg)}
#fw-postbox-story .fwn-family-flight{left:18%;top:120px;opacity:0}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-family-flight{animation:fwn-family-route 1.6s both;opacity:1}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-location-stop{animation:fwn-route-arrival .7s both}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-location-stop:nth-of-type(2){animation-delay:.18s}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-location-stop:nth-of-type(3){animation-delay:.36s}

/* Finance: loose due dates line up into an ordered, readable plan. */
#fw-postbox-story .fwn-finance-folder{left:6%;top:50px;width:65%;max-width:324px;height:212px;opacity:0;transform:translateY(17px);transition:transform .6s,opacity .5s}
#fw-postbox-story .fwn-bill{position:absolute;width:35%;max-width:148px;height:91px;background:#FFFFFF;border:1.5px solid #E4C5A9;border-radius:6px 6px 12px 4px;padding:11px 10px;z-index:3;box-shadow:0 4px 0 #E4C5A933;transition:top .9s,left .9s,width .9s,height .9s,transform .9s,padding .9s;display:flex;align-items:center;gap:9px}
#fw-postbox-story .fwn-bill:after{content:'';position:absolute;left:6px;right:6px;bottom:-3px;height:5px;background:radial-gradient(circle at 4px 5px,transparent 3px,#FFFFFF 3.5px) 0 0/9px 6px}
#fw-postbox-story .fwn-due{flex:0 0 34px;text-align:center;color:#CF421E;border-right:1px solid #F1C7A6;padding-right:7px;font:800 25px/1 FWStoryNunito,sans-serif}
#fw-postbox-story .fwn-due small{display:block;margin-top:4px;font-family:FWStoryThai,sans-serif;font-size:11px;font-weight:500;color:#8A6248}
#fw-postbox-story .fwn-bill-label{font-size:12px;font-weight:600;line-height:1.5}
#fw-postbox-story .fwn-bill.one{left:8%;top:76px;transform:rotate(-9deg)}
#fw-postbox-story .fwn-bill.two{left:40%;top:112px;transform:rotate(8deg)}
#fw-postbox-story .fwn-bill.three{left:15%;top:183px;transform:rotate(-3deg)}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-finance-folder{opacity:1;transform:translateY(0)}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-bill{left:9%;width:59%;max-width:290px;height:47px;transform:rotate(0);padding:7px 10px;box-shadow:none;border-radius:6px;gap:11px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-bill.one{top:93px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-bill.two{top:145px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-bill.three{top:197px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-bill:after{opacity:0}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-due{font-size:23px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-due small{display:none}
#fw-postbox-story .fwn-bill-check{display:none;margin-left:auto;opacity:0;transform:scale(.5);transition:opacity .5s,transform .5s}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-bill-check{display:inline-grid;opacity:1;transform:scale(1)}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-bill.two .fwn-bill-check{transition-delay:.2s}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-bill.three .fwn-bill-check{transition-delay:.4s}
#fw-postbox-story .fwn-finance-flight{left:13%;top:168px;opacity:0}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-finance-flight{opacity:1;animation:fwn-finance-route 1.8s both}
#fw-postbox-story .fwn-finance-tag{position:absolute;right:7%;top:66px;padding:7px 9px;background:#FFE3CB;border:1px solid #F1C7A6;border-radius:6px;color:#8A6248;font-size:11px;transform:rotate(8deg);opacity:0;transition:opacity .6s,transform .6s}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-finance-tag{opacity:1;transform:rotate(-6deg)}

/* Child: a dated letter travels through a decade of little growing things. */
#fw-postbox-story .fwn-child-calendar{position:absolute;left:7%;top:55px;width:153px;max-width:47%;height:176px;perspective:700px;transform:rotate(-4deg);z-index:2}
#fw-postbox-story .fwn-year-page{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;background:#FFF8EF;border:2px solid #F1C7A6;border-radius:8px;box-shadow:0 4px 0 #E5C5A955;transform-origin:50% 0;backface-visibility:hidden;overflow:hidden;transition:transform .8s,opacity .7s}
#fw-postbox-story .fwn-year-page:before{content:'';position:absolute;top:0;left:0;right:0;height:28px;background:#FF8455;border-bottom:2px solid #E76739}
#fw-postbox-story .fwn-year-page:after{content:'';position:absolute;top:-5px;left:25%;right:25%;height:12px;border-left:5px solid #9E7253;border-right:5px solid #9E7253}
#fw-postbox-story .fwn-year-page .fwn-age-label{margin-top:38px;font-size:11px;color:#8A6248}
#fw-postbox-story .fwn-year-page strong{font:800 58px/1.05 FWStoryNunito,sans-serif;color:#CF421E}
#fw-postbox-story .fwn-year-page small{font-size:11px;font-weight:600;margin-top:5px;text-align:center}
#fw-postbox-story .fwn-year-eight{z-index:3}
#fw-postbox-story .fwn-year-thirteen{z-index:2;opacity:0}
#fw-postbox-story .fwn-year-eighteen{z-index:1;opacity:0}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-year-eight{opacity:0;transform:rotateX(-112deg)}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-year-thirteen{animation:fwn-middle-year 2.1s both}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-year-eighteen{opacity:1;animation:fwn-final-year 2.1s both}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-year-eight,#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-year-thirteen{opacity:0;transform:rotateX(-112deg)}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-year-eighteen{opacity:1}
#fw-postbox-story .fwn-growing-pot{position:absolute;left:59%;top:148px;width:57px;height:51px;border:2px solid #D99768;border-radius:4px 4px 18px 18px;background:#FFCC9E;box-shadow:0 5px 0 #E3B99744}
#fw-postbox-story .fwn-growing-pot:before{content:'';position:absolute;left:-7px;right:-7px;top:-5px;height:12px;background:#FFE3CB;border:2px solid #D99768;border-radius:4px}
#fw-postbox-story .fwn-plant{position:absolute;left:25px;bottom:48px;width:4px;height:25px;background:#7CBF9A;transform-origin:50% 100%;border-radius:5px;transition:height 1.2s}
#fw-postbox-story .fwn-leaf{position:absolute;width:26px;height:16px;background:#BDE3CF;border:1.5px solid #7CBF9A;border-radius:2px 20px 2px 20px;transform-origin:100% 100%;transform:scale(.45);transition:transform 1s,opacity 1s}
#fw-postbox-story .fwn-leaf.a{right:0;top:0;transform:rotate(10deg) scale(.7)}
#fw-postbox-story .fwn-leaf.b{left:2px;top:14px;transform:rotate(91deg) scale(.5)}
#fw-postbox-story .fwn-leaf.c{right:0;top:39px;opacity:0;transform:rotate(4deg) scale(.3)}
#fw-postbox-story #fp-beyond[data-beat="1"] .fwn-plant{height:44px}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-plant,#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-plant{height:89px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-leaf.a{transform:rotate(10deg) scale(1)}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-leaf.b{transform:rotate(91deg) scale(1)}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-leaf.c,#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-leaf.c{opacity:1;transform:rotate(4deg) scale(1)}
#fw-postbox-story .fwn-growth-ribbon{position:absolute;left:53%;top:210px;font-size:11px;color:#407B59;background:#E7F2E7;border:1px solid #A8D1B4;border-radius:6px;padding:3px 7px;transform:rotate(6deg);white-space:nowrap}
#fw-postbox-story .fwn-birthday-envelope{position:absolute;left:8%;bottom:27px;width:150px;max-width:calc(100% - 144px);height:65px;background:#FFE3CB;border:2px solid #E3B895;border-radius:4px 4px 8px 8px;box-shadow:0 4px 0 #E3B89555;perspective:500px;z-index:4;transition:transform .8s}
#fw-postbox-story .fwn-birthday-envelope:after{content:'';position:absolute;inset:0;z-index:3;border-radius:3px;background:linear-gradient(27deg,transparent 49%,#F1C7A6 49% 50.5%,transparent 51%),linear-gradient(-27deg,transparent 49%,#F1C7A6 49% 50.5%,transparent 51%),linear-gradient(0deg,#FFE3CB 0 40%,transparent 40%)}
#fw-postbox-story .fwn-birthday-flap{position:absolute;left:-1px;right:-1px;top:-1px;height:36px;background:#FFCCA6;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .85s;z-index:5}
#fw-postbox-story .fwn-birthday-letter{position:absolute;left:7%;width:86%;height:72px;bottom:5px;background:#FFF8EF;border:1px solid #F1C7A6;border-radius:5px;padding:8px 5px;text-align:center;transform:translateY(10px);transition:transform 1s .2s;font-size:11px;font-weight:700;line-height:1.6}
#fw-postbox-story .fwn-birthday-letter b{color:#FF582D;font:800 25px/1.1 FWStoryNunito,sans-serif;display:block}
#fw-postbox-story .fwn-letter-heart{position:absolute;left:calc(50% - 8px);top:27px;width:16px;height:16px;z-index:6;color:#FF582D;transition:opacity .3s}
#fw-postbox-story .fwn-letter-heart svg{width:16px;height:16px}
#fw-postbox-story #fp-beyond[data-beat="1"] .fwn-birthday-envelope{transform:rotate(-6deg) translateY(-3px)}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-birthday-envelope{animation:fwn-birthday-travel 1.8s both}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-birthday-flap{transform:rotateX(180deg);z-index:1}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-birthday-letter{transform:translateY(-35px)}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-letter-heart{opacity:0}

/* General: seven quiet days lead to a useful pet-care note, not a lost chat. */
#fw-postbox-story .fwn-chat{position:absolute;left:7%;top:58px;width:65%;max-width:321px;transition:opacity .7s,transform .9s}
#fw-postbox-story .fwn-chat-bubble{width:max-content;max-width:100%;padding:9px 12px;border:1.5px solid #F1C7A6;border-radius:12px 12px 12px 3px;background:#FFFFFF;font-size:12px;box-shadow:0 3px 0 #E3B89522;margin-bottom:12px}
#fw-postbox-story .fwn-chat-bubble+.fwn-chat-bubble{margin-left:12%;background:#E7F2E7;border-color:#B2D1B7;border-radius:12px 12px 3px 12px}
#fw-postbox-story .fwn-chat-paws{display:flex;gap:7px;color:#D0AA8F;padding:6px 9px}
#fw-postbox-story .fwn-chat-paws i,#fw-postbox-story .fwn-chat-paws svg{width:17px;height:17px}
#fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-chat{opacity:0;transform:translateY(-20px) scale(.93)}
#fw-postbox-story .fwn-pet-note{left:8%;top:60px;width:63%;max-width:292px;height:189px;z-index:3;opacity:0;transform:translateY(30px) rotate(-8deg);transition:transform .8s,opacity .6s}
#fw-postbox-story .fwn-pet-note .fwn-sheet-title{display:flex;align-items:center;gap:8px;padding-left:14px}
#fw-postbox-story .fwn-pet-note .fwn-sheet-title i,#fw-postbox-story .fwn-pet-note .fwn-sheet-title svg{width:18px;height:18px;color:#CF421E}
#fw-postbox-story .fwn-pet-line{display:flex;align-items:center;gap:8px;margin:0 12px;padding:9px 1px;border-top:1px dashed #E4C9B2;font-size:12px}
#fw-postbox-story #fp-beyond[data-beat="1"] .fwn-pet-note{opacity:1;transform:translateY(0) rotate(-3deg)}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-pet-note{opacity:0;transform:translate(70px,-6px) rotate(8deg) scale(.65)}
#fw-postbox-story .fwn-seven-days{position:absolute;left:7%;bottom:13px;display:flex;flex-wrap:wrap;gap:4px;width:169px;max-width:calc(100% - 139px)}
#fw-postbox-story .fwn-seven-days span{flex:0 0 19px;width:19px;height:23px;display:grid;place-items:center;border:1px solid #E4C5A9;border-radius:4px;background:#FFF8EF;font:700 11px FWStoryNunito,sans-serif;color:#8A6248;transition:background .4s,transform .4s}
#fw-postbox-story .fwn-seven-days span:last-child{background:#FFE3CB;border-color:#ECA67B;color:#CF421E}
#fw-postbox-story .fwn-seven-days small{flex-basis:100%;font-size:11px;color:#8A6248;margin-top:2px}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-seven-days span{animation:fwn-day-turn .4s both}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-seven-days span:nth-child(2){animation-delay:.13s}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-seven-days span:nth-child(3){animation-delay:.26s}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-seven-days span:nth-child(4){animation-delay:.39s}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-seven-days span:nth-child(5){animation-delay:.52s}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-seven-days span:nth-child(6){animation-delay:.65s}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-seven-days span:nth-child(7){animation-delay:.78s}
#fw-postbox-story .fwn-pet-phone{position:absolute;left:7%;top:50px;width:183px;max-width:59%;height:204px;background:#FFF8EF;border:3px solid #E4BD9D;border-radius:23px;padding:26px 11px 13px;box-shadow:0 5px 0 #E4BD9D44;opacity:0;transform:translateX(-22px) rotate(-5deg);transition:opacity .7s .35s,transform .9s .35s}
#fw-postbox-story .fwn-pet-phone:before{content:'';position:absolute;left:37%;right:37%;top:10px;height:4px;background:#E4BD9D;border-radius:3px}
#fw-postbox-story .fwn-pet-phone strong{display:block;font-size:12px;font-weight:700;border-bottom:1px solid #F1C7A6;padding-bottom:9px}
#fw-postbox-story .fwn-pet-message{margin-top:12px;padding:10px 9px;background:#E7F2E7;border:1px solid #A8D1B4;border-radius:10px 10px 10px 3px;font-size:11px;line-height:1.7;transform:scale(.75);opacity:0;transform-origin:0 0;transition:opacity .5s,transform .6s}
#fw-postbox-story .fwn-pet-message b{display:block;color:#407B59;font-size:12px;margin-bottom:5px}
#fw-postbox-story .fwn-pet-message span{display:block}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-pet-phone,#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-pet-phone{opacity:1;transform:translateX(0) rotate(0)}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-pet-message{opacity:1;transform:scale(1)}
#fw-postbox-story #fp-beyond[data-beat="3"] .fwn-seven-days{bottom:13px}
#fw-postbox-story .fwn-general-flight{left:43%;top:123px;opacity:0}
#fw-postbox-story #fp-beyond[data-beat="2"] .fwn-general-flight{opacity:1;animation:fwn-general-route 1.8s .2s both}

@keyframes fwn-team-nod{0%{transform:translateY(0)}40%{transform:translateY(-9px) rotate(-7deg)}75%{transform:translateY(2px) rotate(3deg)}100%{transform:translateY(0)}}
@keyframes fwn-rubber-stamp{0%{opacity:0;transform:scale(1.6) rotate(-15deg)}60%{opacity:1;transform:scale(.93) rotate(-11deg)}100%{opacity:1;transform:scale(1) rotate(-11deg)}}
@keyframes fwn-business-route{0%{opacity:0;transform:translate(0,-18px) rotate(-8deg) scale(.75)}18%{opacity:1}60%{opacity:1;transform:translate(-29px,24px) rotate(7deg)}100%{opacity:0;transform:translate(-55px,92px) rotate(-8deg) scale(.75)}}
@keyframes fwn-family-route{0%{opacity:0;transform:translate(-12px,34px) scale(.65) rotate(-14deg)}25%{opacity:1}75%{opacity:1;transform:translate(40px,-20px) rotate(8deg)}100%{opacity:0;transform:translate(47px,-49px) scale(.55) rotate(4deg)}}
@keyframes fwn-route-arrival{0%{transform:translateX(-7px);background:#FFF8EF}55%{transform:translateX(2px);background:#E7F2E7}100%{transform:translateX(0);background:transparent}}
@keyframes fwn-finance-route{0%{opacity:0;transform:translate(0,20px) rotate(-9deg) scale(.6)}20%{opacity:1}65%{opacity:1;transform:translate(77px,-42px) rotate(7deg)}100%{opacity:0;transform:translate(98px,-87px) scale(.55) rotate(-8deg)}}
@keyframes fwn-middle-year{0%,24%{opacity:0;transform:rotateX(0)}25%,61%{opacity:1;transform:rotateX(0)}100%{opacity:0;transform:rotateX(-112deg)}}
@keyframes fwn-final-year{0%,58%{opacity:0;transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}
@keyframes fwn-birthday-travel{0%{transform:rotate(-6deg)}30%{transform:translate(18px,-12px) rotate(7deg)}65%{transform:translate(8px,-5px) rotate(-4deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes fwn-day-turn{0%{transform:rotateX(0);background:#FFF8EF}50%{transform:rotateX(-90deg)}100%{transform:rotateX(0);background:#FFE3CB}}
@keyframes fwn-general-route{0%{opacity:0;transform:translate(0,-18px) rotate(10deg) scale(.7)}20%{opacity:1}65%{opacity:1;transform:translate(-38px,7px) rotate(-8deg)}100%{opacity:0;transform:translate(-62px,23px) rotate(0) scale(.45)}}
@container fhn-art (max-width:380px){
 #fw-postbox-story .fwn-postmark{width:51px;height:51px;right:8%;top:18px}
 #fw-postbox-story .fwn-knowledge{font-size:11px;padding:11px 8px;gap:6px;width:43%}
 #fw-postbox-story .fwn-knowledge.two{left:47%;top:112px}
 #fw-postbox-story .fwn-knowledge.three{left:10%;top:185px}
 #fw-postbox-story .fwn-business-paper,#fw-postbox-story .fwn-finance-folder{width:calc(100% - 133px)}
 #fw-postbox-story .fwn-business-paper .fwn-sheet-title,#fw-postbox-story .fwn-finance-folder .fwn-sheet-title{font-size:12px;padding-left:10px;padding-right:6px}
 #fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-knowledge{width:calc(100% - 148px);padding-inline:7px;font-size:11px}
 #fw-postbox-story .fwn-business-complete{left:49%;top:32px;font-size:11px;padding:4px 6px}
 #fw-postbox-story .fwn-cabinet{max-width:59%;left:6%}
 #fw-postbox-story .fwn-family-question{left:53%;max-width:43%;font-size:11px;padding:7px}
 #fw-postbox-story .fwn-location-map{width:calc(100% - 130px);left:5%}
 #fw-postbox-story .fwn-location-map .fwn-sheet-title{font-size:12px;padding-inline:10px}
 #fw-postbox-story .fwn-location-stop{margin-inline:7px;padding-left:29px}
 #fw-postbox-story .fwn-location-stop strong,#fw-postbox-story .fwn-location-stop small{font-size:11px}
 #fw-postbox-story .fwn-bill{width:43%;padding:10px 7px;gap:5px}
 #fw-postbox-story .fwn-bill.two{left:47%}
 #fw-postbox-story .fwn-due{flex-basis:30px;padding-right:5px;font-size:23px}
 #fw-postbox-story .fwn-bill-label{font-size:11px}
 #fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-bill{width:calc(100% - 152px);padding:7px;gap:6px}
 #fw-postbox-story .fwn-finance-tag{right:5%;top:23px;max-width:97px;font-size:11px;padding:5px 7px;transform:rotate(6deg)}
 #fw-postbox-story .fwn-child-calendar{left:6%;top:57px;width:132px;height:165px}
 #fw-postbox-story .fwn-year-page strong{font-size:52px}
 #fw-postbox-story .fwn-growth-ribbon{left:58%;top:38px;font-size:11px;padding:3px 5px}
 #fw-postbox-story .fwn-birthday-envelope{max-width:calc(100% - 143px);left:7%;height:61px;bottom:14px}
 #fw-postbox-story .fwn-birthday-letter{font-size:11px;padding-inline:2px}
 #fw-postbox-story .fwn-chat{width:79%;left:6%}
 #fw-postbox-story .fwn-chat-bubble{font-size:11px;padding:9px 10px}
 #fw-postbox-story .fwn-pet-note{width:calc(100% - 130px);left:6%}
 #fw-postbox-story .fwn-pet-note .fwn-sheet-title{font-size:11px;padding-left:10px;gap:5px}
 #fw-postbox-story .fwn-pet-line{font-size:11px;margin-inline:9px}
 #fw-postbox-story .fwn-pet-phone{left:6%;width:177px;max-width:calc(100% - 131px);height:204px;padding-inline:8px}
 #fw-postbox-story .fwn-pet-message{padding-inline:7px}
 #fw-postbox-story .fwn-seven-days{left:6%;max-width:calc(100% - 133px);gap:3px}
 #fw-postbox-story .fwn-seven-days span{flex-basis:17px;width:17px;height:22px}
 #fw-postbox-story .fwn-finish-note{left:6%;max-width:calc(100% - 135px);font-size:11px;bottom:23px}
}
@container fhn-art (max-width:280px){
 #fw-postbox-story .fwn-bill-check{display:none!important}
 #fw-postbox-story .fwn-bill-label{white-space:nowrap}
 #fw-postbox-story #fp-beyond:not([data-beat="0"]) .fwn-bill{gap:5px;padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){
 #fw-postbox-story .fhn-world *,#fw-postbox-story .fhn-world *:before,#fw-postbox-story .fhn-world *:after{animation:none!important;transition:none!important}
 #fw-postbox-story #fp-beyond[data-beat="2"] .fwn-envelope{opacity:0}
 #fw-postbox-story #fp-beyond[data-beat="2"] .fwn-year-thirteen{opacity:0}
 #fw-postbox-story #fp-beyond[data-beat="2"] .fwn-year-eighteen{opacity:1}
}
