/* 3.0 material layer. Keep the approved Bordeaux / ivory / orange palette. */
:root {--glass-edge:#ffffffb3;--glass-blur:20px}
html {scroll-padding-top:110px}
.site-header,.site-header.over-wall {height:72px;inset:14px var(--pad) auto;padding:0 23px;border:1px solid var(--glass-edge);border-radius:18px;background:#fbf7eff0;color:var(--ink);box-shadow:0 8px 30px #432b310b;backdrop-filter:blur(var(--glass-blur)) saturate(1.3);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3)}
@supports(backdrop-filter:blur(1px)){.site-header,.site-header.over-wall {background:#fbf7efbc}}
.site-header .brand-lockup {width:161px}
.site-header.over-wall .brand-lockup>img {filter:url(#brand-orange)}
.site-header .nav-contact,.site-header.over-wall .nav-contact {background:#6c28390d;color:#6c2839;border:1px solid #6c28392b;font-size:13px}
.site-header .nav-contact:hover {background:#6c2839;color:#fff6e8}
.site-header nav {gap:30px;font-size:13px}
.site-header .menu-toggle {margin-left:22px}
.scroll-progress {height:2px}
.intro {background:radial-gradient(ellipse at 100% 90%,#ffdbc142,transparent 55%),#f5f0e7}
.intro-bottom {gap:35px}
.intro-bottom p {padding:26px 32px;border:1px solid #ffffffa8;border-radius:20px;background:#ffffff45;box-shadow:0 8px 32px #704b2806;backdrop-filter:blur(12px)}
.clients-section {background:radial-gradient(ellipse at 85% 5%,#9c53685c,transparent 55%),#602735}
.experience-section {background:radial-gradient(ellipse at 10% 90%,#ba77532b,transparent 58%),#6c2e3d}
.experience-metrics {border:1px solid #fff3df25;border-radius:22px;background:linear-gradient(125deg,#ffffff0f,#ffffff04);padding:35px;box-shadow:inset 0 1px 0 #ffffff0d;backdrop-filter:blur(16px)}
.experience-metrics>div {min-width:0}
.work {background:radial-gradient(ellipse at 100% 0,#ffdec12b,transparent 25%),#f8f4ee}
.portfolio-cover,.priority-poster {border-radius:12px;box-shadow:0 5px 18px #5838310a}
.portfolio-kind {border:1px solid #ffffff40;background:#602735c2;backdrop-filter:blur(12px);border-radius:20px;font-size:10px}
.credit-frame {border-radius:8px}
.approach {background:radial-gradient(ellipse at 0% 30%,#ae75512e,transparent 48%),radial-gradient(ellipse at 100% 70%,#ae58792b,transparent 55%),#642a39}
.approach-intro {top:110px}
.service-stack {display:flex;flex-direction:column;gap:20px}
.service {border:1px solid #ffffff2b;border-radius:22px;background:linear-gradient(125deg,#ffffff0e,#ffffff04);padding:30px 32px 35px;box-shadow:inset 0 1px 0 #ffffff10,0 8px 25px #32161d0d;backdrop-filter:blur(15px)}
.service h3 {margin-top:38px}
.service-tags span {background:#ffffff07;border-color:#ffffff2c;border-radius:99px;padding:8px 13px}
.people {background:#efe8df}
.team-photo {border-radius:15px;border:1px solid #ffffff9c;box-shadow:0 8px 25px #5731220d}
.ai-note {border:1px solid #ffffff80;border-radius:18px;padding:25px;background:#ffffff3d;backdrop-filter:blur(12px)}
.contact {background:radial-gradient(ellipse at 95% 0,#ffcb7933,transparent 60%),#f55509}
.contact-person {padding:22px 24px;border-radius:20px;border:1px solid #ffffff3d;background:linear-gradient(120deg,#ffffff17,#ffffff05);backdrop-filter:blur(12px)}
.contact-person>a {font-size:clamp(22px,2.3vw,38px)}
.menu-dialog {background:#f5f0e7f0;backdrop-filter:blur(24px)}
@media(max-width:1100px) {.experience-metrics{padding:25px}.service{padding:27px 24px}.site-header nav{gap:25px}}
@media(max-width:800px) {.site-header{inset:12px var(--pad) auto}.site-header nav{gap:22px}.site-header .brand-lockup{width:143px}.experience-metrics{padding:25px 20px}}
@media(max-width:700px) {
  html {scroll-padding-top:100px}
  .approach-intro {top:0}
  .site-header,.site-header.over-wall {height:66px;padding:0 16px;border-radius:15px}
  .site-header .brand-lockup {width:146px}
  .site-header .menu-toggle {margin-left:auto;margin-right:-8px}
  .intro-bottom {align-items:center;gap:20px}
  .intro-bottom p {padding:18px;font-size:12px}
  .intro-spark {width:48px;height:48px}
  .experience-metrics {border-radius:18px;padding:24px}
  .service {padding:25px 22px 30px;border-radius:18px}
  .service h3 {margin-top:30px}
  .service p {font-size:14px}
  .service-tags {gap:6px;flex-wrap:wrap}
  .service-tags span {font-size:11px;padding:7px 10px}
  .ai-note {padding:22px}
  .contact-person {padding:22px}
  .contact-person>a {font-size:29px}
}

/* One corner radius for every content image, including real SVG credit crops. */
:root {--media-radius:14px}
.folder-card-image,.portfolio-cover,.priority-poster,.team-photo,.award-pair img,.award-evidence,.award-certificate,button.credit-frame,.case-detail-image,#credit-content svg {
  border-radius:var(--media-radius);overflow:hidden;
}
.folder-card-image img,.portfolio-cover img,.priority-poster img,.team-photo img,.credit-frame svg {border-radius:inherit}
.award-certificate {width:auto;max-width:134px;height:auto;max-height:178px;justify-self:end}
@media(max-width:700px){:root{--media-radius:12px}.award-certificate{max-width:100%;max-height:190px;justify-self:center}}