.cinematic-projects-page{--black:#0a0b0c;--paper:#fff;--orange:#ff4b12;background:var(--paper);color:var(--black)}.cinematic-projects-shell{width:min(100% - 48px,1360px);margin:0 auto}.cinematic-projects-hero{isolation:isolate;color:#fff;background:#080909;height:auto;min-height:0;position:relative;overflow:hidden}.cinematic-projects-hero__image{z-index:0;filter:saturate(.78)contrast(1.1);background:linear-gradient(90deg,#07090a75,#07090a1f 59%,#07090a85),url(/assets/img/heroes/projeler-hero.webp) 50% 46%/cover;position:absolute;inset:0;transform:scale(1.04)}.cinematic-projects-hero__grid{z-index:1;opacity:.22;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 32%,#000000e6 42%,#0000006b 53%,#0000 66%);mask-image:linear-gradient(90deg,#000 0% 32%,#000000e6 42%,#0000006b 53%,#0000 66%)}.cinematic-projects-hero__content{z-index:3;align-items:flex-start;min-height:clamp(650px,60svh + 96px,780px);padding:clamp(92px,8vw,118px) clamp(28px,3.6vw,58px) clamp(34px,3.2vw,52px);display:flex;position:relative}.cinematic-projects-hero__copy{max-width:min(60%,800px)}.cinematic-kicker{color:var(--orange);font:10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.cinematic-projects-hero h1{width:100%;max-width:min(60%,800px);font:650 clamp(48px, 5.45vw, 78px)/.92 var(--font-display);letter-spacing:-.065em;text-transform:uppercase;margin:16px 0 0}.cinematic-projects-hero h1 em,.cinematic-projects-cta h2 em{color:var(--orange);font-style:normal}.cinematic-projects-hero__copy>p{color:#ffffffd6;max-width:46ch;margin:24px 0 0;font-size:clamp(17px,1.35vw,20px);line-height:1.55}.cinematic-projects-hero__actions{gap:12px;margin-top:26px;display:flex}.cinematic-projects-hero__button{color:#fff;min-height:54px;font:700 12px/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;border:1px solid #ffffff80;justify-content:space-between;align-items:center;gap:22px;padding:0 22px;text-decoration:none;display:inline-flex}.cinematic-projects-hero__button span{font-size:20px}.cinematic-projects-hero__button--primary{border-color:var(--orange);background:var(--orange);color:#0a0b0c}.cinematic-projects-hero__button--ghost:hover{color:#0a0b0c;background:#fff;border-color:#fff}.cinematic-projects-hero__mark{z-index:3;color:#ffffff7a;font:9px var(--font-mono);letter-spacing:.1em;writing-mode:vertical-rl;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.cinematic-projects-archive{background:#fff;padding:clamp(80px,10vw,150px) 0 0}.cinematic-projects-archive__tail-space{background:#fff;height:clamp(96px,10vw,160px)}.cinematic-projects-archive__head{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:40px;margin-bottom:clamp(46px,7vw,92px);display:grid}.cinematic-projects-archive h2,.cinematic-projects-cta h2{font:650 clamp(3rem, 6vw, 6.5rem)/.86 var(--font-display);letter-spacing:-.075em;margin:14px 0 0}.cinematic-projects-archive__head p{color:#0b0d0e94;margin:0;font-size:15px;line-height:1.65}.cinematic-projects-notes{border-block:1px solid #0b0d0e33;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;margin:-28px 0 clamp(54px,7vw,92px);padding:30px 0 34px;display:grid}.cinematic-projects-notes__head h3{max-width:13ch;font:650 clamp(2.1rem,3.5vw,3.8rem)/.9 var(--font-display);letter-spacing:-.07em;margin:12px 0 0}.cinematic-projects-notes nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cinematic-projects-notes nav a{min-height:178px;color:var(--black);background:#f4f1ea;border:1px solid #0b0d0e2e;flex-direction:column;padding:18px;text-decoration:none;transition:background-color .22s,color .22s,transform .22s;display:flex;position:relative}.cinematic-projects-notes nav a>span{color:var(--orange);font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.cinematic-projects-notes nav strong{font:650 clamp(1.25rem,1.8vw,1.8rem)/.95 var(--font-display);letter-spacing:-.045em;margin-top:22px}.cinematic-projects-notes nav small{color:#0b0d0e9e;margin-top:auto;padding-top:18px;font-size:12px;line-height:1.45}.cinematic-projects-notes nav i{color:var(--orange);font-size:20px;font-style:normal;transition:transform .22s;position:absolute;bottom:14px;right:16px}.cinematic-projects-notes nav a:is(:hover,:focus-visible){background:var(--black);color:#fff;outline:0;transform:translateY(-3px)}.cinematic-projects-notes nav a:is(:hover,:focus-visible) small{color:#ffffffad}.cinematic-projects-notes nav a:is(:hover,:focus-visible) i{transform:translate(3px,-3px)}.cinematic-projects-context{border-top:1px solid #0b0d0e38;border-bottom:1px solid #0b0d0e38;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;margin:-34px 0 clamp(54px,7vw,92px);padding:34px 0 38px;display:grid}.cinematic-projects-context h3{font:650 clamp(2.2rem, 4vw, 4.2rem)/.88 var(--font-display);letter-spacing:-.07em;margin:10px 0 0}.cinematic-projects-context h3 em{color:var(--orange);font-style:normal}.cinematic-projects-context__items{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cinematic-projects-context__items p{border:1px solid #0b0d0e24;border-top:2px solid var(--orange);color:#0b0d0e9e;background:#fff;min-height:204px;margin:0;padding:22px 20px 20px;font-size:13px;line-height:1.6;transition:transform .25s,box-shadow .25s;position:relative}.cinematic-projects-context__items p:hover{box-shadow:5px 5px 0 var(--orange);transform:translate(-3px,-3px)}.cinematic-projects-context__icon{width:38px;height:38px;color:var(--orange);border:1px solid #ff4b128c;place-items:center;margin-bottom:25px;font-size:20px;display:grid}.cinematic-projects-context__items strong{color:var(--black);font:11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.cinematic-projects-context__items strong span{color:var(--orange);font-size:10px}.cinematic-project-grid{scroll-margin-top:calc(var(--header-height,80px) + 20px);grid-template-columns:1fr;gap:clamp(18px,2.2vw,30px);display:grid}.cinematic-project-card-wrap{min-width:0}.cinematic-project-grid:focus{outline:none}.cinematic-project-card{border:1px solid var(--orange);background:var(--black);color:#fff;min-width:0;min-height:clamp(300px,29vw,390px);font:inherit;text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;transition:transform .3s,box-shadow .3s,background .3s;display:grid}.cinematic-project-card__media{background:#191b1d;border-right:1px solid #ff4b12b8;min-height:0;display:block;position:relative;overflow:hidden}.cinematic-project-card__media img{object-fit:cover;filter:saturate(.66)contrast(1.08);width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .35s}.cinematic-project-card__veil{background:linear-gradient(#0000 45%,#0000009e);position:absolute;inset:0}.cinematic-project-card__play{border:1px solid var(--orange);background:var(--black);width:48px;height:48px;color:var(--orange);border-radius:50%;place-items:center;transition:background .25s,color .25s,transform .25s;display:grid;position:absolute;bottom:18px;right:20px}.cinematic-project-card__number{color:#fff;font:10px var(--font-mono);letter-spacing:.12em;position:absolute;bottom:17px;left:16px}.cinematic-project-card__copy{flex-direction:column;align-items:flex-start;min-height:0;padding:clamp(24px,3.1vw,52px);display:flex}.cinematic-project-card__topline{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.cinematic-project-card__client,.cinematic-project-card__date{color:var(--orange);font:11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.cinematic-project-card__client{border:1px solid #ff4b12b3;padding:9px 12px}.cinematic-project-card__date{color:#ffffffb3}.cinematic-project-card__copy strong{max-width:15ch;font:650 clamp(1.7rem, 3vw, 3.45rem)/.92 var(--font-display);letter-spacing:-.06em;margin-top:clamp(28px,4vw,54px)}.cinematic-project-card__copy small{color:#ffffffb3;max-width:48ch;margin-top:22px;font-size:14px;line-height:1.6}.cinematic-project-card__action{color:#fff;width:100%;font:10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #fff3;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.cinematic-project-card__action i{color:var(--orange);font-size:20px;font-style:normal}.cinematic-project-card__detail{color:var(--black);font:700 12px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#f4f1ea;border:1px solid #10121433;border-top:0;justify-content:space-between;align-items:center;gap:1rem;padding:12px 14px;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;display:flex}.cinematic-project-card__detail i{color:var(--orange);font-size:18px;font-style:normal;transition:transform .2s}.cinematic-project-card__detail:is(:hover,:focus-visible){color:#fff;background:var(--orange);border-color:var(--orange);outline:0}.cinematic-project-card__detail:is(:hover,:focus-visible) i{color:var(--black);transform:translate(4px)}.cinematic-project-card:hover{box-shadow:8px 8px 0 var(--orange);background:#141617;transform:translate(-4px,-4px)}.cinematic-project-card:hover .cinematic-project-card__media img{filter:saturate()contrast(1.06);transform:scale(1.05)}.cinematic-project-card:hover .cinematic-project-card__play{background:var(--orange);color:var(--black);transform:rotate(-12deg)}.cinematic-projects-cta{border-top:1px solid #0b0d0e33;grid-template-columns:1fr auto;align-items:end;gap:24px 50px;margin-top:clamp(90px,13vw,180px);padding:52px 0 70px;display:grid}.cinematic-projects-cta h2{grid-row:span 2}.cinematic-projects-cta__link{color:inherit;font:11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:28px;text-decoration:none;display:inline-flex}.cinematic-projects-cta__link span{color:var(--orange);font-size:24px}.cinematic-project-lightbox{z-index:1000;visibility:hidden;opacity:0;place-items:center;padding:24px;transition:opacity .25s,visibility .25s;display:grid;position:fixed;inset:0}.cinematic-project-lightbox.is-open{visibility:visible;opacity:1}.cinematic-project-lightbox__backdrop{backdrop-filter:blur(12px);cursor:pointer;background:#050607db;border:0;position:absolute;inset:0}.cinematic-project-lightbox__panel{z-index:1;color:#fff;background:#111315;width:min(1120px,100%);padding:clamp(18px,3vw,34px);position:relative;box-shadow:0 30px 100px #0000006b}.cinematic-project-lightbox__panel header{justify-content:space-between;align-items:start;gap:24px;margin-bottom:22px;display:flex}.cinematic-project-lightbox__panel h2{font:650 clamp(2rem, 4vw, 4rem)/.9 var(--font-display);letter-spacing:-.06em;margin:9px 0 8px}.cinematic-project-lightbox__panel p{color:#ffffffa8;max-width:48ch;margin:0;line-height:1.5}.cinematic-project-lightbox__panel header>button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;flex:0 0 44px;width:44px;min-width:44px;height:44px;font-size:27px}.cinematic-project-lightbox__frame{aspect-ratio:16/9;background:#000;position:relative}.cinematic-project-lightbox__frame iframe{border:0;width:100%;height:100%}.cinematic-project-lightbox__nav{z-index:2;color:#fff;cursor:pointer;background:#0a0b0cb8;border:1px solid #ffffff8a;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;line-height:1;transition:background .2s,color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.cinematic-project-lightbox__nav:hover{background:var(--orange);color:var(--black)}.cinematic-project-lightbox__nav--prev{left:18px}.cinematic-project-lightbox__nav--next{right:18px}body.cinematic-project-lightbox-open{overflow:hidden}@media (width<=720px){.cinematic-projects-shell{width:min(100% - 32px,1360px)}.cinematic-projects-hero{height:auto;min-height:0}.cinematic-projects-hero__content{height:auto;min-height:0;padding:88px 22px 40px}.cinematic-projects-hero__copy,.cinematic-projects-hero h1{max-width:100%}.cinematic-projects-hero h1{font-size:clamp(3rem,15vw,5rem)}.cinematic-projects-hero__copy>p{max-width:32ch;font-size:16px}.cinematic-projects-hero__actions{flex-wrap:wrap}.cinematic-projects-hero__button{min-height:48px;padding-inline:16px;font-size:10px}.cinematic-projects-hero__mark{display:none}.cinematic-projects-hero__grid{background-size:48px 48px}.cinematic-projects-archive__head,.cinematic-projects-notes,.cinematic-projects-context{grid-template-columns:1fr;gap:20px}.cinematic-projects-notes{margin-top:-20px}.cinematic-projects-notes nav{grid-template-columns:1fr;gap:12px}.cinematic-projects-notes nav a{min-height:0}.cinematic-projects-context{margin-top:-20px}.cinematic-projects-context__items{grid-template-columns:1fr;gap:12px}.cinematic-projects-context__items p{min-height:0}.cinematic-project-card{grid-template-columns:1fr;min-height:0}.cinematic-project-card__media{border-bottom:1px solid #ff4b12b8;border-right:0;min-height:250px}.cinematic-project-card__copy{min-height:310px;padding:24px}.cinematic-project-card__copy strong{margin-top:32px;font-size:clamp(2rem,10vw,3.4rem)}.cinematic-projects-cta{grid-template-columns:1fr}.cinematic-projects-cta h2{grid-row:auto}.cinematic-project-lightbox{padding:12px}.cinematic-project-lightbox__nav{width:44px;height:44px;font-size:20px}.cinematic-project-lightbox__nav--prev{left:10px}.cinematic-project-lightbox__nav--next{right:10px}}