@charset "UTF-8";
:root{color-scheme:light;--ink:#222722;--muted:#6b736c;--line:#dce0d5;--paper:#f5f5f0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #476fe2;outline-offset:6px;border-radius:5px}h1,h2,p{margin:0}.page{max-width:1512px;margin:0 auto;padding:0 clamp(24px,5vw,84px);min-height:100dvh;display:flex;flex-direction:column}.masthead{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;letter-spacing:-1px}.brand>span:not(.brand-symbol){font-weight:400}.brand i{width:6px;height:6px;border-radius:50%;background:#526cdd;margin:9px 0 0 1px}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:35px;width:42px;height:42px;line-height:1;margin-right:5px;color:#4d61d2;transform:rotate(-30deg)}.header-note{font-size:10px;letter-spacing:1.4px;color:#6b7569}.intro{display:flex;justify-content:space-between;align-items:end;padding:58px 0 42px;gap:35px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:2px;color:#6b7569;margin-bottom:19px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#7c9063}h1{font-size:clamp(40px,4.1vw,61px);line-height:1.12;letter-spacing:-2.6px;font-weight:520}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#737f65}.intro-copy{font-size:14px;line-height:1.95;color:#505b4c;padding-bottom:5px}.intro-copy>span{font-size:12px;color:#818a7e}.experiences{display:grid;grid-template-columns:1fr 1fr;gap:24px}.experience{position:relative;overflow:hidden;isolation:isolate;min-height:475px;border-radius:9px;padding:27px 30px;display:flex;flex-direction:column;border:1px solid #d7deec;transition:transform .25s,box-shadow .25s}.experience:hover{transform:translateY(-4px);box-shadow:0 18px 35px #242d3610}.card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.3px;font-weight:600}.card-tag{border:1px solid currentColor;border-radius:20px;padding:7px 10px;font-size:8px;letter-spacing:1.2px;opacity:.7}.lab{background:#e9edf9;color:#2b409b}.wave-field{position:absolute;inset:0;overflow:hidden;background-image:radial-gradient(#5c79c41f .75px,transparent .75px);background-size:17px 17px;pointer-events:none}.wave-rings{position:absolute;left:61%;top:35%;width:220px;height:180px;transform:translate(-50%,-50%) rotate(-32deg)}.wave-rings i{position:absolute;inset:0;border:1px solid #5378de6e;border-radius:50%;transform:scale(var(--scale));animation:wave 6s ease-in-out infinite;animation-delay:var(--delay)}.wave-rings i:nth-child(1){--scale:.32;--delay:0s}.wave-rings i:nth-child(2){--scale:.6;--delay:.2s}.wave-rings i:nth-child(3){--scale:.9;--delay:.4s}.wave-rings i:nth-child(4){--scale:1.22;--delay:.6s}.wave-rings i:nth-child(5){--scale:1.65;--delay:.8s}.wave-source{position:absolute;top:32%;left:59%;font-size:25px;font-weight:300}.wave-label{position:absolute;right:29px;top:51%;font-size:12px;font-family:Georgia,serif;font-style:italic;color:#6b82bd}.wave-axis{position:absolute;left:30px;top:48%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;opacity:.45}.card-bottom{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:auto;padding-top:225px}h2{font-size:32px;letter-spacing:-1.2px;line-height:1.13;font-weight:500;margin-bottom:13px}.card-bottom p{font-size:12px;line-height:1.8;opacity:.75}.card-cta{white-space:nowrap;font-size:11px;display:flex;align-items:center;gap:11px;margin-bottom:4px}.card-cta b{border:1px solid #798fd766;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:20px;font-weight:400;transition:background .2s}.experience:hover .card-cta b{background:#ffffff5c}.game{background:#102c43;color:#e4f8eb;border-color:#204555}.game-sky{position:absolute;z-index:-2;inset:0;background:url('/oyun/assets/sky.2527cb05.webp') center/cover;opacity:.82}.game-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#0b263dee,transparent 80%)}.game .card-top{color:#c9e3de}.game .card-bottom h2{font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-1px}.game .card-cta b{border-color:#b3e2d14d}.game-art{position:absolute;inset:0;pointer-events:none}.game-art .island{position:absolute;width:58%;height:auto;left:28%;top:41%;filter:drop-shadow(0 15px 13px #06162977)}.game-art .spirit{position:absolute;width:14%;height:auto;left:49%;top:calc(41% - 86px);animation:float 5s ease-in-out infinite}.spark{position:absolute;top:26%;left:73%;font-size:24px;color:#cff8e1;text-shadow:0 0 18px #c7ffe4;animation:float 4s ease-in-out infinite}.preparation{display:flex;align-items:center;gap:19px;border-bottom:1px solid var(--line);padding:30px 0;margin-bottom:22px}.volume-symbol{display:flex;align-items:center;gap:6px;width:66px;color:#647256;font-size:30px;flex:none}.volume-symbol span{font-size:17px;letter-spacing:-.8px;font-weight:600}.preparation p{display:grid;gap:6px;line-height:1.6;font-size:12px}.preparation strong{font-size:13px;font-weight:600}.preparation p>span{color:var(--muted)}.device-note{font-size:9px;letter-spacing:1px;white-space:nowrap;margin-left:auto;color:#7b8574}footer{margin-top:auto;padding:0 0 27px;display:flex;justify-content:space-between;gap:20px;color:#868d80;font-size:10px}footer>span:last-child{color:#687760}
@keyframes wave{50%{transform:scale(calc(var(--scale)*1.08)) translateX(-5px);opacity:.5}}@keyframes float{50%{transform:translateY(-5px)}}
@media(min-width:1450px){.experience{min-height:500px}.game-art .spirit{top:calc(41% - 100px)}}
@media(max-width:1100px){.page{padding:0 30px}.intro-copy{font-size:12px}.intro{padding-top:40px}.experience{padding:24px;min-height:445px}.card-bottom{flex-direction:column;align-items:start;gap:20px;padding-top:200px}.card-bottom p{font-size:12px}.card-cta{gap:15px;font-size:12px}.card-cta b{width:30px;height:30px}.game-art .island{top:37%}.game-art .spirit{top:calc(37% - 68px)}.wave-rings{top:30%;width:170px;height:140px}.wave-source{top:27%}.wave-label{top:42%}.wave-axis{top:39%}.device-note{display:none}}
@media(max-width:720px){.masthead{height:80px}.brand{font-size:20px}.header-note{font-size:8px;letter-spacing:1px;max-width:94px;line-height:1.7;text-align:right}.header-note span{display:block}.page{padding:0 22px}.intro{display:block;padding:35px 0 28px}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:16px}h1{font-size:42px;letter-spacing:-1.8px}.intro-copy{margin-top:20px;line-height:1.85;font-size:12px}.intro-copy>span{font-size:11px}.experiences{grid-template-columns:1fr;gap:18px}.experience{min-height:335px;padding:21px 23px}.card-top{font-size:9px}.card-tag{font-size:7px;padding:6px 8px}.card-bottom{padding-top:130px;flex-direction:row;align-items:end;gap:10px}h2{font-size:27px;margin-bottom:10px}.game .card-bottom h2{font-size:30px}.card-bottom p{font-size:10px}.card-cta{font-size:0;gap:0}.card-cta b{width:36px;height:36px;font-size:20px}.wave-rings{top:34%;left:62%;width:152px;height:124px}.wave-source{top:30%;left:60%}.wave-axis{top:40%}.wave-label{top:51%;right:23px}.game-art .island{width:56%;top:41%;left:31%}.game-art .spirit{width:14%;left:51%;top:calc(41% - 66px)}.spark{top:26%;left:75%}.preparation{align-items:start;gap:13px;padding:26px 0;margin-bottom:20px}.volume-symbol{width:58px;font-size:28px}.volume-symbol span{font-size:15px}.preparation p{font-size:11px}.preparation strong{font-size:12px}footer{font-size:9px;line-height:1.6;gap:15px;padding-bottom:24px}footer span{max-width:165px}footer span:last-child{text-align:right}}
@media(max-width:360px){.page{padding:0 17px}.experience{padding:20px;min-height:327px}h1{font-size:37px}.game-art .spirit{top:calc(41% - 56px)}.card-bottom p{font-size:9px}.header-note{font-size:7px}.brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}