.on-home{--on-ink:#20251f;--on-cream:#ffffff;--on-blue:#2445ce;background:var(--on-cream);color:var(--on-ink);font-family:var(--font-body--family,Arial,sans-serif);line-height:1.5}.on-home *{box-sizing:border-box}.on-home [hidden]{display:none!important}.on-home a{color:inherit;text-decoration:none}.on-home button{font:inherit;cursor:pointer}.on-home h1,.on-home h2,.on-home h3,.on-home p{margin:0}.on-home h1,.on-home h2,.on-home h3{color:inherit;text-transform:none;font-family:var(--font-heading--family,Arial,sans-serif);font-weight:700}.on-home :is(a,button):focus-visible{outline:3px solid var(--on-blue);outline-offset:5px}.on-hero{display:grid;grid-template-columns:44% 56%;min-height:630px}.on-hero-copy{background:var(--on-mint);padding:54px 9% 25px;display:flex;flex-direction:column;align-items:flex-start}.on-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:650}.on-hero h1{font-size:clamp(48px,5.9vw,98px);line-height:.96;letter-spacing:-.065em;margin:48px 0 24px;max-width:650px}.on-intro{font-size:17px;max-width:290px}.on-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:50px;padding:14px 23px;background:var(--on-ink);color:#fff!important;font-size:13px;border:1px solid var(--on-ink);border-radius:0;transition:background .2s,transform .2s}.on-hero .on-button{margin-top:30px}.on-button:hover{background:var(--on-blue);transform:translateY(-2px)}.on-hero-bottom{margin-top:auto;padding-top:42px;display:flex;width:100%;justify-content:space-between;align-items:center;gap:15px;font-size:10px;line-height:1.4}.on-hero-bottom>span:last-child{font-size:8px;letter-spacing:.1em}.on-star{color:var(--on-blue);font-size:56px;display:inline-block;line-height:1;transition:transform .6s}.on-hero-copy:hover .on-star{transform:rotate(100deg)}.on-hero-photo{position:relative;overflow:hidden;min-width:0}.on-hero-photo>img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;object-position:55% center}.on-sticker{position:absolute;right:25px;top:26px;background:var(--on-blue);color:var(--on-mint);border-radius:50%;width:108px;height:108px;display:grid;align-content:center;text-align:center;transform:rotate(12deg);font-family:Georgia,serif;font-style:italic;font-size:22px;line-height:1.1}.on-photo-caption{position:absolute;bottom:20px;left:25px;font-size:9px;letter-spacing:.14em;background:var(--on-cream);padding:7px 10px}.on-ribbon{overflow:hidden;border-bottom:1px solid #20251f;background:var(--on-cream);padding:14px 0}.on-ribbon>div{display:flex;white-space:nowrap;width:max-content;animation:on-marquee 55s linear infinite}.on-ribbon span{font-size:10px;font-weight:600;letter-spacing:.11em}.on-ribbon b{font-size:15px;color:var(--on-blue);padding:0 35px}.on-pad{padding:75px 4.5%}.on-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.on-section-heading .on-eyebrow{margin-bottom:12px}.on-home h2{font-size:clamp(32px,3.5vw,58px);letter-spacing:-.05em;line-height:1.08}.on-text-link{font-size:12px;border-bottom:1px solid;padding-bottom:5px;display:inline-block}.on-text-link:hover{color:var(--on-blue)}.on-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px}.on-filters button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #d5d7ce;padding:9px 16px;border-radius:30px;font-size:12px;min-height:42px;color:var(--on-ink)}.on-filters button[aria-pressed=true]{background:var(--on-ink);color:#fff;border-color:var(--on-ink)}.on-filters i{width:10px;height:10px;border-radius:50%}.on-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.on-card{min-width:0;animation:on-card-in .35s both}.on-card-photo{position:relative;aspect-ratio:1;overflow:hidden;background:#ffffff}.on-card-photo img,.on-card-photo>.on-image-link{width:100%;height:100%;object-fit:cover;display:block}.on-card-photo img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.on-card:hover .on-card-photo img{transform:scale(1.04)}.on-card-tag{position:absolute;left:14px;top:14px;padding:5px 9px;font-size:9px;background:var(--on-cream);pointer-events:none}.on-quick{position:absolute;bottom:14px;left:14px;right:14px;min-height:45px;background:var(--on-cream);border:0;display:flex;align-items:center;justify-content:space-between;padding:11px 15px;font-size:12px!important;transition:background .2s;color:var(--on-ink)}.on-quick:hover{background:var(--on-mint)}.on-card-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:15px;gap:12px}.on-card-meta h3{font-size:20px;letter-spacing:-.03em}.on-card-meta p{font-size:11px;margin-top:3px;color:#606658}.on-card-meta>span{font-size:17px}.on-demo-note{font-size:10px!important;color:#63695f;margin-top:30px!important;max-width:680px}.on-story{display:grid;grid-template-columns:1fr 1fr}.on-story-art{min-height:470px;background:var(--on-blue);color:var(--on-mint);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px}.on-story-art>img{width:75%;height:auto;filter:brightness(0) invert(1);transform:rotate(-9deg);z-index:1}.on-story-art>.on-eyebrow{position:absolute;top:32px;left:35px;color:var(--on-cream)}.on-story-caption{font-family:Georgia,serif;font-style:italic;transform:rotate(-9deg);font-size:20px;margin-top:12px;color:var(--on-cream);z-index:1}.on-doodle{position:absolute;font-size:105px;line-height:1}.on-doodle-one{left:6%;bottom:10%;color:#f2a7bc;transform:rotate(14deg)}.on-doodle-two{right:10%;top:7%;color:#fbcd51;font-size:85px}.on-doodle-three{right:-3%;bottom:-2%;color:#f07454;font-size:160px}.on-story-copy{padding:65px 12%;background:#ffffff;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.on-story-copy h2{margin:22px 0 25px}.on-story-copy p{font-size:14px;max-width:400px;margin-bottom:16px}.on-story-copy .on-eyebrow{font-size:10px}.on-story-copy .on-text-link{margin-top:10px}.on-how .on-section-heading>p{font-size:12px;max-width:190px}.on-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.on-steps>div{border-top:1px solid #aaa99f;padding-top:18px}.on-steps span{font-size:11px;color:var(--on-blue)}.on-steps h3{font-size:23px;letter-spacing:-.035em;margin:24px 0 12px}.on-steps p{font-size:13px;color:#606658;max-width:290px}.on-dialog{padding:0;border:0;background:var(--on-cream);color:var(--on-ink);width:min(900px,92vw);max-height:90dvh;overflow:auto}.on-dialog::backdrop{background:#151b17aa;backdrop-filter:blur(5px)}.on-dialog-grid{display:grid;grid-template-columns:1fr 1fr}.on-dialog-grid>img{width:100%;height:100%;object-fit:cover;min-height:430px}.on-dialog-copy{padding:55px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}.on-dialog-copy h2{font-size:42px}.on-dialog-copy>p{font-size:14px}.on-dialog-copy .on-eyebrow,.on-sample-note{font-size:10px!important}.on-dialog-close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;background:var(--on-cream);width:40px;height:40px;font-size:28px!important;z-index:2}.on-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.on-empty{padding:35px 0}.on-live{border-top:1px solid #dadbd3}.on-live .on-card-photo{aspect-ratio:1}.on-home{scroll-margin-top:90px}.on-moods{scroll-margin-top:80px}@keyframes on-marquee{to{transform:translateX(-50%)}}@keyframes on-card-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.on-hero{min-height:760px}}
@media(max-width:749px){.on-hero{grid-template-columns:1fr;min-height:0}.on-hero-copy{padding:30px 6% 22px}.on-hero h1{font-size:clamp(46px,12vw,72px);margin:30px 0 18px}.on-intro{font-size:15px;max-width:280px}.on-hero .on-button{margin-top:22px}.on-hero-bottom{padding-top:28px}.on-star{font-size:45px}.on-hero-photo{height:380px}.on-sticker{width:80px;height:80px;font-size:18px;right:18px;top:18px}.on-photo-caption{font-size:7px;left:18px;bottom:16px}.on-pad{padding:45px 5%}.on-section-heading{align-items:flex-start;gap:12px}.on-section-heading>.on-text-link{font-size:10px;white-space:nowrap;margin-top:29px}.on-home h2{font-size:34px}.on-filters{gap:7px}.on-filters button{padding:8px 11px;font-size:10px}.on-grid{grid-template-columns:1fr;gap:30px}.on-card-meta h3{font-size:22px}.on-card-photo{aspect-ratio:1.08}.on-card-photo img{object-fit:cover}.on-quick{bottom:12px;left:12px;right:12px}.on-story{grid-template-columns:1fr}.on-story-art{min-height:350px}.on-story-art>img{width:70%;max-width:380px}.on-story-copy{padding:42px 7%}.on-story-copy h2{font-size:42px}.on-steps{grid-template-columns:1fr;gap:25px;margin-top:25px}.on-steps h3{margin-top:12px}.on-steps p{max-width:100%}.on-how .on-section-heading>p{display:none}.on-dialog-grid{grid-template-columns:1fr}.on-dialog-grid>img{height:280px;min-height:0}.on-dialog-copy{padding:27px;gap:16px}.on-dialog-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.on-ribbon>div{animation:none}.on-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.on-card-photo>button.on-image-link{display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;appearance:none}.on-card-photo>.on-image-link:focus-visible{outline:3px solid var(--on-blue);outline-offset:-4px}.on-card-photo:focus-within img{transform:scale(1.04)}

.on-story-art.on-story-art--poster{min-height:0;background:#fff;display:block;align-self:center;padding:0}.on-story-art.on-story-art--poster>img{display:block;width:100%;max-width:none;height:auto;position:static;transform:none;filter:none;margin:0;object-fit:contain}

.on-hero-photo>img{object-position:42% center}