:root{--bg-dark:#0b1120;--dev-blue:#3b82f6;--photo-glow:#93c5fd;--ease-smooth:cubic-bezier(0.16, 1, 0.3, 1);--primary-bg:#0f172a;--secondary-bg:#1e293b;--primary-blue:#3b82f6;--accent-white:#f8fafc;--text-muted:#94a3b8;--text-light:#e2e8f0;--nav-bg:rgba(15, 23, 42, 0.9)}.duality-wrapper{position:relative;display:flex;width:100%;min-height:100vh;background-color:var(--bg-dark);overflow:hidden}.central-photo-anchor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;transition:transform .7s var(--ease-smooth)}.dual-photo-frame{position:relative;width:260px;height:320px;overflow:hidden;border-radius:4px 32px 32px 4px;border-left:2px solid var(--dev-blue);border-right:1px solid rgba(147,197,253,.5);box-shadow:-15px 0 30px rgba(59,130,246,.3),15px 0 30px rgba(147,197,253,.2),0 20px 40px rgba(0,0,0,.6);transition:border-radius .6s var(--ease-smooth),border .6s var(--ease-smooth),box-shadow .6s var(--ease-smooth)}.dual-photo-frame img{width:100%;height:100%;object-fit:cover}.center-neon-line{position:absolute;top:0;left:50%;width:2px;height:100%;background:var(--dev-blue);box-shadow:0 0 10px var(--dev-blue),0 0 20px var(--photo-glow);transform:translateX(-50%);opacity:1;transition:opacity .4s}.duality-wrapper:has(.dev-side:hover) .central-photo-anchor{transform:translate(15%,-50%)}.duality-wrapper:has(.dev-side:hover) .dual-photo-frame{border-radius:2px;border:2px solid var(--dev-blue);box-shadow:0 0 35px rgba(59,130,246,.6),0 20px 40px rgba(0,0,0,.8)}.duality-wrapper:has(.photo-side:hover) .central-photo-anchor{transform:translate(-115%,-50%)}.duality-wrapper:has(.photo-side:hover) .dual-photo-frame{border-radius:40px;border:1px solid var(--photo-glow);box-shadow:0 0 35px rgba(147,197,253,.4),0 20px 40px rgba(0,0,0,.8)}.duality-wrapper:hover .center-neon-line{opacity:0}.duality-side{flex:1;display:flex;justify-content:center;align-items:center;padding:60px 40px;z-index:1;transition:flex .7s var(--ease-smooth),opacity .5s ease,filter .5s ease}.side-content{display:flex;flex-direction:column}.duality-wrapper:hover .duality-side{flex:0.7;opacity:.35;filter:blur(2px)}.duality-wrapper .duality-side:hover{flex:1.5;opacity:1;filter:blur(0)}.dev-side{background:radial-gradient(circle at 10% 50%,rgba(59,130,246,.1) 0,transparent 60%);font-family:'Fira Code',monospace;text-align:right}.dev-side .side-content{align-items:flex-end}.badge-tech{background:var(--dev-blue);color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;letter-spacing:1.5px}.dev-title{margin:16px 0 4px}.dev-subtitle{color:var(--photo-glow);font-size:.8rem;margin-bottom:24px}.dev-quote{border-right:2px solid var(--dev-blue);padding-right:12px;color:#94a3b8;font-size:.85rem;margin-bottom:28px}.photo-side{background:radial-gradient(circle at 90% 50%,rgba(147,197,253,.1) 0,transparent 60%);font-family:Inter,sans-serif;text-align:left}.photo-side .side-content{align-items:flex-start}.badge-creative{background:rgba(147,197,253,.15);border:1px solid rgba(147,197,253,.4);color:var(--photo-glow);font-size:.75rem;font-weight:600;padding:5px 16px;border-radius:30px;letter-spacing:1.5px}.photo-title{margin:12px 0 2px}.photo-subtitle{font-size:.75rem;letter-spacing:3px;color:#94a3b8;margin-bottom:24px}.photo-quote{font-family:'Playfair Display',serif;font-style:italic;border-left:2px solid var(--photo-glow);padding-left:12px;color:#cbd5e1;font-size:.95rem;margin-bottom:28px}.btn-duality{display:inline-block;padding:10px 22px;font-size:.85rem;text-decoration:none;transition:.3s}.dev-btn{background:#1e293b;color:var(--photo-glow);border:1px solid var(--dev-blue);font-family:'Fira Code',monospace}.dev-btn:hover{background:var(--dev-blue);color:#fff;box-shadow:0 0 20px rgba(59,130,246,.6)}.photo-btn{background:rgba(147,197,253,.1);color:#fff;border:1px solid rgba(147,197,253,.4);border-radius:24px}.photo-btn:hover{background:rgba(147,197,253,.25);border-color:var(--photo-glow)}@media (max-width:991px){.duality-wrapper{flex-direction:column}.duality-wrapper .duality-side:hover,.duality-wrapper:hover .duality-side{flex:1;opacity:1;filter:none}.duality-wrapper:has(.dev-side:hover) .central-photo-anchor,.duality-wrapper:has(.photo-side:hover) .central-photo-anchor{transform:none}.dev-side{background:radial-gradient(circle at 50% 10%,rgba(59,130,246,.15) 0,transparent 70%);text-align:center;padding:50px 20px 30px}.photo-side{background:radial-gradient(circle at 50% 90%,rgba(147,197,253,.15) 0,transparent 70%);text-align:center;padding:30px 20px 50px}.dev-side .side-content,.photo-side .side-content{align-items:center}.dev-quote,.photo-quote{border:none;padding:0}.central-photo-anchor{position:relative;top:auto;left:auto;transform:none;display:flex;justify-content:center;margin:-10px 0;z-index:5}.dual-photo-frame{width:190px;height:230px;border-radius:4px 4px 32px 32px;border-left:none;border-right:none;border-top:2px solid var(--dev-blue);border-bottom:1px solid rgba(147,197,253,.5);box-shadow:0 -15px 25px rgba(59,130,246,.25),0 15px 25px rgba(147,197,253,.2),0 15px 30px rgba(0,0,0,.6)}.center-neon-line{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);box-shadow:0 0 10px var(--dev-blue),0 0 15px var(--photo-glow)}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;font-family:Montserrat,system-ui,sans-serif;background-color:var(--primary-bg);color:var(--accent-white);overflow-x:hidden}.portal-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.portal-avatar{position:absolute;top:2rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;pointer-events:none}.avatar-img{width:90px;height:90px;border-radius:50%;border:3px solid var(--primary-blue);object-fit:cover;box-shadow:0 10px 25px rgba(0,0,0,.5);background-color:var(--secondary-bg)}.avatar-name{margin-top:.75rem;font-size:1.25rem;font-weight:700;letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);white-space:nowrap}.portal-side{flex:1;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 3rem;text-decoration:none;color:inherit;position:relative;transition:flex .5s cubic-bezier(.25, 1, .5, 1),background-color .3s;overflow:hidden}.side-content{max-width:440px;width:100%;z-index:2;transition:transform .3s}.side-dev{background-color:#0d1527;border-bottom:1px solid rgba(59,130,246,.2)}@media (min-width:768px){.portal-container{flex-direction:row}.portal-side{padding:4rem 3rem}.portal-side:hover{flex:1.25}.side-dev{border-bottom:none;border-right:1px solid rgba(59,130,246,.2)}}.dev-card{background-color:#162032;border:1px solid #24344d;border-left:4px solid var(--primary-blue);padding:2.5rem;border-radius:0;box-shadow:0 15px 30px rgba(0,0,0,.3);transition:border-color .3s}.side-dev:hover .dev-card{border-color:var(--primary-blue)}.dev-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:700;background-color:var(--primary-blue);color:#fff;padding:.25rem .75rem;border-radius:0;letter-spacing:1.5px;margin-bottom:1.25rem}.dev-title{font-family:'JetBrains Mono',monospace;font-size:1.85rem;font-weight:700;color:#fff;margin-bottom:.75rem}.dev-cursor{color:var(--primary-blue);animation:1s infinite blink}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.dev-desc{font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem;background:#0f172a;padding:25px .85rem 0;border:1px dashed #334155}.dev-link{font-family:'JetBrains Mono',monospace;font-size:.9rem;color:#60a5fa;font-weight:700;display:flex;align-items:center;gap:.5rem}.side-dev:hover .dev-link,.side-photo:hover .photo-link{text-decoration:underline}.side-photo{background-color:#131c2e;background-image:radial-gradient(circle at 80% 20%,rgba(59,130,246,.15) 0,transparent 40%),linear-gradient(rgba(15,23,42,.75),rgba(15,23,42,.85));background-size:cover;border-radius:24px;background-position:center}.photo-card{background:rgba(30,41,59,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;box-shadow:0 15px 35px rgba(0,0,0,.25);transition:border-color .3s,transform .3s}.side-photo:hover .photo-card{border-color:rgba(96,165,250,.4);transform:translateY(-2px)}.photo-badge{display:inline-block;font-size:.75rem;font-weight:600;background-color:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4);color:#93c5fd;padding:.35rem 1rem;border-radius:20px;letter-spacing:1px;margin-bottom:1.25rem;text-transform:uppercase}.photo-title{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:2.3rem;color:#fff;line-height:1.1}.photo-subbrand{font-size:.65rem;letter-spacing:5px;color:var(--text-muted);margin-bottom:1.25rem;margin-top:.25rem;text-transform:uppercase}.photo-desc{font-size:.87rem;color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.photo-tags{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.photo-tag{font-size:.75rem;color:var(--text-muted);background:rgba(255,255,255,.06);padding:.25rem .75rem;border-radius:12px}.photo-link{font-size:.9rem;color:#60a5fa;font-weight:600;display:flex;align-items:center;gap:.5rem}@media (max-width:767px){.portal-side.side-dev .side-content{background-color:#131c2e;background-image:radial-gradient(circle at 80% 20%,rgba(59,130,246,.15) 0,transparent 40%),linear-gradient(rgba(15,23,42,.75),rgba(15,23,42,.85));background-size:cover;border-radius:24px;background-position:center}body{overflow-y:auto}.portal-container{flex-direction:column;padding:1.5rem 1rem;gap:1.5rem}.portal-avatar{position:relative;top:0;left:0;transform:none;margin-bottom:1.5rem}.portal-side{background:0 0;border-bottom:none;padding:0;width:100%}.dev-card,.photo-card{width:100%;padding:1.75rem 1.25rem}.dev-title,.photo-title{font-size:1.5rem}}