@font-face{font-family:'DM Sans';font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-weight:600 700;font-style:normal;font-display:swap;src:url('assets/fonts/dm-sans-600.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-weight:500 600;font-style:normal;font-display:swap;src:url('assets/fonts/space-grotesk-500.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-weight:700;font-style:normal;font-display:swap;src:url('assets/fonts/space-grotesk-700.ttf') format('truetype')}
body{font-family:'DM Sans',sans-serif;background:#22253b}
.brand,.dossier-intro h1,.sheet h2,.about-contact h2,.project-index nav strong{font-family:'Space Grotesk',sans-serif}
.brand{font-size:24px;font-weight:700;letter-spacing:-1px}.brand span{font-family:'Space Grotesk',sans-serif;background:#c8b7e1}
.dossier-intro{margin:38px 0 36px}.dossier-intro h1{font-size:46px;line-height:1.07;letter-spacing:-2px;font-weight:500}.dossier-intro p{font-size:15px;line-height:1.7}.dossier-intro .tag{letter-spacing:2px;font-size:10px;color:#c7b6dd}
.project-index{background:#2b2e47;color:#e7e1f0;border:1px solid #615978;border-top:1px solid #9c86ba;padding:20px 12px 13px;box-shadow:inset 0 0 0 5px #24273e,0 12px 30px #12152a30;border-radius:3px 14px 3px 3px}
.project-index h2{color:#c7b9d9;padding:0 7px;margin-bottom:18px;font-size:10px;letter-spacing:2px}.project-index h2 span{border:1px solid #645b7b;background:#37324e;color:#e0d4ee;padding:3px 7px;margin-top:-4px;font-size:10px}
.project-index nav{scrollbar-color:#746385 #2b2e47;max-height:620px}.project-index nav a{border:1px solid transparent;border-top-color:#ffffff0e;margin-bottom:4px;padding:16px 11px;position:relative;color:#ddd8e7;transition:background .15s,border-color .15s}.project-index nav a>span{color:#998bac;font-size:10px;min-width:18px;margin-top:3px}.project-index nav strong{font-size:13px;font-weight:500;line-height:1.35;letter-spacing:-.15px}.project-index nav small{color:#a9a4bb;font-size:10px}.project-index a:hover{background:#36374f;border-color:#756789}.project-index a[aria-current=true]{background:#49405e;color:#fff;border:1px solid #a18abf;box-shadow:inset 3px 0 #d3bdea}.project-index a[aria-current=true] small{color:#d1c4df}.project-index a[aria-current=true]>span{color:#e1c8fa}.project-index a[aria-current=true]:after{content:'◆';position:absolute;right:7px;top:8px;font-size:7px;color:#d8c0ee}
.sheet{position:relative;background:#f5f2fa;border:1px solid #c7b9d8;border-top:1px solid #d9caec;border-radius:3px 19px 3px 3px;padding:29px 30px 27px;box-shadow:inset 0 0 0 5px #e7e0ef,0 14px 35px #11132630}
.sheet:before,.sheet:after{content:'';position:absolute;width:11px;height:11px;pointer-events:none}.sheet:before{left:10px;top:10px;border-left:1px solid #ad96c4;border-top:1px solid #ad96c4}.sheet:after{right:10px;bottom:10px;border-right:1px solid #ad96c4;border-bottom:1px solid #ad96c4}
.sheet-top{background:#e9e2f1;border-bottom:1px solid #d3c6df;margin:-7px -8px 19px;padding:10px 12px;color:#6e5d82;align-items:center;font-size:9px;letter-spacing:1px}.sheet-top span:last-child{border:1px solid #c7b8d6;border-radius:20px;padding:3px 8px;background:#f5f0fa;font-size:8px;letter-spacing:.6px;color:#685579}
.sheet h2{font-size:31px;line-height:1.15;letter-spacing:-1.1px;font-weight:700;color:#342e48;margin-bottom:22px}
.project-media{background:#282b41;border:1px solid #504a66;padding:13px;box-shadow:inset 0 0 0 4px #36354c;position:relative;border-radius:2px}.project-media img{height:265px}.project-media:before,.project-media:after{position:absolute;content:'+';font:12px monospace;color:#c3b2d6;pointer-events:none}.project-media:before{left:4px;top:0}.project-media:after{right:4px;bottom:0}
.image-note{font-size:9px!important;color:#887797!important;letter-spacing:.3px;margin-bottom:24px!important}
.sheet p{font-size:14px;color:#575268;line-height:1.75}.project-features{font-size:12px;line-height:1.8;color:#60596f;list-style:none;padding-left:0}.project-features li{padding-left:16px;position:relative;margin-bottom:6px}.project-features li:before{content:'◇';position:absolute;left:0;top:0;color:#9a7eb4;font-size:11px}
.project-meta{background:#eee8f4;border:1px solid #ded3e8;padding:15px 13px;align-self:start;border-radius:2px}.meta-label{font-size:9px;letter-spacing:1.5px;color:#7c638f}.project-meta p{font-size:12px;line-height:1.6;margin-bottom:0}.tags span{background:#f8f5fc;border-color:#d5c6e1;color:#655176;font-size:10px;padding:5px 7px}
.sheet details{border-top-color:#dcd0e6;margin-top:7px}.sheet summary{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:500;letter-spacing:.1px}.detail-content{font-size:13px;line-height:1.8}
.action{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:500;letter-spacing:.1px;padding:11px 17px;background:#564169;border:1px solid #79608e;border-bottom:3px solid #3c2e4c;box-shadow:inset 0 0 0 2px #ffffff09;border-radius:2px 8px 2px 2px}.action:hover{background:#6b5281;transform:translateY(-1px)}
.about-contact h2{font-weight:500;font-size:28px}.about-contact p{font-size:14px}.about-contact{border-top-color:#74648355}.contact-email{font-family:'Space Grotesk',sans-serif;font-size:15px}
@media(max-width:1000px) and (min-width:851px){.dossier-grid{grid-template-columns:230px minmax(0,1fr)}.sheet-body{grid-template-columns:1fr}.project-meta{display:grid;grid-template-columns:90px 1fr;gap:8px}.tags{margin-bottom:8px}.private-note{padding-left:250px}}
@media(max-width:850px){.dossier-intro h1{font-size:38px;letter-spacing:-1.6px}.dossier-intro{margin-top:28px}.sheet{padding:25px 19px}.sheet h2{font-size:27px}.sheet-top{font-size:8px;letter-spacing:.4px;margin-left:0;margin-right:0;padding:8px;gap:8px}.sheet-top span:last-child{font-size:7px;padding:3px 6px}.project-index{padding:18px}.project-index h2{padding:0;color:#d0c3e0}.enhanced .mobile-label{color:#b5aac5}.enhanced #project-picker{background:#3c3652;border-color:#8d79a5;color:#f2eafa;border-radius:2px}.project-meta{padding:14px;grid-template-columns:80px 1fr}.project-media{padding:9px}.project-media img{height:210px}.project-index nav{max-height:270px}.private-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.project-index nav a{transition:none}.action:hover{transform:none}}
/* Keep the project browser steady while its selected content changes. */
@media(min-width:851px){
  .dossier-grid{align-items:stretch}
  .project-index{height:740px;position:relative;top:auto;display:flex;flex-direction:column;min-height:0}
  .project-index nav{max-height:none;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .project-panels{height:740px;min-height:0}
  .sheet{height:100%;margin:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a592ba #ebe4f2;scrollbar-gutter:stable}
}
@media(max-width:850px){
  .project-panels{height:650px;height:75svh;min-height:460px;max-height:740px}
  .sheet{height:100%;margin:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a592ba #ebe4f2;scrollbar-gutter:stable}
}