@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&family=Noto+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --navy:#092B53;
  --navy-deep:#061c36;
  --orange:#D25401;
  --orange-deep:#B84600;
  --paper:#F5F0E7;
  --paper-2:#EDE5D8;
  --ink:#102132;
  --muted:#6f756f;
  --white:#fff;
  --line:rgba(9,43,83,.14);
  --ease:cubic-bezier(.18,.75,.25,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope","Noto Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[dir="rtl"] body{font-family:"Noto Sans Arabic","Noto Sans",system-ui,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
::selection{background:var(--orange);color:#fff}

.site{position:relative;isolation:isolate;overflow:hidden}
.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.cursor-dot{position:fixed;z-index:85;width:8px;height:8px;border-radius:50%;background:var(--orange);pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .25s}
@media(pointer:fine){body:hover .cursor-dot{opacity:.75}}

.header{position:fixed;z-index:70;top:0;left:0;width:100%;padding:20px clamp(18px,3vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;transition:background .35s var(--ease),border-color .35s var(--ease),padding .35s var(--ease);border-bottom:1px solid transparent}
.header.scrolled{padding-top:13px;padding-bottom:13px;background:rgba(245,240,231,.86);backdrop-filter:blur(18px);border-color:rgba(9,43,83,.08)}
.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;color:var(--navy);font-weight:800;letter-spacing:-.045em}
.brand img{width:34px;height:34px;object-fit:contain}
.brand-name{font-size:17px}.brand-name em{font-style:normal;color:var(--orange)}
.header-note{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.contact-short{display:inline-flex;align-items:center;gap:8px;padding:9px 0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);position:relative}
.contact-short:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(.25);transform-origin:left;transition:transform .3s var(--ease)}
html[dir="rtl"] .contact-short:after{transform-origin:right}
.contact-short:hover{color:var(--orange)}.contact-short:hover:after{transform:scaleX(1)}
.lang{position:relative}
.lang>button{border:1px solid rgba(9,43,83,.13);background:rgba(255,255,255,.45);height:38px;min-width:58px;border-radius:999px;color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer}
.lang-menu{position:absolute;top:48px;inset-inline-end:0;width:158px;background:#fff;border:1px solid rgba(9,43,83,.09);box-shadow:0 20px 55px rgba(9,43,83,.12);border-radius:15px;padding:7px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.22s var(--ease)}
.lang.open .lang-menu{opacity:1;transform:none;pointer-events:auto}
.lang-menu a{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-radius:10px;font-size:12px;font-weight:650}.lang-menu a:hover,.lang-menu a.active{background:var(--paper);color:var(--orange)}

.hero{position:relative;min-height:100svh;padding:clamp(112px,13vh,150px) clamp(18px,4.5vw,72px) 28px;display:grid;grid-template-rows:1fr auto;overflow:hidden;background:var(--paper)}
.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(9,43,83,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(9,43,83,.045) 1px,transparent 1px);background-size:9vw 9vw;mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 80%,transparent 100%);animation:gridDrift 24s linear infinite}
@keyframes gridDrift{to{background-position:9vw 9vw}}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:clamp(35px,5vw,90px);align-items:center}
.hero-copy{position:relative;z-index:4;align-self:center}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:1px;background:currentColor}
.headline{margin:0;color:var(--navy);font-size:clamp(57px,8.55vw,146px);line-height:.82;letter-spacing:-.078em;font-weight:800;text-transform:uppercase;max-width:9ch}
html[dir="rtl"] .headline{line-height:.98;letter-spacing:-.045em;text-transform:none;max-width:10ch}
.headline .word{display:block;overflow:hidden;padding-bottom:.08em}.headline .word>span{display:block;transform:translateY(108%);animation:rise .95s var(--ease) forwards}.headline .word:nth-child(2)>span{animation-delay:.09s}.headline .word:nth-child(3)>span{animation-delay:.18s;color:var(--orange)}
@keyframes rise{to{transform:none}}
.hero-note{margin:30px 0 0;max-width:620px;color:#3b4a58;font-size:clamp(15px,1.25vw,19px);line-height:1.72}

.aperture{position:relative;min-height:570px;display:grid;place-items:center}
.aperture-frame{position:relative;width:min(31vw,470px);aspect-ratio:.78;border:1px solid rgba(9,43,83,.18);overflow:hidden;background:var(--navy-deep);clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%);box-shadow:0 28px 70px rgba(9,43,83,.16)}
.aperture-frame:before,.aperture-frame:after{content:"";position:absolute;inset:0;pointer-events:none}
.aperture-frame:before{inset:-4%;background-image:url("https://images.unsplash.com/photo-1768693480112-a01a9f577e9b?auto=format&fit=crop&fm=webp&q=78&w=1800");background-size:cover;background-position:56% center;filter:saturate(.86) contrast(1.04);transform:scale(1.03);animation:architectureDrift 14s ease-in-out infinite alternate}
@keyframes architectureDrift{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.095) translate3d(-1.4%,.6%,0)}}
.aperture-frame:after{background:linear-gradient(155deg,rgba(6,28,54,.06) 0 32%,rgba(9,43,83,.16) 64%,rgba(6,28,54,.46) 100%),linear-gradient(0deg,rgba(9,43,83,.16),transparent 45%),linear-gradient(145deg,transparent 58%,rgba(210,84,1,.13) 58% 66%,transparent 66%)}
.sky-block,.sky-line{display:none}
.logo-seal{position:absolute;z-index:5;width:min(16vw,215px);aspect-ratio:1;border-radius:50%;background:rgba(245,240,231,.94);box-shadow:0 24px 70px rgba(9,43,83,.13);display:grid;place-items:center;left:-9%;bottom:8%;animation:float 5.5s ease-in-out infinite}
.logo-seal:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(9,43,83,.2);border-radius:inherit;animation:sealSpin 25s linear infinite}.logo-seal img{position:relative;z-index:2;width:60%}
@keyframes float{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes sealSpin{to{transform:rotate(360deg)}}
.aperture-caption{position:absolute;right:-15px;top:12%;writing-mode:vertical-rl;text-orientation:mixed;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
html[dir="rtl"] .aperture-caption{right:auto;left:-15px}

.hero-foot{position:relative;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:18px;border-top:1px solid var(--line)}
.hero-foot .founded{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--navy)}
.hero-foot .scroll-cue{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.scroll-cue i{display:block;width:54px;height:1px;background:var(--line);overflow:hidden}.scroll-cue i:after{content:"";display:block;width:18px;height:1px;background:var(--orange);animation:scan 2s ease-in-out infinite}@keyframes scan{50%{transform:translateX(36px)}}
html[dir="rtl"] .scroll-cue i:after{animation-name:scan-rtl}@keyframes scan-rtl{50%{transform:translateX(-36px)}}

.manifesto{position:relative;background:var(--navy);color:white;padding:clamp(90px,12vw,180px) clamp(18px,5vw,80px);overflow:hidden}
.manifesto:before{content:"KELEPİRDEN";position:absolute;left:-.035em;bottom:-.18em;font-size:clamp(120px,22vw,360px);font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none}
.manifesto-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);gap:8vw;align-items:start}
.manifesto-side{position:sticky;top:105px}
.manifesto-label{color:#f08a43;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}
.manifesto-side p{max-width:240px;margin:0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.7}
.manifesto-main h2{margin:0;max-width:13ch;font-size:clamp(47px,6.2vw,100px);line-height:.95;letter-spacing:-.058em;font-weight:700}
html[dir="rtl"] .manifesto-main h2{line-height:1.08;letter-spacing:-.034em;max-width:14ch}
.manifesto-main h2 em{font-style:normal;color:#f08a43}
.stream{margin-top:58px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);overflow:hidden}
.stream-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.stream-item{display:flex;align-items:center;gap:24px;padding:21px 30px 21px 0;font-size:clamp(18px,1.8vw,28px);font-weight:600;letter-spacing:-.025em;white-space:nowrap}.stream-item:after{content:"";width:7px;height:7px;border:1px solid #f08a43;transform:rotate(45deg)}
@keyframes marquee{to{transform:translateX(-50%)}}html[dir="rtl"] .stream-track{animation-direction:reverse}


.visual-story{position:relative;isolation:isolate;min-height:clamp(620px,82svh,900px);background:var(--navy-deep);color:#fff;overflow:hidden}
.visual-media{position:absolute;inset:0;z-index:-3;display:block;overflow:hidden;background:#071b30}
.visual-media img{width:100%;height:calc(100% + 34px);object-fit:cover;object-position:center 52%;--visual-y:0px;--visual-scale:1.075;transform:translate3d(0,var(--visual-y),0) scale(var(--visual-scale));filter:saturate(.92) contrast(1.04);transition:transform 1.65s var(--ease),filter .9s var(--ease);will-change:transform}
.visual-story.in .visual-media img{--visual-scale:1.035}
.visual-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,18,34,.80) 0%,rgba(4,18,34,.46) 42%,rgba(4,18,34,.08) 72%),linear-gradient(0deg,rgba(3,18,34,.56) 0%,rgba(3,18,34,.04) 55%,rgba(3,18,34,.18) 100%)}
html[dir="rtl"] .visual-overlay{background:linear-gradient(270deg,rgba(4,18,34,.80) 0%,rgba(4,18,34,.46) 42%,rgba(4,18,34,.08) 72%),linear-gradient(0deg,rgba(3,18,34,.56) 0%,rgba(3,18,34,.04) 55%,rgba(3,18,34,.18) 100%)}
.visual-content{position:absolute;left:clamp(18px,5vw,80px);bottom:clamp(54px,8vw,112px);z-index:2;max-width:min(760px,68vw)}
html[dir="rtl"] .visual-content{left:auto;right:clamp(18px,5vw,80px)}
.visual-kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#ff9b56}
.visual-kicker:before{content:"";width:46px;height:1px;background:#ff9b56}
.visual-content h2{margin:0;max-width:10.5ch;font-size:clamp(54px,7.6vw,124px);line-height:.86;letter-spacing:-.065em;text-transform:uppercase;font-weight:800;text-wrap:balance}
html[dir="rtl"] .visual-content h2{text-transform:none;line-height:1.03;letter-spacing:-.035em;max-width:12ch}
.visual-content p{margin:24px 0 0;max-width:36ch;font-size:clamp(13px,1.15vw,17px);line-height:1.65;color:rgba(255,255,255,.74)}
.visual-signature{position:absolute;right:clamp(18px,3.2vw,52px);bottom:24px;z-index:2;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.48);writing-mode:vertical-rl}
html[dir="rtl"] .visual-signature{right:auto;left:clamp(18px,3.2vw,52px);writing-mode:vertical-lr}

.contact-zone{position:relative;background:var(--orange);color:#fff;padding:clamp(82px,9vw,140px) clamp(18px,5vw,80px) 28px;overflow:hidden}
.contact-zone:before{content:"";position:absolute;right:-6vw;top:-15vw;width:min(58vw,820px);aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%}.contact-zone:after{content:"";position:absolute;right:8vw;top:-7vw;width:min(34vw,480px);aspect-ratio:1;border:1px dashed rgba(255,255,255,.26);border-radius:50%;animation:rotatePlain 28s linear infinite}@keyframes rotatePlain{to{transform:rotate(360deg)}}
.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end}
.contact-copy .eyebrow{color:#fff;opacity:.78}
.contact-copy h2{margin:0;max-width:10ch;font-size:clamp(54px,8vw,132px);line-height:.84;letter-spacing:-.07em;text-transform:uppercase;font-weight:800}
html[dir="rtl"] .contact-copy h2{text-transform:none;line-height:1.02;letter-spacing:-.04em;max-width:11ch}
.contact-panel{border-top:1px solid rgba(255,255,255,.42)}
.contact-row{display:grid;grid-template-columns:130px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.28);transition:padding .25s var(--ease),background .25s var(--ease)}
.contact-row:hover{padding-inline:10px;background:rgba(255,255,255,.06)}
.contact-row small{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.contact-row span{font-size:clamp(14px,1.2vw,18px);font-weight:650}.contact-row b{font-size:17px;font-weight:500;transition:transform .25s var(--ease)}.contact-row:hover b{transform:translate(4px,-4px)}
html[dir="rtl"] .contact-row:hover b{transform:translate(-4px,-4px)}
.footer{position:relative;z-index:2;margin-top:clamp(70px,9vw,130px);padding-top:20px;border-top:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.footer-brand{display:flex;align-items:center;gap:9px;font-weight:800;color:#fff}.footer-brand img{width:28px;filter:brightness(0) invert(1);opacity:.95}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}

@media(max-width:960px){
  .header{grid-template-columns:1fr auto}.header-note{display:none}.contact-short{display:none}
  .hero{padding-top:112px}.hero-inner{grid-template-columns:1fr;gap:8px}.hero-copy{max-width:850px}.headline{font-size:clamp(54px,13vw,110px)}
  .aperture{min-height:390px;margin-top:-12px;justify-items:end}.aperture-frame{width:min(58vw,400px);margin-inline-end:8vw}.logo-seal{width:min(24vw,170px);left:auto;right:48%;bottom:4%}html[dir="rtl"] .logo-seal{right:auto;left:48%}.aperture-caption{right:4vw}html[dir="rtl"] .aperture-caption{left:4vw}
  .manifesto-grid{grid-template-columns:1fr}.manifesto-side{position:static;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start}.manifesto-side p{max-width:520px}.manifesto-main h2{font-size:clamp(46px,10vw,86px)}
  .visual-story{min-height:clamp(590px,76svh,760px)}.visual-content{max-width:min(720px,76vw)}.visual-content h2{font-size:clamp(54px,10vw,94px)}.visual-signature{display:none}
  .contact-grid{grid-template-columns:1fr}.contact-panel{max-width:760px}.contact-copy h2{font-size:clamp(55px,12vw,110px)}
}
@media(max-width:620px){
  .header{padding:14px 16px}.brand img{width:30px;height:30px}.brand-name{font-size:15px}
  .hero{padding:102px 16px 22px}.eyebrow{margin-bottom:16px}.headline{font-size:clamp(49px,15.2vw,82px);line-height:.84}.hero-note{margin-top:22px;font-size:14px}
  .aperture{min-height:315px;margin-top:0}.aperture-frame{width:min(73vw,330px);margin-inline-end:4vw}.logo-seal{width:112px;right:auto;left:3%;bottom:5%}html[dir="rtl"] .logo-seal{left:auto;right:3%}.aperture-caption{display:none}
  .hero-foot{align-items:center}.hero-foot .scroll-cue span{display:none}
  .manifesto{padding-left:16px;padding-right:16px}.manifesto-side{display:block}.manifesto-label{margin-bottom:13px}.manifesto-main h2{font-size:clamp(43px,12vw,68px)}.stream{margin-top:42px}
  .visual-story{min-height:72svh}.visual-media img{height:calc(100% + 24px);object-position:center 50%}.visual-overlay{background:linear-gradient(0deg,rgba(4,18,34,.84) 0%,rgba(4,18,34,.46) 48%,rgba(4,18,34,.12) 100%)}html[dir="rtl"] .visual-overlay{background:linear-gradient(0deg,rgba(4,18,34,.84) 0%,rgba(4,18,34,.46) 48%,rgba(4,18,34,.12) 100%)}.visual-content{left:16px;right:16px;bottom:46px;max-width:none}html[dir="rtl"] .visual-content{left:16px;right:16px}.visual-kicker{font-size:9px;margin-bottom:14px}.visual-kicker:before{width:30px}.visual-content h2{max-width:11ch;font-size:clamp(45px,13.4vw,72px);line-height:.9}.visual-content p{margin-top:18px;font-size:13px}.visual-signature{display:none}
  .contact-zone{padding-left:16px;padding-right:16px}.contact-copy h2{font-size:clamp(50px,14vw,80px)}.contact-row{grid-template-columns:1fr auto;gap:8px 16px}.contact-row small{grid-column:1/-1}.contact-row span{font-size:14px}.footer{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important}.headline .word>span{transform:none}.reveal{opacity:1;transform:none}}


/* i18n: prevent a flash of the Turkish fallback on direct /en/, /ar/, /ru/ loads */
html.i18n-loading body{opacity:0}
body{transition:opacity .18s ease}
.lang-menu a[aria-current="page"]{background:var(--paper);color:var(--orange)}