/* Colour and entrance motion without an idle paint loop. */
.hero h1>span{animation:welcome-in .65s cubic-bezier(.16,1,.3,1) both!important;background-position:45% 50%!important}
.hero h1>span:nth-child(2){animation-delay:.08s!important}
.hero-bottom>a>span:last-child{animation:none!important}
.story-device{will-change:auto!important}
.story-art-entered .story-device{animation:product-arrive .7s cubic-bezier(.16,1,.3,1) both}
.stage-header{background:#fffdf9;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.case-study,.community-section,#about,#iletisim,#featured,#intro{scroll-margin-top:110px}
.scroll-progress{transform:scaleX(0);transform-origin:left}
.scroll-progress{transform:scaleX(1)}
@keyframes welcome-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes product-arrive{from{opacity:.65;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:760px){.case-study,.community-section,#about,#iletisim,#featured,#intro{scroll-margin-top:125px}}
@media(prefers-reduced-motion:reduce){.hero h1>span,.story-art-entered .story-device{animation:none!important}}
.motion-paused .hero h1>span,.motion-paused .story-art-entered .story-device{animation:none!important}
.portrait-intro .portrait-crop img{object-fit:cover;object-position:48% 40%;transform:scale(1.18);transform-origin:48% 40%}
.portrait-intro .portrait-crop img:hover{transform:scale(1.22)}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:48% 40%;transform:none}
.about-portrait{width:150px;height:150px;object-fit:cover;object-position:48% 40%}

/* Keep the professional title alongside the portrait in every language. */
.hero-top{justify-content:flex-end}
.portrait-intro{gap:18px;align-items:center;margin-bottom:25px}
.portrait-caption{display:flex;flex-direction:column;gap:7px;min-width:0}
.portrait-hello{font-size:12px;line-height:1.45;color:var(--cerulean);font-weight:500}
.portrait-role{display:block;font-size:clamp(24px,2.3vw,31px);line-height:1.12;letter-spacing:-.6px;color:var(--ink);font-weight:650;max-width:14ch}
@media(max-width:760px){.portrait-intro{gap:17px}.portrait-role{font-size:27px}.portrait-caption{gap:6px}.portrait-hello{font-size:12px}}