/* Marketing pages only; invitation renderer and studio keep their own system. */
.date-marketing{--ink:#302d29;--muted:#675e55;--line:#dcd2c3;--paper:#fffdf7;--green:#244d40;--rose:#883d45;color:var(--ink)}
.date-marketing .hero h1{font-size:clamp(46px,4.8vw,72px);line-height:1.02;letter-spacing:-.035em}
.date-marketing .hero .lead{font-size:18px;line-height:1.7;max-width:39ch}
.date-marketing .hero{padding-top:58px;padding-bottom:70px}
.date-marketing .hero-art{transform:none;align-self:center}
.date-marketing h2{font-size:clamp(36px,3.9vw,56px);line-height:1.08;letter-spacing:-.025em;margin:0 0 24px}
.date-marketing h3{font-family:Manrope,Arial,sans-serif;font-size:20px;line-height:1.4;letter-spacing:-.03em;margin:10px 0 12px}
.date-marketing .section-intro{font-size:17px;line-height:1.8;max-width:76ch;color:var(--muted);margin:0 0 32px}
.date-marketing .editorial-grid,.date-marketing .idea-grid,.date-marketing .quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.date-marketing .editorial-grid>article,.date-marketing .idea-grid>article{padding:28px;border:1px solid var(--line);background:var(--paper);border-radius:20px;min-width:0}
.date-marketing p{overflow-wrap:break-word}
.date-marketing .editorial-grid p,.date-marketing .idea-grid p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 14px}
.date-marketing .editorial-grid p:last-child,.date-marketing .idea-grid p:last-child{margin-bottom:0}
.date-marketing .card-label{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--rose)}
.date-marketing .audience-grid h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;line-height:1.15;letter-spacing:-.01em}
.date-marketing .idea-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:38px;line-height:1;color:var(--rose);display:block}
.date-marketing .occasion-section{background:#eee7db;padding:76px 0;border-block:1px solid var(--line)}
.date-marketing .occasion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.date-marketing .occasion-card{display:flex;flex-direction:column;background:var(--paper);padding:26px 22px;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);transition:box-shadow .2s,border-color .2s;min-width:0}
.date-marketing .occasion-card:hover{box-shadow:0 10px 25px #3d2e1e12;border-color:#aa9683}
.date-marketing .occasion-date{font-family:'Cormorant Garamond',Georgia,serif;color:var(--rose);font-size:54px;line-height:1.2;display:block}
.date-marketing .occasion-date small{display:block;font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.13em;margin:4px 0 22px}
.date-marketing .occasion-card h3{font-size:19px;line-height:1.4}
.date-marketing .occasion-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 24px}
.date-marketing .card-link{margin-top:auto;font-size:12px;font-weight:800;line-height:1.6;color:var(--green)}
.date-marketing .copy-card{border-radius:20px;background:#f0e9de;padding:28px;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line)}
.date-marketing .copy-card h3{font-size:15px;color:var(--rose);margin:0 0 18px}
.date-marketing blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;line-height:1.45;letter-spacing:-.01em;margin:0 0 24px;color:var(--ink)}
.date-marketing .copy-button{align-self:flex-start;margin-top:auto;border:1px solid #9d8c7d;background:transparent;border-radius:100px;min-height:44px;padding:10px 18px;cursor:pointer;font:700 12px/1.4 Manrope,Arial,sans-serif;color:var(--green);transition:background .15s,color .15s}
.date-marketing .copy-button:hover{background:var(--green);color:white;border-color:var(--green)}
.date-marketing .copy-button:disabled{cursor:default;opacity:.7}
.date-marketing .copy-status{font:600 13px/1.5 Manrope,Arial,sans-serif;color:var(--green);min-height:20px;margin:10px 0 0}
.date-marketing .editorial-link{font-size:14px;font-weight:700;color:var(--green);text-underline-offset:5px}
.date-marketing .editorial-section{padding-top:54px;padding-bottom:22px;scroll-margin-top:25px}
.date-marketing .editorial-section>p{font-size:16px;line-height:1.9;color:var(--muted);max-width:88ch;margin:0 0 20px}
.date-marketing .editorial-section>p.eyebrow{font-size:11px;line-height:1.5}
.date-marketing .editorial-section>h2{font-size:clamp(33px,3.4vw,48px);max-width:28ch}
.date-marketing .section.editorial-section{padding-top:64px;padding-bottom:64px}
.date-marketing .breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:12px;line-height:1.7;padding-top:25px;color:var(--muted)}
.date-marketing .breadcrumb a{color:var(--green);text-underline-offset:4px}
.date-marketing .guide-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:50px;align-items:center;padding:48px 0 54px}
.date-marketing .guide-hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.06;letter-spacing:-.03em;margin:18px 0 22px}
.date-marketing .guide-hero .lead{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 26px}
.date-marketing .guide-art{margin:0;min-width:0;background:#ece2d3;border:1px solid var(--line);border-radius:150px 150px 20px 20px;overflow:hidden}
.date-marketing .guide-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.date-marketing .guide-art figcaption{padding:18px 24px;font-size:12px;line-height:1.7;color:var(--muted)}
.date-marketing .guide-toc{display:flex;flex-wrap:wrap;gap:9px;padding:22px 0 30px;border-bottom:1px solid var(--line)}
.date-marketing .guide-toc a{min-height:44px;display:flex;align-items:center;padding:11px 16px;border:1px solid var(--line);border-radius:100px;color:var(--green);text-decoration:none;font-size:12px;font-weight:700;line-height:1.5;background:var(--paper)}
.date-marketing .guide-toc a:hover{border-color:var(--green)}
.date-marketing .reading-content{max-width:1120px;margin:0 auto}
.date-marketing .faq-section{padding:60px 0}
.date-marketing .faq-section details{border-top:1px solid var(--line);padding:20px 0}
.date-marketing .faq-section details:last-child{border-bottom:1px solid var(--line)}
.date-marketing .faq-section summary{cursor:pointer;font-size:17px;font-weight:700;line-height:1.6;padding-right:15px}
.date-marketing .faq-section details p{max-width:90ch;color:var(--muted);font-size:15px;line-height:1.85;margin:16px 0 0}
.date-marketing .guide-cta{padding:42px;background:var(--green);color:#fff9ef;border-radius:24px;margin:36px 0 50px}
.date-marketing .guide-cta h2{font-size:clamp(36px,4vw,52px);max-width:26ch}
.date-marketing .guide-cta p{font-size:16px;line-height:1.8;max-width:65ch;color:#e5e7d9}
.date-marketing .guide-cta .btn{background:#fff4df;color:var(--green);border-color:#fff4df;margin:12px 0}
.date-marketing .related-section{padding:30px 0 60px}
.date-marketing .related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.date-marketing .related-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--green);font-size:14px;line-height:1.6;text-decoration:none}
.date-marketing .site-footer{padding-top:35px;gap:25px}
.date-marketing .footer-topics{display:flex;flex-wrap:wrap;gap:12px 24px;line-height:1.7;padding:0 0 25px;border-bottom:1px solid var(--line);width:100%}
.date-marketing .footer-topics a{font-size:12px;color:var(--green);text-underline-offset:4px}
.date-marketing .template-info p{font-size:13px;line-height:1.7}
.date-marketing .template-link{font-size:12px;min-height:44px}
.date-marketing :is(a,button,summary):focus-visible{outline:3px solid #b35b3e;outline-offset:5px}
.date-marketing .hero-actions{flex-wrap:wrap;gap:14px}
.date-marketing .phrase-group{padding-top:52px;scroll-margin-top:25px}
.date-marketing .phrase-group h2{font-size:clamp(32px,3.3vw,46px);max-width:30ch}
@media(max-width:1050px){.date-marketing .occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-marketing .guide-hero{gap:28px}.date-marketing .site-header nav>a:not(.btn){display:none}.date-marketing .guide-hero h1{font-size:48px}.date-marketing .guide-art{border-radius:80px 80px 20px 20px}}
@media(max-width:700px){.date-marketing .wrap{width:calc(100% - 36px)}.date-marketing .hero{padding-top:38px;padding-bottom:45px;gap:36px}.date-marketing .hero h1{font-size:48px}.date-marketing .hero .lead{font-size:17px}.date-marketing .editorial-grid,.date-marketing .idea-grid,.date-marketing .quote-grid{grid-template-columns:1fr;gap:16px}.date-marketing .section{padding-top:54px;padding-bottom:54px}.date-marketing .occasion-section{padding:52px 0}.date-marketing .occasion-card{padding:23px 18px}.date-marketing .occasion-card h3{font-size:18px}.date-marketing .occasion-card p{font-size:13px}.date-marketing .occasion-grid{gap:12px}.date-marketing .guide-hero{grid-template-columns:1fr;padding:32px 0;gap:26px}.date-marketing .guide-hero h1{font-size:46px}.date-marketing .guide-art{border-radius:60px 60px 18px 18px}.date-marketing .guide-cta{padding:28px 22px}.date-marketing .guide-toc a{font-size:11px;padding:10px 13px}.date-marketing .related-links{grid-template-columns:1fr}.date-marketing .editorial-grid>article,.date-marketing .idea-grid>article,.date-marketing .copy-card{padding:24px}.date-marketing .section-head{gap:20px}.date-marketing .template-grid{gap:18px}.date-marketing .template-info h3{font-size:20px}.date-marketing .template-info p{font-size:12px}.date-marketing .template-number{display:none}.date-marketing .template-link{font-size:11px;line-height:1.7}.date-marketing .site-header{gap:10px}.date-marketing .site-header nav .btn{font-size:11px;padding:11px 14px;white-space:normal;min-height:44px}.date-marketing .brand{flex-shrink:0}.date-marketing .site-header .brand small{font-size:8px}}
@media(max-width:380px){.date-marketing .hero h1,.date-marketing .guide-hero h1{font-size:40px}.date-marketing .occasion-grid{grid-template-columns:1fr}.date-marketing .template-grid{grid-template-columns:1fr}.date-marketing .site-header .brand-mark{display:none}.date-marketing .site-header nav .btn{max-width:125px}.date-marketing .hero-actions .btn{width:100%;padding-inline:14px}.date-marketing blockquote{font-size:24px}}
@media(prefers-reduced-motion:reduce){.date-marketing *{scroll-behavior:auto!important}.date-marketing .occasion-card,.date-marketing .copy-button{transition:none}}

.date-marketing .post-note{margin-top:26px}