.greet-nav{display:flex;gap:30px;font-size:12px}.greet-nav a[aria-current]{color:var(--accent)}.greet-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center;padding:75px 0 80px}.greet-hero h1{font-size:82px;line-height:1.02;margin:20px 0 25px}.greet-hero h1 em{color:var(--accent)}.greet-hero p{max-width:440px;color:var(--muted);font-size:17px;margin-bottom:32px}.greet-cover{max-width:390px;justify-self:center;transform:rotate(4deg)}.greet-cover img{box-shadow:0 15px 40px #443d2318;animation:enter .7s ease both}.cover-caption{display:block;font-size:9px;letter-spacing:.16em;text-align:center;margin-top:20px}.greet-gallery{border-top:1px solid var(--ink);padding-top:42px;scroll-margin-top:20px}.greet-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.greet-heading h2{font-size:47px;margin:12px 0 30px}.greet-heading p{font-size:13px;color:var(--muted);margin-bottom:30px}.recipient-filters{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:23px}.recipient-filter{padding:10px 18px;border:1px solid var(--line);background:none;border-radius:25px;font-size:12px}.recipient-filter.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery-count{font-size:11px;color:var(--muted);margin:22px 0}.greeting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 32px}.greeting[hidden]{display:none}.greeting-img{display:block;aspect-ratio:4/5;overflow:hidden}.greeting-img img{transition:transform .5s ease}.greeting-img:hover img{transform:scale(1.025)}.greeting-meta{padding:18px 0}.greeting-meta h3{font-size:26px;margin:9px 0 20px;min-height:55px}.download{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--ink);padding:10px 0;font-size:12px;font-weight:700}.download:hover{color:var(--accent)}.sharing-guide{border-top:1px solid var(--ink);margin-top:60px;padding:45px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.sharing-guide h2{font-size:42px;margin:15px 0}.sharing-guide ol{padding-left:22px;font-size:15px;color:var(--muted)}.sharing-guide li{padding:0 0 20px 12px}.sharing-guide strong{display:block;color:var(--ink)}.greeting-note{border-top:1px solid var(--line);padding:20px 0 45px;font-size:12px;color:var(--muted);max-width:950px}.greet-breadcrumb{padding:27px 0;font-size:12px}.greeting-detail{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start;margin:10px 0 75px}.detail-art{max-width:540px}.detail-art img{height:auto}.detail-copy{padding:35px 0}.detail-copy h1{font-size:55px;margin:18px 0 25px}.detail-copy>p{color:var(--muted);max-width:400px}.detail-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:400px;margin:30px 0 15px}.primary{background:var(--ink);color:var(--paper);padding:16px 20px;border:1px solid var(--ink);justify-content:center}.primary:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.detail-actions button{padding:13px 20px;font-size:12px;background:none;border:1px solid var(--line)}.download-help{font-size:12px!important;line-height:1.6}.usage{max-width:400px;border-top:1px solid var(--line);margin-top:30px;padding-top:16px;font-size:12px}.usage summary{cursor:pointer}.usage p{color:var(--muted)}
@media(max-width:850px){.greet-hero{gap:40px;padding:50px 0}.greet-hero h1{font-size:58px}.greeting-grid{gap:30px 20px}.greeting-meta h3{font-size:24px}.greeting-detail{gap:35px}.detail-copy h1{font-size:40px}.sharing-guide{gap:35px}.greet-heading h2{font-size:40px}}
@media(max-width:600px){.greet-nav{gap:15px;font-size:10px}.greet-hero{grid-template-columns:1fr;gap:40px;padding:45px 0}.greet-hero h1{font-size:57px}.greet-hero p{font-size:16px}.greet-cover{max-width:240px;margin:0 0 10px}.greet-heading{display:block}.greet-heading h2{font-size:38px;margin-bottom:18px}.greet-heading p{margin-bottom:24px}.recipient-filters{gap:8px}.recipient-filter{padding:9px 14px;font-size:11px}.greeting-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.greeting-meta h3{font-size:22px;min-height:70px}.greeting-meta .eyebrow{font-size:9px}.download{font-size:11px;gap:8px}.sharing-guide{grid-template-columns:1fr;gap:10px;margin-top:35px;padding:30px 0}.sharing-guide h2{font-size:35px}.sharing-guide ol{font-size:14px}.greeting-detail{grid-template-columns:1fr;gap:10px;margin-bottom:40px}.detail-art{max-width:450px;width:100%;margin:auto}.detail-copy{padding-top:20px}.detail-copy h1{font-size:40px}.greeting-note{font-size:11px}}

/* Compact catalogue controls: keep generous tap targets, not empty space. */
.greet-gallery{padding-top:28px}.greet-heading h2{margin:8px 0 20px}.greet-heading p{margin-bottom:20px}.recipient-filters{gap:8px;padding-top:16px}.recipient-filter{min-height:44px}.gallery-count{margin:14px 0}.greeting-grid{gap:24px 24px}.greeting-meta{padding:10px 0 0}.greeting-meta h3{font-size:25px;line-height:1.15;margin:6px 0 8px;min-height:0}.greeting-meta .download{min-height:44px;padding:6px 0;gap:12px}.card-sharing{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.card-share{display:flex;gap:6px;align-items:center;justify-content:center;min-height:44px;padding:7px 8px;border:1px solid #b7b8af;border-radius:4px;background:transparent;font:12px/1.25 Arial,sans-serif;color:var(--ink);text-align:center;cursor:pointer}.card-share svg{width:18px;height:18px;flex:0 0 18px}.card-share:hover{border-color:var(--ink);background:#eae7dc}.card-facebook{color:#fff;background:#0866ff;border-color:#0866ff}.card-facebook:hover{color:#fff;background:#0755d5;border-color:#0755d5}.card-whatsapp{color:#073b22;background:#25d366;border-color:#16833e}.card-whatsapp:hover{color:#073b22;background:#20bd5a;border-color:#126e34}.card-share:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.card-native[hidden],.card-copy-fallback[hidden]{display:none}.card-share-feedback{font:11px/1.4 Arial,sans-serif;color:var(--muted);margin:6px 0 0}.card-share-feedback:empty{display:none}.card-copy-fallback{width:100%;font:12px Arial,sans-serif;padding:10px;margin-top:6px;border:1px solid var(--line);background:var(--paper)}
@media(max-width:850px){.greeting-grid{gap:22px 16px}.greeting-meta h3{font-size:23px}}
@media(max-width:600px){.greet-hero{padding:30px 0;gap:24px}.greet-gallery{padding-top:24px}.greet-heading h2{margin-bottom:12px}.greet-heading p{margin-bottom:16px}.greeting-grid{grid-template-columns:1fr;gap:24px}.greeting-meta h3{font-size:25px;min-height:0}.greeting-meta .eyebrow{font-size:10px}.card-share{font-size:13px}.greeting-meta .download{font-size:12px}}