@font-face{font-family:BaslikFont;src:url("fonts/baslik-font.ttf") format("truetype");font-display:swap}
@font-face{font-family:YaziFont;src:url("fonts/yazi-font.ttf") format("truetype");font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:YaziFont,Arial,sans-serif;background:#f4f0e8;color:#111;overflow-x:hidden}a{text-decoration:none;color:inherit}img,video{max-width:100%;display:block}h1,h2,h3,.logo,.loader-name,.project-info h2,.selected h2,.contact h2,.page-title{font-family:BaslikFont,serif}header{position:fixed;top:0;left:0;width:100%;padding:26px 42px;display:flex;justify-content:space-between;align-items:center;z-index:99;background:rgba(244,240,232,.86);backdrop-filter:blur(14px)}.logo{font-size:22px;font-weight:700}.logo:after{content:"";display:block;height:3px;margin-top:6px;background:linear-gradient(90deg,#ff4fd8,#7c5cff,#00d4ff);border-radius:20px}nav a{margin-left:24px;font-size:14px;text-transform:uppercase}.intro-loader{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,79,216,.30),transparent 28%),radial-gradient(circle at 80% 30%,rgba(124,92,255,.30),transparent 30%),radial-gradient(circle at 50% 85%,rgba(0,212,255,.25),transparent 32%),#f4f0e8;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:loaderHide 1s ease forwards;animation-delay:2.8s}.loader-name{font-size:8vw;background:linear-gradient(90deg,#ff4fd8,#7c5cff,#00d4ff,#111);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientMove 3s linear infinite}.loader-line{width:320px;height:5px;margin:28px 0 16px;border-radius:50px;background:linear-gradient(90deg,#ff4fd8,#7c5cff,#00d4ff)}.loader-text{font-size:14px;letter-spacing:6px;text-transform:uppercase}@keyframes loaderHide{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes gradientMove{0%{background-position:0%}100%{background-position:300%}}.hero{min-height:100vh;padding:130px 42px 60px;display:flex;flex-direction:column;justify-content:flex-end}.hero small{font-size:18px;margin-bottom:25px;text-transform:uppercase}.hero h1{font-size:12vw;line-height:.78;letter-spacing:-6px;text-transform:uppercase}.hero h1 span{font-style:italic}.hero-buttons{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:16px 28px;border-radius:40px;border:1px solid #111;font-size:15px;transition:.3s}.btn.dark{background:#111;color:#f4f0e8}.btn:hover{transform:translateY(-3px)}.marquee{border-top:1px solid #111;border-bottom:1px solid #111;overflow:hidden;white-space:nowrap;padding:16px 0;font-size:24px;text-transform:uppercase}.marquee div{display:inline-block;animation:marquee 18s linear infinite}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.intro{padding:90px 42px;display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid #111}.intro div{font-size:15px;text-transform:uppercase}.intro p{font-size:42px;line-height:1.12}.selected{padding:80px 42px;background:#111;color:#f4f0e8}.selected h2{font-size:7vw;line-height:.9;margin-bottom:28px}.selected-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.selected-list a{border:1px solid #f4f0e8;border-radius:40px;padding:15px 20px;text-align:center;font-size:15px;transition:.3s}.selected-list a:hover{background:#f4f0e8;color:#111}.work{padding:80px 42px 120px}.work-title{font-size:18px;text-transform:uppercase;margin-bottom:12px}.work-subtitle{max-width:820px;font-size:24px;line-height:1.3;margin-bottom:40px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.project{position:relative;height:460px;overflow:hidden;background:#111;border-radius:30px;color:white;grid-column:span 6;display:block}.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:.7s}.project:hover img{transform:scale(1.08);opacity:.36}.project-info{position:absolute;left:28px;bottom:28px;z-index:2;max-width:82%}.project-info h2{font-size:44px;line-height:.92}.project-info p{margin-top:12px;font-size:14px;text-transform:uppercase}.tag{position:absolute;top:24px;right:24px;background:#f4f0e8;color:#111;padding:8px 14px;border-radius:30px;font-size:12px;z-index:2;text-transform:uppercase}.contact{padding:120px 42px;border-top:1px solid #111}.contact h2{font-size:10vw;line-height:.82;text-transform:uppercase}.contact p{margin-top:24px;font-size:24px}.contact a{border-bottom:2px solid #111}.socials{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.socials a{border:1px solid #111;border-radius:40px;padding:14px 22px;transition:.3s}.socials a:hover{background:#111;color:#f4f0e8}footer{padding:30px 42px;border-top:1px solid #111;display:flex;flex-direction:column;gap:6px;font-size:14px}.page-hero{padding:150px 42px 55px;border-bottom:1px solid #111}.page-hero a{display:inline-block;margin-bottom:32px;border-bottom:2px solid #111}.page-title{font-size:9vw;line-height:.85;text-transform:uppercase;letter-spacing:-4px}.page-desc{max-width:880px;margin-top:28px;font-size:24px;line-height:1.35}.gallery{padding:42px;columns:3 280px;column-gap:22px}.gallery-item{break-inside:avoid;margin-bottom:22px;border-radius:24px;overflow:hidden;background:#111}.gallery-item img,.gallery-item video{width:100%;height:auto;display:block}.gallery-item video{aspect-ratio:16/9;object-fit:cover;background:#111}@media(max-width:800px){header{padding:20px}nav a{margin-left:12px;font-size:12px}.loader-name{font-size:15vw}.loader-line{max-width:230px}.hero{padding:120px 20px 50px}.hero h1{font-size:18vw;letter-spacing:-3px}.marquee{font-size:18px}.intro{grid-template-columns:1fr;padding:70px 20px}.intro p{font-size:31px}.selected{padding:70px 20px}.selected h2{font-size:15vw}.selected-list{grid-template-columns:1fr}.work{padding:70px 20px 80px}.grid{display:block}.project{height:420px;margin-bottom:22px}.project-info h2{font-size:36px}.contact{padding:80px 20px}.contact h2{font-size:16vw}footer{padding:24px 20px;display:flex;flex-direction:column;gap:6px}.page-hero{padding:130px 20px 45px}.page-title{font-size:16vw;letter-spacing:-2px}.page-desc{font-size:20px}.gallery{padding:22px;columns:1}}