@font-face{font-family:KaprHead;src:url(fonts/DDCHardware-Regular.woff2)}:root{--ink:#101313;--paper:#fff;--teal:#10b3bd;--cyan:#10b3bd;--font-body:system-ui,sans-serif;--teal-deep:#087579;--muted:#586562;--font-mono:monospace}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;background:white;color:var(--ink)}.wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}h2,h3{font-family:KaprHead,system-ui,sans-serif;line-height:1.15}a{color:#087579}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{color:#111;background:#fff}.kv-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.kv-test{padding:1rem;background:#fff0c2}.gv-submit:disabled{opacity:.6} /* vietnamese */
@font-face {
font-family: 'Allura';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/c8b79ee2ed54121cf9.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Allura';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/473304417ae819eb39.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Allura';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/0d70271277aeb6464c.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* math */
@font-face {
font-family: 'Bodoni Moda';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/0b637a5b4485293fa0.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Bodoni Moda';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/4b84dffe38cb54c126.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
font-family: 'Bodoni Moda';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/a43755e3ed31fe286d.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Bodoni Moda';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/ec86b9d397813bef15.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* math */
@font-face {
font-family: 'Bodoni Moda';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/5f16cf7cca42ba1778.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
font-family: 'Bodoni Moda';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/dd65d69c437c3b43ff.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
font-family: 'Bodoni Moda';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/316969752cfb679dac.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Bodoni Moda';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/5114ef56c5415163cb.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Bricolage Grotesque';
font-style: normal;
font-weight: 400 800;
font-stretch: 100%;
font-display: swap;
src: url(fonts/vouchers/32a447b3624072d87a.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Bricolage Grotesque';
font-style: normal;
font-weight: 400 800;
font-stretch: 100%;
font-display: swap;
src: url(fonts/vouchers/e577600d58460abc1c.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Bricolage Grotesque';
font-style: normal;
font-weight: 400 800;
font-stretch: 100%;
font-display: swap;
src: url(fonts/vouchers/5f754c3adb80dac960.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/8e3fecd2d493091c77.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/192773d8da73d07aa8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/4ae4c5dabe8f4ecfd7.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/954d638259f9bb133f.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/4c494e010d00e50c0a.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/8fbaa36df2a892d0de.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/291655adcb38b6b495.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/c4be89389609ffc2c9.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/53563903266482ba21.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/c74911618d2d8311aa.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/a55f75e9e7fa133cfe.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(fonts/vouchers/d9ec821052ff94a770.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Serif Display';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/bcffbe5867f9234531.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Serif Display';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/b867c8dc88057cdaa6.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Serif Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/1c85e676902fc69747.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Serif Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/3f5fbefcaebcac7125.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 300 800;
font-display: swap;
src: url(fonts/vouchers/ccf0fecc501df6bbdf.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 300 800;
font-display: swap;
src: url(fonts/vouchers/437e9d07ede177d48f.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 300 800;
font-display: swap;
src: url(fonts/vouchers/e10563a873a370244a.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 300 800;
font-display: swap;
src: url(fonts/vouchers/a4c5fe4f4f21c29eb3.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 300 800;
font-display: swap;
src: url(fonts/vouchers/7cdca5ec1a66e78b4a.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 300 800;
font-display: swap;
src: url(fonts/vouchers/6a8370661dae1863b6.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Gloock';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/1144c7f12c15d43fe9.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
font-family: 'Gloock';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/c5329096491441fa41.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Gloock';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/61aff847320d2344bf.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Great Vibes';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/d289bc13a66cf739a0.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Great Vibes';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/0f84b91584bab70a37.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Great Vibes';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/17016a855320df6c93.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* vietnamese */
@font-face {
font-family: 'Great Vibes';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/4755b062ab61bea199.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Great Vibes';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/3fdf313774b1e716a6.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Great Vibes';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/d7c6026920e8a9c670.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Instrument Serif';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/ad94e0845b567b3e6b.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Instrument Serif';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/0d985700e8380551df.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Instrument Serif';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/41fe32a095c1537561.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Instrument Serif';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/05103e2a779c2bd1ac.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Jost';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(fonts/vouchers/b8f195a77b2c4aaa6d.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-family: 'Jost';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(fonts/vouchers/2d26ca746c88bc2092.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Jost';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(fonts/vouchers/b1863709d885cb2b44.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Libre Caslon Text';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/ca771ebecbbe311abf.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Libre Caslon Text';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/33765a61fbb753ba84.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/b38e3770c5dfb185be.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/ea80801ad4328ca4fa.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/vouchers/ed5d4f1ccba1e82892.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Libre Caslon Text';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/vouchers/1ccc4ec2476fc3de17.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/a13031654d667f8404.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/3effa9311007213de2.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/891feccf9363d0f48e.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/a50b218eceed33607e.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/edff4874961e8711e8.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/2f08df1456fc9116ea.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/3cb6b7b1979e5dd25a.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/363014d7c907501d51.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* greek */
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/420d2e343a5f74226f.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/6de212dde3ebbaeea6.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url(fonts/vouchers/0b86590d9958dcb535.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Young Serif';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/eac5696961cc1481fc.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Young Serif';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/vouchers/057bf9e30362ee73fe.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* DL insert, 210 × 99 mm. One em = 1% of sheet width. */
.voucher-frame { container-type:inline-size; min-width:0; }
.voucher-sheet {
--v-ink:#213936; --v-accent:#176e69; --v-muted:#5a6762;
box-sizing:border-box; isolation:isolate; position:relative; display:grid;
grid-template-rows:8em minmax(0,1fr) auto 1.2em; gap:1.15em;
width:100%; aspect-ratio:210/99; overflow:hidden; padding:2.8em 4.5em 2.5em;
color:var(--v-ink); background:#fff; font:7px/1.35 Arial,Helvetica,sans-serif; font-size:1cqw;
text-align:left; text-transform:none; letter-spacing:normal;
-webkit-print-color-adjust:exact; print-color-adjust:exact;
}
.voucher-sheet *, .voucher-sheet *::before, .voucher-sheet *::after { box-sizing:border-box; }
.voucher-sheet :is(p,h1,h2,h3) { margin:0; padding:0; font-weight:400; }
.voucher-sheet :is(p,span,div) { min-width:0; }
.voucher-sheet::before { content:''; position:absolute; inset:2em; border:1px solid var(--v-accent); opacity:.3; pointer-events:none; }
.voucher-sheet::after { content:''; position:absolute; left:39%; top:15%; bottom:10%; border-left:1px solid var(--v-accent); opacity:.3; }
.voucher-sheet .v-header, .voucher-sheet .v-footer { display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; gap:2em; }
.voucher-sheet .v-brand { width:8em; height:8em; display:flex; align-items:center; }
.voucher-sheet .v-logo { display:block; width:8em; height:8em; object-fit:contain; max-width:none; }
.voucher-sheet .v-voucher-label { font:1.1em/1.3 Arial,sans-serif; letter-spacing:.24em; text-transform:uppercase; color:var(--v-accent); }
.voucher-sheet .v-main { min-height:0; position:relative; display:grid; grid-template-columns:34% 60%; justify-content:space-between; align-items:center; z-index:1; }
.voucher-sheet .v-title-group { align-self:start; padding-top:.3em; padding-bottom:1em; }
.voucher-sheet .v-occasion, .voucher-sheet .v-to, .voucher-sheet .v-gift-label { display:block; font:.85em/1.4 Arial,sans-serif; text-transform:uppercase; letter-spacing:.18em; color:var(--v-accent); }
.voucher-sheet .v-occasion { margin-bottom:.9em; }
.voucher-sheet .v-headline { font:4.05em/1.02 Georgia,'Times New Roman',serif; letter-spacing:-.04em; color:var(--v-accent); }
.voucher-sheet .v-headline span { display:block; }
.voucher-sheet .v-to { margin-bottom:.55em; }
.voucher-sheet .v-recipient { font:3.45em/1.12 Georgia,serif; letter-spacing:-.03em; overflow-wrap:anywhere; text-wrap:balance; }
.voucher-sheet .v-recipient.v-medium { font-size:2.9em; }
.voucher-sheet .v-recipient.v-long { font-size:2.6em; }
.voucher-sheet .v-dedication { margin-top:.95em; font:1.55em/1.5 Georgia,serif; white-space:pre-line; overflow-wrap:anywhere; }
.voucher-sheet .v-dedication.v-long { font-size:1.4em; line-height:1.4; }
.voucher-sheet .v-sender { font:1.3em/1.4 Georgia,serif; margin-top:.85em; overflow-wrap:anywhere; }
.voucher-sheet .v-sender span { color:var(--v-muted); font:.7em Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; margin-right:.7em; }
.voucher-sheet .v-gift { position:relative; z-index:1; margin-left:40%; border-top:1px solid var(--v-accent); padding-top:1em; min-width:0; }
.voucher-sheet .v-gift-label { margin-bottom:.5em; font-size:.8em; }
.voucher-sheet .v-gift-title { font:2.55em/1.07 'DDC Hardware Compressed',Impact,sans-serif; letter-spacing:.01em; overflow-wrap:anywhere; }
.voucher-sheet .v-gift-title.v-medium { font-size:2.2em; }
.voucher-sheet .v-gift-title.v-long { font-size:1.9em; }
.voucher-sheet .v-gift-detail { color:var(--v-muted); font:1.1em/1.4 Arial,sans-serif; margin-top:.55em; overflow-wrap:anywhere; }
.voucher-sheet .v-footer { align-self:end; font:.8em/1.3 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--v-muted); }
.voucher-sheet .v-end-rule { width:5em; height:1px; background:var(--v-accent); }
.voucher-sheet .v-ornament { position:absolute; left:3.8%; bottom:6.5%; width:32%; height:44%; color:var(--v-accent); pointer-events:none; z-index:0; }
.voucher-sheet .v-art { display:block; width:100%; height:100%; overflow:visible; }
/* Each occasion has its own illustration, ink and typographic treatment. */
.voucher-sheet[data-design='signature'] .v-headline span:last-child { font-style:italic; }
.voucher-sheet[data-design='signature']::before { border-width:0 0 2px; opacity:1; }
.voucher-sheet[data-design='birthday-type'] { --v-accent:#a34c2d; --v-ink:#4a3027; }
.voucher-sheet[data-design='birthday-type'] .v-headline { font-family:'DDC Hardware Compressed',Impact,sans-serif; font-size:4.2em; text-transform:uppercase; line-height:.96; }
.voucher-sheet[data-design='birthday-type'] .v-headline span { display:inline; }
.voucher-sheet[data-design='birthday-type'] .v-headline span + span::before { content:' '; }
.voucher-sheet[data-design='birthday-type']::before { border:1px dashed var(--v-accent); opacity:.5; }
.voucher-sheet[data-design='birthday-celebrate'] { --v-accent:#8c344f; --v-ink:#432732; }
.voucher-sheet[data-design='birthday-celebrate'] .v-headline { font-style:italic; }
.voucher-sheet[data-design='birthday-celebrate']::before { border-width:1px 3px; }
.voucher-sheet[data-design='christmas-forest'] { --v-accent:#315641; --v-ink:#26392c; }
.voucher-sheet[data-design='christmas-forest'] .v-headline { letter-spacing:.015em; }
.voucher-sheet[data-design='christmas-forest']::before { border-width:0 0 3px; opacity:1; }
.voucher-sheet[data-design='christmas-silent'] { --v-accent:#68705b; --v-ink:#313a2c; }
.voucher-sheet[data-design='christmas-silent'] .v-headline { font-size:3.6em; font-style:italic; }
.voucher-sheet[data-design='christmas-star'] { --v-accent:#99753a; --v-ink:#483b26; }
.voucher-sheet[data-design='christmas-star']::before { border-style:double; border-width:3px; opacity:.55; }
.voucher-sheet[data-design='christmas-star'] .v-headline { font-size:3.6em; }
.voucher-sheet[data-design='love-letter'] { --v-accent:#913d53; --v-ink:#462d32; }
.voucher-sheet[data-design='love-letter'] .v-headline { font-style:italic; font-size:5.1em; }
.voucher-sheet[data-design='love-letter']::before { border:0; border-bottom:1px solid var(--v-accent); }
.voucher-sheet[data-design='love-minimal'] { --v-accent:#ae565e; --v-ink:#4e3033; }
.voucher-sheet[data-design='love-minimal'] .v-headline span { display:inline; }
.voucher-sheet[data-design='love-minimal'] .v-headline span + span::before { content:' '; }
.voucher-sheet[data-design='love-minimal'] .v-headline { font-style:italic; }
.voucher-sheet[data-design='just-because'] { --v-accent:#467260; }
.voucher-sheet[data-design='just-because'] .v-headline { font-size:5.4em; font-style:italic; }
.voucher-sheet[data-design='just-because'][lang='en'] .v-headline { font-size:4.3em; }
.voucher-sheet[data-design='new-journey'] { --v-accent:#356a7c; --v-ink:#263e48; }
.voucher-sheet[data-design='new-journey'] .v-headline { font:4.1em/.98 'DDC Hardware Compressed',Impact,sans-serif; text-transform:uppercase; }
.voucher-sheet[data-design='new-journey'] .v-headline span { display:inline; }
.voucher-sheet[data-design='new-journey'] .v-headline span + span::before { content:' '; }
.voucher-sheet[data-design='new-journey']::before { border-width:0 0 2px; opacity:.6; }
/* No labels or logo are removed in the small gallery previews. */
@supports not (font-size:1cqw) { .voucher-frame { font-size:clamp(3px,.9vw,9px); } .voucher-sheet { font-size:inherit; } }
@media print { .voucher-sheet { width:210mm; height:99mm; max-width:none; font-size:2.1mm; aspect-ratio:auto; break-inside:avoid; background:transparent; box-shadow:none; } }
.voucher-sheet.v{position:relative;width:100%;aspect-ratio:210/99;container-type:inline-size;overflow:hidden;background-color:#f2ead9;background-image:var(--grain);color:#1d1b18;isolation:isolate}
.voucher-sheet.v>svg.art{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.voucher-sheet.v .t{position:absolute;z-index:2;margin:0}
.voucher-sheet.v .logo{position:absolute;z-index:3;display:block;height:9.5cqw;width:auto;max-width:30cqw;mix-blend-mode:multiply}
.voucher-sheet.v .logo.missing{width:25cqw;height:9cqw;border:.25cqw dashed currentColor;font:500 1.5cqw/8.5cqw Jost,sans-serif;letter-spacing:.2em;text-transform:uppercase;text-align:center;opacity:.55;mix-blend-mode:normal;overflow:hidden}
.voucher-sheet.v .kicker{font-size:1.9cqw;line-height:1;text-transform:uppercase}
.voucher-sheet.v .what{line-height:1.25}
.voucher-sheet.v1 .logo{left:6cqw;top:5cqw}.voucher-sheet.v1 .kicker{left:6cqw;top:19.6cqw;font:500 1.6cqw/1 Jost,sans-serif;letter-spacing:.36em;color:#3d5a47}.voucher-sheet.v1 .to{left:5.6cqw;top:22.2cqw;font:italic 500 10cqw/1 Fraunces,Georgia,serif;color:#2a211c;white-space:nowrap}.voucher-sheet.v1 .to span{font-size:4cqw;font-weight:400;color:#6e2233;margin-right:.5cqw}.voucher-sheet.v1 .what{left:6cqw;top:35.6cqw;font:500 2.4cqw/1.25 Jost,sans-serif;color:#1d1b18;letter-spacing:.02em}.voucher-sheet.v1 .msg{left:6cqw;top:40.2cqw;width:44cqw;font:italic 400 2.15cqw/1.3 Fraunces,Georgia,serif;color:#5b4a3c}
.voucher-sheet.v2{background-color:#f4ecda}.voucher-sheet.v2 .logo{left:50%;transform:translateX(-50%);top:5.4cqw}.voucher-sheet.v2 .t{left:0;right:0;text-align:center}.voucher-sheet.v2 .kicker{top:19.2cqw;font:500 1.45cqw/1 Cinzel,serif;letter-spacing:.46em;color:#6e2233}.voucher-sheet.v2 .to{top:21.4cqw;font:italic 600 9.6cqw/1.05 "Cormorant Garamond",Georgia,serif;color:#241d19}.voucher-sheet.v2 .what{top:35.4cqw;font:600 2.9cqw/1.2 "Cormorant Garamond",Georgia,serif;color:#2f4a3a;letter-spacing:.02em}.voucher-sheet.v2 .msg{top:40.2cqw;font:italic 500 2.45cqw/1.2 "Cormorant Garamond",Georgia,serif;color:#5b4a3c}
.voucher-sheet.v3{background-color:#f1e9d7}.voucher-sheet.v3 .logo{right:6cqw;bottom:3cqw}.voucher-sheet.v3 .kicker{left:46cqw;top:6.6cqw;font:500 1.55cqw/1 Jost,sans-serif;letter-spacing:.42em;color:#11909a}.voucher-sheet.v3 .to{left:45.6cqw;top:9.8cqw;font:italic 500 9cqw/1.05 "Bodoni Moda",Georgia,serif;color:#241d19;white-space:nowrap}.voucher-sheet.v3 .what{left:46cqw;top:22.6cqw;font:400 2.5cqw/1.2 Jost,sans-serif;color:#1d1b18;letter-spacing:.03em;padding-top:1.7cqw;border-top:.2cqw solid #b98a2e;width:46cqw}.voucher-sheet.v3 .msg{left:46cqw;top:29.2cqw;width:40cqw;font:italic 400 2.2cqw/1.3 "Bodoni Moda",Georgia,serif;color:#6e2233}
.voucher-sheet.v4{background-color:#f3ebd8}.voucher-sheet.v4 .logo{left:6cqw;bottom:3cqw}.voucher-sheet.v4 .kicker{left:6cqw;top:5.2cqw;font:600 1.5cqw/1 Jost,sans-serif;letter-spacing:.4em;color:#6e2233}.voucher-sheet.v4 .to{left:5.6cqw;top:8cqw;font:400 9.4cqw/1.05 "DM Serif Display",Georgia,serif;color:#241d19;white-space:nowrap}.voucher-sheet.v4 .what{left:6cqw;top:20.6cqw;font:500 2.5cqw/1.2 Jost,sans-serif;color:#2f4a3a;letter-spacing:.02em}.voucher-sheet.v4 .msg{left:6cqw;top:25.4cqw;width:50cqw;font:italic 400 2.3cqw/1.3 "DM Serif Display",Georgia,serif;color:#5b4a3c}
.voucher-sheet.v5{background-color:#f4ecda}.voucher-sheet.v5 .logo{left:6cqw;top:5cqw}.voucher-sheet.v5 .kicker{left:6cqw;top:19.4cqw;font:700 1.45cqw/1 "Bricolage Grotesque",sans-serif;letter-spacing:.34em;color:#6e2233}.voucher-sheet.v5 .to{left:5.6cqw;top:22cqw;font:400 9.4cqw/1.02 "Young Serif",Georgia,serif;color:#221b17;white-space:nowrap}.voucher-sheet.v5 .to span{font-size:3.8cqw;color:#11909a;margin-right:.6cqw}.voucher-sheet.v5 .what{left:6cqw;top:35cqw;font:600 2.35cqw/1.2 "Bricolage Grotesque",sans-serif;color:#1d1b18}.voucher-sheet.v5 .msg{left:6cqw;top:39.4cqw;width:46cqw;font:400 2cqw/1.3 "Young Serif",Georgia,serif;color:#5b4a3c}
.voucher-sheet.v6{background-color:#f1e8d4}.voucher-sheet.v6 .logo{right:5cqw;top:4.4cqw}.voucher-sheet.v6 .kicker{left:6cqw;top:16.4cqw;font:700 1.45cqw/1 Syne,sans-serif;letter-spacing:.38em;color:#11909a}.voucher-sheet.v6 .to{left:5.6cqw;top:19.2cqw;font:400 9.2cqw/1.05 Gloock,Georgia,serif;color:#1d1b18;white-space:nowrap}.voucher-sheet.v6 .what{left:6cqw;top:31.6cqw;font:600 2.35cqw/1.2 Syne,sans-serif;color:#6e2233}.voucher-sheet.v6 .msg{left:6cqw;top:36.2cqw;width:40cqw;font:400 2cqw/1.35 Syne,sans-serif;color:#4a3d33}
.voucher-sheet.v7{background-color:#f5eedc}.voucher-sheet.v7 .logo{right:5.5cqw;top:5cqw}.voucher-sheet.v7 .kicker{left:44cqw;top:17.6cqw;font:400 1.5cqw/1 "Libre Caslon Text",Georgia,serif;letter-spacing:.42em;color:#6e2233}.voucher-sheet.v7 .to{left:43.6cqw;top:19.8cqw;font:400 13.4cqw/1.05 Allura,"Great Vibes",cursive;color:#241d19;white-space:nowrap}.voucher-sheet.v7 .to span{font-size:5.4cqw;color:#8c6618;margin-right:.8cqw}.voucher-sheet.v7 .what{left:44cqw;top:35.2cqw;font:700 2.2cqw/1.2 "Libre Caslon Text",Georgia,serif;color:#2f4a3a}.voucher-sheet.v7 .msg{left:44cqw;top:39.4cqw;width:50cqw;font:italic 400 1.95cqw/1.3 "Libre Caslon Text",Georgia,serif;color:#5b4a3c}
.voucher-sheet.v8{background-color:#f3eadb}.voucher-sheet.v8 .logo{right:5.5cqw;bottom:3cqw}.voucher-sheet.v8 .kicker{left:50cqw;top:8cqw;font:500 1.5cqw/1 Jost,sans-serif;letter-spacing:.42em;color:#6e2233}.voucher-sheet.v8 .to{left:49.6cqw;top:11cqw;font:italic 500 8.6cqw/1.05 "Playfair Display",Georgia,serif;color:#241d19;white-space:nowrap}.voucher-sheet.v8 .to span{font-size:3.6cqw;font-weight:400;color:#8c6618;margin-right:.6cqw}.voucher-sheet.v8 .what{left:50cqw;top:23.8cqw;font:500 2.4cqw/1.2 Jost,sans-serif;color:#1d1b18;letter-spacing:.02em}.voucher-sheet.v8 .msg{left:50cqw;top:28.6cqw;width:40cqw;font:italic 400 2.2cqw/1.32 "Playfair Display",Georgia,serif;color:#6e2233}
.voucher-sheet.v9{background-color:#f4ecdc}.voucher-sheet.v9 .logo{left:61cqw;transform:translateX(-50%);top:4.6cqw}.voucher-sheet.v9 .t{left:24cqw;right:0;text-align:center}.voucher-sheet.v9 .kicker{top:17.6cqw;font:500 1.45cqw/1 "Cormorant Garamond",serif;letter-spacing:.5em;color:#6e2233}.voucher-sheet.v9 .to{top:19.6cqw;font:400 12.4cqw/1.1 "Great Vibes",Allura,cursive;color:#241d19;white-space:nowrap}.voucher-sheet.v9 .to span{font-size:5cqw;color:#8c6618;margin-right:.6cqw}.voucher-sheet.v9 .what{top:36.4cqw;font:600 2.7cqw/1.2 "Cormorant Garamond",Georgia,serif;color:#2f4a3a;letter-spacing:.03em}.voucher-sheet.v9 .msg{top:41cqw;font:italic 500 2.2cqw/1.2 "Cormorant Garamond",Georgia,serif;color:#5b4a3c}
.voucher-sheet.v10{background-color:#f1e9d6}.voucher-sheet.v10 .logo{left:6cqw;top:5cqw}.voucher-sheet.v10 .kicker{left:6cqw;top:19.6cqw;font:700 1.5cqw/1 Syne,sans-serif;letter-spacing:.34em;color:#6e2233}.voucher-sheet.v10 .to{left:5.4cqw;top:22.4cqw;font:800 7.8cqw/1 Syne,sans-serif;letter-spacing:-.035em;color:#1d1b18;white-space:nowrap}.voucher-sheet.v10 .what{left:6cqw;top:33.2cqw;font:500 2.3cqw/1.2 "Bricolage Grotesque",sans-serif;color:#1d1b18}.voucher-sheet.v10 .msg{left:6cqw;top:37.6cqw;width:46cqw;font:italic 400 2.5cqw/1.25 "Instrument Serif",Georgia,serif;color:#4a3d33}
.voucher-sheet.v{display:block;padding:0;border:0;border-radius:0;text-transform:none;letter-spacing:normal;background-image:none}.voucher-sheet.v::before,.voucher-sheet.v::after{display:none}.voucher-sheet.v .t{padding:0;margin:0}.voucher-sheet.v .to{white-space:nowrap}.voucher-sheet.v .msg{white-space:pre-line;overflow-wrap:anywhere}.voucher-sheet.v .what{overflow-wrap:anywhere}.voucher-sheet.v .logo{object-fit:contain;max-width:30cqw}.voucher-sheet.v10 .to{font-size:5.7cqw}.voucher-sheet.v10 .what{font-size:2.05cqw}.voucher-sheet.v10 .msg{width:38cqw;font-size:2.15cqw}
.voucher-sheet .v-issuance{position:absolute;left:3cqw;right:3cqw;bottom:.8cqw;z-index:4;background:rgba(255,255,255,.94);color:#171717;padding:.45cqw .7cqw;font:500 1.28cqw/1.3 system-ui,sans-serif;text-align:center;letter-spacing:0;white-space:nowrap}
.voucher-sheet .v-qr{position:absolute;z-index:5;right:1cqw;bottom:.8cqw;width:9cqw;height:9cqw;background:#fff}.voucher-sheet .v-qr svg{display:block;width:100%;height:100%}.voucher-sheet .v-issuance.v-issued{right:11cqw;font-size:1.2cqw;white-space:normal}
/* Reserve a readable footer without crowding a short dedication and signature. */
.voucher-sheet.v1 .what{top:33.6cqw}.voucher-sheet.v1 .msg{top:37.4cqw}
.voucher-sheet.v2 .what{top:33.2cqw}.voucher-sheet.v2 .msg{top:37.3cqw}
.voucher-sheet.v5 .what{top:33.3cqw}.voucher-sheet.v5 .msg{top:37.2cqw}
.voucher-sheet.v6 .msg{top:36cqw}
.voucher-sheet.v7 .what{top:34.5cqw}.voucher-sheet.v7 .msg{top:38cqw}
.voucher-sheet.v9 .what{top:34.5cqw}.voucher-sheet.v9 .msg{top:38cqw}
.voucher-sheet.v3:has(.v-qr) .logo,.voucher-sheet.v8:has(.v-qr) .logo{right:12cqw}
/* Transmission is part of the gift, in the design's own typeface. */
.voucher-sheet.v .v-transmission { display:block; font-size:.75em; font-weight:500; line-height:1.2; letter-spacing:.02em; margin-top:.2cqw; }
.voucher-sheet.v.has-transmission .msg { transform:translateY(.8cqw); }
.voucher-sheet.v1.has-transmission .what { top:33.2cqw; font-size:2.05cqw; }
.voucher-sheet.v2.has-transmission .what { top:32.8cqw; font-size:2.2cqw; }
.voucher-sheet.v7.has-transmission .what { font-size:1.9cqw; }
.voucher-sheet.v9.has-transmission .what { top:34.1cqw; font-size:2.2cqw; }
.voucher-sheet.v10.has-transmission .what { top:32.2cqw; }
.voucher-sheet.v5.has-transmission .what { font-size:2.05cqw; }
.gv-page [hidden] { display:none !important; }
.gv-hero-link { display:inline-flex; align-items:center; gap:2rem; margin-top:1rem; border-bottom:2px solid currentColor; color:var(--ink); font-weight:700; text-decoration:none; padding:.5rem 0; }
.gv-page { --gv-wash:#f3f4f1; }
.gv-page p { max-width:none; }
.gv-intro { display:grid; grid-template-columns: .9fr 1.1fr; gap:5rem; padding-block:4rem; }
.gv-editorial { font:italic clamp(2rem,3.5vw,3rem)/1.18 Georgia,serif; margin:0; max-width:12ch !important; color:var(--teal-deep); }
.gv-intro p:first-child { margin-top:0; }
.gv-muted, .gv-hint { color:var(--muted); }
.gv-gallery-section { background:var(--gv-wash); padding-block:4rem; scroll-margin-top:7rem; }
.gv-section-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:3rem; margin-bottom:2rem; }
.gv-section-heading h2 { margin:.5rem 0 0; font-size:clamp(2rem,3.5vw,3.3rem); }
.gv-section-heading > p { color:var(--muted); margin:0; max-width:45ch; }
.gv-kicker { font: .8rem/1.5 var(--font-mono); letter-spacing:.12em; text-transform:uppercase; margin:0 0 .65rem; }
.gv-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:2rem; }
.gv-page button, .gv-page input, .gv-page select, .gv-page textarea { font:inherit; }
.gv-filters button { border:1px solid #c6cfcb; background:white; color:var(--ink); padding:.65rem 1rem; min-height:44px; border-radius:4px; cursor:pointer; }
.gv-filters button[aria-pressed=true] { background:var(--teal); border-color:var(--teal-deep); }
.gv-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2.5rem 2rem; }
.gv-design { display:block; min-width:0; padding:0 0 1rem; background:none; border:0; border-bottom:1px solid #c5ccca; color:var(--ink); text-align:left; cursor:pointer; }
.gv-design-paper { padding:1.1rem; background:#e4e8e3; border:2px solid transparent; border-radius:3px; transition:border-color .15s; }
.gv-design[aria-pressed=true] .gv-design-paper { border-color:var(--teal-deep); background:#d6ebe7; }
.gv-design .voucher-frame { box-shadow:0 3px 12px #163b2920; }
.gv-design-caption { display:flex; gap:.8rem; align-items:baseline; margin-top:.85rem; }
.gv-design-number { color:var(--muted); font:.75rem var(--font-mono); }
.gv-design-caption strong { font-weight:600; font-size:1.1rem; }
.gv-chosen { margin-left:auto; color:var(--teal-deep); font-weight:700; opacity:0; }
.gv-design[aria-pressed=true] .gv-chosen { opacity:1; }
.gv-design-description { display:block; color:var(--muted); font-size:.85rem; padding-left:2rem; margin-top:.35rem; }
.gv-selection { margin:2rem 0 0; border-top:1px solid #c5ccca; padding-top:1.25rem; }
.gv-selection a { color:var(--teal-deep); white-space:nowrap; }
.gv-custom { padding-block:4.5rem; scroll-margin-top:7rem; }
.gv-editor-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:3.5rem; align-items:start; }
.gv-page fieldset { border:0; margin:0; padding:0; min-width:0; }
.gv-fields label, .gv-contact-section label, .gv-result label { display:block; font-weight:600; margin:1.25rem 0 .4rem; }
.gv-fields fieldset > label:first-of-type { margin-top:0; }
.gv-page :is(input:not([type=radio],[type=checkbox]),select,textarea) { display:block; width:100%; border:1px solid #aeb9b5; border-radius:4px; padding:.8rem .9rem; background:white; color:var(--ink); min-height:48px; }
.gv-page textarea { resize:vertical; }
.gv-page input::placeholder,.gv-page textarea::placeholder { color:#69706d; }
.gv-hint { font-size:.84rem; line-height:1.55; margin:.5rem 0 1rem; }
.gv-count { text-align:right; }
.gv-page .gv-transmission { margin-top:1.25rem; }
.gv-transmission legend { font-weight:600; margin-bottom:.5rem; }
.gv-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.35rem; }
.gv-options label { position:relative; margin:0; text-align:center; cursor:pointer; font-weight:600; }
.gv-options input { position:absolute; opacity:0; width:1px; height:1px; }
.gv-options span { display:block; padding:1rem .25rem; border:2px solid #b9c6c1; border-radius:5px; background:white; }
.gv-options input:checked + span { background:var(--teal); border-color:var(--teal-deep); }
.gv-options input:focus-visible + span { outline:3px solid var(--ink); outline-offset:3px; }
.gv-preview-sticky { position:sticky; top:8rem; }
.gv-preview-column { height:100%; min-width:0; }
.gv-preview-heading { display:flex; justify-content:space-between; align-items:center; font:.8rem var(--font-mono); text-transform:uppercase; letter-spacing:.07em; margin-bottom:.6rem; }
.gv-text-button { min-height:44px; padding:.3rem .5rem; background:none; border:0; color:var(--teal-deep); text-decoration:underline; cursor:pointer; }
.gv-preview-mat { padding:1.4rem; background:#e7e9e3; border-radius:4px; }
.gv-preview-mat .voucher-frame { box-shadow:0 7px 22px #152c2622; }
.gv-approval { display:flex; gap:.75rem; align-items:flex-start; background:#eef7f4; border:1px solid #b6cfca; border-radius:4px; padding:1rem; margin-top:1.5rem; font-weight:600; cursor:pointer; }
.gv-approval input { width:22px; height:22px; flex-shrink:0; margin-top:.15rem; accent-color:var(--teal-deep); }
.gv-contact-section { margin-top:4rem; padding-top:3rem; border-top:1px solid #c5ccca; }
.gv-contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.gv-contact-section fieldset:disabled { opacity:.5; }
.gv-notice { padding:1rem 1.2rem; background:var(--gv-wash); border-left:3px solid var(--teal-deep); }
.gv-privacy { font-size:.85rem; color:var(--muted); max-width:80ch !important; margin-block:1.5rem; }
.gv-primary,.gv-secondary { display:inline-flex; align-items:center; justify-content:center; gap:.7rem; padding:.85rem 1.25rem; min-height:48px; border:1px solid var(--ink); border-radius:5px; font:600 1rem/1.5 var(--font-body); text-decoration:none; cursor:pointer; }
.gv-primary { background:var(--ink); color:var(--cyan); }
.gv-secondary { background:white; color:var(--ink); }
.gv-primary:disabled { cursor:not-allowed; }
.gv-error { color:#861e18; font-weight:600; background:#fff1ee; padding:1rem; border-left:3px solid currentColor; }
.gv-result { background:#eef7f4; border:1px solid #b6cfca; border-radius:5px; padding:2rem; margin-top:2rem; scroll-margin-top:8rem; }
.gv-result h2 { font-size:2rem; }
.gv-result-actions { display:flex; flex-wrap:wrap; gap:1rem; margin-block:1.5rem; }
.gv-result summary { cursor:pointer; padding:.75rem 0; font-weight:600; }
.gv-result textarea { margin-bottom:1rem; }
#gv-copy-status { margin-left:.75rem; }
.gv-care { padding-block:4rem; background:var(--gv-wash); }
.gv-care-grid { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.gv-care h2 { font-size:clamp(2rem,3.5vw,3rem); }
.gv-care ol { list-style:none; padding:0; margin:0; counter-reset:care; }
.gv-care li { counter-increment:care; position:relative; padding:1rem 0 1rem 3rem; border-bottom:1px solid #c5ccca; }
.gv-care li::before { content:'0' counter(care); position:absolute; left:0; top:1.1rem; color:var(--teal-deep); font:.8rem var(--font-mono); }
.gv-care strong,.gv-care li span { display:block; }
.gv-care li span { color:var(--muted); font-size:.9rem; margin-top:.3rem; }
.gv-help { display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; padding-block:2.5rem; }
.gv-help p { flex:1 1 300px; margin:0; }
.gv-help a { color:var(--teal-deep); }
.gv-page dialog { width:min(1100px,95vw,calc(133dvh - 10rem)); padding:1.5rem; border:0; border-radius:6px; max-height:94vh; background:#e7e9e3; }
.gv-page dialog::backdrop { background:#091d19ba; }
.gv-dialog-bar { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:1rem; }
.gv-dialog-bar h2 { font-size:1.35rem; margin:0; }
.gv-page :is(button,a,input,select,textarea):focus-visible { outline:3px solid var(--teal-deep); outline-offset:4px; }
.gv-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:900px) { .gv-intro{gap:2rem}.gv-editor-grid{gap:1.5rem;grid-template-columns:1fr 1fr}.gv-care-grid{gap:3rem}.gv-preview-mat{padding:.75rem} }
@media(max-width:700px) { .gv-intro,.gv-section-heading,.gv-editor-grid,.gv-care-grid{grid-template-columns:1fr;gap:1.5rem}.gv-intro{padding-block:2.5rem}.gv-editorial{max-width:none !important}.gv-gallery{grid-template-columns:1fr;gap:1.75rem}.gv-gallery-section,.gv-custom,.gv-care{padding-block:2.5rem}.gv-preview-sticky{position:static}.gv-preview-column{margin-top:.5rem}.gv-contact-grid{grid-template-columns:1fr;gap:0}.gv-result{padding:1.25rem}.gv-design-paper{padding:.85rem}.gv-help{gap:1rem}.gv-page dialog{padding:.75rem}.gv-selection a{white-space:normal} }
.gv-request-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:.6rem 1.5rem; border-block:1px solid #b6cfca; padding-block:1rem; }
.gv-request-summary dt { font-weight:600; }
.gv-request-summary dd { margin:0; white-space:pre-line; overflow-wrap:anywhere; }
@media(max-width:700px) { .gv-request-summary{grid-template-columns:1fr;gap:.25rem}.gv-request-summary dd{margin-bottom:.75rem} }
/* Let the next full-size design peek into view; browsing does not change a
customer's selected design until they tap it. Desktop stays a grid. */
@media(max-width:700px) {
.gv-gallery { position:relative; display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; margin-inline:-16px; padding:4px 28px 10px; scroll-padding-inline:28px; }
.gv-gallery::-webkit-scrollbar { display:none; }
.gv-gallery .gv-design { flex:0 0 calc(100% - 12px); min-width:0; scroll-snap-align:center; scroll-snap-stop:normal; }
.gv-gallery .gv-design-paper { padding:.45rem; }
.gv-gallery .gv-design-description,.gv-gallery .gv-design-number { display:none; }
.gv-gallery .gv-design-caption { gap:.5rem; margin-top:.6rem; }
.gv-gallery .gv-design-caption strong { font-size:1.1rem; line-height:1.3; }
}
/* The same in-page picker on phone and desktop; native control is a data fallback. */
.gv-select { position:relative; margin-bottom:0; }
.gv-page .gv-native-select { position:absolute!important; width:1px!important; height:1px!important; min-height:0!important; padding:0!important; border:0!important; clip-path:inset(50%); overflow:hidden; opacity:0; pointer-events:none; }
.gv-select-trigger { display:flex; align-items:center; justify-content:space-between; gap:1rem; width:100%; min-height:48px; padding:.8rem .9rem; border:1px solid #aeb9b5; border-radius:4px; background:#fff; color:var(--ink); text-align:left; cursor:pointer; }
.gv-select-trigger::after { content:''; width:8px; height:8px; border-right:2px solid var(--teal-deep); border-bottom:2px solid var(--teal-deep); transform:rotate(45deg); flex-shrink:0; margin-right:3px; }
.gv-select-trigger[aria-expanded=true] { border-color:var(--teal-deep); box-shadow:0 0 0 1px var(--teal-deep); }
.gv-select-trigger[aria-expanded=true]::after { transform:rotate(225deg); }
.gv-select-trigger:disabled { opacity:.5; cursor:default; }
.gv-select-trigger[aria-invalid=true] { border-color:#a12b26; }
.gv-select.is-open { z-index:20; }
.gv-select-list { position:absolute; z-index:30; top:calc(100% + 6px); left:0; right:0; max-height:min(320px,45dvh); overflow-y:auto; overscroll-behavior:contain; padding:6px; border:1px solid #b6cfca; border-radius:8px; background:#fff; box-shadow:0 10px 30px #123c3824; }
.gv-select-list[hidden] { display:none; }
.gv-select-option { display:flex; align-items:center; min-height:48px; padding:.7rem .75rem; border-radius:4px; cursor:pointer; line-height:1.4; color:var(--ink); }
.gv-select-option[aria-disabled=true] { display:none; }
.gv-select-option[aria-selected=true] { background:var(--teal); color:#101313; font-weight:600; }
.gv-select-option.is-active:not([aria-selected=true]), .gv-select-option:hover:not([aria-disabled=true]) { background:#e4f4f2; color:#101313; }
.gv-page input[type=hidden] { display:none!important; }
/* Compact three-screen designer; all form values stay in the same DOM. */
.gv-step-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; justify-content:space-between; margin-top:1.5rem; padding-top:1.25rem; border-top:1px solid #c5ccca; }
.gv-step-actions>.gv-primary:only-child { margin-left:auto; }
.gv-step-actions>.gv-primary:disabled { opacity:.45; cursor:default; }
.gv-field-error { margin:.5rem 0 0; }
.gv-page[data-step] .gv-custom { padding-block:1rem 2rem; }
.gv-page[data-step] .gv-gallery-section { padding-block:1.5rem; }
.gv-page[data-step] .gv-contact-section { margin-top:0; padding-top:0; border-top:0; }
.gv-page[data-step='3'] #gv-contact-lock { display:none; }
.gv-review { padding:1rem 1.25rem; background:#eef7f4; border:1px solid #b6cfca; border-radius:6px; margin-bottom:1.5rem; }
.gv-review h3 { margin:0 0 .5rem; }
.gv-review-summary { margin:0; }
.gv-review details { margin-top:.5rem; }
.gv-review summary { cursor:pointer; font-weight:600; padding:.65rem 0; }
.gv-review .gv-preview-column { max-width:650px; height:auto; margin-top:1rem; }
.gv-review .gv-approval,.gv-review #gv-approval-status { display:none; }
.gv-contact-back { margin-right:.75rem; }
@media(max-width:700px){
.gv-step-actions { flex-wrap:nowrap; gap:.6rem; }
.gv-step-actions button { font-size:.9rem; padding:.8rem .9rem; }
.gv-page[data-step] .gv-contact-back { margin:0 0 .75rem; width:100%; }
.gv-page[data-step] button[type=submit] { width:100%; }
}
/* Design supplied by Claude, 23 October 2026. Local integration: wrap centering, contrast, keyboard focus. */
/* ==========================================================================
gv-steps.css – stepper návrháře poukazů KAPR
DOM:
Stavy: [aria-current="step"] = aktuální, .is-complete = hotový,
[disabled] = ještě nedostupný. Nic se nerozlišuje jen barvou:
hotový má fajfku a plnou linku, aktuální plný terč s prstencem,
budoucí dutý terč s tečkovanou linkou.
========================================================================== */
.gv-steps{
--gv-ink:#101313;
--gv-teal:#10b3bd;
--gv-teal-deep:#087579;
--gv-teal-halo:rgba(16,179,189,.18);
--gv-mute:#66716f; /* text budoucích kroků na bílém podkladu */
--gv-line:#d4dada;
--gv-paper:#fff;
--gv-font-num:"Fraunces","Cormorant Garamond",Georgia,"Times New Roman",serif;
--gv-size:28px; /* průměr terče */
container-type:inline-size; /* rozvržení se řídí šířkou stepperu, ne okna */
display:flex;
align-items:flex-start;
gap:0;
margin:0 auto clamp(20px,3vw,28px);
scroll-margin-top:1rem;
padding:0;
font-size:13px;
line-height:1.25;
color:var(--gv-ink);
background:var(--gv-paper);
}
.gv-steps button{
all:unset; /* odstraní tlačítkový vzhled WP tématu */
box-sizing:border-box;
position:relative;
flex:1 1 0;
min-width:0;
min-height:44px; /* ovládací plocha */
display:flex;
flex-direction:column;
align-items:center;
gap:7px;
padding:4px 2px 6px;
text-align:center;
cursor:pointer;
color:var(--gv-mute);
-webkit-tap-highlight-color:transparent;
}
/* trasa: levá a pravá polovina linky u každého kroku, ve výšce středu terče */
.gv-steps button::before,
.gv-steps button::after{
content:"";
position:absolute;
top:calc(4px + var(--gv-size)/2);
height:0;
border-top:1px dotted var(--gv-line);
pointer-events:none;
}
.gv-steps button::before{left:0;right:calc(50% + var(--gv-size)/2 + 6px)}
.gv-steps button::after{left:calc(50% + var(--gv-size)/2 + 6px);right:0}
.gv-steps button:first-child::before,
.gv-steps button:last-child::after{display:none}
/* ujetá část trasy je plná tyrkysová: hotové kroky celé, aktuální jen zleva */
.gv-steps button.is-complete::before,
.gv-steps button.is-complete::after,
.gv-steps button[aria-current="step"]::before{
border-top:2px solid var(--gv-teal);
margin-top:-.5px;
}
/* terč s číslem */
.gv-step-number{
display:grid;
place-items:center;
width:var(--gv-size);
height:var(--gv-size);
flex:0 0 auto;
border-radius:50%;
border:1px solid var(--gv-line);
background:var(--gv-paper);
font:500 15px/1 var(--gv-font-num);
font-variant-numeric:lining-nums tabular-nums;
color:var(--gv-mute);
transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s;
}
/* popisek */
.gv-step-label{
display:block;
max-width:11em;
font-weight:500;
letter-spacing:.01em;
text-wrap:balance;
}
/* ---- aktuální krok ---- */
.gv-steps button[aria-current="step"]{color:var(--gv-ink)}
.gv-steps button[aria-current="step"] .gv-step-number{
background:var(--gv-teal);
border-color:var(--gv-teal);
color:var(--gv-ink);
font-weight:600;
box-shadow:0 0 0 4px var(--gv-teal-halo);
}
.gv-steps button[aria-current="step"] .gv-step-label{font-weight:600}
/* krátká linka pod aktuálním popiskem: druhý, nebarevný signál */
.gv-steps button[aria-current="step"] .gv-step-label::after{
content:"";
display:block;
width:18px;
height:2px;
margin:5px auto 0;
background:var(--gv-teal);
}
/* ---- hotový krok ---- */
.gv-steps button.is-complete{color:var(--gv-ink)}
.gv-steps button.is-complete .gv-step-number{
background:var(--gv-teal-deep);
border-color:var(--gv-teal-deep);
color:transparent; /* číslo skryto, místo něj fajfka */
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:center;
background-size:15px 15px;
}
.gv-steps button.is-complete:hover .gv-step-number,
.gv-steps button.is-complete:focus-visible .gv-step-number{
background-color:var(--gv-teal);
border-color:var(--gv-teal);
}
/* ---- budoucí (zatím nedostupný) krok ---- */
.gv-steps button[disabled]{cursor:default}
.gv-steps button[disabled] .gv-step-number{border-style:dashed}
/* ---- klávesnice ---- */
.gv-steps button:focus-visible .gv-step-number{
outline:2px solid var(--gv-teal-deep);
outline-offset:3px;
}
/* ---- text jen pro čtečky (doplní JS u hotových kroků) ---- */
.gv-sr{
position:absolute;
width:1px;height:1px;
padding:0;margin:-1px;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
border:0;
}
/* ---- stepper širší než 560 px: jeden řádek, terč a popisek vedle sebe ---- */
@container (min-width:560px){
.gv-steps button{
flex:0 1 auto;
flex-direction:row;
align-self:center;
gap:10px;
padding:8px 0;
font-size:14px;
text-align:left;
}
.gv-steps button::before,
.gv-steps button::after{display:none}
/* spojka mezi kroky */
.gv-steps button + button{margin-left:44px}
.gv-steps button + button::before{
display:block;
top:50%;
left:-36px;
right:auto;
width:28px;
border-top:1px dotted var(--gv-line);
}
.gv-steps button + button[aria-current="step"]::before,
.gv-steps button + button.is-complete::before{
border-top:2px solid var(--gv-teal);
}
.gv-step-label{max-width:none}
.gv-steps button[aria-current="step"] .gv-step-label::after{
margin:4px 0 0;
}
}
@media (prefers-reduced-motion:reduce){
.gv-step-number{transition:none}
}
@media(max-width:700px){.gv-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .7rem}.gv-design-paper{padding:.3rem}.gv-design-description,.gv-design-number{display:none}.gv-design-caption{gap:.2rem;margin-top:.4rem}.gv-design-caption strong{font-size:.9rem;line-height:1.3}.gv-gallery-section,.gv-custom{padding-block:1.4rem}.gv-section-heading{margin-bottom:1rem}.gv-section-heading h2{font-size:1.8rem}.gv-filters{gap:.35rem;margin-bottom:1rem}.gv-filters button{padding:.5rem .65rem}.gv-contact-section{margin-top:2rem;padding-top:1.5rem}}
.gv-page dialog[open]{top:var(--kv-visible-top,20px);margin:0 auto;max-height:calc(var(--kv-visible-height,100dvh) - 40px);width:min(1100px,95vw);overflow:auto}
/* Physical dimensions are shared by the on-screen sheet and the print page. */
.kv-saved #gift-vouchers { display: none !important; }
.kv-print-controls { max-width: 54rem; margin: 2rem auto; padding: 0 1rem; }
.kv-print-controls h1 { font: 700 clamp(1.5rem, 4vw, 2rem)/1.2 system-ui, sans-serif; }
.kv-print-controls p { max-width: 70ch; }
.kv-print-controls button { min-height: 48px; padding: .8rem 1.4rem; border: 0; border-radius: 5px; background: #111; color: #fff; font: 600 1rem system-ui, sans-serif; cursor: pointer; }
.kv-print-controls button:disabled { opacity: .5; cursor: default; }
.kv-print-controls a { margin-left: 1rem; }
.kv-print-status { font-weight: 600; }
.kv-saved { background: #e9edeb; padding-bottom: 2rem; }
#wp-print { position: fixed; left: -100000px; top: 0; width: 210mm; height: 297mm; }
.kv-saved #wp-print { position: relative; left: auto; top: auto; margin: 0 auto; background: #fff; box-shadow: 0 2px 18px #0002; zoom: var(--kv-sheet-zoom, 1); }
#wp-print .kv-a4-voucher { position: absolute; top: 0; left: 0; width: 210mm; height: 99mm; overflow: hidden; }
#wp-print .voucher-sheet { width: 210mm !important; height: 99mm !important; max-width: none !important; box-shadow: none !important; }
#wp-print .kv-cut-mark { position: absolute; top: 99mm; width: 7mm; height: 0; border-top: .15mm solid #555; z-index: 10; }
#wp-print .kv-cut-left { left: 4mm; }
#wp-print .kv-cut-right { right: 4mm; }
#wp-print .kv-print-error { display: none; }
@media print {
@page { size: A4 portrait; margin: 0; }
html, body { width: 210mm !important; height: 297mm !important; margin: 0 !important; padding: 0 !important; background: white !important; }
body > * { display: none !important; }
body > #wp-print { display: block !important; position: relative !important; left: auto !important; top: auto !important; width: 210mm !important; height: 297mm !important; margin: 0 !important; padding: 0 !important; zoom: 1 !important; transform: none !important; box-shadow: none !important; overflow: hidden !important; break-inside: avoid; }
body.kv-print-invalid #wp-print .kv-a4-voucher, body.kv-print-invalid #wp-print .kv-cut-mark { display: none !important; }
body.kv-print-invalid #wp-print .kv-print-error { display: block; padding: 20mm; color: black; }
* { print-color-adjust: exact !important; -webkit-print-color-adjust: exact !important; }
}