/* OC-SCN-070 / Mat Rölyef Mimarisi. Logo geometry is independent of its surface. */
.media-relief{padding-block:100px 110px;color:#243c30;isolation:isolate}
.media-relief__heading{margin-bottom:38px}
.media-relief__heading .eyebrow{color:#42634f;margin-bottom:20px}
.media-relief__heading h2{font-family:Vastago,Inter,sans-serif;font-size:clamp(38px,3.5vw,56px);font-weight:600;line-height:1.08;letter-spacing:-.045em;margin:0}
.media-relief__surface{position:relative;isolation:isolate;padding:38px 38px 0;border:1px solid #dce5d8;border-radius:36px;background:linear-gradient(125deg,#f7f8ef 0%,#eef3e6 48%,#e6eedf 100%);box-shadow:inset 0 2px 0 #ffffffc9,0 14px 36px -30px #25463166}
.media-relief__surface:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 5% 0,#fff9 0,transparent 48%)}
.media-relief__logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px 18px;padding:0;margin:0;list-style:none}
.media-relief__item{min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:14px;padding:20px 8px 18px}
.media-relief__mark{width:100%;height:78px;max-width:150px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#fdfdf5 0%,#eff3e6 68%,#e5ebdb 100%);border:1px solid #dce4d4;box-shadow:inset 1px 2px 1px #fff, inset -1px -2px 2px #6c805718,0 6px 0 -3px #cbd7bf,0 12px 15px -12px #3e583f66}
.media-relief__ink{display:block;width:37px;height:37px;background:#285941;-webkit-mask:var(--media-logo) center/contain no-repeat;mask:var(--media-logo) center/contain no-repeat;filter:drop-shadow(0 1px 0 #fff9)}
.media-relief__item--wordmark .media-relief__ink{width:calc(100% - 28px);max-width:114px;height:37px}
.media-relief__name{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.015em;text-align:center;color:#315440}
.media-relief__measurement{display:grid;grid-template-columns:200px minmax(0,1fr);gap:26px;align-items:center;margin-top:26px;padding:29px 0 32px;border-top:1px solid #9caf9866}
.media-relief__measurement h3{font-family:Inter,sans-serif;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.02em;margin:0;color:#315440}
.media-relief__measurement ul{display:flex;flex-wrap:wrap;gap:15px 28px;list-style:none;padding:0;margin:0}
.media-relief__measurement li{font-size:14px;line-height:1.5;color:#49654f;white-space:nowrap}
@media(min-width:1920px){.media-relief__heading h2{font-size:56px}}
@media(max-width:1100px){.media-relief{padding-block:80px}.media-relief__surface{padding:28px 24px 0;border-radius:30px}.media-relief__logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px}.media-relief__item:nth-last-child(2){grid-column:2}.media-relief__measurement{grid-template-columns:1fr;gap:16px}}
@media(max-width:760px){.media-relief{padding-block:64px 70px}.media-relief__heading{margin-bottom:27px}.media-relief__heading .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:16px}.media-relief__heading h2{font-size:36px}.media-relief__surface{padding:18px 16px 0;border-radius:25px}.media-relief__logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 13px}.media-relief__item{padding:10px 0;gap:9px;justify-content:flex-start}.media-relief__item:nth-last-child(2){grid-column:auto}.media-relief__mark{height:64px;border-radius:16px}.media-relief__ink{width:29px;height:29px}.media-relief__item--wordmark .media-relief__ink{width:calc(100% - 14px);height:30px}.media-relief__name{font-size:12px;max-width:100%;display:flex;align-items:flex-start;justify-content:center}.media-relief__measurement{margin-top:13px;padding:24px 0 28px;gap:17px}.media-relief__measurement h3{font-size:16px}.media-relief__measurement ul{gap:12px 20px}.media-relief__measurement li{font-size:12px}}
@media(max-width:359px){.media-relief__heading h2{font-size:32px}.media-relief__logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.media-relief__surface{padding-inline:18px}.media-relief__mark{height:66px}.media-relief__item{gap:10px;padding-block:11px}.media-relief__name{min-height:17px}.media-relief__measurement ul{gap:11px 16px}}