@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&display=swap");:root{--bg: #000;--panel: #0b0b10;--soft: #11111a;--line: #1b1b24;--text: #f5f5f7;--muted: #a1a1aa;--accent: #6D28D9;--accent2:#06B6D4;--accentSoft: rgba(109,40,217,.10);--btn: var(--accent);--btnText:#ffffff;--container: 1240px;--padX: 28px;--sidebarW: 320px;}*{box-sizing:border-box;font-family:"Cormorant Garamond", serif !important;}body{margin:0;background: var(--bg);color: var(--text);}.wrap{width: min(var(--container), calc(100% - (var(--padX) * 2)));margin: 0 auto;}body.menu-open{overflow: hidden;touch-action: none;}.topbar{position: sticky;top:0;z-index: 60;background: var(--panel);border-bottom: 1px solid var(--line);}.navrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding: 16px 0;}.brand{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color: var(--text);white-space:nowrap;}.brand .dot{width:8px;height:8px;border-radius:999px;background: var(--accent);display:inline-block;}.leftControls{display:flex;align-items:center;gap:12px;min-width: 0;}.menuBtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background: rgba(255,255,255,.02);cursor:pointer;user-select:none;color: var(--text);}.menuBtn:hover{background: rgba(255,255,255,.04);}.menuBtn:focus{outline: 3px solid rgba(109,40,217,.20);outline-offset: 2px;}.menuIcon{width:18px;height:18px;position:relative;}.menuIcon span{position:absolute;left:0;right:0;height:2px;background: var(--text);border-radius: 2px;opacity: .85;}.menuIcon span:nth-child(1){top:3px;}.menuIcon span:nth-child(2){top:8px;}.menuIcon span:nth-child(3){top:13px;}.navActions{display:flex;align-items:center;gap:10px;white-space:nowrap;}.pill{display:inline-block;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background: rgba(255,255,255,.02);color: var(--text);text-decoration:none;font-size:14px;font-weight:600;}.pill.primary{background: linear-gradient(135deg, var(--accent), var(--accent2));border-color: transparent;color: #fff;}.pill.primary:hover{filter: brightness(0.98);}.langPill{cursor:pointer;user-select:none;}.overlay{position: fixed;inset: 0;background: rgba(0,0,0,.35);z-index: 80;opacity: 0;pointer-events: none;transition: opacity .22s ease;}.overlay.open{opacity: 1;pointer-events: auto;}.sidebar{position: fixed;top: 0;left: 0;height: 100vh;height: 100dvh;width: min(var(--sidebarW), calc(100vw - 56px));background: var(--panel);border-right: 1px solid var(--line);z-index: 90;transform: translateX(-102%);transition: transform .26s ease;display:flex;flex-direction:column;padding: 18px;overflow:auto;-webkit-overflow-scrolling: touch;}.sidebar.open{transform: translateX(0);}.sideTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom: 14px;border-bottom: 1px solid var(--line);margin-bottom: 14px;}.sideTitle{display:flex;align-items:center;gap:10px;font-weight:800;}.closeBtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background: rgba(255,255,255,.02);cursor:pointer;color: var(--text);}.closeBtn:hover{background: rgba(255,255,255,.04);}.closeX{font-size:18px;line-height:1;opacity:.85;}.sideNav{display:flex;flex-direction:column;gap:8px;padding: 6px 0 14px 0;}.sideNav a{text-decoration:none;color: var(--text);font-weight:600;font-size:15px;padding: 12px 12px;border-radius: 14px;border: 1px solid transparent;}.sideNav a:hover{background: rgba(255,255,255,.035);}.sideNav a.activeLink{border-color: var(--line);background: rgba(255,255,255,.06);text-decoration: none;}.sideMeta{margin-top: auto;padding-top: 14px;border-top: 1px solid var(--line);color: var(--muted);font-size: 13px;line-height: 1.7;}.hero{background-color: var(--panel);background-image:
    linear-gradient(rgba(12,8,20,.72), rgba(12,8,20,.72)),
    url("../assets/backgrounds/background_portfolio.png");background-size: cover;background-position: center 85%;background-repeat: no-repeat;position:relative;overflow:hidden;}.hero::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background: radial-gradient(circle at 30% 30%, rgba(109,40,217,.22), rgba(109,40,217,0) 62%);left:-180px;top:-180px;}.hero::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background: radial-gradient(circle at 70% 70%, rgba(6,182,212,.18), rgba(6,182,212,0) 60%);right:-140px;bottom:-160px;}.heroInner{padding: 92px 0 78px 0;min-height: 320px;text-align:center;position:relative;z-index:1;}.kicker{font-size:12px;letter-spacing: .14em;text-transform: uppercase;color: var(--muted);margin: 0 0 8px 0;}.hero h1{font-size: 44px;line-height: 1.05;margin: 0 0 12px 0;font-weight: 800;font-style: italic;}.hero p{color: #E6E3F0;text-shadow: 0 2px 10px rgba(0,0,0,.65);max-width: 44ch;margin: 0 auto;line-height: 1.65;}.section{padding: 70px 0;}.section.alt{background: var(--soft);border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);}h2{font-size: 28px;margin: 0 0 14px 0;position: relative;display: inline-block;font-style: italic;}h2::after{content:"";position:absolute;left:0;bottom:-8px;width:60%;height:6px;border-radius:999px;background: linear-gradient(90deg, var(--accent), rgba(6,182,212,0));opacity:.22;pointer-events:none;}.lead{font-size: 16px;line-height: 1.8;color: var(--muted);margin: 0 0 14px 0;}.cards{display:grid;grid-template-columns: repeat(2, 1fr);gap: 18px;margin-top: 22px;}.cards .card:last-child:nth-child(odd){grid-column: 1 / -1;justify-self: center;max-width: 640px;width: 100%;}.card{background: var(--panel);border: 1px solid var(--line);border-radius: 18px;padding: 26px;min-height: 320px;transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;}.card:hover{transform: translateY(-1px);border-color: rgba(109,40,217,.25);box-shadow: 0 10px 28px rgba(0,0,0,.20);}.cardTop{display:flex;align-items:center;gap:12px;margin-bottom: 12px;}.iconDot{width:42px;height:42px;border-radius: 999px;background: var(--accent);opacity: .18;flex: 0 0 auto;}.card strong{display:block;font-size: 18px;margin: 0;}.card p{margin: 8px 0 0 0;color: var(--muted);line-height: 1.7;font-size: 15px;}.projectImg{width: 100%;height: auto;border-radius: 16px;border: 1px solid var(--line);display: block;margin: 0 0 14px 0;}footer{background: var(--panel);border-top: 1px solid var(--line);padding: 36px 0;text-align:center;font-size: 14px;color: var(--muted);}@media (max-width: 980px){.cards{ grid-template-columns: 1fr; }.pill.primary{ padding:10px 12px; }}@media (max-width: 520px){.navrow{ flex-wrap: wrap; gap: 10px; }.leftControls{ flex: 1 1 auto; min-width: 0; }.brand{ min-width: 0; }.brand span:last-child{ overflow: hidden; text-overflow: ellipsis; max-width: 52vw; }.navActions{ flex: 0 0 auto; width: 100%; justify-content: flex-end; }.pill{ padding: 9px 11px; font-size: 13px; }.navActions .pill.primary{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 10px;
        font-size: 12px;
        font-weight: 700;
        border-radius: 12px;
        background: transparent;
        color: var(--accent);
        border-color: rgba(109,40,217,.35);
        min-height: 36px;
      }.navActions{ gap: 8px; }.card{
        padding: 18px;
        min-height: auto;
      }.projectImg{
        margin-bottom: 12px;
        border-radius: 14px;
      }.iconDot{
        width: 34px;
        height: 34px;
      }.card strong{ font-size: 17px; }.card p{ font-size: 14px; }}@media (prefers-reduced-motion: reduce){.sidebar, .overlay{ transition: none; }.card{ transition: none; }}.quotes{display:grid;grid-template-columns: repeat(2, 1fr);gap: 18px;margin-top: 22px;}.quote{background: var(--panel);border: 1px solid var(--line);border-radius: 18px;padding: 24px;}.quote p{margin: 0;font-size: 15px;line-height: 1.7;color: var(--text);opacity: .9;}.quote .by{margin-top: 12px;font-size: 14px;color: var(--muted);opacity: .9;}@media (max-width: 980px){.quotes{ grid-template-columns: 1fr; }}.sideTitle{gap: 0 !important;}.sideNav a,
.sideNav a:hover,
.sideNav a:focus,
.sideNav a:active,
.sideNav a.activeLink{text-decoration: none !important;}.sideNav a{background: transparent !important;border: 1px solid transparent !important;color: var(--text) !important;}.sideNav a:hover{background: rgba(255,255,255,.035) !important;}.sideNav a.activeLink{border-color: var(--line) !important;background: rgba(255,255,255,.06) !important;}.projectImg.athemoreImg{object-position: center 12% !important;}.projectImg.forEvelynImg{object-position: center 52% !important;}.projectImg.pyromaniacImg{object-position: center 88% !important;}@media (min-width: 981px){body{ font-size: 17px; line-height: 1.75; }.hero h1{ font-size: 52px; }h1{ font-size: 52px; }h2{ font-size: 32px; }h3{ font-size: 22px; }p{ font-size: 17px; }.lead{ font-size: 18px; }.mini{ font-size: 15px; }.pill{ font-size: 15px; }.btn{ font-size: 15px; }.card strong{ font-size: 18px; }.card p{ font-size: 16px; }summary{ font-size: 17px; }details p{ font-size: 16px; }label{ font-size: 16px; }input, textarea{ font-size: 16px; }}@media (max-width: 520px){body{ font-size: 15px; line-height: 1.7; }.hero h1{ font-size: 36px; }h1{ font-size: 36px; }h2{ font-size: 26px; }h3{ font-size: 20px; }p{ font-size: 15px; }.lead{ font-size: 16px; }.mini{ font-size: 14px; }input, textarea{ font-size: 15px; }}*{font-family:"Cormorant Garamond", serif !important;}body{font-family:"Cormorant Garamond", serif !important;}html{font-size: clamp(14px, 0.9vw + 0.4rem, 17px);}body{font-size: 1rem;line-height: 1.7;}.hero h1, h1{font-size: 3.25rem;}h2{font-size: 2rem;}h3{font-size: 1.375rem;}p{font-size: 1rem;}.hero p{font-size: 1rem;}.lead{font-size: 1.125rem;}.mini{font-size: 0.9375rem;}.pill{font-size: 0.9375rem;}.btn{font-size: 0.9375rem;}.card strong{font-size: 1.125rem;}.card p{font-size: 0.9375rem;}.quote p{font-size: 0.9375rem;}.quote .by{font-size: 0.875rem;}label{font-size: 1rem;}input, textarea{font-size: 1rem;}footer{font-size: 0.9375rem;}.iconDot{display: none;}.cardTop{justify-content: flex-start;text-align: left;}.cardTop strong{text-align: left;}.card strong{font-size: 1.35rem;}.card p{font-size: 1.05rem;line-height: 1.75;}@media (max-width: 520px){.card strong{
    font-size: 1.25rem;
  }.card p{
    font-size: 1rem;
  }}@media (max-width: 520px){.hero{
    background-image:
      linear-gradient(rgba(12,8,20,.78), rgba(12,8,20,.78)),
      url("../assets/backgrounds/background_portfolio_mobile.png");
    background-position: center top;
  }}.pill.primary{position: relative;overflow: hidden;border: none;background: transparent;}.pill.primary::before{content: "";position: absolute;inset: 0;border-radius: inherit;background: linear-gradient(
    90deg,
    var(--accent),
    var(--accent2)
  );z-index: -1;}.pill.primary:hover::before{filter: brightness(1.03);}.pill.primary{z-index: 0;isolation: isolate;color: #fff !important;}@media (max-width: 520px){.pill.primary{
    color: #fff !important;
    border-color: transparent !important; 
  }}