.dev-page{background:radial-gradient(ellipse at 4% 8%,#782cba52,transparent 35%),radial-gradient(ellipse at 98% 18%,#bc276642,transparent 35%),radial-gradient(ellipse at 30% 72%,#57289135,transparent 42%),#08050f}.dev-page nav [aria-current=page]{color:#ff91d4;font-weight:700}.dev-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:54px;align-items:center;padding-block:40px 68px}.dev-intro{min-width:0}.dev-intro h1{font-family:Inter,Arial,sans-serif;font-size:clamp(40px,4.4vw,61px);line-height:1.13;letter-spacing:-2.5px;font-weight:800;margin:0 0 23px;text-shadow:none}.dev-lead{font-size:21px;line-height:1.6;color:#e4d5ee;max-width:560px;margin:0 0 15px}.dev-lead strong{font-weight:500;color:#fff}.dev-description{font-size:16px;line-height:1.8;color:var(--muted);max-width:510px}.dev-signature{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;color:#ceb1e4;font-size:12px;letter-spacing:1px}.dev-signature span{border:1px solid #b56ee82d;background:#ffffff04;border-radius:8px;padding:6px 10px}.dev-visual{position:relative;min-height:470px;border-radius:30px;border:1px solid #c978ff4d;overflow:hidden;box-shadow:0 15px 70px #ab30bd25;background:#130b21;isolation:isolate}.dev-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(2px);transform:scale(1.03);opacity:.73;z-index:-2}.dev-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#12071d30,#1c092080 55%,#14091eed);z-index:-1}.visual-label{display:flex;align-items:center;gap:14px;margin:28px;font-size:12px;letter-spacing:1.7px;line-height:1.7;color:#debcf1}.visual-label strong{color:white;letter-spacing:1px}.code-mark{font:500 30px/1 monospace;border:1px solid #ffffff26;padding:17px 13px;border-radius:17px;background:#160e2999;color:#ec9cff}.visual-bottom{position:absolute;bottom:28px;left:30px;right:25px}.visual-bottom>span{font:700 100px/1 Cinzel,Georgia,serif;letter-spacing:-4px;color:#f6e6ff;text-shadow:0 0 45px #e75fff44}.accent-period{color:#ff4fb8}.visual-bottom p{font-size:18px;color:#d8c0e5;line-height:1.6;margin:14px 0 0}.portfolio{padding-top:10px}.project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.project{grid-column:span 2;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;padding:27px 25px;border:1px solid #c780f32a;border-radius:23px;background:linear-gradient(135deg,#c887ff10,#ffffff03);min-height:300px;transition:border-color .25s,background .25s}.project:hover{border-color:#d38af377;background-color:#ad5fef0a}.project.featured{grid-column:span 3;min-height:370px;padding:32px}.project-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px);transform:scale(1.04);opacity:.26;z-index:-2}.featured:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#150b21ed 5%,#180b25b0 80%);z-index:-1}.project-content{display:flex;flex-direction:column;height:100%}.project-meta{display:flex;align-items:center;gap:13px;color:#d7a9ed;letter-spacing:1px;font-size:12px;margin-bottom:25px}.project-number{font-size:13px;border:1px solid #bc7be83b;border-radius:9px;padding:3px 8px;color:#e0b5fa;letter-spacing:0;background:#b168e60c}.project h3{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.6px;margin-bottom:15px}.featured h3{font-size:31px}.project p{font-size:16px;line-height:1.75;color:#c8b5d8;margin:0 0 23px}.project .roster-note{color:#d9c5e6;font-size:14px;margin-top:-7px}.roster-note strong{color:#ecbdf7;font-weight:600}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.project-tags span{font-size:12px;color:#d3c0e0;border:1px solid #d198ef26;border-radius:7px;background:#d888ff08;padding:4px 9px}.affinity-project{grid-column:span 6;min-height:0;background:radial-gradient(ellipse at 100% 100%,#e547a81c,transparent 60%),linear-gradient(135deg,#c887ff10,#ffffff03);display:grid;grid-template-columns:1fr 1.5fr;gap:0 45px}.affinity-project .project-meta{grid-column:1;margin-bottom:13px}.affinity-project h3{grid-column:1;grid-row:2}.affinity-project p{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0}.affinity-project .project-tags{grid-column:1 / -1;margin-top:17px}.portfolio-note{font-size:12px;color:#ab91bd;margin:17px 2px 0}.dev-quote{margin-top:60px;border:1px solid #e089f43b;border-radius:26px;padding:35px;background:linear-gradient(115deg,#8f4cff25,#ff4fb81a);display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center}.dev-quote .eyebrow{font-size:12px;letter-spacing:1.3px;margin-bottom:11px}.dev-quote>div>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:0}.quote-status{border-left:1px solid #e0b6f538;padding-left:30px}.quote-status>span{display:inline-block;font-size:12px;letter-spacing:1.5px;padding:5px 10px;border:1px solid #d795f143;background:#c56bdf12;border-radius:7px;color:#e8bcf6}.quote-status p{font-size:14px!important}@media(max-width:1000px){.dev-hero{gap:30px}.dev-intro h1{font-size:43px;letter-spacing:-1.5px}.dev-visual{min-height:480px}.dev-page nav{gap:18px}.project{padding:24px 21px}.project h3{font-size:22px}.featured h3{font-size:29px}.project-meta{font-size:12px;letter-spacing:.4px}.dev-page .hero-actions{flex-direction:row}.dev-quote{gap:25px;padding:28px}}@media(max-width:760px){.dev-hero{grid-template-columns:1fr;gap:28px;padding-top:27px;padding-bottom:43px}.dev-intro h1{font-size:clamp(38px,8vw,53px);line-height:1.13}.dev-lead{font-size:19px}.dev-description{font-size:16px}.dev-signature{margin-top:22px;font-size:12px;gap:8px}.dev-visual{min-height:330px}.visual-bottom>span{font-size:76px}.visual-label{margin:22px}.visual-bottom{left:24px;bottom:22px}.visual-bottom p{font-size:16px}.code-mark{font-size:24px;padding:12px}.dev-page nav{gap:14px}.dev-page .header{flex-wrap:wrap}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.project,.project.featured{grid-column:span 1;padding:23px 20px;min-height:0}.project.featured{grid-column:span 2;min-height:325px}.project p{font-size:16px}.project-tags{margin-top:10px}.affinity-project{grid-column:span 2;display:flex;gap:0}.affinity-project p{margin-bottom:13px}.affinity-project .project-tags{margin-top:8px}.dev-quote{grid-template-columns:1fr;gap:23px;padding:26px;margin-top:38px}.quote-status{border-left:0;border-top:1px solid #e0b6f538;padding-left:0;padding-top:22px}.dev-quote h2{font-size:30px}}@media(max-width:480px){.project-grid{grid-template-columns:1fr}.project,.project.featured,.affinity-project{grid-column:span 1}.project{padding:25px 23px}.project h3{font-size:25px}.featured h3{font-size:29px}.dev-page .header{justify-content:space-between;gap:17px}.dev-page nav{gap:15px;font-size:14px}.dev-page nav .nav-contact{display:none}.dev-intro .eyebrow{font-size:12px;letter-spacing:1.4px}.dev-visual{min-height:310px}.dev-page .hero-actions .button{min-width:145px}.dev-signature{letter-spacing:.5px}.project-meta{letter-spacing:.8px}.dev-quote{padding:25px 22px}}

/* Project imagery is now a visible preview, rather than a faint background. */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.project.visual-project{grid-column:auto;display:flex;flex-direction:column;padding:0;min-height:0;border-radius:24px;background:linear-gradient(150deg,#22112e,#130b1e 65%);border:1px solid #c780f334;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.project.visual-project:hover{transform:translateY(-5px);border-color:var(--project-accent);box-shadow:0 16px 45px #0005}
.project-preview{position:relative;height:225px;flex-shrink:0;border-bottom:1px solid #ffffff19;background:#140c21;isolation:isolate}
.project-preview>img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:blur(.5px);transform:scale(1.025);transition:transform .5s,filter .5s}
.project.visual-project:hover .project-preview>img{transform:scale(1.07);filter:blur(0)}
.project-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#170c22 0%,#170c2220 45%,#10091c60);pointer-events:none}
.preview-caption{position:absolute;z-index:1;bottom:22px;right:17px;left:94px;text-align:right;color:#f1defd;font-size:11px;font-weight:600;letter-spacing:1.2px;text-shadow:0 2px 10px #000}
.preview-platform{position:absolute;top:16px;left:17px;z-index:1;font-size:10px;letter-spacing:1.8px;color:#eee1ff;background:#10081dbb;border:1px solid #ffffff28;padding:5px 9px;border-radius:7px;backdrop-filter:blur(10px)}
.project-icon{position:absolute;bottom:-23px;left:24px;z-index:2;display:grid;place-items:center;width:64px;height:64px;border-radius:19px;border:1px solid var(--project-accent);color:var(--project-accent);background:linear-gradient(145deg,#37203f,#190d29);box-shadow:0 7px 25px #0005,inset 0 1px 12px #ffffff0b}
.project-icon svg{width:29px;height:29px;stroke-width:1.6}
.project-body{padding:42px 25px 25px;display:flex;flex-direction:column;flex-grow:1}
.project-body .project-meta{margin-bottom:16px;font-size:11px;letter-spacing:.7px;color:var(--project-accent);gap:10px}
.project-body .project-number{font-size:12px;padding:2px 7px}
.project-body h3{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin-bottom:14px}
.project-body p{font-size:15px;line-height:1.75;color:#cdbbda;margin-bottom:23px}
.project-body .roster-note{font-size:14px;margin-top:-6px}
.project-body .roster-note strong{color:#e6c7ff}
.project-body .project-tags{margin-top:auto;padding-top:5px}
.preview-1>img{object-position:70% 35%;filter:blur(1px) hue-rotate(4deg)}
.preview-2>img{object-position:30% 60%;filter:blur(1px) hue-rotate(25deg);transform:scale(1.28)}
.preview-3>img{object-position:20% 40%;filter:blur(1px) hue-rotate(-20deg)}
.preview-4>img{object-position:60% 5%;filter:blur(1px) hue-rotate(-12deg);transform:scale(1.15)}
.preview-5>img{object-position:80% 85%;filter:blur(1px) hue-rotate(25deg);transform:scale(1.16)}
.preview-7>img{object-position:5% 50%;filter:blur(1px) hue-rotate(-20deg);transform:scale(1.1)}
@media(max-width:1050px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project.visual-project:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.project.visual-project:last-child .project-preview{height:100%;min-height:300px;border:0}.project.visual-project:last-child .project-body{padding:28px}.project.visual-project:last-child .project-icon{bottom:22px}.project.visual-project:last-child .preview-caption{bottom:45px}}
@media(max-width:620px){.project-grid{grid-template-columns:1fr;gap:24px}.project.visual-project:last-child{grid-column:auto;display:flex}.project-preview,.project.visual-project:last-child .project-preview{height:230px;min-height:0}.project.visual-project:last-child .project-icon{bottom:-23px}.project.visual-project:last-child .preview-caption{bottom:22px}.project-body,.project.visual-project:last-child .project-body{padding:42px 24px 25px}.project-body h3{font-size:26px}.project-body p{font-size:16px}.project-body .project-meta{font-size:12px}.preview-caption{font-size:12px;letter-spacing:.7px}.preview-platform{font-size:12px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.project.visual-project,.project-preview>img{transition:none}.project.visual-project:hover{transform:none}}