/* https://help.tamitos.com/static/tamitos.css */
:root {
--ink: #3e3558;
--ink-soft: #6b6383;
--ink-faint: #9a94ad;
--cyan: #56c7ed;
--cyan-dark: #4aa8e0;
--purple: #b197fc;
--green: #69db7c;
--error: #d84a3c;
--error-soft: #fdeceb;
--surface: #ffffff;
--surface-muted: #f4f2f8;
--line: #ece9f2;
--line-strong: #ddd8e8;
--r-card: 20px;
--r-field: 14px;
--r-pill: 46px;
--gutter: 40px;
--shadow-card: 0 10px 30px rgba(62, 53, 88, 0.08);
--shadow-pill: 0 6px 16px rgba(74, 168, 224, 0.35);
}
* { box-sizing: border-box; }
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-family: var(--brand);
color: var(--ink);
background: var(--surface);
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, p { margin: 0; }
a { color: inherit; }
.shell {
display: grid;
grid-template-columns: 42% 58%;
min-height: 100vh;
}
.shell__left {
padding: 56px var(--gutter);
display: flex;
flex-direction: column;
}
.shell__right {
position: relative;
padding: 32px var(--gutter) var(--gutter);
display: flex;
flex-direction: column;
background:
radial-gradient(120% 90% at 8% 0%, #a9d8f5 0%, rgba(169, 216, 245, 0) 55%),
radial-gradient(120% 90% at 100% 100%, #dbe8b4 0%, rgba(219, 232, 180, 0) 60%),
linear-gradient(160deg, #cfe6fa 0%, #eef1f2 45%, #e5eecd 100%);
}
.brand {
display: flex;
align-items: center;
gap: 10px;
font-weight: 800;
letter-spacing: 0.14em;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
}
.brand__mark {
width: 30px;
height: 30px;
border-radius: 9px;
background: linear-gradient(135deg, var(--cyan-dark), var(--cyan));
}
a.brand { transition: opacity 0.15s; }
a.brand:hover { opacity: 0.72; }
.shell__lede { margin-top: auto; margin-bottom: auto; max-width: 420px; }
.shell__lede h1 {
font-size: 46px;
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.5px;
}
.shell__rule {
height: 2px;
width: 190px;
margin: 22px 0;
background: var(--line-strong);
border-radius: 2px;
}
.shell__lede p {
font-size: 17px;
line-height: 1.55;
color: var(--ink-soft);
}
.shell__foot {
font-size: 13px;
color: var(--ink-faint);
line-height: 1.5;
}
.top {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 14px;
min-height: 44px;
}
.step-count {
font-size: 13px;
color: var(--ink-soft);
font-weight: 600;
}
.form {
margin: auto 0;
width: 100%;
max-width: 560px;
align-self: center;
}
.field { margin-bottom: 18px; }
.field > label {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--ink-soft);
margin-bottom: 7px;
}
.field input[type="text"],
.field input[type="email"],
.field input[type="tel"],
.field input[type="number"],
.field input[type="month"],
.field select,
.field textarea {
width: 100%;
border: 1px solid transparent;
border-radius: var(--r-field);
background: rgba(255, 255, 255, 0.92);
padding: 14px 16px;
font: inherit;
font-size: 15px;
color: var(--ink);
outline: none;
transition: border-color 0.15s, box-shadow 0.15s;
}
.field textarea { min-height: 132px; resize: vertical; line-height: 1.55; }
.field input::placeholder,
.field textarea::placeholder { color: var(--ink-faint); }
.field input:focus,
.field select:focus,
.field textarea:focus {
border-color: var(--cyan-dark);
box-shadow: 0 0 0 4px rgba(86, 199, 237, 0.18);
}
.field__hint {
margin-top: 6px;
font-size: 12.5px;
line-height: 1.45;
color: var(--ink-soft);
}
.field--pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.money { position: relative; }
.money input { padding-right: 44px; }
.money::after {
content: '€';
position: absolute;
right: 16px;
top: 38px;
font-weight: 700;
color: var(--ink-soft);
}
.check {
display: flex;
gap: 12px;
align-items: flex-start;
background: rgba(255, 255, 255, 0.92);
border-radius: var(--r-field);
padding: 14px 16px;
margin-bottom: 12px;
font-size: 14px;
line-height: 1.5;
cursor: pointer;
}
.check input { margin-top: 3px; width: 17px; height: 17px; accent-color: var(--cyan-dark); }
.check span { color: var(--ink-soft); }
.check strong { color: var(--ink); font-weight: 600; }
.trap {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.choice {
display: flex;
gap: 20px;
align-items: center;
background: var(--surface);
border: 2px solid transparent;
border-radius: var(--r-card);
padding: 22px 24px;
margin-bottom: 16px;
box-shadow: var(--shadow-card);
cursor: pointer;
transition: border-color 0.15s, transform 0.15s;
}
.choice:hover { transform: translateY(-1px); }
.choice input { display: none; }
.choice:has(input:checked) { border-color: var(--cyan); }
.choice__icon {
width: 56px;
height: 56px;
flex: none;
border-radius: 16px;
background: linear-gradient(135deg, #dce9f5, #e8dff6);
display: grid;
place-items: center;
font-size: 24px;
}
.choice h3 { font-size: 18px; font-weight: 700; }
.choice p { margin-top: 4px; font-size: 14px; line-height: 1.5; color: var(--ink-soft); }
.actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-top: 28px;
}
.btn {
border: 0;
font: inherit;
font-weight: 700;
font-size: 15px;
border-radius: var(--r-pill);
padding: 15px 34px;
cursor: pointer;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
transition: filter 0.15s, box-shadow 0.15s;
}
.btn--primary {
background: linear-gradient(90deg, var(--cyan-dark), var(--cyan));
color: #fff;
box-shadow: var(--shadow-pill);
}
.btn--primary:hover { filter: brightness(1.04); }
.btn--primary:disabled,
.btn--primary[aria-disabled="true"] {
background: var(--line-strong);
color: #8d879d;
box-shadow: none;
cursor: not-allowed;
}
.btn--ghost { background: var(--surface); color: var(--ink); box-shadow: var(--shadow-card); }
.btn--quiet { background: transparent; color: var(--ink-soft); padding-left: 0; }
.btn--danger { background: var(--error-soft); color: var(--error); }
.btn--small { padding: 10px 20px; font-size: 14px; }
.notice {
border-radius: var(--r-field);
padding: 14px 16px;
font-size: 14px;
line-height: 1.5;
margin-bottom: 18px;
}
.notice--error { background: var(--error-soft); color: var(--error); }
.notice--ok { background: #e9f8ec; color: #2f7d3f; }
.done {
margin: auto 0;
max-width: 520px;
align-self: center;
background: var(--surface);
border-radius: 26px;
padding: 44px;
box-shadow: var(--shadow-card);
text-align: center;
}
.done__mark {
width: 74px;
height: 74px;
margin: 0 auto 22px;
border-radius: 50%;
background: linear-gradient(135deg, var(--cyan-dark), var(--cyan));
display: grid;
place-items: center;
color: #fff;
font-size: 34px;
}
.done h2 { font-size: 30px; font-weight: 800; line-height: 1.15; }
.done p { margin-top: 12px; font-size: 15.5px; line-height: 1.6; color: var(--ink-soft); }
.admin { min-height: 100vh; display: grid; grid-template-columns: 232px 1fr; }
.side {
background: #2b2540;
color: #fff;
padding: 26px 20px;
display: flex;
flex-direction: column;
gap: 6px;
}
.side .brand { color: #fff; margin-bottom: 26px; }
.side a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 11px 14px;
border-radius: 12px;
text-decoration: none;
color: rgba(255, 255, 255, 0.72);
font-size: 14.5px;
font-weight: 600;
}
.side a:hover { background: rgba(255, 255, 255, 0.07); color: #fff; }
.side a.is-on { background: rgba(255, 255, 255, 0.13); color: #fff; }
.side a.brand { padding: 0; background: none; color: #fff; }
.side a.brand:hover { background: none; }
.side__group {
margin: 20px 0 2px;
padding: 0 14px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.38);
}
.side__count {
background: var(--cyan);
color: #17324a;
border-radius: 20px;
padding: 1px 9px;
font-size: 12px;
font-weight: 800;
}
.side__foot { margin-top: auto; font-size: 12.5px; color: rgba(255, 255, 255, 0.45); line-height: 1.5; }
.main { padding: 34px 40px 60px; background: #faf9fc; }
.main__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 20px;
margin-bottom: 26px;
}
.main__head h1 { font-size: 30px; font-weight: 800; }
.main__head p { margin-top: 5px; font-size: 14.5px; color: var(--ink-soft); }
.panel {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-card);
padding: 24px;
margin-bottom: 22px;
}
.panel > h2 {
font-size: 17px;
font-weight: 700;
margin-bottom: 16px;
}
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.stat {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-card);
padding: 18px 20px;
}
.stat__label { font-size: 12.5px; font-weight: 600; color: var(--ink-soft); }
.stat__value { font-size: 27px; font-weight: 800; line-height: 1.2; margin-top: 4px; letter-spacing: -0.4px; }
.stat__note { font-size: 12.5px; color: var(--ink-faint); margin-top: 3px; }
.bar { height: 9px; border-radius: 9px; background: #e4e1ec; overflow: hidden; display: flex; }
.bar__movement { background: linear-gradient(90deg, var(--cyan-dark), var(--cyan)); }
.bar__direct { background: var(--purple); }
.bar__done { background: var(--green); }
.slots {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
gap: 16px;
}
.slots__count {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 18px;
}
.slots__count label { font-size: 13.5px; font-weight: 700; }
.slots__count input {
width: 74px;
background: var(--surface-muted);
border: 1px solid var(--line);
border-radius: 10px;
padding: 8px 10px;
font: inherit;
font-size: 14px;
}
.slots__count .field__hint { flex-basis: 100%; margin: 0; }
.slot {
border: 1px solid var(--line);
border-radius: var(--r-card);
padding: 18px;
min-height: 150px;
display: flex;
flex-direction: column;
}
.slot--free {
border-style: dashed;
border-color: var(--line-strong);
align-items: center;
justify-content: center;
text-align: center;
color: var(--ink-faint);
font-size: 13.5px;
}
.slot__no { font-size: 12px; font-weight: 700; color: var(--ink-faint); letter-spacing: 0.08em; }
.slot__name { font-size: 18px; font-weight: 700; margin-top: 3px; }
.slot__purpose { font-size: 13px; color: var(--ink-soft); line-height: 1.45; margin-top: 4px; }
.slot__money { margin-top: auto; padding-top: 12px; font-size: 13px; color: var(--ink-soft); }
table { width: 100%; border-collapse: collapse; }
th {
text-align: left;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--ink-faint);
padding: 0 12px 10px;
}
td { padding: 14px 12px; border-top: 1px solid var(--line); font-size: 14.5px; vertical-align: top; }
tr:hover td { background: #fcfbfe; }
td .who { font-weight: 700; }
td .sub { font-size: 13px; color: var(--ink-soft); margin-top: 2px; }
td.num { text-align: right; font-weight: 700; white-space: nowrap; }
td.act { text-align: right; white-space: nowrap; }
.tag {
display: inline-block;
border-radius: 20px;
padding: 3px 11px;
font-size: 12px;
font-weight: 700;
}
.tag--review { background: #fff3d9; color: #9a6a00; }
.tag--ok { background: #e9f8ec; color: #2f7d3f; }
.tag--live { background: #e2f4fd; color: #1c6b96; }
.tag--no { background: var(--error-soft); color: var(--error); }
.tag--idle { background: var(--surface-muted); color: var(--ink-soft); }
.tag--grey { background: var(--surface-muted); color: var(--ink-soft); }
.empty { padding: 34px 0; text-align: center; color: var(--ink-faint); font-size: 14.5px; }
.ranks { display: grid; grid-template-columns: 110px 1fr 44px 48px; gap: 10px 12px; align-items: center; }
.ranks .rank { display: contents; }
.rank__name { font-size: 14px; font-weight: 700; }
.rank__bar {
height: 10px;
border-radius: 10px;
background: var(--surface-muted);
overflow: hidden;
}
.rank__fill {
height: 100%;
border-radius: 10px;
background: linear-gradient(90deg, var(--cyan-dark), var(--cyan));
min-width: 0;
}
.rank__count,
.rank__share {
font-size: 13.5px;
text-align: right;
font-variant-numeric: tabular-nums;
}
.rank__share { color: var(--ink-faint); }
@media (max-width: 720px) {
.ranks { grid-template-columns: 92px 1fr 38px 44px; gap: 8px; }
.rank__name { font-size: 13px; }
}
.detail { display: grid; grid-template-columns: 1fr 320px; gap: 22px; align-items: start; }
.detail dl { margin: 0; display: grid; grid-template-columns: 150px 1fr; row-gap: 12px; column-gap: 16px; }
.detail dt { font-size: 13px; color: var(--ink-soft); font-weight: 600; }
.detail dd { margin: 0; font-size: 14.5px; }
.story-text { font-size: 15px; line-height: 1.65; color: var(--ink); }
.story-text p { margin: 0 0 14px; }
.story-text p:last-child { margin-bottom: 0; }
.sensitive {
border: 1px solid var(--line);
border-left: 3px solid var(--purple);
border-radius: 12px;
padding: 14px 16px;
font-size: 13px;
line-height: 1.55;
color: var(--ink-soft);
background: #fbfaff;
}
@media (max-width: 1080px) {
.shell { grid-template-columns: 1fr; }
.shell__left { padding: 32px 24px; }
.shell__lede h1 { font-size: 34px; }
.shell__foot { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.admin { grid-template-columns: 1fr; }
.side { flex-direction: row; flex-wrap: wrap; align-items: center; }
.side__group { flex-basis: 100%; margin: 12px 0 0; padding: 0; }
.stats, .slots { grid-template-columns: repeat(2, 1fr); }
.detail { grid-template-columns: 1fr; }
}
.drop {
border: 2px dashed var(--line-strong);
border-radius: var(--r-card);
background: rgba(255, 255, 255, 0.72);
padding: 26px;
text-align: center;
cursor: pointer;
transition: border-color 0.15s, background 0.15s;
}
.drop:hover, .drop.is-over { border-color: var(--cyan-dark); background: rgba(255, 255, 255, 0.92); }
.drop input[type="file"] { display: none; }
.drop__icon { display: block; margin: 0 auto; }
.drop__title { font-weight: 700; font-size: 15px; margin-top: 6px; }
.drop__note { font-size: 12.5px; color: var(--ink-soft); margin-top: 4px; line-height: 1.5; }
.thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 14px; }
.thumb {
position: relative;
aspect-ratio: 4 / 3;
border-radius: 12px;
overflow: hidden;
background: var(--surface-muted);
}
.thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.thumb__x {
position: absolute;
top: 6px; right: 6px;
width: 24px; height: 24px;
border: 0;
border-radius: 50%;
background: rgba(20, 16, 32, 0.62);
color: #fff;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
button.thumb {
padding: 0;
border: 0;
cursor: zoom-in;
font: inherit;
}
button.thumb:hover img { transform: scale(1.04); }
button.thumb img { transition: transform 160ms ease; }
button.thumb:focus-visible {
outline: 2px solid var(--cyan-dark);
outline-offset: 2px;
}
.lightbox {
border: 0;
padding: 0;
background: transparent;
max-width: min(1100px, 94vw);
max-height: 94svh;
overflow: visible;
}
.lightbox::backdrop { background: rgba(20, 16, 32, 0.82); }
.lightbox img {
display: block;
max-width: 100%;
max-height: 86svh;
width: auto;
height: auto;
border-radius: 14px;
background: var(--surface-muted);
}
.lightbox__caption {
margin: 10px 2px 0;
color: #fff;
font-size: 13px;
text-align: center;
}
.lightbox__close { position: absolute; top: -14px; right: -14px; }
.lightbox__close button {
width: 34px; height: 34px;
border: 0;
border-radius: 50%;
background: #fff;
color: var(--ink);
font-size: 20px;
line-height: 1;
cursor: pointer;
box-shadow: 0 4px 14px rgba(20, 16, 32, 0.35);
}
@media (max-width: 720px) {
.lightbox__close { top: 8px; right: 8px; }
}
.thumb--cover::after {
content: 'Hlavná';
position: absolute;
left: 6px; bottom: 6px;
background: var(--cyan-dark);
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 2px 8px;
border-radius: 20px;
}
.files { margin-top: 14px; }
.file-row {
display: flex;
align-items: center;
gap: 12px;
background: rgba(255, 255, 255, 0.92);
border-radius: 12px;
padding: 11px 14px;
margin-bottom: 8px;
font-size: 14px;
}
.file-row__name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-row__size { font-size: 12.5px; color: var(--ink-faint); }
.file-row__x {
border: 0; background: none; cursor: pointer;
color: var(--ink-faint); font-size: 16px; line-height: 1;
}
.story-page { max-width: 1080px; margin: 0 auto; padding: 40px var(--gutter) 80px; }
.story-page__title { font-size: 42px; font-weight: 800; line-height: 1.12; letter-spacing: -0.6px; max-width: 760px; }
.story-page__grid { display: grid; grid-template-columns: 1fr 340px; gap: 32px; margin-top: 28px; align-items: start; }
.story-page__cover { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--r-card); display: block; }
.story-page__gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; }
.story-page__gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; }
.rail { border: 1px solid var(--line); border-radius: var(--r-card); padding: 22px; position: sticky; top: 24px; }
.rail__raised { font-size: 30px; font-weight: 800; letter-spacing: -0.4px; }
.rail__goal { font-size: 14px; color: var(--ink-soft); margin-top: 2px; }
.rail__split { font-size: 13px; color: var(--ink-soft); margin-top: 12px; line-height: 1.6; }
.rail__key { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 6px; vertical-align: baseline; }
.verified {
display: flex; align-items: center; gap: 8px;
margin-top: 16px; padding-top: 16px;
border-top: 1px solid var(--line);
font-size: 13px; color: var(--ink-soft); line-height: 1.5;
}
.site-bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px var(--gutter);
border-bottom: 1px solid var(--line);
}
.story-page__teaser {
font-size: 19px;
line-height: 1.55;
color: var(--ink-soft);
max-width: 700px;
margin-top: 14px;
}
.story-page__cover--none {
background: linear-gradient(135deg, #dce9f5, #e8dff6);
}
.rail__meta {
font-size: 13px;
color: var(--ink-faint);
margin-top: 14px;
}
.move-cta {
display: flex;
align-items: center;
gap: 28px;
margin-top: 32px;
padding: 26px 28px;
border-radius: var(--r-card);
background:
radial-gradient(120% 140% at 0% 0%, #d6ecfa 0%, rgba(214, 236, 250, 0) 60%),
linear-gradient(120deg, #eef7fd 0%, #f2f7e9 100%);
}
.move-cta h2 { font-size: 20px; font-weight: 800; }
.move-cta p { margin-top: 6px; font-size: 15px; line-height: 1.6; color: var(--ink-soft); }
.move-cta .btn { flex: none; }
@media (max-width: 1080px) {
.story-page__grid { grid-template-columns: 1fr; }
.rail { position: static; }
.move-cta { flex-direction: column; align-items: flex-start; }
}
.split-note {
background: rgba(255, 255, 255, 0.92);
border-left: 3px solid var(--cyan-dark);
border-radius: var(--r-field);
padding: 16px 18px;
font-size: 14.5px;
line-height: 1.6;
color: var(--ink-soft);
margin-bottom: 20px;
}
.split-note strong { color: var(--ink); font-weight: 700; }
.pay {
background: var(--surface);
border-radius: var(--r-card);
padding: 22px 24px;
margin-bottom: 16px;
box-shadow: var(--shadow-card);
}
.pay--quiet { background: rgba(255, 255, 255, 0.7); box-shadow: none; }
.pay__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.pay h3 { font-size: 18px; font-weight: 700; }
.pay__tag {
background: #e9f8ec;
color: #2f7d3f;
border-radius: 20px;
padding: 3px 11px;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.pay__tag--alt { background: #f1ecff; color: #6b4fd0; }
.pay__note {
margin-top: 6px;
margin-bottom: 16px;
font-size: 14px;
line-height: 1.55;
color: var(--ink-soft);
}
.bank { margin: 0; display: grid; grid-template-columns: 130px 1fr; row-gap: 1px; }
.bank dt,
.bank dd {
margin: 0;
padding: 11px 0;
font-size: 14.5px;
border-top: 1px solid var(--line);
}
.bank dt { color: var(--ink-soft); font-weight: 600; }
.bank dd { text-align: right; font-weight: 700; }
.bank__iban { font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
.copy {
display: block;
margin-left: auto;
margin-top: 4px;
border: 0;
background: none;
padding: 0;
font: inherit;
font-size: 12.5px;
font-weight: 600;
color: var(--cyan-dark);
cursor: pointer;
}
/* https://help.tamitos.com/static/public.css */
body.page { height: auto; background: var(--surface); }
.nav {
display: flex;
align-items: center;
gap: 26px;
padding: 18px var(--gutter);
border-bottom: 1px solid var(--line);
position: sticky;
top: 0;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: saturate(1.4) blur(8px);
z-index: 20;
}
.nav__links { display: flex; gap: 22px; margin-left: auto; }
.nav__links a {
text-decoration: none;
font-weight: 600;
font-size: 15px;
color: var(--ink-soft);
padding: 6px 0;
border-bottom: 2px solid transparent;
}
.nav__links a:hover { color: var(--ink); }
.nav__links a.is-on { color: var(--ink); border-bottom-color: var(--cyan); }
.hero {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 48px;
align-items: center;
padding: 72px var(--gutter) 60px;
max-width: 1180px;
margin: 0 auto;
}
.hero__text h1 {
font-size: 48px;
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.8px;
margin: 14px 0 18px;
}
.hero__lede { font-size: 18px; line-height: 1.6; color: var(--ink-soft); max-width: 34em; }
.hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.hero__fine { margin-top: 14px; font-size: 14px; color: var(--ink-faint); }
.eyebrow {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.4px;
text-transform: uppercase;
color: var(--cyan-dark);
}
.hero__numbers {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
background: var(--surface-muted);
border-radius: var(--r-card);
padding: 24px;
}
.hero__numbers .stat { background: var(--surface); border-radius: 14px; padding: 16px; }
.hero__numbers .stat--big { grid-column: 1 / -1; }
.hero__numbers .stat--big .stat__value { font-size: 38px; }
.band { padding: 62px var(--gutter); }
.band--tint { background: var(--surface-muted); }
.band__inner { max-width: 1180px; margin: 0 auto; }
.band__aside {
margin-top: 28px;
font-size: 16px;
color: var(--ink-soft);
background: var(--surface-muted);
border-radius: var(--r-card);
padding: 18px 22px;
}
.band--tint .band__aside { background: var(--surface); }
.section-title { font-size: 28px; font-weight: 800; letter-spacing: -0.4px; }
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.section-note { font-size: 14.5px; color: var(--ink-faint); margin-top: 6px; display: block; }
.link { font-weight: 700; font-size: 15px; color: var(--cyan-dark); text-decoration: none; white-space: nowrap; }
.link:hover { text-decoration: underline; }
.head { padding: 56px var(--gutter) 10px; }
.head__inner { max-width: 1180px; margin: 0 auto; }
.head h1 { font-size: 40px; font-weight: 800; letter-spacing: -0.6px; }
.head p { margin-top: 12px; font-size: 17px; color: var(--ink-soft); max-width: 46em; line-height: 1.6; }
.head__numbers { margin-top: 16px; font-size: 15px; color: var(--ink-soft); }
.head__eyebrow {
margin: 0 0 10px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--cyan-dark);
max-width: none;
}
.invite__else .section-note {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
margin-top: 12px;
font-size: 15px;
color: var(--ink-soft);
}
.invite__else .section-note a {
color: var(--cyan-dark);
font-weight: 700;
text-decoration: none;
}
.invite__else .section-note a:hover { text-decoration: underline; }
.steps {
list-style: none;
padding: 0;
margin: 26px 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.steps--four { grid-template-columns: repeat(4, 1fr); }
.steps li {
background: var(--surface);
border-radius: var(--r-card);
padding: 24px;
box-shadow: var(--shadow-card);
}
.band--tint .steps li { box-shadow: none; border: 1px solid var(--line); }
.steps__n {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px; height: 30px;
border-radius: 50%;
background: var(--cyan);
color: #fff;
font-weight: 800;
font-size: 15px;
}
.steps h3 { font-size: 18px; font-weight: 700; margin: 14px 0 8px; }
.steps p { font-size: 15px; line-height: 1.55; color: var(--ink-soft); }
.cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
gap: 20px;
margin-top: 24px;
}
.card {
display: block;
text-decoration: none;
color: inherit;
background: var(--surface);
border-radius: var(--r-card);
overflow: hidden;
box-shadow: var(--shadow-card);
transition: transform .15s ease;
}
.card:hover { transform: translateY(-2px); }
.card__cover { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.card__cover--none { background: linear-gradient(135deg, var(--surface-muted), #e7e2f3); }
.card__body { padding: 18px 20px 20px; }
.card__who { font-size: 13px; font-weight: 700; color: var(--cyan-dark); }
.card__title { font-size: 18px; font-weight: 700; margin: 6px 0 8px; line-height: 1.3; }
.card__teaser {
font-size: 14.5px;
line-height: 1.5;
color: var(--ink-soft);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 14px;
}
.bar__fill { background: linear-gradient(90deg, var(--cyan-dark), var(--cyan)); }
.card__money { margin-top: 10px; font-size: 14px; line-height: 1.45; }
.card__money strong { font-size: 17px; font-weight: 800; margin-right: 5px; }
.card__money span { color: var(--ink-faint); }
.empty-note {
margin-top: 20px;
padding: 26px;
border-radius: var(--r-card);
background: var(--surface-muted);
color: var(--ink-soft);
font-size: 15px;
line-height: 1.6;
}
.partners {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 16px;
margin-top: 24px;
}
.partner {
background: var(--surface);
border-radius: var(--r-card);
padding: 22px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-start;
border: 1px solid var(--line);
}
.partner__logo { max-height: 40px; max-width: 100%; object-fit: contain; }
.partner__name { font-size: 18px; font-weight: 800; }
.partner__meta { font-size: 13.5px; color: var(--ink-faint); font-weight: 600; }
.voices {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 18px;
margin-top: 24px;
}
.voice { display: flex; gap: 14px; align-items: center; }
.voice__photo { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }
.voice__name { font-weight: 700; font-size: 16px; }
.voice__name a { text-decoration: none; }
.voice__name a:hover { text-decoration: underline; }
.voice__role { font-size: 14px; color: var(--ink-soft); }
.grid3 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 18px;
margin-top: 26px;
}
.tile { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); padding: 24px; }
.tile h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; }
.tile p { font-size: 15px; line-height: 1.55; color: var(--ink-soft); }
.give {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
gap: 48px;
align-items: start;
}
.give__intro p {
margin-top: 14px;
font-size: 16px;
line-height: 1.6;
color: var(--ink-soft);
max-width: 34em;
}
.give__intro .give__fine { font-size: 14px; color: var(--ink-faint); }
.give__form {
background: var(--surface);
border-radius: var(--r-card);
padding: 28px;
box-shadow: var(--shadow-card);
}
.give__form .field input,
.give__form .check { background: var(--surface-muted); }
.give__form .field input:focus { background: var(--surface); }
.give__form .money::after { top: 15px; }
.give__form .actions { margin-top: 22px; }
.give__secure { font-size: 12.5px; color: var(--ink-faint); line-height: 1.4; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.chip {
border: 1px solid var(--line-strong);
background: var(--surface);
border-radius: var(--r-pill);
padding: 9px 16px;
font: inherit;
font-size: 14px;
font-weight: 700;
color: var(--ink-soft);
cursor: pointer;
transition: border-color .15s, color .15s, background .15s;
}
.chip:hover { border-color: var(--cyan); color: var(--ink); }
.chip.is-on { border-color: var(--cyan-dark); background: #e7f6fd; color: var(--ink); }
.ends { padding: 20px var(--gutter) 70px; }
.ends__inner {
max-width: 1180px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.end {
background: var(--surface-muted);
border-radius: var(--r-card);
padding: 34px;
}
.end--alt { background: linear-gradient(135deg, #eef8fd, #f2ecfd); }
.end--wide { grid-column: 1 / -1; text-align: center; }
.end--wide p { margin-left: auto; margin-right: auto; }
.end h3 { font-size: 22px; font-weight: 800; }
.end p { margin: 10px 0 20px; font-size: 15.5px; line-height: 1.6; color: var(--ink-soft); max-width: 34em; }
.soon { font-size: 14.5px; color: var(--ink-faint); font-weight: 600; }
.foot { border-top: 1px solid var(--line); padding: 40px var(--gutter) 26px; }
.foot__inner {
max-width: 1180px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 28px;
justify-content: space-between;
}
.brand--quiet { opacity: .8; }
.foot__note { margin-top: 10px; font-size: 14px; color: var(--ink-soft); max-width: 30em; }
.foot__links { display: flex; flex-wrap: wrap; gap: 18px; align-items: flex-start; }
.foot__links a { font-size: 14.5px; font-weight: 600; color: var(--ink-soft); text-decoration: none; }
.foot__links a:hover { color: var(--ink); }
.foot__fine {
max-width: 1180px;
margin: 26px auto 0;
padding-top: 18px;
border-top: 1px solid var(--line);
font-size: 13px;
color: var(--ink-faint);
}
@media (max-width: 900px) {
.hero { grid-template-columns: 1fr; padding-top: 44px; gap: 30px; }
.hero__text h1 { font-size: 34px; }
.steps, .steps--four { grid-template-columns: 1fr; }
.ends__inner { grid-template-columns: 1fr; }
.nav { gap: 14px; flex-wrap: wrap; }
.nav__links { order: 3; width: 100%; margin-left: 0; }
.nav .btn--small { margin-left: auto; }
.band { padding: 44px 22px; }
.hero, .head, .ends, .foot { padding-left: 22px; padding-right: 22px; }
.section-head { flex-direction: column; align-items: flex-start; gap: 6px; }
.give { grid-template-columns: 1fr; gap: 26px; }
.give__form { padding: 22px 18px; }
.give__form .actions { flex-direction: column-reverse; align-items: stretch; gap: 12px; }
.give__form .actions .btn { justify-content: center; }
.give__secure { text-align: center; }
}
.pledge{position:relative;isolation:isolate;overflow:hidden;
background:linear-gradient(176deg,#e6f5fd 0%,#f1fafe 46%,
var(--surface-muted,#f4f2f8) 100%)}
.pledge::before{content:"";position:absolute;z-index:-1;
inset:-30% -10% auto -10%;height:150%;pointer-events:none;
background:
radial-gradient(58% 62% at 78% 18%,
rgba(86,199,237,.34), transparent 70%),
radial-gradient(46% 50% at 12% 82%,
rgba(177,151,252,.18), transparent 72%)}
.pledge__eyebrow{margin:0;font-size:12px;font-weight:700;
letter-spacing:.14em;text-transform:uppercase;
color:#1f6f92}
.pledge__title{margin:10px 0 0;font-size:clamp(30px,5vw,46px);
line-height:1.06;letter-spacing:-.025em;text-wrap:balance;
color:var(--ink,#3e3558)}
.pledge__lede{margin:14px 0 0;max-width:56ch;font-size:16px;line-height:1.6;
color:var(--ink-soft,#6b6383)}
.pledge__figures{display:grid;gap:14px;margin-top:26px;
grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.pledge__fig{position:relative;border-radius:var(--r-card,20px);
padding:18px 20px;
background:linear-gradient(155deg,rgba(255,255,255,.86),
rgba(255,255,255,.72));
border:1px solid rgba(255,255,255,.75);
box-shadow:0 10px 26px rgba(62,53,88,.10),
inset 0 1px 0 rgba(255,255,255,.9)}
.pledge__fig--lead{border-color:rgba(86,199,237,.55);
background:linear-gradient(155deg,rgba(255,255,255,.9),
rgba(224,244,253,.78));
box-shadow:0 12px 30px rgba(74,168,224,.20),
inset 0 1px 0 rgba(255,255,255,.9)}
.pledge__fig--lead .pledge__num{font-size:32px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.pledge__fig{background:linear-gradient(155deg,rgba(255,255,255,.72),
rgba(255,255,255,.44));
-webkit-backdrop-filter:blur(16px) saturate(1.4);
backdrop-filter:blur(16px) saturate(1.4)}
.pledge__fig--lead{background:linear-gradient(155deg,rgba(255,255,255,.78),
rgba(214,240,252,.58))}
}
.pledge__num{display:block;font-size:28px;font-weight:800;line-height:1.05;
letter-spacing:-.02em;font-variant-numeric:tabular-nums;
white-space:nowrap;color:var(--ink,#3e3558)}
.pledge__cap{display:block;margin-top:5px;font-size:13px;
color:var(--ink-soft,#6b6383)}
.band--stage{position:relative;isolation:isolate;overflow:hidden;
display:flex;align-items:flex-end;min-height:88svh;
width:100%;max-width:none;padding:0;margin:0;background:#fff}
.band--stage .stage__bg{position:absolute;inset:0;z-index:-1}
.band--stage .stage__bg img{width:100%;height:100%;object-fit:cover;
object-position:50% 30%;display:block}
.band--stage .stage__bg::after{content:"";position:absolute;inset:0;
background:linear-gradient(180deg,
rgba(255,255,255,0) 40%,
rgba(255,255,255,.20) 58%,
rgba(255,255,255,.62) 76%,
rgba(255,255,255,.92) 92%,
#fff 100%)}
.band--stage .stage__inner{width:100%;max-width:1180px;margin:0 auto;
padding:0 var(--gutter,26px) clamp(44px,8vh,96px)}
.band--stage.is-plain{min-height:auto;background:var(--surface-muted,#f4f2f8);
display:block}
.band--stage.is-plain .stage__inner{padding-top:clamp(44px,7vh,88px)}
.pgrid{display:grid;gap:14px;margin-top:22px;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.ptile{position:relative;isolation:isolate;
background:linear-gradient(160deg,
rgba(255,255,255,.82), rgba(255,255,255,.66));
-webkit-backdrop-filter:blur(18px) saturate(1.35);
backdrop-filter:blur(18px) saturate(1.35);
border:1px solid rgba(255,255,255,.70);
border-radius:22px;padding:20px 22px 18px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.85),
0 10px 30px rgba(20,32,50,.10),
0 2px 6px rgba(20,32,50,.05);
transition:transform .2s ease, box-shadow .2s ease}
.ptile:hover{transform:translateY(-3px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.90),
0 18px 44px rgba(20,32,50,.14),
0 3px 8px rgba(20,32,50,.06)}
.ptile{display:flex;align-items:center;gap:clamp(16px,4%,40px)}
.ptile__text{flex:1 1 auto;min-width:0}
.ptile__logo{flex:0 0 auto;
width:clamp(96px,30%,190px);height:60px;
display:flex;align-items:center;justify-content:flex-end}
.ptile__logo img{height:100%;width:100%;object-fit:contain;
object-position:right center;display:block}
.pgrid:has(> .ptile:only-child) .ptile__logo{
width:clamp(150px,34%,330px);height:104px}
.pgrid:has(> .ptile:only-child) .ptile__slot{height:56px;font-size:13px}
.ptile__slot{display:inline-flex;align-items:center;justify-content:center;
height:38px;padding:0 16px;border-radius:10px;
border:1px dashed rgba(20,32,50,.22);
font-size:11px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--ink-faint,#8a94a3)}
.ptile__sum{font-size:26px;font-weight:800;line-height:1.05;
letter-spacing:-.02em;font-variant-numeric:tabular-nums;
color:var(--ink,#263242)}
.ptile__cap{margin-top:2px;font-size:11.5px;letter-spacing:.02em;
color:var(--ink-soft,#5b6472)}
.ptile__meta{margin-top:6px;font-size:13px;color:var(--ink-soft,#5b6472)}
@media (max-height:620px){ .band--stage{min-height:auto;padding-top:44vh} }
@media (max-width:640px){
.band--stage{min-height:80svh}
.band--stage .stage__bg img{object-position:50% 24%}
}
/* https://help.tamitos.com/static/modern.css */
html,
body { overflow-x: clip; }
.brand__logo {
display: block;
height: 26px;
width: auto;
filter: none;
}
.foot .brand__logo,
.brand--quiet .brand__logo { height: 22px; opacity: 0.85; }
.side .brand__logo,
.admin__side .brand__logo {
height: 24px;
}
a.brand:focus-visible { outline: 2px solid var(--cyan-dark, #2f7fb5); outline-offset: 4px; border-radius: 6px; }
.glass {
background: rgba(255, 255, 255, 0.82);
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 18px;
box-shadow: 0 1px 2px rgba(38, 50, 66, 0.04),
0 12px 32px rgba(38, 50, 66, 0.08);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.glass {
background: rgba(255, 255, 255, 0.55);
-webkit-backdrop-filter: saturate(1.6) blur(16px);
backdrop-filter: saturate(1.6) blur(16px);
}
}
@media (prefers-reduced-transparency: reduce) {
.glass,
.nav {
background: #fff !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
}
:root {
--edge-a: linear-gradient(137deg, #6fbaf7 0%, #b197fc 55%, #f49ac2 100%);
--edge-b: linear-gradient(137deg, #8fd9c4 0%, #6fbaf7 50%, #4d94ff 100%);
--edge-c: linear-gradient(137deg, #ffd166 0%, #f49ac2 50%, #b197fc 100%);
--halo-a: -16px 10px 34px rgba(111, 186, 247, 0.55),
16px 14px 34px rgba(244, 154, 194, 0.5);
--halo-b: -16px 10px 34px rgba(143, 217, 196, 0.6),
16px 14px 34px rgba(77, 148, 255, 0.45);
--halo-c: -16px 10px 34px rgba(255, 209, 102, 0.55),
16px 14px 34px rgba(177, 151, 252, 0.5);
--pane: #fff;
--ring: 4px;
--bleed: 0.75;
}
.card,
.post,
.ptile,
.tile,
.end,
.steps > li,
.hero__numbers .stat {
--edge: var(--edge-a);
--halo: var(--halo-a);
position: relative;
isolation: isolate;
border: var(--ring) solid transparent;
border-radius: 26px;
background: linear-gradient(var(--pane), var(--pane)) padding-box,
var(--edge) border-box;
box-shadow: 0 14px 38px rgba(38, 50, 66, 0.09);
transition: box-shadow 260ms ease, transform 260ms ease;
}
.card:nth-child(3n + 2),
.post:nth-child(3n + 2),
.ptile:nth-child(3n + 2),
.tile:nth-child(3n + 2),
.end:nth-child(3n + 2),
.steps > li:nth-child(3n + 2),
.hero__numbers .stat:nth-child(3n + 2) { --edge: var(--edge-b);
--halo: var(--halo-b); }
.card:nth-child(3n + 3),
.post:nth-child(3n + 3),
.ptile:nth-child(3n + 3),
.tile:nth-child(3n + 3),
.end:nth-child(3n + 3),
.steps > li:nth-child(3n + 3),
.hero__numbers .stat:nth-child(3n + 3) { --edge: var(--edge-c);
--halo: var(--halo-c); }
.card::before,
.post::before,
.ptile::before,
.tile::before,
.end::before,
.steps > li::before,
.hero__numbers .stat::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
border-radius: inherit;
box-shadow: var(--halo);
opacity: var(--bleed);
transition: opacity 260ms ease;
pointer-events: none;
}
.card:hover,
.post:hover,
.ptile:hover,
.tile:hover,
.end:hover,
.steps > li:hover {
--bleed: 1;
transform: translateY(-4px);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
0 22px 52px rgba(38, 50, 66, 0.13);
}
.end,
.end--alt { background: linear-gradient(var(--pane), var(--pane)) padding-box,
var(--edge) border-box; }
.card { overflow: visible; }
.card__cover { border-radius: 22px 22px 0 0; }
.band--stage .ptile,
.band--stage.is-plain .ptile {
border: var(--ring) solid transparent;
border-radius: 26px;
background: linear-gradient(var(--pane), var(--pane)) padding-box,
var(--edge) border-box;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.band--stage .ptile:hover {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
0 22px 52px rgba(38, 50, 66, 0.13);
}
.card,
.post,
.ptile,
.tile,
.end,
.steps > li,
.hero__numbers .stat {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
0 14px 38px rgba(38, 50, 66, 0.09);
}
.brand__tag {
display: inline-flex;
align-items: center;
height: 26px;
padding: 0 13px 1px;
border-radius: 999px;
background: linear-gradient(118deg,
rgba(244, 154, 194, 0.55) 0%,
rgba(177, 151, 252, 0.42) 52%,
rgba(143, 217, 196, 0.55) 100%);
border: 1px solid rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
0 4px 14px rgba(122, 78, 160, 0.16);
color: #6b4bd6;
font-family: var(--brand);
font-size: 15px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.01em;
text-transform: lowercase;
transform: rotate(-7deg) translateY(3px);
margin-left: -6px;
align-self: flex-end;
transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
.brand__tag {
-webkit-backdrop-filter: blur(7px) saturate(1.5);
backdrop-filter: blur(7px) saturate(1.5);
}
}
.brand:hover .brand__tag { transform: rotate(-2deg) translateY(2px); }
.foot .brand__tag,
.brand--quiet .brand__tag {
height: 23px;
font-size: 13.5px;
padding: 0 11px 1px;
opacity: 0.95;
}
@media (prefers-reduced-transparency: reduce) {
.brand__tag {
background: #f2e6f8;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
}
.live__face--photo { padding: 0; }
.give__intro {
position: sticky;
top: 92px;
}
.give__art {
margin-top: 28px;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 18px 44px rgba(38, 50, 66, 0.1);
}
.give__art img {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 900px) {
.give__intro { position: static; }
.give__art { margin-top: 22px; }
}
.hero {
grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.3fr);
gap: clamp(28px, 4vw, 56px);
max-width: 1320px;
padding-top: clamp(48px, 7vh, 88px);
}
.hero__lede { max-width: 27ch; }
.hero__fine { max-width: 34ch; }
.hero__art img { border-radius: 28px; }
@media (max-width: 900px) {
.hero { grid-template-columns: 1fr; }
.hero__lede,
.hero__fine { max-width: none; }
}
@media (max-width: 720px) {
.hero {
display: flex;
flex-direction: column;
gap: clamp(20px, 4vw, 32px);
}
.hero__art { order: -1; }
.hero__art img { border-radius: 22px; }
.hero__cta {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.hero__cta .btn {
width: 100%;
padding-inline: 12px;
text-align: center;
white-space: normal;
line-height: 1.25;
}
}
.hero--full {
position: relative;
display: block;
width: 100%;
max-width: none;
padding: 0;
margin: 0;
gap: 0;
min-height: 0;
}
.hero--full .hero__bg {
position: relative;
z-index: 0;
width: 100%;
aspect-ratio: var(--hero-ratio, 1920 / 1072);
max-height: 72svh;
overflow: hidden;
}
.hero--full .hero__bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% var(--hero-focus, 50%);
display: block;
}
.hero--full .hero__bg::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg,
rgba(255, 255, 255, 0) 84%,
rgba(255, 255, 255, 0.55) 94%,
#fff 100%);
}
.hero--full .hero__well {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: clamp(28px, 4vh, 52px) var(--gutter, 26px) clamp(40px, 7vh, 80px);
}
.hero--full h1 { margin: 0; }
.hero--full .hero__lede { max-width: 52ch; }
@media (max-height: 620px) {
.hero--full .hero__bg { max-height: 52svh; }
}
@media (max-width: 640px) {
.hero--full .hero__bg { max-height: 46svh; }
}
.end--wide {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"title cta"
"text  cta";
column-gap: clamp(24px, 5vw, 72px);
text-align: left;
}
.end--wide h3 {
grid-area: title;
margin: 0;
align-self: end;
}
.end--wide p {
grid-area: text;
margin: 10px 0 0;
align-self: start;
}
.end--wide .btn {
grid-area: cta;
align-self: center;
justify-self: end;
}
@media (max-width: 720px) {
.end--wide {
display: block;
}
.end--wide p { margin-bottom: 20px; }
.end--wide .btn {
display: block;
width: 100%;
text-align: center;
}
}
section.band--stage .stage__bg::after {
background: linear-gradient(180deg,
rgba(255, 255, 255, 0) 10%,
rgba(255, 255, 255, 0.38) 30%,
rgba(255, 255, 255, 0.78) 48%,
rgba(255, 255, 255, 0.94) 66%,
#fff 84%);
}
.foot {
background:
radial-gradient(900px 320px at 88% 0%,
rgba(244, 154, 194, 0.34) 0%,
rgba(244, 154, 194, 0) 68%),
radial-gradient(700px 300px at 6% 100%,
rgba(177, 151, 252, 0.22) 0%,
rgba(177, 151, 252, 0) 66%),
linear-gradient(180deg, #fdeef4 0%, #fbe8f1 100%);
border-top: 0;
padding-top: 52px;
color: #4a3341;
}
.foot .brand__logo { opacity: 1; }
.foot__note { color: #6b4f5e; }
.foot__head { color: #a8788e; }
.foot__links a { color: #6b4f5e; }
.foot__links a:hover { color: #3d2833; }
.foot__links a:focus-visible {
outline: 2px solid #c7548a;
outline-offset: 3px;
border-radius: 4px;
}
.foot .social__tile,
.foot .social__tile--ig {
background: rgba(255, 255, 255, 0.78);
border-color: rgba(255, 255, 255, 0.9);
color: #c7548a;
}
.foot .social__tile:hover,
.foot .social__tile--ig:hover { background: #fff; }
.foot__fine {
border-top-color: rgba(122, 78, 98, 0.18);
color: #6b4f5e;
}
.page .nav {
position: sticky;
top: 0;
z-index: 40;
background: rgba(255, 255, 255, 0.88);
border-bottom: 1px solid rgba(38, 50, 66, 0.07);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.page .nav {
background: rgba(255, 255, 255, 0.62);
-webkit-backdrop-filter: saturate(1.7) blur(18px);
backdrop-filter: saturate(1.7) blur(18px);
}
}
.hero__numbers .stat { --ring: 3px; border-radius: 20px; }
.stat { display: grid; gap: 3px; }
.stat__value {
font-size: 26px;
font-weight: 800;
line-height: 1.05;
letter-spacing: -0.02em;
color: var(--ink, #263242);
}
.stat--big .stat__value { font-size: 40px; }
.stat__label {
font-size: 13px;
line-height: 1.35;
color: var(--ink-soft, #5b6472);
}
.faq {
display: grid;
gap: 12px;
max-width: 760px;
margin: 0 auto;
}
.faq__item {
padding: 0 20px;
overflow: hidden;
transition: box-shadow 160ms ease;
}
.faq__item[open] {
box-shadow: 0 2px 4px rgba(38, 50, 66, 0.05),
0 18px 44px rgba(38, 50, 66, 0.11);
}
.faq__q {
display: flex;
align-items: center;
gap: 14px;
padding: 18px 0;
min-height: 48px;
font-weight: 700;
font-size: 16.5px;
line-height: 1.35;
cursor: pointer;
list-style: none;
}
.faq__q::-webkit-details-marker { display: none; }
.faq__q:focus-visible {
outline: 2px solid var(--cyan-dark, #2f7fb5);
outline-offset: 2px;
border-radius: 8px;
}
.faq__q::after {
content: "";
flex: none;
margin-left: auto;
width: 10px;
height: 10px;
border-right: 2.5px solid currentColor;
border-bottom: 2.5px solid currentColor;
border-radius: 1px;
opacity: 0.45;
transform: rotate(45deg) translate(-2px, -2px);
transition: transform 180ms ease;
}
.faq__item[open] .faq__q::after {
transform: rotate(-135deg) translate(-2px, -2px);
}
.faq__a {
padding: 0 34px 20px 0;
margin: 0;
font-size: 15px;
line-height: 1.6;
color: var(--ink-soft, #5b6472);
}
.faq__a + .faq__a { padding-top: 10px; }
.faq__a a { color: inherit; text-underline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
.faq__item,
.faq__q::after { transition: none; }
}
@media (max-width: 640px) {
.faq__item { padding: 0 16px; }
.faq__q { font-size: 15.5px; }
}
.live {
grid-column: 1 / -1;
padding: 16px 16px 6px;
overflow: hidden;
max-height: 316px;
position: relative;
}
.live__head {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 12px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.01em;
color: var(--ink, #263242);
}
.live__dot {
flex: none;
width: 8px;
height: 8px;
border-radius: 50%;
background: #2f9e5f;
box-shadow: 0 0 0 0 rgba(47, 158, 95, 0.45);
animation: live-pulse 2.4s ease-out infinite;
}
@keyframes live-pulse {
0%   { box-shadow: 0 0 0 0 rgba(47, 158, 95, 0.45); }
70%  { box-shadow: 0 0 0 7px rgba(47, 158, 95, 0); }
100% { box-shadow: 0 0 0 0 rgba(47, 158, 95, 0); }
}
.live__window {
position: relative;
height: 246px;
overflow: hidden;
-webkit-mask-image: linear-gradient(to bottom, transparent, #000 14%,
#000 86%, transparent);
mask-image: linear-gradient(to bottom, transparent, #000 14%,
#000 86%, transparent);
}
.live__track {
display: grid;
gap: 10px;
animation: live-rise 26s linear infinite;
}
@keyframes live-rise {
from { transform: translateY(0); }
to   { transform: translateY(-50%); }
}
.live:hover .live__track,
.live:focus-within .live__track { animation-play-state: paused; }
.live__row {
display: flex;
align-items: center;
gap: 11px;
padding: 9px 11px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(38, 50, 66, 0.05);
}
.live__face {
flex: none;
width: 34px;
height: 34px;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 14px;
font-weight: 800;
color: #fff;
}
.live__face--0 { background: #C7548A; }
.live__face--1 { background: #5B4BD6; }
.live__face--2 { background: #3D7FC4; }
.live__face--3 { background: #1E9B62; }
.live__face--4 { background: #C77C33; }
.live__what {
min-width: 0;
font-size: 13px;
line-height: 1.35;
color: var(--ink-soft, #5b6472);
}
.live__who {
font-weight: 700;
color: var(--ink, #263242);
}
.live__eur { font-weight: 700; color: var(--ink, #263242); }
.live__for {
display: block;
margin-top: 1px;
font-size: 12.5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.live__foot {
margin: 10px 0 0;
font-size: 12px;
line-height: 1.45;
color: var(--ink-faint, #8b95a3);
}
@media (prefers-reduced-motion: reduce) {
.live__track { animation: none; }
.live__dot { animation: none; }
.live__window { overflow-y: auto; }
}
@media (max-width: 900px) {
.live { max-height: none; }
.live__window { height: 190px; }
}
.hero__art {
align-self: center;
min-width: 0;
}
.hero__art img {
display: block;
width: 100%;
height: auto;
border-radius: 24px;
}
.proof {
display: grid;
gap: 26px;
grid-template-columns: minmax(0, 1fr) minmax(0, 380px);
align-items: start;
}
.proof .live {
grid-column: auto;
margin: 0;
max-height: none;
}
.proof .hero__numbers { margin: 0; }
.proof:not(:has(.live)) { grid-template-columns: 1fr; }
@media (max-width: 900px) {
.proof { grid-template-columns: 1fr; }
}
.stage.is-gallery > [data-item] { display: none; }
.stage.is-gallery > [data-item].is-on { display: block; }
.story-page__gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 12px;
}
.shot {
position: relative;
flex: none;
width: 84px;
height: 84px;
padding: 0;
border: 0;
border-radius: 14px;
overflow: hidden;
cursor: pointer;
background: var(--well, #eae7f0);
box-shadow: 0 0 0 0 rgba(47, 127, 181, 0);
transition: box-shadow 160ms ease, transform 160ms ease;
}
.shot img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.shot:hover { transform: translateY(-1px); }
.shot.is-on {
box-shadow: 0 0 0 3px var(--cyan-dark, #2f7fb5);
}
.shot:focus-visible {
outline: 2px solid var(--cyan-dark, #2f7fb5);
outline-offset: 3px;
}
.shot--play::after {
content: "";
position: absolute;
inset: 0;
background: rgba(20, 26, 40, 0.35);
}
.shot__play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: 0;
height: 0;
border-left: 15px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
margin-left: 3px;
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4));
}
@media (prefers-reduced-motion: reduce) {
.shot { transition: none; }
.shot:hover { transform: none; }
}
@media (max-width: 640px) {
.shot { width: 68px; height: 68px; }
}
.nav__lang {
display: inline-flex;
align-items: stretch;
border: 1px solid var(--line);
border-radius: 999px;
overflow: hidden;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
line-height: 1;
white-space: nowrap;
flex: none;
}
.nav__lang-on,
.nav__lang-off {
padding: 8px 11px;
text-decoration: none;
}
.nav__lang-on {
background: var(--ink);
color: #fff;
}
.nav__lang-off { color: var(--ink-soft); }
.nav__lang-off:hover { color: var(--ink); background: rgba(38, 50, 66, 0.05); }
.give { display: flex; flex-direction: column; gap: 14px; }
.give__amounts {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
.give__amount { position: relative; }
.give__amount input {
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
margin: 0;
cursor: pointer;
}
.give__amount span {
display: block;
text-align: center;
padding: 12px 4px;
border: 1.5px solid var(--line-strong);
border-radius: var(--r-field);
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--ink);
background: var(--surface);
transition: border-color .15s, background .15s, color .15s;
}
.give__amount input:checked + span {
border-color: var(--cyan-dark);
background: var(--cyan);
color: #fff;
}
.give__amount input:focus-visible + span {
outline: 2px solid var(--cyan-dark);
outline-offset: 2px;
}
.give__own { display: flex; flex-direction: column; gap: 6px; }
.give__own span {
font-size: 14px;
color: var(--ink-soft);
}
.give__own input {
width: 100%;
padding: 12px 14px;
border: 1.5px solid var(--line-strong);
border-radius: var(--r-field);
font: inherit;
color: var(--ink);
background: var(--surface);
}
.give__own input:focus-visible {
outline: none;
border-color: var(--cyan-dark);
}
.give__wrong {
margin: 0 0 12px;
padding: 10px 12px;
border-radius: var(--r-field);
background: var(--error-soft);
color: var(--error);
font-size: 14px;
font-weight: 600;
}
@media (max-width: 400px) {
.give__amounts { grid-template-columns: repeat(2, 1fr); }
}
/* https://help.tamitos.com/static/tamitos-faces.css */
.live__face--photo {
background-color: #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-shadow: inset 0 0 0 1px rgba(38, 50, 66, 0.06);
}
.live__face--is-zoomie {
background-image: url(data:image/webp;base64,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);
}
.live__face--is-cleverking {
background-image: url(data:image/webp;base64,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);
}
.live__face--is-mellowlet {
background-image: url(data:image/webp;base64,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);
}
.live__face--is-hushlit {
background-image: url(data:image/webp;base64,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);
}
.live__face--is-touchet {
background-image: url(data:image/webp;base64,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);
}
.live__face--is-grumplet {
background-image: url(data:image/webp;base64,UklGRtoHAABXRUJQVlA4IM4HAABwIwCdASpgAGAAPnk0lEakoyIhMBcZyJAPCWgAxuuFEQScrK/hv6jxnp2oY/mAc9XnyfSf5wHUx8+/7Q1oTNY9fH3XEtiQOkrVm/mFgTU/LH9c+wetlTnP//+jcwcPMEDpFj3DddKuI3RNlClhnY740pdTDiFTlCWl5LNuU1mv36rqrFnwynH/IE1caFQfmyCp+r5XLI+Rz2wNItjNJkOqDk3q+l9LeYygxBVjc6mmo1Oc7/A1XVQefD544bdwn6EPzTdm1x6E8U8EEjIrs+/Iuw19fqMEyNsqH6sgIc67LCVmnhta4tYcmmc+B8DIhrHf0fJD88PkN4G/htvAV6WoPKPpdSAepDJ/t69tMczImB9k+Q3bBy2+DSDdYhBp/8ynZRIAAP7+DCGKrDymGn3zY+tE7P1kVa/PDQg8E9JZXe1mivynJpMWXmxTyo4AzaY+8sbKYOnyEMuF0piFco3pL5n3ZdfurnVvVysk6HfCZ6iCCRRiDSmC16/JgRM+dWym+bW/jnmOguLkSkPc09Mialau/5zXHQSycKAa3hzHexBwoH8aETnkGmxHo7I9iNY6437MZIYjq+NbMRwmLUp1S4v8NTjdI0pKekPyqSNxXiHufu0gBydAjjM2jAd6ujv3LPRKZS5+9EqLIuko8uH1+RibUldAj99+ZMwsyhgkP8pw97XqkQOsszCoQ9VpvUjZv5W39WDvWX7Vs18Qp/vOUvvbBeV+38U7MhRAb49pMage+h/xHvrNlSQ+nbcLvTCC6iSP5rSmr7axE3kPzy+ivR2ISGXrfxvUaeya6FRv8HLxoJiNTWj+RQhmmIcqHKuGl/grvL6HtIskcSwnA+TR+9otBJONLBit6VP5JG7RmVnRW3zhGusfkIJPn8+e/dicZEDDN0Yf66hmEUKzZrhT9SH92oeUOCHN0It6n3YaeYXgrqQy4GqdYvkSuQ+0R50YmlAxN7xNWkmfCfOjdGJhLBaf6Y7SAx1TbMxgFroJ8Qh9t4xa82s5yMrfHpfgUK4xLP7UXApcobei7EN67zfBW/e14Q4638JU7MI1/armW9zBpBDUpArwnt6Q13ZLWUNyQ422PoGlan1XZ4Gw3mlLV2PjJbp4AkGjq77FOaEAOTrtdbxGqFkbe+mMD9/Oc6wGG+b31vFpgRGnAUhrqVnXP4iKfWs2kf5spWb0C4XO8uLLVQrOK53yfPDYQsS6dDuCcd4JnmMiyXYQ4shXpp1RJzX8YCPfNQuEFLUqX0SijSK+NjuCu4SD53m1cA7j0dPWnwIOjj3HTPy6q23IxEJk5HvgysgB/3Wk0VhqgkSKc/Wck0uM2kBE+IL9DP2pe8+3qVQHsNBiXWnxXsQgZ7TQsEbWsw0Ymng9h2Eaa+pQGU9wP0icjscdx1hP4b6DFsRj/0PzGs3xitmMy+QtJodXmG/yR6CwtZj8KgrpiUhTteu70TEfifRyUGvVZcOOq6rsQZAUfS/62jxi9UMFhI17EqYG3v6HLTbyhI3k6f7JbzrER9B/z8I5ETP+QMp2RBYKNiuBgMStpl7m8A+1Hs0AuAH2ZjjLl2dhgB5PU5uIo8LBZktcMD6RnNlDoB+7i5bk/gbD+5w2JjyROEngetCLm0CW/5NvM9Ro9BKuoufZo9/7B017dY/qd01TJOXyzj+byJbB63oWkVbrEaoxYDaG39yIDMtRvlde98LiY5yc7vYsLypqxlla8BPlH6Ryfq5V+i3fEkJ/i+c3XpZdqISEMM/mrapCWe8pQxAyCPIiKxiXgmFRY1SD+PsnRyOUif7HeOJyWVby//YSzZgicXySYJU7s9jq66TW1xyx61WlYQCNvg+YQWg1Ovbgi1NmIqehZILNHgLilx4c+Br3iH/zsghd00wLiaxlhJLDJmDb+aPIx+H4IAnzP+VRyCE6RafQqN2sWfAb+lyUdw0q6K47xEerSpednf/Ok6aBX2sbO4JVsFw7ZuI9jLGCUUtPQggSR6lO074R9SyzD/Ct64A8MuE2L8pfIV7Lt97FV9PN9TjIWkD/SGaSHwSEgH5TqxI5xPck6+KMH1zqNd9B/5z/7f2mPxfKW99JvouFqmFgUPLkS5yQxRidQRBEvLrVwLD18iGMiQXNcQ7cb7SldEyPotiv+nnF2r6z/5xrlKjg8tekX3kW8pWciyBIg9d6zWqU7NSWN7+4eS8fKeak8wL5yWuL7N3LHncdFNBVsj2VHWQEIE7bGb3T8Jaa2DJfqowjQTiSofqkzp6eoojEVyfDbqnDXd0FFxgnS606vNCSMRz6NLN1DUDA50BZEBFLMzv+fB+C1R8Y8sFgSHfqj8pvl+NVFIxNvnq6JrPFe1BYJJD7PLpQD3RrjCknTb6SytZVkIXr6Mb3gTtuPB3mLqS14rWfXHKq3zPYyTp03Iox3s/tGCQUqsFCwOufnxFgrrHor+NexNrG4BqhU7D14GmqR4/XSRpnm9LsUfRp5bvJ7X5DeWjTI59IdNpscvjbMoEfeDN/Qd3XksXqLcVzh5RHWUino8gojRU/69WRjsfGZDEkfh9X2zFFoiICeAyWtezf4TvDFAhYL/BmHEHLOVAv8qy1dpWokl+GNRuzPN7tf5Jp6V4hC+wuR3Cxef1NbO2/W427RNdTP9198u+josbjHWFMNIy8npBTiJmQAAA=);
}
.live__face--is-sadlet {
background-image: url(data:image/webp;base64,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);
}
/* https://help.tamitos.com/static/motion.css */
:root {
--energy: linear-gradient(103deg, #6fbaf7 0%, #b197fc 52%, #8fd9c4 100%);
--glow-blue: rgba(111, 186, 247, 0.45);
--glow-lilac: rgba(177, 151, 252, 0.42);
--glow-mint: rgba(143, 217, 196, 0.42);
--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
--ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}
.readline {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 2px;
padding: 0;
z-index: 60;
background: var(--energy);
transform: scaleX(var(--read, 0));
transform-origin: 0 50%;
pointer-events: none;
will-change: transform;
}
.page .nav {
transition: padding 0.3s var(--ease-soft),
box-shadow 0.3s var(--ease-soft);
}
html.is-scrolled .page .nav {
padding-top: 11px;
padding-bottom: 11px;
box-shadow: 0 6px 26px rgba(38, 50, 66, 0.09);
}
.nav__links a {
position: relative;
border-bottom-color: transparent !important;
transition: color 0.2s var(--ease-soft);
}
.nav__links a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
border-radius: 2px;
background: var(--energy);
transform: scaleX(0);
transition: transform 0.28s var(--ease-out);
}
.nav__links a:hover::after,
.nav__links a.is-on::after { transform: scaleX(1); }
.btn {
position: relative;
overflow: hidden;
isolation: isolate;
transition: transform 0.2s var(--ease-out),
box-shadow 0.25s var(--ease-out);
}
.btn::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(105deg,
transparent 32%,
rgba(255, 255, 255, 0.5) 50%,
transparent 68%);
transform: translateX(-120%);
}
.btn:hover { transform: translateY(-2px); }
.btn--primary:hover { box-shadow: 0 12px 26px rgba(74, 168, 224, 0.42); }
.btn:hover::after {
transform: translateX(120%);
transition: transform 0.55s var(--ease-soft);
}
.btn:active { transform: translateY(0); }
html.js [data-rise] {
opacity: 0;
transform: translateY(18px);
}
html.js [data-rise].is-in {
opacity: 1;
transform: none;
transition: opacity 0.62s var(--ease-out),
transform 0.62s var(--ease-out);
transition-delay: calc(var(--i, 0) * 70ms);
}
html.js .hero__text > *,
html.js .hero__art {
opacity: 0;
transform: translateY(20px);
}
html.js.is-ready .hero__text > *,
html.js.is-ready .hero__art {
opacity: 1;
transform: none;
transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
html.js.is-ready .hero__text h1 { transition-delay: 0.06s; }
html.js.is-ready .hero__lede { transition-delay: 0.14s; }
html.js.is-ready .hero__cta { transition-delay: 0.22s; }
html.js.is-ready .hero__fine { transition-delay: 0.3s; }
html.js.is-ready .hero__art {
transition-delay: 0.1s;
transition-duration: 0.9s;
}
.hero {
position: relative;
isolation: isolate;
}
.hero::before,
.hero::after {
content: "";
position: absolute;
z-index: -1;
aspect-ratio: 1;
border-radius: 50%;
pointer-events: none;
}
.hero::before {
top: -18%;
right: -6%;
width: 46vw;
max-width: 620px;
background: radial-gradient(circle at 50% 50%,
var(--glow-blue) 0%, rgba(111, 186, 247, 0) 68%);
filter: blur(14px);
animation: drift 22s var(--ease-soft) infinite alternate;
}
.hero::after {
bottom: -22%;
left: -10%;
width: 40vw;
max-width: 520px;
background: radial-gradient(circle at 50% 50%,
var(--glow-lilac) 0%, rgba(177, 151, 252, 0) 70%);
filter: blur(16px);
animation: drift 26s var(--ease-soft) infinite alternate-reverse;
}
@keyframes drift {
from { transform: translate3d(0, 0, 0) scale(1); }
to { transform: translate3d(-4%, 5%, 0) scale(1.12); }
}
.hero__text h1 {
font-size: clamp(38px, 6.4vw, 62px);
letter-spacing: -0.028em;
text-wrap: balance;
}
.hero__text h1 .thread {
background: var(--energy);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.hero__art img { animation: float 9s var(--ease-soft) infinite alternate; }
@keyframes float {
from { transform: translateY(0); }
to { transform: translateY(-12px); }
}
.steps {
position: relative;
isolation: isolate;
}
.steps::before {
content: "";
position: absolute;
top: 38px;
left: 39px;
right: 39px;
height: 2px;
z-index: -1;
border-radius: 2px;
background: var(--energy);
opacity: 0.55;
transform: scaleX(0);
transform-origin: 0 50%;
}
html.js .steps.is-in::before {
transform: scaleX(1);
transition: transform 1.1s var(--ease-out) 0.15s;
}
html:not(.js) .steps::before { transform: scaleX(1); }
.steps__n {
position: relative;
z-index: 1;
background: var(--energy);
color: #fff;
box-shadow: 0 6px 18px rgba(111, 186, 247, 0.34);
}
@media (max-width: 760px) {
.steps::before { display: none; }
}
.card::after,
.post::after,
.ptile::after,
.tile::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: radial-gradient(320px circle at var(--mx, 50%) var(--my, 0%),
rgba(255, 255, 255, 0.5), transparent 62%);
opacity: 0;
transition: opacity 0.3s var(--ease-soft);
pointer-events: none;
}
.card:hover::after,
.post:hover::after,
.ptile:hover::after,
.tile:hover::after { opacity: 1; }
.voice {
transition: transform 0.26s var(--ease-out);
}
.voice:hover { transform: translateY(-2px); }
.faq__q::after { transition: transform 0.28s var(--ease-out); }
.stat__value,
.ptile__sum {
font-variant-numeric: tabular-nums;
letter-spacing: -0.02em;
}
.stat--big .stat__value {
background: var(--energy);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.stat {
transition: transform 0.24s var(--ease-out),
box-shadow 0.24s var(--ease-out);
}
.stat:hover {
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(38, 50, 66, 0.1);
}
.section-title { position: relative; }
.band__inner > .section-title::before,
.section-head .section-title::before,
.stage__inner > .section-title::before {
content: "";
position: absolute;
top: -14px;
left: 0;
width: 46px;
height: 3px;
border-radius: 3px;
background: var(--energy);
transform: scaleX(0);
transform-origin: 0 50%;
}
html.js .is-in .section-title::before,
html.js .section-title.is-in::before {
transform: scaleX(1);
transition: transform 0.6s var(--ease-out) 0.1s;
}
html:not(.js) .section-title::before { transform: scaleX(1); }
.end {
position: relative;
overflow: hidden;
isolation: isolate;
transition: transform 0.26s var(--ease-out);
}
.end::before {
content: "";
position: absolute;
z-index: -1;
top: -60%;
right: -30%;
width: 70%;
aspect-ratio: 1;
border-radius: 50%;
background: radial-gradient(circle,
var(--glow-mint) 0%, rgba(143, 217, 196, 0) 70%);
opacity: 0;
transition: opacity 0.4s var(--ease-soft);
}
.end--alt::before {
background: radial-gradient(circle,
var(--glow-lilac) 0%, rgba(177, 151, 252, 0) 70%);
}
.end:hover { transform: translateY(-3px); }
.end:hover::before { opacity: 1; }
.foot { position: relative; }
.foot::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: var(--energy);
opacity: 0.55;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation: none !important;
transition: none !important;
}
html.js [data-rise],
html.js .hero__text > *,
html.js .hero__art {
opacity: 1 !important;
transform: none !important;
}
.steps::before,
.section-title::before { transform: scaleX(1) !important; }
.readline { display: none; }
}
/* https://help.tamitos.com/static/refresh.css */
html {
color-scheme: light;
--ink: #16121f;
--ink-soft: #4a4557;
--ink-faint: #6f6a7c;
--line: #efe6ee;
--line-strong: #e4d6e2;
--surface: #ffffff;
--surface-muted: #fdf6fa;
--cyan: #ff8cd7;
--cyan-dark: #ff8cd7;
--purple: #caa6ff;
--r-card: 36px;
--r-pill: 999px;
--shadow-card: 0 24px 60px rgba(180, 90, 150, 0.14);
--shadow-pill: none;
--p-pink: #ffd3ee;   --p-pink-2: #ffaee0;
--p-amber: #ffe4ad;  --p-amber-2: #ffd27a;
--p-purple: #e2d0ff; --p-purple-2: #caa6ff;
--p-blue: #cfe4ff;   --p-blue-2: #9dcaff;
--p-mint: #caf6df;   --p-mint-2: #9debc2;
--p-yellow: #fff0a8; --p-yellow-2: #f9e270;
--edge-a: none; --edge-b: none; --edge-c: none;
--halo-a: none; --halo-b: none; --halo-c: none;
}
html body {
font-family: var(--display);
color: var(--ink);
background:
radial-gradient(1200px 900px at 50% 620px, #f7c4e3 0%, rgba(247, 196, 227, 0.5) 38%, transparent 72%),
radial-gradient(760px 540px at 94% -60px, #fff1c7 0%, transparent 70%),
#fffafb;
background-repeat: no-repeat;
}
html h1, html h2, html h3,
html .section-title, html .pledge__title, html .story-page__title,
html .stat__value, html .pledge__num, html .card__title, html .post__title,
html .faq__q, html .brand__tag {
font-family: var(--brand);
}
html h1, html h2, html .section-title, html .pledge__title, html .story-page__title {
font-style: normal;
font-synthesis: none;
font-weight: 800;
letter-spacing: -0.005em;
color: var(--ink);
}
html .hero h1, html .hero__text h1 { font-size: clamp(42px, 4.8vw, 70px); line-height: 1; }
html .hero h1 span, html .hero h1 em, html .hero h1 .thread {
color: var(--ink);
-webkit-text-fill-color: currentColor;
background: none;
}
html .section-title { font-size: clamp(32px, 3.6vw, 48px); line-height: 1.05; }
html .hero__lede, html .pledge__lede, html .story-page__teaser { color: var(--ink-soft); }
html .link { color: #b0306e; }
html .nav, html .site-bar {
position: sticky;
top: 0;
z-index: 40;
background: rgba(255, 250, 251, 0.78) !important;
-webkit-backdrop-filter: blur(14px) saturate(1.3) !important;
backdrop-filter: blur(14px) saturate(1.3) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
html .nav__links a { color: var(--ink); font-weight: 500; }
html .nav__links a.is-on { color: var(--ink); box-shadow: inset 0 -3px 0 var(--p-pink-2); }
html .nav__lang { background: #fff; border-radius: 999px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); }
html .nav__lang-on { background: var(--ink) !important; color: #fffafb !important; border-radius: 999px; }
html .btn {
border-radius: 999px;
font-family: var(--display);
font-weight: 700;
min-height: 48px;
transition: transform 0.25s cubic-bezier(.2, .8, .2, 1), background 0.2s, box-shadow 0.2s;
}
html .btn--primary {
background: #ff8cd7;
color: #16121f;
box-shadow: none;
filter: none;
}
html .btn--primary:hover { background: #ff72cb; transform: translateY(-2px); filter: none; }
html .btn--ghost {
background: rgba(255, 255, 255, 0.7);
color: var(--ink);
box-shadow: inset 0 0 0 2px var(--ink);
}
html .btn--ghost:hover { background: #fff; transform: translateY(-2px); }
html .btn--primary:disabled, html .btn--primary[aria-disabled="true"] { background: var(--line-strong); color: #8d879d; transform: none; }
html :focus-visible { outline: 3px solid #b0306e; outline-offset: 3px; }
html .card, html .post, html .ptile, html .tile, html .end, html .end--alt,
html .steps > li, html .hero__numbers .stat, html .stat, html .partner,
html .faq__item, html .panel, html .rail, html .live, html .pledge__fig, html .band__aside {
--g: var(--p-pink);
position: relative;
isolation: isolate;
border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
border-radius: var(--r-card) !important;
background: linear-gradient(150deg, color-mix(in srgb, var(--g) 86%, transparent), rgba(255, 255, 255, 0.5)) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.3);
backdrop-filter: blur(18px) saturate(1.3);
box-shadow: 0 24px 60px rgba(180, 90, 150, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0));
transition: transform 0.45s cubic-bezier(.2, .8, .2, 1), box-shadow 0.45s !important;
}
html .card::before, html .post::before, html .ptile::before, html .tile::before,
html .end::before, html .steps > li::before, html .hero__numbers .stat::before {
box-shadow: none !important;
inset: -40% -60% auto auto !important;
width: 70%;
height: 90%;
border-radius: 50% !important;
background: radial-gradient(closest-side, rgba(255, 255, 255, 0.7), transparent);
opacity: 0.8 !important;
z-index: 0 !important;
}
html .card:hover, html .post:hover, html .ptile:hover, html .tile:hover,
html .end:hover, html .steps > li:hover, html .partner:hover {
--ty: -8px;
box-shadow: 0 36px 80px rgba(180, 90, 150, 0.22), inset 0 1px 0 #fff !important;
}
html .card > *, html .post > *, html .ptile > *, html .tile > *, html .end > *, html .steps > li > * { position: relative; z-index: 1; }
html :is(.card, .post, .ptile, .tile, .end, .steps > li, .stat, .partner, .faq__item, .pledge__fig):nth-child(6n + 1) { --g: var(--p-pink);   --g2: var(--p-pink-2); }
html :is(.card, .post, .ptile, .tile, .end, .steps > li, .stat, .partner, .faq__item, .pledge__fig):nth-child(6n + 2) { --g: var(--p-blue);   --g2: var(--p-blue-2); }
html :is(.card, .post, .ptile, .tile, .end, .steps > li, .stat, .partner, .faq__item, .pledge__fig):nth-child(6n + 3) { --g: var(--p-amber);  --g2: var(--p-amber-2); }
html :is(.card, .post, .ptile, .tile, .end, .steps > li, .stat, .partner, .faq__item, .pledge__fig):nth-child(6n + 4) { --g: var(--p-mint);   --g2: var(--p-mint-2); }
html :is(.card, .post, .ptile, .tile, .end, .steps > li, .stat, .partner, .faq__item, .pledge__fig):nth-child(6n + 5) { --g: var(--p-purple); --g2: var(--p-purple-2); }
html :is(.card, .post, .ptile, .tile, .end, .steps > li, .stat, .partner, .faq__item, .pledge__fig):nth-child(6n + 6) { --g: var(--p-yellow); --g2: var(--p-yellow-2); }
html .faq__item { --g: #ffffff; }
html .panel, html .rail, html .live { --g: #ffffff; }
html .band__aside { --g: var(--p-yellow); }
html .card__cover, html .post__cover { border-radius: calc(var(--r-card) - 6px) calc(var(--r-card) - 6px) 0 0 !important; overflow: hidden; }
html .card__who, html .post__cat, html .eyebrow, html .pledge__eyebrow { color: #b0306e !important; }
html .card__title, html .post__title, html .stat__value, html .pledge__num { color: var(--ink) !important; }
html .steps__n {
background: var(--g2, #ffaee0) !important;
color: var(--ink) !important;
border-radius: 14px !important;
width: 42px !important;
height: 42px !important;
font-weight: 800;
box-shadow: none !important;
}
html .bar { background: rgba(255, 255, 255, 0.75) !important; border-radius: 999px; }
html .bar__fill, html .bar__movement { background: #ff8cd7 !important; border-radius: 999px; }
html .bar__direct { background: #caa6ff !important; }
html .band--tint, html .band--stage, html .pledge, html .hero--full { background: transparent !important; }
html .stage__bg { opacity: 0.9; }
html .blob-host { position: relative; isolation: isolate; }
html .blobs { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
html .blobs i { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(60px); opacity: 0.7; animation: tm-drift 18s ease-in-out infinite alternate; }
html .blobs i:nth-child(1) { background: #ffc2e6; left: -140px; top: 8%; }
html .blobs i:nth-child(2) { background: #c9e2ff; right: -160px; top: 30%; animation-duration: 22s; }
html .blobs i:nth-child(3) { background: #fff0a8; left: 38%; bottom: -180px; animation-duration: 26s; }
html .blobs i:nth-child(4) { background: #d9c6ff; left: 58%; top: -140px; animation-duration: 20s; }
@keyframes tm-drift {
0% { transform: translate(0, 0) scale(1); }
50% { transform: translate(60px, -40px) scale(1.12); }
100% { transform: translate(-40px, 50px) scale(0.95); }
}
html .pledge {
background:
radial-gradient(900px 520px at 25% 60%, rgba(251, 207, 232, 0.9), transparent 70%),
radial-gradient(700px 480px at 85% 25%, rgba(207, 228, 255, 0.9), transparent 70%),
radial-gradient(600px 400px at 70% 100%, rgba(255, 240, 168, 0.7), transparent 70%) !important;
}
html .foot {
background:
radial-gradient(900px 320px at 88% 0%, rgba(255, 174, 224, 0.4), transparent 68%),
radial-gradient(700px 300px at 6% 100%, rgba(202, 166, 255, 0.28), transparent 68%),
#fffafb !important;
}
html .social__tile { background: var(--p-pink) !important; border-radius: 16px; }
html .shell__left {
background:
radial-gradient(700px 520px at 20% 110%, #f7c4e3 0%, transparent 70%),
radial-gradient(520px 420px at 100% 0%, #fff1c7 0%, transparent 70%),
#fff4fa !important;
}
html .shell__lede h1 { font-size: clamp(34px, 3.6vw, 48px); line-height: 1.02; }
html .shell__rule { background: #ff8cd7 !important; }
html .shell__right { background: #fffafb; }
html .field input, html .field select, html .field textarea,
html .form input:not([type="checkbox"]):not([type="radio"]), html .form select, html .form textarea {
border-radius: 18px;
border: 1.5px solid var(--line-strong);
background: #fff;
font-family: var(--display);
}
html .field input:focus, html .field select:focus, html .field textarea:focus { border-color: #ff8cd7; box-shadow: 0 0 0 4px rgba(255, 140, 215, 0.25); outline: none; }
html .chip { border-radius: 999px; }
html .chip.is-on, html .chip[aria-pressed="true"] { background: var(--ink) !important; color: #fffafb !important; }
html .story-page__cover { border-radius: 28px; overflow: hidden; box-shadow: 0 24px 60px rgba(180, 90, 150, 0.16); }
@media (prefers-reduced-motion: reduce) {
html .blobs i { animation: none; }
html .card, html .post, html .ptile, html .tile, html .end, html .steps > li { transition: none !important; }
}
html h3, html .card__title, html .post__title, html .stat__value, html .pledge__num,
html .rail__raised, html .faq__q, html .partner__meta strong {
font-style: normal;
font-synthesis: none;
}
html .stat__value, html .pledge__num, html .rail__raised { font-weight: 800; }
html.tm-js :is(.card, .post, .ptile, .tile, .end, .steps > li, .stat, .partner, .faq__item, .pledge__fig, .panel, .rail):not(.tm-in) {
opacity: 0;
translate: 0 36px;
scale: 0.97;
}
html.tm-js :is(.card, .post, .ptile, .tile, .end, .steps > li, .stat, .partner, .faq__item, .pledge__fig, .panel, .rail).tm-in {
opacity: 1;
translate: 0 0;
scale: 1;
transition: opacity 0.7s ease var(--tm-d, 0s), translate 0.8s cubic-bezier(.2, .8, .2, 1) var(--tm-d, 0s),
scale 0.8s cubic-bezier(.2, .8, .2, 1) var(--tm-d, 0s),
transform 0.45s cubic-bezier(.2, .8, .2, 1), box-shadow 0.45s !important;
}
@keyframes tm-grow { from { width: 0; } }
html.tm-js .tm-in .bar__fill, html.tm-js .tm-in .bar__movement, html.tm-js .tm-in .bar__direct,
html.tm-js .rail.tm-in .bar__movement, html.tm-js .rail.tm-in .bar__direct {
animation: tm-grow 1.4s cubic-bezier(.2, .8, .2, 1) both;
animation-delay: calc(var(--tm-d, 0s) + 0.25s);
}
html .tm-fan { position: relative; height: 290px; max-width: 1100px; margin: 0 auto 10px; }
html .tm-tile {
position: absolute; left: 50%; top: 40px; width: 180px; height: 180px;
border-radius: 40px; background: #fff; display: grid; place-items: center; overflow: hidden;
box-shadow: 0 32px 80px rgba(180, 90, 150, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06);
transform: translateX(calc(-50% + var(--k) * var(--gap, 146px))) rotate(var(--r));
transition: transform 0.5s cubic-bezier(.2, .8, .2, 1);
animation: tm-bob 6s ease-in-out infinite; animation-delay: var(--bd);
z-index: var(--z);
}
html .tm-tile img { width: 84%; height: 84%; object-fit: contain; transition: height 0.4s, margin 0.4s; }
html .tm-tile span { position: absolute; bottom: 12px; font-weight: 700; font-size: 13px; opacity: 0; transition: opacity 0.2s; }
html .tm-tile:hover { transform: translateX(calc(-50% + var(--k) * var(--gap, 146px))) translateY(-22px) rotate(0deg); z-index: 9; }
html .tm-tile:hover img { height: 70%; margin-bottom: 18px; }
html .tm-tile:hover span { opacity: 1; }
@keyframes tm-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -12px; } }
html.tm-js .tm-fan .tm-tile { animation: tm-deal 0.9s cubic-bezier(.2, .8, .2, 1) both, tm-bob 6s ease-in-out 1s infinite; animation-delay: calc(var(--i) * 70ms), var(--bd); }
@keyframes tm-deal { from { opacity: 0; transform: translateX(-50%) translateY(80px) rotate(0); } }
@media (max-width: 900px) { html .tm-fan { height: 200px; --gap: 92px; } html .tm-tile { width: 124px; height: 124px; border-radius: 28px; top: 30px; } }
@media (max-width: 520px) { html .tm-fan { --gap: 50px; } html .tm-tile { width: 92px; height: 92px; border-radius: 22px; } }
html .tm-band { background: #16121f; color: #fffafb; padding: 16px 0; overflow: hidden; }
html .tm-band__track { display: flex; gap: 48px; width: max-content; animation: tm-marq 36s linear infinite; font-weight: 500; font-size: 16px; white-space: nowrap; }
html .tm-band__track b { font-family: var(--brand); font-style: normal; font-weight: 800; }
@keyframes tm-marq { to { transform: translateX(-50%); } }
html .nav { transition: padding 0.3s ease, box-shadow 0.3s ease; }
html .nav.tm-scrolled { padding-top: 10px; padding-bottom: 10px; box-shadow: 0 10px 30px rgba(180, 90, 150, 0.12); }
@media (prefers-reduced-motion: reduce) {
html.tm-js :is(.card, .post, .ptile, .tile, .end, .steps > li, .stat, .partner, .faq__item, .pledge__fig, .panel, .rail):not(.tm-in) { opacity: 1; translate: none; scale: none; }
html .tm-tile, html .tm-band__track, html.tm-js .tm-in .bar__fill, html.tm-js .tm-in .bar__movement, html.tm-js .tm-in .bar__direct { animation: none !important; }
}
html .band__inner.give {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
gap: 56px;
align-items: start;
}
html .band__inner.give .give__form {
position: relative;
z-index: 2;
background: rgba(255, 255, 255, 0.92);
border: 1.5px solid rgba(255, 255, 255, 0.95);
border-radius: 36px;
box-shadow: 0 24px 60px rgba(180, 90, 150, 0.14);
}
@media (max-width: 900px) {
html .band__inner.give { grid-template-columns: minmax(0, 1fr); gap: 26px; }
html .band__inner.give .give__intro { position: static; }
}
@media (max-width: 860px) {
html .nav { position: relative; }
}
html .nav__links a, html .nav .btn { white-space: nowrap; }
@media (min-width: 901px) and (max-width: 1180px) {
html .nav { gap: 16px; }
html .nav__links { gap: 14px; }
html .nav__links a { font-size: 14px; }
html .nav .btn--small { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 900px) {
html .nav__links { flex-wrap: wrap; gap: 4px 16px; }
}
@media (max-width: 420px) {
html .nav__links { gap: 10px; }
html .nav__links a { font-size: 13px; }
}
html .card__link { display: block; color: inherit; text-decoration: none; }
html .card__give { padding: 0 20px 20px; }
html .card__give .btn { width: 100%; justify-content: center; }
html .card__note { margin: 8px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--ink-soft, #5b5570); }
html .card__goal { margin-top: 4px; font-size: 13px; color: var(--ink-soft, #5b5570); }
html .give-note { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink-soft, #5b5570); text-align: center; }
@media (max-width: 600px) {
html body.page .nav {
position: relative;
flex-wrap: wrap;
gap: 8px 10px;
padding: 10px 16px 8px;
}
html body.page .nav.tm-scrolled,
html.is-scrolled body.page .nav { padding-top: 10px; padding-bottom: 8px; box-shadow: none; }
html .nav .brand { order: 1; min-width: 0; flex: 0 1 auto; }
html .nav .brand__logo { height: 19px; }
html .nav .brand__tag { height: 21px; font-size: 12.5px; padding: 0 9px 1px; }
html .nav > .btn--small {
order: 2;
margin-left: auto;
flex: none;
min-height: 44px;
padding: 0 13px;
font-size: 14px;
}
html body .nav::before {
content: "";
order: 3;
flex: 0 0 100%;
height: 0;
margin-bottom: -8px;
}
html .nav .nav__links {
order: 4;
flex: 1 1 0;
width: auto;
min-width: 0;
margin: 0 -4px;
flex-wrap: nowrap;
gap: 2px;
overflow-x: auto;
overscroll-behavior-x: contain;
scrollbar-width: none;
-webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
mask-image: linear-gradient(90deg, #000 88%, transparent);
}
html .nav .nav__links::-webkit-scrollbar { display: none; }
html .nav .nav__links a {
display: inline-flex;
align-items: center;
flex: none;
min-height: 44px;
padding: 0 8px;
font-size: 14px;
}
html .nav .nav__links a::after { left: 8px; right: 8px; }
html .nav .nav__lang { order: 5; align-self: center; }
html .nav .nav__lang-on, html .nav .nav__lang-off {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 0 10px;
}
}
@media (max-width: 374px) {
html .nav .brand__logo { height: 16px; }
html .nav > .btn--small { padding: 0 11px; font-size: 13px; }
}
/* https://help.tamitos.com/static/cards.css */
html .card {
display: flex;
flex-direction: column;
min-width: 0;
}
html .card__link {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
}
html .card__body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
}
html .card__who {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
html .card__title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
overflow-wrap: anywhere;
line-height: 1.3;
min-height: calc(2 * 1.3em);
}
html .card__teaser {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
overflow-wrap: anywhere;
line-height: 1.5;
min-height: calc(2 * 1.5em);
}
html .card__give {
margin-top: auto;
}
html .card__give .btn {
max-width: 100%;
white-space: normal;
text-align: center;
}
html img {
image-orientation: from-image;
}
html .sponsor-banner {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 8px;
margin: 0 0 18px;
padding: 12px 16px;
font-size: 15px;
line-height: 1.45;
}
html .story-page .sponsor-banner,
html .rail .sponsor-banner { margin: 18px 0 0; }
html .sponsor-banner__link {
font-weight: 800;
color: #b0306e;
text-decoration: underline;
text-underline-offset: 3px;
}
html .hero--stories .hero__cta { margin: 14px 0 0; }
html .sponsor-pill { border-radius: 999px; }
html .card__cover {
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center 10%;
display: block;
}
html .card__give { display: flex; flex-direction: column; gap: 8px; }
html .card__give .btn { min-height: 48px; }
html .card__give .card__support { background: rgba(255, 255, 255, 0.85); }
html .card__give .card__note { margin-top: 0; }
/* https://help.tamitos.com/static/move-approved.css */
@font-face {
font-family: 'DynaPuff';
font-style: normal;
font-weight: 500 700;
font-stretch: 100%;
font-display: swap;
src: url(https://tamitos.com/v4/fonts/dynapuff-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'DynaPuff';
font-style: normal;
font-weight: 500 700;
font-stretch: 100%;
font-display: swap;
src: url(https://tamitos.com/v4/fonts/dynapuff-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 400 800;
font-stretch: 100%;
font-display: swap;
src: url(https://tamitos.com/v4/fonts/nunito-sans-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 400 800;
font-stretch: 100%;
font-display: swap;
src: url(https://tamitos.com/v4/fonts/nunito-sans-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.move-approved {--ink:#30204f;--muted:#665c78;--purple:#6540d9;--pink:#f7a8cf;--sky:#e3f3fc;--line:#e6deef;--ease:cubic-bezier(.2,.8,.2,1)}
.move-approved *{box-sizing:border-box}
.move-approved {scroll-behavior:smooth;scroll-padding-top:145px}
.move-approved {margin:0;background:#fcfaf7;color:var(--ink);font:17px/1.55 "Nunito Sans",system-ui,sans-serif}
.move-approved button,.move-approved input,.move-approved select,.move-approved textarea{font:inherit}
.move-approved button,.move-approved a{touch-action:manipulation}
.move-approved button{cursor:pointer}
.move-approved a{color:inherit}
.move-approved button:focus-visible,.move-approved a:focus-visible,.move-approved input:focus-visible,.move-approved select:focus-visible,.move-approved textarea:focus-visible,.move-approved summary:focus-visible{outline:3px solid #368bb7;outline-offset:4px}
.move-approved button:disabled{cursor:wait;opacity:.65}
.move-approved .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.move-approved [hidden]{display:none!important}
.move-approved .reviewbar{background:var(--ink);color:#fff;padding:8px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px}
.move-approved .reviewbar span{opacity:.85}
.move-approved .reviewbar button{border:1px solid #85769c;color:white;background:transparent;border-radius:20px;padding:5px 12px;min-height:30px}
.move-approved .reviewtools{display:flex;gap:8px}
.move-approved .headerwrap{position:sticky;top:0;z-index:20;padding:16px 30px 0;pointer-events:none}
.move-approved .header{max-width:1320px;margin:auto;padding:14px 22px;border:1px solid white;border-radius:32px;background:#ffffffed;backdrop-filter:blur(20px);box-shadow:0 10px 38px #4b2c8711;display:flex;justify-content:space-between;align-items:center;gap:24px;pointer-events:auto}
.move-approved .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.move-approved .brand img{width:146px;height:39px;object-fit:contain}
.move-approved .movetag{font-weight:900;color:var(--purple);font-size:15px;transform:rotate(-5deg);padding:4px 10px;background:#eee7fe;border-radius:10px}
.move-approved .nav{display:flex;align-items:center;gap:8px}
.move-approved .nav a{padding:9px 15px;text-decoration:none;border-radius:20px;font-size:14px;font-weight:800;min-height:44px}
.move-approved .nav a[aria-current=page]{background:#eee7fe;color:var(--purple)}
.move-approved .nav .navcta{background:var(--purple);color:white;padding-inline:21px}
.move-approved .menu{display:none;background:transparent;border:0;padding:9px;min-width:48px;min-height:48px}
.move-approved .wrap{max-width:1200px;margin:auto;padding:0 30px}
.move-approved .hero{display:grid;grid-template-columns:1.03fr 1fr;gap:50px;align-items:center;min-height:610px;padding:50px 0 24px}
.move-approved .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;font-weight:900;color:var(--purple);margin:0 0 18px;display:flex;align-items:center;gap:10px}
.move-approved .statusdot{width:9px;height:9px;background:#aa60e8;border-radius:50%;box-shadow:0 0 0 5px #e9def7;flex-shrink:0}
.move-approved .title{font:600 clamp(38px,4.25vw,61px)/1.13 DynaPuff,system-ui;letter-spacing:-1.7px;margin:0 0 22px}
.move-approved .title span{color:var(--purple)}
.move-approved .hero .lead{font-size:19px;max-width:500px;color:var(--muted);margin:0 0 25px}
.move-approved .btn{display:inline-flex;gap:15px;align-items:center;justify-content:center;min-height:54px;padding:14px 23px;border:0;border-radius:999px;background:linear-gradient(110deg,#5937cb,#8550df);box-shadow:0 8px 22px #663cd92c;color:#fff;text-decoration:none;font-weight:850;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.move-approved .btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #663cd942}
.move-approved .btn:active{transform:scale(.98)}
.move-approved .btn.light{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.move-approved .btn.small{min-height:46px;font-size:14px;padding:10px 17px}
.move-approved .btn.full{width:100%}
.move-approved .textbutton{background:none;border:0;padding:8px 0;color:var(--purple);text-decoration:underline;text-underline-offset:5px;font-weight:800;min-height:44px}
.move-approved .actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.move-approved .micro{font-size:13px;color:var(--muted);margin:15px 0 0}
.move-approved .micro strong{color:var(--ink)}
.move-approved .heroart{position:relative;isolation:isolate;height:460px;display:flex;align-items:center;justify-content:center}
.move-approved .orb{position:absolute;inset:3% -3%;z-index:-1;border-radius:52% 48% 42% 58%;background:radial-gradient(ellipse at 75% 25%,#fbe6ab 0,transparent 43%),radial-gradient(ellipse at 15% 75%,#f6cee8 0,transparent 47%),linear-gradient(135deg,#e1effd,#e9ddff);transform:rotate(-5deg)}
.move-approved .heroart .phones{width:108%;height:auto;max-height:420px;object-fit:contain;filter:drop-shadow(0 20px 25px #3e2a6320);animation:levitate 7s ease-in-out infinite}
.move-approved .bubblelabel{position:absolute;background:#fffef3e8;border:1px solid white;border-radius:18px;padding:13px 18px;box-shadow:0 12px 30px #38226412;font-size:13px;font-weight:800;bottom:14px;left:4%;transform:rotate(-4deg);animation:levitate 8s ease-in-out infinite}
.move-approved .bubblelabel b{font-size:20px;color:var(--purple);display:block}
.move-approved .floatstar{position:absolute;right:4%;top:5%;font-size:42px;color:#dcb558;text-shadow:0 5px 20px #ecd381;animation:levitate 5s ease-in-out infinite}
.move-approved .fourpaths{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:5px 0 65px}
.move-approved .path{display:flex;flex-direction:column;align-items:flex-start;padding:25px 22px;border-radius:24px;border:1px solid white;background:white;box-shadow:0 8px 32px #30204f07;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease);text-align:left}
.move-approved .path:hover{transform:translateY(-6px);box-shadow:0 15px 32px #30204f12}
.move-approved .path:nth-child(1){background:#e7f3fc}
.move-approved .path:nth-child(2){background:#eee8fa}
.move-approved .path:nth-child(3){background:#fff2dc}
.move-approved .path:nth-child(4){background:#fce8f1}
.move-approved .iconbox{height:42px;width:42px;border-radius:14px;background:#ffffffb8;display:grid;place-items:center;font-size:22px;margin-bottom:15px}
.move-approved .path h2{font-size:18px;margin:0 0 6px;line-height:1.2}
.move-approved .path p{font-size:14px;color:var(--muted);margin:0 0 17px}
.move-approved .path .go{margin-top:auto;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--purple)}
.move-approved .section{padding:68px 0}
.move-approved .section h2,.move-approved .sectionhead h2{font:600 clamp(29px,3vw,42px)/1.18 DynaPuff;letter-spacing:-.7px;margin:0 0 16px}
.move-approved .sectionhead{max-width:680px;margin-bottom:30px}
.move-approved .sectionhead p{color:var(--muted);margin:0}
.move-approved .softband{background:#f0ecfa;border-radius:46px;margin:0 20px;position:relative}
.move-approved .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.move-approved .step{position:relative;background:#ffffffb0;border:1px solid white;border-radius:24px;padding:27px}
.move-approved .stepnum{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--purple);color:white;font-weight:900;margin-bottom:20px}
.move-approved .step h3{font-size:20px;margin:0 0 8px}
.move-approved .step p{color:var(--muted);margin:0;font-size:15px}
.move-approved .step small{display:block;margin-top:14px;color:var(--purple);font-weight:800}
.move-approved .partnerpanel{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;background:linear-gradient(110deg,#e5f3fc,#eee4fa 65%,#fbe1ee);border:2px solid #fff;border-radius:34px;padding:45px;position:relative;overflow:hidden;box-shadow:0 16px 45px #45257c0b}
.move-approved .partnerpanel h2{font:600 clamp(30px,3vw,42px)/1.2 DynaPuff;margin:13px 0 15px}
.move-approved .partnerpanel p{max-width:480px;color:var(--muted)}
.move-approved .partnerart{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px}
.move-approved .partnerart img{height:250px;width:220px;object-fit:contain;filter:drop-shadow(0 20px 20px #3e25681a);animation:levitate 7s ease-in-out infinite}
.move-approved .ticket{position:absolute;left:0;top:15px;border:1.5px dashed #ac96cf;border-radius:16px;padding:13px 18px;background:#ffffffcb;font-size:14px;transform:rotate(-8deg);z-index:1}
.move-approved .ticket b{display:block;color:var(--purple)}
.move-approved .partnerart .heart{position:absolute;right:13px;bottom:45px;font-size:46px;color:#f399bf}
.move-approved .split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.move-approved .infocard{padding:32px;background:#fff;border-radius:26px;border:1px solid var(--line)}
.move-approved .infocard h3{font-size:24px;margin:0 0 10px}
.move-approved .infocard p{color:var(--muted);margin:0 0 20px}
.move-approved .tag{display:inline-flex;font-size:12px;font-weight:900;letter-spacing:.5px;border-radius:999px;background:#eee6fe;color:var(--purple);padding:6px 12px;margin-bottom:12px}
.move-approved .infocard.family{background:#fff3df}
.move-approved .infocard.donation{background:#fbe9f1}
.move-approved .fineprint{font-size:13px;color:var(--muted)}
.move-approved .faq{max-width:800px;margin:auto}
.move-approved .faq details{border-bottom:1px solid var(--line);padding:20px 0}
.move-approved .faq summary{font-weight:850;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;min-height:44px;align-items:center}
.move-approved .faq summary:after{content:"+";color:var(--purple);font-size:24px}
.move-approved .faq details[open] summary:after{content:"−"}
.move-approved .faq details p{color:var(--muted);font-size:15px;max-width:680px}
.move-approved .footer{border-top:1px solid var(--line);padding:35px 0;margin-top:35px;font-size:13px;color:var(--muted)}
.move-approved .footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.move-approved .footer a{margin-right:20px}
.move-approved .review-note{max-width:1200px;padding:20px 30px;margin:auto;font-size:12px;color:var(--muted)}
.move-approved .firmhero .heroart{height:430px;border-radius:35px;background:#eee8f6;overflow:hidden}
.move-approved .firmhero .heroart img{width:100%;height:100%;object-fit:cover;object-position:center}
.move-approved .firmhero .heroart:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#eae4f544,transparent 60%)}
.move-approved .firmhero .bubblelabel{z-index:2;bottom:20px}
.move-approved .benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.move-approved .benefit{background:white;border-radius:23px;border:1px solid var(--line);padding:25px}
.move-approved .benefit h3{font-size:18px;margin:10px 0}
.move-approved .benefit p{font-size:14px;color:var(--muted);margin:0}
.move-approved .fundmap{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center;text-align:center;margin:24px 0}
.move-approved .fundnode{padding:20px 10px;border-radius:22px;background:white;box-shadow:0 5px 20px #35204e06}
.move-approved .fundnode b{display:block;font-size:18px}
.move-approved .fundnode span{font-size:13px;color:var(--muted)}
.move-approved .fundarrow{font-size:25px;color:var(--purple)}
.move-approved .callout{display:flex;gap:20px;justify-content:space-between;align-items:center;border-radius:28px;padding:30px;background:var(--ink);color:#fff}
.move-approved .callout p{margin:8px 0 0;color:#ddd4ec;font-size:14px}
.move-approved .callout h3{font:500 26px DynaPuff;margin:0}
.move-approved .callout .btn{background:#fff;color:var(--ink);flex-shrink:0}
.move-approved .application{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:70px 0 60px;align-items:start}
.move-approved .aside h1{font:600 clamp(32px,3vw,44px)/1.2 DynaPuff;margin:0 0 20px}
.move-approved .aside p{color:var(--muted)}
.move-approved .trustlist{list-style:none;padding:0;font-size:14px}
.move-approved .trustlist li{padding:9px 0;display:flex;gap:12px}
.move-approved .trustlist li:before{content:"✓";color:var(--purple);font-weight:900}
.move-approved .aside img{height:170px;object-fit:contain;display:block;margin:25px auto 0;animation:levitate 8s ease-in-out infinite}
.move-approved .formcard{background:white;border:1px solid var(--line);border-radius:30px;padding:36px;box-shadow:0 18px 50px #49257708}
.move-approved .progresshead{display:flex;justify-content:space-between;font-size:12px;font-weight:900;color:var(--purple);text-transform:uppercase;letter-spacing:1px}
.move-approved .progress{display:flex;gap:8px;margin:12px 0 26px}
.move-approved .progress i{height:5px;background:#eae4f3;flex:1;border-radius:10px}
.move-approved .progress i.done{background:var(--purple)}
.move-approved .formcard h2{font:500 29px DynaPuff;margin:0 0 10px}
.move-approved .formcard .intro{font-size:14px;color:var(--muted);margin:0 0 24px}
.move-approved .field{display:flex;flex-direction:column;gap:7px;margin:18px 0}
.move-approved .field label{font-size:14px;font-weight:850}
.move-approved .field small{font-size:12px;color:var(--muted)}
.move-approved input,.move-approved select,.move-approved textarea{border:1.5px solid #ddd4e8;border-radius:13px;background:#fdfcfe;padding:12px 15px;color:var(--ink);width:100%;min-height:49px}
.move-approved textarea{resize:vertical;min-height:92px}
.move-approved input:focus,.move-approved select:focus,.move-approved textarea:focus{border-color:var(--purple);background:#fff}
.move-approved .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.move-approved .formgrid .field{margin-top:0}
.move-approved .choicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.move-approved .choice{padding:13px 8px;border:1.5px solid #ded5e9;border-radius:14px;background:white;min-height:52px;font-weight:850;font-size:14px}
.move-approved .choice[aria-pressed=true]{border-color:var(--purple);background:#eee7ff;color:var(--purple)}
.move-approved .choice span{display:block;font-size:11px;font-weight:650}
.move-approved .fieldline{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;margin:18px 0}
.move-approved .fieldline input{width:18px;min-height:18px;margin-top:4px;flex-shrink:0;accent-color:var(--purple)}
.move-approved .error{font-size:13px;color:#9c2548;background:#fff0f5;border-radius:12px;padding:12px 15px;margin:15px 0}
.move-approved .hint{font-size:13px;color:var(--muted);background:#f5f1fa;border-radius:12px;padding:12px 15px}
.move-approved .summarybox{background:#f5f1fb;border:1px solid #e3d8f2;border-radius:18px;padding:18px;margin:22px 0}
.move-approved .summarybox dl{margin:0;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;font-size:13px}
.move-approved .summarybox dt{color:var(--muted)}
.move-approved .summarybox dd{margin:0;font-weight:800;overflow-wrap:anywhere}
.move-approved .success{text-align:center;padding:22px 0}
.move-approved .successicon{height:76px;width:76px;border-radius:26px;display:grid;place-items:center;font-size:35px;color:var(--purple);background:#eee6fd;margin:0 auto 25px;animation:pop .6s var(--ease)}
.move-approved .success h2{font:500 30px DynaPuff}
.move-approved .success p{font-size:15px;color:var(--muted)}
.move-approved .statuspreview{padding:18px;background:#f3eefb;border:1px dashed #a88fcc;border-radius:15px;font-size:13px;margin-top:25px}
.move-approved .statuspreview button{background:white;border:1px solid #ddd3eb;border-radius:12px;padding:11px 13px;min-height:44px;margin:5px 5px 0 0;font-size:12px;font-weight:850}
.move-approved .dialog{max-width:580px;width:calc(100% - 30px);padding:32px;border:1px solid white;border-radius:30px;color:var(--ink);background:#fffdfc;box-shadow:0 30px 100px #28104750;max-height:calc(100dvh - 35px);overflow-y:auto}
.move-approved .dialog::backdrop{background:#28174780;backdrop-filter:blur(8px)}
.move-approved .dialog[open]{animation:dialog-in .35s var(--ease)}
.move-approved .dialoghead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.move-approved .dialoghead .tag{margin:0}
.move-approved .close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:white;border-radius:50%;font-size:22px;color:var(--ink)}
.move-approved .dialog h2{font:500 30px/1.2 DynaPuff;margin:0 0 16px}
.move-approved .dialog .lead{font-size:15px;color:var(--muted)}
.move-approved .dialog .store{display:flex;align-items:center;gap:20px;padding:18px;background:var(--purple);border-radius:18px;color:white;text-decoration:none;margin:20px 0}
.move-approved .storeicon{font-size:30px}
.move-approved .store b{display:block;font-size:19px}
.move-approved .store small{font-size:12px;opacity:.85}
.move-approved .ios{display:flex;gap:18px;align-items:center;padding:18px;background:#f1edf6;border-radius:18px;font-size:14px}
.move-approved .ios small{display:block;font-size:12px;color:var(--muted)}
.move-approved .segmented{display:flex;background:#eee8f6;padding:4px;border-radius:15px;margin:18px 0}
.move-approved .segmented button{flex:1;border:0;min-height:44px;background:transparent;border-radius:12px;font-size:14px;color:var(--muted);font-weight:850}
.move-approved .segmented button[aria-pressed=true]{background:white;color:var(--purple);box-shadow:0 3px 9px #35204f11}
.move-approved .howvisual{display:flex;gap:10px;align-items:center;justify-content:center;font-size:28px;padding:30px 0;color:var(--purple)}
.move-approved .howvisual span{display:grid;place-items:center;background:#eee7fc;border-radius:20px;width:78px;height:78px;animation:pop .6s var(--ease) both}
.move-approved .howvisual span:nth-child(3){animation-delay:.2s}
.move-approved .howvisual span:nth-child(5){animation-delay:.4s}
.move-approved .storymini{display:flex;gap:20px;background:#fff4df;border-radius:20px;padding:20px;align-items:center;margin:20px 0}
.move-approved .storymini img{width:75px;height:100px;object-fit:contain}
.move-approved .flowgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.move-approved .flowcard{padding:30px;border:1px solid var(--line);border-radius:25px;background:white}
.move-approved .flowcard h3{font:500 22px DynaPuff;margin:0 0 15px}
.move-approved .flowline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:17px;font-size:13px;font-weight:850}
.move-approved .flowline span{background:#eee7fa;padding:8px 10px;border-radius:10px}
.move-approved .flowcard p{font-size:14px;color:var(--muted)}
.move-approved .reviewtitle{padding:65px 0 25px}
.move-approved .reviewtitle h1{font:600 42px DynaPuff;margin:0 0 16px}
.move-approved .motiontable{width:100%;border-collapse:collapse;font-size:14px}
.move-approved .motiontable th,.move-approved .motiontable td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}
.move-approved .motiontable th{color:var(--purple)}
.move-approved .tablewrap{overflow:auto}
.move-approved .emptyexample{display:flex;align-items:center;gap:20px;padding:24px;border-radius:22px;background:#eee8fa}
.move-approved .emptyexample h3{margin:0 0 5px;font:500 23px DynaPuff}
.move-approved .emptyexample p{font-size:14px;color:var(--muted)}
.move-approved .state-switch{display:flex;gap:8px;flex-wrap:wrap}
.move-approved .state-switch button{background:white;color:var(--ink);padding:10px 14px;border:1px solid var(--line);border-radius:12px;min-height:44px;font-size:13px}
.move-approved .state-switch button[aria-pressed=true]{background:var(--purple);color:white}
.move-approved .stickybar{display:none}
.move-approved .enter{animation:enter .65s var(--ease) both}
.move-approved .reveal{animation:enter .65s var(--ease) both}
.move-approved .reveal:nth-child(2){animation-delay:.06s}
.move-approved .reveal:nth-child(3){animation-delay:.12s}
.move-approved .reveal:nth-child(4){animation-delay:.18s}
@keyframes enter{from{opacity:.5;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:.2;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.move-approved {scroll-behavior:auto}
.move-approved *,.move-approved *:before,.move-approved *:after{animation:none!important;transition:none!important}}
@media(max-width:1050px){.move-approved .hero{gap:25px}
.move-approved .nav a{padding:9px 11px}
.move-approved .header{gap:12px}
.move-approved .title{font-size:48px}
.move-approved .fourpaths{gap:10px}
.move-approved .path{padding:23px 17px}
.move-approved .application{gap:35px}
.move-approved .benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.move-approved {font-size:16px}
.move-approved .reviewbar{padding:9px 15px;gap:10px;font-size:10px}
.move-approved .reviewbar span{display:none}
.move-approved .reviewtools{gap:4px}
.move-approved .reviewbar button{font-size:10px}
.move-approved .headerwrap{padding:12px 12px 0}
.move-approved .header{padding:8px 13px;border-radius:25px;gap:8px}
.move-approved .brand img{width:114px;height:32px}
.move-approved .movetag{font-size:12px;padding:3px 7px}
.move-approved .menu{display:block}
.move-approved .nav{display:none;position:absolute;right:12px;left:12px;top:78px;border-radius:25px;background:white;box-shadow:0 20px 40px #30204f20;padding:15px}
.move-approved .nav.open{display:flex;flex-direction:column;align-items:stretch}
.move-approved .nav a{text-align:center}
.move-approved .wrap{padding:0 20px}
.move-approved .hero{grid-template-columns:1fr;gap:5px;min-height:0;padding:38px 0 15px}
.move-approved .title{font-size:clamp(36px,9vw,49px);letter-spacing:-1px;max-width:520px}
.move-approved .hero .lead{font-size:17px;margin-bottom:20px}
.move-approved .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:16px}
.move-approved .heroart{height:310px;max-width:480px;width:100%;margin:auto}
.move-approved .heroart .phones{width:105%;max-height:300px}
.move-approved .bubblelabel{bottom:4px;font-size:11px;padding:10px 13px}
.move-approved .bubblelabel b{font-size:17px}
.move-approved .floatstar{font-size:30px}
.move-approved .fourpaths{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 42px}
.move-approved .path{padding:19px 15px;border-radius:21px}
.move-approved .path h2{font-size:17px}
.move-approved .path p{font-size:12px;margin-bottom:15px}
.move-approved .path .go{font-size:12px}
.move-approved .iconbox{width:35px;height:35px;font-size:19px;margin-bottom:13px}
.move-approved .section{padding:45px 0}
.move-approved .sectionhead h2,.move-approved .section h2{font-size:31px}
.move-approved .steps{grid-template-columns:1fr;gap:12px}
.move-approved .step{padding:22px 24px}
.move-approved .stepnum{float:left;margin:0 15px 0 0;width:33px;height:33px}
.move-approved .step h3{font-size:18px;margin-top:3px}
.move-approved .step p{clear:both;padding-top:12px}
.move-approved .softband{margin:0 10px;border-radius:30px}
.move-approved .partnerpanel{grid-template-columns:1fr;padding:28px 23px;gap:5px}
.move-approved .partnerpanel h2{font-size:32px}
.move-approved .partnerart{min-height:180px}
.move-approved .partnerart img{height:190px}
.move-approved .partnerart .heart{bottom:24px}
.move-approved .ticket{font-size:12px;top:20px}
.move-approved .split{grid-template-columns:1fr;gap:15px}
.move-approved .infocard{padding:27px}
.move-approved .firmhero .heroart{height:260px;margin-top:25px;border-radius:27px}
.move-approved .benefits{gap:12px}
.move-approved .benefit{padding:20px 18px}
.move-approved .benefit h3{font-size:16px}
.move-approved .benefit p{font-size:13px}
.move-approved .fundmap{grid-template-columns:1fr;gap:10px}
.move-approved .fundarrow{transform:rotate(90deg);line-height:1}
.move-approved .fundnode{padding:17px}
.move-approved .callout{align-items:stretch;flex-direction:column;padding:25px}
.move-approved .application{grid-template-columns:1fr;gap:25px;padding:38px 0 20px}
.move-approved .aside h1{font-size:34px}
.move-approved .aside p{margin-bottom:15px}
.move-approved .aside img{display:none}
.move-approved .trustlist{display:flex;flex-wrap:wrap;gap:0 15px;font-size:12px;margin:12px 0}
.move-approved .formcard{padding:25px 20px;border-radius:25px}
.move-approved .formcard h2{font-size:26px}
.move-approved .formgrid{grid-template-columns:1fr;gap:0}
.move-approved .dialog{padding:25px 22px;border-radius:25px}
.move-approved .dialog h2{font-size:27px}
.move-approved .choicegrid{gap:7px}
.move-approved .choice{font-size:13px}
.move-approved .flowgrid{grid-template-columns:1fr}
.move-approved .reviewtitle h1{font-size:33px}
.move-approved .emptyexample{align-items:flex-start;flex-direction:column}
.move-approved .footer{padding-bottom:100px}
.move-approved .review-note{padding:20px;font-size:11px}
.move-approved .stickybar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffef3ee;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:10px 15px calc(10px + env(safe-area-inset-bottom));gap:10px;z-index:15;align-items:center}
.move-approved .stickybar .btn{min-height:47px;font-size:13px;padding:12px 17px;flex:1}
.move-approved .stickybar .light{flex:.7}
.move-approved .howvisual{font-size:21px;gap:6px}
.move-approved .howvisual span{width:64px;height:64px}
.move-approved .motiontable{font-size:12px}}
.move-approved .hero{min-height:540px}
.move-approved .heroart .phones{border-radius:28px;mask-image:radial-gradient(ellipse 73% 71% at 50% 50%,black 62%,transparent 100%)}
.move-approved .funding-status{display:flex;gap:13px;align-items:center;font-size:12px;margin-top:22px;color:var(--muted)}
.move-approved .funding-status a{font-weight:900;color:var(--purple);text-decoration:none;display:inline-block;padding-top:4px}
.move-approved .funding-status b{color:var(--ink)}
@media(max-width:900px){.move-approved .hero{min-height:0}
.move-approved .funding-status{font-size:11px;margin-top:20px}
.move-approved .heroart{height:290px;margin-top:18px}}
@media(max-width:900px){.move-approved .orb{inset:3% 2%}
.move-approved .hero .actions{gap:8px}
.move-approved .hero .actions .btn{font-size:14px;padding:12px 16px;gap:8px;min-height:50px}
.move-approved .reviewbar{align-items:center}
.move-approved .reviewbar>div:first-child{max-width:142px}
.move-approved .reviewtools button{white-space:nowrap}
.move-approved .formcard{padding:24px 20px}
.move-approved .formcard .field{margin:15px 0}
.move-approved .dialog .field{margin:15px 0}}
@media(max-width:900px){.move-approved .application{padding-top:28px;gap:18px}
.move-approved .application .aside .summarybox,.move-approved .application .aside>.textbutton{display:none}
.move-approved .aside h1{font-size:30px;margin-bottom:12px}
.move-approved .aside p{font-size:14px}
.move-approved .formcard{scroll-margin-top:103px}
.move-approved .trustlist li{padding:5px 0}}
@media(max-width:900px){.move-approved {scroll-padding-top:105px}
.move-approved .formcard{scroll-margin-top:0}}
.move-approved {--ink:#2b2150;--muted:#6b6188;--purple:#5a3fe0;--display:"Nunito Sans",system-ui,sans-serif;--brand:DynaPuff,system-ui,sans-serif;--footer:#ffd9e8;--b-paper:#fffaf3;--b-lilac:#efe8ff;--b-butter:#fff6d6;--b-mint:#e2f7ec;--b-pink:#ffe3ef;--wh:60px;--g1:#5a3fe0;--g2:#7f4ff0;--g3:#b44fd6}
.move-approved {background:var(--b-paper);color:var(--ink);font-family:var(--display)}
.move-approved h1,.move-approved h2,.move-approved h3{font-family:var(--brand);color:var(--ink)}
.move-approved h1,.move-approved h2{font-weight:700!important;letter-spacing:-.01em!important}
.move-approved .title{font-family:var(--brand);font-weight:700;font-size:clamp(44px,5.3vw,78px);line-height:1.03;color:var(--ink)}
.move-approved .title span{color:var(--ink)}
.move-approved .hero-zone{background:radial-gradient(ellipse at 14% 12%,#abe0ff,transparent 70%),linear-gradient(180deg,#b8e4ff,#eaf6ff);margin:0 calc(50% - 50vw);padding:0 calc(50vw - 50%) 35px}
.move-approved .hero-zone .hero{min-height:600px;padding-top:45px}
.move-approved .hero-zone .lead{color:#655e85;font-size:20px;max-width:490px}
.move-approved .hero__news{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:9px 16px;background:#e8f7ee;color:#1d6b3e;border-radius:999px;font-size:14px;font-weight:800}
.move-approved .hero__news-dot{width:9px;height:9px;background:#22a55a;border-radius:50%;box-shadow:0 0 0 5px #22a55a22;flex-shrink:0}
.move-approved .heroart{height:490px}
.move-approved .heroart .phones{width:100%;height:auto;max-height:470px;object-fit:contain;mask-image:none;clip-path:ellipse(49% 49% at 50% 50%);border-radius:0;filter:drop-shadow(0 16px 28px #49347e20)}
.move-approved .heroart .orb{display:none}
.move-approved .fourpaths{margin:35px 0 45px}
.move-approved .path{background:linear-gradient(130deg,#e5f4fd,#f7fcff)!important;border:1.5px solid #fff;border-radius:30px;box-shadow:0 16px 38px -24px #57417644}
.move-approved .path:nth-child(2){background:linear-gradient(130deg,#efe8ff,#f8f5ff)!important}
.move-approved .path:nth-child(3){background:linear-gradient(130deg,#fff1ce,#fffaf0)!important}
.move-approved .path:nth-child(4){background:linear-gradient(130deg,#ffe3ef,#fff3f8)!important}
.move-approved .path h2{font-size:21px;line-height:1.18}
.move-approved .path p{font-size:14px}
.move-approved .iconbox{width:68px;height:68px;background:none;border-radius:50%;filter:drop-shadow(0 8px 10px #8a67c52c);margin-bottom:19px}
.move-approved .iconbox svg{width:100%;height:100%}
.move-approved .path:hover .iconbox{transform:translateY(-3px) rotate(-6deg);transition:transform .35s var(--ease)}
.move-approved .benefit .iconbox{width:60px;height:60px}
.move-approved .btn{background:linear-gradient(120deg,#5a3fe0,#7f4ff0);border:2px solid #b395ff;box-shadow:0 14px 30px -12px #5a3fe066;font-weight:800}
.move-approved .btn.light{background:#ffffffde;color:var(--ink);border:2px solid #d8c7ff}
.move-approved .header{box-shadow:0 12px 38px -14px #3b285e40}
.move-approved .nav .header-tami{display:flex;gap:8px;align-items:center;background:white;box-shadow:0 3px 10px #37215f18,inset 0 0 0 1.5px #e6d6ff;white-space:nowrap}
.move-approved .header-tami span{display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff7b0,#ffd75e 70%,#eeaf42);width:30px;height:30px;border-radius:50%;color:#bd8432;box-shadow:0 3px 7px #8b5e2330}
.move-approved .header .nav a{font-weight:800}
.move-approved .softband{background:var(--b-lilac)}
.move-approved .partnerpanel{background:linear-gradient(115deg,#dcefff,#efe8ff 55%,#ffe3ef);border-radius:38px}
.move-approved .partnerpanel h2{font-weight:700}
.move-approved .sectionhead h2,.move-approved .section h2{font-weight:700}
.move-approved .formcard h2,.move-approved .dialog h2{font-weight:700;font-family:var(--brand)}
.move-approved .formcard{background:#fff;border-radius:32px}
.move-approved .intro,.move-approved .formcard .micro,.move-approved .field small{color:#6d648b}
.move-approved .stories-section{position:relative;padding:54px 0 65px;background:radial-gradient(ellipse at 0% 40%,#ffd9eb,transparent 40%),radial-gradient(ellipse at 100% 40%,#e4d9ff,transparent 40%),var(--b-paper)}
.move-approved .section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.move-approved .section-title{font:700 clamp(30px,3.2vw,44px)/1.1 var(--brand);margin:0}
.move-approved .section-head .link{color:#ad3876;font-weight:800;white-space:nowrap}
.move-approved .sponsor-banner{padding:16px 20px;border-radius:24px;border:1.5px solid white;background:#ffffffb0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--ink);margin:0 0 28px}
.move-approved .sponsor-banner a{font-weight:850;color:#b33779;white-space:nowrap}
.move-approved .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.move-approved .card{display:flex;flex-direction:column;overflow:hidden;border:1.5px solid white;border-radius:26px;background:linear-gradient(145deg,var(--card),#fff 100%);box-shadow:0 18px 40px -26px #79517455;transition:transform .25s var(--ease)}
.move-approved .card:hover{transform:translateY(-5px)}
.move-approved .card__link{color:inherit;text-decoration:none;display:flex;flex-direction:column;flex:1}
.move-approved .card__cover{width:100%;height:230px;object-fit:cover;object-position:50% 36%;display:block}
.move-approved .card__body{padding:20px 19px 15px}
.move-approved .card__who{color:#b63c7b;font-size:14px;font-weight:850;margin:0 0 11px}
.move-approved .card__title{font:700 21px/1.22 var(--brand);min-height:78px;margin:0 0 12px}
.move-approved .card__teaser{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.6;color:#6b6188;min-height:45px;margin:0 0 22px}
.move-approved .card__money,.move-approved .card__goal{font-size:13px;color:#77668d;margin-top:4px}
.move-approved .card__give{padding:0 18px 19px}
.move-approved .card__give .btn{width:100%;margin-top:9px;min-height:48px;font-size:14px;padding:10px;border:1.5px solid #ddc4ff}
.move-approved .card__give .btn--primary{background:linear-gradient(110deg,#7754ef,var(--end))}
.move-approved .card__give .btn--ghost{background:white;color:var(--ink)}
.move-approved .card__note{font-size:11px;color:#6e6283;margin:12px 0 0;line-height:1.4}
.move-approved .cards .card:nth-child(n+5){display:none}
.move-approved .stories-all{margin-top:25px;text-align:center}
.move-approved .download-band{background:var(--b-lilac);padding:70px 0;position:relative;margin:40px 0}
.move-approved .download-band:before,.move-approved .download-band:after{content:"";position:absolute;left:0;right:0;height:40px;background:var(--b-lilac);border-radius:50%}
.move-approved .download-band:before{top:-20px}
.move-approved .download-band:after{bottom:-20px}
.move-approved .appka__card{position:relative;z-index:1}
.move-approved .appka .section-title{font-family:var(--brand);font-weight:700;font-size:clamp(30px,3.7vw,48px)}
.move-approved .appka__lede{color:#6b6188}
.move-approved .pmq{margin:45px 0 0;transform:rotate(-1deg)}
.move-approved .pmq a{text-decoration:none}
.move-approved .pmq:focus-within .trk{animation-play-state:paused}
.move-approved .v4support .v4sup-card h2{margin:0;line-height:1.15}
.move-approved .v4support .btn.ghost{color:var(--ink);border-color:#fff}
.move-approved .v4regband{padding-top:34px}
.move-approved .v4reg h2{line-height:1.05;font-family:var(--brand)}
.move-approved .v4reg .ic svg{width:18px;height:18px}
.move-approved .v4reg .ic{display:grid;place-items:center;border:1px solid #fff5;border-radius:50%;width:34px;height:34px}
.move-approved .v4reg-art{max-width:400px;width:100%}
.move-approved .v4reg-art img{animation:v4bob 3.4s ease-in-out infinite}
.move-approved .v4f .fgrid{grid-template-columns:1.4fr repeat(4,minmax(0,1fr))!important}
.move-approved .v4f .col h2{font:700 14px/1.3 var(--brand);color:#923160;text-transform:uppercase;letter-spacing:.03em;margin:8px 0 16px}
.move-approved .v4f .col a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:750}
.move-approved .v4f .logo img{height:36px;width:auto}
.move-approved .v4f .legal button{min-height:36px;padding:0 8px}
.move-approved .v4f .peekers{display:none}
.move-approved .review-note{background:var(--footer);max-width:none;padding-bottom:110px}
.move-approved .book-sticky{position:fixed;left:22px;bottom:22px;z-index:30;display:flex;align-items:center;border:2px solid #ffc8e3;background:#ffffffed;backdrop-filter:blur(14px);border-radius:999px;box-shadow:0 15px 35px #5a3fe024;overflow:hidden;padding:4px}
.move-approved .book-open{display:flex;gap:10px;align-items:center;border:0;background:none;padding:3px 8px 3px 6px;color:var(--ink);text-align:left}
.move-approved .book-open img{width:38px;height:47px;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 4px 4px #2b215022)}
.move-approved .book-open b{display:block;font:700 16px/1.1 var(--brand)}
.move-approved .book-open small{display:block;color:#b4387a;font-size:12px;font-weight:850}
.move-approved .book-dismiss{width:38px;height:44px;border:0;background:none;color:#9683b0;font-size:24px}
.move-approved .download-float{position:fixed;right:22px;bottom:22px;z-index:29}
.move-approved .download-float .btn{font-size:14px;min-height:48px;padding:11px 18px}
.move-approved .book-popup-image{display:block;height:185px;width:auto;max-width:100%;margin:0 auto 22px;filter:drop-shadow(0 12px 15px #41277033);animation:v4bob 3.4s ease-in-out infinite}
.move-approved .cookie-option{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-top:1px solid #e4ddf0;font-size:14px}
.move-approved .cookie-option input{width:22px;min-height:22px;accent-color:#7f4ff0}
.move-approved .cookie-option small{display:block;color:#706584}
.move-approved .dialog .close{border:1.5px solid #dcc9fb}
.move-approved .hero-zone .bubblelabel{background:#ffffffed;color:var(--ink)}
.move-approved .hero-zone .bubblelabel b{color:var(--ink)}
@keyframes v4bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes v4twinkle{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1) rotate(30deg)}}
@keyframes v4mq{to{transform:translateX(-50%)}}
@media(max-width:1200px){.move-approved .header .nav{gap:2px}
.move-approved .header .nav a{font-size:12px;padding:9px 10px}
.move-approved .header .brand img{width:125px}
.move-approved .header{gap:14px;padding:12px 17px}}
@media(max-width:1000px){.move-approved .v4f .fgrid{grid-template-columns:1fr 1fr!important}
.move-approved .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.move-approved .v4reg{grid-template-columns:1fr}
.move-approved .v4reg-art{margin:auto}
.move-approved .v4reg ul{grid-template-columns:1fr 1fr}
.move-approved .v4reg h2{font-size:42px!important}
.move-approved .v4f .fgrid>div:first-child{grid-column:span 2}}
@media(max-width:900px){.move-approved .title{font-size:clamp(40px,9vw,60px);line-height:1.04}
.move-approved .title span{color:var(--ink)}
.move-approved .hero-zone .hero{min-height:0;padding-top:34px}
.move-approved .hero-zone .lead{font-size:17px}
.move-approved .hero__news{font-size:11px;padding:8px 12px;margin-bottom:20px}
.move-approved .heroart{height:320px;max-width:480px}
.move-approved .heroart .phones{max-height:310px;width:100%}
.move-approved .hero-zone{padding-bottom:22px}
.move-approved .path h2{font-size:19px}
.move-approved .path p{font-size:13px}
.move-approved .iconbox{width:54px;height:54px;margin-bottom:16px}
.move-approved .header .nav a{font-size:14px}
.move-approved .header .nav .header-tami{justify-content:center}
.move-approved .stories-section{padding:35px 0 45px}
.move-approved .section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}
.move-approved .section-title{font-size:31px}
.move-approved .sponsor-banner{font-size:13px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px}
.move-approved .card__cover{height:210px}
.move-approved .card__title{font-size:20px;min-height:72px}
.move-approved .card__teaser{font-size:13px}
.move-approved .download-band{padding:45px 0;margin:20px 0}
.move-approved .appka__inner{grid-template-columns:1fr}
.move-approved .appka__card{display:none}
.move-approved .v4reg{border-radius:30px;padding:28px}
.move-approved .v4reg h2{font-size:34px!important}
.move-approved .v4reg ul{grid-template-columns:1fr}
.move-approved .v4reg-art{height:230px;max-width:320px}
.move-approved .v4reg-art .coin{width:120px;height:120px;margin:-60px 0 0 -60px}
.move-approved .v4reg-art img.a{height:115px}
.move-approved .v4reg-art img.b{height:100px}
.move-approved .v4reg-art img.c{height:132px}
.move-approved .v4reg-acts{gap:15px}
.move-approved .v4reg .btn{min-height:52px;font-size:15px}
.move-approved .v4f .fgrid{gap:25px}
.move-approved .v4f .col h2{font-size:12px}
.move-approved .v4f .col a{font-size:13px}
.move-approved .book-sticky{left:12px;bottom:92px}
.move-approved .book-open b{font-size:15px}
.move-approved .book-sticky .book-open img{height:39px;width:31px}
.move-approved .book-dismiss{width:32px}
.move-approved .download-float{display:none!important}
.move-approved .v4support{padding:45px 0 70px}
.move-approved .v4support .v4sup-card{border-radius:30px;padding:28px}
.move-approved .v4support .v4sup-card h2{font-size:29px!important}
.move-approved .pmq{padding:10px 0}
.move-approved .pmq b{font-size:16px}
.move-approved .pmq img{width:40px;height:40px}
.move-approved .footer,.move-approved .v4f{padding-bottom:70px}
.move-approved .review-note{padding-bottom:110px}
.move-approved .partnerpanel{border-radius:30px}}
@media(max-width:540px){.move-approved .cards{grid-template-columns:1fr}
.move-approved .card__cover{height:260px}
.move-approved .card__title{min-height:0;font-size:23px}
.move-approved .card__teaser{min-height:0}
.move-approved .cards .card:nth-child(n+5){display:none}
.move-approved .path h2{font-size:18px}
.move-approved .path p{font-size:12px}
.move-approved .v4reg-login{font-size:14px}
.move-approved .v4f .logo img{max-width:100%;height:auto;width:190px}}
@media(prefers-reduced-motion:reduce){.move-approved *,.move-approved *:before,.move-approved *:after{animation:none!important;transition:none!important}}
.move-approved .cards .card:nth-child(n+5){display:flex}
.move-approved{--ink:#2b2150;--muted:#6b6188;--purple:#5a3fe0;--display:"Nunito Sans",sans-serif;--brand:DynaPuff,sans-serif;--line:#e6dff1;--paper:#fffaf3;--ease:cubic-bezier(.2,.8,.2,1);color:var(--ink);font-family:var(--display);background:#fffaf3;width:100%;min-width:0}
.move-approved *{box-sizing:border-box}.move-approved .wrap{max-width:1220px;margin:auto;width:100%}.move-approved .hero-zone{margin-inline:calc(50% - 50vw);padding-inline:max(0px,calc((100vw - 1220px)/2))}.move-approved .hero-zone .hero{padding-inline:28px}.move-approved .hero{width:100%;margin:0;max-width:none}.move-approved .phones{mask-image:none!important}.move-approved .card{display:flex!important}.move-approved .cards .card__title{min-height:0}.move-approved .card__goal{margin-top:auto}.move-approved .fourpaths .path{text-align:left}.move-approved .fourpaths h2{font-family:var(--brand);color:var(--ink)}
.move-tabs{position:sticky;top:var(--move-header-bottom,95px);z-index:29;background:#fffdf7f2;backdrop-filter:blur(16px);border-block:1px solid #e6ddfa;padding:10px max(20px,calc((100vw - 1220px)/2));display:flex;gap:15px;align-items:center;font:800 14px/1.3 "Nunito Sans",sans-serif;color:#2b2150;box-shadow:0 8px 20px #2b215008}.move-tabs a,.move-tabs button{color:inherit;text-decoration:none;border:0;background:none;min-height:42px;display:inline-flex;align-items:center;padding:8px 10px;border-radius:22px;font:inherit;cursor:pointer;white-space:nowrap}.move-tabs a:hover,.move-tabs button:hover{background:#efe8ff}.move-tabs-home{font-family:DynaPuff!important}.move-tabs-wide{display:flex;gap:3px;flex:1}.move-tabs-download{background:#5a3fe0!important;color:white!important}.move-tabs-mobile{display:none}.move-approved [id]{scroll-margin-top:190px}.move-popup{max-width:620px;width:calc(100% - 32px);max-height:85dvh;border:2px solid #fff;border-radius:32px;padding:36px;background:#fffaf3;color:#2b2150;box-shadow:0 24px 80px #2b21504d;font:16px/1.6 "Nunito Sans",sans-serif}.move-popup::backdrop{background:#2b215064;backdrop-filter:blur(8px)}.move-popup h2{font:700 32px/1.2 DynaPuff,sans-serif;color:#2b2150;margin:0 38px 20px 0}.move-popup-close{position:absolute;right:16px;top:14px;border:1px solid #ded2ef;background:white;width:44px;height:44px;border-radius:50%;font-size:27px;color:#2b2150;cursor:pointer}.move-popup a{display:block;background:#5a3fe0;color:white;padding:15px 20px;border-radius:24px;text-decoration:none;font-weight:800;margin:12px 0}.move-popup a.secondary{background:#efe8ff;color:#2b2150}.move-popup .small{font-size:13px;color:#6b6188}.move-popup ol{padding-left:24px}.move-popup li{margin-block:12px}.move-approved .application{padding-block:60px}.move-approved .formcard input,.move-approved .formcard select{width:100%}.move-approved .formcard .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.move-approved .notice{padding:16px;background:#ffe3ef;border:1px solid #c13469;border-radius:16px}.move-approved .trap{position:absolute;left:-10000px}.move-approved .formcard .actions{display:flex;justify-content:space-between}.move-approved .formcard .field label{display:block;font-weight:800;margin-bottom:8px}
@media(max-width:1150px){.move-tabs-wide{display:none}.move-tabs-mobile{display:block;margin-left:auto}.move-tabs-mobile summary{cursor:pointer;padding:13px 10px;list-style:none;white-space:nowrap}.move-tabs-mobile>div{position:absolute;right:12px;top:100%;padding:12px;background:#fffaf3;border:1px solid #e6ddfa;border-radius:22px;box-shadow:0 15px 35px #2b215026;min-width:240px}.move-tabs-mobile>div>*{display:flex;width:100%;text-align:left}.move-tabs{gap:4px;padding:6px 12px;font-size:13px}.move-tabs-download{padding:10px!important}.move-tabs-home{padding:7px!important}.move-approved .hero-zone{padding-inline:0}.move-approved .hero-zone .hero{padding-inline:0}}
@media(max-width:600px){.move-approved .heroart .phones{max-height:300px}.move-approved .wrap{padding-inline:20px}.move-approved .hero-zone{margin-inline:-20px;padding-inline:20px}.move-approved .hero-zone .hero{padding-inline:0}.move-approved .title{font-size:clamp(38px,10vw,52px)}.move-approved .formcard .formgrid{grid-template-columns:1fr}.move-popup{padding:28px 22px}.move-popup h2{font-size:26px}.move-approved .heroart{min-width:0}.move-tabs{font-size:12px}.move-tabs-home{display:none}}
@media(prefers-reduced-motion:reduce){.move-approved *, .move-popup{animation:none!important;transition:none!important}}
.move-approved .hero-zone{margin-inline:0;padding-inline:0}.move-approved .hero-zone .hero{padding-inline:0}.move-tabs{top:var(--move-header-bottom,100px)}
.move-approved .hero-zone{width:100vw;margin-inline:calc((100% - 100vw)/2);padding-inline:max(20px,calc((100vw - 1164px)/2))}.move-approved .hero-zone .hero{padding-inline:0}.move-approved .btn.light{color:#2b2150!important}.move-approved .cards .card:nth-child(4n+1){--card:#ffe3ef;--end:#ff9fc7}.move-approved .cards .card:nth-child(4n+2){--card:#dcefff;--end:#8ec4ff}.move-approved .cards .card:nth-child(4n+3){--card:#fff6d6;--end:#ffd06b}.move-approved .cards .card:nth-child(4n+4){--card:#e2f7ec;--end:#80daba}.v4h .v4bar{font-family:"Nunito Sans",sans-serif}.move-approved .hero-zone .actions{justify-content:flex-start;gap:16px}.move-approved .hero-zone .phones{fetchpriority:high}@media(max-width:600px){.move-approved .hero-zone{padding-inline:20px}}
#obsah:has(>.move-tabs){padding-top:calc(var(--move-header-bottom,95px) + 10px)}
.move-popup[open]{animation:dialog-in .25s cubic-bezier(.2,.8,.2,1) both}@media(prefers-reduced-motion:reduce){.move-popup[open]{animation:none}}
@media(max-width:600px){.move-approved .application{padding-block:28px;gap:18px}.move-approved .aside h1{font-size:30px;margin-bottom:12px}.move-approved .aside p{font-size:14px;margin-bottom:12px}.move-approved .trustlist{font-size:12px;margin:10px 0}.move-approved .formcard{padding:24px 20px}.move-approved .formcard .field{margin-block:14px}}
.move-approved .firmhero .title{font-size:clamp(40px,4.5vw,64px)}
.move-approved h1,.move-approved h2,.move-approved h3{font-style:normal!important}.move-approved .firmhero .heroart{background:radial-gradient(circle at 25% 40%,#c8eaff,transparent 65%),radial-gradient(circle at 80% 70%,#ead5ff,transparent 65%),#fffaf3}.move-approved .partner-mascots{height:100%;display:flex;gap:14px;align-items:center;justify-content:center;padding:25px 20px 60px}.move-approved .firmhero .partner-mascots img{object-fit:contain;width:43%;height:340px;filter:drop-shadow(0 18px 12px #2b21501a);animation:levitate 5s ease-in-out infinite}.move-approved .firmhero .partner-mascots img+img{animation-delay:1s}@media(max-width:900px){.move-approved .firmhero .partner-mascots img{height:210px}.move-approved .partner-mascots{padding-bottom:35px}}
@media(min-width:1041px){.move-tabs .move-tabs-download{display:none}}
@media(min-width:1151px){.move-tabs{justify-content:center}.move-tabs-wide{flex:0 1 auto}}
.move-approved{--ink:#2b2150;--ink-soft:#706587;--ink-faint:#9286a5;--font-display:"DynaPuff",sans-serif;--font-body:"Nunito Sans",sans-serif}
.move-approved .firmhero .actions{justify-content:flex-start;gap:16px;flex-wrap:wrap}
.move-approved .firmhero{position:relative;isolation:isolate;padding-block:48px;margin-block:0 60px}
.move-approved .firmhero:before{content:"";position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:linear-gradient(120deg,#ffe1ee 0%,#f8e4ff 38%,#e2edff 72%,#dff6ed 100%)}
.move-approved .firmhero:after{content:"";position:absolute;z-index:-1;height:42px;left:calc((100% - 100vw)/2);width:100vw;bottom:-24px;background:#fffaf3;border-radius:50% 50% 0 0/100% 100% 0 0}
.move-approved .firmhero .heroart{border-radius:45% 48% 40% 46%;background:radial-gradient(circle at 25% 40%,#d1ecff,transparent 65%),radial-gradient(circle at 80% 70%,#f6d3ec,transparent 65%),#ece3ff}
.move-approved .infocard.family .btn,.move-approved .move-form-page .btn--primary{background:linear-gradient(110deg,#5a3fe0,#ed91cb)}
.move-approved .infocard.donation .btn{background:linear-gradient(110deg,#5a3fe0,#89bafa)}
.move-content-page .move-subpage-content{padding-top:36px}
.move-content-page .hero{display:block;min-height:0;padding:36px 20px;background:linear-gradient(120deg,#ffe3ef,#e9e3ff,#dcefff);border-radius:0 0 50% 5%/0 0 30px 20px;overflow:hidden}
.move-content-page .hero__bg{display:none}
.move-content-page .hero__text,.move-content-page .band__inner,.move-content-page .ends__inner{max-width:1164px;margin-inline:auto}
.move-content-page .hero h1{font:700 clamp(34px,4.4vw,58px)/1.1 DynaPuff,sans-serif;max-width:25ch}
.move-content-page .band{background:#fffaf3;padding-block:44px}
.move-content-page .band--tint{background:#f1e9ff;border-radius:48px}
.move-content-page .cards{gap:24px}
.move-content-page .cards .card{border-radius:30px;border:2px solid #fff;box-shadow:0 14px 40px #6f497b12}
.move-content-page .section-title{font:700 32px/1.2 DynaPuff,sans-serif}
.move-content-page .ends{padding:36px 20px;background:linear-gradient(120deg,#ffe3ef,#e4efff);border-radius:45px}
.move-form-page .shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:44px;max-width:1164px;margin:0 auto;padding:60px 24px;min-height:0;background:none;box-shadow:none;border:0;align-items:start}
.move-form-page .shell__left,.move-form-page .shell__right{width:auto;min-height:0;position:static;max-width:none}
.move-form-page .shell__left{padding:24px 0;background:none;color:#2b2150}
.move-form-page .shell__right{padding:32px;background:#fff;border:2px solid #fff;border-radius:36px;box-shadow:0 22px 60px #81487012}
.move-form-page .shell__lede h1{font:700 clamp(34px,4vw,50px)/1.1 DynaPuff,sans-serif;letter-spacing:-.02em;color:#2b2150}
.move-form-page .shell__lede p{font:18px/1.7 "Nunito Sans",sans-serif;color:#706587}
.move-form-page .shell__rule{background:linear-gradient(90deg,#ff9fc7,#9dc8fb,#98e3c0)}
.move-form-page .shell__foot{color:#706587;font-size:14px}
.move-form-page .form{max-width:none!important;padding:0;width:100%}
.move-form-page .top{padding:0 0 18px;margin-bottom:0}
.move-form-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.move-form-page select,.move-form-page textarea{font:16px/1.5 "Nunito Sans",sans-serif;border:1px solid #dacfeb;border-radius:16px;background:#fffcff;color:#2b2150;max-width:100%}
.move-form-page label{font-family:"Nunito Sans",sans-serif}
.move-form-page .btn--primary{background:linear-gradient(110deg,#5a3fe0,#e990c8);color:#fff;border-radius:28px}
.move-form-page .btn--ghost{background:#fff;color:#2b2150;border:2px solid #dcccfa;border-radius:28px}
.move-form-page .pay,.move-form-page .split-note{border-radius:22px;background:#f5eeff;border-color:#e3d7f3}
.move-form-page .pay:nth-of-type(2n){background:#eaf6ef}
.move-form-page .step-count{background:#eee5fc;color:#5a3fe0;padding:8px 16px;border-radius:22px;font-weight:800}
.move-form-page{background:radial-gradient(ellipse at 8% 20%,#ffe3efaa,transparent 50%),radial-gradient(ellipse at 95% 50%,#dcefffaa,transparent 50%),#fffaf3}
.move-story-page.story-page{width:100%;max-width:none;margin:0;padding:0;background:linear-gradient(120deg,#ffe3ef66,#e2efff77,#fffaf3)}
.move-story-page .sd-grid{max-width:1164px;margin-inline:auto;padding:44px 24px}
.move-story-page .sd-title{font-family:DynaPuff,sans-serif;font-style:normal;color:#2b2150}
.move-story-page .sd-gallery,.move-story-page .sd-body,.move-story-page .sd-give{border-radius:30px}
@media(max-width:900px){.move-form-page .shell{grid-template-columns:1fr;gap:20px;padding:28px 20px}.move-form-page .shell__left{padding:0}.move-form-page .shell__lede h1{font-size:34px}.move-form-page .shell__lede p{font-size:16px}.move-form-page .shell__foot{margin-top:14px}.move-form-page .shell__right{padding:24px 20px}.move-content-page .band--tint{border-radius:28px}.move-story-page .sd-grid{padding:28px 20px}.move-approved .firmhero{padding-block:30px}.move-approved .firmhero .actions{gap:12px}.move-approved .firmhero .heroart{border-radius:44% 44% 38% 38%}}
.move-approved .firmhero .btn:not(.light){background:linear-gradient(110deg,#5a3fe0,#89bafa)}.move-approved .firmhero .btn.light{background:linear-gradient(110deg,#fff,#ffe3ef);border-color:#f3bad7}
.move-form-page:has(>.move-tabs),.move-content-page:has(>.move-tabs),.move-story-page:has(>.move-tabs){padding-top:calc(var(--move-header-bottom,95px) + 10px)}
.move-form-page .shell__lede{padding:24px;border-radius:32px;background:linear-gradient(125deg,#ffe3ef,#efe4ff,#fff5d7)}
.move-approved .firmhero{width:100vw;margin-inline:calc((100% - 100vw)/2);padding-inline:max(20px,calc((100vw - 1140px)/2));background:linear-gradient(120deg,#ffe1ee,#f8e4ff 38%,#e2edff 72%,#dff6ed);border-radius:0 0 50% 8%/0 0 42px 20px}
.move-approved .firmhero:before,.move-approved .firmhero:after{display:none}
.move-approved .firmhero .heroart{overflow:visible}
@media(max-width:600px){.move-form-page .shell__lede{padding:20px}.move-approved .firmhero{padding-inline:20px;border-radius:0 0 35% 8%/0 0 24px 12px}}
.move-form-page .shell__left{background:none!important}
.move-storylist-hero{padding:44px max(20px,calc((100vw - 1164px)/2));background:linear-gradient(120deg,#ffe3ef,#efe4ff,#dcefff);border-radius:0 0 45% 5%/0 0 32px 16px}
.move-storylist-hero .hero__bg{display:none}
.move-storylist-intro{max-width:900px;position:relative}
.move-storylist-intro h1{font:700 clamp(32px,4.2vw,56px)/1.13 DynaPuff,sans-serif;color:#2b2150;margin:0 0 20px;max-width:26ch;letter-spacing:-.02em}
.move-storylist-intro .hero__lede{font:18px/1.6 "Nunito Sans",sans-serif;color:#706587;max-width:65ch;margin:0 0 20px}
.move-storylist-intro .head__numbers{font:800 16px/1.5 "Nunito Sans",sans-serif;color:#ad3876;margin:20px 0 0}
@media(max-width:600px){.move-storylist-hero{padding-block:30px}.move-storylist-intro h1{font-size:32px}.move-storylist-intro .hero__lede{font-size:16px}}
.move-content-page .band,.move-content-page .ends{transform:none!important}
.v4h .v4lang{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:999px}
.v4h .v4lang a{display:flex;align-items:center;justify-content:center;min-width:32px;padding:6px 8px;font:800 14px/1.2 Nunito,sans-serif;text-decoration:none;color:#6b6383}
.v4h .v4lang a.on{background:#fff;color:#2d2153;border-radius:999px;box-shadow:0 2px 6px #2d215310}
.move-approved .storelink,.move-approved .storelink span{color:#fff!important;visibility:visible!important;opacity:1!important}
@media(max-width:760px){
.v4h .v4lang a,.v4h .v4lang a.on{display:flex!important;min-width:24px;padding:5px;font-size:12px}
.v4h .v4lang{gap:0;padding:3px;flex-shrink:0}
.v4h .v4logo{width:90px;flex-basis:90px}
.v4h .v4logo img{width:90px!important;max-width:100%!important;height:auto!important}
}