:root{--bg:#030303;--bg2:#090909;--panel:#11110f;--gold:#d3a62f;--gold2:#efc758;--text:#f7f5ef;--muted:#aaa79f;--line:rgba(211,166,47,.30);--soft:rgba(255,255,255,.07);--max:1450px;--shadow:0 24px 70px rgba(0,0,0,.46)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.sg-shell{width:min(calc(100% - 56px),var(--max));margin:auto}.sg-skip{position:absolute;left:-9999px}.sg-skip:focus{left:16px;top:16px;z-index:99999;background:#fff;color:#000;padding:10px 14px}
.sg-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(6,6,6,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(211,166,47,.16)}body.admin-bar .sg-header{top:32px}.sg-header.is-scrolled{background:rgba(5,5,5,.96);box-shadow:0 12px 38px rgba(0,0,0,.35)}.sg-header-inner{min-height:72px;display:flex;align-items:center;gap:28px}.sg-brand{display:flex;align-items:center;gap:10px;flex:none}.sg-brand-mark,.sg-cta-mark{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#f7d76d,#c99118 55%,#7b5206);color:#080808;font-weight:1000;font-size:1.55rem;box-shadow:0 0 24px rgba(211,166,47,.22)}.sg-brand strong{display:block;color:var(--gold2);letter-spacing:.1em;font-size:1.05rem;line-height:1}.sg-brand small{display:block;margin-top:4px;letter-spacing:.34em;font-size:.52rem}.sg-nav{margin-left:auto;display:flex;gap:30px;align-items:center}.sg-nav a{font-size:.78rem;font-weight:700;color:#efefec;opacity:.9}.sg-nav a:hover{color:var(--gold2)}.sg-head-cta,.sg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border:1px solid var(--gold);border-radius:7px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#080808;font-size:.76rem;font-weight:900;transition:.25s;box-shadow:0 10px 25px rgba(211,166,47,.14)}.sg-head-cta{background:transparent;color:var(--gold2);box-shadow:none}.sg-head-cta:hover,.sg-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.sg-btn-ghost{background:rgba(255,255,255,.02);color:#fff;border-color:rgba(255,255,255,.22);box-shadow:none}.sg-menu-btn{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:8px}.sg-menu-btn span{height:2px;background:#fff;display:block;margin:5px}
.sg-hero{padding:115px 0 30px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 57%,rgba(211,166,47,.13),transparent 26%),linear-gradient(180deg,#080808 0%,#050505 100%)}.sg-hero:after{content:"";position:absolute;left:42%;right:-15%;bottom:0;height:180px;background:radial-gradient(ellipse at center,rgba(211,166,47,.18),transparent 64%);filter:blur(8px);pointer-events:none}.sg-hero-grid{display:grid;grid-template-columns:38% 62%;align-items:center;gap:10px;min-height:420px}.sg-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold2);font-size:.68rem;font-weight:900;letter-spacing:.20em;text-transform:uppercase}.sg-kicker:before{content:"";width:26px;height:1px;background:var(--gold)}.sg-kicker-clean:before{display:none}.sg-hero-copy{padding:10px 10px 20px 14px;z-index:4}.sg-hero-copy h1{margin:16px 0 20px;font-size:clamp(3.5rem,5.5vw,6rem);line-height:.94;letter-spacing:-.035em}.sg-hero-copy h1 span{color:var(--gold2)}.sg-hero-copy>p{max-width:480px;color:#c9c6bf;font-size:.98rem}.sg-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sg-universe-board{position:relative;min-height:420px;display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;gap:12px;z-index:3}.sg-universe-glow{position:absolute;width:450px;height:450px;border-radius:50%;left:50%;top:53%;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle,transparent 0 22px,rgba(211,166,47,.12) 23px 24px),radial-gradient(circle,rgba(211,166,47,.08),transparent 64%);filter:drop-shadow(0 0 22px rgba(211,166,47,.15));pointer-events:none}.sg-universe-center{display:grid;place-items:center;z-index:4}.sg-core-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#17130a 0%,#080807 64%,#030303 100%);border:1px solid rgba(239,199,88,.72);box-shadow:0 0 0 9px rgba(211,166,47,.05),0 0 60px rgba(211,166,47,.26)}.sg-core-s{width:54px;height:54px;border-radius:10px;background:linear-gradient(145deg,#f6d66a,#c68e13);display:grid;place-items:center;color:#080808;font-weight:1000;font-size:1.8rem}.sg-core-ring strong{margin-top:6px;color:var(--gold2);letter-spacing:.12em}.sg-core-ring small{font-size:.52rem;letter-spacing:.35em}.sg-universe-side{display:grid;gap:12px;z-index:5}.sg-universe-left{justify-items:end}.sg-universe-right{justify-items:start}.sg-universe-node{position:relative;width:190px;min-height:54px;padding:9px 12px;display:flex;align-items:center;gap:11px;border:1px solid rgba(211,166,47,.32);border-radius:10px;background:linear-gradient(180deg,rgba(22,21,18,.92),rgba(10,10,9,.92));box-shadow:0 12px 30px rgba(0,0,0,.18);transition:.25s}.sg-universe-node:after{content:"";position:absolute;top:50%;height:1px;width:72px;background:linear-gradient(90deg,rgba(211,166,47,.50),rgba(211,166,47,.08));}.sg-universe-left .sg-universe-node:after{left:100%}.sg-universe-right .sg-universe-node:after{right:100%;transform:rotate(180deg)}.sg-universe-node span{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-weight:900;font-size:.9rem}.sg-universe-node b{font-size:.74rem;line-height:1.2}.sg-universe-node:hover,.sg-universe-node.is-active{transform:translateY(-2px);border-color:var(--gold2);box-shadow:0 0 24px rgba(211,166,47,.16)}
.sg-activity-strip{padding:0 0 16px;background:#050505}.sg-activity-strip .sg-shell{border:1px solid rgba(211,166,47,.20);border-radius:14px;background:linear-gradient(180deg,#151513,#0d0d0c);padding:14px 20px 18px;box-shadow:var(--shadow)}.sg-strip-title{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--gold2);font-size:.74rem;font-weight:900;letter-spacing:.22em;margin-bottom:14px}.sg-strip-title i{height:1px;flex:1;max-width:360px;background:linear-gradient(90deg,transparent,rgba(211,166,47,.38),transparent)}.sg-activity-row{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.sg-activity-mini{min-height:78px;border:1px solid rgba(211,166,47,.18);border-radius:10px;background:#11110f;display:grid;place-items:center;text-align:center;padding:8px;transition:.2s}.sg-activity-mini:hover{border-color:var(--gold);transform:translateY(-2px)}.sg-activity-mini span{font-size:1.35rem;color:var(--gold2);font-weight:900}.sg-activity-mini small{font-size:.63rem;line-height:1.15;color:#efede7}
.sg-section{padding:18px 0 34px}.sg-strip-title-projects{margin:0 0 14px}.sg-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid rgba(211,166,47,.17);border-radius:14px;background:#10100f;padding:14px}.sg-project-card{border:1px solid rgba(211,166,47,.22);border-radius:12px;overflow:hidden;background:#0a0a09}.sg-project-media{height:190px;position:relative;overflow:hidden;background-size:cover;background-position:center;background-color:#0b0b0a}.sg-project-media img{width:100%;height:100%;object-fit:cover}.sg-project-media:before{content:"";position:absolute;inset:0;opacity:.95}.sg-project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.76))}.sg-project-theme-mostim:before{background:radial-gradient(circle at 72% 34%,rgba(239,199,88,.18),transparent 18%),linear-gradient(145deg,#13202a 0%,#0b1116 42%,#17120a 100%)}.sg-project-theme-mostim:after{background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.62)),repeating-linear-gradient(0deg,transparent 0 24px,rgba(239,199,88,.06) 25px 26px),repeating-linear-gradient(90deg,transparent 0 42px,rgba(239,199,88,.045) 43px 44px)}.sg-project-theme-aryapi:before{background:radial-gradient(circle at 75% 20%,rgba(239,199,88,.22),transparent 22%),linear-gradient(135deg,#24180b,#0a0d10 58%,#121212)}.sg-project-theme-aryapi:after{background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.65)),repeating-linear-gradient(120deg,transparent 0 38px,rgba(239,199,88,.06) 39px 41px)}.sg-project-index{position:absolute;left:12px;top:12px;z-index:3;color:var(--gold2);font-weight:900;font-size:.7rem}.sg-project-progress{position:absolute;right:12px;top:12px;z-index:3;padding:4px 8px;border:1px solid rgba(239,199,88,.34);border-radius:999px;background:rgba(5,5,5,.68);color:var(--gold2);font-size:.62rem;font-weight:900}.sg-project-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;gap:12px;padding:18px}.sg-project-overlay h3{margin-left:auto;max-width:190px;font-size:1rem;line-height:1.18}.sg-project-overlay small{position:absolute;right:18px;bottom:20px;color:var(--gold2);font-size:.62rem}.sg-project-overlay b{margin-left:auto;width:32px;height:32px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2)}
.sg-overview{padding-top:0}.sg-overview-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:12px}.sg-numbers-panel,.sg-atlas-panel{border:1px solid rgba(211,166,47,.20);border-radius:14px;background:linear-gradient(180deg,#131311,#0c0c0b);min-height:160px}.sg-numbers-panel{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:18px}.sg-numbers-panel>div{text-align:center;border-right:1px solid rgba(211,166,47,.16)}.sg-numbers-panel>div:last-child{border-right:0}.sg-numbers-panel span{display:block;color:var(--gold2);font-size:1.15rem}.sg-numbers-panel strong{display:block;font-size:1.8rem;margin-top:5px}.sg-numbers-panel small{color:var(--muted);font-size:.67rem}.sg-atlas-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;padding:22px}.sg-atlas-panel p{color:var(--muted);font-size:.78rem}.sg-atlas-panel .sg-btn{min-height:36px;padding:0 14px;font-size:.68rem}.sg-map-silhouette{min-height:125px;position:relative;display:flex;align-items:center;justify-content:center;padding:4px;background:radial-gradient(circle at 73% 61%,rgba(211,166,47,.15),transparent 16%),radial-gradient(ellipse at center,rgba(211,166,47,.07),transparent 62%);border-radius:10px;overflow:hidden}.sg-turkey-map{display:block;width:100%;height:auto;max-height:150px;overflow:visible}.sg-turkey-shape path{fill:url(#sgTurkeyDots);stroke:url(#sgTurkeyStroke);stroke-width:1.15;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(211,166,47,.16))}.sg-map-country-label{fill:rgba(242,199,85,.15);font-size:31px;font-weight:900;letter-spacing:.21em}.sg-map-pulse{fill:rgba(242,199,85,.08);stroke:rgba(242,199,85,.16);stroke-width:1;transform-origin:center;animation:sgMapPulse 2.8s ease-out infinite}.sg-map-ring{fill:rgba(7,7,7,.7);stroke:#f2c755;stroke-width:1.6;filter:url(#sgTurkeyGlow)}.sg-map-core{fill:#f2c755;filter:url(#sgTurkeyGlow)}.sg-map-leader{fill:none;stroke:#d3a62f;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.sg-map-label-bg{fill:rgba(12,12,11,.94);stroke:rgba(211,166,47,.72);stroke-width:1}.sg-map-city-label{fill:#f2c755;font-size:12px;font-weight:800;letter-spacing:.02em}@keyframes sgMapPulse{0%{opacity:.9;transform:scale(.55)}70%{opacity:.15;transform:scale(1.35)}100%{opacity:0;transform:scale(1.55)}}
.sg-cta-bar{padding:0 0 34px}.sg-cta-bar .sg-shell{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:18px 24px;border:1px solid rgba(211,166,47,.34);border-radius:14px;background:radial-gradient(ellipse at 55% 0,rgba(211,166,47,.20),transparent 36%),linear-gradient(90deg,#0c0c0b,#15130d,#0c0c0b)}.sg-cta-bar h2{margin:0;font-size:1.28rem}.sg-cta-bar p{margin:4px 0 0;color:var(--muted);font-size:.72rem}.sg-cta-mark{width:54px;height:54px;font-size:1.8rem}
.sg-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.sg-section h2,.sg-inner-hero h1{margin:8px 0 10px;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.05}.sg-section-head p{margin:0;max-width:720px;color:var(--muted)}.sg-vault{padding-top:70px}.sg-vault-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sg-vault-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#14130f,#0a0a09)}.sg-vault-card span{color:var(--gold2);font-size:.66rem;font-weight:900;letter-spacing:.12em}.sg-vault-card h3{margin:10px 0 6px}.sg-vault-card p{color:var(--muted);font-size:.82rem}.sg-vault-card a{color:var(--gold2);font-weight:900;font-size:.78rem}.sg-vault-empty{grid-column:1/-1;text-align:left;max-width:720px;padding:22px 24px;background:linear-gradient(90deg,#14130f,#0a0a09)}.sg-gateway{padding-top:48px}.sg-gateway-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start;padding:38px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#15130f,#090909);box-shadow:var(--shadow)}.sg-gateway-grid p{color:var(--muted)}.sg-gateway-grid h2{font-size:clamp(2rem,3vw,3.15rem);max-width:560px;overflow-wrap:anywhere}.sg-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.sg-gateway-points{display:grid;gap:8px;margin-top:22px}.sg-gateway-form label{display:block;color:#e5e1d8;font-size:.78rem;font-weight:800}.sg-gateway-form input,.sg-gateway-form select,.sg-gateway-form textarea{width:100%;margin-top:7px;border:1px solid rgba(211,166,47,.18);background:#0b0b0a;color:#fff;border-radius:8px;padding:12px;outline:none}.sg-gateway-form input:focus,.sg-gateway-form select:focus,.sg-gateway-form textarea:focus{border-color:var(--gold)}.sg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sg-gateway-form>label{margin-top:14px}.sg-gateway-form .sg-btn{margin-top:16px;border:0}.sg-form-status{margin-top:12px;font-size:.82rem}.sg-form-status.ok{color:#83d99f}.sg-form-status.err{color:#ff9a9a}
.sg-inner-hero{padding:150px 0 70px;background:#080808}.sg-project-pass{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.sg-project-pass span{padding:6px 10px;border:1px solid rgba(211,166,47,.18);border-radius:999px;background:rgba(211,166,47,.07);color:var(--gold2);font-size:.66rem;font-weight:800}.sg-content-wrap{max-width:960px}.sg-content-wrap>img{border-radius:18px;margin-bottom:30px}.sg-progress{margin:20px 0}.sg-progress>div{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}.sg-progress b{color:var(--gold2)}.sg-progress i{height:6px;display:block;margin-top:8px;background:rgba(255,255,255,.07);border-radius:10px;overflow:hidden}.sg-progress em{height:100%;display:block;background:linear-gradient(90deg,#8d6815,var(--gold2));border-radius:10px}.sg-next-stage{margin-top:26px;padding:20px;border:1px solid var(--line);border-radius:14px}.sg-next-stage span{display:block;color:var(--muted);font-size:.72rem}.sg-next-stage strong{display:block;margin-top:4px;color:var(--gold2);font-size:1.2rem}
.sg-footer{border-top:1px solid var(--soft);background:#030303}.sg-footer-grid{padding:48px 0 30px;display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:30px}.sg-footer h4{margin:0 0 14px}.sg-footer p{color:var(--muted);font-size:.84rem}.sg-footer a:not(.sg-brand){display:block;margin:7px 0;color:#dedbd4;font-size:.82rem}.sg-footer a:hover{color:var(--gold2)}.sg-footer-bottom{padding:14px;text-align:center;border-top:1px solid var(--soft);color:var(--muted);font-size:.72rem}
@media(max-width:1180px){.sg-nav{gap:16px}.sg-nav a{font-size:.72rem}.sg-hero-grid{grid-template-columns:1fr}.sg-hero-copy{max-width:740px}.sg-universe-board{max-width:850px;width:100%;margin:auto}.sg-activity-row{grid-template-columns:repeat(5,1fr)}.sg-project-grid{grid-template-columns:1fr}.sg-project-media{height:220px}.sg-overview-grid,.sg-gateway-grid{grid-template-columns:1fr}.sg-vault-grid{grid-template-columns:1fr 1fr}.sg-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.sg-menu-btn{display:block}.sg-head-cta{display:none}.sg-nav{display:none;position:absolute;top:100%;left:14px;right:14px;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0b0b0a;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.sg-nav.is-open{display:flex}.sg-nav a{padding:10px}.sg-hero{padding-top:105px}.sg-universe-board{grid-template-columns:1fr 145px 1fr}.sg-universe-node{width:150px}.sg-universe-node:after{width:36px}.sg-activity-row{grid-template-columns:repeat(2,1fr)}.sg-numbers-panel{grid-template-columns:1fr 1fr}.sg-numbers-panel>div{border-right:0;padding:12px}.sg-atlas-panel{grid-template-columns:1fr}.sg-vault-grid{grid-template-columns:1fr}.sg-form-grid{grid-template-columns:1fr}.sg-footer-grid{grid-template-columns:1fr}.sg-section-head{align-items:flex-start;flex-direction:column}.sg-cta-bar .sg-shell{grid-template-columns:auto 1fr}.sg-cta-bar .sg-btn{grid-column:1/-1}}
@media(max-width:620px){.sg-shell{width:min(calc(100% - 28px),var(--max))}.sg-hero-copy h1{font-size:3.25rem}.sg-universe-board{display:block;min-height:auto}.sg-universe-glow,.sg-universe-center{display:none}.sg-universe-side{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.sg-universe-node{width:100%;min-height:58px}.sg-universe-node:after{display:none}.sg-activity-row{grid-template-columns:1fr 1fr}.sg-project-media{height:210px}.sg-overview-grid{display:block}.sg-numbers-panel{margin-bottom:12px}.sg-gateway-grid{padding:22px}.sg-cta-bar .sg-shell{padding:16px}.sg-brand strong{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#activities,#projects,#about,#corporate,#vault,#gateway,#contact{scroll-margin-top:92px}
@media(max-width:782px){body.admin-bar .sg-header{top:46px}}
.sg-gateway-wa{display:inline-block;margin-top:10px;color:#d8a72d;font-weight:800;text-decoration:none}.sg-gateway-wa:hover{text-decoration:underline}


/* V3.5 — Mobile polish + lightweight rendering */
.sg-projects,.sg-overview,.sg-vault,.sg-gateway,.sg-footer{content-visibility:auto;contain-intrinsic-size:1px 900px}
.sg-project-media img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}

@media(max-width:620px){
  .sg-header{background:rgba(5,5,5,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
  .sg-header-inner{min-height:64px;gap:14px}
  .sg-brand-mark{width:40px;height:40px}
  .sg-menu-btn{width:40px;height:40px}
  .sg-hero{padding:88px 0 18px}
  .sg-hero-grid{min-height:auto}
  .sg-hero-copy{padding:6px 2px 12px}
  .sg-hero-copy h1{font-size:clamp(2.75rem,12.5vw,3.35rem);line-height:.96;margin:12px 0 16px;letter-spacing:-.04em}
  .sg-hero-copy>p{font-size:.96rem;line-height:1.55;margin:0}
  .sg-hero-actions{margin-top:20px;gap:10px}
  .sg-hero-actions .sg-btn{flex:1 1 46%;padding:0 12px;min-height:46px;font-size:.72rem;white-space:nowrap}

  /* Flow all ten Universe nodes as one compact 2-column grid. */
  .sg-universe-board{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:auto;margin-top:18px}
  .sg-universe-glow,.sg-universe-center{display:none}
  .sg-universe-side{display:contents}
  .sg-universe-node{width:100%;min-width:0;min-height:64px;padding:9px 10px;gap:8px;box-shadow:none}
  .sg-universe-node span{width:28px;height:28px;font-size:.82rem}
  .sg-universe-node b{font-size:.70rem;line-height:1.16;overflow-wrap:anywhere}
  .sg-universe-node:after{display:none}

  .sg-activity-strip{padding-bottom:10px}
  .sg-activity-strip .sg-shell{padding:12px 12px 14px}
  .sg-strip-title{font-size:.66rem;letter-spacing:.17em;gap:10px;margin-bottom:10px}
  .sg-activity-row{gap:8px}
  .sg-activity-mini{min-height:68px;padding:7px}
  .sg-activity-mini span{font-size:1.18rem}
  .sg-activity-mini small{font-size:.60rem}

  /* Projects become a tactile horizontal rail instead of a very tall stack. */
  .sg-projects{padding-top:10px;padding-bottom:22px}
  .sg-project-grid{display:flex;overflow-x:auto;gap:10px;padding:10px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .sg-project-grid::-webkit-scrollbar{display:none}
  .sg-project-card{flex:0 0 88%;scroll-snap-align:start}
  .sg-project-media{height:245px}
  .sg-project-overlay{padding:16px}
  .sg-project-overlay h3{margin-left:0;margin-right:auto;max-width:72%;font-size:1.12rem;align-self:center}
  .sg-project-overlay b{flex:none}
  .sg-project-overlay small{right:16px;bottom:15px}

  .sg-numbers-panel{padding:12px;gap:2px}
  .sg-numbers-panel strong{font-size:1.55rem}
  .sg-numbers-panel small{font-size:.62rem}
  .sg-atlas-panel{padding:18px}
  .sg-map-silhouette{min-height:105px}

  .sg-vault{padding-top:42px}
  .sg-section-head{gap:12px;margin-bottom:18px}
  .sg-section h2,.sg-inner-hero h1{font-size:2rem}
  .sg-vault-card{padding:18px}

  /* Gateway: same functionality, substantially less vertical bulk. */
  .sg-gateway{padding-top:30px;padding-bottom:28px}
  .sg-gateway-grid{gap:22px;padding:18px;border-radius:16px;box-shadow:none}
  .sg-gateway-grid h2{font-size:2rem;line-height:1.04;margin:8px 0 12px}
  .sg-gateway-grid p{font-size:.94rem;line-height:1.5;margin:0}
  .sg-gateway-points{grid-template-columns:1fr 1fr;gap:7px 10px;margin-top:16px}
  .sg-gateway-points span{font-size:.84rem}
  .sg-form-grid{gap:10px}
  .sg-gateway-form label{font-size:.74rem}
  .sg-gateway-form input,.sg-gateway-form select,.sg-gateway-form textarea{margin-top:5px;padding:10px 11px;border-radius:7px}
  .sg-gateway-form>label{margin-top:10px}
  .sg-gateway-form textarea{min-height:105px;resize:vertical}
  .sg-gateway-form .sg-btn{width:100%;min-height:46px;margin-top:12px}

  .sg-footer-grid{padding:32px 0 20px;gap:18px}
  .sg-footer-bottom{padding-bottom:calc(14px + env(safe-area-inset-bottom))}

  /* Reduce nonessential motion/work on touch devices. */
  .sg-universe-node:hover,.sg-activity-mini:hover,.sg-btn:hover,.sg-head-cta:hover{transform:none}
}

@media(max-width:430px){
  .sg-shell{width:min(calc(100% - 22px),var(--max))}
  .sg-hero-copy h1{font-size:2.72rem}
  .sg-hero-actions{display:grid;grid-template-columns:1fr}
  .sg-hero-actions .sg-btn{width:100%}
  .sg-universe-node{min-height:60px;padding:8px}
  .sg-universe-node b{font-size:.67rem}
  .sg-project-card{flex-basis:92%}
  .sg-project-media{height:225px}
  .sg-gateway-points{grid-template-columns:1fr}
}

/* =========================================================
   V3.11 — SARYA UNIVERSE SIGNAL RINGS
   6 visible rings + JS-driven pulse. Cards and core stay fixed.
   CSS provides a visible fallback even if JavaScript is delayed.
   ========================================================= */
@media (min-width:621px){
  #universe .sg-universe-center{
    position:relative;
    isolation:isolate;
    overflow:visible;
  }

  /* Soft ambient glow only; the six actual rings are separate elements. */
  #universe .sg-universe-glow{
    background:radial-gradient(circle,rgba(211,166,47,.11) 0%,rgba(211,166,47,.045) 38%,transparent 69%);
    opacity:.82;
    filter:drop-shadow(0 0 28px rgba(211,166,47,.18));
  }

  /* Center logo is completely fixed. */
  #universe .sg-core-ring{
    position:relative;
    z-index:8;
    transform:none!important;
    animation:none!important;
    filter:none!important;
  }
  #universe .sg-core-s{
    transform:none!important;
    animation:none!important;
  }

  /* Company cards are completely fixed. */
  #universe .sg-universe-node,
  #universe .sg-universe-node span{
    animation:none!important;
    translate:none!important;
  }
  #universe .sg-universe-node{transform:none}
  #universe .sg-universe-node:hover,
  #universe .sg-universe-node.is-active{transform:translateY(-2px)}

  /* Six rings. These fallback sizes make them visible before JS starts. */
  #universe .sg-signal-ring{
    position:absolute;
    left:50%;
    top:50%;
    width:150px;
    height:150px;
    margin-left:-75px;
    margin-top:-75px;
    border:1.35px solid rgba(239,199,88,.56);
    border-radius:50%;
    pointer-events:none;
    z-index:3;
    transform-origin:center center;
    box-shadow:0 0 12px rgba(211,166,47,.10),inset 0 0 8px rgba(211,166,47,.04);
    will-change:transform,opacity;
  }
  #universe .sg-signal-ring-1{transform:scale(1.12);opacity:.52}
  #universe .sg-signal-ring-2{transform:scale(1.42);opacity:.43}
  #universe .sg-signal-ring-3{transform:scale(1.72);opacity:.35}
  #universe .sg-signal-ring-4{transform:scale(2.02);opacity:.27}
  #universe .sg-signal-ring-5{transform:scale(2.32);opacity:.19}
  #universe .sg-signal-ring-6{transform:scale(2.62);opacity:.12}
}

/* Mobile Universe keeps its existing compact card layout. */
@media (max-width:620px){
  #universe .sg-signal-ring{display:none!important}
}


/* =========================================================
   V3.12 — PREMIUM MOTION PACK
   Project Live progress + Diyarbakır radar + premium title reveals.
   Core content, links and project data remain unchanged.
   ========================================================= */

/* Project Live: thin gold progress rail at the base of each project image. */
.sg-project-livebar{
  position:absolute;
  left:14px;
  right:14px;
  bottom:10px;
  z-index:4;
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  box-shadow:0 0 0 1px rgba(211,166,47,.08);
  pointer-events:none;
}
.sg-project-livebar i{
  position:absolute;
  inset:0;
  width:100%;
  transform:scaleX(0);
  transform-origin:left center;
  border-radius:inherit;
  background:linear-gradient(90deg,#8d6815 0%,#d3a62f 55%,#f2c755 100%);
  box-shadow:0 0 12px rgba(242,199,85,.36);
}
.sg-project-livebar em{
  position:absolute;
  top:-2px;
  bottom:-2px;
  width:48px;
  left:-60px;
  opacity:0;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,236,173,.72),transparent);
  filter:blur(.2px);
}
.sg-project-card.sg-motion-complete .sg-project-progress{
  border-color:rgba(242,199,85,.62);
  box-shadow:0 0 16px rgba(211,166,47,.18);
}

/* Diyarbakır: three JS-driven radar waves. Static marker stays crisp. */
.sg-map-radar-wave{
  fill:none;
  stroke:#f2c755;
  stroke-width:1.25;
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
  filter:url(#sgTurkeyGlow);
}
.sg-diyarbakir-marker.sg-radar-live .sg-map-core{
  filter:url(#sgTurkeyGlow) drop-shadow(0 0 5px rgba(242,199,85,.65));
}

/* Title motion helpers: JS Web Animations drive the movement, CSS only sets polish. */
.sg-motion-heading{
  will-change:transform,opacity,filter;
  transform-origin:left center;
}
.sg-strip-title.sg-motion-heading{
  transform-origin:center center;
}
.sg-motion-heading.sg-motion-done{
  will-change:auto;
}

@media(max-width:620px){
  .sg-project-livebar{left:12px;right:12px;bottom:9px;height:3px}
  .sg-map-radar-wave{stroke-width:1.1}
}


/* =========================================================
   V3.13 — CINEMATIC INTERACTION PACK
   Intro + live counters + 3D card response + scroll progress
   + Project Live status signal. Existing V3.11/V3.12 motion stays intact.
   ========================================================= */

/* ---------- 1) Cinematic SARYA GROUP intro ---------- */
.sg-cinematic-intro{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 46%,rgba(211,166,47,.10),transparent 30%),
    #050505;
  overflow:hidden;
  opacity:1;
}
.sg-cinematic-intro:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 36%,rgba(239,199,88,.065) 50%,transparent 64%);
  transform:translateX(-85%);
  pointer-events:none;
}
.sg-cinematic-intro-inner{
  position:relative;
  display:grid;
  place-items:center;
  min-width:260px;
  text-align:center;
}
.sg-cinematic-intro-mark{
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(145deg,#f7d76d,#c99118 56%,#765006);
  color:#080808;
  font-size:2.85rem;
  font-weight:1000;
  box-shadow:0 0 44px rgba(211,166,47,.24);
}
.sg-cinematic-intro-word{
  margin-top:16px;
  line-height:1;
  letter-spacing:.16em;
}
.sg-cinematic-intro-word strong{
  display:block;
  color:#f2c755;
  font-size:1.35rem;
}
.sg-cinematic-intro-word small{
  display:block;
  margin-top:7px;
  color:#ece8dd;
  font-size:.58rem;
  letter-spacing:.46em;
}
.sg-cinematic-intro-line{
  display:block;
  width:190px;
  height:1px;
  margin-top:22px;
  transform:scaleX(0);
  transform-origin:center;
  background:linear-gradient(90deg,transparent,#f2c755,transparent);
  box-shadow:0 0 12px rgba(242,199,85,.45);
}

/* ---------- 2) Reading / scroll progress ---------- */
.sg-scroll-progress{
  position:fixed;
  left:0;
  top:0;
  z-index:10020;
  width:100%;
  height:2px;
  pointer-events:none;
  background:rgba(255,255,255,.025);
}
.sg-scroll-progress>i{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,#7f5b0d 0%,#d3a62f 52%,#f2c755 100%);
  box-shadow:0 0 11px rgba(242,199,85,.40);
  will-change:transform;
}
body.admin-bar .sg-scroll-progress{top:32px}

/* ---------- 3) Live number counters ---------- */
.sg-numbers-panel strong.sg-counter-live{
  color:#fff;
  text-shadow:0 0 18px rgba(211,166,47,.14);
  font-variant-numeric:tabular-nums;
}
.sg-numbers-panel>div.sg-counter-hit span{
  filter:drop-shadow(0 0 7px rgba(242,199,85,.32));
}

/* ---------- 4) 3D interaction surfaces ---------- */
@media (hover:hover) and (pointer:fine) and (min-width:769px){
  .sg-activity-mini.sg-tilt-card,
  .sg-project-card.sg-tilt-card,
  .sg-vault-card.sg-tilt-card{
    transform-style:preserve-3d;
    will-change:transform,box-shadow,border-color;
    transition:box-shadow .24s ease,border-color .24s ease,filter .24s ease;
  }
  .sg-activity-mini.sg-tilt-card:hover,
  .sg-project-card.sg-tilt-card:hover,
  .sg-vault-card.sg-tilt-card:hover{
    border-color:rgba(242,199,85,.50);
    box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 22px rgba(211,166,47,.12);
    filter:brightness(1.025);
  }
  .sg-project-card.sg-tilt-card .sg-project-media,
  .sg-vault-card.sg-tilt-card>*{
    transform:translateZ(10px);
  }
}

/* ---------- 5) Project Live status signal ---------- */
.sg-project-overlay small{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.sg-status-dot{
  width:7px;
  height:7px;
  flex:none;
  border-radius:50%;
  background:#d3a62f;
  box-shadow:0 0 9px rgba(211,166,47,.30);
  transform-origin:center;
}
.sg-project-card.sg-status-ongoing .sg-status-dot{
  background:#f2c755;
  box-shadow:0 0 10px rgba(242,199,85,.62);
}
.sg-project-card.sg-status-complete .sg-status-dot{
  background:#cfa331;
  box-shadow:0 0 7px rgba(207,163,49,.26);
}
.sg-project-card.sg-status-complete .sg-project-overlay small{
  color:#e7c35b;
}

@media(max-width:782px){
  body.admin-bar .sg-scroll-progress{top:46px}
}
@media(max-width:620px){
  .sg-cinematic-intro-mark{width:68px;height:68px;font-size:2.45rem}
  .sg-cinematic-intro-word strong{font-size:1.15rem}
  .sg-cinematic-intro-line{width:160px}
  .sg-scroll-progress{height:2px}
}


/* v3.15 logo image update */
.sg-brand--image{gap:0;align-items:center}
.sg-brand-logo{display:block;width:220px;max-width:42vw;height:auto}
.sg-brand-logo-footer{width:230px;max-width:100%}
.sg-cinematic-intro-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.sg-cinematic-intro-logo{display:block;width:min(430px,74vw);height:auto}
.sg-cinematic-intro-mark,.sg-cinematic-intro-word{display:none!important}
.sg-brand-mark{display:none!important}
.sg-cta-mark{background:none!important;box-shadow:none!important;border:none!important;width:70px;height:70px;padding:0;display:grid;place-items:center}
.sg-cta-mark img{display:block;width:70px;height:70px;object-fit:contain}
.sg-core-logo{display:block;width:86px;height:86px;object-fit:contain;margin-bottom:6px}
.sg-core-s{display:none!important}
.sg-core-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.sg-core-ring strong{letter-spacing:.14em}
.sg-core-ring small{letter-spacing:.36em;margin-top:2px}
@media (max-width: 900px){
  .sg-brand-logo{width:182px;max-width:50vw}
  .sg-cinematic-intro-logo{width:min(300px,76vw)}
  .sg-core-logo{width:72px;height:72px}
  .sg-cta-mark{width:56px;height:56px}
  .sg-cta-mark img{width:56px;height:56px}
}

/* v3.16 clean logo fix: no splash overlay, no shadow, no page-covering logo */
.sg-cinematic-intro{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.sg-brand--image,.sg-brand-logo,.sg-brand-logo-footer,.sg-core-logo,.sg-cta-mark img{
  background:transparent!important;
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.sg-brand-logo{display:block;width:220px;max-width:min(220px,42vw);height:auto;object-fit:contain}
.sg-brand-logo-footer{width:230px;max-width:100%;height:auto;object-fit:contain}
.sg-core-logo{display:block;width:86px;height:86px;object-fit:contain;margin-bottom:6px}
.sg-cta-mark{background:none!important;box-shadow:none!important;border:none!important}
.sg-cta-mark img{display:block;width:70px;height:70px;object-fit:contain}
@media(max-width:980px){
  .sg-brand-logo{width:182px;max-width:50vw}
  .sg-core-logo{width:72px;height:72px}
  .sg-cta-mark img{width:56px;height:56px}
}


/* v3.17 — LOGO CACHE + SIZE HARD FIX */
.sg-cinematic-intro{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.sg-brand-logo,.sg-brand-logo-footer,.sg-core-logo,.sg-cta-mark img{
  filter:none!important;box-shadow:none!important;text-shadow:none!important;background:transparent!important;
}
.sg-header .sg-brand-logo{width:180px!important;max-width:180px!important;height:auto!important;object-fit:contain!important}
.sg-footer .sg-brand-logo{width:210px!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.sg-core-logo{width:78px!important;height:78px!important;object-fit:contain!important}
.sg-cta-mark img{width:58px!important;height:58px!important;object-fit:contain!important}
@media(max-width:820px){
  .sg-header .sg-brand-logo{width:150px!important;max-width:150px!important}
  .sg-core-logo{width:66px!important;height:66px!important}
  .sg-cta-mark img{width:52px!important;height:52px!important}
}