@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-ext-500-normal-Yta7XZ9C.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-500-normal-lsPpqi9g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-vietnamese-500-normal-BZGLGj12.woff2)format("woff2"),url(/assets/cormorant-garamond-vietnamese-500-normal-DqXqCC0q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-ext-500-normal-CH1kM7og.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-ext-500-normal-DYeaGGzO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.fh-templates{--template-ink:#342018;--template-muted:#674f45;--template-accent:#a45a4d;--template-serif:"Cormorant Garamond", "Noto Serif SC", Georgia, serif;color:var(--template-ink);background:#fcf7f4}.fh-templates-hero{background:#fae9e5 url(/letter-templates/sakura-hero.webp) 50% 55%/cover no-repeat;align-items:center;min-height:clamp(350px,32.5vw,540px);display:grid}.fh-templates-hero-copy,.fh-templates-explore{width:min(92%,1330px);margin-inline:auto}.fh-templates-hero-copy{padding:38px 6px}.fh-templates-kicker{color:#975346;letter-spacing:.19em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.fh-templates-kicker:before,.fh-templates-kicker:after{content:"";background:currentColor;width:22px;height:1px}.fh-templates h1,.fh-templates-toolbar h2,.fh-templates-occasions h2{font-family:var(--template-serif);letter-spacing:-.035em;font-weight:500;line-height:1}.fh-templates h1{text-wrap:balance;max-width:min(45%,650px);margin-top:15px;font-size:clamp(40px,4.65vw,76px)}.fh-templates-intro{max-width:min(38ch,40%);color:var(--template-muted);margin-top:17px;font-size:clamp(14px,1.35vw,19px);line-height:1.55}.fh-templates-actions{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.fh-templates-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#af6456,#995247);border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:550;display:inline-flex}.fh-templates-button:hover{background:#89493f}.fh-templates-outline{color:#88473b;background:#fff9f445;border-color:#ce9284}.fh-templates-outline:hover{background:#f3ddd2}.fh-templates-button svg,.fh-templates-view-all svg{flex:none;width:18px;height:18px}.fh-templates-explore{padding-block:clamp(23px,2.7vw,36px) clamp(30px,4vw,54px);scroll-margin-top:16px}.fh-templates-filters{grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(8px,.9vw,13px);margin-bottom:clamp(28px,4.4vw,56px);display:grid}.fh-templates-filter{min-height:clamp(86px,9.3vw,126px);color:var(--template-ink);text-align:center;cursor:pointer;background:#f8ede6;border:1px solid #0000;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:10px 5px;font-size:clamp(12px,1.25vw,17px);line-height:1.2;display:flex}.fh-templates-filter svg{width:clamp(25px,3vw,39px);height:auto;color:var(--template-accent);stroke-width:1.6px}.fh-templates-filter:hover{background:#f6e5dc}.fh-templates-filter[aria-pressed=true]{background:linear-gradient(135deg,#faebe5,#f7dcd1);border-color:#b65d4c}.fh-templates-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:clamp(15px,2.8vw,34px);display:flex}.fh-templates-toolbar h2{align-items:center;gap:12px;font-size:clamp(29px,3.35vw,49px);display:flex}.fh-templates-toolbar h2 svg{width:.9em;height:.9em;color:var(--template-accent);stroke-width:1.6px;flex:none}.fh-templates-toolbar-actions{flex-wrap:wrap;gap:2px 20px;display:flex}.fh-templates-view-all{color:#994a40;cursor:pointer;align-items:center;gap:8px;padding-block:8px;font-size:14px;display:inline-flex}.fh-templates-view-all:hover{text-underline-offset:3px;text-decoration:underline}.fh-templates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.65vw,23px);display:grid}.fh-templates-card{background:#f4e3d7;border-radius:clamp(12px,1.45vw,20px);width:100%;display:block;position:relative;overflow:hidden}button.fh-templates-card{cursor:pointer}.fh-templates-card>img{aspect-ratio:360/296;object-fit:cover;width:100%;height:auto;transition:scale .22s;display:block}button.fh-templates-card:hover>img{scale:1.04}.fh-template-card-copy{padding:12px 2px 6px}.fh-template-card-copy h3{font-size:clamp(15px,1.45vw,20px);font-weight:600}.fh-template-card-copy a{text-underline-offset:3px;text-decoration:underline}.fh-template-card-copy a:hover{color:var(--template-accent)}.fh-template-card-copy p{color:var(--template-muted);margin-top:4px;font-size:clamp(13px,1.15vw,16px);line-height:1.45}.fh-template-occasion-links{flex-wrap:wrap;gap:2px 24px;margin-top:clamp(16px,2.4vw,30px);display:flex}.fh-template-detail h1{max-width:22ch}.fh-template-detail .fh-templates-intro{max-width:62ch}.fh-template-example-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:22px;margin-top:clamp(26px,4vw,48px);display:grid}.fh-template-example{background:#f8ede6;border-radius:20px;max-width:76ch;padding:clamp(18px,3vw,36px)}.fh-template-example h2,.fh-template-related>h2{font-family:var(--template-serif);letter-spacing:-.035em;font-size:clamp(28px,3.15vw,46px);font-weight:600;line-height:1.08}.fh-template-example h2{margin-bottom:.65em}.fh-template-example blockquote{color:var(--template-muted);gap:1em;line-height:1.65;display:grid}.fh-template-related{text-align:center;margin-top:clamp(28px,4vw,54px)}.fh-template-collection{isolation:isolate;background:radial-gradient(at 55% 30%,#fffaf7,#faf0eb 82%);position:relative}.fh-template-collection:before,.fh-template-collection:after{z-index:-1;mix-blend-mode:multiply;opacity:.55;pointer-events:none;content:"";background:50%/cover no-repeat;width:clamp(100px,13vw,192px);height:clamp(110px,15vw,215px);position:absolute}.fh-template-collection:before{background-image:url(/letter-templates/flowers-left.webp);top:265px;left:0;-webkit-mask-image:radial-gradient(at 0,#000 27%,#0000 73%);mask-image:radial-gradient(at 0,#000 27%,#0000 73%)}.fh-template-collection:after{background-image:url(/letter-templates/flowers-right.webp);top:500px;right:0;-webkit-mask-image:radial-gradient(at 100%,#000 27%,#0000 73%);mask-image:radial-gradient(at 100%,#000 27%,#0000 73%)}.fh-template-collection>.fh-header{border-bottom:1px solid #e9cbbf56}.fh-template-collection .fh-template-detail{width:min(92%,1230px);padding-top:clamp(18px,2.2vw,32px)}.fh-template-collection .fh-template-detail-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:clamp(12px,1.9vw,28px);padding-inline-start:clamp(0px,4.8vw,70px);display:grid}.fh-template-collection h1{text-wrap:wrap;max-width:18ch;margin-top:13px;font-size:clamp(42px,4.4vw,67px);font-weight:600;line-height:.97}.fh-template-collection .fh-templates-intro{max-width:51ch;margin-top:16px;font-size:clamp(15px,1.18vw,17px)}.fh-template-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.fh-template-tags li{color:#873e31;background:#fcebe3;border:1px solid #f2d8cc;border-radius:100px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:500;display:inline-flex}.fh-template-tags svg{width:15px;height:15px}.fh-template-collection .fh-templates-actions{margin-top:20px}.fh-template-collection .fh-templates-button{background:linear-gradient(155deg,#aa5c4d,#8e4235);gap:12px;min-height:48px;padding-inline:clamp(18px,2.7vw,39px);font-size:15px;font-weight:650;box-shadow:0 4px 12px #88423230}.fh-template-collection .fh-templates-button:hover{background:#823c30}.fh-template-collection .fh-template-example{isolation:isolate;aspect-ratio:1642/958;mix-blend-mode:multiply;background:0 0;border-radius:0;align-content:center;min-width:0;max-width:none;padding:9.5% 26% 9% 12%;display:grid;position:relative}.fh-template-collection .fh-template-example:before{z-index:-1;content:"";background:url(/letter-templates/sample-stationery.webp) 50%/100% 100% no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 5% 90%,#0000),linear-gradient(90deg,#0000,#000 5% 92%,#0000);mask-image:linear-gradient(#0000,#000 5% 90%,#0000),linear-gradient(90deg,#0000,#000 5% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.fh-template-collection .fh-template-example h2{text-align:center;text-wrap:balance;margin:0;font-size:clamp(26px,2.2vw,34px)}.fh-template-collection .fh-template-example blockquote{color:#432b20;font-family:var(--template-serif);gap:.7em;font-size:clamp(17px,1.22vw,18px);line-height:1.22}.fh-template-collection .fh-template-example blockquote:lang(en){font-style:italic}.fh-template-heart-divider{color:#a95749;align-items:center;gap:11px;width:min(100%,150px);margin:13px auto;display:flex}.fh-template-heart-divider:before,.fh-template-heart-divider:after{content:"";background:#dba497;flex:1;height:1px}.fh-template-heart-divider svg{stroke-width:1.5px;width:18px;height:18px}.fh-template-resources{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px clamp(14px,2.5vw,36px);margin-top:clamp(18px,2.6vw,38px);display:flex}.fh-template-resources:before,.fh-template-resources:after{content:"";background:#e8c1b5;flex:1;min-width:24px;height:1px}.fh-template-resources a{gap:9px;font-weight:550}.fh-template-resources a svg:first-child{stroke-width:1.5px;width:22px;height:22px}.fh-template-related .fh-templates-grid{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:clamp(18px,2.3vw,30px);display:flex}.fh-template-related .fh-templates-grid>li{text-align:start;background:#fffaf7;border:1px solid #ecd7ce;border-radius:19px;flex-direction:column;flex:0 calc(33.3333% - 13.3333px);min-width:0;padding:5px;display:flex;box-shadow:0 2px 3px #78513e20,0 12px 28px #78513e13}.fh-template-related .fh-templates-card{border-radius:14px}.fh-template-related .fh-templates-card>img{aspect-ratio:2}.fh-template-related .fh-template-card-copy{flex-direction:column;flex:1;padding:13px clamp(12px,1.8vw,24px) 15px;display:flex}.fh-template-related .fh-template-card-copy h3{font-family:var(--template-serif);font-size:clamp(24px,2.1vw,32px);line-height:1.05}.fh-template-related .fh-template-card-copy h3 a{text-decoration:none}.fh-template-related .fh-template-card-copy h3 a:hover{text-decoration:underline}.fh-template-related .fh-template-card-copy p{margin-bottom:9px}.fh-template-card-action{color:#994a40;cursor:pointer;align-self:flex-start;align-items:center;gap:8px;min-height:44px;margin-top:auto;font-size:14px;font-weight:600;display:inline-flex}.fh-template-card-action:hover{text-decoration:underline}.fh-template-card-action svg{background:#f9ede7;border-radius:50%;width:27px;height:27px;padding:6px}.fh-template-collection .fh-template-occasion-links{justify-content:center}.fh-templates-badge,.fh-templates-play{justify-content:center;align-items:center;display:inline-flex;position:absolute}.fh-templates-badge{top:clamp(7px,1vw,14px);color:#452b17;background:linear-gradient(120deg,#ffeed0,#f5d1a5);border-radius:100px;gap:6px;min-height:25px;padding:5px 12px;font-size:clamp(10px,1.05vw,14px);line-height:1;inset-inline-start:clamp(7px,1.35vw,19px)}.fh-templates-badge[data-plan=free]{background:#fff5ed}.fh-templates-play{inset-inline-end:clamp(9px,1.35vw,18px);color:#fff;background:#3420185e;border:2px solid #fff;border-radius:50%;width:34px;height:34px;bottom:clamp(9px,1.35vw,18px)}.fh-templates-play svg{width:15px;height:15px;margin-inline-start:1px}.fh-templates-pages{justify-content:center;gap:4px;margin-top:clamp(15px,2.2vw,27px);display:flex}.fh-templates-pages button{cursor:pointer;place-items:center;width:22px;height:26px;display:grid}.fh-templates-pages button:after{content:"";background:#ebd9d1;border-radius:50%;width:11px;height:11px}.fh-templates-pages button[aria-pressed=true]:after{background:var(--template-accent)}.fh-templates :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #9f5146}.fh-templates-occasions{background:#f8e8e2 url(/letter-templates/occasions-banner.webp) bottom/100% 100% no-repeat;border-radius:clamp(18px,2.8vw,34px);justify-content:space-between;align-items:center;gap:16px 24px;min-height:clamp(154px,15vw,218px);margin-top:clamp(26px,3.7vw,47px);padding:22px 3.5% 22px 36%;display:flex}.fh-templates-occasions h2{font-size:clamp(30px,3.2vw,46px)}.fh-templates-occasions p{max-width:43ch;color:var(--template-muted);margin-top:8px;font-size:clamp(14px,1.3vw,17px);line-height:1.5}.fh-templates-recommend-actions{flex-shrink:0}@media (width<=860px){.fh-template-collection .fh-template-detail-hero{grid-template-columns:1fr;gap:14px;padding-inline-start:0}.fh-template-collection .fh-template-example{width:min(100%,640px);margin-inline:auto}.fh-template-resources:before,.fh-template-resources:after{display:none}.fh-template-related .fh-templates-grid>li{flex-basis:calc(50% - 10px)}.fh-templates-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.fh-templates-occasions{flex-wrap:wrap}}@media (width<=640px){.fh-templates-hero{background:linear-gradient(#fae9e5 0% 45%,#0000 68%),url(/letter-templates/sakura-hero.webp) 100% 100%/max(100%,500px) no-repeat,#fae9e5;min-height:0}.fh-templates-hero-copy{padding:30px 2px clamp(172px,40vw,250px)}.fh-templates h1{max-width:15ch;font-size:clamp(36px,9vw,49px)}.fh-templates-intro{max-width:38ch}.fh-templates-filter{border-radius:12px;gap:6px;min-height:73px}.fh-templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-template-example-layout{grid-template-columns:1fr}.fh-template-collection:before,.fh-template-collection:after{display:none}.fh-template-collection h1{max-width:18ch}.fh-template-collection .fh-template-example{aspect-ratio:auto;padding:20% 15% 16% 9%}.fh-template-collection .fh-template-example:before{background-position:30%;background-size:136% 100%;-webkit-mask-image:linear-gradient(#0000,#000 4% 93%,#0000);mask-image:linear-gradient(#0000,#000 4% 93%,#0000)}.fh-template-collection .fh-template-example blockquote{line-height:1.3}.fh-template-related .fh-templates-grid>li{flex-basis:min(100%,420px)}.fh-templates-occasions{background:linear-gradient(#f8e8e2 0% 62%,#0000 74%),#f8e8e2 url(/letter-templates/occasions-banner.webp) 0 100%/auto clamp(96px,27vw,160px) no-repeat;padding:24px 20px clamp(117px,28vw,180px)}}@media (prefers-reduced-motion:reduce){.fh-templates-card>img{transition:none}}
