@import "https://fonts.googleapis.com/css2?family=Russo+One&family=Syne:wght@400;500;600;700;800&display=swap";:root{color:#f3f0eb;font-synthesis:none;background:#080d12;font-family:Syne,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:95px}body{min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}#root{width:100%;min-height:100vh}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101113f5;border-bottom:1px solid #292b2e;width:100%;padding:23px 5%;position:sticky;top:0}.navbar{grid-template-columns:1.2fr auto .8fr;align-items:center;gap:30px;max-width:1500px;margin:0 auto;display:grid}.logo{letter-spacing:-1.2px;white-space:nowrap;grid-column:1;justify-self:start;font-family:Syne,sans-serif;font-size:clamp(24px,2vw,30px);font-weight:700;text-decoration:none;animation:.8s ease-out both logoGiris}.logo-first{color:#f3f0eb}.logo-accent,.logo-dot{color:#c2a584}.logo:hover .logo-accent,.logo:hover .logo-dot{color:#e2c7a9}.logo-accent,.logo-dot{transition:color .3s}.nav-links{grid-column:2;justify-self:center;align-items:center;gap:clamp(5px,.8vw,15px);display:flex}.nav-links a{color:#a9aaad;white-space:nowrap;opacity:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:12px 13px;font-family:Syne,sans-serif;font-size:clamp(13px,1vw,16px);font-weight:500;text-decoration:none;transition:color .3s,background .3s,translate .3s;animation:.6s ease-out forwards menuGiris;display:inline-flex;position:relative}.nav-links a svg{color:#a9aaad;flex-shrink:0;transition:color .3s,transform .3s}.nav-links a:first-child{animation-delay:.35s}.nav-links a:nth-child(2){animation-delay:.48s}.nav-links a:nth-child(3){animation-delay:.61s}.nav-links a:nth-child(4){animation-delay:.74s}.nav-links a:nth-child(5){animation-delay:.87s}.nav-links a:hover{color:#f3f0eb;background:#c2a5841a;translate:0 -2px}.nav-links a:hover svg,.nav-links a:focus-visible svg{color:#c2a584;transform:translateY(-2px)}.nav-links a:after{content:"";transform-origin:0;background:#c2a584;height:2px;transition:transform .3s;position:absolute;bottom:4px;left:13px;right:13px;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.nav-links a:focus-visible,.logo:focus-visible,.menu-toggle:focus-visible{outline-offset:3px;outline:2px solid #c2a584}.menu-toggle{cursor:pointer;background:0 0;border:1px solid #34383d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.menu-toggle span{background:#f3f0eb;border-radius:2px;width:22px;height:2px;display:block}@keyframes logoGiris{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:translate(0)}}@keyframes menuGiris{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=1050px){.header{padding:16px 5%}.navbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{font-size:25px}.menu-toggle{display:flex}.nav-links{opacity:0;visibility:hidden;pointer-events:none;background:#101113;border-bottom:1px solid #292b2e;flex-direction:column;align-items:stretch;gap:5px;padding:16px 5% 24px;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.nav-links.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-links a{opacity:1;justify-content:flex-start;padding:14px;font-size:15px;animation:none}.nav-links a svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.logo,.nav-links a{opacity:1;animation:none}.nav-links,.nav-links a,.nav-links a svg,.nav-links a:after{transition:none}}.home-hero{isolation:isolate;background:radial-gradient(at 74% 52%,#103744 0%,#091720 43%,#080d12 82%);grid-template-columns:42% 58%;align-items:center;width:100%;min-height:max(650px,100svh - 92px);padding:3rem clamp(24px,4.5vw,90px);display:grid;position:relative;overflow:hidden}.hero-left{z-index:4;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-width:0;animation:.9s ease-out both textReveal;display:flex;position:relative}.hero-greeting{letter-spacing:1.5px;color:#f0efed;margin-bottom:22px;font-family:Syne,sans-serif;font-size:clamp(12px,1.2vw,18px);font-weight:700}.hero-greeting span{color:#33a6eb}.hero-heading{letter-spacing:-.045em;color:#f5f5f5;flex-direction:column;align-items:flex-start;font-family:Russo One,sans-serif;font-size:clamp(39px,4.6vw,80px);font-weight:400;line-height:1.14;display:flex}.hero-heading span{white-space:nowrap;display:block}.hero-heading .highlight{background:linear-gradient(100deg,#278dff 0%,#286bd5 50%,#16376a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-specialties{letter-spacing:2px;color:#95a7b5;margin-top:28px;font-family:Syne,sans-serif;font-size:clamp(11px,1vw,15px)}.hero-right{isolation:isolate;align-self:center;width:100%;min-width:0;height:clamp(480px,68svh,730px);position:relative}.hero-glow{z-index:0;aspect-ratio:1;filter:blur(35px);pointer-events:none;background:radial-gradient(circle,#00b7e13d 0%,#009bcd17 47%,#0000 74%);border-radius:50%;width:95%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-ring{z-index:1;aspect-ratio:1;pointer-events:none;border:1.5px solid #00b9e9;border-radius:50%;width:min(95%,720px);animation:1.3s ease-out both ringReveal;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #00b7e121;-webkit-mask-image:linear-gradient(#000 0% 42%,#0000 73%);mask-image:linear-gradient(#000 0% 42%,#0000 73%)}.hero-portrait{z-index:3;object-fit:contain;object-position:center bottom;transform-origin:bottom;filter:drop-shadow(0 0 24px #00b9e81a);pointer-events:none;width:100%;max-width:850px;height:100%;animation:1.1s ease-out both portraitEnter;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(1.06);-webkit-mask-image:linear-gradient(#000 0% 76%,#0000 100%);mask-image:linear-gradient(#000 0% 76%,#0000 100%)}@keyframes textReveal{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@keyframes portraitEnter{0%{opacity:0;transform:translate(-50%,35px)scale(1.01)}to{opacity:1;transform:translate(-50%)scale(1.06)}}@keyframes ringReveal{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@media (width<=1200px) and (width>=801px){.home-hero{grid-template-columns:45% 55%;padding-inline:4%}.hero-heading{font-size:clamp(32px,4.3vw,62px)}.hero-right{height:min(65svh,620px)}.hero-specialties{letter-spacing:1px}}@media (width<=800px){.home-hero{flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:65px 0 0;display:flex}.hero-left{width:100%;padding:0 6% 25px}.hero-greeting{letter-spacing:1px;font-size:12px}.hero-heading{font-size:clamp(28px,7.3vw,60px);line-height:1.15}.hero-specialties{letter-spacing:1px;margin-top:20px;font-size:11px}.hero-right{width:100%;height:clamp(370px,100vw,580px)}.hero-ring{width:min(88vw,470px)}.hero-glow{width:95%}.hero-portrait{width:100%;height:100%}}@media (prefers-reduced-motion:reduce){.hero-left,.hero-ring,.hero-portrait{animation:none}.hero-portrait{transform:translate(-50%)scale(1.06)}}.about-section{background:radial-gradient(at 95% 45%,#123c4d38,#0000 55%),#0b1016;align-items:start;width:100%;min-height:calc(100svh - 92px);padding:clamp(35px,4svh,55px) clamp(24px,5vw,85px) clamp(45px,6svh,75px);display:grid;position:relative;overflow:hidden}.about-container{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(30px,4.5vw,85px);width:100%;max-width:1440px;margin:0 auto;display:grid}.about-content{min-width:0}.about-label{letter-spacing:2.5px;color:#c2a584;align-items:center;gap:12px;margin-bottom:clamp(14px,2svh,24px);font-family:Syne,sans-serif;font-size:11px;font-weight:700;display:flex}.about-line{background:#c2a584;width:30px;height:2px;display:inline-block}.about-title{letter-spacing:-.05em;color:#f3f0eb;margin-bottom:clamp(16px,2.5svh,28px);font-family:Russo One,sans-serif;font-size:clamp(32px,3.3vw,57px);font-weight:400;line-height:1.1}.about-title span{background:linear-gradient(100deg,#35a6f5,#2567c4,#153a73);color:#0000;-webkit-background-clip:text;background-clip:text}.about-description{color:#aab5bf;max-width:590px;margin-bottom:12px;font-family:Syne,sans-serif;font-size:clamp(12px,.95vw,15px);font-weight:400;line-height:1.65}.about-stats{flex-wrap:wrap;align-items:flex-start;gap:clamp(25px,3vw,50px);margin-top:clamp(15px,2.5svh,28px);margin-bottom:clamp(16px,2.5svh,28px);display:flex}.about-stat{flex-direction:column;gap:5px;display:flex}.about-stat strong{color:#c2a584;font-family:Russo One,sans-serif;font-size:clamp(30px,2.8vw,46px);font-weight:400}.about-stat span{color:#9ca9b5;font-family:Syne,sans-serif;font-size:11px}.about-cv-button{color:#f3f0eb;background:0 0;border:1px solid #c2a584;border-radius:8px;justify-content:center;align-items:center;gap:11px;min-height:46px;padding:11px 18px;font-family:Syne,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:background .3s,color .3s,transform .3s,box-shadow .3s;display:inline-flex}.about-cv-button:hover{color:#101317;background:#c2a584;transform:translateY(-3px);box-shadow:0 10px 30px #c2a58426}.about-cv-button:focus-visible{outline-offset:4px;outline:2px solid #c2a584}.about-experiences{flex-direction:column;gap:clamp(9px,1.3svh,16px);min-width:0;display:flex}.about-experiences-label{letter-spacing:1.5px;color:#c2a584;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:4px;font-family:Syne,sans-serif;font-size:10px;font-weight:700;display:flex}.about-experiences-label span{color:#8896a3}.about-card{background:linear-gradient(135deg,#171f29,#101720);border:1px solid #293541;border-radius:12px;padding:clamp(16px,1.5vw,25px);transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.about-card:before{content:"";transform-origin:bottom;background:#c2a584;width:3px;transition:transform .35s;position:absolute;top:14px;bottom:14px;left:0;transform:scaleY(0)}.about-card:hover{border-color:#c2a58480;transform:translateY(-4px);box-shadow:0 16px 35px #0003}.about-card:hover:before{transform:scaleY(1)}.about-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.about-card-number{letter-spacing:1.7px;color:#c2a584;font-family:Syne,sans-serif;font-size:10px;font-weight:700}.about-card-icon{color:#8395a5;transition:color .3s,transform .3s}.about-card:hover .about-card-icon{color:#c2a584;transform:translate(3px,-3px)}.about-card h3{color:#f3f0eb;margin-bottom:8px;font-family:Russo One,sans-serif;font-size:clamp(18px,1.5vw,23px);font-weight:400;line-height:1.25}.about-card-description{color:#aab5bf;margin-bottom:12px;font-family:Syne,sans-serif;font-size:clamp(11px,.85vw,13px);line-height:1.6}.about-card-bottom{color:#a9b4bf;border-top:1px solid #2c3741;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-family:Syne,sans-serif;font-size:10px;display:flex}.about-ready .about-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(25px)}.about-ready.about-visible .about-reveal{opacity:1;transform:translateY(0)}@media (width>=951px) and (height<=760px){.about-section{padding-top:20px;padding-bottom:20px}.about-title{margin-bottom:14px;font-size:clamp(30px,3vw,45px)}.about-label{margin-bottom:12px}.about-description{margin-bottom:8px;font-size:12px;line-height:1.5}.about-stats{margin-top:14px;margin-bottom:14px}.about-stat strong{font-size:32px}.about-card{padding:15px 18px}.about-card-top{margin-bottom:8px}.about-card-description{margin-bottom:9px;line-height:1.45}.about-card-bottom{padding-top:8px}}@media (width<=950px){.about-section{min-height:auto;padding:75px 6%;display:block}.about-container{grid-template-columns:1fr;gap:48px;max-width:700px}.about-title{font-size:clamp(34px,6vw,56px)}.about-description{font-size:14px;line-height:1.75}.about-card{padding:23px}.about-card h3{font-size:21px}.about-card-description{font-size:13px}}@media (width<=480px){.about-section{padding:60px 6%}.about-title{overflow-wrap:anywhere;font-size:clamp(28px,8vw,39px)}.about-label{letter-spacing:1.5px;font-size:10px}.about-stats{gap:24px}.about-stat strong{font-size:32px}.about-card{padding:20px}.about-card-bottom{font-size:10px}}@media (prefers-reduced-motion:reduce){.about-ready .about-reveal{opacity:1;transition:none;transform:none}.about-card,.about-card:before,.about-card-icon,.about-cv-button{transition:none}}.projects-section{color:#f3f0eb;background:#091019}.projects-container{width:100%;max-width:1440px;margin:0 auto}.projects-featured{background:radial-gradient(at 15% 60%,#10374c38,#0000 65%),#091019;flex-direction:column;min-height:calc(100svh - 92px);padding:clamp(22px,3svh,42px) clamp(22px,5vw,85px);display:flex}.projects-featured>.projects-container{flex-direction:column;flex:1;min-height:0;display:flex}.projects-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(14px,2svh,24px);display:flex}.projects-label{letter-spacing:2px;color:#c2a584;margin-bottom:10px;font-family:Syne,sans-serif;font-size:11px;font-weight:700}.projects-heading h2,.projects-other-heading h2{letter-spacing:-.04em;font-family:Russo One,sans-serif;font-size:clamp(27px,3vw,44px);font-weight:400;line-height:1.12}.projects-heading h2 span,.projects-other-heading h2 span{background:linear-gradient(100deg,#35a6f5,#2567c4,#153a73);color:#0000;-webkit-background-clip:text;background-clip:text}.projects-instruction{color:#93a6b5;text-align:right;font-family:Syne,sans-serif;font-size:11px}.projects-showcase{flex:1;grid-template-rows:repeat(3,minmax(170px,1fr));gap:clamp(10px,1.3svh,16px);display:grid}.projects-showcase.is-expanding{grid-template-rows:none;grid-auto-rows:max-content;align-content:start}.project-highlight{cursor:pointer;background:linear-gradient(110deg,#151f2a,#101822 65%,#0e1721);border:1px solid #2a3947;border-radius:17px;grid-template-columns:clamp(155px,17vw,235px) minmax(0,1fr);align-items:stretch;gap:clamp(15px,2vw,35px);min-width:0;min-height:0;padding:clamp(10px,1.3svh,16px);transition:min-height .45s,padding .45s,border-color .35s,box-shadow .35s,transform .35s;display:grid}.project-highlight.is-expanded{background:linear-gradient(115deg,#142735 0%,#111b27 55%,#0d1520 100%);border-color:#c2a584;grid-template-columns:minmax(270px,.9fr) minmax(0,1.1fr);gap:clamp(25px,4vw,65px);min-height:max(560px,100svh - 115px);padding:clamp(20px,3vw,42px)}.project-highlight.is-expanded .project-preview{border-color:#c2a5848c;border-radius:18px;width:100%;min-height:clamp(360px,62svh,720px)}.project-highlight.is-expanded .project-info{justify-content:center;gap:clamp(14px,2svh,27px)}.project-highlight.is-expanded .project-info h3{font-size:clamp(30px,3.3vw,56px)}.project-highlight.is-expanded .project-description{font-size:clamp(14px,1.15vw,18px);line-height:1.8}.project-title-button{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;display:inline-block}.project-title-button:focus-visible{outline-offset:5px;outline:2px solid #c2a584}.project-expanded-content{animation:.45s both detailReveal}.project-expanded-content[hidden]{display:none}.project-detail-divider{background:linear-gradient(90deg,#c2a584,#0000);width:100%;height:1px;margin-bottom:22px}.project-detail-label{letter-spacing:2px;color:#c2a584;margin-bottom:12px;font-family:Syne,sans-serif;font-size:11px;font-weight:700}.project-expanded{margin-bottom:30px;font-size:clamp(13px,1vw,16px);line-height:1.9}.project-detail-tags{flex-wrap:wrap;gap:9px;display:flex}.project-detail-tags span{color:#c0d7e7;background:#152c3e;border:1px solid #36536a;border-radius:8px;padding:9px 13px;font-family:Syne,sans-serif;font-size:12px}.project-detail-note{color:#8194a3;margin-top:28px;font-family:Syne,sans-serif;font-size:12px;line-height:1.6}@keyframes detailReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-highlight:hover{border-color:#c2a5848c;transform:translateY(-2px);box-shadow:0 15px 40px #0000002e}.project-preview{background:radial-gradient(circle,#184053,#0c1a26 72%);border:1px solid #24475a;border-radius:12px;height:100%;min-height:145px;position:relative;overflow:hidden}.project-3d-canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.project-3d-canvas:active{cursor:grabbing}.project-3d-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.project-rotate-label{letter-spacing:1px;color:#a7c5d5;white-space:nowrap;pointer-events:none;font-family:Syne,sans-serif;font-size:9px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.project-info{flex-direction:column;justify-content:center;gap:clamp(7px,1svh,13px);min-width:0;padding:5px clamp(6px,1vw,18px) 5px 0;display:flex}.project-info-top{letter-spacing:1.4px;color:#c2a584;justify-content:space-between;align-items:center;gap:12px;font-family:Syne,sans-serif;font-size:10px;font-weight:700;display:flex}.project-info h3{color:#f3f0eb;font-family:Russo One,sans-serif;font-size:clamp(19px,1.7vw,29px);font-weight:400;line-height:1.2}.project-description{color:#aab5bf;max-width:850px;font-family:Syne,sans-serif;font-size:clamp(11px,.86vw,14px);line-height:1.6}.project-info-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.project-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.project-tags span{color:#b6c5d0;background:#3891c71c;border:1px solid #294153;border-radius:6px;padding:5px 9px;font-family:Syne,sans-serif;font-size:10px}.project-detail-button{color:#c2a584;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;font-family:Syne,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.project-detail-button svg{transition:transform .25s}.project-detail-button .rotated{transform:rotate(180deg)}.project-detail-button:focus-visible{outline-offset:4px;outline:2px solid #c2a584}.project-expanded{color:#b2c0cc;border-top:1px solid #293c48;padding-top:12px;font-family:Syne,sans-serif;font-size:12px;line-height:1.8}.projects-other{background:#0b1118;padding:clamp(65px,8vw,110px) clamp(22px,5vw,85px)}.projects-other-heading{margin-bottom:30px}.projects-other-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.other-project-card{background:linear-gradient(135deg,#151e29,#101720);border:1px solid #293846;border-radius:15px;align-items:flex-start;gap:22px;padding:clamp(22px,3vw,35px);transition:transform .3s,border-color .3s;display:flex}.other-project-card:hover{border-color:#c2a584;transform:translateY(-5px)}.other-project-icon{color:#49a9eb;background:#112d42;border:1px solid #33506a;border-radius:12px;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid}.other-project-card h3{margin-bottom:10px;font-family:Russo One,sans-serif;font-size:clamp(18px,1.5vw,24px);font-weight:400}.other-project-card p{color:#aab5bf;font-family:Syne,sans-serif;font-size:13px;line-height:1.75}@media (width>=901px) and (height<=760px){.projects-featured{min-height:calc(100svh - 92px);padding-block:18px}.projects-showcase{grid-template-rows:repeat(3,minmax(160px,1fr))}.project-highlight{padding:9px}.project-info{gap:6px}}@media (width<=900px){.project-highlight.is-expanded{grid-template-columns:minmax(220px,42%) minmax(0,1fr);gap:20px;min-height:540px;padding:20px}.project-highlight.is-expanded .project-preview{min-height:420px}.project-highlight.is-expanded .project-info h3{font-size:clamp(24px,3.5vw,36px)}.projects-featured{min-height:auto;padding-block:55px}.projects-heading{align-items:flex-start}.projects-showcase{grid-template-rows:none}.project-highlight{grid-template-columns:190px minmax(0,1fr);min-height:230px}.project-preview{min-height:180px}.project-info h3{font-size:22px}.project-description{font-size:12px}.projects-other-grid{grid-template-columns:1fr}}@media (width<=600px){.project-highlight.is-expanded{grid-template-columns:1fr;gap:20px;min-height:auto;padding:15px}.project-highlight.is-expanded .project-preview{height:clamp(280px,75vw,420px);min-height:280px}.project-highlight.is-expanded .project-info h3{font-size:clamp(25px,6vw,36px)}.project-highlight.is-expanded .project-description{font-size:14px}.projects-heading{flex-direction:column;gap:12px}.projects-instruction{text-align:left}.project-highlight{grid-template-columns:1fr;gap:17px;padding:13px}.project-preview{height:190px;min-height:190px}.project-info{gap:12px;padding:0 7px 10px}.project-info h3{font-size:clamp(19px,5vw,25px)}.project-description{font-size:13px}.other-project-card{gap:14px;padding:20px}.other-project-icon{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.project-highlight,.other-project-card,.project-detail-button svg{transition:none}.project-highlight:hover,.other-project-card:hover{transform:none}}.posts-section{color:#f3f0eb;background:radial-gradient(at 85% 15%,#1447602e,#0000 55%),#0b1118;width:100%;min-height:calc(100svh - 95px);padding:clamp(24px,3svh,40px) clamp(22px,5vw,85px) clamp(48px,6svh,80px);scroll-margin-top:0}.posts-container{width:100%;max-width:1440px;margin:0 auto}.posts-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:clamp(20px,3svh,30px);display:flex}.posts-label{letter-spacing:2px;color:#c2a584;align-items:center;gap:12px;margin:0 0 10px;font-family:Syne,sans-serif;font-size:11px;font-weight:700;display:flex}.posts-line{background:#c2a584;flex-shrink:0;width:30px;height:2px;display:block}.posts-heading h2{letter-spacing:-.05em;margin:0 0 12px;font-family:Russo One,sans-serif;font-size:clamp(32px,3.5vw,55px);font-weight:400;line-height:1.15}.posts-heading h2 span{background:linear-gradient(100deg,#35a6f5,#2567c4,#153a73);color:#0000;-webkit-background-clip:text;background-clip:text}.posts-intro{color:#aab5bf;max-width:730px;font-family:Syne,sans-serif;font-size:clamp(12px,1vw,15px);line-height:1.7}.posts-add-button{color:#111820;cursor:pointer;background:#c2a584;border:1px solid #c2a584;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-family:Syne,sans-serif;font-size:12px;font-weight:700;transition:transform .3s,background .3s,box-shadow .3s;display:inline-flex}.posts-add-button:hover{background:#dfc3a2;transform:translateY(-3px);box-shadow:0 12px 30px #c2a58426}.posts-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.posts-filters{flex-wrap:wrap;gap:9px;display:flex}.posts-filters button{color:#aab8c5;cursor:pointer;background:#121c27;border:1px solid #304151;border-radius:7px;padding:10px 15px;font-family:Syne,sans-serif;font-size:11px;font-weight:600;transition:background .25s,color .25s,border-color .25s}.posts-filters button:hover,.posts-filters button.is-active{color:#101317;background:#c2a584;border-color:#c2a584}.posts-count{color:#91a2b0;font-family:Syne,sans-serif;font-size:11px}.posts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2vw,25px);display:grid}.post-card{color:#f3f0eb;text-align:left;cursor:pointer;background:#141d28;border:1px solid #2b3b49;border-radius:15px;flex-direction:column;width:100%;min-width:0;height:100%;padding:0;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.post-card:hover{border-color:#c2a584;transform:translateY(-5px);box-shadow:0 18px 35px #0000002e}.post-cover{aspect-ratio:16/6.5;background:#102a3a;width:100%;display:block;position:relative;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.post-card:hover .post-cover img{transform:scale(1.05)}.post-placeholder{color:#c2a584;background:radial-gradient(circle,#1b5067,#0d2030 75%);place-items:center;width:100%;height:100%;display:grid}.post-category{color:#c2a584;background:#0d1823e6;border:1px solid #c2a58473;border-radius:6px;padding:6px 10px;font-family:Syne,sans-serif;font-size:10px;font-weight:700;position:absolute;bottom:12px;left:12px}.post-card-body{flex-direction:column;flex:1;gap:9px;padding:clamp(17px,1.5vw,23px);display:flex}.post-number{letter-spacing:1.5px;color:#c2a584;font-family:Syne,sans-serif;font-size:10px;font-weight:700}.post-title{overflow-wrap:anywhere;font-family:Russo One,sans-serif;font-size:clamp(18px,1.5vw,23px);line-height:1.3}.post-excerpt{color:#aab5bf;overflow-wrap:anywhere;font-family:Syne,sans-serif;font-size:12px;line-height:1.65}.post-read{color:#c2a584;border-top:1px solid #30404c;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-family:Syne,sans-serif;font-size:11px;font-weight:700;display:flex}.posts-dialog,.posts-editor{color:#f3f0eb;background:#111b25;border:1px solid #3d5262;border-radius:18px;width:min(760px,100vw - 32px);max-height:calc(100dvh - 36px);margin:auto;padding:0;position:fixed;overflow:hidden auto;box-shadow:0 30px 90px #00000080}.posts-editor{width:min(720px,100vw - 32px)}.posts-dialog::backdrop,.posts-editor::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c}.posts-dialog-content{flex-direction:column;align-items:stretch;width:100%;min-width:0;display:flex;position:relative}.posts-dialog-close{color:#f3f0eb;cursor:pointer;background:#172634;border:1px solid #526270;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.posts-dialog-content>.posts-dialog-close{z-index:5;position:absolute;top:15px;right:15px}.posts-dialog-close:hover{color:#111820;background:#c2a584}.posts-dialog-cover{color:#c2a584;background:radial-gradient(circle,#1b5067,#0d2030 75%);border-bottom:1px solid #2c3b49;flex:none;justify-content:center;align-items:center;width:100%;height:clamp(190px,30dvh,310px);min-height:0;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.posts-dialog-cover img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.posts-dialog-body{overflow-wrap:anywhere;background:#111b25;flex:none;width:100%;min-width:0;margin:0;padding:clamp(24px,4vw,42px);display:block;position:relative}.posts-dialog-body .posts-label{letter-spacing:1.7px;color:#c2a584;width:auto;height:auto;margin:0 0 13px;font-family:Syne,sans-serif;font-size:11px;font-weight:700;display:block;position:static}.posts-dialog-body h2{color:#f3f0eb;overflow-wrap:anywhere;width:auto;margin:0 0 24px;font-family:Russo One,sans-serif;font-size:clamp(25px,3vw,40px);font-weight:400;line-height:1.25;display:block;position:static}.posts-dialog-body>p:not(.posts-label){color:#b4c1cc;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px;font-family:Syne,sans-serif;font-size:clamp(13px,1.1vw,15px);line-height:1.85;display:block;position:static}.posts-dialog-body>p:last-child{margin-bottom:0}.posts-editor-inner{padding:clamp(22px,3vw,36px);position:relative}.posts-editor-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.posts-editor-header h2{font-family:Russo One,sans-serif;font-size:clamp(23px,3vw,35px);font-weight:400}.posts-form{flex-direction:column;gap:12px;display:flex}.posts-form label{color:#d4dce2;margin-top:5px;font-family:Syne,sans-serif;font-size:12px;font-weight:700}.posts-form input:not([type=file]),.posts-form select,.posts-form textarea{color:#f3f0eb;background:#0b1520;border:1px solid #344858;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-family:Syne,sans-serif;font-size:13px}.posts-form input:focus,.posts-form select:focus,.posts-form textarea:focus{border-color:#c2a584}.posts-form textarea{resize:vertical;min-height:120px;line-height:1.7}.posts-upload{background:#111e2b;border:1px dashed #526272;border-radius:10px;flex-direction:column;gap:10px;padding:20px;display:flex}.posts-upload input{color:#d8dce0;max-width:100%;font-size:12px}.posts-upload small{color:#91a4b3;font-size:11px}.posts-image-preview{object-fit:contain;border-radius:8px;width:100%;max-height:190px}.posts-form-error{color:#ff9c9c;font-family:Syne,sans-serif;font-size:12px}.posts-form-note{color:#95a6b3;font-family:Syne,sans-serif;font-size:11px;line-height:1.7}.posts-submit{color:#111820;cursor:pointer;background:#c2a584;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin-top:8px;padding:15px 20px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.posts-submit:hover{background:#dfc3a2}.posts-submit:disabled{opacity:.6;cursor:wait}.post-card:focus-visible,.posts-add-button:focus-visible,.posts-filters button:focus-visible,.posts-dialog-close:focus-visible,.posts-submit:focus-visible{outline-offset:3px;outline:2px solid #c2a584}@media (width<=1100px){.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.posts-heading h2{font-size:clamp(30px,4vw,45px)}}@media (width<=700px){.posts-section{padding:40px 6% 70px}.posts-heading{flex-direction:column;align-items:flex-start}.posts-heading h2{font-size:clamp(30px,7.5vw,48px)}.posts-add-button{width:100%}.posts-grid{grid-template-columns:1fr}.post-cover{aspect-ratio:16/9}.post-title{font-size:22px}.posts-dialog,.posts-editor{max-height:calc(100dvh - 20px)}.posts-dialog-cover{height:min(230px,30dvh)}.posts-dialog-body{padding:25px 20px}}@media (prefers-reduced-motion:reduce){.post-card,.post-cover img,.posts-add-button{transition:none}.post-card:hover,.posts-add-button:hover{transform:none}}.contact-section{color:#f3f0eb;background:radial-gradient(at 85% 30%,#14476038,#0000 55%),#0b1118;flex-direction:column;width:100%;min-height:calc(100svh - 95px);padding:clamp(34px,4svh,65px) clamp(24px,5vw,85px) 0;scroll-margin-top:0;display:flex;position:relative;overflow:hidden}.contact-container{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(36px,6vw,110px);width:100%;max-width:1440px;margin:0 auto;display:grid}.contact-left{min-width:0}.contact-label{letter-spacing:2.5px;color:#c2a584;align-items:center;gap:13px;margin-bottom:25px;font-family:Syne,sans-serif;font-size:11px;font-weight:700;display:flex}.contact-line{background:#c2a584;width:32px;height:2px}.contact-title{letter-spacing:-.05em;margin-bottom:24px;font-family:Russo One,sans-serif;font-size:clamp(40px,4.4vw,76px);font-weight:400;line-height:1.12}.contact-title span,.contact-form-header h3 span{background:linear-gradient(100deg,#35a6f5,#2567c4,#153a73);color:#0000;-webkit-background-clip:text;background-clip:text}.contact-description{color:#aab5bf;max-width:570px;margin-bottom:clamp(25px,3vw,45px);font-family:Syne,sans-serif;font-size:clamp(13px,1vw,16px);line-height:1.85}.contact-methods{flex-direction:column;gap:5px;display:flex}.contact-method{width:100%;min-width:0;color:inherit;border-bottom:1px solid #273641;align-items:center;gap:17px;padding:15px 5px;text-decoration:none;transition:background .3s,transform .3s;display:flex}a.contact-method:hover{transform:translate(5px)}.contact-method-icon{color:#c2a584;background:#142838;border:1px solid #355064;border-radius:12px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.contact-method-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.contact-method-label{letter-spacing:1.5px;color:#c2a584;font-family:Syne,sans-serif;font-size:10px;font-weight:700}.contact-method-text strong{overflow-wrap:anywhere;font-family:Syne,sans-serif;font-size:clamp(12px,1vw,15px);font-weight:600}.contact-method-arrow{color:#8494a3;flex-shrink:0;transition:transform .3s,color .3s}a.contact-method:hover .contact-method-arrow{color:#c2a584;transform:translate(3px,-3px)}.contact-social{margin-top:30px}.contact-social>p{letter-spacing:1.8px;color:#8e9dab;margin-bottom:14px;font-family:Syne,sans-serif;font-size:10px;font-weight:700}.contact-social-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.contact-social-links a{color:#d7dfe5;background:#121e2a;border:1px solid #344857;border-radius:9px;align-items:center;gap:11px;padding:12px 16px;font-family:Syne,sans-serif;font-size:12px;font-weight:600;text-decoration:none;transition:color .3s,border-color .3s,transform .3s;display:inline-flex}.contact-social-links a:hover{color:#c2a584;border-color:#c2a584;transform:translateY(-3px)}.contact-right{background:linear-gradient(135deg,#172331,#101923);border:1px solid #2f4050;border-radius:18px;min-width:0;padding:clamp(24px,3vw,43px);position:relative;box-shadow:0 24px 65px #00000026}.contact-right:before{content:"";background:linear-gradient(90deg,#0000,#c2a584,#0000);height:2px;position:absolute;top:0;left:28px;right:28px}.contact-form-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px;display:flex}.contact-form-label{letter-spacing:2px;color:#c2a584;margin-bottom:15px;font-family:Syne,sans-serif;font-size:10px;font-weight:700;display:block}.contact-form-header h3{letter-spacing:-.04em;font-family:Russo One,sans-serif;font-size:clamp(29px,2.7vw,44px);font-weight:400;line-height:1.12}.contact-form-decoration{color:#c2a584;background:#173046;border:1px solid #37546a;border-radius:12px;flex-shrink:0;place-items:center;width:53px;height:53px;display:grid}.contact-form-description{color:#98a9b8;margin-bottom:23px;font-family:Syne,sans-serif;font-size:12px;line-height:1.7}.contact-form{flex-direction:column;gap:17px;display:flex}.contact-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.contact-field{flex-direction:column;gap:9px;min-width:0;display:flex}.contact-field label{letter-spacing:1.5px;color:#c2a584;font-family:Syne,sans-serif;font-size:10px;font-weight:700}.contact-field input,.contact-field textarea{color:#f3f0eb;background:#0c1621;border:1px solid #334656;border-radius:8px;outline:none;width:100%;padding:13px 15px;font-family:Syne,sans-serif;font-size:13px;transition:border-color .25s,box-shadow .25s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#728493}.contact-field input:focus,.contact-field textarea:focus{border-color:#c2a584;box-shadow:0 0 0 3px #c2a5841a}.contact-field textarea{resize:vertical;min-height:115px;line-height:1.65}.contact-submit{color:#101820;cursor:pointer;background:#c2a584;border:1px solid #c2a584;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:16px 20px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;transition:background .3s,transform .3s,box-shadow .3s;display:flex}.contact-submit:hover{background:#e1c7a8;transform:translateY(-3px);box-shadow:0 12px 32px #c2a5842e}.contact-form-note{color:#8fa0ad;font-family:Syne,sans-serif;font-size:10px;line-height:1.65}.contact-footer{border-top:1px solid #293944;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1440px;margin:clamp(35px,5vw,75px) auto 0;padding:25px 0;display:flex}.contact-footer-logo{letter-spacing:-.8px;color:#f3f0eb;font-family:Syne,sans-serif;font-size:19px;font-weight:700;text-decoration:none}.contact-footer-logo span{color:#c2a584}.contact-footer>p{color:#8c9ba8;font-family:Syne,sans-serif;font-size:11px}.contact-back-top{color:#c2a584;align-items:center;gap:9px;font-family:Syne,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:transform .3s;display:inline-flex}.contact-back-top:hover{transform:translateY(-3px)}.contact-left,.contact-right{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(25px)}.contact-visible .contact-left,.contact-visible .contact-right{opacity:1;transform:translateY(0)}.contact-visible .contact-right{transition-delay:.15s}.contact-section a:focus-visible,.contact-submit:focus-visible{outline-offset:4px;outline:2px solid #c2a584}@media (width<=1100px){.contact-container{gap:35px}.contact-title{font-size:clamp(37px,4vw,56px)}.contact-right{padding:25px}}@media (width<=850px){.contact-section{min-height:auto;padding:60px 6% 0}.contact-container{grid-template-columns:1fr;gap:45px;max-width:680px}.contact-title{font-size:clamp(40px,8vw,65px)}.contact-right{padding:clamp(22px,5vw,35px)}.contact-footer{margin-top:65px}}@media (width<=480px){.contact-section{padding-top:45px}.contact-title{font-size:clamp(34px,9vw,48px)}.contact-form-row{grid-template-columns:1fr}.contact-method-icon{width:45px;height:45px}.contact-method-text strong{font-size:12px}.contact-footer{flex-direction:column;align-items:flex-start;gap:16px}}@media (prefers-reduced-motion:reduce){.contact-left,.contact-right{opacity:1;transition:none;transform:none}.contact-social-links a,.contact-method,.contact-submit,.contact-back-top{transition:none}}