.site-main .senna-home-tiled {
--tile-ink: #202224;
--tile-gap: 6px;
max-width: none;
padding: 6px clamp(6px, 1.6vw, 24px) 24px;
background: #d9dbda;
color: var(--tile-ink);
}
.site-main .senna-home-tiled > .senna-home-hero {
max-width: 1440px;
margin: 0 auto 6px;
padding: clamp(20px, 2.5vw, 36px);
border: 0;
background: linear-gradient(rgba(12, 16, 18, .76), rgba(12, 16, 18, .76)), url(//s.senna.llc/wp-content/uploads/2024/11/bg.jpg) center / cover;
color: #fff;
display: grid;
grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr);
gap: 12px clamp(24px, 4vw, 56px);
align-items: start;
}
.site-main .senna-home-tiled .senna-home-hero > * { width: 100%; max-width: none; margin: 0; }
.site-main .senna-home-tiled .senna-home-hero h1 { grid-column: 1; grid-row: 1 / 4; align-self: center; font-size: clamp(24px, 2.3vw, 32px); line-height: 1.4; color: #fff; letter-spacing: -.035em; }
.senna-home-tiled .senna-home-hero > :is(p, .wp-block-buttons) { grid-column: 2; }
.senna-home-tiled .senna-home-hero p { color: #f1f2ef; font-size: 14px; line-height: 1.65; }
.senna-home-tiled .senna-home-hero p.senna-hero-credentials { font-size: 14px; line-height: 1.65; padding-left: 12px; border-left: 2px solid #9fa89e; }
.site-main .senna-home-tiled .senna-home-hero .wp-block-button__link { font-size: 14px; min-height: 44px; padding: 10px 16px; }
.site-main .senna-home-tiled > .senna-tile-grid {
display: grid;
container-type: inline-size;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--tile-gap);
max-width: 1440px;
margin: 0 auto;
padding: 0;
border: 0;
}
.senna-home-tiled .senna-tile-grid > .senna-tile {
width: 100%;
max-width: none;
min-width: 0;
margin: 0;
padding: clamp(22px, 2.3vw, 36px);
border: 0;
border-radius: 0;
box-shadow: none;
background: #f9f9f6;
display: flex;
flex-direction: column;
gap: 16px;
scroll-margin-top: 24px;
}
.senna-home-tiled .senna-tile-grid > .senna-tile-wide { grid-column: span 2; }
.senna-home-tiled .senna-tile-grid > .senna-tile-full { grid-column: 1 / -1; }
.senna-home-tiled .senna-tile :where(h2, h3, p, figure, .wp-block-buttons, .wp-block-group, .wp-block-query) { margin: 0; width: 100%; max-width: none; }
.senna-home-tiled .senna-tile h2 { font-size: clamp(22px, 2vw, 28px); line-height: 1.5; letter-spacing: -.025em; padding: 0; border: 0; }
.senna-home-tiled .senna-tile h3 { font-size: 20px; line-height: 1.5; }
.senna-home-tiled .senna-tile p { font-size: 16px; line-height: 1.85; }
.senna-home-tiled p.senna-tile-label { font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: .15em; color: #656965; }
.senna-home-tiled .senna-tile a { color: inherit; text-underline-offset: 4px; }
.senna-home-tiled .senna-tile > .wp-block-buttons,
.senna-home-tiled .senna-tile-body > .wp-block-buttons { margin-top: auto; padding-top: 8px; }
.senna-home-tiled .wp-block-button__link { border-radius: 0; font-size: 15px; } .senna-home-tiled .senna-tile :is(.wp-block-button__link, .wp-block-button > .wp-element-button, .more-link, .senna-tile-campaigns > p > a) {
display: inline-flex;
align-items: center;
justify-content: flex-start;
min-height: 44px;
max-width: 100%;
padding: 10px 0;
border: 0;
border-bottom: 1px solid #8c908c;
border-radius: 0;
background: transparent;
color: inherit;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
text-align: left;
text-decoration: none;
}
.senna-home-tiled .senna-tile :is(.wp-block-button__link, .wp-block-button > .wp-element-button, .more-link, .senna-tile-campaigns > p > a):hover {
background: rgb(255 255 255 / 20%);
border-color: currentColor;
}
.senna-home-tiled .senna-tile-grid > .senna-tile-service { padding: 0; gap: 0; }
.senna-home-tiled .senna-tile-service > .wp-block-image img { aspect-ratio: 16 / 5.5; object-fit: cover; border-radius: 0; }
.senna-home-tiled .senna-tile-body { flex: 1; padding: clamp(22px, 2.3vw, 36px); display: flex; flex-direction: column; gap: 14px; }
.senna-home-tiled .senna-film-brands { padding: 16px 0 0; border: 0; background: transparent; }
.senna-home-tiled .senna-film-brands__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.senna-home-tiled .senna-film-brands__heading { grid-column: 1 / -1; }
.senna-home-tiled .senna-film-brands__heading h3 { font-size: 13px; color: #656965; font-weight: 500; }
.senna-home-tiled .senna-film-brands .wp-block-column { margin: 0; min-width: 0; }
.senna-home-tiled .senna-film-brands figure.wp-block-image { height: 52px; min-height: 0; margin: 0; padding: 8px; display: flex; align-items: center; justify-content: center; background: #fff; border: 0; border-radius: 0; }
.senna-home-tiled .senna-film-brands figure.wp-block-image img { width: auto; height: auto; max-width: 100%; max-height: 36px; object-fit: contain; }
.senna-home-tiled .senna-tile-grid > .senna-tile-offer-0 { background: #272b2b; color: #fff; }
.senna-home-tiled .senna-tile-grid > .senna-tile-offer-1 { background: #e9ece8; }
.senna-home-tiled .senna-tile-offer-0 p.senna-tile-label { color: #b9c2bd; }
.senna-home-tiled :is(.senna-tile-offer-0, .senna-tile-contact, .senna-tile-demo) { --tile-cta-hover: #fff; }
.senna-home-tiled .senna-tile-offer-2 > .wp-block-image { max-width: 260px; align-self: center; }
.senna-home-tiled .senna-tile-grid > .senna-tile-demo { background: #202224; color: #fff; }
.senna-home-tiled .senna-tile-demo p.senna-tile-label { color: #b9c2bd; }
.senna-home-tiled .senna-tile-demo > .wp-block-image img { width: 100%; height: auto !important; max-height: 320px; object-fit: contain; border-radius: 0; }
.senna-home-tiled .senna-tile-trust ul { padding-left: 22px; font-size: 16px; line-height: 1.9; }
.senna-home-tiled .senna-tile-trust .wp-block-social-links { gap: 10px; }
.senna-home-tiled .senna-tile-trust .wp-block-social-link a { min-width: 44px; min-height: 44px; justify-content: center; }
.senna-home-tiled .senna-tile-cases .wp-block-post-template { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; }
.senna-home-tiled .senna-tile-cases .wp-block-post-featured-image { margin-bottom: 16px; }
.senna-home-tiled .senna-tile-cases .wp-block-post-featured-image img { aspect-ratio: 4 / 3; object-fit: cover; }
.senna-home-tiled .senna-tile-cases h3 { font-size: 18px; }
.senna-home-tiled .senna-tile-cases .wp-block-post-excerpt p { font-size: 15px; }
.senna-home-tiled .senna-tile-base img { max-height: 240px; object-fit: contain; }
.senna-home-tiled .senna-tile-grid > .senna-tile-media { justify-content: center; background: #e9ece8; }
.senna-home-tiled .senna-tile-grid > .senna-tile-link { min-height: 220px; }
.senna-home-tiled .senna-tile-grid > .senna-tile-contact { grid-column: 1 / -1; background: #272b2b; color: #fff; }
.senna-home-tiled .senna-tile-contact p.senna-tile-label { color: #b9c2bd; }
.senna-home-tiled .senna-tile-contact .wp-block-buttons { gap: 10px 24px; }
.senna-home-tiled .senna-tile-contact .senna-home-contact-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.senna-home-tiled .senna-home-contact-actions > :is(.wp-block-buttons, p) { width: auto; margin: 0; }
.senna-home-tiled .senna-tile-contact .senna-home-contact-actions .wp-block-button__link { justify-content: center; padding: 10px 16px; border: 0; background: var(--senna-red); color: #fff; font-size: 14px; }
.senna-home-tiled .senna-tile-contact .senna-home-contact-actions .wp-block-button__link:hover { background: #d3353b; }
.senna-home-tiled .senna-home-contact-actions > p > a { display: inline-flex; align-items: center; min-height: 44px; }
.senna-home-tiled a:focus-visible { outline: 3px solid #ce5b4d; outline-offset: 4px; }
@media (min-width: 782px) and (max-width: 1100px) {
.site-main .senna-home-tiled > .senna-tile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.senna-home-tiled .senna-tile-grid > .senna-tile-wide { grid-column: span 1; }
.senna-home-tiled .senna-tile-grid > .senna-tile-contact { grid-column: 1 / -1; }
.senna-home-tiled .senna-tile-cases .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 781px) {
.site-main .senna-home-tiled > .senna-tile-grid { grid-template-columns: minmax(0, 1fr); }
.senna-home-tiled .senna-tile-grid > .senna-tile-wide { grid-column: 1; }
.site-main .senna-home-tiled > .senna-home-hero { display: flex; flex-direction: column; gap: 12px; padding: 20px 18px; }
.site-main .senna-home-tiled .senna-home-hero h1 { align-self: auto; }
.senna-home-tiled .senna-tile-grid > .senna-tile { padding: 24px 22px; }
.senna-home-tiled .senna-tile-grid > .senna-tile-service { padding: 0; }
.senna-home-tiled .senna-tile-body { padding: 24px 22px; }
.senna-home-tiled .senna-tile-cases .wp-block-post-template { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.senna-home-tiled .senna-tile-link { min-height: 190px; }
}
.senna-home-tiled .senna-tile h2 a { display: inline-block; min-height: 44px; text-decoration: none; }
.senna-home-tiled .senna-tile h2 a:hover { color: var(--tile-cta-hover, #a11c21); text-decoration: underline; }
@media (max-width: 781px) {
.senna-home-tiled .senna-tile-service > .wp-block-image img { aspect-ratio: 16 / 8; }
} .senna-home-tiled .senna-campaign-query .wp-block-post-template { gap: 32px 24px; }
.senna-home-tiled .senna-campaign-query .wp-block-post-template > li { min-width: 0; padding: 0; }
.senna-home-tiled .senna-campaign-query .wp-block-post-content { margin-top: 20px; }
.senna-home-tiled .senna-campaign-query .wp-block-post-title { font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.5; }
.senna-home-tiled .senna-works-query .wp-block-post-template { gap: 28px 24px; }
@media (max-width: 781px) {
.senna-home-tiled :is(.senna-campaign-query, .senna-works-query) .wp-block-post-template { grid-template-columns: minmax(0, 1fr); }
} .senna-campaign-sections .wp-block-post-template { display: block; }
.senna-campaign-sections .wp-block-post-template > li + li { margin-top: clamp(48px, 7vw, 88px); }
.senna-campaign-section { padding-block: clamp(28px, 4vw, 48px); border-top: 1px solid #d9d9d4; scroll-margin-top: 32px; }
.senna-campaign-section > .wp-block-post-title { margin: 0 0 28px; font-size: clamp(1.5rem, 3vw, 2.25rem); line-height: 1.5; }
.senna-campaign-full-content { line-height: 1.9; }
.senna-campaign-full-content > :is(p, .wp-block-heading, .wp-block-buttons) { max-width: 76ch; margin-inline: auto; }
.senna-campaign-full-content > * + * { margin-top: 24px; }
.senna-campaign-full-content > .wp-block-heading { font-size: clamp(1.2rem, 2.4vw, 1.5rem); margin-top: 40px; }
.senna-campaign-full-content .wp-block-image { max-width: 720px; margin: 32px auto; }
.senna-campaign-full-content .wp-block-image img { width: 100%; height: auto; object-fit: contain; }
.senna-campaign-full-content figcaption { text-align: left; font-size: 1rem; line-height: 1.85; margin-top: 24px; } .senna-home-tiled .senna-tile > .senna-tile-eyecatch { width: 100%; max-width: none; margin: 0; }
.senna-home-tiled .senna-tile-eyecatch a { display: block; }
.senna-home-tiled .senna-tile > .senna-tile-eyecatch img { display: block; width: 100%; height: calc((100cqw - 12px) / 3 * 5.5 / 16) !important; max-height: none; aspect-ratio: 16 / 5.5; object-fit: cover; border-radius: 0; } .senna-home-tiled .senna-tile-has-eyecatch:not(.senna-tile-service) > .senna-tile-eyecatch {
width: calc(100% + 2 * clamp(22px, 2.3vw, 36px));
margin-block: calc(-1 * clamp(22px, 2.3vw, 36px)) 8px;
margin-inline: calc(-1 * clamp(22px, 2.3vw, 36px)) !important;
align-self: center;
}
@media (min-width: 782px) and (max-width: 1100px) {
.senna-home-tiled .senna-tile > .senna-tile-eyecatch img { height: calc((100cqw - 6px) / 2 * 5.5 / 16) !important; }
}
@media (max-width: 781px) {
.senna-home-tiled .senna-tile > .senna-tile-eyecatch img { height: 40cqw !important; aspect-ratio: 16 / 6.4; }
.senna-home-tiled .senna-tile-has-eyecatch:not(.senna-tile-service) > .senna-tile-eyecatch { width: calc(100% + 44px); margin-block: -24px 8px; margin-inline: -22px !important; }
}