:root{
  color-scheme:dark;
  --ink:#f4ead9;
  --muted:#ad9f8b;
  --line:rgba(222,188,119,.18);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{
  min-height:100vh;color:var(--ink);
  background:
    radial-gradient(circle at 11% 12%,rgba(168,116,47,.11),transparent 32%),
    radial-gradient(circle at 90% 8%,rgba(115,26,48,.19),transparent 38%),
    linear-gradient(135deg,#17110c 0%,#100b09 46%,#16080d 100%);
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:repeating-linear-gradient(115deg,transparent 0 12px,rgba(255,255,255,.015) 12px 13px)}
.shell{width:min(1360px,calc(100% - 48px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:54px 0 28px}
.hero{text-align:center;max-width:720px;margin:0 auto 34px}
.eyebrow{letter-spacing:.24em;font-size:10px;font-weight:700;color:#c5a56b;margin-bottom:14px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(36px,5vw,62px);line-height:1;margin:0 0 13px;letter-spacing:-.035em}
.hero p{margin:0 auto;color:var(--muted);font-size:14px;max-width:580px}
.bridge{margin:18px auto 0;width:max-content;max-width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(24,16,12,.56);border-radius:999px;padding:8px 12px;font-size:11px;color:#c6b9a5;backdrop-filter:blur(12px)}
.bridge-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:#7b7166;box-shadow:0 0 0 3px rgba(123,113,102,.10)}
.bridge.ready .bridge-dot,.status-dot.online{background:#8f9f69;box-shadow:0 0 0 3px rgba(143,159,105,.11),0 0 14px rgba(143,159,105,.25)}
.status-dot.offline{background:#8d594d}
.projects{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;align-items:stretch}
.project{position:relative;isolation:isolate;overflow:hidden;min-height:530px;border-radius:24px;padding:30px;text-decoration:none;color:inherit;border:1px solid;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.project:hover{transform:translateY(-4px)}
.project:focus-visible{outline:2px solid #d7b36a;outline-offset:4px}
.synforia{background:linear-gradient(145deg,rgba(235,219,182,.98),rgba(204,176,125,.97));color:#302316;border-color:rgba(211,173,99,.66);box-shadow:0 25px 70px rgba(0,0,0,.24)}
.synforia:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 15% 18%,rgba(255,249,224,.77),transparent 32%),repeating-linear-gradient(10deg,rgba(91,58,22,.022) 0 1px,transparent 1px 5px)}
.altayef{background:linear-gradient(145deg,#340a17 0%,#210610 48%,#12060b 100%);border-color:rgba(182,135,62,.48);box-shadow:0 25px 78px rgba(0,0,0,.35)}
.altayef:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 18%,rgba(130,40,63,.27),transparent 36%),linear-gradient(112deg,transparent 38%,rgba(203,165,86,.06) 38.4%,transparent 39%),linear-gradient(66deg,transparent 62%,rgba(203,165,86,.045) 62.2%,transparent 62.7%)}
.project-glow{position:absolute;z-index:-1;width:320px;height:320px;border-radius:50%;filter:blur(80px);opacity:.15;right:-100px;bottom:-120px;background:#e1b85f}
.project-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.14em}
.project-badge{display:flex;align-items:center;gap:8px;font-weight:750}
.synforia .project-badge{color:#765629}.altayef .project-badge{color:#d1ad63}
.arrow{font-size:22px;opacity:.58;transition:transform .22s ease,opacity .22s ease}.project:hover .arrow{transform:translate(2px,-2px);opacity:1}
.project-mark{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;margin:auto auto 30px;font-family:Georgia,"Times New Roman",serif;font-size:48px}
.syn-mark{border:1px solid rgba(111,76,29,.45);background:rgba(255,246,216,.38);color:#8d642b;box-shadow:inset 0 0 0 7px rgba(139,99,43,.04)}
.alt-mark{border:1px solid rgba(207,168,89,.46);background:rgba(75,12,29,.42);color:#dab86f;box-shadow:0 0 42px rgba(184,130,47,.11),inset 0 0 0 7px rgba(223,184,104,.025)}
.project-copy{max-width:530px}.project-kicker{font-size:10px;letter-spacing:.24em;font-weight:800;margin-bottom:8px}.synforia .project-kicker{color:#876534}.altayef .project-kicker{color:#b68e45}
.project h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.5vw,58px);font-weight:500;letter-spacing:.06em;margin:0 0 10px}.project p{font-size:14px;line-height:1.55;margin:0;max-width:460px}.synforia p{color:#66543d}.altayef p{color:#c5b3b5}
.project-foot{border-top:1px solid;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end;font-size:12px;font-weight:700}.synforia .project-foot{border-color:rgba(93,65,28,.18);color:#65471f}.altayef .project-foot{border-color:rgba(211,168,82,.17);color:#d3b06a}.modules{font-size:10px;font-weight:500;opacity:.66;text-align:right}
footer{display:flex;justify-content:space-between;gap:20px;padding:22px 4px 0;color:#786f65;font-size:10px}footer span:last-child{text-align:right;max-width:520px}
@media(max-width:820px){.shell{width:min(100% - 24px,680px);padding-top:30px}.projects{grid-template-columns:1fr}.project{min-height:410px;padding:24px}.project-mark{margin:42px auto 36px}.project-foot{align-items:flex-start;flex-direction:column}.modules{text-align:left}footer{flex-direction:column}.hero{margin-bottom:24px}}