@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/fidan/fonts/poppins-regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(/fidan/fonts/poppins-bold.woff2) format("woff2");font-display:swap}@font-face{font-family:Poppins-SemiBold;font-style:normal;font-weight:400;src:url(/fidan/fonts/poppins-semibold.woff2) format("woff2");font-display:swap}@font-face{font-family:Poppins-ExtraLight;font-style:normal;font-weight:400;src:url(/fidan/fonts/poppins-extralight.woff2) format("woff2");font-display:swap}@font-face{font-family:Anton;font-style:normal;font-weight:400;src:url(/fidan/fonts/anton-regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Baloo2-Bold;font-style:normal;font-weight:700;src:url(/fidan/fonts/baloo2-bold-v23.ttf) format("truetype");font-display:swap}@font-face{font-family:Oswald;font-style:normal;font-weight:500;src:url(/fidan/fonts/oswald-500.woff2) format("woff2");font-display:swap}@font-face{font-family:Barlow;font-style:normal;font-weight:300;src:url(/fidan/fonts/barlow-300.woff2) format("woff2");font-display:swap}@font-face{font-family:Barlow;font-style:normal;font-weight:700;src:url(/fidan/fonts/barlow-700.woff2) format("woff2");font-display:swap}:root{--bg: #000000;--ink: #f2f0ee;--ink-soft: #b7b3af;--line: #2b2926;--panel: #1a1817;--accent: #8B0000;--accent-soft: #2a1414;--nav-red: #8B0000;--drop-wait: 1s;--max: 1180px;--radius: 14px;--gutter: clamp(16px, 5vw, 80px);--header-h: 76px;--brand-shift: 200px;--brand-shift-max: max(0px, calc((100vw - 1180px)/2 + 20px) );--brand-pull: min(var(--brand-shift), var(--brand-shift-max));--brand-ink-x: 12.79px;--serif: Georgia, "Times New Roman", Times, serif;--sans: "Poppins", "Century Gothic", "Futura", Avenir, "Segoe UI", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;--display: "Poppins", "Century Gothic", Futura, Avenir, "Segoe UI", sans-serif;--number: "Anton", Impact, "Arial Narrow Bold", "Franklin Gothic Bold", sans-serif;--tag-font: Futura, "Century Gothic", "Segoe UI", var(--sans);--brand-semibold: "Poppins-SemiBold", "Poppins", var(--sans);--brand-extralight: "Poppins-ExtraLight", "Poppins", var(--sans);--grain-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch' result='noise'/%3E%3CfeColorMatrix in='noise' type='matrix' values='0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0.55'/%3E%3C/filter%3E%3C/svg%3E#n");--grain-filter-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch' result='noise'/%3E%3CfeColorMatrix in='noise' type='matrix' values='0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 1'/%3E%3C/filter%3E%3C/svg%3E#n")}*{box-sizing:border-box}html{max-width:100%;overflow-x:clip}html.scroll-smooth{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg) url(/fidan/api/media/assets/shared/grain-texture.jpg) repeat;background-size:300px 325px;-webkit-font-smoothing:antialiased}body.page-home{background:#fff}body.page-home:before,body.page-home:after{content:"";position:absolute;top:0;left:0;right:0;height:var(--header-h);pointer-events:none}body.page-home:before{background:#000;z-index:1}body.page-home:after{z-index:2;opacity:.13;filter:var(--grain-filter-black);mix-blend-mode:hard-light;clip-path:inset(0)}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--display);font-weight:700;margin:0 0 .5em;line-height:1.15}p{line-height:1.65;color:var(--ink-soft);margin:0 0 1em}.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}.small-wrap{max-width:820px;margin:0 auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:50;background:#fff}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--brand-semibold);font-size:calc(1.05rem + 3px);letter-spacing:.02em}.brand img{width:47px;height:47px;border-radius:6px}.brand-logo{position:relative;left:7px;width:47px;height:47px;flex:0 0 auto}.brand-logo img{position:absolute;inset:0;transition:opacity .22s ease}.brand-logo-hover{opacity:0}.brand:hover .brand-logo-base,.brand:focus-visible .brand-logo-base{opacity:0}.brand:hover .brand-logo-hover,.brand:focus-visible .brand-logo-hover{opacity:1}@media(prefers-reduced-motion:reduce){.brand-logo img{transition:none}}.brand .brand-text{display:block;color:#161616;position:relative;top:-1.5px}.brand .brand-text span{color:#7a7a7a;font-family:var(--brand-extralight);font-size:.78rem;display:block;margin-top:-1px;position:relative;top:-1.5px;letter-spacing:.08em;text-transform:uppercase}nav.main-nav{display:flex;gap:30px;align-items:center}@media(min-width:761px){.brand{transform:translate(calc(-1 * var(--brand-pull)))}nav.main-nav{transform:translate(var(--brand-pull))}}nav.main-nav a{font-size:.92rem;letter-spacing:.03em;text-transform:uppercase;color:#7a7a7a;padding:6px 2px;border-bottom:2px solid transparent;transition:all .15s ease}nav.main-nav a:hover,nav.main-nav a.active{color:var(--nav-red);border-color:var(--nav-red)}.nav-toggle{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer;color:#161616}.nav-item{position:relative;display:inline-flex;align-items:center}.nav-caret{display:inline-block;width:0;height:0;margin-left:7px;position:relative;top:-3.5px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;transition:transform .18s ease}.nav-item:hover .nav-caret,.nav-item:focus-within .nav-caret{transform:rotate(-180deg)}.nav-drop{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);display:flex;flex-direction:column;min-width:232px;background:#fff;border:1px solid #ececec;border-top:2px solid var(--nav-red);box-shadow:0 18px 34px #00000021;padding:8px 0;z-index:60;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s}.nav-item:hover .nav-drop,.nav-item:focus-within .nav-drop{opacity:1;visibility:visible;transform:translate(-50%)}.nav-drop:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}nav.main-nav .nav-drop a{display:flex;align-items:baseline;gap:10px;font-size:.88rem;text-transform:none;letter-spacing:0;color:#3a3a3a;padding:9px 18px;border-bottom:none;white-space:nowrap}nav.main-nav .nav-drop a:hover,nav.main-nav .nav-drop a:focus-visible{color:var(--nav-red);border-color:transparent;background:#f6f6f6}.nav-drop-n{font-family:var(--brand-extralight);font-size:.72rem;color:#b6b6b6;min-width:11px;font-variant-numeric:tabular-nums}nav.main-nav .nav-drop a:hover .nav-drop-n,nav.main-nav .nav-drop a:focus-visible .nav-drop-n{color:var(--nav-red)}@media(prefers-reduced-motion:reduce){.nav-drop,.nav-caret{transition:none}}@media(max-width:760px){nav.main-nav{position:fixed;inset:76px 0 0;height:calc(100vh - 76px);background:#fff;flex-direction:column;justify-content:flex-start;padding:30px 28px;gap:22px;transform:translate(100%);transition:transform .25s ease;overflow-y:auto}nav.main-nav.open{transform:translate(0)}nav.main-nav a{font-size:1.1rem;color:#3a3a3a}.nav-toggle,.nav-item{display:block}.nav-caret{display:none}.nav-drop{position:static;transform:none;opacity:1;visibility:visible;min-width:0;background:none;border:none;box-shadow:none;padding:14px 0 0;margin-left:4px;border-left:2px solid #ececec}.nav-drop:before{display:none}nav.main-nav .nav-drop a{font-size:1rem;padding:8px 0 8px 14px}nav.main-nav .nav-drop a:hover{background:none}}.site-footer{padding-bottom:0;position:relative;z-index:23;background:#fff}.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;min-height:var(--header-h);border-top:1px solid var(--line);padding-top:0}body.page-home .site-footer .wrap,body.page-resume .site-footer .wrap,body.page-about .site-footer .wrap,body.page-extras .site-footer .wrap,body.page-netflix-nolls .site-footer .wrap,body.page-kawaii-monster-cafe .site-footer .wrap,body.page-manatee .site-footer .wrap,body.page-gut-check .site-footer .wrap,body.page-dalphin .site-footer .wrap,body.page-kite .site-footer .wrap,body.page-alo .site-footer .wrap,body.page-zora-home .site-footer .wrap,body.cs-page .site-footer .wrap{border-top:none}body.page-resume .site-footer,body.page-about .site-footer,body.page-extras .site-footer,body.page-netflix-nolls .site-footer,body.page-kawaii-monster-cafe .site-footer,body.page-manatee .site-footer,body.page-gut-check .site-footer,body.page-dalphin .site-footer,body.page-kite .site-footer,body.page-alo .site-footer,body.page-zora-home .site-footer,body.cs-page .site-footer{background:#fff}body.page-resume .site-footer p,body.page-about .site-footer p,body.page-extras .site-footer p,body.page-netflix-nolls .site-footer p,body.page-kawaii-monster-cafe .site-footer p,body.page-manatee .site-footer p,body.page-gut-check .site-footer p,body.page-dalphin .site-footer p,body.page-kite .site-footer p,body.page-alo .site-footer p,body.page-zora-home .site-footer p,body.cs-page .site-footer p,body.page-home .site-footer p{color:#161616}body.page-resume .site-footer .socials a,body.page-about .site-footer .socials a,body.page-extras .site-footer .socials a,body.page-netflix-nolls .site-footer .socials a,body.page-kawaii-monster-cafe .site-footer .socials a,body.page-manatee .site-footer .socials a,body.page-gut-check .site-footer .socials a,body.page-dalphin .site-footer .socials a,body.page-kite .site-footer .socials a,body.page-alo .site-footer .socials a,body.page-zora-home .site-footer .socials a,body.cs-page .site-footer .socials a,body.page-home .site-footer .socials a{color:#7a7a7a}body.page-resume .site-footer .socials a:hover,body.page-about .site-footer .socials a:hover,body.page-extras .site-footer .socials a:hover,body.page-netflix-nolls .site-footer .socials a:hover,body.page-kawaii-monster-cafe .site-footer .socials a:hover,body.page-manatee .site-footer .socials a:hover,body.page-gut-check .site-footer .socials a:hover,body.page-dalphin .site-footer .socials a:hover,body.page-kite .site-footer .socials a:hover,body.page-alo .site-footer .socials a:hover,body.page-zora-home .site-footer .socials a:hover,body.cs-page .site-footer .socials a:hover,body.page-home .site-footer .socials a:hover{color:var(--accent)}.site-footer p{margin:0;font-size:.85rem;transform:translate(var(--brand-ink-x))}@media(min-width:761px){.site-footer p{transform:translate(calc(var(--brand-ink-x) - var(--brand-pull)))}}.site-footer .socials a{font-size:.85rem;margin-left:18px;color:var(--ink-soft)}.site-footer .socials a:hover{color:var(--ink)}.next-sec{position:relative}.next-project{display:flex;align-items:center;justify-content:space-between;padding:50px 0}.next-project .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.next-project h3{margin:0;font-size:clamp(1rem,4.5vw,1.8rem);white-space:nowrap}.next-project .arrow{font-size:2rem;transition:transform .25s ease}.next-project:hover .arrow{transform:translate(6px)}
