─────────────────────────────────────────────────────────── */
.ti-warm-intro {
background: var(--ti-blue-50, #E3F0FB);
border-radius: 12px;
padding: 22px 26px 20px;
margin-bottom: 24px;
text-align: left; /* NOT centred */
}
.ti-warm-intro__text {
font-family: var(--ti-font);
font-size: 17px;
font-weight: 400;
line-height: 1.75;
color: #2a2a2a;
margin: 0 0 10px;
}
.ti-warm-intro__text:last-child { margin-bottom: 0; }
.ti-warm-intro__note {
font-family: var(--ti-font);
font-size: 13px;
color: #666;
line-height: 1.6;
margin: 0;
}
.ti-warm-intro__note a { color: var(--ti-teal-600); text-decoration: underline; }
/* ── E6. BLOB BACKGROUND SECTION ────────────────────────────────
Organic, rounded section — breaks the rectangular rigidity.
Usage: add class to any container div.
Variants: --teal --blue --pink --orange --yellow
─────────────────────────────────────────────────────────── */
.ti-blob {
padding: 36px 32px;
border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%;
position: relative;
overflow: hidden;
margin: 12px 0;
}
.ti-blob--teal { background: var(--ti-teal-50); }
.ti-blob--blue { background: var(--ti-blue-50); }
.ti-blob--pink { background: var(--ti-pink-50); }
.ti-blob--orange { background: var(--ti-orange-50); }
.ti-blob--yellow { background: var(--ti-yellow-50); }
/* Simpler blob for inline use */
.ti-blob-sm {
border-radius: 40% 60% 55% 45% / 55% 45% 60% 40%;
padding: 24px;
display: inline-block;
}
@media (max-width: 600px) {
.ti-blob { padding: 24px 20px; border-radius: 30% 70% 40% 60% / 40% 60% 30% 70%; }
}
/* ── E7. SVG DECORATIVE ICONS ───────────────────────────────────
Inline SVG hearts, stars, sparkles as CSS backgrounds.
Add to section containers for a warm, childlike feel.
Usage:
(content)
─────────────────────────────────────────────────────────── */
/* Base: positions a decorative SVG in a corner */
.ti-deco { position: relative; }
.ti-deco::before,
.ti-deco--br::after {
content: '';
position: absolute;
width: 80px;
height: 80px;
pointer-events: none;
opacity: 0.18;
background-repeat: no-repeat;
background-size: contain;
}
/* ── Top-left heart ── */
.ti-deco--heart-tl::before {
top: -10px;
left: -10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath fill='%23E83A8D' d='M50 85 C50 85 5 55 5 28 C5 12 17 2 30 2 C38 2 46 7 50 14 C54 7 62 2 70 2 C83 2 95 12 95 28 C95 55 50 85 50 85Z'/%3E%3C/svg%3E");
}
/* ── Bottom-right star ── */
.ti-deco--star-br { position: relative; overflow: hidden; }
.ti-deco--star-br::after {
content: '';
position: absolute;
bottom: -12px;
right: -12px;
width: 90px;
height: 90px;
pointer-events: none;
opacity: 0.15;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon fill='%23FEDC3A' points='50,5 61,35 95,35 68,57 79,91 50,70 21,91 32,57 5,35 39,35'/%3E%3C/svg%3E");
}
/* ── Sparkle dots (top-right) ── */
.ti-deco--sparkle-tr::before {
top: 8px;
right: 8px;
left: auto;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle fill='%2304A1B2' cx='20' cy='20' r='8'/%3E%3Ccircle fill='%231B6FBF' cx='55' cy='12' r='5'/%3E%3Ccircle fill='%23FEDC3A' cx='80' cy='35' r='9'/%3E%3Ccircle fill='%23E83A8D' cx='35' cy='65' r='6'/%3E%3Ccircle fill='%23EC672E' cx='75' cy='72' r='7'/%3E%3C/svg%3E");
}
/* ── E8. STAT CARDS (no dark background) ───────────────────────
WCAG-validated: 800-stop text on 50-stop bg.
Ratios: blue 9.2:1, teal 7.0:1, pink 9.0:1, orange 8.5:1
Usage:
─────────────────────────────────────────────────────────── */
.ti-stat-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 16px;
margin: 20px 0;
}
.ti-stat-card {
border-radius: var(--ti-radius-lg);
padding: 28px 20px 24px;
text-align: center;
position: relative;
overflow: hidden;
transition: transform .25s cubic-bezier(0.34,1.56,0.64,1);
}
.ti-stat-card:hover { transform: translateY(-5px) scale(1.02); }
/* Decorative circle in background */
.ti-stat-card::before {
content: '';
position: absolute;
top: -20px;
right: -20px;
width: 90px;
height: 90px;
border-radius: 50%;
opacity: 0.15;
}
.ti-stat-card__num {
font-family: var(--ti-font);
font-size: 3rem;
font-weight: 700;
line-height: 1;
margin-bottom: 8px;
letter-spacing: -.02em;
}
.ti-stat-card__label {
font-family: var(--ti-font);
font-size: 13px;
font-weight: 600;
line-height: 1.45;
opacity: .88;
}
/* Colour variants — WCAG AA validated */
.ti-stat-card--blue {
background: var(--ti-blue-50); /* #E3F0FB */
}
.ti-stat-card--blue .ti-stat-card__num { color: #0D3D7A; } /* 9.22:1 ✓ */
.ti-stat-card--blue .ti-stat-card__label { color: #0D3D7A; }
.ti-stat-card--blue::before { background: #1B6FBF; }
.ti-stat-card--teal {
background: var(--ti-teal-50); /* #E0F5F7 */
}
.ti-stat-card--teal .ti-stat-card__num { color: #075A64; } /* 6.99:1 ✓ */
.ti-stat-card--teal .ti-stat-card__label { color: #075A64; }
.ti-stat-card--teal::before { background: #04A1B2; }
.ti-stat-card--pink {
background: var(--ti-pink-50); /* #FDE8F3 */
}
.ti-stat-card--pink .ti-stat-card__num { color: #7A1248; } /* 8.97:1 ✓ */
.ti-stat-card--pink .ti-stat-card__label { color: #7A1248; }
.ti-stat-card--pink::before { background: #E83A8D; }
.ti-stat-card--orange {
background: var(--ti-orange-50); /* #FEF0E8 */
}
.ti-stat-card--orange .ti-stat-card__num { color: #7A2E08; } /* 8.48:1 ✓ */
.ti-stat-card--orange .ti-stat-card__label { color: #7A2E08; }
.ti-stat-card--orange::before { background: #EC672E; }
.ti-stat-card--yellow {
background: var(--ti-yellow-50); /* #FFF9D6 */
}
.ti-stat-card--yellow .ti-stat-card__num { color: #6B4700; }
.ti-stat-card--yellow .ti-stat-card__label { color: #6B4700; }
.ti-stat-card--yellow::before { background: #FEDC3A; }
@media (max-width: 600px) {
.ti-stat-cards { grid-template-columns: 1fr 1fr; }
.ti-stat-card__num { font-size: 2.4rem; }
}
@media (max-width: 600px) {
.partner-logos { padding: 24px 16px; }
.partner-logos-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 12px; }
.partner-logo-item { height: 90px; padding: 12px; }
}
/* ── C2. TEAM PAGE (.page-id-38) ────────────────────────────── */
.page-id-38 .wp-block-post-template.columns-6 { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 16px; }
@media (max-width: 1200px) { .page-id-38 .wp-block-post-template.columns-6 { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; } }
@media (max-width: 860px) { .page-id-38 .wp-block-post-template.columns-6 { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; } }
@media (max-width: 560px) { .page-id-38 .wp-block-post-template.columns-6 { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; } }
/* Team card flip */
.team-card { position: relative; perspective: 1200px; height: 300px; width: 100%; }
.team-card-front, .team-card-back { position: absolute; inset: 0; backface-visibility: hidden; border-radius: 1px; overflow: hidden; transition: transform 0.6s ease; }
.team-card-front { z-index: 2; transform: rotateY(0deg); }
.team-card-back { background: var(--ti-orange); color: #fff; padding: 24px; display: flex; flex-direction: column; justify-content: center; transform: rotateY(180deg); }
.team-card:hover .team-card-front { transform: rotateY(-180deg); }
.team-card:hover .team-card-back { transform: rotateY(0deg); }
/* Card front bottom border — hint at color */
.page-id-38 li.wp-block-post:nth-child(5n+1) .team-card-front { border-bottom: 4px solid var(--ti-blue); }
.page-id-38 li.wp-block-post:nth-child(5n+2) .team-card-front { border-bottom: 4px solid var(--ti-teal); }
.page-id-38 li.wp-block-post:nth-child(5n+3) .team-card-front { border-bottom: 4px solid var(--ti-pink); }
.page-id-38 li.wp-block-post:nth-child(5n+4) .team-card-front { border-bottom: 4px solid var(--ti-orange); }
.page-id-38 li.wp-block-post:nth-child(5n+5) .team-card-front { border-bottom: 4px solid var(--ti-yellow); }
/* Card back — cycle all 5 logo colors */
.page-id-38 li.wp-block-post:nth-child(5n+1) .team-card-back { background: var(--ti-blue); }
.page-id-38 li.wp-block-post:nth-child(5n+2) .team-card-back { background: var(--ti-teal); }
.page-id-38 li.wp-block-post:nth-child(5n+3) .team-card-back { background: var(--ti-pink); }
.page-id-38 li.wp-block-post:nth-child(5n+4) .team-card-back { background: var(--ti-orange); }
.page-id-38 li.wp-block-post:nth-child(5n+5) .team-card-back { background: var(--ti-yellow); color: #3a2000; }
.page-id-38 .team-card-back { padding: 20px 16px; justify-content: flex-start; align-items: flex-start; text-align: left; }
.page-id-38 .team-card-back .wp-block-post-title { font-size: 14px !important; font-weight: 700; color: #fff; margin-bottom: 4px; line-height: 1.3; }
.page-id-38 li.wp-block-post:nth-child(5n+5) .team-card-back .wp-block-post-title { color: #3a2000; }
.page-id-38 .team-card-back .wp-block-post-terms { font-size: 11px !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 10px; opacity: .85; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px; width: 100%; display: block; }
.page-id-38 .team-card-back .wp-block-post-terms a { color: rgba(255,255,255,0.9) !important; text-decoration: none; }
.page-id-38 li.wp-block-post:nth-child(5n+5) .team-card-back .wp-block-post-terms { border-color: rgba(58,32,0,0.15); }
.page-id-38 li.wp-block-post:nth-child(5n+5) .team-card-back .wp-block-post-terms a { color: rgba(58,32,0,0.75) !important; }
.page-id-38 .team-card-back .wp-block-post-excerpt__excerpt { font-size: 12px !important; line-height: 1.65; color: rgba(255,255,255,0.9); display: -webkit-box; -webkit-line-clamp: 8; line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 8px; }
.page-id-38 li.wp-block-post:nth-child(5n+5) .team-card-back .wp-block-post-excerpt__excerpt { color: rgba(58,32,0,0.85); }
.page-id-38 .team-card-back .wp-block-post-excerpt__more-link { font-size: 11px !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,0.75) !important; text-decoration: underline; text-underline-offset: 3px; }
.page-id-38 li.wp-block-post:nth-child(5n+5) .team-card-back .wp-block-post-excerpt__more-link { color: rgba(58,32,0,0.65) !important; }
/* Team intro paragraphs */
.page-id-38 #the-page-content > p { font-size: 15px; color: #3a3a3a; line-height: 1.75; max-width: 720px; }
.page-id-38 #the-page-content > p:first-child { font-size: 17px; font-weight: 500; color: var(--ti-blue-800); border-left: 4px solid var(--ti-blue); padding-left: 18px; line-height: 1.7; }
/* ── C3. BLOG LISTING (blog_home.php template) ───────────────── */
/* Body class is page-template-templatesblog_home-php because the
file lives in templates/blog_home.php (subfolder).
.archive-title is unscoped so it applies on both EN and FR. */
.page-template-templatesblog_home-php .archive-header {
padding: 32px 0 28px;
border-bottom: 1px solid #f0f0ee;
margin-bottom: 32px;
}
.archive-title {
font-size: clamp(24px, 4vw, 36px);
font-weight: 400;
color: #1B6FBF !important;
margin-bottom: 12px;
line-height: 1.2;
}
.page-template-templatesblog_home-php .archive-description p {
font-size: 16px;
color: #555;
line-height: 1.7;
max-width: 680px;
margin: 0;
}
/* ── Blog search bar ────────────────────────────────────────── */
.tara-blog-search {
margin: 0 0 36px;
}
.tara-blog-search__form {
width: 100%;
}
.tara-blog-search__inner {
display: flex;
align-items: center;
gap: 0;
background: #fff;
border: 2px solid #e0e0e0;
border-radius: 10px;
overflow: hidden;
max-width: 600px;
transition: border-color .2s ease, box-shadow .2s ease;
}
.tara-blog-search__inner:focus-within {
border-color: #1B6FBF;
box-shadow: 0 0 0 3px rgba(27,111,191,0.12);
}
.tara-blog-search__icon {
width: 18px;
height: 18px;
flex-shrink: 0;
color: #aaa;
margin-left: 14px;
}
.tara-blog-search__input {
flex: 1;
border: none;
outline: none;
padding: 12px 10px;
font-family: var(--ti-font);
font-size: 15px;
color: #2a2a2a;
background: transparent;
}
.tara-blog-search__input::placeholder {
color: #bbb;
}
/* Clear × button — only shown when a query is active */
.tara-blog-search__clear {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
color: #aaa;
text-decoration: none;
font-size: 13px;
flex-shrink: 0;
transition: background .15s ease, color .15s ease;
}
.tara-blog-search__clear:hover {
background: #f0f0f0;
color: #555;
}
.tara-blog-search__btn {
padding: 0 20px;
height: 100%;
min-height: 46px;
background: #1B6FBF;
color: #fff;
border: none;
font-family: 'Josefin Sans', var(--ti-font);
font-size: 13px;
font-weight: 700;
letter-spacing: .05em;
cursor: pointer;
flex-shrink: 0;
transition: background .2s ease;
}
.tara-blog-search__btn:hover {
background: #145899;
}
/* "Results for: X" label */
.tara-blog-search__results-info {
font-size: 13px;
color: #888;
margin: 10px 0 0;
max-width: 600px;
}
.tara-blog-search__results-info strong {
color: #1B6FBF;
font-weight: 700;
}
@media (max-width: 560px) {
.tara-blog-search__btn { padding: 0 14px; font-size: 12px; }
.tara-blog-search__inner { max-width: 100%; }
}
.tara-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 48px; }
@media (max-width: 900px) { .tara-blog-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; } }
@media (max-width: 560px) { .tara-blog-grid { grid-template-columns: 1fr; gap: 16px; } }
.tara-blog-card { background: #fff; border-radius: var(--ti-radius); overflow: hidden; border-top: 4px solid transparent; box-shadow: 0 4px 16px rgba(0,0,0,0.07); display: flex; flex-direction: column; transition: transform .2s ease, box-shadow .2s ease; }
.tara-blog-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0,0,0,0.12); }
.tara-blog-card--blue { border-top-color: var(--ti-blue); }
.tara-blog-card--teal { border-top-color: var(--ti-teal); }
.tara-blog-card--pink { border-top-color: var(--ti-pink); }
.tara-blog-card--orange { border-top-color: var(--ti-orange); }
.tara-blog-card--yellow { border-top-color: var(--ti-yellow); }
.tara-blog-card__img-wrap { display: block; width: 100%; height: 200px; overflow: hidden; flex-shrink: 0; }
.tara-blog-card__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.tara-blog-card:hover .tara-blog-card__img { transform: scale(1.04); }
.tara-blog-card__img-placeholder { width: 100%; height: 200px; flex-shrink: 0; }
.tara-blog-card__img-placeholder--blue { background: var(--ti-blue-50); }
.tara-blog-card__img-placeholder--teal { background: var(--ti-teal-50); }
.tara-blog-card__img-placeholder--pink { background: var(--ti-pink-50); }
.tara-blog-card__img-placeholder--orange { background: var(--ti-orange-50); }
.tara-blog-card__img-placeholder--yellow { background: var(--ti-yellow-50); }
.tara-blog-card__body { padding: 20px 20px 24px; display: flex; flex-direction: column; flex: 1; }
.tara-blog-card__cat { display: inline-block; font-family: var(--ti-font); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border-radius: 99px; padding: 3px 10px; margin-bottom: 10px; text-decoration: none; white-space: nowrap; align-self: flex-start; transition: opacity .2s ease; }
.tara-blog-card__cat:hover { opacity: .8; }
.tara-blog-card__cat--blue { background: var(--ti-blue-50); color: var(--ti-blue-800); }
.tara-blog-card__cat--teal { background: var(--ti-teal-50); color: var(--ti-teal-800); }
.tara-blog-card__cat--pink { background: var(--ti-pink-50); color: var(--ti-pink-800); }
.tara-blog-card__cat--orange { background: var(--ti-orange-50); color: var(--ti-orange-800); }
.tara-blog-card__cat--yellow { background: var(--ti-yellow-50); color: var(--ti-yellow-800); }
.tara-blog-card__title { font-family: var(--ti-font); font-size: 16px; font-weight: 700; line-height: 1.35; margin: 0 0 8px; color: #1a1a1a; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tara-blog-card__title a { color: inherit; text-decoration: none; transition: color .2s ease; }
.tara-blog-card__title a:hover { color: var(--ti-blue); }
.tara-blog-card__meta { font-family: var(--ti-font); font-size: 12px; color: #999; margin-bottom: 10px; }
.tara-blog-card__excerpt { flex: 1; }
.tara-blog-card__excerpt p { font-family: var(--ti-font); font-size: 13px; color: #555; line-height: 1.65; margin: 0 0 16px; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.tara-blog-card__more { font-family: var(--ti-font); font-size: 13px; font-weight: 700; text-decoration: none; margin-top: auto; transition: opacity .2s ease; align-self: flex-start; }
.tara-blog-card__more:hover { opacity: .75; }
.tara-blog-card__more--blue { color: var(--ti-blue); }
.tara-blog-card__more--teal { color: var(--ti-teal); }
.tara-blog-card__more--pink { color: var(--ti-pink); }
.tara-blog-card__more--orange { color: var(--ti-orange); }
.tara-blog-card__more--yellow { color: var(--ti-yellow-600); }
/* Pagination */
.tara-blog-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin: 8px 0 56px; }
.tara-blog-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: 8px; font-family: var(--ti-font); font-size: 14px; font-weight: 600; text-decoration: none; transition: background .15s ease, color .15s ease, border-color .15s ease; border: 2px solid #e8e8e8; background: #fff; color: #3a3a3a; line-height: 1; }
.tara-blog-pagination a.page-numbers:hover { background: var(--ti-blue-50); border-color: var(--ti-blue); color: var(--ti-blue-800); }
.tara-blog-pagination .page-numbers.current { background: var(--ti-blue); border-color: var(--ti-blue); color: #fff; cursor: default; }
.tara-blog-pagination a.prev.page-numbers,
.tara-blog-pagination a.next.page-numbers { padding: 0 16px; background: #fff; border-color: var(--ti-orange); color: var(--ti-orange); font-weight: 700; }
.tara-blog-pagination a.prev.page-numbers:hover,
.tara-blog-pagination a.next.page-numbers:hover { background: var(--ti-orange-50); border-color: var(--ti-orange-600); color: var(--ti-orange-600); }
.tara-blog-pagination .page-numbers.dots { border-color: transparent; background: transparent; color: #aaa; cursor: default; min-width: 28px; }
.tara-blog-empty { font-family: var(--ti-font); font-size: 16px; color: #888; text-align: center; padding: 60px 0; }
/* ── C4. THE UNDEFEATED PAGE ────────────────────────────────── */
/* Film column cards */
.wp-block-columns .wp-block-column { background: #fff; padding: 18px; border-radius: 12px; box-shadow: 0 8px 22px rgba(0,0,0,0.08); transition: transform .25s ease, box-shadow .25s ease; }
.wp-block-columns .wp-block-column:hover { transform: translateY(-6px); box-shadow: 0 14px 30px rgba(0,0,0,0.12); }
.wp-block-column h3 { margin-top: 14px; margin-bottom: 8px; font-size: 22px; }
/* Award cards */
.awards-grid { gap: 40px; }
.award-card { background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); text-align: center; transition: transform .25s ease, box-shadow .25s ease; }
.award-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.15); }
.award-image { width: 100%; max-width: 380px; margin-bottom: 20px; border-radius: 8px; }
.award-title { font-size: 18px; margin-bottom: 10px; }
.award-film { font-size: 20px; margin: 8px 0; }
.award-festival { color: #666; font-size: 14px; }
/* Festival grid */
.festival-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; margin-top: 30px; }
.festival-card { background: #fff; padding: 22px; border-radius: 10px; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); transition: transform .25s ease, box-shadow .25s ease; }
.festival-card:hover { transform: translateY(-5px); box-shadow: 0 14px 30px rgba(0,0,0,0.15); }
.laurel { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; color: #666; }
.laurel::before { content: "❧ "; }
.laurel::after { content: " ❧"; }
.festival-country { margin-top: 8px; font-size: 14px; color: #777; }
.festival-country span { margin-right: 6px; }
/* Essential Blocks timeline fix */
.eb-timeline-dot-icon { display: none; }
.eb-timeline-dot::before { content: ''; width: 14px; height: 14px; background: var(--ti-teal); border-radius: 50%; display: block; margin: auto; animation: timelinePulse 3s infinite; }
@keyframes timelinePulse {
0% { box-shadow: 0 0 0 0 rgba(4,161,178,0.4); }
70% { box-shadow: 0 0 0 12px rgba(4,161,178,0); }
100% { box-shadow: 0 0 0 0 rgba(4,161,178,0); }
}
/* Donation calculator */
.donation-calculator { background: var(--ti-blue-50); padding: 35px; border-radius: 12px; max-width: 520px; margin: 40px auto; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.08); }
.donation-calculator select { width: 100%; padding: 10px; margin: 10px 0 20px; border-radius: 6px; border: 1px solid #c0d6ef; }
.donation-calculator input[type=range] { width: 100%; margin: 20px 0; }
.donation-amount { font-size: 20px; margin-top: 10px; }
.tax-results { margin-top: 15px; font-size: 18px; }
/* Letter scene */
.letter-scene { position: relative; overflow: hidden; }
.scene { width: 100%; display: block; }