@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#202025;--paper:#fffaf1;--brand:#af5846;--muted:#6a6666;--line:rgba(35,35,35,.14);--pale:#fae1c4;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.site-wrap{max-width:1540px;margin:auto;overflow:hidden}.topnote{font-size:11px;letter-spacing:.09em;text-align:center;background:var(--ink);color:#fff;padding:10px 18px}.topnote span{opacity:.72}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 6.2%;position:relative;z-index:10}.wordmark{font-family:'DM Serif Display',Georgia,serif;font-size:29px;letter-spacing:-.055em;line-height:1}.navlinks{display:flex;gap:36px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.navlinks a:not(.navcta){opacity:.69;transition:opacity .25s}.navlinks a:hover{opacity:1}.navcta{padding:14px 22px;border-radius:100px;border:1px solid currentColor}.menu{display:none;background:none;border:0;color:inherit;font-size:24px;cursor:pointer}.eyebrow,.overline{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.19em;font-weight:800;text-transform:uppercase}.eyebrow:before{content:'';display:block;width:25px;height:1px;background:var(--brand)}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:680px;padding:45px 6.2% 100px;gap:5%}.hero h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:.97;font-size:clamp(64px,6.9vw,110px);margin:25px 0 28px}.hero h1 em{color:var(--brand);font-weight:400}.hero p{max-width:500px;color:var(--muted);font-size:16px;line-height:1.9;margin:0 0 32px}.hero-art{position:relative;min-height:520px;display:grid;place-items:center}.hero-art:before{content:'';position:absolute;border:1px solid var(--line);width:89%;height:89%;border-radius:50%;transform:rotate(-16deg) scaleX(.9)}.hero-art svg{width:100%;max-width:560px;filter:drop-shadow(0 24px 35px rgba(35,27,29,.09));transform:translateY(0);animation:artFloat 6.6s ease-in-out infinite}.artlabel{position:absolute;bottom:9%;left:-2%;background:#fff;box-shadow:0 16px 55px rgba(0,0,0,.07);padding:16px 20px;border-radius:100px;transform:rotate(-4deg);font-size:12px;font-weight:700;letter-spacing:.05em}.artlabel:before{content:'✳';font-size:19px;color:var(--brand);margin-right:11px}.buttons{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;background:var(--ink);color:#fff;padding:19px 27px;border-radius:100px;font-size:12px;font-weight:800;letter-spacing:.07em;min-height:56px;transition:transform .23s,background .23s;cursor:pointer;border:0}.button:hover{transform:translateY(-3px);background:var(--brand)}.textlink{font-size:12px;letter-spacing:.05em;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px}.lineblock{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 6.2%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.lineblock span:nth-child(2){color:var(--brand)}.section{padding:120px 6.2%}.section-heading{max-width:910px;margin-bottom:54px}.section h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(45px,6vw,86px);line-height:1.06;letter-spacing:-.04em;font-weight:400;margin:22px 0}.section .lead{max-width:650px;color:var(--muted);font-size:16px;line-height:1.85}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:288px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.tile:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(32,26,22,.07)}.tile .num{font-family:'DM Serif Display',Georgia,serif;color:var(--brand);font-size:39px}.tile h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.03em;margin:60px 0 12px}.tile p{color:var(--muted);line-height:1.8;font-size:13px;max-width:280px}.tile:after{content:'↗';position:absolute;right:25px;top:21px;font-size:21px;opacity:.52}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:var(--ink);color:white}.story-graphic{min-height:410px;border-radius:20px;background:var(--brand);display:grid;place-items:center;overflow:hidden;position:relative}.story-graphic:before{content:'';width:76%;height:76%;border:2px solid rgba(255,255,255,.32);border-radius:50%;position:absolute;transform:translate(21%,6%)}.story-graphic .huge{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(90px,12vw,180px);font-style:italic;line-height:1;transform:rotate(-18deg);position:relative;color:#fff}.story .overline{color:var(--pale)}.story h2{font-size:clamp(44px,5vw,74px)}.story p{line-height:2;color:rgba(255,255,255,.72);max-width:530px}.story .textlink{display:inline-block;margin-top:22px}.footercta{text-align:center;padding:140px 6.2% 130px}.footercta .overline{justify-content:center;color:var(--brand)}.footercta h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(48px,8.2vw,120px);letter-spacing:-.05em;line-height:1;margin:26px auto 32px;max-width:940px}.footercta p{max-width:590px;margin:0 auto 26px;line-height:1.8;color:var(--muted)}.footercta .button{background:var(--brand)}footer{border-top:1px solid var(--line);padding:35px 6.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer-brand{font-family:'DM Serif Display',Georgia,serif;font-size:21px;color:var(--ink)}.demo-warning{max-width:1000px;margin:0 auto;padding:14px 22px 20px;text-align:center;color:var(--muted);font-size:11px;line-height:1.8}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:translateY(0)}
body.theme-fusion{--ink:#1b2732;--paper:#f7f1e8;--brand:#c76246;--muted:#66666b;--pale:#f8ba7b}body.theme-fusion .hero-art:before{border-radius:45% 55% 60% 40%}body.theme-fusion .story-graphic{background:#e2ac76}body.theme-fusion .story-graphic .huge{color:#2a3436}
body.theme-tender{--ink:#512d36;--paper:#fff7ef;--brand:#ae4d60;--muted:#806f71;--pale:#edbec1}body.theme-tender .hero-art{background:radial-gradient(circle,#ffe4db 30%,transparent 68%)}body.theme-tender .navcta{border-radius:9px}body.theme-tender .button{border-radius:9px}body.theme-tender .tile{border-radius:40px}
body.theme-cozy{--ink:#294134;--paper:#f8f2e4;--brand:#a85d3e;--muted:#6b786c;--pale:#e2c78a}body.theme-cozy .hero h1{letter-spacing:-.068em}body.theme-cozy .tile{background:#fffaf0;border-radius:7px}body.theme-cozy .button{border-radius:6px}body.theme-cozy .artlabel{border-radius:6px}
body.theme-gianna{--ink:#292442;--paper:#f9f5ff;--brand:#7357bf;--muted:#716a85;--pale:#ddc6ff}body.theme-gianna .hero{grid-template-columns:1fr 1fr}body.theme-gianna .hero h1{font-size:clamp(65px,7vw,110px)}body.theme-gianna .hero-art:before{border-radius:25px;transform:rotate(11deg)}body.theme-gianna .tile{border-radius:0;background:#f0eafa}body.theme-gianna .story-graphic{background:#c0afed}
body.theme-sybils{--ink:#42253c;--paper:#fff8ec;--brand:#da5753;--muted:#866c78;--pale:#ffd878}body.theme-sybils .hero-art:before{border:2px dashed rgba(218,87,83,.3)}body.theme-sybils .tile:nth-child(2){background:#fbedc6}body.theme-sybils .tile:nth-child(3){background:#f7dcd7}body.theme-sybils .button{border-radius:14px}body.theme-sybils .story-graphic{background:#ebbc47}
@keyframes artFloat{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-13px) rotate(.6deg)}}
@media(max-width:850px){.nav{height:78px}.menu{display:block}.navlinks{display:none;position:absolute;top:75px;left:4%;right:4%;padding:26px;z-index:40;flex-direction:column;align-items:stretch;background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:0 25px 40px rgba(0,0,0,.1)}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;min-height:0;padding-top:60px}.hero h1{font-size:clamp(58px,10vw,92px)}.hero-art{min-height:430px}.hero-art svg{max-width:490px}.story{grid-template-columns:1fr}.section{padding:86px 6.2%}.tiles{grid-template-columns:1fr}.tile{min-height:220px}.tile h3{margin-top:35px}.story-graphic{min-height:330px}.lineblock{flex-wrap:wrap}.footercta{padding:95px 6.2%}}@media(max-width:500px){.wordmark{font-size:24px}.hero{padding:35px 6% 70px;gap:12px}.hero h1{font-size:clamp(57px,13vw,78px)}.hero p{font-size:15px}.hero-art{min-height:310px}.hero-art:before{width:90%;height:90%}.artlabel{bottom:1%;left:1%;font-size:10px;padding:13px}.lineblock span:last-child{display:none}.section{padding:73px 6%}.section h2{font-size:51px}.story-graphic{min-height:260px}.story-graphic .huge{font-size:100px}.footercta h2{font-size:54px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art svg{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.tile{transition:none}}