@font-face { font-family:"Patrick Hand"; src:url("fonts/patrick-hand-latin.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
:root { --wfr-ink:#2c2c2c; --wfr-paper:#fff; --wfr-link:#48697d; }
* { box-sizing:border-box; }
.wfr-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
html { font-size:18px; scroll-behavior:smooth; }
body { margin:0; color:var(--wfr-ink); background:#f7f7f7 radial-gradient(#d7d7d7 1px,transparent 1px); background-size:20px 20px; font:18px/1.5 "Patrick Hand",cursive; }
.wfr-shell { width:min(1160px,calc(100% - 44px)); margin:auto; }
.wfr-section { padding:74px 0; }
.wfr-sketch { border:2px solid var(--wfr-ink); border-radius:255px 15px 225px 15px / 15px 225px 15px 255px; background:var(--wfr-paper); }
.wfr-icon { width:1.1em; height:1.1em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; vertical-align:-.16em; }
.wfr-eyebrow { margin:0 0 8px; color:#555; font:22px/1 "Patrick Hand",cursive; }
.wfr-title { margin:0; font-family:"Patrick Hand",cursive; line-height:1.08; }
.wfr-title--hero { font-size:56px; } .wfr-title--section { font-size:43px; } .wfr-title--card { font-size:28px; }
.wfr-actions { display:flex; flex-wrap:wrap; gap:14px; }
.wfr-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:12px 23px; border:2px solid var(--wfr-ink); border-radius:255px 15px 225px 15px / 15px 225px 15px 255px; cursor:pointer; font:21px/1 "Patrick Hand",cursive; }
.wfr-button--primary { background:#333; border-color:#333; color:white; } .wfr-button--secondary { background:white; color:var(--wfr-ink); }
.wfr-button:hover,.wfr-faq__trigger:hover { transform:rotate(-.5deg); }
.wfr-hero { min-height:620px; display:grid; align-items:center; gap:48px; } .wfr-hero[data-variant="split-media"] { grid-template-columns:1.02fr .98fr; } .wfr-hero[data-variant="text-only"] { grid-template-columns:minmax(0,760px); min-height:470px; } .wfr-hero[data-layout="media-left"] .wfr-hero__copy { order:2; }
.wfr-hero__copy > p:not(.wfr-eyebrow) { max-width:580px; margin:19px 0 26px; font-size:22px; }
.wfr-media { width:100%; aspect-ratio:4 / 3; min-height:0; padding:34px; display:grid; place-items:center; text-align:center; } .wfr-media[data-variant="hero"] { aspect-ratio:4 / 3; } .wfr-media[data-variant="diagram"] { aspect-ratio:16 / 5; grid-template-columns:auto 1fr; gap:24px; text-align:left; } .wfr-media[data-variant="cover"] { aspect-ratio:4 / 5; } .wfr-media__icon { width:72px; height:72px; } .wfr-media__description { max-width:370px; margin:12px 0 0; font:22px/1.25 "Patrick Hand",cursive; }
.wfr-heading { display:flex; gap:14px; align-items:flex-start; margin-bottom:27px; } .wfr-heading > .wfr-icon { flex:0 0 auto; width:35px; height:35px; margin-top:8px; }
.wfr-intro { max-width:750px; margin:0 0 30px; font-size:21px; }
.wfr-grid { display:grid; gap:18px; } .wfr-grid[data-variant="five-up"] { grid-template-columns:repeat(5,1fr); } .wfr-grid[data-variant="four-up"] { grid-template-columns:repeat(4,1fr); } .wfr-grid[data-variant="three-up"] { grid-template-columns:repeat(3,1fr); } .wfr-grid[data-variant="two-up"] { grid-template-columns:repeat(2,1fr); } .wfr-grid[data-variant="three-two"] { grid-template-columns:repeat(6,minmax(0,1fr)); } .wfr-grid[data-variant="three-two"] > * { grid-column:span 2; } .wfr-grid[data-variant="three-two"] > :nth-child(4) { grid-column:1 / span 3; } .wfr-grid[data-variant="three-two"] > :nth-child(5) { grid-column:4 / span 3; } .wfr-grid[data-variant="two-three"] { grid-template-columns:repeat(6,minmax(0,1fr)); } .wfr-grid[data-variant="two-three"] > * { grid-column:span 2; } .wfr-grid[data-variant="two-three"] > :nth-child(1) { grid-column:2 / span 2; } .wfr-grid[data-variant="two-three"] > :nth-child(2) { grid-column:4 / span 2; } .wfr-grid[data-variant="two-three"] > :nth-child(3) { grid-column:1 / span 2; } .wfr-grid[data-variant="two-three"] > :nth-child(4) { grid-column:3 / span 2; } .wfr-grid[data-variant="two-three"] > :nth-child(5) { grid-column:5 / span 2; }
.wfr-card { padding:22px; min-height:250px; display:flex; flex-direction:column; align-items:flex-start; } .wfr-card__icon { width:34px; height:34px; margin-bottom:12px; } .wfr-card__product { display:inline-block; margin:2px 0 12px; border-bottom:2px solid var(--wfr-ink); font:25px/1 "Patrick Hand",cursive; } .wfr-logo-placeholder { width:100%; min-height:64px; margin:14px 0 4px; padding:12px; display:grid; place-items:center; border:2px dashed #777; background:#fafafa; color:#555; text-align:center; font:21px/1.1 "Patrick Hand",cursive; } .wfr-card a { margin-top:auto; color:var(--wfr-link); text-decoration:underline; }
.wfr-solutions[data-variant="stacked"] { grid-template-columns:1fr; } .wfr-solutions[data-variant="stacked"] .wfr-card { min-height:0; } .wfr-solutions + .wfr-media { margin-top:52px; } .wfr-solutions[data-variant="three-up"] > .wfr-media[data-variant="card"] { min-height:250px; aspect-ratio:auto; padding:22px; }
.wfr-explainer { display:grid; grid-template-columns:1.15fr .85fr; gap:42px; align-items:center; } [data-layout="media-left"] .wfr-explainer > .wfr-media { order:-1; } .wfr-needs { display:grid; gap:30px; } .wfr-needs__copy { max-width:820px; font-size:21px; } .wfr-needs .wfr-media { margin-top:4px; } .wfr-related { padding:32px; text-align:center; } .wfr-related .wfr-heading { justify-content:center; text-align:left; } .wfr-related p { max-width:700px; margin-left:auto; margin-right:auto; } .wfr-related[data-variant="split-link"] { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr); gap:54px; align-items:center; padding:0; text-align:left; } .wfr-related[data-variant="split-link"] p,.wfr-related[data-variant="choice-list"] p { max-width:none; margin-left:0; margin-right:0; } .wfr-related__action { display:flex; align-items:center; justify-content:center; min-height:150px; padding:28px; border-top:2px solid var(--wfr-ink); border-bottom:2px solid var(--wfr-ink); } .wfr-related[data-variant="choice-list"] { padding:0; text-align:left; } .wfr-related[data-variant="choice-list"] > .wfr-intro { max-width:760px; margin:18px 0 32px; } .wfr-related__choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px; } .wfr-related__choice { display:flex; flex-direction:column; align-items:flex-start; min-height:220px; padding:28px 0; border-top:2px solid var(--wfr-ink); border-bottom:2px solid var(--wfr-ink); } .wfr-related__choice > .wfr-icon { width:32px; height:32px; margin-bottom:13px; } .wfr-related__choice p { flex:1; margin:14px 0 20px !important; } .wfr-related__choice a { color:var(--wfr-link); font:21px/1.15 "Patrick Hand",cursive; text-decoration:underline; }
.wfr-relationship { display:grid; gap:42px; align-items:center; } .wfr-relationship[data-variant="split-media"] { grid-template-columns:.88fr 1.12fr; } .wfr-relationship[data-variant="text-only"] { grid-template-columns:minmax(0,780px); } [data-layout="media-right"] .wfr-relationship > .wfr-media { order:2; }
.wfr-contact { width:100%; padding:34px; } .wfr-contact__layout { display:grid; gap:40px; width:100%; } .wfr-contact__layout[data-variant="split"],.wfr-contact__layout[data-variant="split-cover"] { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); } .wfr-contact__layout[data-variant="content-cover"] { grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr); align-items:stretch; } .wfr-contact__layout[data-variant="form-only"] { grid-template-columns:minmax(0,780px); } .wfr-contact__layout[data-variant="compact"] { grid-template-columns:1fr; max-width:820px; } .wfr-contact__layout > *,.wfr-contact__content,.wfr-contact__copy { min-width:0; } .wfr-contact__content form { margin-top:28px; } .wfr-contact__layout[data-variant="split"] > form { margin:0; } .wfr-contact__form-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.8fr); gap:22px; align-items:stretch; } .wfr-contact__cover { align-self:stretch; background:repeating-linear-gradient(-45deg,#fff 0,#fff 12px,#ececec 12px,#ececec 13px); background-position:center; background-repeat:no-repeat; background-size:cover; } .wfr-contact__layout[data-variant="content-cover"] .wfr-contact__cover { min-height:100%; aspect-ratio:auto; }
.wfr-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .wfr-fields--single { grid-template-columns:1fr; } .wfr-field { margin-bottom:17px; } .wfr-field--full { grid-column:1 / -1; } .wfr-field label { display:block; margin:0 0 4px 5px; font:20px/1 "Patrick Hand",cursive; } .wfr-field--message wired-textarea { min-height:144px; } .wfr-privacy { display:flex; align-items:flex-start; gap:9px; margin:0 0 18px; } .wfr-privacy label { font:20px/1.15 "Patrick Hand",cursive; } wired-input,wired-textarea { display:block; width:100%; --wired-input-font-family:"Patrick Hand",cursive; --wired-input-font-size:18px; --wired-textarea-font-family:"Patrick Hand",cursive; font-family:"Patrick Hand",cursive; } wired-checkbox { flex:0 0 auto; margin-top:1px; }
.wfr-faq-list { display:grid; gap:12px; } .wfr-faq { overflow:hidden; padding:0; } .wfr-faq__trigger { width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 21px; border:0; background:white; color:var(--wfr-ink); text-align:left; cursor:pointer; font:26px/1.1 "Patrick Hand",cursive; } .wfr-faq__answer { display:none; max-width:850px; padding:0 21px 19px; } .wfr-faq.is-open .wfr-faq__answer,.wfr-faq[data-variant="expanded"] .wfr-faq__answer { display:block; } .wfr-faq.is-open .wfr-faq__trigger .wfr-icon { transform:rotate(45deg); }
@media (max-width:920px) { .wfr-hero,.wfr-relationship,.wfr-contact__layout,.wfr-explainer,.wfr-contact__form-layout,.wfr-related[data-variant="split-link"],.wfr-related__choices { grid-template-columns:1fr !important; min-height:0; } .wfr-hero[data-layout="media-left"] .wfr-hero__copy,[data-layout="media-left"] .wfr-explainer > .wfr-media,[data-layout="media-right"] .wfr-relationship > .wfr-media { order:initial; } .wfr-grid[data-variant="five-up"],.wfr-grid[data-variant="four-up"] { grid-template-columns:repeat(2,1fr); } .wfr-grid[data-variant="three-up"],.wfr-grid[data-variant="three-two"],.wfr-grid[data-variant="two-three"] { grid-template-columns:1fr; grid-template-areas:none; } .wfr-grid[data-variant="three-two"] > *,.wfr-grid[data-variant="two-three"] > * { grid-area:auto; grid-column:auto; } .wfr-contact__layout[data-variant="content-cover"] .wfr-contact__cover { min-height:0; aspect-ratio:4 / 3; } .wfr-related__action { justify-content:flex-start; min-height:0; padding:24px 0; } .wfr-related__choice { min-height:0; } .wfr-section { padding:52px 0; } } @media (max-width:560px) { .wfr-shell { width:min(100% - 32px,1160px); } .wfr-title--hero { font-size:43px; } .wfr-title--section { font-size:36px; } .wfr-grid[data-variant="four-up"],.wfr-grid[data-variant="two-up"] { grid-template-columns:1fr; } .wfr-fields { grid-template-columns:1fr; } .wfr-media { padding:26px; } .wfr-contact { padding:25px 18px; } }