/* ---------- Fonts ---------- Self-hosted rather than loaded from fonts.googleapis.com. Google's version costs a DNS lookup, a TLS handshake and a render-blocking stylesheet on a third-party origin before a single letter can be painted, and it hands every visitor's IP to Google. These are the same variable woff2 files Google serves, under the same Open Font Licence, sitting next to the stylesheet. The two latin files are preloaded from every page's . */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url(../fonts/figtree-latin.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; } @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url(../fonts/figtree-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Gabarito'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/gabarito-latin.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; } @font-face { font-family: 'Gabarito'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(../fonts/gabarito-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* ========================================================================== Working Web — shared stylesheet Palette: oat / sand / ink / teal (accent) / clay (rare counterpoint) Type: Gabarito (display) + Figtree (body) ========================================================================== */ :root { --oat: #f5efe4; --sand: #eae1ce; --sand-soft: #efe8d8; --ink: #26241f; --ink-soft: #5c574c; --teal: #2f6d62; --teal-deep: #1e4a41; --clay: #c0693a; --line: #ddd3be; --white: #fffdf8; --font-display: "Gabarito", "Avenir Next", "Trebuchet MS", sans-serif; --font-body: "Figtree", "Helvetica Neue", Arial, sans-serif; --radius-lg: 26px; --radius-md: 18px; --radius-pill: 999px; --wrap: 1080px; --wrap-narrow: 720px; } /* ---------- Reset-ish ---------- */ *, *::before, *::after { box-sizing: border-box; } html, body { overflow-x: clip; } body { margin: 0; background: var(--oat); color: var(--ink); font-family: var(--font-body); font-size: 1rem; line-height: 1.65; -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; display: block; } a { color: var(--teal); } a:hover { color: var(--teal-deep); } :focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; border-radius: 4px; } ::selection { background: var(--teal); color: var(--white); } /* ---------- Type ---------- */ h1, h2, h3 { font-family: var(--font-display); line-height: 1.08; letter-spacing: -0.015em; margin: 0 0 0.5em; text-wrap: balance; } h1 { font-size: clamp(2.5rem, 6.5vw, 4.1rem); font-weight: 800; } h2 { font-size: clamp(1.9rem, 4.2vw, 2.75rem); font-weight: 700; } h3 { font-size: 1.15rem; font-weight: 700; line-height: 1.3; letter-spacing: 0; } p { margin: 0 0 1em; } .lead { font-size: 1.125rem; color: var(--ink-soft); max-width: 34em; } .accent-line { color: var(--teal); } /* Eyebrow: small dot + tracked caps, borrowed rhythm from the reference */ .eyebrow { display: inline-flex; align-items: center; gap: 0.6em; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-soft); margin: 0 0 1.1rem; } .eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--clay); flex: none; } /* ---------- Layout ---------- */ .wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 20px; } .section { padding: 4.5rem 0; } .section-head { max-width: var(--wrap-narrow); margin: 0 auto 2.75rem; text-align: center; } .section-head .lead { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .section { padding: 6.5rem 0; } } /* Service pages that run long, with several short prose sections in a row, use half the usual gap between them. */ .page-tight .section { padding: 2.25rem 0; } @media (min-width: 768px) { .page-tight .section { padding: 3.25rem 0; } } /* ---------- Buttons ---------- */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; font-family: var(--font-body); font-weight: 600; font-size: 0.95rem; line-height: 1; padding: 0.95em 1.6em; border-radius: var(--radius-pill); border: 2px solid transparent; cursor: pointer; text-decoration: none; transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease; min-height: 44px; } .btn-solid { background: var(--teal-deep); color: var(--white); } .btn-solid:hover { background: var(--teal); color: var(--white); } .btn-ghost { background: transparent; color: var(--ink); border-color: var(--ink); } .btn-ghost:hover { background: var(--ink); color: var(--oat); } /* ---------- Header / nav ---------- */ .site-header { position: sticky; top: 0; z-index: 50; background: var(--oat); border-bottom: 1px solid var(--line); } .nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.9rem 20px; max-width: var(--wrap); margin: 0 auto; } .nav-logo { flex: none; display: inline-flex; align-items: center; } .nav-logo img { height: 16px; width: auto; } .nav-links { display: none; } .nav-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: none; border: none; cursor: pointer; padding: 0; color: var(--ink); } .nav-toggle svg { display: block; } .nav-toggle .icon-close { display: none; } .nav-open .nav-toggle .icon-open { display: none; } .nav-open .nav-toggle .icon-close { display: block; } /* Beats .nav-links a on specificity so the pill keeps its light text */ .nav-links a.btn-solid { color: var(--white); } .nav-links a.btn-solid:hover { color: var(--white); } @media (max-width: 899.98px) { .nav-open .nav-links { display: flex; flex-direction: column; align-items: stretch; position: absolute; top: 100%; left: 0; right: 0; background: var(--oat); border-bottom: 1px solid var(--line); padding: 0.5rem 20px 1.25rem; gap: 0.1rem; } .nav-links a { padding: 0.7rem 0.25rem; text-decoration: none; color: var(--ink); font-weight: 600; } .nav-links .btn { margin-top: 0.75rem; } } @media (min-width: 900px) { .nav-toggle { display: none; } .nav-links { display: flex; align-items: center; gap: 1.6rem; } .nav-links a { text-decoration: none; color: var(--ink); font-weight: 600; font-size: 0.92rem; } .nav-links a:hover { color: var(--teal); } .nav-links .btn { padding: 0.7em 1.3em; } .nav-links .btn:hover { color: var(--white); } } /* ---------- Hero ---------- */ .hero { padding: 4rem 0 3.5rem; text-align: center; } .hero .lead { margin: 0 auto 1.75rem; } .hero-ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; margin-bottom: 3.25rem; } .hero-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin: 1.75rem 0 0; padding: 0; list-style: none; } .hero-badges li { font-size: 0.8rem; font-weight: 600; padding: 0.45em 1em; border: 1px solid var(--line); border-radius: var(--radius-pill); background: var(--sand-soft); } @media (min-width: 768px) { .hero { padding: 5.5rem 0 4.5rem; } } /* ---------- Photo placeholders + decorative circles ---------- */ .media-frame { position: relative; max-width: 858px; margin: 0 auto; } /* Decorative blot forms. The solid path takes `color`; the off-register outline takes --blob-line, so both are set from CSS rather than baked into the markup. Source: Adobe Stock 555957431, licensed 2026-08-28. */ .deco-defs { position: absolute; width: 0; height: 0; overflow: hidden; } .deco { position: absolute; z-index: 0; overflow: visible; --blob-line: var(--ink); } .blob-fill { fill: currentColor; } .blob-line { fill: var(--blob-line); } .deco-clay { width: 124px; height: 124px; color: var(--clay); top: -46px; left: -40px; transform: rotate(-12deg); } .deco-teal { width: 154px; height: 154px; color: var(--teal); bottom: -52px; right: -44px; transform: rotate(8deg); } @media (max-width: 639.98px) { .deco-clay { width: 88px; height: 88px; top: -30px; left: -22px; } .deco-teal { width: 108px; height: 108px; bottom: -34px; right: -24px; } } .photo-ph { position: relative; z-index: 1; background: var(--sand); border-radius: var(--radius-lg); padding: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 300px; gap: 0.75rem; } .photo-ph .ph-tag { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--white); background: var(--teal); padding: 0.5em 1.1em; border-radius: var(--radius-pill); } .photo-ph .ph-note { font-size: 0.92rem; color: var(--ink-soft); max-width: 34em; margin: 0; } .photo-ph-wide { aspect-ratio: 16 / 9; min-height: 0; } .photo-ph-portrait { min-height: 340px; } /* Real photos sitting in a .media-frame, replacing a .photo-ph placeholder. Matches the placeholder's radius and stacking so the deco circles still peek out behind the corners. */ .media-photo { position: relative; z-index: 1; display: block; width: 100%; height: auto; border-radius: 8px; object-fit: cover; } .media-photo-wide { aspect-ratio: 16 / 9; } .media-photo-portrait { aspect-ratio: 4 / 5; } /* ---------- Cards ---------- */ .card { background: var(--sand); border-radius: var(--radius-lg); padding: 1.75rem 1.6rem; } .card p { margin: 0; font-size: 0.94rem; color: var(--ink-soft); } .card h3 { margin-bottom: 0.5rem; } .card-grid { display: grid; gap: 1rem; } @media (min-width: 640px) { .card-grid-2 { grid-template-columns: repeat(2, 1fr); } .card-grid-3 { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 960px) { .card-grid-3 { grid-template-columns: repeat(3, 1fr); } } /* Small rounded "tile" mark on cards, echoes the logo's rounded letterforms */ .tile { display: block; width: 34px; height: 34px; border-radius: 12px 12px 12px 4px; margin-bottom: 1.1rem; } .tile-teal { background: var(--teal); } .tile-deep { background: var(--teal-deep); } .tile-clay { background: var(--clay); } .tile-sand { background: var(--line); } /* Checklist cards */ .check-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; } .check-list li { position: relative; padding-left: 1.5em; font-size: 0.94rem; color: var(--ink-soft); } .check-list li::before { content: ""; position: absolute; left: 0; top: 0.48em; width: 9px; height: 9px; border-radius: 50%; background: var(--teal); } /* ---------- Platform spotlight (home + web dev page) ---------- */ .platform-card { display: flex; flex-direction: column; } .platform-card .best-for { margin-top: auto; padding-top: 1rem; font-size: 0.84rem; font-weight: 600; color: var(--teal-deep); } .spotlight-cta { text-align: center; margin-top: 2.25rem; } /* Home page platform spotlight: three equal platform cards plus a deep-teal "not sure which?" chooser card, so no single platform gets top billing. */ .platform-spotlight { display: grid; gap: 1rem; } .spot-card { display: flex; flex-direction: column; background: var(--sand); border-radius: var(--radius-lg); padding: 1.75rem 1.6rem; } .spot-card h3 { margin: 0 0 0.5rem; font-size: 1.38rem; } .spot-card p { margin: 0; font-size: 1.06rem; color: var(--ink-soft); max-width: 34em; } .spot-card .best-for { margin-top: auto; padding-top: 1.1rem; font-size: 0.84rem; font-weight: 600; color: var(--teal-deep); } .spot-main { background: var(--teal-deep); } .spot-main h3 { color: var(--white); } .spot-main p { color: rgba(255, 255, 255, 0.82); } .spot-main .best-for { color: var(--oat); text-decoration: underline; text-underline-offset: 3px; } .spot-main .best-for:hover { color: var(--white); } @media (min-width: 700px) { .platform-spotlight { grid-template-columns: 1fr 1fr; } } /* Card sections that have had their glyph tiles removed use the larger heading size shared with the contrast rows. */ #included .card h3, #fronts .card h3, #help .card h3, #pieces .card h3, #writing .card h3, #covered .card h3 { font-size: 1.38rem; } /* "The difference" contrast rows: each point pairs the usual agency way (muted, left) against ours (confident, right), separated by the same dashed teal rule as the progression rail. */ .contrast { max-width: 880px; margin: 0 auto; } .contrast-row { display: grid; gap: 1rem; padding: 1.75rem 0; border-top: 3px dashed rgba(47, 109, 98, 0.45); } .contrast-row:last-child { border-bottom: 3px dashed rgba(47, 109, 98, 0.45); } .contrast-tag { display: block; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 0.5rem; } .contrast-tag-us { color: var(--teal-deep); } .contrast-them p { margin: 0; font-size: 0.96rem; color: var(--ink-soft); max-width: 30em; } .contrast-us h3 { margin: 0 0 0.4rem; font-size: 1.38rem; } .contrast-us p { margin: 0; font-size: 1.06rem; color: var(--ink-soft); max-width: 34em; } @media (min-width: 800px) { .contrast-row { grid-template-columns: 1fr 1.4fr; gap: 3rem; padding: 2.25rem 0; } } /* ---------- Scroll reveal ---------- */ /* Everything below the hero fades and rises in as it comes into view. The .reveal class is only ever added by JS, and only when the visitor is fine with motion, so without it every element simply renders in place. Items inside a group (cards, rail steps, FAQ rows) get a stagger via the --reveal-delay custom property, set in main.js. */ .reveal { opacity: 0; transform: translateY(34px); } .reveal.is-in { opacity: 1; transform: none; transition: opacity 1s ease, transform 1.1s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: var(--reveal-delay, 0s); } /* ---------- The progression rail ("then we help you...") ---------- */ .rail { position: relative; max-width: 760px; margin: 0 auto; padding-left: 26px; } .rail::before { content: ""; position: absolute; left: 8px; top: 18px; bottom: 18px; width: 0; border-left: 3px dashed var(--teal); opacity: 0.45; } .rail-step { position: relative; padding: 0 0 2.25rem 1.4rem; } .rail-step:last-child { padding-bottom: 0; } .rail-step::before { content: ""; position: absolute; left: -26px; top: 6px; width: 19px; height: 19px; border-radius: 50%; background: var(--teal); border: 4px solid var(--oat); } .rail-step h3 { margin-bottom: 0.35rem; } .rail-step .rail-kicker { display: block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--clay); margin-bottom: 0.4rem; } .rail-step p { color: var(--ink-soft); font-size: 0.96rem; max-width: 38em; margin-bottom: 0.4rem; } .rail-step a { font-weight: 600; font-size: 0.92rem; } /* ---------- Testimonial slab ---------- */ .testimonial { background: var(--teal-deep); color: var(--oat); border-radius: var(--radius-lg); padding: 2.5rem 1.75rem; max-width: 820px; margin: 0 auto; } .testimonial .quote-mark { font-family: var(--font-display); font-size: 3rem; font-weight: 800; line-height: 1; color: var(--sand); opacity: 0.5; display: block; margin-bottom: 0.75rem; } .testimonial blockquote { margin: 0; } .testimonial blockquote p { font-family: var(--font-display); font-size: clamp(1.15rem, 2.5vw, 1.45rem); font-weight: 500; line-height: 1.45; margin-bottom: 1.5rem; } .testimonial cite { font-style: normal; font-size: 0.85rem; opacity: 0.75; } @media (min-width: 768px) { .testimonial { padding: 3.25rem 3rem; } } /* ---------- Process steps ---------- */ .steps { display: grid; gap: 1rem; } .step { background: var(--sand); border-radius: var(--radius-lg); padding: 1.6rem 1.5rem; } .step .step-num { font-family: var(--font-display); font-size: 1.4rem; font-weight: 800; color: var(--clay); display: block; margin-bottom: 0.6rem; } .step h3 { margin-bottom: 0.4rem; } .step p { margin: 0; font-size: 0.92rem; color: var(--ink-soft); } .step-live { background: var(--teal-deep); color: var(--oat); } .step-live .step-num { color: var(--sand); } .step-live p { color: var(--oat); opacity: 0.85; } @media (min-width: 640px) { .steps { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 960px) { .steps { grid-template-columns: repeat(4, 1fr); } } /* ---------- Audit form ---------- */ .audit-grid { display: grid; gap: 2.5rem; align-items: center; } .audit-grid .section-head-left { text-align: left; margin: 0; } @media (min-width: 900px) { .audit-grid { grid-template-columns: 1fr 1fr; gap: 4rem; } } .audit-card { background: var(--sand); border-radius: var(--radius-lg); padding: 2rem 1.5rem; max-width: 640px; margin: 0 auto; } @media (min-width: 900px) { .audit-card { max-width: none; margin: 0; } } .audit-form { display: grid; gap: 1.1rem; } .field label { display: block; font-weight: 600; font-size: 0.9rem; margin-bottom: 0.4rem; } .field .hint { font-weight: 400; color: var(--ink-soft); } .field input, .field textarea { width: 100%; font-family: var(--font-body); font-size: 1rem; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: 12px; padding: 0.8em 1em; } .field textarea { resize: vertical; min-height: 96px; } .field input:focus, .field textarea:focus { outline: 3px solid var(--teal); outline-offset: 1px; border-color: var(--teal); } .field .error { display: none; color: #9c3818; font-size: 0.85rem; margin-top: 0.35rem; } .field.invalid .error { display: block; } .field.invalid input { border-color: #9c3818; } .audit-form .btn { justify-self: start; } .form-note { font-size: 0.85rem; color: var(--ink-soft); margin: 1.25rem 0 0; text-align: center; } .audit-grid .form-note { text-align: left; } /* Honeypot. Off screen rather than display:none, since some bots skip anything a browser would not render at all. Never announced, never reachable by keyboard. */ .hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } /* Cloudflare Turnstile sits between the last field and the button. It is usually a slim "verifying" strip and sometimes nothing at all, so it gets no border or box of its own. */ .turnstile-field { margin: 1.5rem 0; min-height: 1px; } /* The audit form is a grid and already spaces its rows, so the margin here would only double up. The contact form is a plain block and needs it. */ .audit-form .turnstile-field { margin: 0; } .turnstile-field .form-note { text-align: left; margin-top: 0; } /* The line send.php or main.js writes back after a submit. */ .submit-note { margin-top: 1rem; text-align: left; } .submit-note.is-good { color: var(--teal-deep); font-weight: 600; } .submit-note.is-bad { color: #9c3818; font-weight: 600; } .audit-form button[disabled], .contact-form button[disabled] { opacity: 0.65; cursor: progress; } @media (min-width: 768px) { .audit-card { padding: 2.5rem 2.5rem; } } /* ---------- About ---------- */ .about-grid { display: grid; gap: 2.5rem; align-items: center; } .about-grid .section-head-left { text-align: left; margin: 0; } .about-badges { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1.5rem 0 0; padding: 0; list-style: none; } .about-badges li { font-size: 0.8rem; font-weight: 600; padding: 0.45em 1em; border: 1px solid var(--line); border-radius: var(--radius-pill); background: var(--sand-soft); } @media (min-width: 900px) { .about-grid { grid-template-columns: 1fr 1fr; gap: 4rem; } } /* ---------- Logo grid ---------- */ .logo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .logo-grid .logo-cell { /* Pure white, not --white: the logo JPGs carry a solid #fff background of their own, and the warm off-white shows as a pale rectangle behind each mark. Revert to var(--white) once the logos are re-exported with transparency. */ background: #fff; border-radius: var(--radius-md); overflow: hidden; display: flex; align-items: center; justify-content: center; } .logo-grid .logo-cell img { display: block; /* 70% of the cell, less 30% (0.7 x 0.7). */ width: 49%; height: auto; } @media (min-width: 640px) { .logo-grid { grid-template-columns: repeat(3, 1fr); } } /* ---------- FAQ accordion ---------- */ .faq { max-width: 640px; margin: 0 auto; display: grid; gap: 0.6rem; } .faq details { background: var(--sand); border-radius: var(--radius-md); } .faq summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.3rem; font-weight: 600; font-size: 0.95rem; min-height: 44px; } .faq summary::-webkit-details-marker { display: none; } .faq summary::after { content: "+"; font-family: var(--font-display); font-size: 1.3rem; font-weight: 700; color: var(--teal); flex: none; transition: transform 0.18s ease; } .faq details[open] summary::after { transform: rotate(45deg); } .faq details p { padding: 0 1.3rem 1.2rem; margin: 0; font-size: 0.93rem; color: var(--ink-soft); } /* ---------- Closing CTA ---------- */ .closing-cta { text-align: center; } .closing-cta .btn { margin-top: 0.5rem; } /* ---------- Footer ---------- */ .site-footer { border-top: 1px solid var(--line); padding: 3rem 0 2rem; font-size: 0.88rem; } .footer-top { display: grid; gap: 2rem; margin-bottom: 2.5rem; } .footer-brand img { height: 14px; width: auto; margin-bottom: 0.9rem; } .footer-brand p { color: var(--ink-soft); margin: 0; max-width: 26em; } .footer-col h3 { font-family: var(--font-body); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 0.8rem; } .footer-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.45rem; } .footer-col a { color: var(--ink); text-decoration: none; } .footer-col a:hover { color: var(--teal); text-decoration: underline; } .footer-bottom { border-top: 1px solid var(--line); padding-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; justify-content: space-between; color: var(--ink-soft); } .footer-bottom p { margin: 0; } @media (min-width: 768px) { .footer-top { grid-template-columns: 2fr 1fr 1fr; gap: 3rem; } } /* ---------- Service page helpers ---------- */ .page-hero { padding: 3.5rem 0 3rem; text-align: center; } .page-hero .lead { margin: 0 auto 1.5rem; } .page-hero .hero-ctas { margin-bottom: 0; } .prose { max-width: var(--wrap-narrow); margin: 0 auto; } .prose h2 { font-size: 1.6rem; margin-top: 2.25rem; } .prose p { color: var(--ink-soft); } .prose ul { color: var(--ink-soft); margin: 0 0 1rem; padding-left: 1.25rem; } .prose li { margin-bottom: 0.35rem; } .back-link { font-size: 0.9rem; font-weight: 600; } /* Platform deep-dive rows on the web development page */ .platform-row { display: grid; gap: 1.25rem; align-items: start; padding: 2.5rem 0; border-bottom: 1px solid var(--line); } .platform-row:last-of-type { border-bottom: none; } .platform-row h3 { font-size: 1.5rem; } .platform-row .platform-copy p { color: var(--ink-soft); } @media (min-width: 860px) { /* Heading across the top, then the paragraph and its checklist side by side. */ .platform-row { grid-template-columns: 1fr 1fr; gap: 1.25rem 3.5rem; } .platform-row h3 { grid-column: 1 / -1; margin-bottom: 0; } } /* ---------- Card hover ---------- */ /* A small lift, a slightly warmer ground and a soft shadow. Only on devices that genuinely hover, so a tap on a phone doesn't leave a card stuck in the hovered state. Reduced motion is handled by the global rule below, which flattens the transition but keeps the colour change. */ @media (hover: hover) { .card, .step, .spot-card { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, background-color 0.25s ease; } .card:hover, .step:hover, .spot-card:hover { transform: translateY(-4px); background: var(--sand-soft); box-shadow: 0 14px 28px -14px rgba(38, 36, 31, 0.22); } /* The teal chooser card lifts too, but lightens rather than warms. */ .spot-main:hover { background: var(--teal); } } /* ---------- Motion ---------- */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } html { scroll-behavior: auto !important; } } html { scroll-behavior: smooth; } /* ========================================================================== BLOB WASHES Large decorative blot forms sitting behind the content of selected sections at 15% opacity. Same Adobe Stock source as the hero decos (555957431, licensed 2026-08-28), different shapes so the page does not read as one stamp repeated. Delivered as ::before pseudo-elements rather than markup for two reasons: the scroll reveal in main.js walks the children of each section's .wrap and forces opacity to 1 on them, which would override the 15%; and this way the washes reach all eight pages from the stylesheet alone. Deleting this whole block returns the site to plain sections. ========================================================================== */ .section { position: relative; } /* Content sits above the wash. */ .section > .wrap { position: relative; z-index: 1; } .section::before { content: ""; position: absolute; top: 50%; z-index: 0; width: clamp(300px, 40vw, 580px); aspect-ratio: 1; opacity: 0.15; background-repeat: no-repeat; background-size: contain; background-position: center; pointer-events: none; display: none; /* only the sections listed below opt in */ } #websites::before, #why::before, #process::before, #about::before, #faq::before, .closing-cta::before, #platforms::before, #fronts::before, #help::before, #pieces::before, #writing::before, #covered::before, #contact-form::before { display: block; } #websites::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%209.40%2058.10%20C%2010.47%2062.63%2012.43%2066.88%2014.79%2070.88%20C%2017.08%2074.78%2019.69%2078.54%2022.52%2082.07%20C%2025.15%2085.38%2028.08%2088.53%2031.51%2091.04%20C%2035.13%2093.69%2039.20%2095.44%2043.63%2096.17%20C%2046.10%2096.57%2048.62%2096.68%2051.12%2096.66%20C%2053.34%2096.65%2055.57%2096.53%2057.78%2096.23%20C%2062.02%2095.66%2066.27%2094.38%2069.74%2091.79%20C%2076.20%2086.97%2078.44%2078.60%2079.50%2070.99%20C%2080.15%2066.25%2080.47%2061.44%2080.73%2056.66%20C%2081.02%2051.46%2081.15%2046.25%2081.13%2041.04%20C%2081.12%2038.40%2081.06%2035.76%2080.97%2033.13%20C%2080.89%2030.90%2080.82%2028.67%2080.57%2026.45%20C%2080.18%2022.93%2079.33%2019.40%2077.60%2016.29%20C%2075.80%2013.07%2073.11%2010.54%2069.95%208.67%20C%2066.38%206.54%2062.45%204.80%2058.32%204.11%20C%2056.30%203.77%2054.19%203.71%2052.18%204.17%20C%2050.28%204.60%2048.56%205.53%2047.06%206.76%20C%2044.04%209.25%2041.90%2012.59%2039.46%2015.61%20C%2036.70%2019.03%2033.33%2021.82%2029.74%2024.32%20C%2026.05%2026.89%2022.16%2029.19%2018.56%2031.90%20C%2015.32%2034.32%2012.64%2037.37%2010.88%2041.03%20C%209.23%2044.49%208.51%2048.34%208.61%2052.16%20C%208.66%2054.16%208.94%2056.14%209.40%2058.10%20C%209.57%2058.81%208.46%2059.12%208.29%2058.40%20C%207.35%2054.39%207.16%2050.21%207.98%2046.16%20C%208.77%2042.24%2010.54%2038.57%2013.08%2035.48%20C%2015.91%2032.05%2019.70%2029.59%2023.38%2027.17%20C%2027.22%2024.65%2031.12%2022.20%2034.54%2019.13%20C%2036.18%2017.66%2037.66%2016.05%2039.02%2014.33%20C%2040.27%2012.75%2041.46%2011.12%2042.74%209.56%20C%2045.29%206.48%2048.37%203.70%2052.43%202.95%20C%2056.71%202.16%2061.16%203.30%2065.11%204.94%20C%2068.82%206.49%2072.52%208.50%2075.36%2011.40%20C%2077.89%2013.98%2079.62%2017.20%2080.62%2020.66%20C%2081.77%2024.66%2081.96%2028.82%2082.11%2032.94%20C%2082.49%2043.73%2082.21%2054.53%2081.26%2065.28%20C%2080.55%2073.31%2079.46%2082.08%2074.43%2088.69%20C%2071.84%2092.09%2068.32%2094.50%2064.28%2095.90%20C%2060.02%2097.38%2055.43%2097.79%2050.94%2097.81%20C%2045.98%2097.84%2040.99%2097.27%2036.42%2095.24%20C%2032.47%2093.48%2029.00%2090.78%2025.97%2087.71%20C%2022.85%2084.57%2020.16%2081.02%2017.64%2077.40%20C%2014.89%2073.45%2012.34%2069.33%2010.45%2064.89%20C%209.56%2062.79%208.82%2060.62%208.29%2058.40%20C%208.12%2057.68%209.23%2057.38%209.40%2058.10%22%20fill%3D%22%23C0693A%22%2F%3E%3Cpath%20d%3D%22M%200.20%2046.44%20L%200.20%2046.44%20C%200.00%2049.83%200.01%2053.27%200.88%2056.56%20C%203.01%2064.58%209.88%2070.40%2016.87%2074.87%20C%2024.14%2079.53%2032.08%2083.36%2040.58%2084.90%20C%2049.08%2086.44%2058.21%2085.53%2065.69%2081.21%20C%2084.50%2070.35%20100.00%2028.14%2081.16%2011.68%20C%2074.16%205.57%2067.50%209.79%2061.00%2014.40%20C%2051.77%2020.95%2042.64%2027.91%2030.77%2027.74%20C%2023.69%2027.64%2015.91%2025.22%209.18%2028.52%20C%202.40%2031.85%200.61%2039.50%200.20%2046.44%22%20fill%3D%22%23C0693A%22%2F%3E%3C%2Fsvg%3E"); left: -14%; transform: translateY(-50%) rotate(-14deg); } #why::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%2027.41%2076.70%20C%2023.36%2075.58%2019.93%2072.67%2017.20%2069.58%20C%2014.52%2066.54%2012.42%2063.03%2010.98%2059.26%20C%208.03%2051.56%208.10%2042.98%2011.13%2035.32%20C%2012.63%2031.52%2014.80%2028.00%2017.55%2024.99%20C%2019.00%2023.40%2020.62%2021.93%2022.42%2020.74%20C%2024.28%2019.50%2026.36%2018.66%2028.55%2018.26%20C%2033.02%2017.43%2037.64%2018.14%2041.98%2019.31%20C%2046.40%2020.51%2050.65%2022.22%2055.02%2023.58%20C%2057.16%2024.24%2059.33%2024.78%2061.52%2025.23%20C%2063.67%2025.67%2065.83%2026.09%2067.90%2026.83%20C%2069.95%2027.56%2071.81%2028.63%2073.45%2030.06%20C%2075.03%2031.43%2076.39%2033.05%2077.67%2034.69%20C%2082.39%2040.73%2086.38%2047.50%2088.81%2054.79%20C%2091.19%2061.91%2091.99%2069.98%2088.58%2076.91%20C%2086.98%2080.15%2084.45%2082.97%2081.26%2084.70%20C%2078.02%2086.45%2074.14%2087.03%2070.54%2086.25%20C%2064.14%2084.87%2060.68%2078.69%2055.09%2075.84%20C%2051.65%2074.08%2047.75%2074.31%2044.06%2075.02%20C%2040.32%2075.75%2036.65%2076.93%2032.82%2077.18%20C%2031.01%2077.29%2029.17%2077.17%2027.41%2076.70%20C%2026.84%2076.54%2027.08%2075.66%2027.65%2075.81%20C%2031.27%2076.79%2035.02%2076.12%2038.61%2075.31%20C%2042.21%2074.49%2045.87%2073.44%2049.60%2073.56%20C%2051.42%2073.62%2053.22%2074.00%2054.89%2074.73%20C%2056.43%2075.41%2057.84%2076.40%2059.16%2077.44%20C%2061.50%2079.31%2063.53%2081.56%2066.00%2083.25%20C%2067.23%2084.09%2068.56%2084.76%2069.99%2085.17%20C%2071.68%2085.65%2073.46%2085.76%2075.21%2085.60%20C%2078.74%2085.28%2082.04%2083.61%2084.52%2081.09%20C%2089.76%2075.77%2090.74%2067.86%2089.44%2060.80%20C%2088.05%2053.27%2084.52%2046.20%2080.30%2039.88%20C%2079.33%2038.42%2078.30%2036.99%2077.22%2035.60%20C%2075.99%2034.00%2074.70%2032.43%2073.20%2031.06%20C%2071.62%2029.61%2069.81%2028.50%2067.78%2027.76%20C%2065.77%2027.02%2063.65%2026.60%2061.55%2026.17%20C%2059.40%2025.73%2057.28%2025.22%2055.18%2024.59%20C%2053.06%2023.94%2050.96%2023.20%2048.86%2022.47%20C%2044.70%2021.03%2040.48%2019.59%2036.09%2019.04%20C%2031.65%2018.49%2027.08%2018.88%2023.22%2021.31%20C%2019.79%2023.47%2016.95%2026.70%2014.80%2030.10%20C%2010.52%2036.87%208.76%2045.16%2010.19%2053.06%20C%2011.60%2060.84%2015.91%2068.34%2022.30%2073.08%20C%2023.92%2074.28%2025.70%2075.28%2027.65%2075.81%20C%2028.22%2075.97%2027.98%2076.85%2027.41%2076.70%22%20fill%3D%22%232F6D62%22%2F%3E%3Cpath%20d%3D%22M%2058.87%2085.51%20C%2067.69%2086.51%2076.94%2086.80%2085.10%2083.32%20C%2093.26%2079.83%20100.00%2071.65%2099.24%2062.81%20C%2099.07%2060.82%2098.51%2058.82%2097.30%2057.24%20C%2096.31%2055.94%2094.94%2054.99%2093.55%2054.14%20C%2088.07%2050.82%2081.88%2048.85%2076.26%2045.76%20C%2070.64%2042.67%2065.36%2038.05%2063.81%2031.84%20C%2062.56%2026.85%2063.59%2020.62%2058.84%2017.30%20C%2054.22%2014.08%2045.30%2014.04%2039.85%2013.61%20C%2031.95%2012.97%2022.94%2013.20%2016.59%2018.63%20C%200.00%2032.80%208.09%2062.26%2023.45%2073.58%20C%2033.61%2081.08%2046.53%2084.10%2058.87%2085.51%22%20fill%3D%22%232F6D62%22%2F%3E%3C%2Fsvg%3E"); right: -14%; transform: translateY(-50%) rotate(9deg); } #process::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%208.48%2060.08%20C%207.58%2069.11%2010.31%2078.55%2016.24%2085.48%20C%2019.34%2089.11%2023.26%2091.87%2027.63%2093.78%20C%2032.23%2095.79%2037.22%2096.87%2042.18%2097.49%20C%2047.27%2098.13%2052.46%2098.45%2057.58%2098.25%20C%2062.66%2098.06%2067.82%2097.24%2072.43%2095.00%20C%2076.34%2093.09%2079.68%2090.19%2082.22%2086.66%20C%2084.75%2083.14%2086.52%2079.14%2087.69%2074.98%20C%2090.44%2065.26%2089.69%2055.15%2088.42%2045.25%20C%2087.67%2039.46%2086.75%2033.69%2086.21%2027.88%20C%2085.98%2025.49%2085.81%2023.10%2085.76%2020.71%20C%2085.73%2019.13%2085.73%2017.54%2085.68%2015.96%20C%2085.57%2012.85%2085.35%209.54%2084.08%206.66%20C%2083.51%205.38%2082.70%204.17%2081.57%203.31%20C%2080.31%202.38%2078.77%201.93%2077.23%201.85%20C%2072.88%201.61%2068.68%203.84%2065.11%206.08%20C%2061.41%208.41%2058.02%2011.18%2054.45%2013.69%20C%2045.32%2020.07%2035.24%2024.93%2026.16%2031.38%20C%2018.56%2036.78%2012.53%2044.45%209.82%2053.44%20C%209.17%2055.60%208.71%2057.83%208.48%2060.08%20C%208.39%2060.90%207.10%2060.91%207.18%2060.08%20C%208.18%2050.46%2012.95%2041.57%2019.88%2034.89%20C%2023.67%2031.24%2028.14%2028.36%2032.61%2025.60%20C%2037.47%2022.60%2042.46%2019.81%2047.33%2016.80%20C%2049.72%2015.32%2052.09%2013.79%2054.38%2012.16%20C%2056.12%2010.92%2057.81%209.62%2059.53%208.36%20C%2063.28%205.61%2067.25%202.86%2071.70%201.40%20C%2075.22%200.24%2079.44%200.00%2082.50%202.41%20C%2084.99%204.38%2086.03%207.63%2086.50%2010.66%20C%2087.03%2013.95%2086.99%2017.29%2087.05%2020.62%20C%2087.16%2026.06%2087.84%2031.48%2088.57%2036.86%20C%2090.04%2047.63%2091.90%2058.61%2090.21%2069.47%20C%2088.86%2078.11%2085.29%2086.92%2078.42%2092.64%20C%2070.28%2099.43%2059.33%20100.00%2049.20%2099.41%20C%2039.07%2098.81%2028.29%2097.16%2020.00%2090.82%20C%2012.54%2085.11%208.06%2076.12%207.17%2066.84%20C%206.95%2064.60%206.96%2062.33%207.18%2060.08%20C%207.26%2059.26%208.56%2059.26%208.48%2060.08%22%20fill%3D%22%232F6D62%22%2F%3E%3Cpath%20d%3D%22M%2049.87%205.60%20C%2049.87%205.60%2049.87%205.60%2049.87%205.60%20C%2038.52%2012.40%2035.79%2028.67%2028.23%2040.32%20C%2023.65%2047.37%2017.17%2052.78%2012.13%2059.48%20C%208.73%2064.01%205.98%2069.69%205.45%2075.08%20C%205.20%2077.67%205.46%2080.19%206.41%2082.49%20C%208.55%2087.65%2013.56%2090.31%2018.27%2092.65%20C%2023.66%2095.33%2029.34%2098.06%2035.58%2097.49%20C%2043.77%2096.75%2051.20%2090.51%2059.08%2086.91%20C%2076.81%2078.81%2091.34%2078.07%2093.39%2053.13%20C%2094.80%2035.94%2088.42%2016.58%2075.98%207.43%20C%2068.83%202.17%2058.68%200.32%2049.87%205.60%22%20fill%3D%22%232F6D62%22%2F%3E%3C%2Fsvg%3E"); left: -14%; transform: translateY(-50%) rotate(17deg); } #about::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%2058.22%2010.58%20C%2049.50%208.57%2040.18%207.78%2031.40%209.93%20C%2027.08%2010.99%2022.96%2012.80%2019.37%2015.44%20C%2015.83%2018.06%2012.90%2021.47%2010.64%2025.23%20C%205.51%2033.75%203.92%2043.80%204.11%2053.62%20C%204.16%2056.25%204.32%2058.89%204.58%2061.51%20C%204.80%2063.76%205.12%2066.16%206.63%2067.95%20C%209.05%2070.85%2013.23%2071.25%2016.75%2071.46%20C%2018.75%2071.58%2020.75%2071.61%2022.75%2071.84%20C%2025.01%2072.09%2027.25%2072.55%2029.45%2073.16%20C%2033.95%2074.40%2038.27%2076.21%2042.59%2077.96%20C%2046.85%2079.69%2051.16%2081.38%2055.66%2082.39%20C%2060.69%2083.52%2065.79%2083.53%2070.88%2082.70%20C%2073.53%2082.27%2076.15%2081.67%2078.75%2080.99%20C%2081.24%2080.35%2083.76%2079.72%2086.19%2078.91%20C%2088.43%2078.16%2090.47%2077.04%2091.93%2075.14%20C%2093.27%2073.39%2094.10%2071.28%2094.69%2069.17%20C%2096.83%2061.56%2095.40%2053.15%2091.31%2046.44%20C%2089.26%2043.08%2086.53%2040.15%2083.26%2037.95%20C%2079.54%2035.44%2075.58%2033.27%2072.03%2030.51%20C%2070.23%2029.11%2068.55%2027.54%2067.11%2025.77%20C%2065.98%2024.39%2065.16%2022.94%2064.65%2021.24%20C%2064.20%2019.77%2063.96%2018.25%2063.61%2016.75%20C%2063.30%2015.39%2062.90%2014.00%2062.05%2012.87%20C%2061.12%2011.61%2059.71%2010.94%2058.22%2010.58%20C%2057.56%2010.42%2057.84%209.41%2058.50%209.56%20C%2060.15%209.96%2061.70%2010.74%2062.77%2012.09%20C%2063.69%2013.25%2064.19%2014.67%2064.54%2016.10%20C%2064.92%2017.64%2065.16%2019.23%2065.60%2020.76%20C%2066.11%2022.50%2066.94%2023.93%2068.09%2025.32%20C%2071.10%2028.90%2075.01%2031.48%2078.94%2033.94%20C%2080.82%2035.12%2082.75%2036.26%2084.55%2037.56%20C%2086.22%2038.76%2087.75%2040.14%2089.10%2041.68%20C%2094.46%2047.74%2097.27%2056.02%2096.65%2064.09%20C%2096.49%2066.11%2096.13%2068.13%2095.53%2070.07%20C%2094.86%2072.23%2093.93%2074.35%2092.49%2076.12%20C%2090.96%2077.98%2088.87%2079.11%2086.62%2079.87%20C%2084.09%2080.74%2081.45%2081.38%2078.86%2082.05%20C%2073.59%2083.41%2068.17%2084.51%2062.71%2084.36%20C%2057.88%2084.22%2053.18%2083.02%2048.65%2081.42%20C%2039.74%2078.27%2031.13%2073.51%2021.56%2072.78%20C%2017.66%2072.48%2013.52%2072.72%209.80%2071.33%20C%208.09%2070.68%206.56%2069.67%205.48%2068.18%20C%204.07%2066.25%203.75%2063.82%203.52%2061.51%20C%202.51%2051.13%202.82%2040.26%206.84%2030.49%20C%208.57%2026.28%2010.92%2022.33%2013.98%2018.94%20C%2016.99%2015.60%2020.68%2012.91%2024.79%2011.08%20C%2033.24%207.30%2042.83%207.02%2051.87%208.32%20C%2054.10%208.64%2056.31%209.06%2058.50%209.56%20C%2059.16%209.72%2058.88%2010.73%2058.22%2010.58%22%20fill%3D%22%23C0693A%22%2F%3E%3Cpath%20d%3D%22M%206.91%2028.99%20C%206.91%2028.99%206.91%2028.99%206.91%2028.99%20C%203.83%2031.42%200.77%2034.48%200.28%2038.73%20C%200.00%2041.14%200.59%2043.65%201.28%2046.06%20C%203.22%2052.88%206.50%2060.17%2012.51%2063.16%20C%2018.97%2066.37%2025.70%2063.54%2032.02%2062.81%20C%2040.78%2061.80%2045.12%2065.90%2051.56%2072.57%20C%2059.62%2080.93%2075.81%2092.98%2085.24%2082.96%20C%20100.00%2067.30%2081.90%2024.87%2063.79%2017.34%20C%2045.14%209.59%2021.19%2017.73%206.91%2028.99%22%20fill%3D%22%23C0693A%22%2F%3E%3C%2Fsvg%3E"); right: -14%; transform: translateY(-50%) rotate(-10deg); } #faq::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%2072.75%2019.25%20C%2069.44%2015.55%2065.67%2012.18%2061.24%209.87%20C%2056.38%207.33%2050.98%206.54%2045.55%206.84%20C%2040.24%207.12%2034.92%208.20%2029.80%209.61%20C%2025.19%2010.88%2020.64%2012.64%2016.75%2015.49%20C%208.35%2021.65%205.90%2032.20%204.08%2041.88%20C%203.00%2047.66%202.20%2053.50%201.71%2059.37%20C%201.28%2064.59%201.01%2069.88%201.58%2075.10%20C%202.12%2080.07%203.49%2085.10%206.29%2089.29%20C%207.54%2091.17%209.17%2092.89%2011.19%2093.95%20C%2013.12%2094.96%2015.34%2095.15%2017.41%2094.48%20C%2019.44%2093.82%2021.17%2092.45%2022.66%2090.96%20C%2024.26%2089.37%2025.66%2087.58%2027.03%2085.79%20C%2029.95%2082.00%2033.20%2078.31%2037.40%2075.90%20C%2039.57%2074.66%2041.95%2073.83%2044.42%2073.49%20C%2047.07%2073.14%2049.75%2073.34%2052.37%2073.85%20C%2057.70%2074.91%2062.63%2077.23%2067.62%2079.29%20C%2071.98%2081.09%2076.59%2082.66%2081.34%2082.90%20C%2083.65%2083.01%2085.97%2082.79%2088.18%2082.09%20C%2090.47%2081.35%2092.58%2080.08%2094.34%2078.45%20C%2095.80%2077.09%2097.00%2075.43%2097.55%2073.49%20C%2098.07%2071.61%2097.95%2069.64%2097.48%2067.77%20C%2096.85%2065.33%2095.69%2063.05%2094.59%2060.80%20C%2093.41%2058.37%2092.16%2055.98%2090.95%2053.57%20C%2089.75%2051.15%2088.59%2048.71%2087.59%2046.20%20C%2086.60%2043.74%2085.81%2041.21%2084.80%2038.76%20C%2082.85%2034.00%2080.40%2029.43%2077.46%2025.21%20C%2076.02%2023.13%2074.44%2021.14%2072.75%2019.25%20C%2072.25%2018.69%2073.08%2017.87%2073.58%2018.43%20C%2077.12%2022.39%2080.15%2026.79%2082.66%2031.47%20C%2083.89%2033.79%2085.00%2036.17%2085.99%2038.60%20C%2087.02%2041.11%2087.82%2043.70%2088.84%2046.21%20C%2090.95%2051.39%2093.73%2056.26%2096.13%2061.30%20C%2098.02%2065.28%20100.00%2069.69%2098.57%2074.14%20C%2097.19%2078.44%2093.05%2081.63%2088.92%2083.07%20C%2084.31%2084.68%2079.26%2084.19%2074.63%2082.95%20C%2069.67%2081.63%2065.07%2079.36%2060.30%2077.51%20C%2055.15%2075.50%2049.48%2073.76%2043.91%2074.75%20C%2038.89%2075.63%2034.77%2078.71%2031.38%2082.37%20C%2028.19%2085.82%2025.75%2089.99%2022.13%2093.03%20C%2020.45%2094.44%2018.51%2095.60%2016.32%2095.93%20C%2014.05%2096.28%2011.80%2095.75%209.86%2094.53%20C%205.72%2091.92%203.29%2087.09%201.89%2082.55%20C%200.35%2077.53%200.00%2072.20%200.11%2066.98%20C%200.24%2061.21%200.83%2055.43%201.63%2049.71%20C%202.41%2044.10%203.38%2038.46%204.85%2032.98%20C%206.16%2028.08%208.04%2023.25%2011.20%2019.23%20C%2017.48%2011.25%2028.00%208.42%2037.54%206.68%20C%2043.19%205.64%2049.05%205.09%2054.72%206.29%20C%2059.78%207.35%2064.32%209.94%2068.26%2013.23%20C%2070.16%2014.82%2071.92%2016.58%2073.58%2018.43%20C%2074.08%2018.98%2073.25%2019.81%2072.75%2019.25%22%20fill%3D%22%23C0693A%22%2F%3E%3Cpath%20d%3D%22M%205.81%2043.50%20L%205.81%2043.50%20C%204.14%2051.13%202.96%2059.00%203.93%2066.75%20C%204.91%2074.50%208.23%2082.20%2014.27%2087.16%20C%2015.73%2088.36%2017.38%2089.41%2019.23%2089.81%20C%2021.09%2090.22%2023.04%2089.96%2024.90%2089.53%20C%2033.40%2087.56%2041.22%2082.11%2049.94%2082.48%20C%2055.29%2082.70%2060.27%2085.11%2065.37%2086.77%20C%2070.47%2088.42%2076.35%2089.25%2080.96%2086.52%20C%2086.44%2083.27%2088.23%2076.03%2087.55%2069.69%20C%2086.86%2063.36%2084.26%2057.39%2083.07%2051.14%20C%2081.91%2045.03%2082.10%2038.67%2083.65%2032.65%20C%2084.61%2028.88%2086.11%2025.04%2085.35%2021.23%20C%2083.96%2014.21%2075.94%2010.91%2068.94%209.44%20C%2056.92%206.92%2038.43%203.72%2026.64%209.00%20C%2014.06%2014.63%208.49%2031.27%205.81%2043.50%22%20fill%3D%22%23C0693A%22%2F%3E%3C%2Fsvg%3E"); left: -14%; transform: translateY(-50%) rotate(6deg); } .closing-cta::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%209.40%2058.10%20C%2010.47%2062.63%2012.43%2066.88%2014.79%2070.88%20C%2017.08%2074.78%2019.69%2078.54%2022.52%2082.07%20C%2025.15%2085.38%2028.08%2088.53%2031.51%2091.04%20C%2035.13%2093.69%2039.20%2095.44%2043.63%2096.17%20C%2046.10%2096.57%2048.62%2096.68%2051.12%2096.66%20C%2053.34%2096.65%2055.57%2096.53%2057.78%2096.23%20C%2062.02%2095.66%2066.27%2094.38%2069.74%2091.79%20C%2076.20%2086.97%2078.44%2078.60%2079.50%2070.99%20C%2080.15%2066.25%2080.47%2061.44%2080.73%2056.66%20C%2081.02%2051.46%2081.15%2046.25%2081.13%2041.04%20C%2081.12%2038.40%2081.06%2035.76%2080.97%2033.13%20C%2080.89%2030.90%2080.82%2028.67%2080.57%2026.45%20C%2080.18%2022.93%2079.33%2019.40%2077.60%2016.29%20C%2075.80%2013.07%2073.11%2010.54%2069.95%208.67%20C%2066.38%206.54%2062.45%204.80%2058.32%204.11%20C%2056.30%203.77%2054.19%203.71%2052.18%204.17%20C%2050.28%204.60%2048.56%205.53%2047.06%206.76%20C%2044.04%209.25%2041.90%2012.59%2039.46%2015.61%20C%2036.70%2019.03%2033.33%2021.82%2029.74%2024.32%20C%2026.05%2026.89%2022.16%2029.19%2018.56%2031.90%20C%2015.32%2034.32%2012.64%2037.37%2010.88%2041.03%20C%209.23%2044.49%208.51%2048.34%208.61%2052.16%20C%208.66%2054.16%208.94%2056.14%209.40%2058.10%20C%209.57%2058.81%208.46%2059.12%208.29%2058.40%20C%207.35%2054.39%207.16%2050.21%207.98%2046.16%20C%208.77%2042.24%2010.54%2038.57%2013.08%2035.48%20C%2015.91%2032.05%2019.70%2029.59%2023.38%2027.17%20C%2027.22%2024.65%2031.12%2022.20%2034.54%2019.13%20C%2036.18%2017.66%2037.66%2016.05%2039.02%2014.33%20C%2040.27%2012.75%2041.46%2011.12%2042.74%209.56%20C%2045.29%206.48%2048.37%203.70%2052.43%202.95%20C%2056.71%202.16%2061.16%203.30%2065.11%204.94%20C%2068.82%206.49%2072.52%208.50%2075.36%2011.40%20C%2077.89%2013.98%2079.62%2017.20%2080.62%2020.66%20C%2081.77%2024.66%2081.96%2028.82%2082.11%2032.94%20C%2082.49%2043.73%2082.21%2054.53%2081.26%2065.28%20C%2080.55%2073.31%2079.46%2082.08%2074.43%2088.69%20C%2071.84%2092.09%2068.32%2094.50%2064.28%2095.90%20C%2060.02%2097.38%2055.43%2097.79%2050.94%2097.81%20C%2045.98%2097.84%2040.99%2097.27%2036.42%2095.24%20C%2032.47%2093.48%2029.00%2090.78%2025.97%2087.71%20C%2022.85%2084.57%2020.16%2081.02%2017.64%2077.40%20C%2014.89%2073.45%2012.34%2069.33%2010.45%2064.89%20C%209.56%2062.79%208.82%2060.62%208.29%2058.40%20C%208.12%2057.68%209.23%2057.38%209.40%2058.10%22%20fill%3D%22%232F6D62%22%2F%3E%3Cpath%20d%3D%22M%200.20%2046.44%20L%200.20%2046.44%20C%200.00%2049.83%200.01%2053.27%200.88%2056.56%20C%203.01%2064.58%209.88%2070.40%2016.87%2074.87%20C%2024.14%2079.53%2032.08%2083.36%2040.58%2084.90%20C%2049.08%2086.44%2058.21%2085.53%2065.69%2081.21%20C%2084.50%2070.35%20100.00%2028.14%2081.16%2011.68%20C%2074.16%205.57%2067.50%209.79%2061.00%2014.40%20C%2051.77%2020.95%2042.64%2027.91%2030.77%2027.74%20C%2023.69%2027.64%2015.91%2025.22%209.18%2028.52%20C%202.40%2031.85%200.61%2039.50%200.20%2046.44%22%20fill%3D%22%232F6D62%22%2F%3E%3C%2Fsvg%3E"); right: -14%; transform: translateY(-50%) rotate(-18deg); } #platforms::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%2027.41%2076.70%20C%2023.36%2075.58%2019.93%2072.67%2017.20%2069.58%20C%2014.52%2066.54%2012.42%2063.03%2010.98%2059.26%20C%208.03%2051.56%208.10%2042.98%2011.13%2035.32%20C%2012.63%2031.52%2014.80%2028.00%2017.55%2024.99%20C%2019.00%2023.40%2020.62%2021.93%2022.42%2020.74%20C%2024.28%2019.50%2026.36%2018.66%2028.55%2018.26%20C%2033.02%2017.43%2037.64%2018.14%2041.98%2019.31%20C%2046.40%2020.51%2050.65%2022.22%2055.02%2023.58%20C%2057.16%2024.24%2059.33%2024.78%2061.52%2025.23%20C%2063.67%2025.67%2065.83%2026.09%2067.90%2026.83%20C%2069.95%2027.56%2071.81%2028.63%2073.45%2030.06%20C%2075.03%2031.43%2076.39%2033.05%2077.67%2034.69%20C%2082.39%2040.73%2086.38%2047.50%2088.81%2054.79%20C%2091.19%2061.91%2091.99%2069.98%2088.58%2076.91%20C%2086.98%2080.15%2084.45%2082.97%2081.26%2084.70%20C%2078.02%2086.45%2074.14%2087.03%2070.54%2086.25%20C%2064.14%2084.87%2060.68%2078.69%2055.09%2075.84%20C%2051.65%2074.08%2047.75%2074.31%2044.06%2075.02%20C%2040.32%2075.75%2036.65%2076.93%2032.82%2077.18%20C%2031.01%2077.29%2029.17%2077.17%2027.41%2076.70%20C%2026.84%2076.54%2027.08%2075.66%2027.65%2075.81%20C%2031.27%2076.79%2035.02%2076.12%2038.61%2075.31%20C%2042.21%2074.49%2045.87%2073.44%2049.60%2073.56%20C%2051.42%2073.62%2053.22%2074.00%2054.89%2074.73%20C%2056.43%2075.41%2057.84%2076.40%2059.16%2077.44%20C%2061.50%2079.31%2063.53%2081.56%2066.00%2083.25%20C%2067.23%2084.09%2068.56%2084.76%2069.99%2085.17%20C%2071.68%2085.65%2073.46%2085.76%2075.21%2085.60%20C%2078.74%2085.28%2082.04%2083.61%2084.52%2081.09%20C%2089.76%2075.77%2090.74%2067.86%2089.44%2060.80%20C%2088.05%2053.27%2084.52%2046.20%2080.30%2039.88%20C%2079.33%2038.42%2078.30%2036.99%2077.22%2035.60%20C%2075.99%2034.00%2074.70%2032.43%2073.20%2031.06%20C%2071.62%2029.61%2069.81%2028.50%2067.78%2027.76%20C%2065.77%2027.02%2063.65%2026.60%2061.55%2026.17%20C%2059.40%2025.73%2057.28%2025.22%2055.18%2024.59%20C%2053.06%2023.94%2050.96%2023.20%2048.86%2022.47%20C%2044.70%2021.03%2040.48%2019.59%2036.09%2019.04%20C%2031.65%2018.49%2027.08%2018.88%2023.22%2021.31%20C%2019.79%2023.47%2016.95%2026.70%2014.80%2030.10%20C%2010.52%2036.87%208.76%2045.16%2010.19%2053.06%20C%2011.60%2060.84%2015.91%2068.34%2022.30%2073.08%20C%2023.92%2074.28%2025.70%2075.28%2027.65%2075.81%20C%2028.22%2075.97%2027.98%2076.85%2027.41%2076.70%22%20fill%3D%22%232F6D62%22%2F%3E%3Cpath%20d%3D%22M%2058.87%2085.51%20C%2067.69%2086.51%2076.94%2086.80%2085.10%2083.32%20C%2093.26%2079.83%20100.00%2071.65%2099.24%2062.81%20C%2099.07%2060.82%2098.51%2058.82%2097.30%2057.24%20C%2096.31%2055.94%2094.94%2054.99%2093.55%2054.14%20C%2088.07%2050.82%2081.88%2048.85%2076.26%2045.76%20C%2070.64%2042.67%2065.36%2038.05%2063.81%2031.84%20C%2062.56%2026.85%2063.59%2020.62%2058.84%2017.30%20C%2054.22%2014.08%2045.30%2014.04%2039.85%2013.61%20C%2031.95%2012.97%2022.94%2013.20%2016.59%2018.63%20C%200.00%2032.80%208.09%2062.26%2023.45%2073.58%20C%2033.61%2081.08%2046.53%2084.10%2058.87%2085.51%22%20fill%3D%22%232F6D62%22%2F%3E%3C%2Fsvg%3E"); right: -14%; transform: translateY(-50%) rotate(12deg); } #fronts::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%208.48%2060.08%20C%207.58%2069.11%2010.31%2078.55%2016.24%2085.48%20C%2019.34%2089.11%2023.26%2091.87%2027.63%2093.78%20C%2032.23%2095.79%2037.22%2096.87%2042.18%2097.49%20C%2047.27%2098.13%2052.46%2098.45%2057.58%2098.25%20C%2062.66%2098.06%2067.82%2097.24%2072.43%2095.00%20C%2076.34%2093.09%2079.68%2090.19%2082.22%2086.66%20C%2084.75%2083.14%2086.52%2079.14%2087.69%2074.98%20C%2090.44%2065.26%2089.69%2055.15%2088.42%2045.25%20C%2087.67%2039.46%2086.75%2033.69%2086.21%2027.88%20C%2085.98%2025.49%2085.81%2023.10%2085.76%2020.71%20C%2085.73%2019.13%2085.73%2017.54%2085.68%2015.96%20C%2085.57%2012.85%2085.35%209.54%2084.08%206.66%20C%2083.51%205.38%2082.70%204.17%2081.57%203.31%20C%2080.31%202.38%2078.77%201.93%2077.23%201.85%20C%2072.88%201.61%2068.68%203.84%2065.11%206.08%20C%2061.41%208.41%2058.02%2011.18%2054.45%2013.69%20C%2045.32%2020.07%2035.24%2024.93%2026.16%2031.38%20C%2018.56%2036.78%2012.53%2044.45%209.82%2053.44%20C%209.17%2055.60%208.71%2057.83%208.48%2060.08%20C%208.39%2060.90%207.10%2060.91%207.18%2060.08%20C%208.18%2050.46%2012.95%2041.57%2019.88%2034.89%20C%2023.67%2031.24%2028.14%2028.36%2032.61%2025.60%20C%2037.47%2022.60%2042.46%2019.81%2047.33%2016.80%20C%2049.72%2015.32%2052.09%2013.79%2054.38%2012.16%20C%2056.12%2010.92%2057.81%209.62%2059.53%208.36%20C%2063.28%205.61%2067.25%202.86%2071.70%201.40%20C%2075.22%200.24%2079.44%200.00%2082.50%202.41%20C%2084.99%204.38%2086.03%207.63%2086.50%2010.66%20C%2087.03%2013.95%2086.99%2017.29%2087.05%2020.62%20C%2087.16%2026.06%2087.84%2031.48%2088.57%2036.86%20C%2090.04%2047.63%2091.90%2058.61%2090.21%2069.47%20C%2088.86%2078.11%2085.29%2086.92%2078.42%2092.64%20C%2070.28%2099.43%2059.33%20100.00%2049.20%2099.41%20C%2039.07%2098.81%2028.29%2097.16%2020.00%2090.82%20C%2012.54%2085.11%208.06%2076.12%207.17%2066.84%20C%206.95%2064.60%206.96%2062.33%207.18%2060.08%20C%207.26%2059.26%208.56%2059.26%208.48%2060.08%22%20fill%3D%22%23C0693A%22%2F%3E%3Cpath%20d%3D%22M%2049.87%205.60%20C%2049.87%205.60%2049.87%205.60%2049.87%205.60%20C%2038.52%2012.40%2035.79%2028.67%2028.23%2040.32%20C%2023.65%2047.37%2017.17%2052.78%2012.13%2059.48%20C%208.73%2064.01%205.98%2069.69%205.45%2075.08%20C%205.20%2077.67%205.46%2080.19%206.41%2082.49%20C%208.55%2087.65%2013.56%2090.31%2018.27%2092.65%20C%2023.66%2095.33%2029.34%2098.06%2035.58%2097.49%20C%2043.77%2096.75%2051.20%2090.51%2059.08%2086.91%20C%2076.81%2078.81%2091.34%2078.07%2093.39%2053.13%20C%2094.80%2035.94%2088.42%2016.58%2075.98%207.43%20C%2068.83%202.17%2058.68%200.32%2049.87%205.60%22%20fill%3D%22%23C0693A%22%2F%3E%3C%2Fsvg%3E"); left: -14%; transform: translateY(-50%) rotate(-16deg); } #help::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%2058.22%2010.58%20C%2049.50%208.57%2040.18%207.78%2031.40%209.93%20C%2027.08%2010.99%2022.96%2012.80%2019.37%2015.44%20C%2015.83%2018.06%2012.90%2021.47%2010.64%2025.23%20C%205.51%2033.75%203.92%2043.80%204.11%2053.62%20C%204.16%2056.25%204.32%2058.89%204.58%2061.51%20C%204.80%2063.76%205.12%2066.16%206.63%2067.95%20C%209.05%2070.85%2013.23%2071.25%2016.75%2071.46%20C%2018.75%2071.58%2020.75%2071.61%2022.75%2071.84%20C%2025.01%2072.09%2027.25%2072.55%2029.45%2073.16%20C%2033.95%2074.40%2038.27%2076.21%2042.59%2077.96%20C%2046.85%2079.69%2051.16%2081.38%2055.66%2082.39%20C%2060.69%2083.52%2065.79%2083.53%2070.88%2082.70%20C%2073.53%2082.27%2076.15%2081.67%2078.75%2080.99%20C%2081.24%2080.35%2083.76%2079.72%2086.19%2078.91%20C%2088.43%2078.16%2090.47%2077.04%2091.93%2075.14%20C%2093.27%2073.39%2094.10%2071.28%2094.69%2069.17%20C%2096.83%2061.56%2095.40%2053.15%2091.31%2046.44%20C%2089.26%2043.08%2086.53%2040.15%2083.26%2037.95%20C%2079.54%2035.44%2075.58%2033.27%2072.03%2030.51%20C%2070.23%2029.11%2068.55%2027.54%2067.11%2025.77%20C%2065.98%2024.39%2065.16%2022.94%2064.65%2021.24%20C%2064.20%2019.77%2063.96%2018.25%2063.61%2016.75%20C%2063.30%2015.39%2062.90%2014.00%2062.05%2012.87%20C%2061.12%2011.61%2059.71%2010.94%2058.22%2010.58%20C%2057.56%2010.42%2057.84%209.41%2058.50%209.56%20C%2060.15%209.96%2061.70%2010.74%2062.77%2012.09%20C%2063.69%2013.25%2064.19%2014.67%2064.54%2016.10%20C%2064.92%2017.64%2065.16%2019.23%2065.60%2020.76%20C%2066.11%2022.50%2066.94%2023.93%2068.09%2025.32%20C%2071.10%2028.90%2075.01%2031.48%2078.94%2033.94%20C%2080.82%2035.12%2082.75%2036.26%2084.55%2037.56%20C%2086.22%2038.76%2087.75%2040.14%2089.10%2041.68%20C%2094.46%2047.74%2097.27%2056.02%2096.65%2064.09%20C%2096.49%2066.11%2096.13%2068.13%2095.53%2070.07%20C%2094.86%2072.23%2093.93%2074.35%2092.49%2076.12%20C%2090.96%2077.98%2088.87%2079.11%2086.62%2079.87%20C%2084.09%2080.74%2081.45%2081.38%2078.86%2082.05%20C%2073.59%2083.41%2068.17%2084.51%2062.71%2084.36%20C%2057.88%2084.22%2053.18%2083.02%2048.65%2081.42%20C%2039.74%2078.27%2031.13%2073.51%2021.56%2072.78%20C%2017.66%2072.48%2013.52%2072.72%209.80%2071.33%20C%208.09%2070.68%206.56%2069.67%205.48%2068.18%20C%204.07%2066.25%203.75%2063.82%203.52%2061.51%20C%202.51%2051.13%202.82%2040.26%206.84%2030.49%20C%208.57%2026.28%2010.92%2022.33%2013.98%2018.94%20C%2016.99%2015.60%2020.68%2012.91%2024.79%2011.08%20C%2033.24%207.30%2042.83%207.02%2051.87%208.32%20C%2054.10%208.64%2056.31%209.06%2058.50%209.56%20C%2059.16%209.72%2058.88%2010.73%2058.22%2010.58%22%20fill%3D%22%232F6D62%22%2F%3E%3Cpath%20d%3D%22M%206.91%2028.99%20C%206.91%2028.99%206.91%2028.99%206.91%2028.99%20C%203.83%2031.42%200.77%2034.48%200.28%2038.73%20C%200.00%2041.14%200.59%2043.65%201.28%2046.06%20C%203.22%2052.88%206.50%2060.17%2012.51%2063.16%20C%2018.97%2066.37%2025.70%2063.54%2032.02%2062.81%20C%2040.78%2061.80%2045.12%2065.90%2051.56%2072.57%20C%2059.62%2080.93%2075.81%2092.98%2085.24%2082.96%20C%20100.00%2067.30%2081.90%2024.87%2063.79%2017.34%20C%2045.14%209.59%2021.19%2017.73%206.91%2028.99%22%20fill%3D%22%232F6D62%22%2F%3E%3C%2Fsvg%3E"); right: -14%; transform: translateY(-50%) rotate(8deg); } #pieces::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%2072.75%2019.25%20C%2069.44%2015.55%2065.67%2012.18%2061.24%209.87%20C%2056.38%207.33%2050.98%206.54%2045.55%206.84%20C%2040.24%207.12%2034.92%208.20%2029.80%209.61%20C%2025.19%2010.88%2020.64%2012.64%2016.75%2015.49%20C%208.35%2021.65%205.90%2032.20%204.08%2041.88%20C%203.00%2047.66%202.20%2053.50%201.71%2059.37%20C%201.28%2064.59%201.01%2069.88%201.58%2075.10%20C%202.12%2080.07%203.49%2085.10%206.29%2089.29%20C%207.54%2091.17%209.17%2092.89%2011.19%2093.95%20C%2013.12%2094.96%2015.34%2095.15%2017.41%2094.48%20C%2019.44%2093.82%2021.17%2092.45%2022.66%2090.96%20C%2024.26%2089.37%2025.66%2087.58%2027.03%2085.79%20C%2029.95%2082.00%2033.20%2078.31%2037.40%2075.90%20C%2039.57%2074.66%2041.95%2073.83%2044.42%2073.49%20C%2047.07%2073.14%2049.75%2073.34%2052.37%2073.85%20C%2057.70%2074.91%2062.63%2077.23%2067.62%2079.29%20C%2071.98%2081.09%2076.59%2082.66%2081.34%2082.90%20C%2083.65%2083.01%2085.97%2082.79%2088.18%2082.09%20C%2090.47%2081.35%2092.58%2080.08%2094.34%2078.45%20C%2095.80%2077.09%2097.00%2075.43%2097.55%2073.49%20C%2098.07%2071.61%2097.95%2069.64%2097.48%2067.77%20C%2096.85%2065.33%2095.69%2063.05%2094.59%2060.80%20C%2093.41%2058.37%2092.16%2055.98%2090.95%2053.57%20C%2089.75%2051.15%2088.59%2048.71%2087.59%2046.20%20C%2086.60%2043.74%2085.81%2041.21%2084.80%2038.76%20C%2082.85%2034.00%2080.40%2029.43%2077.46%2025.21%20C%2076.02%2023.13%2074.44%2021.14%2072.75%2019.25%20C%2072.25%2018.69%2073.08%2017.87%2073.58%2018.43%20C%2077.12%2022.39%2080.15%2026.79%2082.66%2031.47%20C%2083.89%2033.79%2085.00%2036.17%2085.99%2038.60%20C%2087.02%2041.11%2087.82%2043.70%2088.84%2046.21%20C%2090.95%2051.39%2093.73%2056.26%2096.13%2061.30%20C%2098.02%2065.28%20100.00%2069.69%2098.57%2074.14%20C%2097.19%2078.44%2093.05%2081.63%2088.92%2083.07%20C%2084.31%2084.68%2079.26%2084.19%2074.63%2082.95%20C%2069.67%2081.63%2065.07%2079.36%2060.30%2077.51%20C%2055.15%2075.50%2049.48%2073.76%2043.91%2074.75%20C%2038.89%2075.63%2034.77%2078.71%2031.38%2082.37%20C%2028.19%2085.82%2025.75%2089.99%2022.13%2093.03%20C%2020.45%2094.44%2018.51%2095.60%2016.32%2095.93%20C%2014.05%2096.28%2011.80%2095.75%209.86%2094.53%20C%205.72%2091.92%203.29%2087.09%201.89%2082.55%20C%200.35%2077.53%200.00%2072.20%200.11%2066.98%20C%200.24%2061.21%200.83%2055.43%201.63%2049.71%20C%202.41%2044.10%203.38%2038.46%204.85%2032.98%20C%206.16%2028.08%208.04%2023.25%2011.20%2019.23%20C%2017.48%2011.25%2028.00%208.42%2037.54%206.68%20C%2043.19%205.64%2049.05%205.09%2054.72%206.29%20C%2059.78%207.35%2064.32%209.94%2068.26%2013.23%20C%2070.16%2014.82%2071.92%2016.58%2073.58%2018.43%20C%2074.08%2018.98%2073.25%2019.81%2072.75%2019.25%22%20fill%3D%22%23C0693A%22%2F%3E%3Cpath%20d%3D%22M%205.81%2043.50%20L%205.81%2043.50%20C%204.14%2051.13%202.96%2059.00%203.93%2066.75%20C%204.91%2074.50%208.23%2082.20%2014.27%2087.16%20C%2015.73%2088.36%2017.38%2089.41%2019.23%2089.81%20C%2021.09%2090.22%2023.04%2089.96%2024.90%2089.53%20C%2033.40%2087.56%2041.22%2082.11%2049.94%2082.48%20C%2055.29%2082.70%2060.27%2085.11%2065.37%2086.77%20C%2070.47%2088.42%2076.35%2089.25%2080.96%2086.52%20C%2086.44%2083.27%2088.23%2076.03%2087.55%2069.69%20C%2086.86%2063.36%2084.26%2057.39%2083.07%2051.14%20C%2081.91%2045.03%2082.10%2038.67%2083.65%2032.65%20C%2084.61%2028.88%2086.11%2025.04%2085.35%2021.23%20C%2083.96%2014.21%2075.94%2010.91%2068.94%209.44%20C%2056.92%206.92%2038.43%203.72%2026.64%209.00%20C%2014.06%2014.63%208.49%2031.27%205.81%2043.50%22%20fill%3D%22%23C0693A%22%2F%3E%3C%2Fsvg%3E"); left: -14%; transform: translateY(-50%) rotate(-7deg); } #writing::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%209.40%2058.10%20C%2010.47%2062.63%2012.43%2066.88%2014.79%2070.88%20C%2017.08%2074.78%2019.69%2078.54%2022.52%2082.07%20C%2025.15%2085.38%2028.08%2088.53%2031.51%2091.04%20C%2035.13%2093.69%2039.20%2095.44%2043.63%2096.17%20C%2046.10%2096.57%2048.62%2096.68%2051.12%2096.66%20C%2053.34%2096.65%2055.57%2096.53%2057.78%2096.23%20C%2062.02%2095.66%2066.27%2094.38%2069.74%2091.79%20C%2076.20%2086.97%2078.44%2078.60%2079.50%2070.99%20C%2080.15%2066.25%2080.47%2061.44%2080.73%2056.66%20C%2081.02%2051.46%2081.15%2046.25%2081.13%2041.04%20C%2081.12%2038.40%2081.06%2035.76%2080.97%2033.13%20C%2080.89%2030.90%2080.82%2028.67%2080.57%2026.45%20C%2080.18%2022.93%2079.33%2019.40%2077.60%2016.29%20C%2075.80%2013.07%2073.11%2010.54%2069.95%208.67%20C%2066.38%206.54%2062.45%204.80%2058.32%204.11%20C%2056.30%203.77%2054.19%203.71%2052.18%204.17%20C%2050.28%204.60%2048.56%205.53%2047.06%206.76%20C%2044.04%209.25%2041.90%2012.59%2039.46%2015.61%20C%2036.70%2019.03%2033.33%2021.82%2029.74%2024.32%20C%2026.05%2026.89%2022.16%2029.19%2018.56%2031.90%20C%2015.32%2034.32%2012.64%2037.37%2010.88%2041.03%20C%209.23%2044.49%208.51%2048.34%208.61%2052.16%20C%208.66%2054.16%208.94%2056.14%209.40%2058.10%20C%209.57%2058.81%208.46%2059.12%208.29%2058.40%20C%207.35%2054.39%207.16%2050.21%207.98%2046.16%20C%208.77%2042.24%2010.54%2038.57%2013.08%2035.48%20C%2015.91%2032.05%2019.70%2029.59%2023.38%2027.17%20C%2027.22%2024.65%2031.12%2022.20%2034.54%2019.13%20C%2036.18%2017.66%2037.66%2016.05%2039.02%2014.33%20C%2040.27%2012.75%2041.46%2011.12%2042.74%209.56%20C%2045.29%206.48%2048.37%203.70%2052.43%202.95%20C%2056.71%202.16%2061.16%203.30%2065.11%204.94%20C%2068.82%206.49%2072.52%208.50%2075.36%2011.40%20C%2077.89%2013.98%2079.62%2017.20%2080.62%2020.66%20C%2081.77%2024.66%2081.96%2028.82%2082.11%2032.94%20C%2082.49%2043.73%2082.21%2054.53%2081.26%2065.28%20C%2080.55%2073.31%2079.46%2082.08%2074.43%2088.69%20C%2071.84%2092.09%2068.32%2094.50%2064.28%2095.90%20C%2060.02%2097.38%2055.43%2097.79%2050.94%2097.81%20C%2045.98%2097.84%2040.99%2097.27%2036.42%2095.24%20C%2032.47%2093.48%2029.00%2090.78%2025.97%2087.71%20C%2022.85%2084.57%2020.16%2081.02%2017.64%2077.40%20C%2014.89%2073.45%2012.34%2069.33%2010.45%2064.89%20C%209.56%2062.79%208.82%2060.62%208.29%2058.40%20C%208.12%2057.68%209.23%2057.38%209.40%2058.10%22%20fill%3D%22%232F6D62%22%2F%3E%3Cpath%20d%3D%22M%200.20%2046.44%20L%200.20%2046.44%20C%200.00%2049.83%200.01%2053.27%200.88%2056.56%20C%203.01%2064.58%209.88%2070.40%2016.87%2074.87%20C%2024.14%2079.53%2032.08%2083.36%2040.58%2084.90%20C%2049.08%2086.44%2058.21%2085.53%2065.69%2081.21%20C%2084.50%2070.35%20100.00%2028.14%2081.16%2011.68%20C%2074.16%205.57%2067.50%209.79%2061.00%2014.40%20C%2051.77%2020.95%2042.64%2027.91%2030.77%2027.74%20C%2023.69%2027.64%2015.91%2025.22%209.18%2028.52%20C%202.40%2031.85%200.61%2039.50%200.20%2046.44%22%20fill%3D%22%232F6D62%22%2F%3E%3C%2Fsvg%3E"); right: -14%; transform: translateY(-50%) rotate(14deg); } #covered::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%2027.41%2076.70%20C%2023.36%2075.58%2019.93%2072.67%2017.20%2069.58%20C%2014.52%2066.54%2012.42%2063.03%2010.98%2059.26%20C%208.03%2051.56%208.10%2042.98%2011.13%2035.32%20C%2012.63%2031.52%2014.80%2028.00%2017.55%2024.99%20C%2019.00%2023.40%2020.62%2021.93%2022.42%2020.74%20C%2024.28%2019.50%2026.36%2018.66%2028.55%2018.26%20C%2033.02%2017.43%2037.64%2018.14%2041.98%2019.31%20C%2046.40%2020.51%2050.65%2022.22%2055.02%2023.58%20C%2057.16%2024.24%2059.33%2024.78%2061.52%2025.23%20C%2063.67%2025.67%2065.83%2026.09%2067.90%2026.83%20C%2069.95%2027.56%2071.81%2028.63%2073.45%2030.06%20C%2075.03%2031.43%2076.39%2033.05%2077.67%2034.69%20C%2082.39%2040.73%2086.38%2047.50%2088.81%2054.79%20C%2091.19%2061.91%2091.99%2069.98%2088.58%2076.91%20C%2086.98%2080.15%2084.45%2082.97%2081.26%2084.70%20C%2078.02%2086.45%2074.14%2087.03%2070.54%2086.25%20C%2064.14%2084.87%2060.68%2078.69%2055.09%2075.84%20C%2051.65%2074.08%2047.75%2074.31%2044.06%2075.02%20C%2040.32%2075.75%2036.65%2076.93%2032.82%2077.18%20C%2031.01%2077.29%2029.17%2077.17%2027.41%2076.70%20C%2026.84%2076.54%2027.08%2075.66%2027.65%2075.81%20C%2031.27%2076.79%2035.02%2076.12%2038.61%2075.31%20C%2042.21%2074.49%2045.87%2073.44%2049.60%2073.56%20C%2051.42%2073.62%2053.22%2074.00%2054.89%2074.73%20C%2056.43%2075.41%2057.84%2076.40%2059.16%2077.44%20C%2061.50%2079.31%2063.53%2081.56%2066.00%2083.25%20C%2067.23%2084.09%2068.56%2084.76%2069.99%2085.17%20C%2071.68%2085.65%2073.46%2085.76%2075.21%2085.60%20C%2078.74%2085.28%2082.04%2083.61%2084.52%2081.09%20C%2089.76%2075.77%2090.74%2067.86%2089.44%2060.80%20C%2088.05%2053.27%2084.52%2046.20%2080.30%2039.88%20C%2079.33%2038.42%2078.30%2036.99%2077.22%2035.60%20C%2075.99%2034.00%2074.70%2032.43%2073.20%2031.06%20C%2071.62%2029.61%2069.81%2028.50%2067.78%2027.76%20C%2065.77%2027.02%2063.65%2026.60%2061.55%2026.17%20C%2059.40%2025.73%2057.28%2025.22%2055.18%2024.59%20C%2053.06%2023.94%2050.96%2023.20%2048.86%2022.47%20C%2044.70%2021.03%2040.48%2019.59%2036.09%2019.04%20C%2031.65%2018.49%2027.08%2018.88%2023.22%2021.31%20C%2019.79%2023.47%2016.95%2026.70%2014.80%2030.10%20C%2010.52%2036.87%208.76%2045.16%2010.19%2053.06%20C%2011.60%2060.84%2015.91%2068.34%2022.30%2073.08%20C%2023.92%2074.28%2025.70%2075.28%2027.65%2075.81%20C%2028.22%2075.97%2027.98%2076.85%2027.41%2076.70%22%20fill%3D%22%23C0693A%22%2F%3E%3Cpath%20d%3D%22M%2058.87%2085.51%20C%2067.69%2086.51%2076.94%2086.80%2085.10%2083.32%20C%2093.26%2079.83%20100.00%2071.65%2099.24%2062.81%20C%2099.07%2060.82%2098.51%2058.82%2097.30%2057.24%20C%2096.31%2055.94%2094.94%2054.99%2093.55%2054.14%20C%2088.07%2050.82%2081.88%2048.85%2076.26%2045.76%20C%2070.64%2042.67%2065.36%2038.05%2063.81%2031.84%20C%2062.56%2026.85%2063.59%2020.62%2058.84%2017.30%20C%2054.22%2014.08%2045.30%2014.04%2039.85%2013.61%20C%2031.95%2012.97%2022.94%2013.20%2016.59%2018.63%20C%200.00%2032.80%208.09%2062.26%2023.45%2073.58%20C%2033.61%2081.08%2046.53%2084.10%2058.87%2085.51%22%20fill%3D%22%23C0693A%22%2F%3E%3C%2Fsvg%3E"); left: -14%; transform: translateY(-50%) rotate(-9deg); } #contact-form::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M%2058.22%2010.58%20C%2049.50%208.57%2040.18%207.78%2031.40%209.93%20C%2027.08%2010.99%2022.96%2012.80%2019.37%2015.44%20C%2015.83%2018.06%2012.90%2021.47%2010.64%2025.23%20C%205.51%2033.75%203.92%2043.80%204.11%2053.62%20C%204.16%2056.25%204.32%2058.89%204.58%2061.51%20C%204.80%2063.76%205.12%2066.16%206.63%2067.95%20C%209.05%2070.85%2013.23%2071.25%2016.75%2071.46%20C%2018.75%2071.58%2020.75%2071.61%2022.75%2071.84%20C%2025.01%2072.09%2027.25%2072.55%2029.45%2073.16%20C%2033.95%2074.40%2038.27%2076.21%2042.59%2077.96%20C%2046.85%2079.69%2051.16%2081.38%2055.66%2082.39%20C%2060.69%2083.52%2065.79%2083.53%2070.88%2082.70%20C%2073.53%2082.27%2076.15%2081.67%2078.75%2080.99%20C%2081.24%2080.35%2083.76%2079.72%2086.19%2078.91%20C%2088.43%2078.16%2090.47%2077.04%2091.93%2075.14%20C%2093.27%2073.39%2094.10%2071.28%2094.69%2069.17%20C%2096.83%2061.56%2095.40%2053.15%2091.31%2046.44%20C%2089.26%2043.08%2086.53%2040.15%2083.26%2037.95%20C%2079.54%2035.44%2075.58%2033.27%2072.03%2030.51%20C%2070.23%2029.11%2068.55%2027.54%2067.11%2025.77%20C%2065.98%2024.39%2065.16%2022.94%2064.65%2021.24%20C%2064.20%2019.77%2063.96%2018.25%2063.61%2016.75%20C%2063.30%2015.39%2062.90%2014.00%2062.05%2012.87%20C%2061.12%2011.61%2059.71%2010.94%2058.22%2010.58%20C%2057.56%2010.42%2057.84%209.41%2058.50%209.56%20C%2060.15%209.96%2061.70%2010.74%2062.77%2012.09%20C%2063.69%2013.25%2064.19%2014.67%2064.54%2016.10%20C%2064.92%2017.64%2065.16%2019.23%2065.60%2020.76%20C%2066.11%2022.50%2066.94%2023.93%2068.09%2025.32%20C%2071.10%2028.90%2075.01%2031.48%2078.94%2033.94%20C%2080.82%2035.12%2082.75%2036.26%2084.55%2037.56%20C%2086.22%2038.76%2087.75%2040.14%2089.10%2041.68%20C%2094.46%2047.74%2097.27%2056.02%2096.65%2064.09%20C%2096.49%2066.11%2096.13%2068.13%2095.53%2070.07%20C%2094.86%2072.23%2093.93%2074.35%2092.49%2076.12%20C%2090.96%2077.98%2088.87%2079.11%2086.62%2079.87%20C%2084.09%2080.74%2081.45%2081.38%2078.86%2082.05%20C%2073.59%2083.41%2068.17%2084.51%2062.71%2084.36%20C%2057.88%2084.22%2053.18%2083.02%2048.65%2081.42%20C%2039.74%2078.27%2031.13%2073.51%2021.56%2072.78%20C%2017.66%2072.48%2013.52%2072.72%209.80%2071.33%20C%208.09%2070.68%206.56%2069.67%205.48%2068.18%20C%204.07%2066.25%203.75%2063.82%203.52%2061.51%20C%202.51%2051.13%202.82%2040.26%206.84%2030.49%20C%208.57%2026.28%2010.92%2022.33%2013.98%2018.94%20C%2016.99%2015.60%2020.68%2012.91%2024.79%2011.08%20C%2033.24%207.30%2042.83%207.02%2051.87%208.32%20C%2054.10%208.64%2056.31%209.06%2058.50%209.56%20C%2059.16%209.72%2058.88%2010.73%2058.22%2010.58%22%20fill%3D%22%232F6D62%22%2F%3E%3Cpath%20d%3D%22M%206.91%2028.99%20C%206.91%2028.99%206.91%2028.99%206.91%2028.99%20C%203.83%2031.42%200.77%2034.48%200.28%2038.73%20C%200.00%2041.14%200.59%2043.65%201.28%2046.06%20C%203.22%2052.88%206.50%2060.17%2012.51%2063.16%20C%2018.97%2066.37%2025.70%2063.54%2032.02%2062.81%20C%2040.78%2061.80%2045.12%2065.90%2051.56%2072.57%20C%2059.62%2080.93%2075.81%2092.98%2085.24%2082.96%20C%20100.00%2067.30%2081.90%2024.87%2063.79%2017.34%20C%2045.14%209.59%2021.19%2017.73%206.91%2028.99%22%20fill%3D%22%232F6D62%22%2F%3E%3C%2Fsvg%3E"); right: -14%; transform: translateY(-50%) rotate(11deg); } /* The washes are decoration, not information: drop them where the viewport is too narrow for them to sit clear of the text. */ @media (max-width: 899.98px) { .section::before { display: none; } } /* ---------- wrappers ---------- */ /* AVIF and WebP siblings sit alongside every photo, so the now lives inside a . That extra element becomes the flex/grid item, which would otherwise take the sizing rules meant for the image itself. */ .media-frame picture { display: block; position: relative; z-index: 1; } .logo-grid .logo-cell picture { display: block; /* Was on the img: 70% of the cell, less 30% (0.7 x 0.7). */ width: 49%; } .logo-grid .logo-cell picture img { width: 100%; }