/* Ekran yüksekliğine uyarlanan kompakt yerleşim. */
@media(min-width:701px){
.header{padding:2.2svh 0 1.5svh}.brand{width:clamp(210px,25vw,340px)}.hero{margin-top:.5svh;width:min(900px,82%)}
.announcement{font-size:clamp(20px,4.1svh,34px);padding-bottom:.8svh;margin-bottom:1.8svh;border-bottom-width:4px}h1{font-size:clamp(34px,7.4svh,62px);margin-bottom:2svh}
.sectors{font-size:clamp(11px,1.9svh,17px);margin-bottom:1.3svh}.tagline{font-size:clamp(16px,2.5svh,23px);margin-bottom:1.5svh}.description{font-size:clamp(14px,2.1svh,18px);line-height:1.45;max-width:600px}
.contact{min-height:0;margin-top:1svh}.mascot img{height:clamp(110px,27svh,290px);min-height:0;max-height:none;width:100%}.invitation{padding:1svh 0 2.5svh}.invitation p{font-size:clamp(17px,2.6svh,23px);margin-bottom:1.6svh}
.button{min-height:43px;padding:11px 24px;font-size:16px}.contact-details{margin-bottom:2.5svh}.email{font-size:clamp(15px,2.2svh,20px)}address{font-size:11px;line-height:1.5;margin-top:8px}.ledge{height:3.7svh;min-height:20px;max-height:36px}footer{min-height:6.5svh;font-size:11px;flex-shrink:0}}
@media(max-width:700px){
.header{padding:1.5svh 0 1.2svh}.brand{width:min(53vw,235px)}.languages a{padding:8px 0}.hero{margin-top:.5svh;width:92%}
.announcement{font-size:clamp(15px,2.6svh,23px);padding-bottom:6px;margin-bottom:1.6svh}h1{font-size:clamp(27px,4.9svh,42px);margin-bottom:1.5svh}
.sectors{font-size:10px;gap:6px;letter-spacing:.04em;margin-bottom:1.3svh}.sectors li+li:before{margin-right:6px}.tagline{font-size:clamp(15px,2.2svh,18px);line-height:1.25;margin-bottom:1.3svh}.description{font-size:clamp(13px,1.9svh,15px);line-height:1.4;max-width:380px}
.contact{margin-top:1.6svh;min-height:0}.invitation p{font-size:16px;margin-bottom:1.2svh}.button{min-height:40px;padding:9px 22px;font-size:15px}.contact-details{margin:1.5svh 0 0}.email{font-size:16px}address{font-size:10px;line-height:1.4;margin-top:5px}
.mascot{margin-top:auto;width:min(80%,340px)}.mascot img{height:20svh;max-height:190px;min-height:0}.ledge{height:2.4svh;min-height:16px}footer{padding:1.2svh 0;min-height:0;gap:8px;font-size:9px;flex-shrink:0}.credit{font-size:9px;gap:10px}.credit img{width:90px}}
.page{min-height:100svh}
@media(max-width:700px) and (max-height:650px){
.header{padding:6px 0}.hero{margin-top:0}.announcement{font-size:15px;margin-bottom:9px;padding-bottom:4px}h1{font-size:27px;margin-bottom:9px}.sectors{margin-bottom:7px;font-size:9px}.tagline{font-size:14px;margin-bottom:7px}.description{font-size:12px;line-height:1.35}.contact{margin-top:9px}.invitation p{font-size:14px;margin-bottom:7px}.button{min-height:36px;padding:8px 20px;font-size:14px}.contact-details{margin-top:9px}.email{font-size:14px}address{font-size:9px;line-height:1.3;margin-top:4px}.mascot img{height:14svh}.ledge{height:16px}footer{padding:7px 0;gap:5px;font-size:8px}.credit img{width:75px}}