@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#080d10;--panel:#0d1418;--surface:#111b20;--text:#f6f6f4;--muted:#a8b0b3;--line:rgba(255,255,255,.14);--accent:#42d3be;--inverse-bg:#f5f5f2;--inverse-text:#091014;--card:#0c1317;color-scheme:dark}html[data-theme=light]{--bg:#f7f7f5;--panel:#fff;--surface:#f0f1f0;--text:#0a1217;--muted:#5d686d;--line:rgba(12,20,22,.16);--accent:#009e8c;--inverse-bg:#edf0f0;--inverse-text:#091014;--card:#fff;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px;transition:background .25s,color .25s}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent }button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{width:min(1280px,calc(100% - 100px));margin-inline:auto}.header{position:relative;z-index:10;border-bottom:1px solid var(--line);height:78px}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{position:relative;font-size:32px;font-weight:500;letter-spacing:-2.5px;line-height:1;white-space:nowrap}.logo-arc{position:absolute;left:39%;top:-9px;height:16px;width:56%;border-top:3px solid transparent;border-radius:50%;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(90deg,#38cfc4,#ec368b,#ff8b68,#8336d0) border-box;transform:rotate(-6deg)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a,.header-cta,.micro,.eyebrow,.header button{font-size:11px;font-weight:800;letter-spacing:.055em}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:19px}.header-cta{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:25px;padding:11px 17px}.theme-switch{display:flex;gap:9px;align-items:center;color:var(--text);border:1px solid var(--line);border-radius:30px;background:var(--surface);padding:7px 9px}.switch-thumb{width:19px;height:12px;border-radius:12px;background:linear-gradient(90deg,#32d8ce,#e75da9);transition:transform .2s}.switch-thumb.light{transform:translateX(-3px)}.switch-thumb.dark{transform:translateX(3px)}.mobile-menu{display:none;background:none;color:var(--text);border:0}.micro{font-size:10px;letter-spacing:.13em}.muted{color:var(--muted)}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.15em;margin-bottom:23px}h1,h2,h3,p{margin-top:0}h1,h2,.work-card strong,.service-info h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;line-height:.91;letter-spacing:-.017em}h1{font-size:clamp(76px,9vw,152px);font-weight:800;margin:17px 0 22px}.gradient-text{background:linear-gradient(90deg,#3dd1c7 2%,#ad85dc 41%,#f44aa0 73%,#ff8068);background-clip:text;-webkit-background-clip:text;color:transparent}.subtle{color:#a0adb2}html[data-theme=light] .subtle{color:#a9b1b3}.hero{display:grid;grid-template-columns:40% 60%;min-height:590px;position:relative}.hero-copy{padding:65px 0 70px;position:relative;z-index:1}.hero-kicker{color:var(--muted);line-height:1.34}.hero-copy p{max-width:440px;color:var(--muted);line-height:1.65;font-size:15px}.video-trigger{display:flex;align-items:center;gap:17px;border:0;background:transparent;color:var(--text);font-size:11px;font-weight:800;margin-top:31px;padding:0}.play-disc{display:grid;place-items:center;background:var(--text);color:var(--bg);width:47px;height:47px;border-radius:50%}.hero-art{position:relative;display:grid;grid-template-columns:1.15fr .8fr .88fr .85fr .72fr;grid-template-rows:1fr 1fr;gap:6px;min-height:570px;padding-left:2px}.hero-tile{background-size:cover;background-position:center;border-radius:1px}.tile-woman{grid-column:1;grid-row:1/3;background-position:center}.tile-concert{grid-column:2;grid-row:1}.tile-billboard{grid-column:2;grid-row:2}.tile-pyramid{grid-column:3;grid-row:1/3}.tile-man{grid-column:4;grid-row:1/3}.tile-city{grid-column:5;grid-row:1/3}.art-tag{position:absolute;bottom:90px;right:5%;font-size:12px;font-weight:700;max-width:145px;line-height:1.5;letter-spacing:.12em;color:white;text-shadow:0 2px 12px #111}.hero-pagination{position:absolute;bottom:18px;right:6%;display:flex;align-items:center;gap:12px;color:#fff;font-size:10px}.hero-pagination button{border:1px solid #ffffff99;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#1117;color:#fff}.stats-band{background:var(--panel);border-block:1px solid var(--line)}.stats-grid{min-height:175px;display:grid;align-items:center;gap:16px;grid-template-columns:1fr repeat(4,1.16fr) 1.9fr}.stat strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:49px;line-height:1;font-weight:700}.stat span{display:block;font-size:10px;color:var(--muted);margin-top:10px}.stats-about p{font-size:12px;line-height:1.6;color:var(--muted)}.stats-about a,.section-side a,.partners-top button{display:flex;align-items:center;gap:13px;font-weight:800;font-size:11px;background:none;border:none;color:var(--text);padding:0}.section{padding:76px 0 83px}.work-section{background:var(--bg)}.work-layout{display:grid;grid-template-columns:26% 74%;gap:20px}.section-intro h2,.section-heading-row h2,.partners-top h2,.contact-hero h2{font-size:clamp(50px,6vw,86px);font-weight:800}.section-intro p{color:var(--muted);line-height:1.65;max-width:255px}.pill{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:13px 19px;border-radius:30px;background:var(--text);border:1px solid var(--text);color:var(--bg);font-size:12px;font-weight:700;white-space:nowrap}.pill.outline{background:transparent;color:var(--text);border-color:var(--line)}.section-intro .pill{margin-top:15px}.work-grid{display:grid;grid-template-columns:1.2fr .84fr;gap:9px;min-height:480px}.work-card{position:relative;display:block;text-align:left;color:#fff;border:0;background-position:center;background-size:cover;overflow:hidden;min-height:150px}.work-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.5));pointer-events:none}.work-card>*{z-index:1;position:relative}.work-primary{border-radius:7px}.work-side{display:grid;gap:8px;grid-template-rows:repeat(3,1fr)}.work-small{border-radius:5px}.card-overlay{position:absolute;bottom:22px;left:22px;right:44px;z-index:2}.card-overlay .micro{color:#bdebe4;font-size:9px}.card-overlay strong{display:block;font-size:clamp(23px,2.3vw,37px);line-height:.95;margin:7px 0}.work-primary .card-overlay strong{font-size:clamp(36px,4.2vw,65px)}.card-overlay small{display:block;max-width:320px;line-height:1.4}.card-link{font-size:10px;font-weight:800;display:flex;gap:7px;margin-top:10px}.big-play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border:1px solid #fff;border-radius:50%;background:#0004}.round-arrow{position:absolute;bottom:20px;right:15px;border:1px solid #ddd;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.services-section,.insights-section{background:var(--inverse-bg);color:var(--inverse-text)}html[data-theme=light] .services-section,html[data-theme=light] .insights-section{background:#edf0ef}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}.section-heading-row h2{margin:0}.section-side{max-width:345px;padding-bottom:7px}.section-side p{line-height:1.65;color:#4d575a}.section-side a{color:#0b1419;margin-top:19px}.services-section .eyebrow,.insights-section .eyebrow{color:#16aa9c}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service-card{text-align:left;background:transparent;border:0;color:#071014;padding:0}.service-image{height:210px;background-size:cover;background-position:center;border-radius:5px;transition:transform .2s}.service-card:hover .service-image{transform:translateY(-4px)}.service-info{display:flex;justify-content:space-between;align-items:end;gap:5px;padding-top:14px}.service-info .micro{font-size:9px;color:#777}.service-info h3{font-size:22px;line-height:1;max-width:160px;margin:5px 0 0}.circle-arrow{width:26px;height:26px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;flex-shrink:0;font-style:normal}.partners-section{background:var(--panel);overflow:hidden}.partners-inner{padding:70px 0 67px;position:relative}.spectrum-arc{position:absolute;left:19%;top:-17px;width:60%;height:80px;border-top:5px solid transparent;border-radius:70% 70% 0 0;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(90deg,#38d0c6,#965de3,#ff3c8b,#ff795d) border-box;transform:rotate(-8deg)}.partners-top{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:35px;position:relative}.partners-top h2{font-size:54px;margin:0}.partners-top p{max-width:370px;color:var(--muted);line-height:1.6}.partners-top button{justify-self:end}.logos-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:45px}.logos-row span{font-family:Georgia,serif;font-weight:800;font-size:clamp(14px,2vw,25px);letter-spacing:-.06em;white-space:nowrap}.logos-row .logo-vodafone{font-family:Arial;font-size:17px}.logos-row .logo-coke{font-style:italic}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-card{text-align:left;color:#111819;background:#fff;border:1px solid #e5e6e3;border-radius:6px;padding:0;overflow:hidden}.insight-picture{height:170px;background-size:cover;background-position:center}.insight-text{min-height:134px;padding:20px;position:relative}.insight-text>span{display:block;color:#7d8387;font-size:10px;letter-spacing:.04em}.insight-text strong{display:block;margin-top:10px;margin-right:30px;max-width:290px;line-height:1.2;font-size:18px}.insight-text i{position:absolute;bottom:20px;right:16px}.contact-hero{background:var(--bg);overflow:hidden}.contact-hero-inner{min-height:415px;display:flex;position:relative;align-items:center}.cta-copy{z-index:2;padding:58px 0}.contact-hero h2{font-size:clamp(62px,7vw,96px);margin-bottom:15px}.contact-hero p{color:var(--muted);line-height:1.65}.cta-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}.cta-photo{position:absolute;left:42%;top:0;width:36%;height:100%;background-size:cover;background-position:center;opacity:.72;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent)}.cta-arc{position:absolute;z-index:1;left:37%;top:17%;width:65%;height:250px;border-top:7px solid transparent;border-radius:75% 75% 0 0;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(90deg,#f52e7f,#ff9077,#da49e5,#35dacf) border-box;transform:rotate(-10deg);pointer-events:none}.footer{background:var(--panel);border-top:1px solid var(--line);padding:42px 0 85px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1.65fr 1fr;gap:48px}.footer .logo{align-self:start;justify-self:start}.footer-col{display:flex;flex-direction:column;align-items:start;gap:12px}.footer-col h3{font-size:11px;letter-spacing:.08em;margin-bottom:6px}.footer-col>a,.footer-col>p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.footer-col a:hover{color:var(--accent)}.footer-contact{border-left:1px solid var(--line);padding-left:27px}.footer-contact a,.footer-contact p{display:flex;align-items:flex-start;gap:12px}.footer-contact svg{flex-shrink:0}.social-icons{display:flex;gap:17px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.footer-bottom b{margin:0 12px;font-weight:400}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.74);display:grid;place-items:center;padding:22px;overflow:auto}.modal{position:relative;width:min(600px,100%);max-height:min(90vh,850px);overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:34px;border-radius:10px;box-shadow:0 20px 90px #0009}.modal-close{position:absolute;right:16px;top:16px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;z-index:2}.modal h2{font-size:58px;margin:10px 0 20px}.modal p{line-height:1.7;color:var(--muted);white-space:pre-line}.modal-image{height:230px;background-size:cover;background-position:center;border-radius:5px;margin-bottom:24px}.modal-extra{border-left:2px solid var(--accent);padding-left:16px}.modal form{display:grid;gap:14px}.modal label{display:grid;gap:7px;font-size:12px;font-weight:700}.modal input,.modal textarea{background:var(--bg);border:1px solid var(--line);padding:12px 14px;border-radius:4px;color:var(--text);width:100%}.modal form .pill{justify-self:start}.modal form small{color:var(--muted)}@media(max-width:1100px){.shell{width:min(100% - 60px,1100px)}.nav-links{gap:15px}.hero{grid-template-columns:43% 57%}.hero-art{min-height:510px}.hero{min-height:520px}.hero-copy{padding-top:60px}.hero h1{font-size:clamp(72px,9vw,110px)}.work-layout{grid-template-columns:24% 76%}.service-image{height:160px}.service-info h3{font-size:18px}.footer-grid{gap:24px}}@media(max-width:780px){.shell{width:calc(100% - 36px)}.header{height:70px}.logo{font-size:29px}.nav-links{position:absolute;top:69px;left:0;right:0;background:var(--panel);padding:20px 24px 28px;display:none;flex-direction:column;align-items:start;gap:19px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.mobile-menu{display:block}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:46px 0 27px}.hero h1{font-size:clamp(77px,14vw,120px)}.hero-art{min-height:340px;padding-bottom:20px}.art-tag{bottom:55px;right:14px;font-size:10px}.hero-pagination{bottom:4px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:30px 0}.stats-grid>.micro{grid-column:1/-1}.stats-about{grid-column:1/-1}.stat strong{font-size:37px}.stat span{font-size:9px}.section{padding:60px 0}.work-layout{grid-template-columns:1fr}.work-grid{min-height:430px}.section-intro p{max-width:500px}.section-intro .pill{margin:0 0 18px}.section-heading-row{align-items:start}.service-grid{grid-template-columns:repeat(3,1fr);row-gap:24px}.service-image{height:200px}.partners-top{grid-template-columns:1fr 1fr}.partners-top button{grid-column:1/-1;justify-self:start}.logos-row{flex-wrap:wrap;gap:24px 34px;justify-content:flex-start}.logos-row span{font-size:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-contact{padding:0;border:0}.contact-hero-inner{min-height:385px}}@media(max-width:520px){.nav-actions{gap:8px}.hero h1{font-size:78px}.hero-art{min-height:280px;gap:3px}.hero-copy p{font-size:13px}.hero-tile{background-position:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>.micro{grid-column:1/-1}.stat strong{font-size:40px}.section-intro h2,.section-heading-row h2{font-size:55px}.section-heading-row{display:block}.section-side{margin-top:23px}.work-grid{grid-template-columns:1fr;gap:8px}.work-primary{min-height:360px}.work-side{grid-template-columns:repeat(3,1fr);grid-template-rows:170px;gap:5px}.work-small .card-overlay{left:10px;right:10px;bottom:10px}.work-small .card-overlay strong{font-size:18px}.work-small .round-arrow{display:none}.work-small .micro{font-size:7px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-image{height:175px}.service-info h3{font-size:19px}.partners-top{grid-template-columns:1fr;gap:15px}.partners-top h2{font-size:48px}.partners-top button{grid-column:auto}.insights-grid{grid-template-columns:1fr}.insight-picture{height:200px}.cta-photo{left:43%;width:65%;opacity:.37}.cta-arc{left:15%;width:110%;top:24%}.contact-hero h2{font-size:62px}.contact-hero p{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer .logo{grid-column:1/-1}.footer-contact{grid-column:1/-1;grid-row:3}.footer-bottom{gap:16px;flex-direction:column}.modal{padding:22px}.modal h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Exact supplied Synergy identity: use logo artwork, not CSS-drawn text or arc. */
.logo{display:inline-flex;align-items:center;position:relative;flex:none;width:142px;line-height:normal;letter-spacing:normal;overflow:visible}
.logo-arc{display:none!important}
.logo .brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.logo .brand-logo-light{display:none}
.logo .brand-logo-dark{display:block}
html[data-theme="light"] .logo .brand-logo-light{display:block}
html[data-theme="light"] .logo .brand-logo-dark{display:none}
@media(max-width:780px){.logo{width:126px}}

/* Clean standalone SVG stroke: no border-box background, no hidden rectangle edge. */
.cta-arc {
  left: 35%; top: 7%; width: 77%; height: 310px;
  border: 0; border-radius: 0; transform: none;
  background: url('/images/spectrum-arc.svg') center / 100% 100% no-repeat;
  pointer-events: none;
}
.spectrum-arc {
  left: 16%; top: -8px; width: 68%; height: 105px;
  border: 0; border-radius: 0; transform: none;
  background: url('/images/spectrum-arc.svg') center / 100% 100% no-repeat;
  pointer-events: none;
}
@media (max-width: 520px) {
  .cta-arc {left: 24%; top: 12%; width: 105%; height: 190px;}
  .spectrum-arc {left: 8%; top: -5px; width: 110%; height: 80px;}
}

/* Hero accordion: each campaign opens on hover, click, keyboard or arrow controls. */
.hero-accordion{display:block;min-width:0;overflow:hidden;padding:0 0 45px!important;min-height:570px}
.hero-panels{height:100%;min-height:525px;display:flex;gap:5px;overflow:hidden}
.hero-panel{position:relative;min-width:0;flex:1 1 0%;border:0;padding:0;background-size:cover;background-position:center;transition:flex-grow .48s cubic-bezier(.2,.75,.2,1),filter .3s;filter:brightness(.74);overflow:hidden;cursor:pointer}
.hero-panel.is-active{flex-grow:3.8;filter:brightness(1)}
.hero-panel:hover:not(.is-active){filter:brightness(.88)}
.hero-panel:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}
.hero-panel-caption{position:absolute;left:20px;bottom:23px;z-index:2;color:#fff;text-align:left;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}
.hero-panel.is-active .hero-panel-caption{opacity:1;transform:translateY(0)}
.hero-panel-caption .micro{color:#83e1d7;display:block;margin-bottom:7px}
.hero-panel-caption strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(21px,2.3vw,37px);line-height:1;text-transform:uppercase;max-width:240px;display:block}
.hero-accordion .hero-pagination{bottom:7px;right:0;color:var(--text)}
.hero-accordion .hero-pagination button{color:var(--text);border-color:var(--line);background:var(--surface)}
@media(hover:none){.hero-panel{filter:brightness(.82)}.hero-panel.is-active{flex-grow:3.2;filter:brightness(1)}}
@media(max-width:780px){.hero-accordion{min-height:360px}.hero-panels{min-height:315px}.hero-panel.is-active{flex-grow:3}.hero-panel-caption{left:12px;bottom:15px}}
@media(max-width:520px){.hero-accordion{min-height:315px}.hero-panels{min-height:275px;gap:3px}.hero-panel-caption strong{font-size:21px}.hero-panel-caption .micro{font-size:8px}}
/* Trusted Partners: editorial spacing with clean logo-name placeholders. */
.partners-inner{padding-top:75px;padding-bottom:78px}
.partners-top{grid-template-columns:1.1fr 1.8fr 1fr;gap:32px}
.logos-row{margin-top:50px;gap:22px}
.logos-row span{font-size:clamp(15px,1.75vw,24px)}
@media(max-width:780px){.partners-top{grid-template-columns:1fr 1fr}.logos-row{gap:22px}}
@media(max-width:520px){.partners-top{grid-template-columns:1fr}.logos-row{gap:20px}}


/* Synergy Base V1.3 — original transparent arc asset + reduced side gutters.
   No CSS borders, gradients, filters, or generated arc shapes. */
.shell { width: min(1600px, calc(100% - 50px)); }
.cta-arc, .spectrum-arc {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  background: url('/images/curve.png') center center / contain no-repeat !important;
  pointer-events: none;
}
.cta-arc { left: 35%; top: 6%; width: 69%; height: 300px; }
.spectrum-arc { left: 14%; top: -10px; width: 72%; height: 115px; }
@media (max-width: 1100px) { .shell { width: calc(100% - 30px); } }
@media (max-width: 780px) { .shell { width: calc(100% - 24px); } }
@media (max-width: 520px) {
  .shell { width: calc(100% - 20px); }
  .cta-arc { left: 17%; top: 14%; width: 90%; height: 150px; }
  .spectrum-arc { left: 8%; top: 0; width: 90%; height: 65px; }
}
@media (prefers-reduced-motion: reduce) {
 .hero-panel { transition: none; }
}

/* Change 03: expandable client directory, 2 rows by default, optional pin. */
.partner-actions{display:flex;justify-content:flex-end;align-items:center;gap:17px;flex-wrap:wrap}
.partner-actions button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;font-size:11px;letter-spacing:.025em;cursor:pointer;padding:10px 0}
.partner-actions button:hover{color:var(--accent)}
.partner-actions .partner-pin{border:1px solid var(--line);padding:8px 12px;border-radius:30px}
.partner-pin.is-pinned{color:var(--accent)}
.client-logo-grid{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:96px;gap:12px;margin-top:42px}
.partner-tile{display:grid;place-items:center;padding:12px 8px;border:1px solid var(--line);border-radius:3px;min-width:0;overflow:hidden;transition:background-color .25s,border-color .25s}
.partner-tile:hover{border-color:var(--accent);background:var(--surface)}
.partner-logo-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;transform:scale(1);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.partner-tile:hover .partner-logo-wrap{transform:scale(1.1)}
.partner-real-logo{display:block;max-width:92%;max-height:50px;width:auto;height:auto;object-fit:contain}
.partner-wordmark{font-weight:750;font-size:clamp(12px,1.12vw,19px);line-height:1.15;letter-spacing:-.03em;text-align:center;overflow-wrap:break-word;color:var(--text)}
.partner-hidden{display:none}
.clients-timer{font-size:11px;color:var(--muted);margin:16px 0 0}
@media(max-width:1100px){.client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:90px}.partner-tile:nth-child(n+9):not(.partner-hidden){display:none}.client-logo-grid.is-expanded .partner-tile:nth-child(n+9){display:grid}}
@media(max-width:780px){.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:88px}.partner-tile:nth-child(n+7):not(.partner-hidden){display:none}.client-logo-grid.is-expanded .partner-tile:nth-child(n+7){display:grid}.partner-actions{justify-content:flex-start}}
@media(max-width:520px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:82px}.partner-tile:nth-child(n+5):not(.partner-hidden){display:none}.client-logo-grid.is-expanded .partner-tile:nth-child(n+5){display:grid}}
@media(prefers-reduced-motion:reduce){.partner-logo-wrap{transition:none}}


/* V1.7: Borderless real-logo gallery, with theme-aware monochrome assets. */
.partner-tile, .partner-tile:hover, .partner-tile:focus-within {
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background: transparent !important;
}
.partner-tile {padding: 14px 10px;}
.partner-logo-wrap {transition:transform .28s ease; transform-origin:center;}
.partner-tile:hover .partner-logo-wrap {transform:scale(1.09)}
.partner-real-logo{max-width:100%;max-height:56px;object-fit:contain;}
/* Only explicitly one-color logos should invert. Keep multicolor brand identities intact. */
.partner-real-logo.is-monochrome{filter:brightness(0)}
html[data-theme=dark] .partner-real-logo.is-monochrome{filter:brightness(0) invert(1)}
.partner-wordmark {font-weight:650;letter-spacing:-.018em;}

/* V1.8: supplied official client logo batch. No tiles, only marks. */
.client-logo-grid{gap:14px 10px}
.partner-tile{background:transparent!important;border:none!important;box-shadow:none!important;outline:none;min-width:0}
.partner-real-logo{width:auto;height:auto;max-width:100%;max-height:66px;object-fit:contain}
.partner-logo-wrap{padding:3px;transition:transform .3s ease}
.partner-tile:hover .partner-logo-wrap{transform:scale(1.1)}

/* V1.9 — original logos, no global filtering, borders, or text placeholders. */
.partner-tile,.partner-tile:hover{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
.partner-real-logo,.partner-real-logo.is-monochrome,html[data-theme=dark] .partner-real-logo.is-monochrome {filter:none!important;opacity:1!important;mix-blend-mode:normal!important;object-fit:contain;max-width:100%;max-height:72px;width:auto;height:auto}
.partner-logo-wrap {display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .28s ease}
.partner-tile:hover .partner-logo-wrap {transform:scale(1.09)}

/* V2.6: local theme-specific client logo assets, no global recoloring filters. */
.partner-logo-wrap {position:relative;}
.partner-real-logo.partner-logo-dark {display:none!important;}
.partner-real-logo.partner-logo-light {display:block!important;}
html[data-theme="dark"] .partner-real-logo.partner-logo-dark {display:block!important;}
html[data-theme="dark"] .partner-real-logo.partner-logo-light {display:none!important;}
.partner-tile,.partner-tile:hover{border:0!important;background:transparent!important;box-shadow:none!important;}
/* Curated campaign preview, not a fake video playback. */
.showreel-backdrop {z-index:125;}
.showreel-dialog{position:relative;display:flex;flex-direction:column;width:min(1050px,96vw);max-height:94vh;background:#0b1116;color:#fff;border:1px solid #344047;border-radius:9px;padding:24px;gap:16px;box-shadow:0 35px 100px #000b;}
.showreel-close{position:absolute;top:13px;right:13px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:1px solid #72808a;color:#fff;border-radius:50%;background:#142028;cursor:pointer;}
.showreel-topline{display:flex;justify-content:space-between;padding-right:49px;gap:15px;font-size:11px;letter-spacing:.12em;color:#8bd5cc;font-weight:700;}
.showreel-image-frame{min-height:0;flex:1;display:flex;justify-content:center;align-items:center;background:#091015;overflow:hidden;border-radius:4px;}
.showreel-image-frame img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;}
.showreel-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.showreel-footer strong{font-size:14px;letter-spacing:.02em;}
.showreel-footer p{font-size:12px;color:#afbac0;margin:5px 0 0;}
.showreel-controls{display:flex;gap:10px;flex:none;}
.showreel-controls button{width:38px;height:38px;border-radius:50%;border:1px solid #768189;background:none;color:#fff;display:grid;place-items:center;cursor:pointer;}
.showreel-controls button:hover{border-color:#6bd1c9;color:#6bd1c9;}
@media(max-width:520px){.showreel-dialog{padding:16px;gap:14px;}.showreel-image-frame img{max-height:63vh;}.showreel-footer strong{font-size:12px}.showreel-footer p{font-size:10px}}

/* V2.9: give government seals and circular brand marks optical weight equal to wordmarks. */
.partner-tile-round { padding: 2px 5px !important; }
.partner-tile-round .partner-logo-wrap { padding: 0 !important; }
.partner-tile-round .partner-real-logo { max-height: 88px !important; max-width: 96% !important; width: auto !important; height: auto !important; }
@media (max-width: 1100px) { .partner-tile-round .partner-real-logo { max-height: 83px !important; } }
@media (max-width: 780px) { .partner-tile-round .partner-real-logo { max-height: 78px !important; } }
@media (max-width: 520px) { .partner-tile-round .partner-real-logo { max-height: 72px !important; } }


/* V3.0 — Contact section skyline integration. The image itself contains the official Synergy
   curve above the wordmark; do not paint a second oversized curve on top of the photo. */
.contact-hero { position:relative; isolation:isolate; }
.contact-hero-inner { min-height:440px; }
.contact-hero .cta-photo {
  position:absolute; z-index:0; inset:0 0 0 auto; left:37%; width:63%; height:100%;
  background-image:url('/images/contact-synergy-skyline.webp');
  background-position:center top; background-size:cover; background-repeat:no-repeat;
  opacity:.96; filter:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.65) 19%,#000 37%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.65) 19%,#000 37%);
  pointer-events:none;
}
.contact-hero .cta-copy { position:relative; z-index:2; max-width:48%; }
.contact-hero .cta-arc { display:none !important; }
html[data-theme=dark] .contact-hero .cta-photo {opacity:.88;}
@media(max-width:1100px){
  .contact-hero .cta-photo {left:42%;width:58%;background-position:center top;}
  .contact-hero .cta-copy {max-width:55%;}
}
@media(max-width:780px){
  .contact-hero-inner {min-height:440px;}
  .contact-hero .cta-photo {left:35%;width:85%;opacity:.24;background-position:58% center;
    -webkit-mask-image:linear-gradient(to right,transparent,black 25%);
    mask-image:linear-gradient(to right,transparent,black 25%);}
  html[data-theme=dark] .contact-hero .cta-photo {opacity:.28;}
  .contact-hero .cta-copy {max-width:100%;}
}
@media(max-width:520px){
  .contact-hero-inner {min-height:440px;}
  .contact-hero .cta-photo {left:10%;width:105%;opacity:.14;background-position:55% center;}
  html[data-theme=dark] .contact-hero .cta-photo {opacity:.18;}
}


/* V3.1 — Contact artwork: full reflections and exact supplied Synergy curve.
   The headline and buttons remain live HTML, not part of the background. */
.contact-hero {overflow:hidden; background: #091014;}
html[data-theme=light] .contact-hero {background:#f7f7f5;}
.contact-hero-inner {min-height:550px; display:flex;align-items:center;}
.contact-hero .cta-photo {
  position:absolute;inset:0;left:0;width:100%;height:100%;
  background-image:url('/images/contact-skyline-dark.webp');
  background-size:cover;background-position:center center;
  opacity:1!important;filter:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
  pointer-events:none;
}
html[data-theme=light] .contact-hero .cta-photo {background-image:url('/images/contact-skyline-light.webp');}
.contact-hero .cta-copy {max-width:44%;z-index:2;}
.contact-hero .cta-arc {display:none!important;}
@media(max-width:1100px){
  .contact-hero-inner{min-height:520px;}
  .contact-hero .cta-photo{left:0;width:100%;background-position:57% center;}
  .contact-hero .cta-copy{max-width:52%;}
}
@media(max-width:780px){
  .contact-hero-inner{min-height:560px;align-items:flex-start;}
  .contact-hero .cta-photo{left:0;width:100%;opacity:.36!important;background-position:69% center;}
  html[data-theme=light] .contact-hero .cta-photo{opacity:.24!important;}
  .contact-hero .cta-copy{max-width:100%;}
}


/* V3.3: Restore the V3.1 contact layout, fading the photograph at both edges. */
.contact-hero .cta-photo {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.7) 22%, #000 41%, #000 73%, rgba(0,0,0,.55) 87%, transparent 100%) !important;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.7) 22%, #000 41%, #000 73%, rgba(0,0,0,.55) 87%, transparent 100%) !important;
}
@media(max-width:780px) {
  .contact-hero .cta-photo {
    -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 28%, rgba(0,0,0,.7) 72%, transparent 100%) !important;
    mask-image:linear-gradient(to right, transparent 0%, #000 28%, rgba(0,0,0,.7) 72%, transparent 100%) !important;
  }
}


/* V3.4 — Real YouTube thumbnails and in-page playback for Featured Work. */
.work-card {background-repeat:no-repeat; transition:filter .2s ease, transform .25s ease;}
.work-card:hover {filter:brightness(1.10);}
.work-primary {background-position:center center;}
.work-small {background-position:center center;}
.work-mini-description {display:block; font-family:'DM Sans',Arial,sans-serif; font-size:11px; line-height:1.3; color:#e6e9e9; max-width:320px; margin-top:5px;}
.featured-player-backdrop {z-index:150;}
.featured-player-dialog {position:relative; width:min(1100px,96vw); background:#0b1116; color:#fff; border-radius:9px; overflow:hidden; box-shadow:0 28px 100px #000c;}
.featured-player-close {position:absolute; top:12px;right:12px; z-index:5; width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%; background:#080c10e8; color:white;cursor:pointer;}
.featured-player-frame {position:relative;width:100%;aspect-ratio:16/9;background:#06090c;}
.featured-player-frame iframe {display:block; position:absolute;inset:0;width:100%;height:100%;border:0;}
.featured-player-info {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 24px;}
.featured-player-info h3 {font-size:27px;font-weight:750;margin:7px 0 5px;}
.featured-player-info p {font-size:12px; color:#b7c1c7;line-height:1.5;margin:0;}
.featured-player-info a {display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:700;color:#97e3dc;}
@media(max-width:780px){.work-mini-description{display:none;}.featured-player-info{align-items:flex-start;flex-direction:column;gap:10px;padding:16px;}.featured-player-info h3{font-size:22px;}}

/* Synergy V3.7: compact creator credit, responsive in both themes. */
.hanafy-credit{display:inline-flex;align-items:center;gap:10px;color:var(--text);white-space:nowrap;flex-shrink:0;letter-spacing:0}
.hanafy-made-by{color:var(--muted);font-size:9px;letter-spacing:.14em;font-weight:700}
.hanafy-separator{width:1px;height:18px;background:var(--line);margin-inline:1px}
.hanafy-symbol{height:25px;width:27px;object-fit:contain;display:block}
.hanafy-wordmark{font-size:13px;letter-spacing:.17em;font-weight:800;line-height:1}
html[data-theme=dark] .hanafy-symbol{filter:brightness(0) invert(1)}
@media(max-width:520px){.hanafy-credit{align-self:flex-start}.hanafy-symbol{height:23px;width:25px}.hanafy-wordmark{font-size:12px}}

/* HANAFY footer credit: linked as a single accessible unit */
.hanafy-credit{text-decoration:none;transition:opacity .2s ease}
.hanafy-credit:hover{opacity:.72}
.hanafy-credit:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}

/* V3.9 — advertising-led services, consistent campaign concept imagery */
.services-section .section-heading-row h2{font-size:clamp(43px,5.1vw,76px);line-height:.95}
.service-image{background-position:center center;background-repeat:no-repeat;overflow:hidden}
.services-section .service-card{min-width:0}
@media(max-width:1100px){.services-section .section-heading-row h2{font-size:clamp(42px,5.3vw,66px)}}
@media(max-width:520px){.services-section .section-heading-row h2{font-size:clamp(42px,10.3vw,58px)}}

/* V4.0 — consistent service imagery and a centered full-view service dialog */
.services-section .service-grid {gap:14px;align-items:start}
.services-section .service-image {width:100%;height:auto;aspect-ratio:1.26/1;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:transform .25s ease}
.services-section .service-card {min-width:0;display:block;width:100%;overflow:visible}
.services-section .service-card:hover .service-image {transform:translateY(-3px)}
.modal.service-detail-modal {width:min(780px,calc(100vw - 32px));}
.modal.service-detail-modal .modal-image {height:auto;aspect-ratio:3/2;background-size:contain;background-repeat:no-repeat;background-position:center center;margin-inline:auto;background-color:transparent;max-width:100%;}
@media(max-width:780px){.services-section .service-image {height:auto;aspect-ratio:1.26/1}}
@media(max-width:520px){.services-section .service-grid {gap:16px 10px}.services-section .service-image{height:auto;aspect-ratio:1.26/1}.modal.service-detail-modal .modal-image{aspect-ratio:4/3}}

/* V4.1 — Awards and tactile award viewer */
.awards-grid{align-items:stretch}.award-card{transition:transform .24s ease,box-shadow .24s ease;display:flex;flex-direction:column}
.award-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #0002}
.award-picture{height:auto;aspect-ratio:16/9;background-color:#242126;background-size:cover;background-position:center 35%}
.award-card .insight-text{flex:1;min-height:180px;padding:19px 20px 24px}
.award-card .insight-text strong{max-width:unset;padding-right:24px;margin-top:8px}
.award-card .insight-text p{font-size:12px;line-height:1.5;color:#52616a;margin:10px 20px 0 0}
.award-section-note{display:inline-flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.07em;font-weight:700}
.award-dialog{position:relative;width:min(1030px,96vw);max-height:92vh;overflow:auto;background:#101115;color:#f5f5f5;border-radius:10px;box-shadow:0 30px 100px #000c}
.award-display{padding:25px 35px 0;background:radial-gradient(ellipse at center,#3a3333 0%,#151518 70%);overflow:hidden}
.award-perspective{height:min(54vh,530px);display:flex;align-items:center;justify-content:center;perspective:1000px;cursor:grab;touch-action:pan-y;user-select:none}
.award-perspective:active{cursor:grabbing;touch-action:none}
.award-perspective img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-style:preserve-3d;transition:transform .14s ease-out;pointer-events:none;filter:drop-shadow(0 16px 24px #0006);-webkit-user-drag:none}
.award-info{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:24px 34px 32px}
.award-info .eyebrow{color:#48d5c7;font-size:10px}.award-info h2{font-size:clamp(28px,4vw,48px);margin:8px 0 10px;line-height:1.05}.award-info p{max-width:690px;color:#d0d0d0;font-size:14px;line-height:1.6;margin:0 0 14px}
.award-hint{color:#a8a8a8;font-size:11px}.award-reset{background:none;color:#fff;border:1px solid #838383;border-radius:999px;padding:10px 14px;display:flex;align-items:center;white-space:nowrap;gap:8px;cursor:pointer}
@media(max-width:620px){.award-display{padding:30px 12px 0}.award-perspective{height:320px}.award-info{flex-direction:column;align-items:start;padding:18px 20px 26px}.award-card .insight-text{min-height:0}}
@media(prefers-reduced-motion:reduce){.award-card,.award-perspective img{transition:none}}

/* V4.2 — Five individually viewable, rotatable 3D award cards */
.awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.award-card-3d{font-size:10px;letter-spacing:.1em;display:inline-flex;align-items:center;gap:7px;font-weight:800;margin-top:14px}
.award-dialog-3d{width:min(1130px,96vw);max-height:94vh}
.award-3d-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);min-height:540px}
.award-3d-stage{position:relative;display:flex;align-items:stretch;flex-direction:column;background:#15161a;min-height:540px}
.award-3d-canvas{flex:1;min-height:485px;position:relative}
.award-3d-canvas canvas{display:block;width:100%;height:100%;cursor:grab}
.award-3d-canvas canvas:active{cursor:grabbing}
.award-3d-loading{display:grid;place-items:center;min-height:480px;color:#dadada}
.award-stage-caption{color:#b8c0c0;font-size:10px;letter-spacing:.09em;text-align:center;padding:0 10px 16px}
.award-stage-caption span{padding:0 8px}
.award-3d-side{background:#22242a;padding:70px 30px 30px;display:flex;flex-direction:column;align-items:start}
.award-3d-side h2{font-size:clamp(29px,3vw,47px);line-height:1.1;margin:12px 0 15px}
.award-3d-side p{font-size:14px;line-height:1.6;color:#dddddd}
.award-3d-reference{width:100%;margin:22px 0}
.award-3d-reference img{width:100%;max-height:125px;object-fit:contain;display:block;border-radius:5px;background:#111}
.award-3d-reference small{display:block;font-size:10px;color:#bcc2c9;margin-top:10px;line-height:1.4}
.award-3d-side .award-reset{margin-top:auto}
@media(max-width:850px){.awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.award-3d-layout{grid-template-columns:1fr}.award-3d-stage{min-height:340px}.award-3d-canvas{min-height:320px}.award-3d-side{padding:24px}}
@media(max-width:540px){.awards-grid{grid-template-columns:1fr}.award-3d-canvas{min-height:300px}}

/* V4.3: static, individual trophy cards (no modal, no 3D) */
.awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.award-card{cursor:default;overflow:hidden;transition:none;box-shadow:none}
.award-card:hover{transform:none;box-shadow:none}
.award-picture{width:100%;height:auto;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#262327}
.award-picture img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.award-card .insight-text{min-height:160px;padding:20px 22px 26px}
.award-card .insight-text strong{display:block;margin-top:8px}
.award-card .insight-text p{margin:10px 0 0;font-size:13px;line-height:1.6;max-width:36ch}
@media(max-width:850px){.awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.awards-grid{grid-template-columns:1fr}}

/* V4.4 — single-row editorial award collection. Portrait artwork without
   the large black side gutters; cinematic stage lighting stays CSS-only. */
.awards-section .shell{width:min(1600px,calc(100% - 64px))}
.awards-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.awards-grid .award-card{min-width:0;border:1px solid rgba(15,20,24,.11);border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(0,0,0,.035);transition:transform .3s ease,box-shadow .3s ease}
.awards-grid .award-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,.12)}
.awards-grid .award-picture{position:relative;isolation:isolate;aspect-ratio:auto;height:clamp(245px,22vw,320px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 85% 64% at 50% 44%,#53413d 0%,#332b2a 43%,#242024 100%)}
.awards-grid .award-picture::before{content:"";position:absolute;inset:-10% 0 12%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 45% 64% at 50% 38%,rgba(255,189,115,.22) 0%,transparent 90%)}
.awards-grid .award-picture::after{content:"";position:absolute;inset:auto 0 0;height:15%;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(25,22,24,.22),transparent)}
.awards-grid .award-picture img{position:relative;z-index:1;display:block;height:100%;width:100%;object-fit:contain;object-position:center;filter:contrast(1.055) saturate(1.045) drop-shadow(0 12px 16px rgba(0,0,0,.3));-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);transition:transform .35s cubic-bezier(.22,.7,.2,1)}
.awards-grid .award-card:hover .award-picture img{transform:scale(1.045)}
.awards-grid .award-card .insight-text{padding:18px 17px 22px;min-height:155px;display:flex;flex-direction:column;flex:1}
.awards-grid .award-card .insight-text>span{font-size:9px;letter-spacing:.055em;line-height:1.4}
.awards-grid .award-card .insight-text strong{font-size:16px;line-height:1.25;margin:9px 0 0;padding:0;min-height:40px}
.awards-grid .award-card .insight-text p{font-size:11.5px;line-height:1.6;color:#53616a;margin:7px 0 0;max-width:none}
@media(max-width:1150px){.awards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.awards-grid .award-picture{height:300px}}
@media(max-width:730px){.awards-section .shell{width:calc(100% - 30px)}.awards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.awards-grid .award-picture{height:260px}.awards-grid .award-card .insight-text{padding:14px;min-height:145px}}
@media(max-width:440px){.awards-grid{grid-template-columns:1fr}.awards-grid .award-picture{height:340px}.awards-grid .award-card .insight-text strong{min-height:0}}
@media(prefers-reduced-motion:reduce){.awards-grid .award-card,.awards-grid .award-picture img{transition:none}}

/* V4.5: single-award cinematic photography and award details popup */
.awards-grid .award-card{font:inherit;text-align:left;color:inherit;cursor:pointer;padding:0;width:100%}
.awards-grid .award-picture{background:#100e0f;box-shadow:none;isolation:auto;height:clamp(185px,16.5vw,260px)}
.awards-grid .award-picture::before,.awards-grid .award-picture::after{display:none}
.awards-grid .award-picture img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:none;mask-image:none;-webkit-mask-image:none}
.awards-grid .award-card:focus-visible{outline:2px solid #19bdb4;outline-offset:4px}
.awards-grid .award-card .insight-text{min-height:170px}
.award-view-more{display:inline-flex;gap:5px;align-items:center;margin-top:auto;padding-top:13px;font-size:10px;letter-spacing:.085em;font-weight:700;color:#53616a}
.award-modal-backdrop{z-index:1000;overflow:auto;align-items:center}
.award-modal{width:min(800px,100%);max-height:min(92vh,960px);overflow-y:auto;position:relative;background:var(--panel);color:var(--text);border-radius:10px;box-shadow:0 24px 80px #0008}
.award-modal-close{position:absolute;z-index:2;right:16px;top:16px;border:1px solid #ffffff55;background:#111a;color:white;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;cursor:pointer}
.award-modal-visual{width:100%;background:#100e0f}
.award-modal-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center}
.award-modal-content{padding:28px clamp(24px,5vw,48px) 38px}
.award-modal-content h2{font-family:inherit;font-weight:850;font-size:clamp(30px,4vw,48px);line-height:1.12;margin:12px 0}
.award-modal-category{font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;margin-bottom:22px;color:var(--muted)}
.award-modal-content p{color:var(--muted);line-height:1.72;font-size:14px;margin:0 0 15px;max-width:68ch}
.award-modal-content .award-modal-lead{font-size:16px;color:var(--text);font-weight:550}
.award-modal-note{margin:22px 0;padding:15px 18px;border-left:2px solid #32c9bb;background:var(--surface)}
.award-modal-note strong{font-size:10px;letter-spacing:.13em}
.award-modal-note p{margin:7px 0 0;font-size:12px}
.award-modal-content small{display:block;color:var(--muted);font-size:11px}
@media(max-width:730px){.awards-grid .award-picture{height:220px}}
@media(max-width:440px){.awards-grid .award-picture{height:260px}.award-modal-backdrop{padding:12px}.award-modal-content{padding:22px}.award-modal-visual img{aspect-ratio:16/9;object-fit:contain}}