:root{--ground:#fff;--plate:#f1efea;--plate-hi:#e6e3dc;--ink:#111;--ink-2:#111111ad;--ink-3:#11111185;--accent:#063a68;--curtain:#e79d2a;--stroke:#f3f1eb;--gold:#c98b2b;--dark:#0b0a09;--dark-ink:#f1eee8;--display:"Bodoni Moda", "Didot", "Bodoni 72", serif;--text:"Host Grotesk", "Helvetica Neue", Arial, sans-serif;--t-1:.8rem;--t-2:.9rem;--t-3:1.1rem;--t-4:1.4rem;--t-5:2.4rem;--t-6:3.4rem;--gutter:clamp(16px, 2.2vw, 32px);--ease:cubic-bezier(.16, 1, .3, 1);--state:.32s;--arrival:.9s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%;scrollbar-color:var(--ink-3) var(--ground);scrollbar-width:thin}body{background:var(--ground);color:var(--ink);font-family:var(--text);font-weight:300;font-size:var(--t-3);letter-spacing:.01em;-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;letter-spacing:inherit;background:0 0;border:0;padding:0}img{max-width:100%;height:auto;display:block}::selection{background:var(--curtain);color:var(--ink)}:focus-visible{outline:1px solid var(--ink);outline-offset:4px}html[data-dot=true],html[data-dot=true] *{cursor:none!important}.field-viewport,.field-viewport *{-webkit-user-select:none;user-select:none}.label{font-family:var(--text);font-size:var(--t-1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-weight:400}.dim{color:var(--ink-2)}.dimmer{color:var(--ink-3)}[data-settle] .w{white-space:pre;display:inline-block}[data-settle] .l{opacity:var(--from,0);transition-property:opacity;transition-timing-function:var(--ease);display:inline-block}[data-settle=on] .l{opacity:1}[data-settle=glitch] .l.g{opacity:.5}[data-settle=glitch] .l.s{opacity:1;transition-duration:.15s}[data-settle=off] .l{opacity:var(--from,0)}.tile:hover [data-settle=hover] .l,.tile:focus-within [data-settle=hover] .l{opacity:1}.site-header{z-index:30;padding:calc(var(--gutter) * .9) var(--gutter);pointer-events:none;text-shadow:0 0 14px var(--ground), 0 0 4px var(--ground);justify-content:space-between;align-items:baseline;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}html[data-world=dark] .site-header{color:var(--dark-ink);text-shadow:none}html[data-world=dark] .site-header .menu-btn{color:#f1eee8b3}.site-header .name{line-height:0;display:block}.site-header .name img{width:auto;height:34px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header .menu-btn{font-size:var(--t-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);transition:color var(--state) var(--ease);background:var(--ground);padding:.35em .7em}.site-header .menu-btn:hover{color:var(--ink)}.menu{z-index:40;pointer-events:none;position:fixed;inset:0}.menu[data-open=true]{pointer-events:auto}.menu-scrim{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.menu-pixels{pointer-events:none;place-content:center;display:grid;position:absolute;inset:0;overflow:hidden}.menu-pixels i{background:var(--curtain);width:101%;height:101%;transition:opacity 1ms linear;display:block}.menu-links{right:var(--gutter);width:min(600px, 100% - var(--gutter) * 2);opacity:0;transition:opacity var(--state) var(--ease);justify-items:start;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.menu[data-open=true] .menu-links{opacity:1;transition-delay:.5s}.menu-links a{font-family:var(--display);font-size:var(--t-6);color:var(--ink);transition:color var(--state) var(--ease);line-height:1.47}.menu-links a:hover,.menu-links a[aria-current=page]{color:var(--accent)}.card{z-index:50;background:var(--ground);transition:opacity .7s var(--ease);place-items:center;display:grid;position:fixed;inset:0}.card[data-state=leaving]{opacity:0;pointer-events:none}.card[data-state=gone]{display:none}.card .lockup{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card .mark{object-fit:contain;opacity:0;width:auto;max-width:72vw;height:34vh;transition:opacity var(--arrival) var(--ease);display:block}.card .mark[data-on=true]{opacity:1}.card .line{font-family:var(--display);color:var(--ink);opacity:0;transition:opacity var(--arrival) var(--ease);font-weight:400;display:block}.card .line[data-on=true]{opacity:1}.card .l1{--cap:5.7vh;font-size:calc(var(--cap) / .75);line-height:calc(var(--cap) * 1.05);letter-spacing:.005em}.card .l2{--cap:10.5vh;font-size:calc(var(--cap) / .75);line-height:calc(var(--cap) * 1.05);padding-top:calc(var(--cap) * .34);letter-spacing:-.012em}.card .small{font-family:var(--display);letter-spacing:.045em;text-align:center;white-space:nowrap;color:var(--ink-3);opacity:0;transition:opacity var(--arrival) var(--ease);font-size:1.55vh;line-height:1.45;position:absolute;top:87%;left:50%;transform:translate(-50%)}.card .small[data-on=true]{opacity:1}.card .skip{left:50%;bottom:calc(var(--gutter) * 1.2);font-size:var(--t-1);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);opacity:0;transition:opacity var(--state) var(--ease) .6s;position:absolute;transform:translate(-50%)}.card .skip[data-on=true]{opacity:1}@media (width<=767px){.card .mark{max-width:82vw;height:26vh}}.sergi{min-height:100dvh;position:relative}.field-viewport{touch-action:none;opacity:0;transition:opacity var(--arrival) var(--ease);position:fixed;inset:0;overflow:hidden}.field-viewport[data-lit=true]{opacity:1}.collection{position:absolute;top:0;left:0}.collection[data-zoom=true]{transform:translate3d(var(--zx,0px), var(--zy,0px), 0) scale(3);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}.item{will-change:transform;contain:layout paint;place-items:center;display:grid;position:absolute;top:0;left:0}.tile{transition:opacity .5s var(--ease);will-change:transform;position:relative;transform:translateZ(0)}.field-viewport[data-status=intro] .tile{animation:1s cubic-bezier(.16,1,.3,1) both grow;animation-delay:calc(var(--i,0) * 27ms)}@keyframes grow{0%{opacity:0;transform:scale(0)}}.collection[data-zoom=true] .tile:not([data-opening]){opacity:.35}.tile[data-opening] .caption{opacity:0;transition:opacity .3s var(--ease)}.tile .plate,.tile img{background:var(--plate);width:100%;height:100%;transition:opacity var(--arrival) var(--ease), background var(--arrival) var(--ease);position:relative}.tile img{object-fit:contain}.field-viewport[data-hovering=true]:not([data-status=dragging]) .tile:not(:hover) .plate,.field-viewport[data-hovering=true]:not([data-status=dragging]) .tile:not(:hover) img{opacity:.55}.field-viewport[data-status=dragging] .tile{pointer-events:none}.tile:hover .plate{background:var(--plate-hi)}.tile>a{z-index:2;display:block;position:absolute;inset:0}.tile .caption{pointer-events:none;z-index:3;gap:.15em;display:grid;position:absolute;bottom:6%;left:6%;right:6%}.tile .caption .series{font-size:var(--t-1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.tile .caption .title{font-family:var(--display);color:var(--ink);font-size:clamp(.95rem,1.4vw,1.4rem);line-height:1.1}.tile .caption .arrow{font-size:var(--t-4);color:var(--accent);opacity:0;transition:opacity var(--state) var(--ease);position:absolute;bottom:0;right:0}.tile:hover .caption .arrow{opacity:1}.plate-label{text-align:right;pointer-events:none;place-content:start end;padding:6%;display:grid;position:absolute;inset:0}.plate-label .no{display:none}.plate-label .what{font-size:var(--t-1);letter-spacing:.06em;color:var(--ink-3)}.dot{z-index:60;pointer-events:none;opacity:0;transition:opacity var(--state) var(--ease);position:fixed;top:0;left:0}.dot[data-on=true]{opacity:1}.dot i{background:var(--ink);width:8px;height:8px;transition:transform var(--state) var(--ease), background var(--state) var(--ease), box-shadow var(--state) var(--ease);border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffffb3}.dot[data-mode=link] i{transform:scale(1.8)}.dot[data-mode=field] i{transform:scale(1.4)}.dot[data-mode=see] i{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 1px #ffffffb3;background:0 0;transform:scale(3.2)}.dot[data-mode=drag] i{transform:scale(.6)}.dot span{font-size:var(--t-1);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity var(--state) var(--ease);position:absolute;top:-.55em;left:22px}.dot[data-mode=see] .dot-see,.dot[data-mode=field] .dot-drag{opacity:1}.field-bar{z-index:30;justify-content:space-between;align-items:baseline;gap:var(--gutter);padding:calc(var(--gutter) * .9) var(--gutter);pointer-events:none;text-shadow:0 0 14px var(--ground), 0 0 4px var(--ground);display:flex;position:fixed;inset:auto 0 0}.field-bar>*{pointer-events:auto}.field-bar .tabs{gap:1.6em;display:flex}.field-bar button{font-size:var(--t-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);transition:color var(--state) var(--ease)}.field-bar button:hover{color:var(--ink)}.field-bar .tabs button[aria-pressed=true]{color:var(--accent)}.field-bar>button[aria-pressed=true]{color:var(--ink)}.list{padding:calc(var(--gutter) * 5) var(--gutter) calc(var(--gutter) * 4)}.list .row{gap:var(--gutter);color:var(--ink-2);transition:color var(--state) var(--ease);grid-template-columns:3em 1fr auto auto;align-items:baseline;padding:.55em 0;display:grid}.list .row:hover{color:var(--ink)}.list .row .t{font-family:var(--display);font-size:var(--t-4)}.list .row .s{font-size:var(--t-2)}.caption-under{font-size:var(--t-1);color:var(--ink-3);justify-content:space-between;gap:1em;margin-top:.5em;display:flex}.curtain{z-index:45;pointer-events:none;place-content:center;display:grid;position:fixed;inset:0;overflow:hidden}.curtain[data-phase=cover],.curtain[data-phase=covered]{pointer-events:auto}.curtain i{background:var(--curtain);width:101%;height:101%;transition-property:opacity;transition-timing-function:linear;display:block}.pixel-reveal{position:relative}.pixel-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.page{padding:0 var(--gutter) calc(var(--gutter) * 2)}.eser .hero{min-height:100dvh;padding:calc(var(--gutter) * 3.2) 0 calc(var(--gutter) * 3.4);place-items:center;display:grid;position:relative}.eser .hero .plate,.eser .hero img{background:var(--plate);max-height:calc(100dvh - var(--gutter) * 6.6);object-fit:contain;width:auto;max-width:100%;height:auto;position:relative}.eser .hero .plate{max-width:100%}.eser .hero .hero-plate{justify-items:center;width:100%;max-width:100%;display:grid}.eser .hero-title{left:0;bottom:calc(var(--gutter) * .9);font-family:var(--display);font-weight:400;font-size:var(--t-5);max-width:60%;text-shadow:0 0 14px var(--ground), 0 0 4px var(--ground);margin:0;line-height:1.05;position:absolute}.eser .hero-foot{right:0;bottom:calc(var(--gutter) * 1.05);font-size:var(--t-2);color:var(--ink-2);text-shadow:0 0 14px var(--ground), 0 0 4px var(--ground);gap:1.6em;display:flex;position:absolute}.section{gap:var(--gutter);padding:calc(var(--gutter) * 4) 0 0;grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.section .text{max-width:68ch;font-size:var(--t-3);color:var(--ink-2);line-height:1.6}.section .text p{margin:0 0 1em}.section.cols .text{column-count:2;column-gap:var(--gutter);max-width:none}.kunye{gap:.2em;margin:0;display:grid}.kunye>div{gap:var(--gutter);font-size:var(--t-2);grid-template-columns:minmax(0,1fr) minmax(0,2fr);padding:.5em 0;display:grid}.kunye dt{color:var(--ink-3);margin:0}.kunye dd{color:var(--ink-2);margin:0}.same{gap:var(--gutter);scrollbar-width:none;padding:calc(var(--gutter) * 1.5) 0 0;display:flex;overflow-x:auto}.same::-webkit-scrollbar{display:none}.same .tile{flex:none;height:28vh;position:relative}.next{align-items:baseline;gap:var(--gutter);padding:calc(var(--gutter) * 4) 0 calc(var(--gutter) * 2);grid-template-columns:1fr auto 1fr;display:grid}.next .l{font-size:var(--t-2);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.next .t{font-family:var(--display);font-size:var(--t-6);text-align:center;transition:color var(--state) var(--ease);line-height:1.05}.next .arrow{font-size:var(--t-4);color:var(--accent);justify-self:end}.next:hover .t{color:var(--ink-2)}.sanatci{padding-top:0}.sanatci .opening{height:100dvh;min-height:560px;margin:0 calc(var(--gutter) * -1);background:#053b6b;position:relative;overflow:hidden}.sanatci .tablo-wrap{width:64%;position:absolute;top:0;bottom:0;right:0}.sanatci .tablo{object-fit:cover;object-position:60% 30%;-webkit-mask-composite:source-in;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14%),linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14%),linear-gradient(#000 78%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.sanatci .opening:after{content:"";background:linear-gradient(to bottom, transparent, var(--ground));pointer-events:none;height:22%;position:absolute;inset:auto 0 0}.sanatci .stroke{background:linear-gradient(to bottom, var(--stroke) 0%, var(--stroke) 80%, var(--ground) 100%);width:clamp(340px,36vw,560px);height:104%;position:absolute;top:-2%;left:clamp(-40px,-2vw,0px);-webkit-mask-image:url(/marka/firca.png);mask-image:url(/marka/firca.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sanatci .inside{justify-items:center;gap:.9em;display:grid;position:absolute;top:50%;left:22%;right:16%;transform:translateY(-52%)}.sanatci .inside .mark{width:100%;max-width:360px;height:auto}.sanatci .inside .rule{background:var(--gold);border-radius:3px;width:46%;height:5px;display:block;transform:rotate(-1.2deg)}.sanatci .inside .tagline{font-family:var(--display);font-size:var(--t-3);letter-spacing:.14em;text-align:center;color:var(--ink-2);margin:.2em 0 0;line-height:1.5}.sanatci .top{gap:calc(var(--gutter) * 2);padding-top:calc(var(--gutter) * 3);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;display:grid}.sanatci .top .label{padding-top:.4em}.sanatci .portrait .plate-label{text-align:center;place-content:center}.sanatci .bio{font-size:var(--t-3);color:var(--ink-2);max-width:62ch;line-height:1.6}.cv .row{gap:var(--gutter);color:var(--ink-2);font-size:var(--t-2);grid-template-columns:5em 1fr auto;padding:.5em 0;display:grid}.iletisim{padding-top:calc(var(--gutter) * 4.5)}.iletisim .big{font-family:var(--display);font-size:var(--t-5);color:var(--ink-2);line-height:1.15}.iletisim .line{font-size:var(--t-3);color:var(--ink-2);padding:.4em 0}.site-footer{justify-content:space-between;align-items:baseline;gap:var(--gutter);padding:calc(var(--gutter) * 3) var(--gutter) var(--gutter);font-size:var(--t-1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);display:flex}.site-footer nav{gap:1.6em;display:flex}.site-footer a:hover{color:var(--ink)}@media (width<=767px){.section,.sanatci .top,.kunye>div{grid-template-columns:1fr}.sanatci .opening{height:82dvh;min-height:520px}.sanatci .tablo-wrap{width:100%}.sanatci .tablo{object-position:34% 22%}.sanatci .stroke{width:56vw;left:-8vw}.sanatci .inside{left:28%;right:12%}.sanatci .inside .tagline{font-size:var(--t-2);letter-spacing:.1em}.section.cols .text{column-count:1}.cv .row{grid-template-columns:1fr;gap:.2em;padding:.7em 0}.next{flex-wrap:wrap;align-items:baseline;gap:.6em 1em;display:flex}.next .t{font-size:var(--t-5);text-align:left}.next .arrow{margin-left:auto}.menu-links a{font-size:var(--t-5)}.menu-links{left:var(--gutter);right:var(--gutter);width:auto}.eser .hero{min-height:auto;padding:calc(var(--gutter) * 4.5) 0 calc(var(--gutter) * 3.4)}.eser .hero .plate{width:100%!important}.eser .hero-title{max-width:none;margin-top:var(--gutter);position:static}.eser .hero-foot{margin-top:.4em;position:static}.eser .hero{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.card .line,.card .small,.card .skip,.field-viewport,.field-scroll,[data-settle] .l{opacity:1!important}.dot{display:none}.curtain,.pixel-canvas{display:none!important}.menu-pixels i{transition:none}html[data-dot=true],html[data-dot=true] *{cursor:auto!important}}
