:root {
  color-scheme: dark;
  --navy: #090909;
  --navy-deep: #020202;
  --gold: #d5ac72;
  --gold-bright: #f3d7a5;
  --ink: #f0e7d7;
  --muted: #8f9aab;
  --ease: cubic-bezier(.22,1,.36,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 70px; }
body { margin:0; background: var(--navy-deep); color:var(--ink); font-family:'Jost','DM Sans',Arial,sans-serif; font-weight:300; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:2px solid var(--gold-bright); outline-offset:6px; }
button, a { -webkit-tap-highlight-color:transparent; }
::selection { background:#d0a26d; color:#041022; }
.skip-link { position:fixed; z-index:100; top:-80px; left:20px; padding:12px 16px; background:var(--gold); color:var(--navy); }
.skip-link:focus { top:20px; }

.site-header { height:100px; padding:0 clamp(25px,6vw,110px); display:flex; align-items:center; justify-content:space-between; position:absolute; top:0; left:0; width:100%; z-index:20; }
.wordmark { font-size:13px; font-weight:400; letter-spacing:.39em; color:#d7b88a; white-space:nowrap; transition:color .35s; }
.wordmark:hover { color:#fff0d0; }
.wordmark-dot { color:var(--gold-bright); }
.nav { display:flex; gap:clamp(28px,4vw,63px); align-items:center; }
.nav a { color:#ded9d0; letter-spacing:.19em; font-size:10px; font-weight:500; position:relative; transition:color .25s; }
.nav a::after { content:''; display:block; position:absolute; bottom:-9px; height:1px; width:100%; background:var(--gold); transform:scaleX(0); transition:transform .4s var(--ease); transform-origin:left; }
.nav a:hover,.nav a:focus-visible { color:var(--gold-bright); }
.nav a:hover::after,.nav a:focus-visible::after { transform:scaleX(1); }

.hero { min-height:max(775px,100svh); height:auto; position:relative; overflow:hidden; isolation:isolate; display:flex; justify-content:center; background:radial-gradient(ellipse 57% 52% at 50% 10%,rgba(74,52,25,.20) 0%,rgba(18,12,7,.14) 45%,transparent 85%),linear-gradient(180deg,#070707 0%,#040404 64%,#010101 100%); }
.hero::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.18; background:radial-gradient(ellipse 110% 80% at 50% -45%,rgba(214,171,101,.10),transparent 90%); }
.hero-halo { position:absolute; left:50%; top:6%; transform:translateX(-50%); width:min(90vw,1200px); height: min(68vw,900px); border-radius:50%; pointer-events:none; opacity:.18; border:1px solid rgba(203,167,120,.10); box-shadow:0 0 100px rgba(86,61,28,.10) inset; }
.hero-halo::after { content:''; position:absolute; inset:12%; border:1px solid rgba(211,173,126,.08); border-radius:50%; }
.starfield { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.star { position:absolute; display:block; border-radius:50%; background:#ffdb9a; animation:twinkle var(--twinkle-duration,7s) ease-in-out infinite alternate; animation-delay:var(--twinkle-delay,0s); }
@keyframes twinkle { 0%,35% { opacity:var(--star-opacity,.2); transform:scale(.7) } 100%{opacity:calc(var(--star-opacity,.2) + .30);transform:scale(1.2)} }
.hero-content { width:min(1390px,calc(100% - 60px)); padding:clamp(127px,13vh,155px) 0 175px; position:relative; z-index:4; display:flex; align-items:center; flex-direction:column; }
.personal-signature { text-align:center; }
.monogram { margin:0; line-height:.84; color:#d7b586; font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(76px,7vw,118px); letter-spacing:-.12em; padding-right:.12em; background:linear-gradient(148deg,#fff0cc 12%,#a66e36 41%,#ebcc96 60%,#b17d44 77%,#ffe2af 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0px 9px 40px rgba(222,167,88,.08); }

.personal-name { margin:17px 0 0; font-size:clamp(13px,1.35vw,20px); color:#e7d8bc; letter-spacing:clamp(.3em,.65vw,.53em); font-weight:300; }
.identity-connector { width:1px; height:clamp(72px,10vh,94px); margin-top:21px; position:relative; background:linear-gradient(to bottom,transparent 0%,rgba(202,159,103,.17) 10%,rgba(220,181,120,.75) 83%,rgba(255,221,153,.96) 100%); }
.identity-connector-dot { position:absolute; left:-2px; bottom:-2px; height:5px; width:5px; border-radius:100%; background:#ffdfaa; box-shadow:0 0 7px 2px #f4c88e,0 0 22px 5px rgba(223,152,81,.50); }
.tree { width:100%; text-align:center; }
.tree-heading { margin:15px auto 0; display:flex; align-items:center; flex-direction:column; }
.mst-title { font-family:Georgia,'Times New Roman',serif; font-size:clamp(23px,2.25vw,32px); letter-spacing:.21em; font-weight:400; color:#ddb98a; transition:color .3s,text-shadow .3s; }
.mst-title svg { color:var(--gold); opacity:0; width:0; margin-left:0; vertical-align:middle; transition:opacity .3s,width .3s,margin .3s; }
.mst-title:hover { color:#ffe5b3; text-shadow:0 0 24px rgba(241,189,115,.23); }
.mst-title:hover svg,.mst-title:focus-visible svg { width:13px; margin-left:5px; opacity:1; }
.tree-root-dot { display:block; position:relative; z-index:2; margin:13px auto 0; width:7px; height:7px; border-radius:50%; background:#e4bd81; box-shadow:0 0 11px rgba(255,219,155,.9); }
.tree-branches { position:relative; width:100%; height:auto; padding-top:clamp(140px,19vh,200px); }
.connection-lines { width:100%; height:100%; position:absolute; inset:0; overflow:visible; pointer-events:none; }
.base-paths path { fill:none; stroke:url(#branch-gradient); stroke-width:1.22; vector-effect:non-scaling-stroke; opacity:.95; stroke-dasharray:1100; stroke-dashoffset:1100; transition:opacity .5s; animation:draw-branch 2.5s var(--ease) forwards; animation-delay:.7s; }
.active-paths path { fill:none; stroke:url(#branch-active-gradient); stroke-width:1.65; vector-effect:non-scaling-stroke; opacity:0; filter:drop-shadow(0 0 4px #ffc97e); transition:opacity .5s var(--ease); }
.tree-branches:has(.company:is(:hover,:focus-visible)) .base-paths path { opacity:.18; }
.tree-branches:has(.company:is(:hover,:focus-visible)) .base-paths path.is-active { opacity:.7; }
.active-paths path.is-active { opacity:1; }
@keyframes draw-branch { to { stroke-dashoffset:0; } }
.company-list { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; width:100%; }
.company { min-width:0; padding:3px 5px 35px; color:#efdfcc; display:flex; flex-direction:column; align-items:center; position:relative; z-index:3; transition:opacity .55s,transform .6s var(--ease); }
.tree-branches:has(.company:is(:hover,:focus-visible)) .company:not(:hover):not(:focus-visible) { opacity:.4; }
.company:hover,.company:focus-visible { transform:translateY(-7px); }
.company-join { position:absolute; width:4px; height:4px; top:-8px; left:calc(50% - 2px); border-radius:100%; background:#f0c18b; box-shadow:0 0 8px 2px rgba(248,187,115,.7); transition:box-shadow .4s,transform .4s; }
.company:hover .company-join,.company:focus-visible .company-join { box-shadow:0 0 15px 4px rgba(255,205,132,1); transform:scale(1.7); }
.company-emblem { height:70px; width:70px; border-radius:50%; border:1px solid rgba(205,168,115,.28); background:#000; color:#d6ac72; display:flex; justify-content:center; align-items:center; margin:5px auto 15px; position:relative; transition:border-color .5s,box-shadow .5s,transform .6s var(--ease),background .5s; }
.company-emblem::after { content:''; position:absolute; inset:-7px; border:1px solid rgba(218,168,103,.0); border-radius:100%; transition:all .55s; }
.company:hover .company-emblem,.company:focus-visible .company-emblem { border-color:rgba(246,203,140,.95); box-shadow:0 0 27px rgba(240,181,103,.23),0 0 45px rgba(240,181,103,.07) inset; transform:scale(1.08); }
.company:hover .company-emblem::after,.company:focus-visible .company-emblem::after { border-color:rgba(230,189,128,.25); inset:-10px; }
.brand-fallback { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#d9b27b; font-size:40px; font-family:Georgia,serif; }
.brand-fallback svg { width:36px; height:36px; }
.fallback-ducoinex { font-size:39px; }
.fallback-nedir { font-size:42px; }
.fallback-duca svg { width:34px; height:34px; }
.brand-img { position:absolute; z-index:1; display:none; object-fit:contain; width:48px; height:48px; filter:grayscale(1) sepia(.95) saturate(1.4) hue-rotate(347deg) brightness(1.35); }
.company-emblem.has-brand-image .brand-img { display:block; }
.company-emblem.has-brand-image .brand-fallback { visibility:hidden; }
.brand-img-favicon { width:42px; height:42px; image-rendering:auto; }
.brand-img-site { width:47px; height:47px; }
.brand-img-crypto { width:58px; height:58px; border-radius:50%; object-fit:cover; object-position:center 43%; }
.company-name { font-family:Georgia,'Times New Roman',serif; font-size:clamp(11px,1.1vw,15px); font-weight:400; letter-spacing:.13em; line-height:1.45; white-space:normal; overflow-wrap:anywhere; color:#eadac8; transition:color .3s; }
.company-name span { display:block; }
.company:hover .company-name,.company:focus-visible .company-name { color:#ffe3b6; }
.company-link-label { display:flex; align-items:center; justify-content:center; gap:7px; height:20px; margin-top:7px; font-size:9px; letter-spacing:.14em; font-weight:500; color:#f0c78f; opacity:0; transform:translateY(7px); transition:transform .45s var(--ease),opacity .4s; }
.company-link-label svg { width:13px; height:13px; }
.company:hover .company-link-label,.company:focus-visible .company-link-label { opacity:1; transform:translateY(0); }
.hero-side { position:absolute; z-index:3; top:32%; display:flex; flex-direction:column; gap:11px; color:#83909f; font-size:8px; letter-spacing:.3em; opacity:.7; }
.hero-side-left { left:7%; }
.hero-side-right { right:7%; text-align:right; }
.planet { position:absolute; z-index:0; width:145vw; height:58vw; min-width:1650px; min-height:480px; bottom:-51vw; left:50%; transform:translateX(-50%); border-radius:50%; pointer-events:none; overflow:visible; background:radial-gradient(ellipse at 50% 0%,rgba(84,59,23,.20) 0%,rgba(17,12,9,.18) 43%,rgba(1,1,1,.95) 70%); border-top:1px solid rgba(212,178,129,.28); box-shadow:0 -11px 31px rgba(70,52,26,.18), 0 -2px 9px rgba(243,200,124,.15); }
.planet::after { content:''; position:absolute; top:4px; left:4%; right:4%; height:80px; border-radius:100%; opacity:.4; background:linear-gradient(180deg,rgba(27,60,102,.18),transparent); }
.planet-lights { position:absolute; overflow:hidden; top:0; height:35%; width:100%; border-radius:50% 50% 0 0; opacity:.38; }
.city-light { position:absolute; display:block; border-radius:50%; width:2px; height:2px; background:#d2a76e; box-shadow:0 0 8px rgba(242,175,91,.55); }
.scroll-prompt { position:absolute; z-index:5; bottom:39px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; gap:13px; align-items:center; text-align:center; color:#c0b5a5; letter-spacing:.3em; font-size:9px; white-space:nowrap; transition:color .25s; }
.scroll-prompt:hover { color:var(--gold-bright); }
.scroll-line { width:1px; height:29px; position:relative; overflow:hidden; background:rgba(203,161,103,.25); }
.scroll-line::before { content:''; position:absolute; inset:0; background:var(--gold); transform:translateY(-100%); animation:scroll-line 2.2s ease-in-out infinite; }
@keyframes scroll-line { to { transform:translateY(100%); } }
.is-revealing { opacity:0; transform:translateY(18px); animation:reveal 1.2s var(--ease) forwards; }
.personal-signature { animation-delay:.1s; }
.identity-connector { animation-delay:.4s; }
.tree-heading { animation-delay:.65s; }
.company:nth-child(1) { animation-delay:1s; }
.company:nth-child(2) { animation-delay:1.09s; }
.company:nth-child(3) { animation-delay:1.18s; }
.company:nth-child(4) { animation-delay:1.27s; }
.company:nth-child(5) { animation-delay:1.36s; }
.company:nth-child(6) { animation-delay:1.45s; }
@keyframes reveal { to { opacity:1;transform:translateY(0); } }

.section { scroll-margin-top:0; position:relative; z-index:2; background:#060606; }
.about { border-top:1px solid rgba(198,153,96,.11); }
.contact { background:radial-gradient(ellipse 65% 95% at 50% 100%,#1a130c,#0a0907 68%,#040404); border-top:1px solid rgba(198,153,96,.12); }
.section-inner { max-width:940px; padding:120px 32px 132px; margin:0 auto; text-align:center; }
.section-eyebrow { display:inline-flex; align-items:center; gap:17px; color:#c9ad83; font-size:10px; font-weight:500; letter-spacing:.27em; }
.eyebrow-line { height:1px; width:27px; background:#b79161; display:inline-block; }
.section h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; color:#f3e9d6; font-size:clamp(37px,5vw,66px); line-height:1.13; margin:25px 0 18px; letter-spacing:-.03em; }
.section h2 em { color:#d6b07f; font-weight:400; }
.about p { color:#9caab7; line-height:1.95; font-size:17px; font-weight:300; max-width:560px; margin:0 auto 34px; }
.text-action { color:#e5c292; font-size:10px; letter-spacing:.2em; display:inline-flex; align-items:center; gap:15px; transition:gap .3s,color .3s; }
.text-action span { font-size:19px; }
.text-action:hover { gap:23px; color:white; }
.contact .section-inner { padding:110px 28px 129px; }
.contact h2 { margin-bottom:30px; }
.email-link { display:inline-flex; justify-content:center; gap:13px; align-items:center; font-size:clamp(16px,2.5vw,26px); color:#d7b687; font-family:'Jost',sans-serif; letter-spacing:.03em; transition:color .35s; }
.email-link svg { flex:none; transition:transform .35s; }
.email-link:hover { color:#ffdfaa; }
.email-link:hover svg { transform:translate(3px,-3px); }
.reveal-on-scroll { opacity:1; transform:none; transition:opacity 1s var(--ease),transform 1s var(--ease); }
.js-ready .reveal-on-scroll:not(.in-view) { opacity:0; transform:translateY(24px); }
.reveal-on-scroll.in-view { opacity:1; transform:none; }
.site-footer { min-height:98px; padding:24px clamp(25px,6vw,110px); border-top:1px solid rgba(201,165,112,.16); background:#030303; display:flex; gap:24px; align-items:center; justify-content:space-between; font-size:9px; letter-spacing:.19em; color:#8d98a6; }
.site-footer a { color:#d3b68b; transition:color .3s; }
.site-footer a:hover { color:#fff; }

@media (max-width:1100px) {
  .hero-side { display:none; }
  .hero-content { width:calc(100% - 34px); }
  .tree-branches { padding-top:170px; }
  .company-name { font-size:12px; letter-spacing:.09em; }
  .planet { bottom:-51vw; }
}
@media (max-width:760px) {
  .site-header { position:relative; height:75px; padding:0 22px; background:#050505; }
  .wordmark { font-size:11px; letter-spacing:.2em; }
  .nav { gap:17px; }
  .nav a { font-size:9px; letter-spacing:.05em; }
  .hero { min-height:950px; height:auto; }
  .hero-content { padding:68px 0 100px; }
  .hero-halo { top:1%; }
  .personal-name { font-size:13px; letter-spacing:.27em; }
  .monogram { font-size:85px; }
  .identity-connector { height:66px; }
  .tree-heading { margin-top:13px; }
  .mst-title { font-size:25px; }
  .tree-root-dot { margin-top:17px; }
  .tree-branches { height:auto; margin-top:8px; padding-top:0; padding-bottom:66px; }
  .connection-lines { display:none; }
  .company-list { position:relative; inset:auto; margin:2px auto 0; width:min(460px,100%); display:flex; flex-direction:column; gap:0; align-items:stretch; }
  .company { display:grid; grid-template-columns:51px 1fr 24px; grid-template-rows:auto; min-height:75px; padding:10px 24px; gap:15px; text-align:left; position:relative; }
  .company::before { content:''; position:absolute; left:48px; top:0; bottom:0; width:1px; background:linear-gradient(180deg,rgba(216,173,115,.38),rgba(216,173,115,.18)); }
  .company:first-child::before { top:0; }
  .company:last-child::before { bottom:37px; }
  .company-join { display:none; }
  .company-emblem { width:51px; height:51px; margin:0; grid-column:1; grid-row:1; }
  .company-name { grid-column:2; grid-row:1; font-size:12px; letter-spacing:.11em; align-self:center; }
  .company-link-label { grid-column:3; grid-row:1; display:block; font-size:0; opacity:.8; margin:0; align-self:center; transform:none; }
  .company-link-label svg { width:20px; height:20px; }
  .brand-fallback { font-size:27px; }
  .brand-fallback svg { height:28px; width:28px; }
  .brand-img,.brand-img-site,.brand-img-favicon { height:31px;width:31px; }
  .brand-img-crypto { width:42px;height:42px; }
  .company:hover,.company:focus-visible { transform:translateX(4px); }
  .tree-branches:has(.company:is(:hover,:focus-visible)) .company:not(:hover):not(:focus-visible) { opacity:1; }
  .scroll-prompt { bottom:29px; }
  .planet { bottom:-330px; min-height:370px; width:1550px; min-width:1550px; height:570px; }
  .section-inner { padding:90px 26px; }
  .about p { font-size:15px; }
  .site-footer { flex-wrap:wrap; justify-content:center; padding:29px 20px; gap:17px; }
}
@media (max-width:430px) {
  .site-header { padding:0 15px; }
  .wordmark { font-size:10px; letter-spacing:.14em; }
  .nav { gap:13px; }
  .nav a { font-size:8px; }
  .hero { min-height:925px; }
  .company { padding-left:14px; padding-right:14px; }
  .company::before { left:39px; }
  .email-link { font-size:clamp(15px,4.2vw,19px); gap:7px; }
  .email-link svg { width:15px; height:15px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .is-revealing,.reveal-on-scroll { opacity:1; transform:none; }
  .base-paths path { stroke-dashoffset:0; }
}