/* İztaş Group / scoped case layout, v1.3 */
.case-iztas{--paper: #efece5; --paper2: #e8e4dc; --ink: #1a1b19; --muted: #73716b; --line: #cdc9c0; --red: #ca141f; --dark: #1b1e1e; --white: #f8f6f0; --pad: clamp(24px,6.5vw,112px); --ease: cubic-bezier(.21,1,.28,1);}
.case-iztas *,.case-iztas *::before,.case-iztas *::after{box-sizing: border-box;}
.case-iztas{scroll-behavior: smooth; scroll-padding-top: 50px;}
.case-iztas{margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-ui),Arial,sans-serif; -webkit-font-smoothing: antialiased;}
.case-iztas.lock{overflow: hidden;}
.case-iztas a{color: inherit; text-decoration: none;}
.case-iztas button{font: inherit; cursor: pointer;}
.case-iztas button,.case-iztas a{-webkit-tap-highlight-color: transparent;}
.case-iztas button:focus-visible,.case-iztas a:focus-visible{outline: 2px solid var(--red); outline-offset: 5px;}
.case-iztas img{display: block; width: 100%; height: 100%; object-fit: cover;}
.case-iztas p,.case-iztas h1,.case-iztas h2,.case-iztas h3,.case-iztas h4,.case-iztas figure{margin: 0;}
.case-iztas h1,.case-iztas h2,.case-iztas h3{font-weight: 500; letter-spacing: -.068em;}
.case-iztas p{line-height: 1.75;}
.case-iztas .wrap{max-width: 1680px; margin: auto; padding-inline: var(--pad);}
.case-iztas .label{font-size: 11px; line-height: 1.6; letter-spacing: .12em; text-transform: uppercase; font-weight: 650;}
.case-iztas .micro{font-size: 12px; line-height: 1.65;}
.case-iztas .muted{color: var(--muted);}
.case-iztas .pill{display: inline-block; border: 1px solid currentColor; border-radius: 100px; padding: 7px 14px; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap;}


.case-iztas .accent{color: var(--red);}










.case-iztas .project-top{display: flex; justify-content: space-between; gap: 22px; padding-top: 40px; color: var(--muted);}
.case-iztas .project-top a:hover{color: var(--red);}
.case-iztas .project-head{padding-top: 65px; padding-bottom: 78px;}
.case-iztas .project-head h1{font-size: clamp(68px,10.4vw,172px); line-height: .88; max-width: 1400px;}
.case-iztas .project-head h1 em{color: var(--red); font-style: normal;}
.case-iztas .project-head-bottom{display: grid; grid-template-columns: 1.4fr .6fr; gap: 60px; margin-top: 70px; align-items: end;}
.case-iztas .project-head-bottom p{font-size: clamp(21px,2.48vw,34px); line-height: 1.34; letter-spacing: -.035em; max-width: 775px;}
.case-iztas .scope{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; max-width: 320px; margin-left: auto;}
.case-iztas .scope span{font-size: 11px; color: var(--muted); letter-spacing: .02em;}
.case-iztas .scope span:not(:last-child)::after{content: " /"; padding-left: 7px;}
.case-iztas .hero{background: #202526; position: relative; min-height: 500px; height: min(65vw,770px); overflow: hidden; color: #faf9f5;}
.case-iztas .hero .hero-media{position: absolute; inset: 0;}
.case-iztas .hero:before{content: ""; position: absolute; inset: 0; background: linear-gradient(92deg,rgba(15,20,22,.78),rgba(15,20,22,.28) 74%),linear-gradient(0deg,rgba(5,10,11,.8),transparent 46%); z-index: 2; pointer-events: none;}
.case-iztas .hero .hero-media .fallback{background: radial-gradient(ellipse at 72% 34%,#384141 0%,transparent 47%),linear-gradient(145deg,#22292b,#181c1d);}
.case-iztas .hero .hero-media .fallback:after{content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 49.84%,#ffffff10 50%,transparent 50.16%),linear-gradient(0deg,transparent 49.84%,#ffffff0b 50%,transparent 50.16%); background-size: 125px 125px; transform: perspective(800px) rotateX(25deg) scale(1.6); opacity: .65;}
.case-iztas .hero-wire{position: absolute; right: -2%; top: 12%; width: min(64vw,920px); height: 75%; z-index: 1; opacity: .64; pointer-events: none;}
.case-iztas .hero-wire path,.case-iztas .hero-wire line,.case-iztas .hero-wire polyline{fill: none; stroke: #aab6b1; stroke-width: .75; vector-effect: non-scaling-stroke;}
.case-iztas .hero-copy{position: absolute; z-index: 4; left: var(--pad); top: 15%; right: var(--pad); display: flex; justify-content: space-between; gap: 20px;}
.case-iztas .hero-copy h2{font-size: clamp(64px,10vw,152px); line-height: .92; letter-spacing: -.07em; font-weight: 500; max-width: 950px;}
.case-iztas .hero-copy h2 i{font-style: normal; color: #d6d0c4;}
.case-iztas .hero-bottom{position: absolute; z-index: 4; bottom: 43px; left: var(--pad); right: var(--pad); display: flex; justify-content: space-between; align-items: end; gap: 20px;}
.case-iztas .hero-bottom p{max-width: 450px; font-size: 15px; line-height: 1.6;}
.case-iztas .hero-bottom .tiny{font-size: 11px; letter-spacing: .16em; text-transform: uppercase;}
.case-iztas .hero .image-ready~.hero-wire{opacity: 0;}
.case-iztas .media{position: relative; overflow: hidden; background: #d7d3cb; isolation: isolate;}
.case-iztas .media>img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .5s ease,transform 1.3s var(--ease);}
.case-iztas .media.has-image>img{opacity: 1;}
.case-iztas .media:hover.has-image>img{transform: scale(1.025);}
.case-iztas .media .fallback{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.case-iztas .media.has-image .fallback{opacity: 0; pointer-events: none;}
.case-iztas .media .asset-note{position: absolute; z-index: 2; bottom: 16px; left: 18px; right: 18px; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; color: #77776d; display: flex; justify-content: space-between; gap: 10px;}
.case-iztas .media.has-image .asset-note{display: none;}
.case-iztas .media .asset-symbol{font-weight: 700; font-size: clamp(34px,5.8vw,90px); letter-spacing: -.08em; color: #bbb6ab; line-height: 1; text-transform: uppercase; text-align: center;}
.case-iztas .media .asset-symbol small{display: block; font-weight: 500; font-size: 11px; letter-spacing: .15em; color: #878479; margin-bottom: 18px;}
.case-iztas .media .fallback-grid{position: absolute; inset: 0; background-image: linear-gradient(#77777717 1px,transparent 1px),linear-gradient(90deg,#77777717 1px,transparent 1px); background-size: 45px 45px;}
.case-iztas .media.dark{background: #292e2f; color: #e9e6de;}
.case-iztas .media.dark .asset-symbol{color: #586162;}
.case-iztas .media.dark .asset-symbol small{color: #859090;}
.case-iztas .media.dark .asset-note{color: #8f9999;}
.case-iztas .section{padding-block: clamp(90px,10vw,175px);}
.case-iztas .section-num{color: var(--red); margin-bottom: 31px;}
.case-iztas .split{display: grid; grid-template-columns: .77fr 1.23fr; gap: 11%; align-items: start;}
.case-iztas .section h2{font-size: clamp(54px,6.2vw,108px); line-height: 1.02;}
.case-iztas .section h2 em{font-style: normal; color: var(--red);}
.case-iztas .section-copy p{font-size: clamp(17px,1.35vw,21px); line-height: 1.72; max-width: 650px; color: #53534e;}
.case-iztas .section-copy p+p{margin-top: 22px;}
.case-iztas .fact-row{display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); margin-top: 58px;}
.case-iztas .fact-row div{padding: 20px 16px 0 0; display: flex; flex-direction: column; gap: 7px;}
.case-iztas .fact-row strong{font-weight: 500; font-size: clamp(28px,4vw,61px); letter-spacing: -.065em;}
.case-iztas .fact-row span{font-size: 12px; color: var(--muted);}
.case-iztas .dark-section{background: var(--dark); color: var(--white);}
.case-iztas .dark-section .section-copy p{color: #b2b8b5;}
.case-iztas .dark-section .section-num{color: #e05a59;}
.case-iztas .dark-section h2 em{color: #e76a62;}
.case-iztas .grid-intro{display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 8%; margin-bottom: 70px;}
.case-iztas .grid-intro p{font-size: clamp(17px,1.28vw,21px); color: var(--muted); max-width: 530px;}
.case-iztas .dark-section .grid-intro p{color: #aab0ad;}
.case-iztas .grid-intro .section-num{margin-bottom: 26px;}







.case-iztas .story-footer{display: flex; gap: 12px 22px; flex-wrap: wrap; margin-top: 27px; align-items: center;}
.case-iztas .story-footer span{padding-bottom: 7px; border-bottom: 1px solid currentColor; font-size: 11px; letter-spacing: .09em; text-transform: uppercase;}
.case-iztas .web-showcase{padding-block: clamp(92px,9vw,145px);}
.case-iztas .web-showcase .browser{border: 1px solid #9eaaa880; background: #111717; border-radius: 8px; overflow: hidden; box-shadow: 0 30px 90px #0004; margin-top: 60px;}
.case-iztas .browser-toolbar{height: 44px; background: #303737; display: flex; align-items: center; gap: 6px; padding: 0 18px;}
.case-iztas .browser-toolbar .dot{width: 9px; height: 9px; border-radius: 50%; background: #8c9793; opacity: .65;}
.case-iztas .browser-toolbar .address{margin: auto; background: #252b2c; border: 1px solid #59626155; border-radius: 4px; min-width: 140px; width: min(40%,400px); color: #b8c2bc; padding: 6px 12px; text-align: center; font-size: 11px;}
.case-iztas .browser-screen{aspect-ratio: 16/8; min-height: 350px; background: #25302f;}
.case-iztas .browser-screen .fallback{background: linear-gradient(136deg,#192020,#32403e);}
.case-iztas .browser-screen .asset-symbol{color: #53625e;}
.case-iztas .browser-screen .asset-symbol small{color: #bac4bf;}
.case-iztas .browser-screen .asset-note{color: #c0c9c3;}
.case-iztas .browser-footer{padding-block: 22px; display: flex; justify-content: space-between; gap: 25px; align-items: center; border-bottom: 1px solid #515959;}
.case-iztas .browser-footer p{font-size: 13px; color: #adb6b1;}
.case-iztas .action-link{display: inline-flex; align-items: center; gap: 40px; border-bottom: 1px solid currentColor; padding-bottom: 9px; font-size: 13px; white-space: nowrap;}
.case-iztas .action-link:hover{color: #e8746c;}
.case-iztas .production{display: grid; grid-template-columns: 1.15fr .85fr; gap: 14px; margin-top: 70px;}
.case-iztas .production .media:nth-child(1){aspect-ratio: 4/4.2;}
.case-iztas .production .media:nth-child(2){aspect-ratio: 4/4.2;}
.case-iztas .production .asset-symbol small{letter-spacing: .1em;}
.case-iztas .prod-copy{display: grid; grid-template-columns: .8fr 1.2fr; gap: 11%; margin-top: 47px;}
.case-iztas .prod-copy h3{font-size: clamp(34px,3.4vw,56px); line-height: 1.1;}
.case-iztas .prod-copy p{color: #b2b8b5; font-size: 18px; max-width: 550px;}
.case-iztas .channel-section{background: #e5e1d8;}
.case-iztas .channel-header{margin-bottom: 66px;}
.case-iztas .channel-intro{max-width: 710px; font-size: 20px; color: #63625c; margin-top: 27px;}
.case-iztas .channel-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: #bfbab0; border: 1px solid #bfbab0;}
.case-iztas .channel-card{background: #e5e1d8; min-height: 385px; padding: 27px 24px 30px; display: flex; flex-direction: column; justify-content: space-between; transition: background .25s;}
.case-iztas .channel-card:hover{background: #f1eee7;}
.case-iztas .channel-card .channel-n{font-size: 11px; color: #89867f;}
.case-iztas .channel-card h3{font-size: clamp(28px,3vw,47px); letter-spacing: -.06em; margin-top: 30px;}
.case-iztas .channel-card p{font-size: 14px; color: #66625c; line-height: 1.7; max-width: 265px;}
.case-iztas .channel-card .channel-type{font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--red); margin-top: 30px;}
.case-iztas .campaign{border-top: 1px solid #bfbab0; margin-top: 30px; padding-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 9%; align-items: start;}
.case-iztas .campaign h3{font-size: clamp(32px,3.2vw,54px); line-height: 1.08;}
.case-iztas .campaign p{color: #5d5c56; font-size: 17px;}
.case-iztas .closing{padding-top: clamp(92px,11vw,178px); padding-bottom: 100px;}
.case-iztas .closing .line{width: 100%; border-top: 1px solid var(--line); margin: 50px 0 40px;}
.case-iztas .closing h2{font-size: clamp(63px,10.2vw,170px); line-height: .91; max-width: 1300px;}
.case-iztas .closing h2 em{font-style: normal; color: var(--red);}
.case-iztas .closing-bottom{margin-top: 75px; display: grid; grid-template-columns: 1fr 1fr; gap: 10%; align-items: end;}
.case-iztas .closing-bottom p{font-size: 18px; color: #605e57; max-width: 530px;}
.case-iztas .closing-buttons{display: flex; gap: 25px; flex-wrap: wrap; justify-content: flex-end; align-items: center;}
.case-iztas .closing-buttons a{padding: 14px 0; border-bottom: 1px solid var(--ink); font-size: 13px;}
.case-iztas .closing-buttons a:hover{color: var(--red); border-bottom-color: var(--red);}






.case-iztas .hero-video{width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(1.02) contrast(1.03);}
.case-iztas .logo-stage{position: relative; grid-row: span 2; min-height: 640px; background: linear-gradient(135deg,#e6e0d2,#f6f2e8); overflow: hidden; border: 1px solid rgba(255,255,255,.22);}
.case-iztas .logo-stage:before{content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(84,84,84,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(84,84,84,.09) 1px,transparent 1px); background-size: 46px 46px; opacity: .6;}
.case-iztas .logo-stage .logo-inner{position: absolute; inset: 0; padding: clamp(28px,4vw,42px); display: flex; flex-direction: column; justify-content: space-between; z-index: 1;}
.case-iztas .logo-stage .label{color: #7e786c;}
.case-iztas .logo-stage img{width: min(77%,820px); height: auto; object-fit: contain; align-self: center; filter: drop-shadow(0 12px 30px rgba(0,0,0,.08));}
.case-iztas .logo-stage p{max-width: 470px; font-size: 15px; line-height: 1.8; color: #6b675f;}
.case-iztas .logo-stage .asset-note{position: absolute; left: 18px; right: 18px; bottom: 16px; z-index: 2; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; color: #77776d; display: flex; justify-content: space-between; gap: 10px;}
.case-iztas .device-rail{display: grid; grid-template-columns: 1.3fr .62fr .62fr; gap: 14px; margin-top: 16px;}
.case-iztas .device-rail .media{min-height: 260px; border: 1px solid #4b5452;}
.case-iztas .device-rail .media img{object-position: top center;}
.case-iztas .video-card{position: relative; background: #0f1313; border: 1px solid #39403f; overflow: hidden; aspect-ratio: 4/4.2; display: flex; align-items: stretch; justify-content: stretch;}
.case-iztas .video-card video{width: 100%; height: 100%; object-fit: cover; display: block; background: #000;}
.case-iztas .video-card .video-meta{position: absolute; left: 18px; right: 18px; bottom: 16px; display: flex; justify-content: space-between; gap: 10px; color: #f2efe8; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; z-index: 2; text-shadow: 0 1px 3px rgba(0,0,0,.45);}
.case-iztas .social-wall{display: grid; grid-template-columns: .85fr .85fr 1.3fr; gap: 14px; margin-top: 30px;}
.case-iztas .social-wall .media{min-height: 420px;}
.case-iztas .social-wall .media img{object-position: top center;}
@media (max-width:1050px) {.case-iztas .device-rail{grid-template-columns: 1fr 1fr;}
.case-iztas .device-rail .media:first-child{grid-column: span 2;}
.case-iztas .social-wall{grid-template-columns: 1fr 1fr;}
.case-iztas .social-wall .media:last-child{grid-column: span 2; min-height: 300px;}
.case-iztas .logo-stage{min-height: 540px;}}
@media (max-width:700px) {.case-iztas .logo-stage{grid-column: span 2; min-height: 410px;}
.case-iztas .logo-stage img{width: min(88%,500px);}
.case-iztas .logo-stage p{font-size: 14px;}
.case-iztas .device-rail{grid-template-columns: 1fr; gap: 10px;}
.case-iztas .device-rail .media:first-child{grid-column: auto;}
.case-iztas .social-wall{grid-template-columns: 1fr; gap: 10px;}
.case-iztas .social-wall .media:last-child{grid-column: auto;}
.case-iztas .video-card{aspect-ratio: 4/3;}}
.case-iztas .enlarge{cursor: zoom-in;}






@media (max-width:1050px) {.case-iztas .project-head h1{font-size: clamp(65px,11.5vw,124px);}
.case-iztas .split{gap: 6%;}
.case-iztas .section h2{font-size: clamp(53px,6.9vw,90px);}
.case-iztas .channel-grid{grid-template-columns: repeat(2,1fr);}
.case-iztas .channel-card{min-height: 320px;}

}
@media (max-width:700px) {.case-iztas{--pad: 22px;}





.case-iztas .project-top{padding-top: 26px;}
.case-iztas .project-top .label{font-size: 9px;}
.case-iztas .project-head{padding: 48px 0 58px;}
.case-iztas .project-head h1{font-size: clamp(57px,13.7vw,104px); line-height: .94; letter-spacing: -.075em;}
.case-iztas .project-head-bottom{margin-top: 42px; grid-template-columns: 1fr; gap: 24px;}
.case-iztas .project-head-bottom p{font-size: 21px;}
.case-iztas .scope{justify-content: flex-start; margin: 0;}
.case-iztas .hero{height: 570px; min-height: 0;}
.case-iztas .hero-wire{width: 125vw; right: -42vw; top: 18%; height: 60%;}
.case-iztas .hero-copy{top: 16%;}
.case-iztas .hero-copy h2{font-size: clamp(55px,13vw,85px);}
.case-iztas .hero-bottom{bottom: 30px; display: block;}
.case-iztas .hero-bottom .tiny{margin-top: 30px;}
.case-iztas .section{padding-block: 84px;}
.case-iztas .split,.case-iztas .grid-intro{grid-template-columns: 1fr; gap: 30px;}
.case-iztas .section h2{font-size: clamp(53px,11vw,85px);}
.case-iztas .section-num{margin-bottom: 17px;}
.case-iztas .section-copy p,.case-iztas .grid-intro p{font-size: 16px;}
.case-iztas .fact-row{margin-top: 40px;}
.case-iztas .fact-row strong{font-size: 34px;}
.case-iztas .fact-row span{font-size: 10px;}
.case-iztas .grid-intro{margin-bottom: 45px;}





.case-iztas .web-showcase{padding-block: 90px;}
.case-iztas .web-showcase .browser{margin-top: 45px;}
.case-iztas .browser-screen{min-height: 270px; aspect-ratio: 4/3;}
.case-iztas .browser-screen .asset-symbol{font-size: 37px;}
.case-iztas .browser-footer{align-items: flex-start; gap: 16px; flex-direction: column;}
.case-iztas .production{grid-template-columns: 1fr; gap: 12px; margin-top: 45px;}
.case-iztas .production .media:nth-child(1),.case-iztas .production .media:nth-child(2){aspect-ratio: 4/3;}
.case-iztas .prod-copy{grid-template-columns: 1fr; gap: 20px;}
.case-iztas .prod-copy p{font-size: 16px;}
.case-iztas .channel-grid{grid-template-columns: 1fr 1fr;}
.case-iztas .channel-card{min-height: 300px; padding: 19px 16px;}
.case-iztas .channel-card h3{font-size: clamp(24px,6vw,43px);}
.case-iztas .channel-card p{font-size: 12px;}
.case-iztas .channel-card .channel-type{font-size: 9px;}
.case-iztas .campaign{grid-template-columns: 1fr; gap: 22px;}
.case-iztas .closing{padding-top: 85px;}
.case-iztas .closing h2{font-size: clamp(60px,13vw,100px);}
.case-iztas .closing-bottom{grid-template-columns: 1fr; gap: 35px; margin-top: 42px;}
.case-iztas .closing-buttons{justify-content: flex-start;}



}
@media (max-width:400px) {.case-iztas .project-head h1{font-size: 53px;}
.case-iztas .fact-row strong{font-size: 29px;}
.case-iztas .channel-grid{grid-template-columns: 1fr;}
.case-iztas .channel-card{min-height: 240px;}
}
@media (prefers-reduced-motion:reduce) {.case-iztas *,.case-iztas *::before,.case-iztas *::after{animation: none !important; scroll-behavior: auto !important; transition: none !important;}}