#old{
      --purple: #59315f;
      --purple-dark: #1a0d1e;
      --green: #77b33b;
      --green-light: #9bd05b;
      --ink: #1a1a1a;
      --muted: #5d5d5d;
      --paper: #f8f7f3;
      --line: #e8e1e7;
    }
#old *{ box-sizing: border-box; margin: 0; padding: 0; }
#old{ scroll-behavior: smooth; overflow-x: clip; width: 100%; }
#old{ font-family: 'DM Sans', sans-serif; color: var(--ink); background: var(--purple-dark); overflow-x: clip; width: 100%; position: relative; }
#old .serif{ font-family: 'Fraunces', serif; }
#old nav button{ font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #1a1a1a; background: transparent; border: none; cursor: pointer; padding: 0; }
#old .nav-link{ position: relative; }
#old .nav-link::after{ content: ''; position: absolute; left: 0; bottom: -6px; width: 0; height: 2px; background: var(--green); transition: width .25s ease; }
#old .nav-link:hover::after{ width: 100%; }
#old .dropdown-wrapper{ position: relative; }
#old .dropdown-menu{ display: none; position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,.1); min-width: 220px; padding: 20px 0 8px 0; z-index: 50; }
#old .dropdown-wrapper:hover .dropdown-menu,#old .dropdown-wrapper:focus-within .dropdown-menu{ display: flex; flex-direction: column; }
#old .dropdown-menu a{ padding: 10px 18px; font-size: 14px; color: var(--ink); text-decoration: none; transition: background .15s; }
#old .dropdown-menu a:hover{ background: var(--paper); }
#old #mobile-menu{ display: none; }
#old #mobile-menu.open{ display: block; }
#old .btn-green{ transition: background .3s ease, color .3s ease, transform .25s ease, box-shadow .3s ease; }
#old .btn-green:hover{ background: #4f7d2a !important; color: #fff !important; transform: translateY(-3px); box-shadow: 0 14px 28px rgba(94,148,39,.45); }
#old .btn-purple{ transition: background .3s ease, color .3s ease, transform .25s ease, box-shadow .3s ease; }
#old .btn-purple:hover{ background: #2e2236 !important; color: #fff !important; transform: translateY(-3px); box-shadow: 0 14px 28px rgba(69,35,73,.45); }
#old .btn-outline{ transition: background .3s ease, color .3s ease, border-color .3s ease, transform .25s ease, box-shadow .3s ease; }
#old .btn-outline:hover{ background: #ffffff !important; border-color: #ffffff !important; color: #1a1a1a !important; transform: translateY(-3px); box-shadow: 0 14px 28px rgba(0,0,0,.25); }
#old .btn-white{ background: #ffffff; color: #1a1a1a; transition: background .3s ease, color .3s ease, transform .25s ease, box-shadow .3s ease; }
#old .btn-white:hover{ background: #77b33b; color: #fff; transform: translateY(-3px); box-shadow: 0 14px 28px rgba(119,179,59,.35); }
#old .hero-wrap{
      min-height: 100vh;
      background: var(--purple-dark);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      position: relative;
      overflow: hidden;
    }
#old .hero-grid-bg{
      position: absolute;
      inset: 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap: 2px;
      opacity: 0.18;
    }
#old .hero-grid-bg div{
      overflow: hidden;
    }
#old .hero-grid-bg div img{
      width: 100%; height: 100%; object-fit: cover;
      filter: grayscale(30%);
    }
#old .hero-overlay-grad{
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(26,13,30,1) 0%, rgba(26,13,30,.85) 40%, rgba(26,13,30,.4) 100%);
    }
#old .type-card{ position:relative; background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; text-decoration:none; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
#old .type-card:hover{ transform:translateY(-5px); box-shadow:0 20px 44px rgba(89,49,95,.16); border-color:var(--green); }
#old .tc-img{ position:relative; height:150px; overflow:hidden; }
#old .tc-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
#old .type-card:hover .tc-img img{ transform:scale(1.07); }
#old .tc-icon{ position:absolute; top:20px; right:18px; width:44px; height:44px; border-radius:10px; background:var(--purple); color:#fff; display:flex; align-items:center; justify-content:center; z-index:2; box-shadow:0 2px 6px rgba(26,13,30,.18); transition:transform .25s ease, box-shadow .25s ease, background .25s ease; }
#old .type-card:hover .tc-icon{ background:#2e2236; transform:scale(1.08); box-shadow:0 8px 18px rgba(26,13,30,.28); }
#old .tc-body{ position:relative; padding:22px 80px 20px 22px; display:flex; flex-direction:column; flex:1; }
#old .tc-title{ font-weight:700; color:var(--ink); font-size:1.3rem; line-height:1.15; margin-bottom:4px; }
#old .tc-sub{ color:var(--muted); font-size:.85rem; margin-bottom:18px; }
#old .tc-go{ margin-top:auto; display:inline-flex; align-items:center; gap:6px; color:var(--green); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.14em; transition:gap .2s ease; }
#old .type-card:hover .tc-go{ gap:10px; }
#old .wc-card{ display:flex; align-items:flex-start; gap:16px; background:#fff; border:1px solid var(--line); border-radius:8px; padding:20px; text-decoration:none; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
#old .wc-card:hover{ transform:translateY(-5px); box-shadow:0 22px 46px rgba(89,49,95,.16); border-color:var(--green); }
#old .wc-card .th{ width:64px; height:64px; object-fit:cover; border-radius:8px; flex:0 0 64px; transition:transform .3s ease; }
#old .wc-card:hover .th{ transform:scale(1.06); }
#old .wc-card .tt{ font-family:'Fraunces',serif; font-weight:700; color:#57225f; font-size:1.12rem; line-height:1.15; margin-bottom:4px; }
#old .wc-card .sb{ color:var(--muted); font-size:.85rem; line-height:1.45; }
#old .wc-card .th-icon{ width:64px; height:64px; border-radius:8px; flex:0 0 64px; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(26,13,30,.18); transition:transform .25s ease, box-shadow .25s ease, filter .25s ease; }
#old .wc-card:nth-child(even) .th-icon{ background:var(--purple); }
@media (min-width:1024px){#old .wc-card:nth-child(even) .th-icon{ background:var(--green); }
#old .wc-card:nth-child(3n+2) .th-icon{ background:var(--purple); }}
#old .wc-card:hover .th-icon{ filter:brightness(0.82); transform:scale(1.08); box-shadow:0 8px 18px rgba(26,13,30,.28); }
#old .db-band{ padding:76px 0; border-top:1px solid var(--line); scroll-margin-top:110px; background:#fff; }
#old .db-band.tint{ background:var(--paper); }
#old .db-inner{ max-width:1180px; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:1fr 1.1fr; gap:64px; align-items:center; }
#old .db-band.alt .db-media{ order:2; }
#old .db-media{ position:relative; }
#old .db-media img{ position:relative; z-index:1; width:100%; height:360px; object-fit:cover; border-radius:12px; display:block; }
#old .db-media::after{ content:''; position:absolute; top:16px; left:16px; right:-16px; bottom:-16px; border:2px solid rgba(119,179,59,.45); border-radius:14px; }
#old .db-band.alt .db-media::after{ left:-16px; right:16px; border-color:rgba(89,49,95,.3); }
#old .db-num{ position:absolute; z-index:2; bottom:14px; right:20px; font-family:'Fraunces',serif; font-weight:700; font-size:clamp(3.4rem,5vw,4.6rem); line-height:1; color:#fff; opacity:.92; text-shadow:0 4px 18px rgba(26,13,30,.45); transition:color .3s ease, text-shadow .3s ease; }
#old .dr-eyebrow{ color:var(--green); font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing:.22em; margin-bottom:14px; }
#old .db-content h3{ font-family:'Fraunces',serif; font-size:clamp(1.7rem,2.8vw,2.4rem); color:var(--ink); line-height:1.15; font-weight:700; margin-bottom:14px; }
#old .db-content p{ color:var(--muted); line-height:1.75; margin-bottom:22px; }
#old .dr-tags{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px 28px; margin-bottom:28px; max-width:540px; }
#old .pill{ display:flex; align-items:center; gap:11px; color:var(--ink); font-size:15px; font-weight:600; }
#old .pill::before{ content:'✓'; flex:0 0 20px; width:20px; height:20px; border-radius:50%; background:var(--green); color:#fff; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; }
#old .dr-link{ display:inline-flex; align-items:center; gap:8px; color:#57225f; font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.08em; text-decoration:none; border-bottom:2px solid var(--green); padding-bottom:4px; transition:color .2s ease, gap .2s ease; }
#old .dr-link:hover{ color:var(--green); gap:12px; }
#old .db-band.plum{ background:var(--purple); border-top:none; }
#old .db-band.plum .db-content h3{ color:#fff; }
#old .db-band.plum .db-content p{ color:rgba(255,255,255,.75); }
#old .db-band.plum .dr-eyebrow{ color:var(--green-light); }
#old .db-band.plum .pill{ color:#fff; }
#old .db-band.plum .pill::before{ background:var(--green-light); color:var(--purple-dark); }
#old .db-band.plum .dr-link{ color:#fff; }
#old .db-band.plum .dr-link:hover{ color:var(--green-light); }
#old .db-band.plum .db-media::after{ border-color:rgba(155,208,91,.5); }
#old .db-media img{ transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; }
#old .db-media::after{ transition: top .45s ease, left .45s ease, right .45s ease, bottom .45s ease, border-color .45s ease; }
@media (hover: hover) and (pointer: fine){#old .db-media:hover .db-num{ color:var(--green); }
#old .db-media:hover img{ transform: translate(-6px,-6px); box-shadow: 0 24px 48px rgba(26,13,30,.22); }
#old .db-media:hover::after{ right:-24px; bottom:-24px; border-color: rgba(119,179,59,.95); }
#old .db-band.alt .db-media:hover::after{ left:-24px; right:16px; bottom:-24px; border-color: rgba(89,49,95,.8); }
#old .db-band.plum .db-media:hover::after{ border-color: rgba(155,208,91,.95); }}
#old .db-media.live .db-num{ color:var(--green); }
#old .db-media.live img{ transform: translate(-6px,-6px); box-shadow: 0 24px 48px rgba(26,13,30,.22); }
#old .db-media.live::after{ right:-24px; bottom:-24px; border-color: rgba(119,179,59,.95); }
#old .db-band.alt .db-media.live::after{ left:-24px; right:16px; bottom:-24px; border-color: rgba(89,49,95,.8); }
#old .db-band.plum .db-media.live::after{ border-color: rgba(155,208,91,.95); }
#old .dr-eyebrow{ position: relative; display: inline-block; }
#old .dr-eyebrow::after{ content:""; position:absolute; left:0; bottom:-7px; height:2px; width:0; background: currentColor; transition: width .45s ease; }
#old .db-content:hover .dr-eyebrow::after{ width:100%; }
@media (max-width:860px){#old .db-inner{ grid-template-columns:1fr; gap:36px; }
#old .db-band.alt .db-media{ order:0; }
#old .db-media img{ height:260px; }
#old .db-band{ padding:56px 0; }}
#old .hero-ix{ display:inline-flex; align-items:baseline; gap:10px; color:rgba(255,255,255,.85); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; text-decoration:none; transition:color .2s ease, transform .2s ease; }
#old .hero-ix span{ font-family:'Fraunces',serif; color:var(--green-light); font-size:14px; }
#old .hero-ix:hover{ color:#fff; transform:translateX(4px); }
#old .svc-grid .type-card:nth-child(even) .tc-icon{ background:var(--green); }
#old .svc-grid .type-card:hover .tc-icon{ background:#2e2236; transform:scale(1.08); box-shadow:0 8px 18px rgba(26,13,30,.28); }
#old .svc-grid .type-card:nth-child(even):hover .tc-icon{ background:#4f7d2a; }
#old .reveal{ opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s ease; }
#old .reveal.up{ opacity: 1; transform: translateY(0); }
#old .reveal-left{ opacity: 0; transform: translateX(-30px); transition: opacity .9s ease, transform .9s ease; }
#old .reveal-left.up{ opacity: 1; transform: translateX(0); }
#old .reveal-right{ opacity: 0; transform: translateX(30px); transition: opacity .9s ease, transform .9s ease; }
#old .reveal-right.up{ opacity: 1; transform: translateX(0); }
#old .d1{transition-delay:.1s}
#old .d2{transition-delay:.2s}
#old .d3{transition-delay:.3s}
#old .d4{transition-delay:.4s}
#old #scroll-top{ position: fixed; bottom: 28px; right: 28px; width: 44px; height: 44px; background: var(--green); color: #1a1a1a; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 99; opacity: 0; pointer-events: none; transition: opacity .3s ease; cursor: pointer; font-weight: 700; }
#old #scroll-top.show{ opacity: 1; pointer-events: auto; }
#old #scroll-top:hover{ background: #fff; }
#old footer a{ transition: color .2s ease; }
#old footer a:hover{ color: #fff !important; }
#old img{ -webkit-touch-callout: none; -webkit-user-select: none; -webkit-user-drag: none; user-select: none; }