*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#111419;color:#edf1f8;font-family:"Avenir Next",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.05em}a:focus-visible,button:focus-visible{outline:2px solid #97b6ed;outline-offset:6px}.detail-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;height:86px;padding:20px 7%;background:#111419ed;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff14}.detail-header img{display:block;width:115px;height:auto}.detail-header nav{display:flex;gap:30px;font-size:12px;font-weight:600}.detail-hero{padding:65px 7% 85px;display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center;min-height:650px}.breadcrumb{display:block;font-size:11px;color:#a2acbc;margin-bottom:42px}.eyebrow{display:block;font-size:10px;letter-spacing:1.3px;font-weight:600;color:#9eb3d4}.detail-hero h1{font-size:clamp(44px,5vw,76px);line-height:1.05;max-width:720px;margin:22px 0 27px}.detail-hero p{color:#b2bccb;font-size:17px;line-height:1.75;max-width:560px}.detail-cta{display:inline-flex;align-items:center;gap:30px;background:#dce7f9;color:#172235;border-radius:30px;padding:15px 24px;font-size:12px;font-weight:600;margin-top:32px}.detail-hero-media{position:relative;max-height:580px;border-radius:12px;overflow:hidden;background:#1c222b}.detail-hero-media>img,.detail-hero-media>video{display:block;width:100%;height:560px;object-fit:cover}.detail-hero-media>video{object-fit:contain}.detail-hero-media>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#080c16d9);padding:50px 25px 25px;color:#e4ebf5;font-size:9px;font-weight:600;letter-spacing:1px}.detail-process{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;background:#e9edf3;color:#182030;padding:85px 7%}.detail-process .eyebrow{color:#647999}.detail-process h2{font-size:clamp(35px,4vw,55px);line-height:1.08;margin-top:20px}.detail-process ol{list-style:none;margin:0;padding:0}.detail-process li{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid #c9d1de}.detail-process li:first-child{padding-top:0}.detail-process li>span{font-size:10px;color:#617ca4;line-height:27px}.detail-process h3{font-size:22px;margin-bottom:10px}.detail-process p{font-size:14px;line-height:1.75;color:#5b687c}.detail-examples{padding:85px 7%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2{font-size:48px;line-height:1.1}.section-heading p{font-size:13px;color:#a5afbd}.detail-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.detail-film-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin:auto}.film-tile{min-width:0;display:block;border:0;padding:0;text-align:left;background:none;color:inherit;cursor:pointer}.film-frame{display:block;position:relative;border-radius:10px;background:#20252d;overflow:hidden}.film-frame img,.film-frame video{display:block;width:100%;height:440px;object-fit:contain}.film-play{position:absolute;right:15px;top:15px;display:grid;place-items:center;background:#f3f5f9;color:#111419;border-radius:50%;height:43px;width:43px;font-size:25px}.film-meta{display:grid;gap:7px;padding-top:17px}.film-meta strong{font-size:19px;font-weight:700;letter-spacing:-.025em}.film-meta small{font-size:11px;color:#a9b3c2;font-weight:500}.case-summary{padding:70px 15%;background:#1c232d}.case-summary h2{font-size:46px;margin:22px 0;line-height:1.1}.case-summary p{max-width:750px;font-size:17px;line-height:1.8;color:#b2c0d3}.case-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.case-tags span{border:1px solid #748cab60;border-radius:20px;padding:9px 13px;font-size:10px;color:#b6c5db}.case-inline-link{display:block;margin:25px 7% 55px;padding:18px 0;border-bottom:1px solid #738bad66;font-size:14px}.detail-contact{padding:80px 7%;background:#222b39}.detail-contact h2{font-size:clamp(40px,5vw,66px);line-height:1.05;margin:20px 0}.detail-contact p{font-size:15px;color:#b6c4d9;line-height:1.7}.detail-contact .detail-cta{margin-top:25px}footer{padding:30px 7%;display:flex;justify-content:space-between;gap:30px;color:#a4afbf;font-size:11px}.poki-detail .detail-hero-media>img{object-fit:contain}.project-dialog{margin:auto}body:has(dialog[open]){overflow:hidden}
@media(max-width:760px){html{scroll-padding-top:80px}.detail-header{height:72px;padding:17px 6%;gap:20px}.detail-header img{width:95px}.detail-header nav{gap:16px;font-size:10px}.detail-header nav a:last-child{display:none}.detail-hero{grid-template-columns:1fr;padding:40px 7% 55px;gap:35px;min-height:0}.breadcrumb{margin-bottom:28px}.detail-hero h1{font-size:44px}.detail-hero p{font-size:15px}.detail-hero-media{max-width:440px;width:100%;justify-self:center}.detail-hero-media>img,.detail-hero-media>video{height:440px}.detail-process{padding:55px 7%;grid-template-columns:1fr;gap:35px}.detail-process h2{font-size:40px}.detail-process h3{font-size:21px}.detail-examples{padding:55px 7%}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:38px}.section-heading p{margin-top:15px;line-height:1.6}.detail-film-grid,.detail-film-grid.two{grid-template-columns:1fr;gap:35px;max-width:340px;margin:auto}.film-frame img,.film-frame video{height:auto;max-height:560px;aspect-ratio:9/16;object-fit:contain}.case-summary{padding:55px 7%}.case-summary h2{font-size:36px}.case-summary p{font-size:15px}.detail-contact{padding:55px 7%}.detail-contact h2{font-size:43px}footer{flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.film-service-page .detail-hero{grid-template-columns:.9fr 1.1fr;gap:6%}.film-service-page .detail-hero-media>img{height:auto;aspect-ratio:16/9;object-fit:contain}.detail-film-grid .film-tile[data-project="ceksan"]{grid-column:1/-1}.detail-film-grid .film-tile[data-project="ceksan"] .film-frame img{height:auto;max-height:600px;aspect-ratio:16/9;object-fit:contain}@media(max-width:760px){.film-service-page .detail-hero{grid-template-columns:1fr}}

.case-inline-link,.case-related a{display:inline-flex;align-items:center;width:fit-content;background:#e8eef9;color:#1a2335;border:0;border-radius:32px;padding:13px 20px;transition:background .2s}
.case-inline-link:hover,.case-related a:hover{background:#9fbcff}
.brand-logo-media{display:grid;place-items:center;height:560px;background:radial-gradient(circle at 50% 40%,#24324a,#111923 70%)}
.detail-hero-media.brand-logo-media>img{width:58%;height:50%;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}
.detail-hero-media.brand-logo-media>img.is-negative{filter:grayscale(1) contrast(3)}
.detail-hero-media.brand-logo-media>img.is-on-solid{filter:grayscale(1) contrast(5);mix-blend-mode:screen}
@media(max-width:760px){.brand-logo-media{height:440px}}
.brand-wordmark{max-width:80%;color:#f3f6fb;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1;text-align:center;letter-spacing:-.02em}
.brand-ig-links{display:flex;flex-wrap:wrap;gap:12px;margin:0 7% 55px}
.brand-ig-links .case-inline-link{margin:0}