.canvas-add-ons{padding-bottom:84px}.canvas-add-ons h1,.canvas-add-ons h2,.canvas-add-ons h3,.canvas-add-ons p{margin:0}.canvas-add-ons .addon-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:72px;padding-top:72px;padding-bottom:72px;display:grid}.canvas-add-ons h1{font-family:var(--font-display),Georgia,serif;letter-spacing:-1.5px;margin:18px 0 24px;font-size:clamp(40px,4.5vw,66px);font-weight:400;line-height:1.08}.canvas-add-ons .addon-intro{max-width:520px;color:var(--ink-soft);margin-bottom:28px;font-size:18px;line-height:1.75}.canvas-add-ons .addon-optional{color:var(--ink-soft);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.addon-hero-visual{padding:14px 0 30px 58px;position:relative}.addon-hero-photo{aspect-ratio:1.05;background:#e6e5d9;border-radius:120px 12px 12px;position:relative;overflow:hidden}.addon-hero-small{aspect-ratio:1;border:7px solid var(--canvas);border-radius:12px;width:39%;position:absolute;bottom:0;left:0;overflow:hidden}.addon-generated-image{object-fit:cover}.addon-hero-stamp{background:var(--ink);color:#fff;border-radius:4px;flex-direction:column;gap:2px;padding:16px 20px;font-size:12px;display:flex;position:absolute;bottom:12px;right:20px}.addon-hero-stamp span:first-child{letter-spacing:3px;font-size:20px}.addon-start-note{border-block:1px solid var(--line);gap:20px;padding:28px 0;display:flex}.addon-start-note>span{color:var(--moss);font-size:30px;line-height:1}.canvas-add-ons .addon-start-note h2{margin-bottom:8px;font-family:inherit;font-size:18px;font-weight:700}.addon-start-note p{max-width:1040px;color:var(--ink-soft);font-size:16px;line-height:1.7}.addon-jump-nav{flex-wrap:wrap;gap:8px;padding-top:28px;padding-bottom:32px;display:flex}.addon-jump-nav a{border:1px solid var(--line);background:var(--paper);border-radius:30px;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:13px;display:inline-flex}.addon-jump-nav span{color:var(--moss-dark);font-size:11px;font-weight:700}.addon-jump-nav a:hover{border-color:var(--moss);background:var(--muted)}.addon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;scroll-margin-top:24px;display:grid}.addon-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;flex-direction:column;min-width:0;scroll-margin-top:24px;display:flex;overflow:hidden}.addon-media{aspect-ratio:4/3;background:#e9ece4;position:relative;overflow:hidden}.addon-number{z-index:1;background:var(--paper);border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid;position:absolute;top:16px;left:16px}.addon-image-caption{color:var(--ink-soft);background:#fffdf9f0;border-radius:3px;padding:4px 8px;font-size:11px;position:absolute;bottom:12px;right:12px}.addon-card-body{flex-direction:column;flex:1;padding:26px;display:flex}.canvas-add-ons .addon-location{color:var(--ink-soft);margin-bottom:8px;font-size:12px}.canvas-add-ons .addon-card h2{font-family:var(--font-display),Georgia,serif;margin-bottom:14px;font-size:29px;font-weight:400;line-height:1.15}.canvas-add-ons .addon-benefit{margin-bottom:12px;font-size:15px;font-weight:700;line-height:1.6}.canvas-add-ons .addon-description{color:var(--ink-soft);font-size:16px;line-height:1.75}.canvas-add-ons .addon-reinforcement-note{background:#edf0e7;border-radius:5px;align-items:flex-start;gap:6px;margin-bottom:12px;padding:9px;font-size:12px;font-weight:700;display:flex}.addon-reinforcement-note svg{flex-shrink:0;margin-top:2px}.canvas-add-ons .addon-reference-note{color:var(--ink-soft);margin-inline:auto;padding-block:22px;font-size:12px}.addon-guide-link{text-underline-offset:4px;align-items:center;gap:8px;margin-top:20px;font-weight:700;text-decoration:underline;display:flex}@media (max-width:1100px){.canvas-add-ons .addon-hero{gap:36px}.addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.canvas-add-ons{padding-bottom:48px}.canvas-add-ons .addon-hero{grid-template-columns:1fr;gap:28px;padding-block:36px}.canvas-add-ons h1{letter-spacing:-1px;margin-block:16px 20px;font-size:42px}.canvas-add-ons .addon-intro{font-size:16px}.addon-hero-visual{width:100%;max-width:440px;margin:auto;padding-left:40px}.addon-hero-photo{border-top-left-radius:80px;max-height:320px}.addon-hero-stamp{padding:12px;right:12px}.addon-grid{grid-template-columns:1fr;gap:24px}.addon-card-body{padding:24px}.canvas-add-ons .addon-card h2{font-size:29px}.addon-start-note{gap:12px;padding-block:24px}.addon-start-note>span{font-size:23px}.canvas-add-ons .addon-start-note h2{font-size:16px}.addon-jump-nav{gap:6px}.addon-jump-nav a{padding:8px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){html:has(.canvas-add-ons){scroll-behavior:auto}}
