:root{--body:#b0b8c1;--heading:#fff;--muted:#7a8492;--bg:#1a1f25;--page:#232930;--surface:#3c444f;--surface-strong:#2e343d;--border:#4e5864;--mono:"SFMono-Regular", ui-monospace, "Cascadia Mono", Consolas, monospace;--sans:"Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (width<=640px){:root{font-size:15px}}@media (width<=480px){:root{font-size:14px}}html,body,#root{box-sizing:border-box;width:100%;min-height:100svh}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% 0,#f25d2729,#0000 40%),linear-gradient(#3c444feb,#232930f0);min-height:100svh;margin:0}h1,h2{font-family:var(--heading);color:var(--heading);font-weight:600}p{margin:0}*{box-sizing:border-box;-webkit-tap-highlight-color:#f25d2733}button,a,[role=button]{-webkit-tap-highlight-color:#f25d274d;touch-action:manipulation}input,textarea,select{font-size:16px}@media (width<=900px){body{-webkit-overflow-scrolling:touch}}.palette-page{width:100%;margin:0 auto;padding:0}.logo-copy{gap:0;width:100%;padding-left:2em;display:grid}.logo-copy-line{color:#fff;letter-spacing:.12em;white-space:nowrap;margin:0;line-height:1}.logo-copy-line-secondary{font-size:.7rem;font-weight:500;transform:translateY(-.5em)}main.palette-page{margin-top:0}.panel-1,.panel-2,.panel-3,.panel-4,.panel-5,.panel-6{box-shadow:none;background:0 0;border:none;border-radius:0;scroll-margin-top:80px;position:relative}.under-header{opacity:.36;transition:opacity .32s,transform .32s;transform:translateY(6px)}.panel-1{grid-template-columns:1fr;align-items:stretch;gap:0;max-width:100%;margin:0;padding:0;display:grid}.panel-logo{flex-direction:column;grid-column:1/-1;justify-content:center;align-self:center;align-items:center;gap:8px;margin-top:50px;margin-bottom:14px;padding:0 20px;display:flex}.hero-copy{justify-items:center;gap:16px;max-width:760px;display:grid}.loading-frame{display:none}.eyebrow,.section-kicker,.usage-label,.color-role{color:#fff;letter-spacing:.12em;margin:0;font-size:clamp(.95rem,1.2vw,1.05rem);font-weight:600}h1,h2,.color-name,.usage-value{color:var(--heading);margin:0}h1{letter-spacing:-.06em;max-width:16ch;font-size:clamp(1.8rem,5vw,4.8rem);line-height:.95}.company-title{color:var(--heading);text-align:center;width:min(100%,28ch);max-width:28ch;margin:12px 0 8px;font-size:clamp(1.5rem,3.5vw,4.2rem);line-height:1.05}.company-intro p{color:var(--body);margin:0 0 12px}.initial-loader{z-index:3000;background:radial-gradient(circle at 50% 0,#f25d2729,#0000 40%),linear-gradient(#3c444feb,#232930f0);place-items:center;display:grid;position:fixed;inset:0}.initial-loader .loader-content{z-index:2;place-items:center;display:grid;position:relative}h2{letter-spacing:-.015em;font-size:clamp(1.6rem,5vw,4.5rem);font-weight:600;line-height:1.05}.lede,.color-description,.usage-value{color:var(--body);font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:400;line-height:1.5}.usage-panel{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 40px;display:grid}.usage-panel>div,.color-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px}.usage-panel>div{padding:24px}.usage-value{color:var(--heading);margin-top:8px;font-size:1.02rem}.panel-2,.panel-3,.panel-4,.panel-5,.panel-6,.panel-7{max-width:100%;margin:0;padding:100px 0}.section-heading{text-align:center;gap:20px;max-width:980px;margin-bottom:60px;margin-left:auto;margin-right:auto;padding:0 40px;display:grid}.color-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.color-name{font-size:1.1rem}.hex-pill{color:var(--heading);font-family:var(--mono);letter-spacing:.04em;background:#101419b3;border:1px solid #b0b8c12e;border-radius:999px;justify-content:center;align-items:center;padding:8px 10px;font-size:.82rem;display:inline-flex}@media (width<=900px){.palette-page{width:min(100% - 20px,1400px);padding:18px 0 28px}.hero-panel,.palette-section{border-radius:22px;padding:20px}.hero-panel,.usage-panel,.palette-grid,.neutral-grid{grid-template-columns:1fr}.loading-frame{min-height:180px}.swatch{height:80px}main.palette-page{margin-top:124px}.hero-panel,.palette-section{scroll-margin-top:82px}.panel-logo{margin-top:20px}.section-heading{padding:0 20px}}@media (width<=640px){.palette-page{width:min(100% - 10px,1400px);padding:10px 0 20px}.panel-2,.panel-3,.panel-4,.panel-5,.panel-6,.panel-7{padding:60px 0}.usage-panel{padding:0 20px}.section-heading{margin-bottom:40px}}@media (width<=480px){h1{font-size:1.8rem}.company-title{font-size:1.5rem}.panel-2,.panel-3,.panel-4,.panel-5,.panel-6,.panel-7{padding:40px 0}.usage-panel{padding:0 15px}}.nav-back-button{color:#1a1f25;letter-spacing:-.04em;cursor:pointer;background:linear-gradient(#e2e6ea,#b0b8c1);border:1px solid #ffffff38;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:24px;padding:0 12px;font-size:clamp(.78rem,1vw,.94rem);font-weight:500;text-decoration:none;transition:all .2s ease-out;display:inline-flex;box-shadow:inset 0 1px #ffffff9e,0 2px 4px #0000001a}.nav-back-button:hover{color:#fff;background:linear-gradient(#f25d27fa,#f24c27e6);border-color:#ffffff38}.app-header{z-index:1001;background:linear-gradient(#1a1f25,#232930);flex-direction:row;align-items:center;gap:11px;min-height:79px;padding:13px 18px;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 12px 40px #000}.nav-shell{width:min(100%,1540px);min-height:32px;animation:navShellReveal 2s cubic-bezier(.16, 1, .3, 1) var(--nav-bar-delay,0s) both;background:radial-gradient(circle at 12%,#f25d271f,#0000 28%),linear-gradient(#1a1f25,#232930);border:1px solid #7a849247;border-radius:999px;align-items:center;gap:11px;margin-left:0;padding:5px 9px;display:flex;box-shadow:0 12px 28px #10141952,inset 0 1px #ffffff08}.nav-tagline{color:var(--heading);letter-spacing:-.01em;opacity:.85;white-space:nowrap;animation:navItemReveal .55s ease calc(var(--nav-bar-delay,0s) + .42s) both;margin-left:auto;padding-right:18px;font-size:clamp(.72rem,1vw,.88rem);font-style:italic;display:none}@media (width>=1200px){.nav-tagline{display:block}}.app-nav{flex-wrap:wrap;flex:auto;justify-content:flex-start;align-items:center;gap:12px;display:flex}.app-nav a,.app-nav button{min-height:32px;color:var(--heading);letter-spacing:-.02em;text-transform:none;animation:navItemReveal .55s ease calc(var(--nav-bar-delay,0s) + .12s) both;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;padding:0 14px 5px;font-family:inherit;font-size:clamp(.79rem,.9vw,.92rem);font-weight:500;text-decoration:none;transition:color .22s,font-size .22s,text-shadow .22s;display:inline-flex;position:relative}.app-nav a:after,.app-nav button:after{content:"";background:#f25d27;border-radius:2px;height:2px;transition:transform .28s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:8px;right:8px;transform:scaleX(0)}.app-nav a:hover,.app-nav a:focus-visible,.app-nav button:hover,.app-nav button:focus-visible{color:#f25d27;text-shadow:0 0 12px #f25d274d;outline:none}.app-nav a.is-active,.app-nav button.is-active{color:#f25d27;font-size:clamp(.95rem,1.08vw,1.1rem)}.app-nav a.is-active:after,.app-nav button.is-active:after{transform:scaleX(1)}.app-nav a.is-active:hover,.app-nav a.is-active:focus-visible,.app-nav button.is-active:hover,.app-nav button.is-active:focus-visible{color:#f25d27;text-shadow:0 0 12px #f25d274d}.app-nav a.is-disabled,.app-nav button.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.app-nav a.is-disabled:after,.app-nav button.is-disabled:after{display:none}.app-nav a.is-disabled:hover,.app-nav a.is-disabled:focus-visible,.app-nav button.is-disabled:hover,.app-nav button.is-disabled:focus-visible{color:var(--heading);text-shadow:none}.nav-mail{color:#1a1f25;letter-spacing:-.04em;min-height:24px;animation:navItemReveal .55s ease calc(var(--nav-bar-delay,0s) + .32s) both;background:linear-gradient(#e2e6ea,#b0b8c1);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 12px;font-size:clamp(.78rem,1vw,.94rem);font-weight:500;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff9e,0 6px 12px #00000024}@keyframes navShellReveal{0%{opacity:0;clip-path:inset(0 100% 0 0 round 999px)}to{opacity:1;clip-path:inset(0 round 999px)}}@keyframes navItemReveal{0%{opacity:0;filter:blur(4px);transform:translate(-14px)}to{opacity:1;filter:blur();transform:translate(0)}}@media (prefers-reduced-motion:reduce){.nav-shell,.app-nav a,.app-nav button,.nav-mail{animation:none!important}}.skip-animations .nav-shell,.skip-animations .app-nav a,.skip-animations .app-nav button,.skip-animations .nav-mail{animation:none!important}.mobile-menu-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;padding:8px;display:none;position:relative}.hamburger{flex-direction:column;justify-content:center;gap:6px;width:28px;height:24px;display:flex}.hamburger-line{background:var(--heading);transform-origin:50%;border-radius:2px;width:100%;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.hamburger.open .hamburger-line:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;background:#101419f2;animation:.3s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{background:linear-gradient(#232930fa,#1a1f25fa);flex-direction:column;width:min(320px,85vw);height:100%;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;position:absolute;top:0;right:0;box-shadow:-8px 0 32px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-list{flex:1;margin:0;padding:20px 0;list-style:none;overflow-y:auto}.mobile-menu-item{margin:0}.mobile-menu-link{width:100%;color:var(--heading);text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:18px 24px;font-family:inherit;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-menu-link:hover{background:#f25d2714;border-left-color:#f25d2766}.mobile-menu-link.is-active{color:#f25d27f2;background:#f25d271f;border-left-color:#f25d27;font-weight:600}.mobile-menu-link.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mobile-menu-link.is-disabled:hover{background:0 0;border-left-color:#0000}@media (width<=900px){.app-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;min-height:70px;padding:12px 16px}.nav-shell-desktop{display:none}.mobile-menu-toggle,.mobile-menu-overlay{display:block}}@media (width<=640px){.app-header{min-height:64px;padding:10px 14px}.mobile-menu{width:min(300px,90vw)}.mobile-menu-link{padding:16px 20px;font-size:1.05rem}}@media (width<=480px){.app-header{min-height:60px;padding:8px 12px}.mobile-menu{width:min(280px,95vw)}.mobile-menu-link{padding:14px 18px;font-size:1rem}.hamburger{gap:5px;width:26px;height:22px}.hamburger-line{height:2.5px}.hamburger.open .hamburger-line:first-child{transform:translateY(7.5px)rotate(45deg)}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}}.nav-logo-animation{justify-content:center;align-items:center;width:auto;height:32px;display:inline-flex;overflow:visible}.nav-logo-animation-svg{width:auto;height:100%;display:block;overflow:visible}.nav-logo-animation .bar{opacity:0;transform-box:fill-box;transform-origin:50%;animation:1s linear forwards navLogoBarRise}.nav-logo-animation .b1{animation-delay:calc(var(--nav-logo-delay,0s) + 0s)}.nav-logo-animation .b2{animation-delay:calc(var(--nav-logo-delay,0s) + .25s)}.nav-logo-animation .b3{animation-delay:calc(var(--nav-logo-delay,0s) + .5s)}.nav-logo-animation .letter{opacity:0;animation-name:navLogoLetterFade,navLogoLetterSlide;animation-duration:2.5s,2.5s;animation-timing-function:linear,cubic-bezier(.16,1,.3,1);animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:forwards;animation-timeline:auto,auto}.nav-logo-animation .l1{animation-delay:calc(var(--nav-logo-delay,0s) + 1.5s)}.nav-logo-animation .l2{animation-delay:calc(var(--nav-logo-delay,0s) + 1.9s)}.nav-logo-animation .l3{animation-delay:calc(var(--nav-logo-delay,0s) + 2.3s)}.nav-logo-animation .l4{animation-delay:calc(var(--nav-logo-delay,0s) + 2.7s)}@keyframes navLogoBarRise{0%{opacity:0;transform:translate(-150px,450px)scale(.6)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes navLogoLetterSlide{0%{transform:translate(-300px)}to{transform:translate(0)}}@keyframes navLogoLetterFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.nav-logo-animation .bar,.nav-logo-animation .letter{opacity:1!important;animation:none!important;transform:none!important}}.skip-animations .nav-logo-animation .bar,.skip-animations .nav-logo-animation .letter{opacity:1!important;animation:none!important;transform:none!important}.panel-chunk-reveal{isolation:isolate;will-change:transform, filter, opacity;animation:.84s cubic-bezier(.16,1,.3,1) both panelShellReveal;overflow:hidden}@keyframes panelShellReveal{0%{opacity:0;filter:blur(2px);transform:translate(-22px,12px)}to{opacity:1;filter:blur();transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.panel-chunk-reveal{animation:none!important}}.skip-animations .panel-chunk-reveal{opacity:1!important;filter:none!important;transform:none!important}.company-title{will-change:transform, opacity;font-size:3rem;font-style:normal;animation:3s cubic-bezier(.16,1,.3,1) 3.2s both slideInFromLeft}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.company-title{animation:none!important}}.skip-animations .company-title{opacity:1!important;transform:none!important}.document-card,.profile-card,.table-shell,.letter-info-card,.signature-card{box-shadow:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px}.document-card{gap:14px;padding:22px;display:grid}.document-card--cover{min-height:100%}.document-date,.document-recipient,.document-subject,.signature-role,.timeline-copy,.timeline-period,.document-note,.letter-info-label,.table-shell th,.table-shell td{color:#fff}.document-date,.document-recipient,.document-subject{margin:0}.document-date,.document-subject{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.document-card h3,.profile-card h2,.section-heading h2{color:var(--heading);margin:0}.section-heading h2{padding-bottom:20px;display:inline-block;position:relative}.section-heading h2:after{content:"";background:linear-gradient(90deg,#0000 0%,#f25d27 50%,#0000 100%);border-radius:2px;width:120px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #f25d2799}.document-note{background:#10141994;border:1px solid #b0b8c124;border-radius:16px;padding:14px 16px;font-size:.9rem;line-height:1.5}.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.signature-grid--compact{grid-template-columns:1fr}.signature-card{padding:16px 18px}.signature-name{color:var(--heading);margin:0 0 6px;font-size:1rem;font-weight:700}.signature-role{margin:0;font-size:.88rem}.profile-card{gap:32px;max-width:1200px;margin:0 auto;padding:40px;display:grid}.profile-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-card__badge{color:var(--heading);background:#f24c272e;border:1px solid #f25d2747;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-weight:700;display:inline-flex}.profile-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-block{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:28px}.profile-block h3{color:var(--heading);margin:0 0 14px;font-size:1rem}.timeline-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline-list li{border-bottom:1px solid #7a849229;padding-bottom:12px}.timeline-list li:last-child{border-bottom:0;padding-bottom:0}.timeline-period{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.82rem}.timeline-title{color:var(--heading);margin:0 0 4px;font-weight:600}.timeline-copy{margin:0;line-height:1.55}.table-shell{max-width:1400px;margin-top:40px;margin-left:auto;margin-right:auto;padding:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:920px}.data-table th,.data-table td{vertical-align:top;text-align:left;border-bottom:1px solid #7a849229;padding:14px 12px;line-height:1.45}.data-table th{color:var(--heading);letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;font-size:.82rem}.data-table tbody tr:hover{background:#f24c270f}.table-multiline{white-space:pre-line}.letter-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px;margin-top:24px;display:grid}.letter-body,.letter-sidebar,.letter-info-card{background:#1a1f256b;border:1px solid #7a84923d;border-radius:22px;box-shadow:0 16px 34px #1014193d}.letter-body{gap:14px;padding:24px;display:grid}.letter-recipient,.letter-subject{color:var(--heading);margin:0;font-weight:700}.letter-body p{color:#fff;margin:0;line-height:1.65}.letter-sidebar{align-content:start;gap:14px;padding:18px;display:grid}.letter-info-card{padding:16px}.letter-info-label{text-transform:uppercase;letter-spacing:.1em;color:var(--heading);margin:0 0 6px;font-size:.78rem}.kurumsal-section{background:0 0;border:none;border-radius:0;grid-column:1/-1;gap:60px;max-width:1200px;margin-top:0;margin-left:auto;margin-right:auto;padding:100px 40px;display:grid;position:relative}.kurumsal-heading{color:var(--heading);text-align:center;letter-spacing:-.015em;text-transform:none;z-index:1;width:100%;margin:0;padding-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;display:block;position:relative}.kurumsal-heading:after{content:"";background:linear-gradient(90deg,#0000 0%,#f25d27 50%,#0000 100%);border-radius:2px;width:120px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #f25d2799}.split-flap-container{perspective:1000px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.05em;display:inline-flex}.split-flap-char{transform-style:preserve-3d;opacity:0;display:inline-block;transform:rotateX(90deg)}.split-flap-char.animate{animation:.6s cubic-bezier(.4,0,.2,1) both splitFlapFlip}.split-flap-char.space{width:.3em}.kurumsal-intro{color:#fff;text-align:center;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-left:3px solid #f25d2799;border-radius:12px;max-width:100%;margin:0;padding:30px 40px;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.6;position:relative;box-shadow:0 4px 16px #0003}.vizyon-misyon-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:8px;display:grid;position:relative}.vizyon-misyon-grid:before{content:"";z-index:-1;background:linear-gradient(#0000 0%,#f25d274d 50%,#0000 100%);width:2px;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vizyon-card,.misyon-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:50px 40px 40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff0d}.vizyon-card>*,.misyon-card>*{z-index:1;position:relative}.vizyon-card:before,.misyon-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#f25d27cc,#f24c2766);height:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.vizyon-card:hover,.misyon-card:hover{background:#ffffff14;border-color:#f25d2766;transform:translateY(-8px)perspective(1000px)rotateX(2deg);box-shadow:0 20px 40px #0006,0 0 0 1px #f25d2733,inset 0 1px #ffffff1a,0 0 30px #f25d2733}.vizyon-card:hover:before,.misyon-card:hover:before{transform:scaleX(1)}.vizyon-card h3,.misyon-card h3{color:var(--heading);letter-spacing:-.01em;text-transform:none;align-items:center;gap:12px;width:100%;margin:0 0 24px;padding-bottom:16px;font-size:1.5rem;font-weight:600;display:flex;position:relative}.vizyon-card h3:before,.misyon-card h3:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(242, 93, 39, 0.9)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E") 50%/24px 24px no-repeat;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:inline-flex}.misyon-card h3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(242, 93, 39, 0.9)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='6'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='2'%3E%3C/circle%3E%3C/svg%3E")}.vizyon-card:hover h3:before,.misyon-card:hover h3:before{transform:scale(1.1)}.vizyon-card h3:after,.misyon-card h3:after{content:"";background:linear-gradient(90deg,#f25d2799 0%,#0000 100%);border-radius:1px;height:2px;position:absolute;bottom:0;left:0;right:0}@keyframes splitFlapFlip{0%{opacity:0;transform:rotateX(90deg)}50%{opacity:.5}to{opacity:1;transform:rotateX(0)}}.vizyon-card p,.misyon-card p{color:#fff;text-align:left;word-break:keep-all;overflow-wrap:break-word;z-index:1;margin:0;font-size:clamp(.98rem,1.05vw,1.05rem);line-height:1.7;position:relative}.vizyon-card{animation:.8s ease-out .2s both cardSlideIn}.misyon-card{animation:.8s ease-out .4s both cardSlideIn}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.vizyon-card:hover,.misyon-card:hover{background:radial-gradient(circle at 50% 0,#f25d2714 0%,#0000 60%),#ffffff14}@media (prefers-reduced-motion:reduce){.vizyon-card,.misyon-card{animation:none!important}}.contact-container{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1400px;margin-top:60px;margin-left:auto;margin-right:auto;padding:0 40px;display:grid}.map-container{border:1px solid #7a84923d;border-radius:22px;width:100%;height:100%;overflow:hidden;box-shadow:0 16px 34px #1014193d}.map-container iframe{width:100%;height:100%;min-height:600px;display:block}.contact-info{grid-template-columns:1fr;gap:18px;display:grid}.contact-info-card{box-shadow:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;padding:28px}.contact-info-label{text-transform:uppercase;letter-spacing:.1em;color:var(--heading);align-items:center;gap:8px;margin:0 0 8px;font-size:.78rem;font-weight:600;display:flex}.contact-icon{color:#f24c27e6;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.contact-info-value{color:#fff;margin:0;font-size:1.1rem;font-weight:500}.contact-email{cursor:pointer;text-decoration:none;transition:color .2s;display:block}.contact-email:hover{color:#f24c27e6;text-decoration:underline}.panel-3>h2,.panel-3>.lede{text-align:center;max-width:980px;margin-left:auto;margin-right:auto;padding:0 40px}.panel-3>h2{width:100%;margin-bottom:20px;padding-bottom:20px;display:block;position:relative}.panel-3>h2:after{content:"";background:linear-gradient(90deg,#0000 0%,#f25d27 50%,#0000 100%);border-radius:2px;width:120px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #f25d2799}.panel-3>.lede{color:#fff;margin-bottom:60px}p.lede{color:#fff}@media (width<=900px){.profile-columns,.letter-layout,.signature-grid,.vizyon-misyon-grid{grid-template-columns:1fr}.vizyon-misyon-grid:before{width:60%;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.kurumsal-section{padding:60px 20px}.kurumsal-intro{padding:30px 20px}.vizyon-card,.misyon-card{padding:40px 30px 30px}.document-card,.profile-card,.letter-body,.letter-sidebar{padding:18px}.contact-container{grid-template-columns:1fr}.map-container iframe{height:350px;min-height:350px}}@media (width<=640px){.kurumsal-section{gap:40px;padding:50px 16px}.kurumsal-heading{padding-bottom:16px;font-size:1.8rem}.kurumsal-heading:after{width:80px;height:3px}.kurumsal-intro{padding:24px 16px;font-size:1rem}.vizyon-misyon-grid{gap:24px}.vizyon-card,.misyon-card{border-radius:16px;padding:32px 24px 24px}.vizyon-card h3,.misyon-card h3{margin-bottom:20px;padding-bottom:14px;font-size:1.3rem}.vizyon-card h3:before,.misyon-card h3:before{background-size:20px 20px;width:36px;height:36px}.vizyon-card p,.misyon-card p{font-size:.95rem}.contact-container{gap:24px;padding:0 20px}.contact-info-card{border-radius:16px;padding:24px}.contact-info-label{font-size:.75rem}.contact-info-value{font-size:1rem}.map-container{border-radius:16px}.map-container iframe{height:300px;min-height:300px}.section-heading h2:after,.panel-3>h2:after{width:80px;height:3px}}@media (width<=480px){.kurumsal-section{gap:32px;padding:40px 12px}.kurumsal-heading{padding-bottom:14px;font-size:1.5rem}.kurumsal-heading:after{width:60px;height:2px}.kurumsal-intro{border-left-width:2px;padding:20px 14px;font-size:.95rem}.vizyon-misyon-grid{gap:20px}.vizyon-card,.misyon-card{border-radius:14px;padding:28px 20px 20px}.vizyon-card h3,.misyon-card h3{gap:10px;margin-bottom:16px;padding-bottom:12px;font-size:1.2rem}.vizyon-card h3:before,.misyon-card h3:before{background-size:18px 18px;width:32px;height:32px}.vizyon-card p,.misyon-card p{font-size:.9rem;line-height:1.6}.contact-container{gap:20px;margin-top:40px;padding:0 16px}.contact-info-card{border-radius:14px;padding:20px}.contact-info-label{font-size:.72rem}.contact-info-value{font-size:.95rem}.contact-icon{width:16px;height:16px}.map-container{border-radius:14px}.map-container iframe{height:280px;min-height:280px}.section-heading h2:after,.panel-3>h2:after{width:60px;height:2px}.panel-3>h2{padding-bottom:14px}}.loading-stage{justify-items:center;gap:10px;width:100%;display:grid}.loading-svg{width:min(220px,100%);height:auto;display:block;overflow:visible}.loading-stage .bar{opacity:0;transform-origin:50%;animation:3.9s cubic-bezier(.4,0,.2,1) infinite forwards barInOut;transform:translate(-90px,156px)}.loading-stage .bar-1{animation-delay:0s}.loading-stage .bar-2{animation-delay:.3s}.loading-stage .bar-3{animation-delay:.6s}@keyframes barInOut{0%{opacity:0;transform:translate(-90px,156px)}8%{opacity:0}38%{opacity:1;transform:translate(0)}62%{opacity:1;transform:translate(0)}92%{opacity:0}to{opacity:0;transform:translate(90px,-156px)}}@media (prefers-reduced-motion:reduce){.loading-stage .bar{opacity:1!important;animation:none!important;transform:none!important}}.skip-animations .loading-stage,.skip-animations .initial-loader{animation:none!important}.skip-animations .loading-stage .bar{opacity:1!important;animation:none!important;transform:none!important}.logo-marquee-wrapper{opacity:0;width:100%;padding:50px;animation:2.5s cubic-bezier(.16,1,.3,1) both slideInFromRight;position:relative;overflow:hidden}.logo-marquee-loading-slide{background:0 0;justify-content:center;align-items:center;width:100%;min-height:192px;display:flex}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.logo-marquee{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.logo-marquee-track{width:max-content;animation:40s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-item{flex-shrink:0;justify-content:center;align-items:center;height:192px;margin:0;padding:0 72px;display:flex;position:relative}.logo-item img{object-fit:contain;filter:grayscale()brightness(0)invert();opacity:0;cursor:pointer;width:auto;max-width:336px;height:auto;max-height:144px;transition:opacity .8s ease-out,transform .3s;display:block}.logo-item img.loaded{opacity:.5}.logo-item img:hover{transform:scale(1.3);opacity:.9!important}.logo-item img.logo-normal{max-width:336px;max-height:144px}.logo-item img.logo-large{max-width:504px;max-height:216px}.logo-item img.logo-small{max-width:269px;max-height:115px}@media (width<=400px){.logo-marquee-wrapper{padding:-100px}.logo-item{height:300px;padding:0 10px}.logo-item img,.logo-item img.logo-normal,.logo-item img.logo-large{max-width:600px;max-height:270px}.logo-item img.logo-small{max-width:248px;max-height:112px}}@media (width<=640px){.logo-marquee-wrapper{padding:-100px}.logo-item{height:200px;padding:0 20px}.logo-item img,.logo-item img.logo-normal{max-width:480px;max-height:210px}.logo-item img.logo-large{max-width:480px;max-height:120px}.logo-item img.logo-small{max-width:406px;max-height:184px}}@media (width<=800px){.logo-marquee-wrapper{padding:-100px}.logo-item{height:800px;padding:0 70px}.logo-item img{max-width:390px;max-height:164px}.logo-item img.logo-normal{max-width:300px;max-height:200px}.logo-item img.logo-large{max-width:300px;max-height:300px}.logo-item img.logo-small{max-width:200px;max-height:200px}.logo-item img:hover{transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.logo-marquee-wrapper{opacity:1;animation:none!important}.logo-marquee-track{animation:none!important}}.skip-animations .logo-marquee-wrapper{opacity:1!important}.skip-animations .logo-marquee-track{animation:none!important}.project-grid{background:0 0;border:1px solid #7a849226;border-left:none;border-right:none;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1px;width:100%;margin-top:40px;display:grid}.project-card{cursor:pointer;color:inherit;background:#1a1f2599;border:none;flex-direction:column;padding:48px 36px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.project-card:before{content:"";transform-origin:bottom;background:#f25d27cc;width:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.project-card:hover{background:#232930e6}.project-card:hover:before{transform:scaleY(1)}.project-card-content{flex-direction:column;gap:20px;width:100%;display:flex}.project-card-employer{color:var(--heading);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600;line-height:1.4;transition:color .3s}.project-card:hover .project-card-employer{color:#f25d27f2}.project-card-stats{flex-direction:column;gap:10px;display:flex}.project-card-count{color:var(--body);text-transform:uppercase;letter-spacing:.08em;opacity:.8;font-size:.95rem;font-weight:500}.project-card-budget-wrapper{flex-direction:column;gap:6px;display:flex}.project-card-budget-label{color:#f25d27d9;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.project-card-budget{color:var(--heading);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.project-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#101419d9;justify-content:center;align-items:center;padding:20px;animation:.25s both modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.project-modal{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1a1f25;border:1px solid #7a849240;border-radius:0;flex-direction:column;width:100%;max-width:1000px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) both modalSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-modal-header{background:0 0;border-bottom:1px solid #7a849233;justify-content:space-between;align-items:flex-start;gap:24px;padding:36px 40px 32px;display:flex;position:relative}.project-modal-header:after{content:"";background:#f25d27e6;width:60px;height:2px;position:absolute;bottom:0;left:0}.project-modal-header h3{color:var(--heading);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:600}.project-modal-subtitle{color:var(--body);opacity:.7;text-transform:uppercase;letter-spacing:.1em;margin:12px 0 0;font-size:.88rem;font-weight:400}.project-modal-close{cursor:pointer;width:36px;height:36px;color:var(--heading);background:0 0;border:1px solid #7a84924d;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:1.2rem;transition:all .2s;display:flex}.project-modal-close:hover{background:#f25d271a;border-color:#f25d2780}.project-modal-list{flex-direction:column;padding:0;display:flex;overflow-y:auto}.project-modal-list::-webkit-scrollbar{width:6px}.project-modal-list::-webkit-scrollbar-track{background:#7a84921a}.project-modal-list::-webkit-scrollbar-thumb{background:#f25d2766}.project-modal-list::-webkit-scrollbar-thumb:hover{background:#f25d2799}.project-detail-card{background:0 0;border:none;border-bottom:1px solid #7a849226;border-radius:0;gap:24px;padding:32px 40px;transition:all .25s;display:flex;position:relative}.project-detail-card:last-child{border-bottom:none}.project-detail-card:before{content:"";transform-origin:50%;background:#f25d27e6;width:3px;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.project-detail-card:hover{background:#ffffff05}.project-detail-card:hover:before{transform:scaleY(1)}.project-detail-number{color:#7a849266;font-variant-numeric:tabular-nums;width:48px;font-size:1.75rem;font-weight:700;line-height:1;font-family:var(--mono);flex-shrink:0}.project-detail-content{flex-direction:column;flex:1;gap:12px;display:flex}.project-detail-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-detail-header h4{color:var(--heading);letter-spacing:-.01em;flex:1;margin:0;font-size:1.05rem;font-weight:600;line-height:1.5}.project-status{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:0;flex-shrink:0;padding:4px 10px;font-size:.65rem;font-weight:600}.status-ongoing{color:#5fd392;background:0 0;border-color:#27ae6080}.status-completed{color:#7a8492;background:0 0;border-color:#7a849266}.project-detail-description{color:var(--body);opacity:.85;margin:0;font-size:.9rem;line-height:1.6}.project-detail-meta{border-top:none;align-items:center;gap:24px;margin-top:4px;padding-top:0;display:flex}.project-budget{color:var(--heading);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.project-budget:before{display:none}.project-date{color:var(--muted);opacity:1;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:400}.project-date:before{display:none}@media (width<=900px){.project-grid{grid-template-columns:1fr;gap:1px}.project-card{padding:24px 20px}.project-card-employer{font-size:1rem}.project-card-count{font-size:.8rem}.project-card-budget{font-size:.85rem}.project-modal{max-height:90vh;margin:12px}.project-modal-header{padding:28px 24px 24px}.project-modal-header h3{font-size:1.3rem}.project-modal-subtitle{margin-top:10px;font-size:.82rem}.project-modal-close{width:32px;height:32px;font-size:1.1rem}.project-detail-card{gap:16px;padding:24px}.project-detail-number{width:36px;font-size:1.4rem}.project-detail-header{flex-direction:column;align-items:flex-start;gap:8px}.project-detail-header h4{font-size:1rem}.project-status{padding:3px 8px;font-size:.62rem}.project-detail-description{font-size:.88rem}.project-detail-meta{flex-direction:column;align-items:flex-start;gap:8px}.project-budget{font-size:.88rem}.project-date{font-size:.8rem}}@media (width<=640px){.project-card{padding:20px 16px}.project-card-employer{font-size:.95rem}.project-card-count{font-size:.75rem}.project-card-budget{font-size:.8rem}.project-modal{margin:10px}.project-modal-header{padding:24px 20px 20px}.project-modal-header h3{font-size:1.2rem}.project-detail-card{gap:14px;padding:20px}.project-detail-number{width:32px;font-size:1.3rem}.project-detail-header h4{font-size:.95rem}.project-detail-description{font-size:.85rem}}@media (width<=480px){.project-card{padding:18px 14px}.project-card-employer{font-size:.9rem}.project-modal{margin:8px}.project-modal-header{padding:20px 16px 18px}.project-modal-header h3{font-size:1.1rem}.project-detail-card{padding:18px 16px}.project-detail-number{width:28px;font-size:1.2rem}.project-detail-header h4{font-size:.9rem}.project-detail-description{font-size:.82rem}.project-budget{font-size:.85rem}.project-date{font-size:.78rem}}.logo-loading-animation{justify-content:center;align-items:center;width:auto;height:120px;display:inline-flex;overflow:visible}.logo-loading-svg{width:auto;height:100%;display:block;overflow:visible}.logo-loading-animation .bar{opacity:0;transform-box:fill-box;transform-origin:50%;animation:1s linear forwards logoLoadingBarRise}.logo-loading-animation .b1{animation-delay:0s}.logo-loading-animation .b2{animation-delay:.25s}.logo-loading-animation .b3{animation-delay:.5s}.logo-loading-animation .letter{opacity:0;animation-name:logoLoadingLetterFade,logoLoadingLetterSlide;animation-duration:2s,2s;animation-timing-function:linear,cubic-bezier(.16,1,.3,1);animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:forwards;animation-timeline:auto,auto}.logo-loading-animation .l1{animation-delay:1.5s}.logo-loading-animation .l2{animation-delay:1.75s}.logo-loading-animation .l3{animation-delay:2s}.logo-loading-animation .l4{animation-delay:2.25s}@keyframes logoLoadingBarRise{0%{opacity:0;transform:translate(-150px,450px)scale(.6)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes logoLoadingLetterSlide{0%{transform:translate(-300px)}to{transform:translate(0)}}@keyframes logoLoadingLetterFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.logo-loading-animation .bar,.logo-loading-animation .letter{opacity:1!important;animation:none!important;transform:none!important}}.skip-animations .logo-loading-animation .bar,.skip-animations .logo-loading-animation .letter{opacity:1!important;animation:none!important;transform:none!important}.showcase-title-wrapper{width:100%;min-height:4rem;position:relative}.showcase-project-title{color:#fff;text-shadow:0 2px 10px #000,0 4px 20px #000c,0 8px 40px #0009;letter-spacing:-.015em;opacity:1;width:100%;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:600;line-height:1.1;position:absolute;top:0;left:0;right:0}.showcase-project-title.visible:not(.exiting):not(.entering){opacity:1;animation:none;position:absolute;transform:none}.showcase-project-title.exiting{animation:.4s cubic-bezier(.6,0,.8,.4) both fadeOutDown;position:absolute;top:0;left:0;right:0}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.showcase-project-title.entering{animation:.5s cubic-bezier(.16,1,.3,1) .4s both fadeInUp;position:absolute;left:0;right:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.showcase-project-title{opacity:1!important;animation:none!important;transform:none!important}}@media (width<=640px){.showcase-title-wrapper{min-height:3rem}.showcase-project-title{font-size:clamp(1.4rem,4vw,2rem)}}@media (width<=480px){.showcase-title-wrapper{min-height:2.5rem}.showcase-project-title{text-shadow:0 2px 8px #000,0 4px 16px #000c;font-size:1.4rem}}.project-showcase{grid-column:1/-1;align-items:stretch;width:100%;height:calc(100vh - 79px);margin:0;padding:0;display:flex}@media (width<=900px){.project-showcase{height:50vh;min-height:400px}}.showcase-loading-slide{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.showcase-container{box-shadow:none;background:0 0;border-radius:0;flex-direction:column;width:100%;height:100%;transition:transform .3s;display:flex;position:relative;overflow:hidden}.showcase-container:hover{transform:none}.showcase-image-wrapper{background:0 0;flex:1;width:100%;height:100%;position:relative;overflow:hidden}.showcase-image-loader{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader-spinner{border:4px solid #ffffff1a;border-top-color:#f60;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.showcase-image{object-fit:cover;transform-origin:0 0;opacity:0;z-index:2;width:100%;height:100%;transition:opacity .3s ease-out;position:relative}.showcase-image.loaded{animation:1s ease-out forwards smoothFadeIn}@keyframes smoothFadeIn{0%{opacity:0;transform:scale(1.01)translate(-.5%,-.5%)}to{opacity:1;transform:scale(1)translate(0)}}.showcase-overlay{pointer-events:none;background:linear-gradient(#0000001a 0%,#0000004d 50%,#000000b3 100%);position:absolute;inset:0}.showcase-info{z-index:2;padding:4rem 5rem 3rem;position:absolute;bottom:0;left:0;right:0}.showcase-controls{z-index:3;pointer-events:none;justify-content:space-between;padding:0 1.5rem;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.showcase-control-btn{pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;opacity:0;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.showcase-container:hover .showcase-control-btn{opacity:.8}.showcase-control-btn:hover{opacity:1;background:#ffffff40;transform:scale(1.05)}.showcase-control-btn:active{transform:scale(.95)}.showcase-control-btn svg{width:24px;height:24px}.showcase-slider{z-index:2;background:0 0;border-top:none;height:5px;position:absolute;bottom:0;left:0;right:0}.showcase-slider-track{background:0 0;gap:2px;height:100%;padding:0 5rem;display:flex}.showcase-slider-segment{cursor:pointer;background:#fff;border:none;border-radius:2px;flex:1;height:100%;padding:0;transition:all .3s;position:relative;overflow:hidden}.showcase-slider-segment:before{content:"";transform-origin:0;background:#f64c27;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.showcase-slider-segment.active:before{transform:scaleX(1)}.showcase-slider-segment:hover:not(.active){background:#ffffff80}@media (width<=768px){.showcase-info{padding:1.5rem 1.5rem 2rem}.showcase-project-title{font-size:1.5rem}.showcase-control-btn{opacity:1;width:40px;height:40px}.showcase-slider-track{padding:0 1.5rem}.showcase-slider{height:4px}}@media (width<=480px){.project-showcase{min-height:350px}.showcase-project-title{font-size:1.25rem}.showcase-info{padding:1rem 1rem 1.5rem}.showcase-slider-track{padding:0 1rem}.showcase-control-btn{width:36px;height:36px}.showcase-control-btn svg{width:20px;height:20px}.showcase-controls{padding:0 1rem}.showcase-slider{height:3px}}@media (width<=360px){.project-showcase{min-height:320px}.showcase-project-title{font-size:1.1rem}.showcase-info{padding:.8rem .8rem 1.2rem}.showcase-slider-track,.showcase-controls{padding:0 .8rem}.showcase-control-btn{width:32px;height:32px}}.service-cards-loading{justify-content:center;align-items:center;width:100%;min-height:400px;padding:clamp(1rem,3vw,3rem);display:flex}.service-cards-grid{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2rem);max-width:1600px;margin:0 auto;padding:clamp(1rem,3vw,3rem);display:grid}.service-cards-grid:after{content:"";grid-column:1/2}.service-card{cursor:pointer;aspect-ratio:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0006,0 6px 16px #0000004d,inset 0 1px #ffffff0d}.service-card:before{content:"";transform-origin:0;z-index:10;background:linear-gradient(90deg,#f25d27cc,#f24c2766);height:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{background:radial-gradient(circle at 50% 0,#f25d2714 0%,#0000 60%),#ffffff14;border-color:#f25d2766;transform:translateY(-8px)perspective(1000px)rotateX(2deg);box-shadow:0 28px 56px #00000080,0 12px 24px #0006,0 0 0 1px #f25d274d,inset 0 1px #ffffff1a,0 0 40px #f25d274d}.service-card:hover:before{transform:scaleX(1)}.service-card.dimmed{opacity:.2;filter:blur(3px);pointer-events:none}.service-card.selected{opacity:0;pointer-events:none}.service-card-image{background:var(--bg-elevated);flex:1;width:100%;overflow:hidden}.service-card-image img{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .3s}.service-card-image img.loaded{animation:.8s ease-out forwards smoothFadeIn}.service-card:hover .service-card-image img{transform:scale(1.05)}.service-card-content{background:var(--bg-panel);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,2vw,1.25rem);display:flex}.service-card-logo{flex-shrink:0;justify-content:center;align-items:center;width:clamp(54px,6vw,72px);height:clamp(54px,6vw,72px);display:flex}.service-card-logo img{object-fit:contain;filter:brightness(0)saturate()invert();width:100%;height:100%}.service-card-name{color:#fff;text-align:center;flex-shrink:0;margin:0;font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:600;line-height:1.3}.service-detail-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:79px 0 0}@media (width<=900px){.service-detail-overlay{top:70px}}.service-detail-fullscreen{flex-direction:column;width:100vw;height:calc(100vh - 79px);display:flex;position:relative}@media (width<=900px){.service-detail-fullscreen{height:calc(100vh - 70px)}}.service-detail-close{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.service-detail-close svg{width:24px;height:24px}.service-detail-close:hover{background:#ffffff40;transform:scale(1.05)}.service-detail-close:active{transform:scale(.95)}.service-detail-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.service-detail-image{object-fit:cover;transform-origin:50%;opacity:0;width:100%;height:100%;transition:opacity .3s ease-out}.service-detail-image.loaded{animation:1s ease-out forwards smoothFadeIn}.service-detail-gradient{pointer-events:none;background:linear-gradient(#0000001a 0%,#0000004d 50%,#000c 100%);position:absolute;inset:0}.service-detail-info{z-index:2;flex-direction:column;align-items:flex-start;gap:clamp(1rem,2vw,1.5rem);padding:clamp(2rem,5vw,5rem);display:flex;position:absolute;bottom:0;left:0;right:0}.service-detail-logo{opacity:0;justify-content:center;align-items:center;width:clamp(72px,8vw,120px);height:clamp(72px,8vw,120px);animation:.6s ease-out .3s forwards slideUp;display:flex}.service-detail-logo img{object-fit:contain;filter:brightness(0)saturate()invert();width:100%;height:100%}.service-detail-name{color:#fff;text-shadow:0 4px 16px #000c;opacity:0;margin:0;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;animation:.6s ease-out .4s forwards slideUp}.service-detail-description{color:#ffffffe6;text-shadow:0 1px 4px #00000080;opacity:0;max-width:800px;margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;animation:.6s ease-out .5s forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.service-cards-grid{grid-template-columns:repeat(3,1fr)}.service-cards-grid:after{content:none}}@media (width<=768px){.service-cards-grid{grid-template-columns:repeat(2,1fr)}.service-detail-close{width:44px;height:44px;top:1rem;right:1rem}.service-detail-close svg{width:20px;height:20px}.service-detail-info{padding:2rem 1.5rem 3rem}}@media (width<=480px){.service-cards-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.service-card{border-radius:16px}.service-card-content{padding:1rem}.service-card-logo{width:48px;height:48px}.service-card-name{font-size:.85rem}.service-detail-info{padding:1.5rem 1rem 2.5rem}.service-detail-logo{width:60px;height:60px}.service-detail-name{font-size:1.5rem}.service-detail-description{font-size:.95rem}}@media (width<=360px){.service-cards-grid{padding:.75rem}.service-card-logo{width:42px;height:42px}.service-card-name{font-size:.8rem}}.notifications-container{width:100%;margin-top:40px;position:relative}.notifications-search-wrapper{opacity:0;max-width:500px;margin:0 auto 32px;animation:.6s cubic-bezier(.16,1,.3,1) .2s forwards searchFadeIn;position:relative}@keyframes searchFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notifications-search{width:100%;color:var(--heading);background:#1a1f2599;border:1px solid #7a849240;border-radius:24px;outline:none;padding:14px 40px 14px 20px;font-family:inherit;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.notifications-search::placeholder{color:var(--muted);opacity:.6}.notifications-search:focus{background:#232930e6;border-color:#f25d2799;transform:scale(1.02);box-shadow:0 4px 16px #f25d271a}.notifications-search-clear{color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:4px 8px;font-size:1.2rem;transition:all .2s;animation:.3s forwards clearButtonFadeIn;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@keyframes clearButtonFadeIn{0%{opacity:0;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1)}}.notifications-search-clear:hover{color:#f25d27e6;transform:translateY(-50%)scale(1.1)}.notifications-scroll{flex-direction:column;align-items:center;gap:24px;max-height:1346px;padding-right:12px;display:flex;overflow-y:auto}.notifications-empty{text-align:center;color:var(--muted);opacity:.7;padding:60px 32px}.notifications-pagination{opacity:0;justify-content:center;align-items:center;gap:8px;margin:20px 0 24px;animation:.6s cubic-bezier(.16,1,.3,1) .4s forwards paginationFadeIn;display:flex}@keyframes paginationFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pagination-button{min-width:36px;height:36px;color:var(--heading);cursor:pointer;background:#1a1f2599;border:1px solid #7a849240;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.pagination-button:hover{background:#232930e6;border-color:#f25d2766;transform:translateY(-2px)}.pagination-button.active{color:#f25d27f2;background:#f25d2726;border-color:#f25d2799;font-weight:600}.pagination-button.active:hover{transform:none}.notifications-scroll::-webkit-scrollbar{width:6px}.notifications-scroll::-webkit-scrollbar-track{background:#7a84921a;border-radius:3px}.notifications-scroll::-webkit-scrollbar-thumb{background:#f25d2766;border-radius:3px}.notifications-scroll::-webkit-scrollbar-thumb:hover{background:#f25d2799}.notification-card{opacity:0;background:#1a1f2599;border:1px solid #7a849226;flex-direction:column;flex-shrink:0;width:100%;max-width:calc(100vw - 100px);height:250px;min-height:250px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.16,1,.3,1) forwards slideInFromRight;display:flex;position:relative;overflow:visible}.notification-card:before{content:"";transform-origin:bottom;background:#f25d27cc;width:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.notification-card:hover{background:#232930e6;border-color:#7a849240;transform:translate(-4px)}.notification-card:hover:before{transform:scaleY(1)}.notification-header{justify-content:flex-start;align-items:center;gap:16px;margin-bottom:16px;display:flex}.notification-type{letter-spacing:.05em;font-variant-numeric:tabular-nums;border:1px solid;border-radius:0;padding:6px 14px;font-size:.8rem;font-weight:600}.notification-type-announcement{color:#fff;background:0 0;border-color:#f25d2780}.notification-title{color:var(--heading);letter-spacing:-.01em;margin:0 0 12px;font-size:1.15rem;font-weight:600;line-height:1.4}.notification-content-wrapper{flex:1;margin-top:4px;overflow:hidden}.notification-content{color:#fff;opacity:.95;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (width<=900px){.notifications-scroll{gap:20px;max-height:500px}.notification-card{padding:24px}.notification-header{flex-direction:column;align-items:flex-start;gap:8px}.notification-title{font-size:1.05rem}.notification-content{font-size:.9rem}}@media (width<=640px){.notifications-search-wrapper{max-width:100%;padding:0 10px}.notifications-scroll{gap:16px;max-height:400px;padding-right:8px}.notification-card{max-width:calc(100vw - 40px);height:220px;min-height:220px;padding:20px}.notification-title{font-size:1rem}.notification-content{font-size:.88rem}.notification-type{padding:5px 12px;font-size:.75rem}}@media (width<=480px){.notifications-search-wrapper{padding:0 8px}.notifications-search{padding:12px 36px 12px 16px;font-size:.85rem}.notification-card{max-width:calc(100vw - 30px);height:200px;min-height:200px;padding:18px}.notification-title{margin-bottom:10px;font-size:.95rem}.notification-content{-webkit-line-clamp:3;font-size:.85rem}.notification-type{padding:4px 10px;font-size:.7rem}.pagination-button{min-width:32px;height:32px;padding:6px 10px;font-size:.85rem}}.coming-soon-notification{z-index:9999;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(135deg,#f24c27 0%,#f36838 100%);border-radius:12px;padding:16px 24px;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;top:99px;left:50%;transform:translate(-50%)translateY(-100px);box-shadow:0 8px 24px #f24c274d}.coming-soon-notification.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.notification-content{align-items:center;gap:16px;display:flex}.notification-text{letter-spacing:.5px;font-size:16px;font-weight:600}.notification-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;transition:background-color .2s;display:flex}.notification-close:hover{background-color:#fff3}@media (width<=768px){.coming-soon-notification{max-width:calc(100% - 32px);top:90px}.notification-text{font-size:14px}}
