.tales{--tale-paper:#fbf8ef;--tale-ink:#253c34;background:var(--tale-paper);color:var(--tale-ink)}.tale-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:80px 52px}.tale-hero h1{font-size:clamp(54px,6.5vw,88px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}.tales h1 em,.tales h2 em{font-family:Georgia,serif;font-weight:400}.tale-hero .lede{max-width:480px}.tale-hero .text-link{margin-top:22px;display:inline-flex;gap:12px;align-items:center}.tale-cast{display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:rotate(2deg)}.tale-cast>a{background:#f1d99c;border:1px solid #253c3424;border-radius:26px;padding:17px;text-align:center;text-decoration:none;transition:transform .2s}.tale-cast>a:nth-child(2){background:#d9e6fa;transform:rotate(3deg)}.tale-cast>a:nth-child(3){background:#f4d4c5;transform:rotate(-3deg)}.tale-cast>a:nth-child(4){background:#d9e7d3}.tale-cast>a:hover{transform:translateY(-5px)}.tale-portrait{width:98px;height:98px;color:#49734e;margin:auto}.tale-portrait.leo{color:#506da8}.tale-portrait.nina{color:#bc6446}.tale-portrait.sam{color:#a67d31}.tale-cast strong{display:block;font:italic 30px Georgia,serif;margin:4px 0}.tale-cast span{display:block;font-size:12px;line-height:1.5}.tale-disclosure{font-size:12px;color:#626960;max-width:680px;line-height:1.7;margin:0 0 28px}.tale-jump{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #253c3430;gap:18px}.tale-jump a{padding:20px 0;display:flex;align-items:center;gap:12px;font-size:14px;text-decoration:none}.tale-jump a>span{font-size:11px;opacity:.65}.tale-jump svg{margin-left:auto}.tale-chapter{padding-block:76px;scroll-margin-top:30px;border-bottom:1px solid #253c3424}.tale-heading{max-width:810px}.tale-person{display:flex;align-items:center;gap:15px}.tale-person .tale-portrait{width:64px;height:64px;margin:0}.tale-person span{font-size:11px;font-weight:700;letter-spacing:.11em}.tale-person p{font-size:13px;margin:5px 0}.tale-heading h2{font-size:clamp(32px,4.2vw,54px);line-height:1.13;letter-spacing:-.04em;margin:23px 0 35px}.tale-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.tale-copy>p{font-size:16px;line-height:1.8;margin:0 0 21px;max-width:500px}.tale-copy .tale-thought{font:italic 25px/1.45 Georgia,serif;padding-left:20px;border-left:3px solid #dca252;margin-bottom:27px}.tale-turn{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin:24px 0 10px}.tale-ending{font-weight:600}.tale-toolkit{display:block;font-size:12px;line-height:1.8;color:#58695d}.tale-illustration{border:1px solid #253c3424;background:white;border-radius:22px;overflow:hidden;box-shadow:9px 12px 0 #253c340a}.tale-window{display:flex;align-items:center;gap:5px;padding:16px 20px;font-size:11px;color:#667068;border-bottom:1px solid #253c341a}.tale-window i{width:6px;height:6px;border-radius:50%;background:#c8cdc5}.tale-window i:last-of-type{margin-right:12px}.tale-mug{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#e1e8f1;color:#476e9b;margin:22px;border-radius:13px;padding:27px}.tale-mug span{font:italic 20px Georgia,serif}.tale-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0 22px}.tale-variants>div{min-width:0}.tale-crop{display:flex;align-items:center;justify-content:center;background:#e1e8f1;color:#476e9b;height:65px;border-radius:7px;margin-bottom:10px}.tale-crop.thumb{width:65px}.tale-crop.preview{height:52px;margin-top:13px}.tale-variants small,.tale-variants strong{display:block;font-size:12px}.tale-variants small{font-size:10px;color:#6b726c;margin-top:5px}.tale-cafe-scene>p,.tale-photo-scene>p{display:flex;gap:8px;align-items:center;padding:18px 22px;font-size:12px;margin:0}.tale-paper{padding:25px}.tale-paper>span:first-child{font-size:10px;letter-spacing:.15em}.tale-paper h3{font:28px/1.2 Georgia,serif;margin:12px 0 24px}.tale-field{font-size:11px;margin:14px 0}.tale-field strong{display:block;font-weight:400;padding:12px;border:1px solid #d9dfd8;margin-top:6px}.tale-field strong,.tale-send{font-size:12px;border-radius:7px}.tale-send{display:inline-flex;background:#294837;color:white;padding:12px 16px}.tale-receipt,.tale-send{align-items:center;gap:14px}.tale-receipt{display:flex;background:#e8f1df;padding:20px}.tale-receipt small,.tale-receipt strong{display:block;font-size:12px}.tale-receipt small{font-size:11px;margin-top:5px}.tale-receipt>svg:last-child{margin-left:auto}.tale-announcement{display:flex;align-items:center;gap:10px;background:#eac982;padding:13px 18px;font-size:12px}.tale-cafe{padding:26px 30px;background:#f8ede1}.tale-cafe>svg{color:#a56e40;margin-bottom:13px}.tale-cafe>span:not(.tale-send){display:block;font-size:10px;letter-spacing:.15em}.tale-cafe h3{font:35px/1.15 Georgia,serif;margin:15px 0 24px}.tale-projects{padding:20px}.tale-projects>div{display:flex;align-items:center;gap:13px;border:1px solid #253c341c;border-radius:12px;margin-bottom:12px;padding:20px 15px}.tale-projects>div>span{font:24px Georgia,serif;color:#97762c}.tale-projects small,.tale-projects strong{display:block;font-size:13px}.tale-projects small{font-size:11px;color:#637064;margin-top:6px}.tale-projects svg{margin-left:auto}.tale-usage{display:flex;gap:12px;padding:22px;background:#e4e9da}.tale-usage small,.tale-usage strong{display:block;font-size:12px;line-height:1.6}.tale-usage small{font-size:11px}.tale-how{border:1px solid #253c342c;border-radius:12px;padding:20px 24px;margin-top:36px}.tale-how summary{cursor:pointer;font-weight:700;font-size:15px}.tale-how summary>span{float:right;font-size:12px;font-weight:400}.tale-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:decimal;padding:24px 0 10px 20px}.tale-how li{font-size:14px;line-height:1.75;padding-left:5px}.tale-how>p{font-size:12px;line-height:1.7;padding-top:12px;border-top:1px solid #253c3420}.tale-how>a{gap:8px;font-size:13px;margin-top:15px;text-decoration:underline}.tale-action,.tale-how>a{display:inline-flex;align-items:center}.tale-action{gap:20px;padding:15px 22px;background:#294837;color:white;border-radius:9px;text-decoration:none;font-weight:600;font-size:14px;margin-top:25px}.tale-action:hover{background:#172f23}.tale-finale{background:#e3ead8;padding:75px 0;margin-top:0}.tale-finale h2{font-size:clamp(36px,5vw,65px);line-height:1.12;letter-spacing:-.045em;margin:20px 0}.tale-finale p{max-width:490px;line-height:1.8}.tale-finale .text-link{margin-left:25px;display:inline-flex;align-items:center;gap:10px}.tale-finale small{display:block;max-width:680px;font-size:12px;line-height:1.7;margin-top:24px}.tales a:focus-visible,.tales summary:focus-visible{outline:3px solid #476e9b;outline-offset:5px}@media(max-width:900px){.tale-columns,.tale-hero{gap:30px}.tale-how ol{grid-template-columns:1fr;gap:13px}.tale-jump{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tale-hero{grid-template-columns:1fr;padding-block:38px 30px;gap:35px}.tale-hero h1{font-size:58px}.tale-cast{transform:none;gap:13px}.tale-cast>a{padding:14px 10px}.tale-portrait{width:80px;height:80px}.tale-cast span{font-size:11px}.tale-disclosure{margin-top:12px}.tale-jump{gap:0 20px}.tale-jump a{font-size:12px;padding:16px 0}.tale-chapter{padding-block:45px}.tale-columns{grid-template-columns:1fr;gap:25px}.tale-heading h2{font-size:35px}.tale-copy .tale-thought{font-size:23px}.tale-how{padding:18px}.tale-how summary>span{float:none;display:block;margin-top:9px}.tale-action{width:100%;justify-content:space-between;font-size:13px}.tale-finale{padding:45px 0}.tale-finale .text-link{margin:23px 0 0}.tale-variants{gap:10px}.tale-receipt{padding:17px;gap:10px}}@media(prefers-reduced-motion:reduce){.tale-cast>a{transition:none}}