/* Full-bleed visual stories: original artwork, shared edges, no mockups. */
.project-ribbon{--ribbon-art-height:96px;position:relative;background:#0a0e1a;color:#fff;padding:13px 0 11px;border-top:1px solid #ffffff1f;border-bottom:1px solid #1c2b43;overflow:hidden}
.ribbon-window{overflow:hidden;width:100%;padding:0;scrollbar-width:none}.ribbon-window::-webkit-scrollbar{display:none}
.ribbon-track{display:flex;width:max-content;animation:project-ribbon-loop 70s linear infinite;animation-play-state:paused;will-change:transform}
.is-running .ribbon-track{animation-play-state:running}
.ribbon-group{display:flex;flex-shrink:0;gap:12px;padding-right:12px;align-items:flex-start}
.ribbon-project{display:block;flex-shrink:0;border:0;padding:0;background:none;text-align:left;color:#e0e7f1;cursor:pointer}
.ribbon-art{display:flex;height:var(--ribbon-art-height);width:calc(var(--ribbon-art-height) * var(--ribbon-ratio));overflow:hidden;border-radius:9px;background:#151a26}
.ribbon-art img{display:block;min-width:0;width:0;height:100%;max-width:none;object-fit:fill}
.ribbon-project>span{display:block;font-size:9px;font-weight:550;line-height:1.5;padding:6px 4px 0;color:#acb8cc}
.ribbon-project:focus-visible{outline:2px solid #adcfff;outline-offset:-2px;border-radius:9px}
.ribbon-footer{position:absolute;top:12px;right:18px;z-index:2;display:flex;padding:0}.ribbon-footer>span,.ribbon-footer a{display:none}
.ribbon-footer>div{display:flex;align-items:center;gap:14px}.ribbon-footer a{font-size:9px;letter-spacing:0;color:#a9bad3}
#ribbon-toggle{font-size:12px;line-height:1;width:25px;height:25px;border:1px solid #41516d;border-radius:50%;background:#16213a;color:#d8e6fc;padding:0;display:grid;place-items:center}#ribbon-toggle[hidden]{display:none}
.ribbon-window:hover .ribbon-track,body.modal-open .ribbon-track{animation-play-state:paused}
.ribbon-window:focus-within{overflow-x:auto}.ribbon-window:focus-within .ribbon-track{animation:none}
#hakkimda{padding-top:42px}#hakkimda .resume-profile-grid{padding-top:0}
@keyframes project-ribbon-loop{to{transform:translateX(-50%)}}
@media(max-width:600px){.project-ribbon{--ribbon-art-height:82px;padding-top:10px;padding-bottom:8px}.ribbon-project>span{font-size:8px}.ribbon-group{gap:9px;padding-right:9px}.ribbon-footer{padding-top:6px;font-size:6px;letter-spacing:.7px}.ribbon-footer a{font-size:8px}.ribbon-footer>div{gap:10px}#ribbon-toggle{height:23px;width:23px;font-size:10px}#hakkimda{padding-top:33px}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none!important}.ribbon-window{overflow-x:auto}}
#secki{background:#090a0e;color:#f5f5f6;padding-top:85px;padding-bottom:90px}
#secki .section-kicker{color:#989ba5;border-color:#ffffff20}
#secki .section-heading p{color:#a4a6ad;opacity:1}
#secki .section-heading h2{color:#f5f5f6}
#secki .filters button{border-color:#35363c;color:#acadb5;background:#14151a}
#secki .filters button.active{background:#f3f3f5;color:#14151b;border-color:#f3f3f5}
#secki .filters button:hover{border-color:#a0a2b0}
#project-count{color:#979aa6}
#project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:70px;width:100%;margin-top:12px}
#project-grid>.portfolio-project{min-width:0;grid-column:1/-1;position:relative}
.portfolio-project>button{display:block;width:100%;border:0;background:none;color:#f7f7f8;text-align:left;padding:0;cursor:pointer}
.folio-strip{display:flex;width:100%;aspect-ratio:var(--strip-ratio);overflow:hidden;border-radius:30px;background:#15161d;isolation:isolate}
.folio-strip figure{margin:0;min-width:0;height:100%;overflow:hidden}
.folio-strip img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;transition:filter .35s}
.portfolio-project>button:hover .folio-strip img{filter:brightness(1.055)}
.portfolio-project>button:focus-visible{outline:2px solid #b4cff6;outline-offset:8px;border-radius:30px}
.folio-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:23px}
.folio-caption-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 14px}
.folio-caption h3{font:600 25px/1.3 Manrope,sans-serif;letter-spacing:-.6px;margin:0}
.folio-caption-main>span{font-size:14px;color:#84858f;line-height:1.5}
.folio-caption-main>span:before{content:'/';margin-right:14px;color:#62646f}
.folio-caption-end{display:flex;gap:17px;align-items:center;flex-shrink:0}
.folio-caption-end small{font-size:10px;color:#7d808c}
.folio-caption-end>span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #444650;border-radius:50%;font-size:22px;transition:background .25s,color .25s}
.portfolio-project button:hover .folio-caption-end>span{background:#f5f5f7;color:#11121a}
.folio-swipe{display:none}
#secki .archive-link{border-color:#ffffff21;color:#8b8e9a;margin-top:65px}
#secki .archive-link a{color:#f4f5f7}
@media(max-width:1000px){.folio-caption h3{font-size:23px}.folio-caption-main>span{font-size:12px}.folio-caption-end small{font-size:9px}.folio-caption{gap:18px}.folio-strip{border-radius:24px}}
@media(max-width:700px){#secki{padding-top:60px;padding-bottom:60px}#project-grid{gap:45px}.folio-caption{align-items:flex-start;padding-top:17px}.folio-caption-main{display:block}.folio-caption h3{font-size:21px;line-height:1.4}.folio-caption-main>span{display:block;margin-top:6px;font-size:11px}.folio-caption-main>span:before{content:none}.folio-caption-end{gap:8px}.folio-caption-end small{display:none}.folio-caption-end>span{height:31px;width:31px;font-size:19px}.folio-strip{border-radius:19px}}
@media(max-width:520px){.folio-strip{aspect-ratio:auto;height:235px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.folio-strip::-webkit-scrollbar{display:none}.folio-strip figure{flex:none!important;width:calc(235px * var(--art-ratio));height:235px;scroll-snap-align:start}.folio-strip img{object-fit:contain}.folio-swipe{display:block;color:#777b88;font-size:9px;letter-spacing:.3px;margin-top:13px}.folio-caption h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.folio-strip img,.folio-caption-end>span{transition:none}}
/* Career: a full-width reading order with no collapsed employment entries. */
#hakkimda .career{display:block;padding-top:42px;margin-top:0}
.career-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.career-heading h3{font:650 34px/1.15 Manrope,sans-serif;letter-spacing:-1px;margin:10px 0 0}
.career-heading .eyebrow{font-size:10px;letter-spacing:1.4px}
.career-heading>p{font-size:13px;line-height:1.6;color:#61738b;max-width:290px;margin:0}
#career-list{width:100%;display:block}
.career-column-head,.career-entry{display:grid;grid-template-columns:23% 44% 33%;gap:0;align-items:center}
.career-column-head{padding:0 22px 13px;font-size:10px;letter-spacing:1.1px;color:#637995;font-weight:650}
.career-timeline{margin:0;padding:0;list-style:none;border-top:1px solid #ccd6e4}
.career-entry{position:relative;min-height:96px;padding:22px;border-bottom:1px solid #d7dfeb}
.career-entry h4{font:650 16px/1.5 Manrope,sans-serif;color:#17395f;margin:0;padding-right:24px;max-width:none}
.career-entry>p{font-size:15px;line-height:1.5;color:#3b5271;margin:0}
.career-period{display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding-right:20px}
.career-period time{font-size:13px;line-height:1.5;font-weight:550;color:#435d7f}
.career-current{background:#e8f0fc;border-left:3px solid #356db1;padding-left:19px}
.current-badge{font-size:9px;font-weight:650;letter-spacing:.2px;padding:4px 8px;background:#d3e4fc;color:#235b9b;border-radius:3px}
.freelance-panel{display:flex;align-items:center;gap:20px;margin-top:22px;padding:23px 25px;background:#fff;border:1px solid #d6e0ed}
.freelance-panel>span{font-size:29px;color:#356db1}.freelance-panel h4{font-size:15px;line-height:1.5;margin:0 0 5px;color:#193b60}.freelance-panel p{font-size:13px;line-height:1.7;color:#65768c;margin:0}
#hakkimda .resume-facts{margin-top:40px;padding:26px 0;margin-bottom:0}
#hakkimda .resume-facts>div>span{font-size:9px}#hakkimda .resume-facts b{font-size:15px}#hakkimda .resume-facts p{font-size:12px;line-height:1.6}
#hakkimda .about-copy p{font-size:14px;line-height:1.85}#hakkimda .about-copy .about-intro{font-size:20px;line-height:1.55}
@media(max-width:1100px){.career-entry h4{font-size:15px}.career-entry>p{font-size:14px}}
@media(max-width:700px){.career-heading{display:block;margin-bottom:25px}.career-heading h3{font-size:30px}.career-heading>p{margin-top:13px;max-width:none}.career-column-head{display:none}.career-entry{grid-template-columns:1fr;gap:7px;padding:23px 20px;min-height:0}.career-period{flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin-bottom:6px;gap:12px}.career-period time{font-size:12px}.career-entry h4{font-size:16px;padding:0;line-height:1.5}.career-entry>p{font-size:14px}.career-current{padding-left:17px}.freelance-panel{padding:20px;gap:16px}.freelance-panel p{font-size:12px}#hakkimda .resume-facts{margin-top:28px}#hakkimda .about-copy .about-intro{font-size:18px}}
@media(max-width:400px){.career-heading h3{font-size:28px}.career-entry h4{font-size:15px}.current-badge{font-size:8px;padding:3px 5px}.career-period time{font-size:11px}}
/* Project interiors use the same editorial presentation as the covers. */
#project-dialog{background:#0c0d12;color:#f4f4f6;border:1px solid #30313b;border-radius:16px;max-width:1440px;width:calc(100% - 32px);height:calc(100% - 32px);inset:16px;margin:auto}
#project-dialog::backdrop{background:#02030ae8;backdrop-filter:blur(8px)}
#project-dialog .dialog-top{background:#0c0d12f5;border-bottom:1px solid #ffffff1d;color:#b5b7c3;padding:20px 36px;z-index:3;backdrop-filter:blur(12px)}
#project-dialog #dialog-close{color:#f5f5f7;background:none;border:1px solid #3b3d48;padding:9px 13px;border-radius:30px;font-size:10px}
.detail-heading{display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:48px 42px 42px;align-items:start}
.detail-heading small{display:block;font-size:10px;letter-spacing:1.25px;color:#9095a5;line-height:1.6;margin-bottom:17px}
.detail-heading h2{font:600 clamp(32px,4vw,58px)/1.13 Manrope,sans-serif;letter-spacing:-1.6px;margin:0;color:#fff}
.detail-summary p{font-size:14px;line-height:1.9;color:#b2b5c0;margin:0;max-width:600px}
.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.detail-tags span{font-size:10px;color:#b4bbcc;border:1px solid #3a3d49;padding:7px 11px;border-radius:20px}
.detail-instagram{display:inline-block;font-size:11px;margin-top:22px;color:#d9dce6;border-bottom:1px solid #646a7e;padding-bottom:4px}
.detail-artworks{padding:0 42px;display:flex;flex-direction:column;gap:36px}
.detail-gallery-row{display:grid;gap:0;border-radius:22px;overflow:hidden;align-items:start}
.detail-gallery-row figure{margin:0;min-width:0;padding:0;background:none;border:0}
.detail-gallery-row img{display:block;width:100%;height:auto;max-width:none;max-height:none;box-shadow:none;transform:none}
.detail-gallery-row figcaption{display:flex;gap:9px;padding:14px 13px 5px 0;font-size:10px;line-height:1.6;color:#9b9daa;background:#0c0d12}
.detail-gallery-row figcaption span{color:#606575;font-size:9px;margin-top:1px;flex-shrink:0}
.detail-gallery-row figure+figure figcaption{padding-left:13px}
.detail-logo{min-height:400px;background:#f7f8fa;padding:60px;display:flex;align-items:center;justify-content:center;border-radius:20px}
.detail-logo-dark{background:#152032}.detail-logo img{display:block;max-width:90%;width:auto;max-height:430px;height:auto;object-fit:contain}
.detail-films{margin:54px 42px 0;border-top:1px solid #ffffff25;padding-top:36px}
.detail-films-heading>span{font-size:9px;letter-spacing:1.4px;color:#8991a4}.detail-films h3{font:600 30px/1.3 Manrope,sans-serif;margin:10px 0 25px;letter-spacing:-.6px}
.detail-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.detail-film{display:block;border:0;padding:0;background:none;color:#fff;text-align:left;min-width:0}
.detail-film-visual{position:relative;background:linear-gradient(140deg,#20232e,#10121a);height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px}
.detail-film-visual img{width:100%;height:100%;object-fit:contain;display:block}
.detail-film-visual>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:54px;width:54px;border-radius:50%;background:#ffffffdf;color:#171b28;display:grid;place-items:center;font-size:18px;box-shadow:0 10px 30px #0005}
.detail-film:hover .detail-film-visual>span{background:#bcd4f7}.detail-film-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:15px}.detail-film-caption h4{font-size:15px;font-weight:600;line-height:1.5;margin:0}.detail-film-caption>span{color:#9ca3b4;font-size:10px;flex-shrink:0}
.detail-next{margin:48px 42px 0;padding:30px 0 40px;border-top:1px solid #ffffff25}.detail-next>span{font-size:9px;letter-spacing:1.5px;color:#8c93a5;display:block;margin-bottom:12px}
.detail-next button{font:600 30px/1.3 Manrope,sans-serif;background:none;color:#fff;border:0;padding:0;width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left}
@media(max-width:800px){.detail-heading{gap:26px;padding:32px 27px}.detail-heading h2{font-size:34px}.detail-summary p{font-size:12px}.detail-heading small{font-size:8px}.detail-artworks{padding:0 27px;gap:26px}.detail-films{margin-left:27px;margin-right:27px}.detail-film-visual{height:280px}.detail-film-caption{display:block}.detail-film-caption>span{display:block;margin-top:5px}.detail-next{margin-left:27px;margin-right:27px}.detail-next button{font-size:26px}}
@media(max-width:600px){#project-dialog{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:12px}#project-dialog .dialog-top{padding:13px 18px}.detail-heading{grid-template-columns:1fr;gap:22px;padding:28px 20px}.detail-heading h2{font-size:34px}.detail-summary p{font-size:13px;line-height:1.8}.detail-tags{margin-top:15px;gap:6px}.detail-tags span{font-size:9px;padding:6px 9px}.detail-instagram{margin-top:17px}.detail-artworks{padding:0 20px;gap:22px}.detail-gallery-row{display:flex;flex-direction:column;gap:22px;border-radius:0;overflow:visible}.detail-gallery-row figure{width:100%}.detail-gallery-row img{border-radius:12px}.detail-gallery-row figcaption,.detail-gallery-row figure+figure figcaption{padding:10px 0 0;font-size:10px}.detail-logo{min-height:260px;padding:25px;border-radius:12px}.detail-logo img{max-width:100%;max-height:280px}.detail-films{margin:35px 20px 0;padding-top:25px}.detail-films h3{font-size:25px;margin-bottom:20px}.detail-film-grid{grid-template-columns:1fr;gap:25px}.detail-film-visual{height:340px}.detail-next{margin:35px 20px 0;padding:25px 0 30px}.detail-next button{font-size:25px}}