@font-face{font-family:Speda;src:url('assets/fonts/Speda.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Speda;src:url('assets/fonts/Speda-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
html[lang=ckb] body,html[lang=ckb] button,html[lang=ckb] input,html[lang=ckb] select,html[lang=ckb] textarea{font-family:Speda,Arial,sans-serif}
html[lang=ckb] h1,html[lang=ckb] h2,html[lang=ckb] h3,html[lang=ckb] .identity strong{font-family:Speda,Arial,sans-serif;letter-spacing:0}
header{padding:16px 5%;gap:28px;background:rgba(16,18,20,.93);border-bottom:1px solid #ffffff18;backdrop-filter:blur(24px);box-shadow:0 12px 40px #00000019;transition:padding .3s,background .3s;z-index:100}
header .identity{gap:14px;flex-shrink:0}header .monogram{background:linear-gradient(135deg,#f4d78b,#b48a37);box-shadow:0 0 0 5px #e8bf5910,0 7px 24px #0005;transition:transform .4s,box-shadow .4s;border-radius:15px}header .identity:hover .monogram{transform:rotate(-7deg);box-shadow:0 0 0 7px #e8bf5922,0 8px 26px #0005}
header nav{display:flex;gap:5px;align-items:center;padding:5px;border:1px solid #ffffff12;background:#ffffff05;border-radius:18px}header nav a{position:relative;padding:12px 20px!important;border-radius:12px;font-size:14px;color:#d5d5d7!important;transition:background .25s,color .25s,transform .25s;white-space:nowrap}header nav a:after{display:none!important}header nav a:hover{background:#ffffff0d;transform:translateY(-2px);color:white!important}header nav a.active{background:linear-gradient(135deg,#f3d793,#d1a853);color:#17191c!important;box-shadow:0 3px 16px #e6bd5124}header .languages{padding:5px;border-radius:15px;background:#ffffff06;border:1px solid #ffffff16;gap:3px}header .languages button{border-radius:10px;padding:10px 12px;transition:background .3s,transform .3s}header .languages button:hover{transform:translateY(-2px)}header .languages button[aria-pressed=true]{background:#e6c16f;color:#17191c;box-shadow:0 3px 12px #0003}
.menu-toggle{display:none}header a:focus-visible,header button:focus-visible{outline:2px solid #e6c16f;outline-offset:4px}
.about-section{background:#f3f2ee;scroll-margin-top:120px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-story h2{font-size:clamp(30px,3.5vw,52px);line-height:1.4;letter-spacing:-1.5px;margin:12px 0 22px}.about-description{font-size:16px;line-height:2;color:#65696d;max-width:620px}.about-features{display:grid;gap:0;margin:28px 0 32px;border-top:1px solid #deddd8}.about-features>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid #deddd8;padding:16px 0}.about-features span{color:#ae8433;font-size:12px;letter-spacing:2px}.about-features p{margin:0;font-size:15px;font-weight:700}.about-map{border-radius:25px;overflow:hidden;border:1px solid #deddd8;background:white;box-shadow:0 24px 65px #28251c10}.map-heading{display:flex;align-items:center;gap:15px;padding:26px}.map-heading h3{font-size:18px;margin:0 0 9px}.map-heading p{font-size:13px;line-height:1.7;margin:0;color:#737579}.map-dot{width:12px;height:12px;border-radius:50%;background:#c8a251;box-shadow:0 0 0 7px #c8a25120;flex-shrink:0;animation:mapPulse 3s infinite}.about-map iframe{display:block;width:100%;height:370px;border:0;background:#eceee8}.map-caption{font-size:12px;line-height:1.8;color:#787a7d;margin:0;padding:17px 26px}@keyframes mapPulse{50%{box-shadow:0 0 0 12px #c8a25108}}
@media(max-width:1100px){header{gap:15px;padding:13px 4%}header nav a{padding:11px 13px!important;font-size:13px}header .identity small{font-size:8px}header .languages button{padding:9px}.about-layout{gap:32px}}
@media(max-width:900px){header{display:grid;grid-template-columns:1fr auto;gap:13px;padding:14px 5%;position:sticky;top:0}header .identity{grid-column:1;grid-row:1}header .identity strong{font-size:17px}header .languages{grid-column:1;grid-row:2;justify-self:start;width:auto}header .languages button{padding:7px 12px;font-size:11px}.menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;grid-column:2;grid-row:1/3;min-height:45px;border:1px solid #ffffff22;background:#ffffff08;color:#f1d18a;border-radius:13px;padding:11px 14px;font-size:13px}.menu-lines{display:grid;gap:5px;width:18px}.menu-lines i{display:block;width:18px;height:2px;background:currentColor;transition:transform .3s}.menu-open .menu-lines i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-lines i:last-child{transform:translateY(-3.5px) rotate(-45deg)}header nav{position:absolute;width:auto;order:initial;top:calc(100% + 9px);inset-inline:5%;display:flex;flex-direction:column;align-items:stretch;border:1px solid #ffffff1c;background:#191c20f7;padding:10px;border-radius:19px;box-shadow:0 20px 50px #0005;opacity:0;transform:translateY(-12px) scale(.98);visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s}header.menu-open nav{opacity:1;transform:none;visibility:visible;pointer-events:auto}header nav a{padding:15px 18px!important;font-size:15px}.about-layout{grid-template-columns:1fr;gap:35px}.about-description{font-size:14px}.about-features p{font-size:13px}.map-heading{padding:22px}.about-map iframe{height:300px}.about-story h2{font-size:32px}.about-section{scroll-margin-top:135px}}
@media(prefers-reduced-motion:reduce){.map-dot{animation:none}header *,header nav{transition:none!important}}