/* Five distinct Telegram invitations. Colors follow the portal's theme tokens. */
.tm-subscription{padding:42px 0;background:none;color:var(--ink)}
.tm-subscription .tg-shell{--tg-surface:var(--surface);--tg-ink:var(--ink);--tg-button:var(--forest);--tg-button-ink:#fff;position:relative;isolation:isolate;background:var(--tg-surface);color:var(--tg-ink);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.tm-subscription .tg-shell>*{min-width:0;position:relative;z-index:1}
.tm-subscription .tg-shell>.tg-background{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.09}
.tm-subscription .tg-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.tm-subscription .tg-eyebrow{font:700 11px/1.6 var(--sans);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 14px;overflow-wrap:anywhere}
body.tm-layout .tm-subscription .tg-title{font-family:var(--serif);font-size:clamp(30px,3.1vw,46px);font-weight:700;line-height:1.15;letter-spacing:-.5px;color:inherit;margin:0 0 20px;text-wrap:balance;overflow-wrap:anywhere}
.tm-subscription .tg-text{font:400 var(--p2,16px)/1.75 var(--sans);color:inherit;margin:0 0 24px;overflow-wrap:anywhere;max-width:620px}
.tm-subscription .tg-note{font:400 12px/1.65 var(--sans);color:inherit;opacity:.75;margin:18px 0 0;overflow-wrap:anywhere}
.tm-subscription .tg-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;max-width:100%;margin:0;padding:13px 19px;border:1px solid var(--tg-button);border-radius:6px;background:var(--tg-button);color:var(--tg-button-ink);font:700 14px/1.5 var(--sans);text-decoration:none;white-space:normal;text-align:center;box-shadow:none;transition:filter .18s,transform .18s}
.tm-subscription .tg-button:hover{color:var(--tg-button-ink);background:var(--tg-button);border-color:var(--tg-button);filter:brightness(1.12);transform:translateY(-1px)}
.tm-subscription .tg-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.tm-subscription .tg-button span{min-width:0;overflow-wrap:anywhere}
.tm-subscription .tg-button>.icon{flex:none;width:18px;height:18px}
.tm-subscription .tg-button>.icon:last-child{margin-left:10px}
.tm-subscription .tg-preview-note{font:400 13px/1.6 var(--sans);padding:12px;border:1px dashed currentColor;border-radius:5px}
.tm-subscription .tg-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.tm-subscription .tg-benefits{list-style:none;padding:0;margin:0 0 27px;display:grid;gap:10px;font:400 14px/1.55 var(--sans)}
.tm-subscription .tg-benefits li{display:flex;gap:11px;align-items:center;min-width:0;overflow-wrap:anywhere}
.tm-subscription .tg-benefits .icon{flex:none;width:20px;height:20px}
.tm-subscription .tg-email{grid-column:1/-1;margin:0;padding:26px 36px;border-top:1px solid var(--line);width:100%}
.tm-subscription .tg-email form{max-width:700px;margin-inline:auto}

/* 1. A restrained horizontal masthead. */
.tm-subscription--editorial .tg-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:46px;align-items:center;padding:36px 42px 0;border-top:3px solid var(--tg-button)}
.tm-subscription--editorial.has-tg-visual .tg-shell{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 150px;column-gap:38px}
.tg-editorial-heading{display:flex;align-items:flex-start;gap:23px}
body.tm-layout .tm-subscription--editorial .tg-title{font-size:clamp(29px,2.5vw,38px);margin-bottom:0}
.tg-mark{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex:none;color:inherit}
.tg-mark .icon{width:24px;height:24px}
.tg-editorial-action{border-left:1px solid var(--line);padding-left:36px}
.tm-subscription--editorial .tg-text{font-size:15px;margin-bottom:18px}
.tg-editorial-photo{height:156px;align-self:stretch;border-radius:5px;overflow:hidden}
.tm-subscription--editorial .tg-foot{grid-column:1/-1;border-top:1px solid var(--line);padding:15px 0;margin-top:26px}
.tm-subscription--editorial .tg-note{margin:0;font-size:11px;letter-spacing:.2px}
.tm-subscription--editorial .tg-email{padding-inline:0}

/* 2. An atmospheric full-photo cover with one clear reading zone. */
.tm-subscription--photo .tg-shell{--tg-surface:var(--forest);--tg-ink:#fff8ea;--tg-button:#f4ecdd;--tg-button-ink:#263323;display:flex;align-items:flex-end;min-height:460px;border:0}
.tm-subscription--photo .tg-shell>.tg-background{opacity:1}
.tm-subscription--photo .tg-background::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--tg-surface) 0%,var(--tg-surface) 25%,transparent 100%),linear-gradient(0deg,#08170b,transparent 85%);opacity:var(--tg-shade,.65)}
.tg-photo-copy{padding:56px;width:min(100%,760px)}
body.tm-layout .tm-subscription--photo .tg-title{font-size:clamp(35px,3.8vw,56px);max-width:650px}
.tm-subscription--photo .tg-text{max-width:530px}
.tm-subscription--photo .tg-eyebrow{display:inline-block;padding-bottom:11px;border-bottom:1px solid #ffffff70}
.tm-subscription--photo .tg-photo-inset{width:116px;height:116px;flex:none;align-self:flex-start;margin:40px 40px 0 auto;border:4px solid #fff8ea;border-radius:50%;overflow:hidden}
.tm-subscription--photo .tg-email{background:#0c1b14e6;border-color:#ffffff35}
.tm-subscription--photo:has(.tg-email) .tg-shell{flex-wrap:wrap}

/* 3. A field journal: generous photo, paper and a precise dotted seam. */
.tm-subscription--journal .tg-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:26px;gap:0}
.tm-subscription--journal:not(.has-tg-visual) .tg-shell{grid-template-columns:minmax(0,1fr)}
.tg-journal-image{position:relative;display:block;margin:0 28px 0 0;min-height:350px;border-radius:4px;overflow:hidden}
.tg-journal-image>.tg-photo{position:absolute;inset:0;object-position:55% center}
.tg-journal-stamp{position:absolute;left:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#f4ecdded;color:#263323;display:grid;place-items:center}
.tg-journal-stamp .icon{width:34px;height:34px}
.tg-journal-copy{padding:24px 24px 24px 44px;border-left:1px dashed var(--line);align-self:center}
.tm-subscription--journal .tg-eyebrow{display:flex;align-items:center;gap:12px}
.tm-subscription--journal .tg-eyebrow::before{content:'';width:28px;height:1px;background:currentColor;flex:none}
.tm-subscription--journal .tg-title{max-width:630px}
.tm-subscription--journal .tg-note{border-top:1px solid var(--line);padding-top:15px;margin-top:25px}
.tm-subscription--journal:not(.has-tg-visual) .tg-journal-copy{border-left:0;max-width:900px;padding:30px}
.tm-subscription--journal .tg-email{margin-top:25px}

/* 4. A calm product spread. The phone is upright and optically contained. */
.tm-subscription--phone .tg-shell{--tg-surface:#e8eddf;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);padding:44px 64px;gap:44px;align-items:center}
.tm-subscription--phone:not(.has-tg-visual) .tg-shell{grid-template-columns:minmax(0,1fr)}
.tg-phone-copy{max-width:710px}
.tm-subscription--phone .tg-eyebrow{color:inherit;display:flex;gap:9px;align-items:center}
.tm-subscription--phone .tg-eyebrow::before{content:'';display:block;width:7px;height:7px;background:currentColor;border-radius:50%;flex:none}
.tm-subscription--phone .tg-title{max-width:620px}
.tg-phone-visual{display:grid;place-items:center;min-width:0;border-left:1px solid var(--line);padding-left:36px}
.tm-subscription .tg-phone-image{width:auto;max-width:100%;height:auto;max-height:390px;object-fit:contain;display:block;filter:drop-shadow(0 12px 10px #182b1720)}
.tm-subscription--phone .tg-benefits{gap:9px}
.tm-subscription--phone .tg-email{padding-inline:0}

/* 5. A centered club invitation with a quiet botanical emblem. */
.tm-subscription--club .tg-shell{padding:44px 48px 36px;text-align:center;border-top:0}
.tm-subscription--club .tg-shell::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);height:3px;width:130px;background:var(--tg-button)}
.tg-club-copy{max-width:960px;margin-inline:auto}
.tg-club-emblem{width:66px;height:66px;margin:0 auto 21px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;overflow:hidden}
.tg-club-emblem>.icon{width:32px;height:32px}
.tg-club-emblem img{width:100%;height:100%;object-fit:cover}
.tm-subscription--club .tg-eyebrow{font-size:10px;letter-spacing:2px}
.tm-subscription--club .tg-title{max-width:780px;margin-inline:auto}
.tm-subscription--club .tg-text{max-width:680px;margin:0 auto 25px}
.tm-subscription--club .tg-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px auto;max-width:830px;padding:20px 0}
.tm-subscription--club .tg-benefits li{justify-content:center;flex-direction:column;padding:0 22px;font-size:13px;line-height:1.5}
.tm-subscription--club .tg-benefits li+li{border-left:1px solid var(--line)}
.tm-subscription--club .tg-benefits .icon{width:24px;height:24px;margin-bottom:3px}
.tm-subscription--club .tg-note{margin-top:16px;font-size:11px}
.tm-subscription--club .tg-email{margin-top:25px;padding-bottom:0}

[data-theme="dark"] .tm-subscription .tg-shell{--tg-button:#cdb487;--tg-button-ink:#172015}
[data-theme="dark"] .tm-subscription--phone .tg-shell{--tg-surface:#283b2e}
[data-theme="dark"] .tm-subscription--photo .tg-shell{--tg-ink:#fff8ea;--tg-button:#f4ecdd;--tg-button-ink:#263323}

@media(max-width:1100px){
 .tm-subscription--editorial .tg-shell,.tm-subscription--editorial.has-tg-visual .tg-shell{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:28px 28px 0;gap:0 28px}
 .tg-editorial-photo{grid-column:1/-1;height:140px;margin-top:22px}.tg-editorial-heading{gap:17px}.tg-mark{width:42px;height:42px}
 .tg-editorial-action{padding-left:25px}body.tm-layout .tm-subscription--editorial .tg-title{font-size:31px}
 .tg-journal-copy{padding:20px 15px 20px 28px}.tg-journal-image{margin-right:22px}
 .tm-subscription--phone .tg-shell{padding:35px;gap:25px}.tg-phone-visual{padding-left:24px}
 .tm-subscription .tg-phone-image{max-height:350px}
}
@media(max-width:700px){
 .tm-subscription{padding:26px 0}
 .tm-subscription .tg-eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:12px}
 body.tm-layout .tm-subscription .tg-title{font-size:30px;line-height:1.18;letter-spacing:-.2px;margin-bottom:17px}
 .tm-subscription .tg-text{font-size:15px;line-height:1.7;margin-bottom:20px}
 .tm-subscription .tg-note{font-size:11px;line-height:1.65}
 .tm-subscription .tg-button{width:100%;padding:13px 14px;font-size:13px}
 .tm-subscription .tg-button>.icon:last-child{margin-left:auto}
 .tm-subscription .tg-email{padding:22px 0}
 .tm-subscription--editorial .tg-shell,.tm-subscription--editorial.has-tg-visual .tg-shell{grid-template-columns:minmax(0,1fr);padding:24px 22px 0}
 .tg-editorial-heading{gap:14px}.tg-mark{width:36px;height:36px}.tg-mark .icon{width:18px;height:18px}
 body.tm-layout .tm-subscription--editorial .tg-title{font-size:27px;margin:0}
 .tg-editorial-action{border-left:0;border-top:1px solid var(--line);margin-top:22px;padding:20px 0 0}
 .tm-subscription--editorial .tg-foot{margin-top:22px;padding:13px 0}
 .tm-subscription--photo .tg-shell{min-height:490px}
 .tm-subscription--photo .tg-photo-copy{padding:32px 24px;width:100%;align-self:flex-end}
 .tm-subscription--photo .tg-background::after{background:linear-gradient(0deg,var(--tg-surface),var(--tg-surface) 50%,transparent)}
 body.tm-layout .tm-subscription--photo .tg-title{font-size:36px}
 .tm-subscription--photo .tg-photo-inset{position:absolute;top:20px;right:20px;width:60px;height:60px;margin:0;border-width:2px}.tm-subscription--photo:has(.tg-photo-inset) .tg-photo-copy{padding-top:100px}.tm-subscription--photo .tg-email{padding:22px 24px}
 .tm-subscription--journal .tg-shell{grid-template-columns:minmax(0,1fr);padding:16px}
 .tg-journal-image{min-height:0;height:200px;margin:0 0 22px;border-radius:3px}
 .tg-journal-stamp{width:44px;height:44px;left:14px;bottom:14px}.tg-journal-stamp .icon{width:27px;height:27px}
 .tg-journal-copy{border-left:0;padding:0 8px 10px}
 .tm-subscription--journal:not(.has-tg-visual) .tg-journal-copy{padding:12px 8px}
 .tm-subscription--journal .tg-note{padding-top:15px;margin-top:20px}
 .tm-subscription--phone .tg-shell{grid-template-columns:minmax(0,1fr);padding:28px 24px;gap:26px}
 .tg-phone-visual{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}
 .tm-subscription .tg-phone-image{max-height:285px;max-width:78%}
 .tm-subscription--phone .tg-benefits{font-size:13px;margin-bottom:22px}
 .tm-subscription--club .tg-shell{padding:30px 24px 26px}
 .tg-club-emblem{width:56px;height:56px;margin-bottom:18px}
 .tm-subscription--club .tg-benefits{grid-template-columns:minmax(0,1fr);gap:0;margin:23px 0;padding:5px 0;text-align:left}
 .tm-subscription--club .tg-benefits li{flex-direction:row;justify-content:flex-start;padding:13px 0;font-size:13px}
 .tm-subscription--club .tg-benefits li+li{border-left:0;border-top:1px solid var(--line)}
 .tm-subscription--club .tg-benefits .icon{width:21px;height:21px;margin:0}
}
@media(prefers-reduced-motion:reduce){.tm-subscription .tg-button{transition:none}.tm-subscription .tg-button:hover{transform:none}}