/* Erhan Kaya — kişisel site. Yazı tipleri sunucudan (latin + latin-ext). */
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/archivo-black-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/archivo-black-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/dm-sans-400-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/dm-sans-400-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/space-mono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/space-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-mono-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-mono-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --paper:#f2f0e8;--paper2:#e9e6da;--ink:#111;--ink2:#2a2a2a;--mute:#625f57;--line:#d6d2c4;
  --dark:#111;--dark2:#1a1a1a;--on-dark:#f2f0e8;--on-dark-mute:#a19d91;--accent:#ff4d1a;--accent-text:#c2380b;
  --display:"Archivo Black","Arial Black",Impact,sans-serif;--text:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Space Mono",ui-monospace,Menlo,monospace;
  --pad:clamp(20px,5vw,72px);--max:1320px;--sec:clamp(56px,7vw,104px);--nav:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;scroll-padding-top:var(--nav)}
body{background:var(--paper);color:var(--ink);font:400 18px/1.6 var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;text-rendering:optimizeLegibility}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
::selection{background:var(--accent);color:#111}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.on-accent :focus-visible{outline-color:#111}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:#111;font:700 14px var(--mono);padding:12px 16px;border-radius:8px;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:400 13px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;flex:none}
.display{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:-.045em}
.outline{color:transparent;-webkit-text-stroke:2px var(--ink)}
.dark .outline{-webkit-text-stroke-color:var(--on-dark)}
.dot{color:var(--accent)}

/* --- nav --- */
.nav{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.nav .wrap{display:flex;align-items:center;gap:28px;height:var(--nav)}
.nav.solid,.nav.open{background:#111111f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:#ffffff14}
.logo{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--on-dark);margin-right:auto;padding:10px 0}
/* logo: tek satir kelime isareti + turuncu nokta */
.ek-mark{font:400 25px/1 var(--display);letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap}
.ek-mark i{font-style:normal;color:var(--accent);display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.logo:hover .ek-mark i{transform:translateX(.12em)}
.menu{display:flex;gap:26px;list-style:none}
.menu a{font:400 12.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--on-dark);opacity:.82;transition:opacity .2s,color .2s}
.menu a:hover{opacity:1;color:var(--accent)}
.nav .cta{display:inline-flex;align-items:center;gap:8px;min-height:40px;font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#111;background:var(--accent);padding:0 16px;border-radius:999px;white-space:nowrap;transition:transform .2s,background .2s}
.nav .cta:hover{transform:translateY(-1px);background:#ff6a3d}
.lang{display:inline-flex;border:1px solid #ffffff2e;border-radius:999px;padding:3px;gap:2px}
.lang a{display:inline-flex;align-items:center;gap:6px;min-width:44px;height:32px;justify-content:center;font:700 12px var(--mono);letter-spacing:.1em;text-decoration:none;color:var(--on-dark-mute);border-radius:999px;transition:color .2s,background .2s}
.lang a:hover{color:var(--on-dark)}
.lang a[aria-current="page"]{background:var(--on-dark);color:#111}
.lang a[aria-current="page"]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.burger{display:none;background:none;border:0;color:var(--on-dark);width:44px;height:44px;cursor:pointer;margin-right:-10px}
.burger span{display:block;width:22px;height:2px;background:currentColor;margin:5px auto;transition:transform .3s,opacity .3s}

/* --- hero --- */
.hero{position:relative;background:var(--dark);color:var(--on-dark);min-height:min(100svh,940px);display:flex;align-items:flex-end;padding:calc(var(--nav) + 64px) 0 120px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 620px at 85% 30%,#ff4d1a1c,transparent 62%),radial-gradient(700px 500px at 0% 100%,#ffffff0b,transparent 60%);pointer-events:none}
.hero-photo{position:absolute;right:0;bottom:0;top:var(--nav);width:min(46vw,660px);margin:0;z-index:0;pointer-events:none}
.hero-photo picture,.hero-photo img{display:block;width:100%;height:100%}
.hero-photo img{object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34%),linear-gradient(to top,transparent 0,#000 26%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 34%),linear-gradient(to top,transparent 0,#000 26%);mask-composite:intersect;opacity:0;animation:photo 1.2s .25s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes photo{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
.hero .wrap{position:relative;width:100%;z-index:1}
.hero .eyebrow{color:var(--on-dark-mute);margin-bottom:26px}
.hero h1{font-size:clamp(72px,13.5vw,212px);margin-left:-.04em}
.hero h1 .row{display:block;overflow:hidden;padding-bottom:.02em}
.hero h1 .row>span{display:inline-block;transform:translateY(105%);animation:rise 1s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .row+.row>span{animation-delay:.12s}
@keyframes rise{to{transform:none}}
.hero-bottom{display:grid;grid-template-columns:minmax(0,640px);gap:40px;align-items:end;margin-top:34px}
.lead{font-size:clamp(18px,1.55vw,22px);line-height:1.55;color:#dcd9cf}
.lead strong{color:#fff;font-weight:600}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;font:700 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:0 22px;border-radius:999px;transition:transform .2s,background .2s,color .2s,border-color .2s}
.btn.primary{background:var(--accent);color:#111}
.btn.primary:hover{transform:translateY(-2px)}
.btn.ghost{border:1px solid #ffffff45;color:var(--on-dark)}
.btn.ghost:hover{background:var(--on-dark);color:#111}

/* --- bant --- */
.band{position:relative;z-index:2;background:var(--accent);color:#111;transform:rotate(-2deg);margin:-44px -3vw 0;padding:18px 0;border-block:2px solid #111;overflow:hidden}
.band .track{display:flex;width:max-content;animation:marquee 40s linear infinite}
.band span{display:flex;align-items:center;gap:52px;padding:0 26px;font:400 clamp(24px,3.2vw,42px) var(--display);text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap}
.band span::after{content:"✳";font-family:var(--text);font-size:.8em}
.band span:nth-child(even)::after{content:"↗"}
@keyframes marquee{to{transform:translateX(-50%)}}

/* --- bolumler --- */
.sec{padding:var(--sec) 0;position:relative}
.sec-head{display:grid;gap:14px;margin-bottom:clamp(28px,3.4vw,48px)}
.sec-head h2{font-size:clamp(52px,8.2vw,124px)}
.sec-head p{max-width:620px;color:var(--ink2);font-size:clamp(17px,1.4vw,20px)}
.dark{background:var(--dark);color:var(--on-dark)}
.dark .eyebrow{color:var(--on-dark-mute)}
.dark .sec-head p{color:#d0cdc3}

/* yaklasim */
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--on-dark)}
.principle{padding:30px 30px 6px 0}
.principle+.principle{padding-left:30px;border-left:1px solid #ffffff22}
.principle .n{font:400 13px var(--mono);letter-spacing:.14em;color:var(--accent)}
.principle h3{font:400 clamp(26px,2.4vw,36px)/1 var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:16px 0 12px}
.principle p{color:#cdcac0;font-size:16.5px}

/* hikaye */
.story-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(28px,3.4vw,44px)}
.story-intro .big{font-size:clamp(22px,2.3vw,32px);line-height:1.35;letter-spacing:-.015em;font-weight:500;max-width:760px}
.edu{border-top:2px solid var(--ink);padding-top:22px}
.edu-label{font:400 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.edu-list{font-size:clamp(28px,3.4vw,50px);line-height:1.04;letter-spacing:-.035em;display:flex;flex-direction:column;align-items:flex-start;gap:6px}

/* deneyim */
#experience .sec-head{margin-bottom:0}
@media (min-width:1001px){
  #experience .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:clamp(40px,5vw,80px);align-items:center}
  #experience .sec-head h2{font-size:clamp(44px,4.4vw,64px)}
  #experience .orbit{margin:0;width:100%}
}
@property --t{syntax:"<angle>";inherits:true;initial-value:0deg}
.orbit{position:relative;width:min(100%,640px);aspect-ratio:1/1;margin:-1cqw auto -2cqw;container-type:inline-size;--ro:38cqw;--ri:21.5cqw}
.orbit-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px dashed #b9b4a4;transform:translate(-50%,-50%);pointer-events:none}
.orbit-ring-out{width:calc(var(--ro)*2);height:calc(var(--ro)*2)}
.orbit-ring-in{width:calc(var(--ri)*2);height:calc(var(--ri)*2);border-style:solid;border-color:#cfcabb}
.orbit .eco-names{position:absolute;inset:0;list-style:none;animation:orbit 80s linear infinite}
.orbit .eco-names li{position:absolute;left:50%;top:50%;--ang:calc(var(--a) + var(--t));transform:translate(-50%,-50%) rotate(var(--ang)) translateX(var(--ro)) rotate(calc(-1*var(--ang)))}
@keyframes orbit{to{--t:360deg}}
.orbit:hover .eco-names,.orbit:focus-within .eco-names{animation-play-state:paused}
.eco-name{-webkit-appearance:none;appearance:none;margin:0;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;font:400 clamp(12px,2.15cqw,18px)/1 var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:999px;padding:.75em 1.05em;min-height:44px;transition:background .3s,color .3s,opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.key .eco-name{border-color:var(--accent);border-width:2px}
.eco-name::before{content:"";width:.45em;height:.45em;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.eco-names.dim .eco-name{opacity:.68}
.eco-names .eco-name.on{opacity:1;background:var(--ink);color:var(--paper);transform:scale(1.08);box-shadow:5px 5px 0 var(--accent)}
.eco-names .eco-name.on::before{transform:scale(1)}
.eco-name:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.orbit .eco-detail{position:absolute;left:50%;top:50%;width:34cqw;height:34cqw;transform:translate(-50%,-50%);border-radius:50%;background:var(--dark);color:var(--on-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.1cqw;padding:4.5cqw;z-index:1;box-shadow:0 0 0 1.4cqw var(--paper),0 0 0 calc(1.4cqw + 1.5px) var(--accent)}
.orbit .eco-detail::before,.orbit .eco-detail::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent);opacity:0;animation:pulse 4.8s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.orbit .eco-detail::after{animation-delay:2.4s}
@keyframes pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.9);opacity:0}}
.eco-count{font:400 clamp(10px,1.5cqw,12px) var(--mono);letter-spacing:.14em;color:var(--on-dark-mute)}
.eco-title{font:400 clamp(20px,4.2cqw,38px)/1 var(--display);text-transform:uppercase;letter-spacing:-.035em;overflow-wrap:anywhere}
.eco-meta{font:700 clamp(10px,1.55cqw,12.5px) var(--mono);letter-spacing:.02em;color:#111;background:var(--accent);padding:.5em .9em;border-radius:999px}
.eco-detail.swap .eco-title,.eco-detail.swap .eco-meta{animation:swap .45s cubic-bezier(.2,.8,.2,1)}
.orbit.rv .orbit-ring{transition:transform 1.2s cubic-bezier(.2,.8,.2,1) .1s}
.orbit.rv:not(.in) .orbit-ring{transform:translate(-50%,-50%) scale(.6)}
@container (max-width:520px){
  .orbit{--ro:38cqw;--ri:23cqw}
  .orbit .eco-detail{width:34cqw;height:34cqw;padding:2cqw;gap:.8cqw;box-shadow:0 0 0 1.6cqw var(--paper),0 0 0 calc(1.6cqw + 1.5px) var(--accent)}
  .eco-count{font-size:9px}
  .eco-title{font-size:3.9cqw;letter-spacing:-.045em;overflow-wrap:normal;white-space:nowrap}
  .eco-meta{position:absolute;left:50%;translate:-50% 0;top:calc(67cqw + 18px);white-space:nowrap;font-size:11.5px}
  .eco-name{font-size:10.5px;padding:.6em .8em;min-height:32px;border-width:1.3px}
  .key .eco-name{border-width:1.6px}
  .eco-names .eco-name.on{box-shadow:3px 3px 0 var(--accent)}
}
@keyframes swap{from{opacity:0;transform:translateY(10px)}}

/* iletisim */
.contact{padding:var(--sec) 0}
.contact h2{font-size:clamp(60px,11vw,170px)}
.contact p{margin-top:22px;max-width:560px;color:var(--ink2);font-size:clamp(17px,1.4vw,20px)}
.cform{margin-top:30px;max-width:760px;display:grid;gap:22px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cf-field{display:grid;gap:8px}
.cf-field span{font:400 12.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-mute)}
.cf-field input,.cf-field textarea{width:100%;background:transparent;border:0;border-bottom:1.5px solid #ffffff55;color:var(--on-dark);font:400 18px/1.5 var(--text);padding:8px 0 10px;border-radius:0;transition:border-color .2s;resize:vertical}
.cf-field textarea{min-height:110px}
.cf-field input:focus,.cf-field textarea:focus{outline:0;border-bottom-color:var(--accent)}
.cf-field input:focus-visible,.cf-field textarea:focus-visible{box-shadow:0 2px 0 var(--accent)}
.cf-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}
.cf-foot .btn{border:0;cursor:pointer}
.cf-foot .btn[disabled]{opacity:.6;cursor:wait}
.cf-status{margin:0!important;font-size:15.5px;color:#d0cdc3}
.cf-status.ok{color:var(--on-dark)}
.cf-status.ok::before{content:"✓ ";color:var(--accent);font-weight:700}
.cf-status.err{color:#ffb39c}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;list-style:none}
.socials a{display:inline-flex;align-items:center;min-height:46px;font:700 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:2px solid var(--ink);border-radius:999px;padding:0 20px;transition:background .2s,color .2s}
.socials a:hover{background:var(--ink);color:var(--paper)}
.contact.dark p{color:#d0cdc3}
.contact.dark .socials a{border-color:#ffffff55;color:var(--on-dark)}
.contact.dark .socials a:hover{background:var(--on-dark);color:#111;border-color:var(--on-dark)}
.contact.dark+footer{border-top:1px solid #ffffff14}

/* footer */
footer{background:var(--dark);color:var(--on-dark-mute);padding:34px 0}
footer .wrap{display:flex;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;align-items:center;font:400 12.5px var(--mono);letter-spacing:.1em;text-transform:uppercase}
footer a{text-decoration:none;color:var(--on-dark);display:inline-block;padding:14px 0;line-height:16px}
footer a:hover{color:var(--accent)}
footer .mark .ek-mark{font-size:22px}

/* 404 */
.nf{min-height:100svh;display:flex;align-items:center;background:var(--dark);color:var(--on-dark);padding:var(--nav) 0}
.nf h1{font-size:clamp(110px,24vw,320px)}
.nf p{margin-top:18px;font-size:clamp(18px,1.6vw,22px);color:#dcd9cf}
.nf p+p{margin-top:4px;color:var(--on-dark-mute)}

/* gorunme animasyonu */
.rv{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
  .hero h1 .row>span{transform:none}
  .hero-photo img{opacity:1}
  .orbit .eco-names{animation:none}
  .orbit .eco-detail::before,.orbit .eco-detail::after{display:none}
}

/* --- duyarli --- */
@media (max-width:1100px){
  .nav .wrap{gap:20px}
  .menu{gap:18px}
}
@media (max-width:900px){
  .menu,.nav .lang.desk,.nav .cta{display:none}
  .burger{display:block}
  .nav.open .menu{display:flex;flex-direction:column;position:absolute;top:var(--nav);left:0;right:0;background:#111;padding:8px var(--pad) 24px;gap:0;border-bottom:1px solid #ffffff1a}
  .nav.open .menu a{display:flex;align-items:center;min-height:52px;font-size:14px;border-bottom:1px solid #ffffff12}
  .nav.open .menu li.lang-li{padding-top:18px}
  .nav.open .menu li.lang-li a{height:44px;min-width:64px;min-height:44px;border:0;font-size:13px}
  .nav.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.open .burger span:nth-child(2){opacity:0}
  .nav.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hero-bottom{grid-template-columns:1fr}
  .hero{flex-direction:column;align-items:stretch}
  .hero-photo{position:relative;top:auto;right:auto;bottom:auto;order:2;width:min(100%,560px);aspect-ratio:1/1;margin:28px auto -40px}
  .hero-photo img{object-position:center 12%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 68%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 68%,transparent 100%)}
  .principles{grid-template-columns:1fr;border-top:0}
  .principle,.principle+.principle{padding:22px 0;border-left:0;border-top:1px solid #ffffff22}
  .principle:first-child{border-top:2px solid var(--on-dark)}
  .story-intro{grid-template-columns:1fr}
}
@media (min-width:901px){ .menu .lang-li{display:none} }
@media (max-width:640px){
  :root{--sec:52px;--nav:64px}
  .ek-mark{font-size:21px}
  .orbit{margin-bottom:44px}
  body{font-size:17px}
  .hero{min-height:auto;padding:calc(var(--nav) + 44px) 0 92px}
  .hero h1{font-size:clamp(64px,22vw,120px)}
  .hero .eyebrow{margin-bottom:18px;font-size:12px}
  .hero-bottom{margin-top:22px;gap:22px}
  .hero-cta{margin-top:22px}
  .hero-cta .btn{flex:1}
  .band{margin-top:-34px;padding:12px 0}
  .band span{gap:36px;padding:0 18px;font-size:22px}
  .sec-head{gap:12px;margin-bottom:32px}
  .sec-head h2{font-size:clamp(40px,11.6vw,64px)}
  .outline{-webkit-text-stroke-width:1.5px}
  .principle h3{font-size:24px;margin:10px 0 8px}
  .story-intro{gap:22px;margin-bottom:28px}
  .edu-list{font-size:clamp(24px,7vw,32px);gap:4px}
  .contact h2{font-size:clamp(48px,14.5vw,80px)}
  .socials a{flex:1;justify-content:center;padding:0 12px}
  .cf-row{grid-template-columns:1fr;gap:18px}
  .cform{gap:18px}
  .cf-field input,.cf-field textarea{font-size:17px}
  footer .wrap{flex-direction:column;align-items:flex-start;gap:0}
}