html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #8fe0cf;outline-offset:4px}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#ffbd83;color:#3a2415;padding:12px 18px;transform:translateY(-200%)}.skip-link:focus{transform:none}.hero-portrait{object-position:center 28%}.exp-item[hidden]{display:none!important}.exp-item{cursor:default}#exp-filters button{cursor:pointer}#site-nav a[aria-current="location"]{color:#ffbd83}img{max-width:100%}#iletisim a{overflow-wrap:anywhere}body:has(#site-nav.mobile-open){overflow:hidden}
@media(max-width:767px){#site-nav.mobile-open{display:flex;position:fixed;inset:64px 0 auto;flex-direction:column;align-items:flex-start;padding:24px 20px;background:#0e2a38;border-bottom:1px solid #346875;gap:24px}#site-nav.mobile-open a{font-size:15px}#home h1{overflow-wrap:normal}#home .min-h-\[460px\]{min-height:420px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

body{background-image:radial-gradient(ellipse at 85% 5%,rgba(44,113,122,.3),transparent 48rem)}
#home h1{color:#ffbd83}.hero-portrait{filter:none}
#hakkimda h2,#projeler>div>div>div>p,#deneyimler>div>div>div>p,.achievement-label{color:#8fe0cf}
.community-panel{background:linear-gradient(120deg,#153f4a,#0e2a38);border-top:2px solid #c38b5e}
.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:36px;padding-top:32px;border-top:1px solid #346875}
.achievement{border-left:2px solid #8fe0cf;padding-left:20px}.achievement-label{display:block;font:500 11px/1.5 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.achievement h3{font:500 22px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.01em;color:#ffbd83;margin:0 0 12px}.achievement p{font:400 14px/1.7 Inter,sans-serif;color:#c5dce0;margin:0;max-width:40em}
@media(max-width:767px){.achievement-grid{grid-template-columns:1fr;gap:28px}.achievement h3{font-size:20px}}

/* Fluid page width and a complete hero introduction. */
.page-shell{max-width:none;width:100%;padding-inline:clamp(20px,4vw,96px)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-block:16px}
.hero-copy h1{margin:0 0 clamp(32px,3.4vw,64px)}
.hero-intro{max-width:750px}.hero-statement{font:500 clamp(27px,2.3vw,44px)/1.25 'Space Grotesk',sans-serif;letter-spacing:-.025em;color:#f2f5ee;margin:0 0 24px}
.hero-summary{max-width:58ch;font:400 clamp(15px,1.1vw,18px)/1.8 Inter,sans-serif;color:#c5dce0;margin:0}
.hero-image-column{width:100%;max-width:720px;justify-self:end}.hero-image-frame{min-height:clamp(460px,36vw,640px)}
.about-copy{max-width:none;display:grid;gap:24px}.about-copy>p{margin:0}
@media(min-width:1280px){.about-layout{grid-template-columns:minmax(160px,2fr) minmax(0,10fr)}.about-layout>div{grid-column:auto}.about-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(32px,3vw,64px)}}
@media(max-width:1023px){.hero-copy{padding-block:0}.hero-copy h1{margin-bottom:28px}.hero-image-column{max-width:none}.hero-image-frame{min-height:460px}.hero-linebreak{display:none}}
@media(max-width:767px){.hero-statement{font-size:27px}.hero-summary{font-size:15px}.hero-image-frame{min-height:420px}.hero-copy h1{margin-bottom:24px}}