@font-face{font-family:Affinity Serif Variable;src:url(/affinity-hero/assets/fonts/affinity-serif/woff2/AffinitySerifVariable-Roman.woff2)format("woff2"),url(/affinity-hero/assets/fonts/affinity-serif/woff/AffinitySerifVariable-Roman.woff)format("woff");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Affinity Serif Variable;src:url(/affinity-hero/assets/fonts/affinity-serif/woff2/AffinitySerifVariable-Italic.woff2)format("woff2"),url(/affinity-hero/assets/fonts/affinity-serif/woff/AffinitySerifVariable-Italic.woff)format("woff");font-style:italic;font-weight:400 700;font-display:swap}@font-face{font-family:Canva Sans;src:url(/affinity-hero/assets/fonts/canva-sans/woff2/CanvaSansVariable-Core.woff2)format("woff2"),url(/affinity-hero/assets/fonts/canva-sans/woff/CanvaSansVariable-Core.woff)format("woff");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+20-7E,U+A0,U+A2-A9,U+AC-AE,U+B0,U+B4-B7,U+D7,U+F7,U+300-304,U+306-308,U+30A-30C,U+312,U+326-328,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2117,U+2120,U+2122,U+2190-2199,U+FB01-FB02,U+FEFF,U+FFFC-FFFD}@font-face{font-family:Canva Sans;src:url(/affinity-hero/assets/fonts/canva-sans/woff2/CanvaSansVariable-LatinExtended.woff2)format("woff2"),url(/affinity-hero/assets/fonts/canva-sans/woff/CanvaSansVariable-LatinExtended.woff)format("woff");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+A1,U+AA-AB,U+AF,U+B8,U+BA-BB,U+BF,U+C0-D6,U+D8-F6,U+F8-148,U+14A-17E,U+192,U+1B5-1B6,U+1FC-1FD,U+218-21B,U+237,U+2C6-2C7,U+2C9,U+2D8-2DD,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+2030,U+2039-203A,U+20AC,U+20BA,U+2113}@font-face{font-family:Canva Sans;src:url(/affinity-hero/assets/fonts/canva-sans/woff2/CanvaSansVariable-Symbols.woff2)format("woff2"),url(/affinity-hero/assets/fonts/canva-sans/woff/CanvaSansVariable-Symbols.woff)format("woff");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+B1-B3,U+B9,U+BC-BE,U+394,U+3A9,U+3BC,U+3C0,U+2044,U+2070,U+2074-2089,U+2126,U+212E,U+2153-2154,U+215B-215E,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219,U+221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25CA}@scope(.affinity-source){:scope{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--green:#a7f175;--warm-gray:#e0dcd6;--ink:#0e1318}*{box-sizing:border-box}:scope{scroll-behavior:auto;color:#fff;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background:#000;min-width:320px;margin:0;font-family:Canva Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.site-header{z-index:30;background:#000;border-bottom:1px solid #0000;height:80px;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:#ffffff0f}.header-inner{direction:ltr;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1288px,100% - 48px);height:80px;margin:0 auto;display:grid}.brand-link{flex:none;justify-self:start;align-items:center;width:192.24px;height:30.24px;display:flex}.brand-desktop{object-fit:contain;object-position:left center;width:192.24px;height:30.24px;display:block;transform:translateY(-3.5px)}.brand-mobile,.mobile-menu-button,.mobile-menu{display:none}.desktop-nav{-webkit-backdrop-filter:blur(20px)saturate(150%);background:#121114b3;border-radius:999px;justify-self:center;align-items:center;gap:2px;margin-left:0;padding:6px;display:flex}.desktop-nav a{color:#f5f4f7a8;white-space:nowrap;border-radius:999px;align-items:center;min-height:37.44px;padding:6.72px 12.48px;font-size:19.2px;font-weight:400;line-height:24px;transition:color .18s,background-color .18s;display:inline-flex}.desktop-nav a.is-active,.desktop-nav a:hover{color:#f5f4f7;background:#ffffff12}.nav-spark{color:#d5a8ff;flex:none;width:13.6px;height:13.6px;margin-right:5px}.header-sign-in{color:#f5f4f7a8;white-space:nowrap;justify-self:end;align-items:center;gap:6px;margin-left:0;font-size:16px;line-height:24px;transition:color .18s;display:inline-flex}.header-sign-in:hover{color:#f5f4f7}.header-sign-in svg{flex:none;width:16px;height:16px}.button-primary:hover{background:#96d969}.hero-scroll{background:#000;height:calc(100vh + 2920px);min-height:3620px;position:relative}.hero-stage{background:#000;width:100%;height:calc(100vh - 80px);min-height:620px;position:sticky;top:80px;overflow:hidden}.hero-art{z-index:0;pointer-events:none;position:absolute;inset:0}.art-card{z-index:0;will-change:left, top, width, opacity;width:150px;margin:0;position:absolute}.art-card img{opacity:0;transform-origin:50%;width:100%;height:auto;transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .92s cubic-bezier(.22,1,.36,1);display:block;transform:scale(.88)}:scope.is-ready .art-card img{opacity:1;transform:scale(1)}.art-card:first-child img{transition-delay:.14s}.art-card:nth-child(2) img{transition-delay:40ms}.art-card:nth-child(3) img{transition-delay:.2s}.art-card:nth-child(4) img{transition-delay:80ms}.art-card:nth-child(5) img{transition-delay:.26s}.art-card:nth-child(6) img{transition-delay:.1s}.art-card:nth-child(7) img{transition-delay:.22s}@media (min-width:900px){.card-green{transform:translateY(8px)}}.hero-content{z-index:1;text-align:center;will-change:transform, opacity;width:100%;padding:0 24px;position:absolute;top:33.765%;left:0}.hero-content h1{letter-spacing:0;margin:0;font-family:Affinity Serif Variable,Georgia,serif;font-size:clamp(78px,7.778vw,112px);font-weight:700;line-height:.96}.hero-line{display:block}.hero-title-mobile{display:none}.hero-content em{font-family:Affinity Serif Variable,Georgia,serif;font-style:italic;font-weight:700}.hero-content>p{margin:24px 0 0;width:fit-content;margin-inline:auto;font-size:20px;font-weight:401;line-height:1.45}.hero-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.button{min-height:48px;color:var(--ink);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;padding:8px 16px;font-size:16px;font-weight:500;line-height:24px;transition:background-color .12s linear,transform .12s;display:inline-flex}.button:active{transform:translateY(1px)}.button-primary{background:var(--green);width:172.27px}.button-secondary{background:var(--warm-gray);width:170.54px}.button-secondary:hover{background:#ccc8c2}.by-canva{object-fit:contain;width:172.404px;height:26.4px;margin:24px auto 0;display:block}.motion-toggle{z-index:4;color:#fff;cursor:pointer;background:#212121;border:1px solid #ffffff47;border-radius:12px;min-height:32px;padding:4px 12px;font-size:14px;font-weight:400;line-height:22px;position:fixed;top:134px;right:24px}.studio-section{z-index:2;color:#fff;background:0 0;min-height:1220px;margin-top:calc(-649px - 100vh);margin-bottom:0;padding:13px 24px 110px;position:relative}.studio-stage{opacity:var(--studio-reveal,1);will-change:opacity}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.studio-section{--studio-header-height:80px;--studio-viewport-height:100vh;--studio-pin-height:calc(var(--studio-viewport-height) - var(--studio-header-height));--studio-media-height:calc(min(56vw, 1120px) * 1368 / 1920);--studio-stack-height:calc(266px + var(--studio-media-height));--studio-overflow:max(0px, calc(var(--studio-stack-height) - var(--studio-pin-height)));--studio-runway:clamp(34rem, 70vh, 42rem);min-height:0;margin-bottom:var(--studio-overflow)}@supports (height:100svh){.studio-section{--studio-viewport-height:100svh;--studio-runway:clamp(34rem, 70svh, 42rem)}}.studio-section:after{content:"";height:var(--studio-runway);display:block}.studio-stage{top:var(--studio-header-height);z-index:2;height:var(--studio-pin-height);position:sticky}.studio-copy{min-height:162px}}.studio-copy{text-align:center;width:min(1016px,100%);margin:0 auto}.studio-copy h2{letter-spacing:0;margin:0;font-family:Affinity Serif Variable,Georgia,serif;font-size:79.5px;font-weight:700;line-height:.98}.studio-copy p{color:#c4c4c4;margin:16px auto 0;font-size:24px;font-weight:400;line-height:1.4}.studio-scroll-hint{z-index:5;color:#ffffffe6;opacity:0;visibility:hidden;background:#595959;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-width:140px;height:40px;padding:8px 12px;font-size:14px;line-height:22px;transition:opacity .14s linear,visibility .14s linear;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.studio-scroll-hint.is-visible{opacity:1;visibility:visible}.motion-toggle:hover{background:#353535}.scroll-hint{z-index:5;color:#ffffffd1;will-change:opacity;background:#212121;border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-width:140px;height:40px;padding:8px 12px;font-size:14px;font-weight:400;line-height:22px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.mouse-icon{border:1.2px solid;border-radius:7px;width:13px;height:17px;position:relative}.mouse-icon:after{content:"";background:currentColor;border-radius:2px;width:2px;height:4px;position:absolute;top:4px;left:50%;transform:translate(-50%)}:scope.is-reduced .art-card img,:scope.is-reduced .hero-content,:scope.is-reduced .scroll-hint,:scope.is-reduced .studio-scroll-hint{transition:none!important}:scope.is-reduced .studio-section{margin-bottom:0}@media (max-width:1199px) and (min-width:900px){.hero-content h1{font-size:72px}}@media (max-width:899px){.site-header{background:0 0;border-bottom:0;position:relative}.header-inner{z-index:30;padding:0;width:100%;padding-inline:24px 12px;display:flex;position:relative}.brand-link{width:48px;height:36px}.desktop-nav,.header-sign-in,.motion-toggle,.scroll-hint,.brand-desktop{display:none}.studio-section{min-height:0;margin-top:0;margin-bottom:0;padding:56px 24px 8px}.studio-copy h2{text-wrap:balance;max-width:100%;margin-inline:auto;font-size:clamp(48px,13.4vw,58px);line-height:.92}.studio-copy p{margin-top:16px;font-size:18px;line-height:1.4}.studio-scroll-hint{display:none}.brand-mobile{object-fit:contain;width:48px;height:48px;display:block}.mobile-menu-button{cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:stretch;gap:3px;width:40px;height:40px;margin-inline-start:auto;padding:0 12px;display:flex}.mobile-menu-button span{background:#fff;border-radius:2px;height:1.5px;transition:transform .18s,opacity .18s}.mobile-menu-button[aria-expanded=true] span:first-child{transform:translateY(4.5px)rotate(45deg)}.mobile-menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-4.5px)rotate(-45deg)}.mobile-menu{z-index:20;background:#000;border-bottom:1px solid #ffffff1f;padding:92px 24px 24px;position:absolute;top:0;left:0;right:0}.mobile-menu.is-open{display:grid}.mobile-menu a{padding:12px 0;font-size:20px;line-height:28px}.hero-scroll{height:calc(100svh - 80px);min-height:690px}.hero-stage{height:100%;min-height:690px;position:relative;top:0}.hero-art{transform:translateY(18px)}.hero-content{width:calc(100% - 48px);padding:0;top:64px;left:24px;opacity:1!important;transform:none!important}.hero-content h1{font-size:42px;line-height:.96}.hero-content>p{width:auto;margin-top:16px;font-size:19.2px;line-height:24px}.hero-actions{flex-direction:column;align-items:center;gap:8px;margin-top:48px}.button{min-height:40px;padding:8px 16px;font-size:14px;line-height:22px}.button-primary{width:154.74px}.button-secondary{width:153.22px}.by-canva{width:140.868px;height:21.6px;margin-top:24px}.art-card{opacity:1!important}.card-vector,.card-kick,.card-flowers,.card-layout{display:none}.card-green{width:30%;height:40vw;top:348.625px;left:-8%}.card-portrait{width:50%;height:auto;top:308.625px;left:25%}.card-can{width:30%;height:40vw;top:348.625px;left:78%}.art-card img{object-fit:fill;height:100%}}.card-portrait img{object-fit:contain;height:auto}@media (max-width:430px) and (max-height:760px){.hero-content{top:44px}.hero-actions{margin-top:28px}.card-vector,.card-kick,.card-flowers,.card-layout{top:348px}.card-green,.card-can{top:338px}.card-portrait{top:298px}}@media (prefers-reduced-motion:reduce){.art-card img,.nav-popover,.mobile-menu-button span{transition-duration:.01ms!important}}}#affinity-hero-page .affinity-source,#affinity-hero-page .affinity-source :where(*){font-family:var(--font-interface), sans-serif!important}#affinity-hero-page .affinity-source :is(.hero-content h1,.hero-content h1 span,.hero-content em,.studio-copy h2){font-family:Affinity Serif Variable,Georgia,serif!important}#affinity-hero-page .affinity-source :is(.hero-content>p,.studio-copy>p){font-family:Canva Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}html[lang=ar] #affinity-hero-page .affinity-source,html[lang=ar] #affinity-hero-page .affinity-source :where(*){font-family:var(--font-interface), sans-serif!important}html[lang=ar] #affinity-hero-page .affinity-source :is(.hero-content h1,.hero-content h1 span,.hero-content em,.studio-copy h2){font-family:var(--font-display), serif!important}html[lang=ar] #affinity-hero-page .affinity-source :is(.hero-content>p,.studio-copy>p){font-family:var(--font-body), serif!important}@media (min-width:900px){html[lang=ar] #affinity-hero-page .affinity-source .studio-copy{padding-top:8px}}html[lang=ar] #affinity-hero-page .affinity-source .hero-content em{font-style:normal}.affinity-source{display:contents}#affinity-hero-page .affinity-source .header-actions{direction:ltr;justify-self:end;align-items:center;gap:20px;display:flex}#affinity-hero-page .affinity-source .header-language{align-items:center;display:flex}#affinity-hero-page .affinity-source .header-account-i18n{direction:ltr;align-items:center;display:flex}#affinity-hero-page .affinity-source .header-language>div{min-width:116px;box-shadow:none;background:#121114b3;border-color:#ffffff21}#affinity-hero-page .affinity-source .header-language button{font-family:var(--font-interface), sans-serif!important}#affinity-hero-page .affinity-source .affinity-header-account{color:#f5f4f7a8;direction:ltr;justify-content:flex-start;gap:6px;min-width:0;margin:0;font-size:16px;font-weight:400;line-height:24px;font-family:var(--font-interface), sans-serif!important;background:0 0!important}#affinity-hero-page .affinity-source .affinity-header-account:hover{color:#f5f4f7}#affinity-hero-page .affinity-source .affinity-header-account[data-account-state=loading]{justify-content:flex-start;min-width:230px}#affinity-hero-page .affinity-source .affinity-header-account[data-account-state=signed-in]{min-width:230px}html[lang=ar] #affinity-hero-page .affinity-source .desktop-nav{direction:rtl}html[lang=ar] #affinity-hero-page .affinity-source .header-language button,html[lang=ar] #affinity-hero-page .affinity-source .affinity-header-account{font-family:var(--font-interface), sans-serif!important}#affinity-hero-page .affinity-source .mobile-account,#affinity-hero-page .affinity-source .mobile-language{display:none}@media (max-width:899px){#affinity-hero-page .affinity-source .header-actions{display:none}#affinity-hero-page .affinity-source .mobile-account,#affinity-hero-page .affinity-source .mobile-language{display:block}#affinity-hero-page .affinity-source .mobile-account .affinity-header-account{color:#fff;justify-content:flex-start;width:100%;min-width:0;min-height:52px;padding:12px 0;font-size:20px;line-height:28px}#affinity-hero-page .affinity-source .mobile-language{padding-top:12px}#affinity-hero-page .affinity-source .mobile-language>div{width:100%;margin:0}}html[lang=ar] #affinity-hero-page .affinity-source .hero-content,html[lang=ar] #affinity-hero-page .affinity-source .studio-copy{direction:rtl}html[lang=ar] #affinity-hero-page .affinity-source .hero-content>p{line-height:1.45}@layer base{#affinity-hero-page .affinity-source .studio-panel[hidden]:where(:not([hidden=until-found])){visibility:hidden;display:block!important}}@media (max-width:899px){#affinity-hero-page .affinity-source .mobile-menu-button{gap:5px;width:48px;height:48px;padding-inline:12px}#affinity-hero-page .affinity-source .mobile-menu-button span{flex:none;align-self:center;width:24px;height:2px}#affinity-hero-page .affinity-source .mobile-menu-button[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}#affinity-hero-page .affinity-source .mobile-menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}#affinity-hero-page .affinity-source .hero-scroll{height:clamp(580px,74svh,600px);min-height:580px}#affinity-hero-page .affinity-source .hero-stage{height:100%;min-height:580px}#affinity-hero-page .affinity-source .hero-title-default{display:none}#affinity-hero-page .affinity-source .hero-title-mobile{display:block}#affinity-hero-page .affinity-source .hero-title-mobile-ar{font-size:clamp(35px,9.7vw,43px);line-height:.98}#affinity-hero-page .affinity-source .hero-title-mobile-ar .hero-line{white-space:nowrap}#affinity-hero-page .affinity-source .hero-content>p{font-size:16px;line-height:1.45}#affinity-hero-page .affinity-source .by-canva{margin-top:28px}#affinity-hero-page .affinity-source .studio-section{padding-block:40px 48px}}.affinity-source .discovery-section{margin-top:0;padding-top:64px}.affinity-source .discovery-section .studio-stage{height:auto;position:relative;top:auto}.affinity-source .discovery-section:after{display:none}.affinity-source .discovery-section{min-height:0;margin-bottom:0}@media (max-width:899px){.affinity-source .discovery-section{padding-top:84px;padding-bottom:24px}}@media (min-width:900px){#affinity-hero-page .affinity-source .studio-section{--studio-header-height:60px;--studio-media-height:calc(min(56vw, 840px) * 1368 / 1920);--studio-stack-height:calc(199.5px + var(--studio-media-height));padding:9.75px 18px 82.5px}#affinity-hero-page .affinity-source .studio-copy{width:min(762px,100%)}#affinity-hero-page .affinity-source .studio-copy h2{font-size:59.625px}#affinity-hero-page .affinity-source .studio-copy p{margin-top:12px;font-size:18px}#affinity-hero-page .affinity-source .discovery-section{padding-top:48px}html[lang=ar] #affinity-hero-page .affinity-source .studio-copy{padding-top:6px}}@media (min-width:900px) and (prefers-reduced-motion:no-preference){#affinity-hero-page .affinity-source .studio-copy{min-height:121.5px}}