/* AIIMS redesign · Footer stack block 0 · "Awards won in 2026" (direction A · Trophy Wall, Robert's pick, 22 Oct 2026). GENERATED by _tools/build/footer_build.py (awards_css) from _tools/design/footer-awards/a.css + brand.css when build.py runs; edit the design and rebuild, not this file. Every selector is scoped to #aiims-home-awards-2026; class names are the design's with the footer prefix (a-x -> ahf-aw-x; kicker / btn / container -> ahf-aw-kicker / ahf-aw-btn / ahf-aw-in). Fonts: the theme's Interphases / InterphasesMono / Vandalord web fonts (theme.css loads them; no @font-face here). */ /* brand tokens (brand.css :root) and the design's page base (brand.css body/resets), on the section */ #aiims-home-awards-2026{--orange:#F5412C; --orange-600:#DD271A; --orange-700:#BF090B; --black:#0E0E0E; --raised:#171717; --stone:#9A9E8E; --stone-700:#5C6052; --grey:#EFEFEF; --white:#FFFFFF; --accent:var(--orange); --accent-light:var(--orange); --on-accent:var(--grey); --on-accent-hover:var(--white); --radius:4px; --sans:Interphases,Arial,sans-serif; --mono:InterphasesMono,ui-monospace,monospace; --script:Vandalord,cursive; font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--grey);-webkit-font-smoothing:antialiased} #aiims-home-awards-2026 *,#aiims-home-awards-2026 *::before,#aiims-home-awards-2026 *::after{box-sizing:border-box} #aiims-home-awards-2026 img{display:block;max-width:100%} #aiims-home-awards-2026 a{color:inherit;text-decoration:none} #aiims-home-awards-2026 :is(h1,h2,h3,h4,p,ul,ol,figure){margin:0} #aiims-home-awards-2026 ul{padding:0;list-style:none} /* theme.css element rules the design never had: 'ul li{padding:.25rem 0}', 'h1..h6{line-height:2.25rem}' */ #aiims-home-awards-2026 ul li{padding:0} #aiims-home-awards-2026 :is(h1,h2,h3,h4,h5,h6){line-height:inherit} /* brand.css helpers: .container (theme container: 1232px at 1280-1509, 1462px from 1510), kicker, CTA buttons */ #aiims-home-awards-2026 .ahf-aw-in{width:100%;margin:0 auto;padding:0 1.5rem} @media (min-width:640px){ #aiims-home-awards-2026 .ahf-aw-in{max-width:640px} } @media (min-width:768px){ #aiims-home-awards-2026 .ahf-aw-in{max-width:768px} } @media (min-width:1024px){ #aiims-home-awards-2026 .ahf-aw-in{max-width:1024px} } @media (min-width:1280px){ #aiims-home-awards-2026 .ahf-aw-in{max-width:1280px} } @media (min-width:1510px){ #aiims-home-awards-2026 .ahf-aw-in{max-width:1510px} } #aiims-home-awards-2026 .ahf-aw-kicker{display:inline-block;align-self:flex-start;font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.1em; text-transform:uppercase;padding-bottom:6px;border-bottom:1.2px solid var(--accent)} #aiims-home-awards-2026 .ahf-aw-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:var(--radius); font-family:var(--sans);font-weight:600;font-size:16px;line-height:1.2;text-transform:none;border:1px solid transparent;transition:all .3s} #aiims-home-awards-2026 .ahf-aw-btn:hover,#aiims-home-awards-2026 .ahf-aw-btn:focus-visible{transform:scale(1.05)} #aiims-home-awards-2026 .ahf-aw-btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-btn--primary:hover,#aiims-home-awards-2026 .ahf-aw-btn--primary:focus-visible{background:var(--white);color:var(--black);border-color:var(--white)} #aiims-home-awards-2026 .ahf-aw-btn--outline{background:transparent;color:var(--grey);border-color:var(--grey)} #aiims-home-awards-2026 .ahf-aw-btn--outline:hover,#aiims-home-awards-2026 .ahf-aw-btn--outline:focus-visible{background:var(--accent);color:var(--on-accent-hover);border-color:var(--accent)} /* ---------- a.css ---------- */ #aiims-home-awards-2026{--line:rgba(239,239,239,.12); /* hairline on black / raised */ --sec:128px; display:block} #aiims-home-awards-2026 p{text-wrap:pretty} #aiims-home-awards-2026 a:focus-visible{outline:2px solid var(--accent);outline-offset:3px} /* ---------- band ---------- */ #aiims-home-awards-2026{background:var(--black);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:112px 0 var(--sec)} /* ---------- head: kicker left, year right, one hairline under both (the kicker's orange rule sits on it) ---------- */ #aiims-home-awards-2026 .ahf-aw-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)} #aiims-home-awards-2026 .ahf-aw-kicker{margin-bottom:-1px;padding-bottom:16px;color:var(--grey)} #aiims-home-awards-2026 .ahf-aw-year{padding-bottom:16px;font-family:var(--mono);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.1em; text-transform:uppercase;color:var(--stone)} /* ---------- hero row: 19+ and the H2 (columns 1-8), description (9-12) ---------- */ #aiims-home-awards-2026 .ahf-aw-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin-top:72px} #aiims-home-awards-2026 .ahf-aw-h2{grid-column:1 / span 8;display:flex;align-items:flex-end;gap:36px;font-family:var(--sans);text-transform:uppercase;color:var(--grey)} #aiims-home-awards-2026 .ahf-aw-num{flex:none;display:flex;align-items:flex-start;font-weight:800;font-size:200px;line-height:.74;letter-spacing:-.05em;color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-plus{margin-left:6px;font-size:96px;line-height:.9;letter-spacing:0} #aiims-home-awards-2026 .ahf-aw-head{display:block;padding-bottom:2px;font-size:64px;line-height:.92;letter-spacing:-.03em} #aiims-home-awards-2026 .ahf-aw-thin{font-weight:300} #aiims-home-awards-2026 .ahf-aw-key{font-weight:800} #aiims-home-awards-2026 .ahf-aw-script{display:block;margin-top:14px;font-family:var(--script);font-style:normal;font-weight:400;font-size:46px;line-height:1; letter-spacing:0;text-transform:none;color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-lead{grid-column:9 / span 4;padding-bottom:6px;font-size:18px;line-height:1.6;color:var(--stone)} /* ---------- programme cards ---------- */ #aiims-home-awards-2026 .ahf-aw-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-template-rows:auto auto 1fr auto;column-gap:24px;margin-top:80px} #aiims-home-awards-2026 .ahf-aw-card{grid-row:1 / span 4;display:grid;grid-template-rows:subgrid;row-gap:0;overflow:hidden;background:var(--raised); border:1px solid var(--line);border-radius:var(--radius);color:var(--grey);transition:border-color .3s} #aiims-home-awards-2026 .ahf-aw-card:hover,#aiims-home-awards-2026 .ahf-aw-card:focus-within{border-color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-media{height:184px;overflow:hidden;border-radius:3px 3px 0 0;background:var(--black)} #aiims-home-awards-2026 .ahf-aw-photo{width:100%;height:100%;object-fit:cover;transition:transform .3s} #aiims-home-awards-2026 .ahf-aw-card:hover .ahf-aw-photo,#aiims-home-awards-2026 .ahf-aw-card:focus-within .ahf-aw-photo{transform:scale(1.04)} #aiims-home-awards-2026 .ahf-aw-photo--web{object-position:50% 22%} #aiims-home-awards-2026 .ahf-aw-photo--audio{object-position:50% 34%} #aiims-home-awards-2026 .ahf-aw-photo--marquee{object-position:50% 58%} /* the Stevie artwork has a white ground: shown whole on a light grey tile, like a framed print */ #aiims-home-awards-2026 .ahf-aw-media--light{padding:14px;background:var(--grey)} #aiims-home-awards-2026 .ahf-aw-photo--stevie{object-fit:contain} /* numeral + title on one line; the category line runs under both (the numeral column is a fixed 64px + 14px gap) */ #aiims-home-awards-2026 .ahf-aw-card__head{display:flex;align-items:flex-start;gap:14px;padding:28px 24px 0} #aiims-home-awards-2026 .ahf-aw-count{flex:none;width:64px;font-weight:800;font-size:64px;line-height:.78;letter-spacing:-.05em;color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-card h3{font-size:20px;line-height:1.02;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;color:var(--grey)} #aiims-home-awards-2026 .ahf-aw-cat{display:block;margin:16px 0 0 -78px;font-family:var(--mono);font-weight:400;font-size:12px;line-height:1.45;letter-spacing:.06em; text-transform:uppercase;color:var(--stone);text-wrap:balance} /* lists: hairline rows */ #aiims-home-awards-2026 .ahf-aw-list,#aiims-home-awards-2026 .ahf-aw-copy{margin:24px 24px 0;border-top:1px solid var(--line)} #aiims-home-awards-2026 .ahf-aw-list--web{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;column-gap:20px;padding-top:6px} #aiims-home-awards-2026 .ahf-aw-list--web li{border-bottom:1px solid var(--line)} #aiims-home-awards-2026 .ahf-aw-client{display:block;padding:9px 0;font-size:15px;line-height:1.3;font-weight:500;color:var(--grey); text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.2px;text-underline-offset:4px; text-wrap:balance;transition:text-decoration-color .3s,color .3s} #aiims-home-awards-2026 .ahf-aw-client:hover,#aiims-home-awards-2026 .ahf-aw-client:focus-visible{text-decoration-color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-list--rows li{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid var(--line)} #aiims-home-awards-2026 .ahf-aw-row-link{display:flex;flex-direction:column;gap:6px} #aiims-home-awards-2026 .ahf-aw-work{display:block;font-size:16px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--grey);text-wrap:balance} #aiims-home-awards-2026 .ahf-aw-detail{display:block;font-family:var(--mono);font-size:12px;line-height:1.45;letter-spacing:.04em;text-transform:uppercase;color:var(--stone);text-wrap:balance} #aiims-home-awards-2026 .ahf-aw-row-link .ahf-aw-work{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.2px;text-underline-offset:4px;transition:text-decoration-color .3s} #aiims-home-awards-2026 .ahf-aw-row-link:hover .ahf-aw-work,#aiims-home-awards-2026 .ahf-aw-row-link:focus-visible .ahf-aw-work{text-decoration-color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-row-link .ahf-aw-ico{color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-copy{padding-top:16px} #aiims-home-awards-2026 .ahf-aw-copy__p{font-size:15px;line-height:1.55;color:var(--stone)} #aiims-home-awards-2026 .ahf-aw-copy__p + .ahf-aw-copy__p{margin-top:12px} #aiims-home-awards-2026 .ahf-aw-copy__p .ahf-aw-work{display:inline} /* proof links pinned to the card foot: one ruled row each, arrow on the right */ #aiims-home-awards-2026 .ahf-aw-proofs{align-self:end;display:flex;flex-direction:column;margin-top:28px} #aiims-home-awards-2026 .ahf-aw-proofs .ahf-aw-proof{display:flex;justify-content:space-between;gap:8px;padding:17px 24px;letter-spacing:.06em;border-top:1px solid var(--line)} #aiims-home-awards-2026 .ahf-aw-proof{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.08em; text-transform:uppercase;color:var(--grey);white-space:nowrap;transition:color .3s} #aiims-home-awards-2026 .ahf-aw-proof .ahf-aw-ico{color:var(--accent);transition:color .3s} #aiims-home-awards-2026 .ahf-aw-proof:hover,#aiims-home-awards-2026 .ahf-aw-proof:focus-visible{color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-ico{display:inline-block;flex:none;width:14px;height:14px;vertical-align:-2px} /* ---------- Global Search Silver: raised strip, orange left edge and an orange "Silver" tag ---------- */ #aiims-home-awards-2026 .ahf-aw-silver{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:22px 24px;background:var(--raised); border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius)} #aiims-home-awards-2026 .ahf-aw-silver__title{display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:8px;font-size:18px;line-height:1.3} #aiims-home-awards-2026 .ahf-aw-silver__name{font-weight:800;letter-spacing:-.02em;text-transform:uppercase;color:var(--grey)} #aiims-home-awards-2026 .ahf-aw-silver__meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:12px} #aiims-home-awards-2026 .ahf-aw-sep{color:var(--stone)} #aiims-home-awards-2026 .ahf-aw-tag{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--accent);border-radius:var(--radius); font-family:var(--mono);font-weight:700;font-size:12px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)} #aiims-home-awards-2026 .ahf-aw-silver__cat{font-weight:500;font-size:16px;color:var(--stone)} #aiims-home-awards-2026 .ahf-aw-silver .ahf-aw-proof{flex:none} /* ---------- foot: note left, CTAs right ---------- */ #aiims-home-awards-2026 .ahf-aw-bottom{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;margin-top:56px;padding-top:40px;border-top:1px solid var(--line)} #aiims-home-awards-2026 .ahf-aw-note{grid-column:1 / span 6;max-width:600px;font-size:14px;line-height:1.6;color:var(--stone)} #aiims-home-awards-2026 .ahf-aw-btns{grid-column:7 / span 6;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px} #aiims-home-awards-2026 .ahf-aw-btns .ahf-aw-btn{min-height:58px;padding:18px 28px;font-size:18px;white-space:nowrap} #aiims-home-awards-2026 .ahf-aw-btn-ico{display:block;flex:none;width:18px;height:18px} /* 1510+: the container grows to 1462px, so the photos grow with it */ @media (min-width:1510px){ #aiims-home-awards-2026 .ahf-aw-media{height:212px} } /* ===================================================================================================================== responsive (22 Oct 2026, after Robert picked A). 1280+ is the approved desktop and nothing below changes it. ===================================================================================================================== */ /* ---------- shared below 1280: cards 2 x 2 (Web Excellence first), each pair sharing its rows through subgrid (row 5 is the 24px gap between the pairs); Silver strip = name, then "Silver · category"; foot stacked (note, then CTAs) ---------- */ @media (max-width:1279px){ #aiims-home-awards-2026{--sec:112px} #aiims-home-awards-2026{padding-top:96px} #aiims-home-awards-2026 .ahf-aw-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto auto 24px auto auto auto auto;margin-top:64px} #aiims-home-awards-2026 .ahf-aw-card:nth-child(n+3){grid-row:6 / span 4} #aiims-home-awards-2026 .ahf-aw-media{height:220px} #aiims-home-awards-2026 .ahf-aw-silver__title{flex-direction:column;align-items:flex-start} #aiims-home-awards-2026 .ahf-aw-silver__meta > .ahf-aw-sep:first-child{display:none} #aiims-home-awards-2026 .ahf-aw-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin-top:48px} #aiims-home-awards-2026 .ahf-aw-note{max-width:640px} #aiims-home-awards-2026 .ahf-aw-btns{justify-content:flex-start} } /* ---------- small desktop 1024-1279 (container 976): hero row = 19+ and the H2 (columns 1-8), description beside (9-12) ---------- */ @media (min-width:1024px) and (max-width:1279px){ #aiims-home-awards-2026 .ahf-aw-h2{gap:28px} #aiims-home-awards-2026 .ahf-aw-num{font-size:168px} #aiims-home-awards-2026 .ahf-aw-plus{font-size:80px} #aiims-home-awards-2026 .ahf-aw-head{font-size:54px} #aiims-home-awards-2026 .ahf-aw-script{font-size:40px;margin-top:12px} #aiims-home-awards-2026 .ahf-aw-media{height:240px} #aiims-home-awards-2026 .ahf-aw-lead{font-size:17px} } /* ---------- tablet 768-1023 (container 720): head stacked (19+ and H2, then the description); Silver link under its title ---------- */ @media (max-width:1023px){ #aiims-home-awards-2026 .ahf-aw-intro{display:block;margin-top:56px} #aiims-home-awards-2026 .ahf-aw-h2{gap:32px} #aiims-home-awards-2026 .ahf-aw-num{font-size:176px} #aiims-home-awards-2026 .ahf-aw-plus{font-size:84px} #aiims-home-awards-2026 .ahf-aw-head{font-size:56px} #aiims-home-awards-2026 .ahf-aw-script{font-size:42px;margin-top:12px} #aiims-home-awards-2026 .ahf-aw-lead{max-width:600px;margin-top:40px;padding-bottom:0} #aiims-home-awards-2026 .ahf-aw-media{height:200px} #aiims-home-awards-2026 .ahf-aw-card__head{padding:24px 20px 0} #aiims-home-awards-2026 .ahf-aw-list,#aiims-home-awards-2026 .ahf-aw-copy{margin:24px 20px 0} #aiims-home-awards-2026 .ahf-aw-list--web{column-gap:16px} #aiims-home-awards-2026 .ahf-aw-proofs .ahf-aw-proof{padding:16px 20px} #aiims-home-awards-2026 .ahf-aw-silver{flex-direction:column;align-items:flex-start;gap:18px} } /* ---------- phone (<768, designed at 390: content 342) ---------- */ @media (max-width:767px){ #aiims-home-awards-2026{--sec:80px} #aiims-home-awards-2026{padding-top:72px} /* head: kicker, then the year under it (no shared hairline) */ #aiims-home-awards-2026 .ahf-aw-top{flex-direction:column;align-items:flex-start;gap:14px;border-bottom:0} #aiims-home-awards-2026 .ahf-aw-kicker{margin-bottom:0;padding-bottom:7px;font-size:12px;letter-spacing:.06em} #aiims-home-awards-2026 .ahf-aw-year{padding-bottom:0;font-size:12px;letter-spacing:.06em} /* 19+ on its own line, the H2 under it */ #aiims-home-awards-2026 .ahf-aw-intro{margin-top:40px} #aiims-home-awards-2026 .ahf-aw-h2{flex-direction:column;align-items:flex-start;gap:20px} #aiims-home-awards-2026 .ahf-aw-num{font-size:128px} #aiims-home-awards-2026 .ahf-aw-plus{margin-left:4px;font-size:60px} #aiims-home-awards-2026 .ahf-aw-head{font-size:44px} #aiims-home-awards-2026 .ahf-aw-script{margin-top:12px;font-size:34px} #aiims-home-awards-2026 .ahf-aw-lead{margin-top:28px;font-size:16px} /* cards one per row */ #aiims-home-awards-2026 .ahf-aw-grid{display:flex;flex-direction:column;gap:16px;margin-top:48px} #aiims-home-awards-2026 .ahf-aw-card{display:flex;flex-direction:column} #aiims-home-awards-2026 .ahf-aw-media{height:auto;aspect-ratio:342 / 180} /* 180px at 390, growing with the width up to 767 */ #aiims-home-awards-2026 .ahf-aw-proofs{align-self:stretch;margin-top:24px} /* Silver: tag, then the name and category; the link under them */ #aiims-home-awards-2026 .ahf-aw-silver{gap:16px;padding:20px} #aiims-home-awards-2026 .ahf-aw-silver__title{row-gap:10px} #aiims-home-awards-2026 .ahf-aw-silver__meta{display:contents} #aiims-home-awards-2026 .ahf-aw-silver .ahf-aw-sep{display:none} #aiims-home-awards-2026 .ahf-aw-tag{order:-1} #aiims-home-awards-2026 .ahf-aw-bottom{margin-top:40px;padding-top:32px;gap:24px} /* CTAs full width */ #aiims-home-awards-2026 .ahf-aw-btns{flex-direction:column;align-items:stretch;width:100%;gap:12px} #aiims-home-awards-2026 .ahf-aw-btns .ahf-aw-btn{width:100%;min-height:56px;padding:16px 20px;font-size:17px} }