:root{--bg-dark:#060709;--ease-smooth:cubic-bezier(0.16, 1, 0.3, 1);--dev-bg:#03060d;--dev-accent:#38bdf8;--dev-accent-dim:rgba(56, 189, 248, 0.12);--dev-text:#e2e8f0;--dev-font-heading:'Space Grotesk',sans-serif;--dev-font-code:'JetBrains Mono',monospace;--photo-bg:#0e0c0a;--photo-accent:#d4a373;--photo-accent-dim:rgba(212, 163, 115, 0.12);--photo-text:#f3f4f6;--photo-font-heading:'Cormorant Garamond',Georgia,serif;--photo-font-body:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;--photo-font-hud:'JetBrains Mono',monospace}*,::after,::before{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background-color:var(--bg-dark);-webkit-tap-highlight-color:transparent}.duality-wrapper{position:relative;display:flex;width:100%;min-height:100vh;min-height:100dvh;background-color:var(--bg-dark);overflow:hidden;perspective:1200px}.duality-side{width:50%;flex:0 0 50%;display:flex;align-items:center;z-index:1;position:relative;overflow:hidden;transition:width .7s var(--ease-smooth),flex-basis .7s var(--ease-smooth),opacity .5s ease,filter .5s ease}.dev-side{padding:40px clamp(20px,4vw,50px) 40px 40px;justify-content:flex-end;background-color:var(--dev-bg);background-image:linear-gradient(to bottom,rgba(56,189,248,.02) 50%,transparent 50%),radial-gradient(circle at 15% 50%,rgba(56,189,248,.12) 0,transparent 65%);background-size:100% 4px,100% 100%;font-family:var(--dev-font-heading);text-align:right}.photo-side{position:relative;padding:40px 40px 40px clamp(20px,4vw,50px);justify-content:flex-start;background-color:var(--photo-bg);background-image:linear-gradient(to right,rgba(212,163,115,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(212,163,115,.05) 1px,transparent 1px),radial-gradient(ellipse at 70% 50%,rgba(35,24,18,.4) 0,rgba(7,6,5,.98) 100%);background-size:40px 40px,40px 40px,100% 100%;font-family:var(--photo-font-body);text-align:left}.photo-side::before{content:"RAW • ISO 100 • f/2.8 • 1/1000s";position:absolute;bottom:24px;right:30px;font-family:var(--photo-font-hud);font-size:clamp(.6rem, .75vw, .8rem);color:var(--photo-accent);letter-spacing:2px;opacity:.6;pointer-events:none}.side-content{max-width:clamp(400px,24vw,440px);width:100%;display:flex;flex-direction:column;z-index:10;position:relative;pointer-events:auto}.dev-side .side-content{align-items:flex-end;margin-right:clamp(110px,12vw,170px)}.photo-side .side-content{align-items:flex-start;margin-left:clamp(110px,12vw,170px)}.center-neon-line{position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(56,189,248,.3) 30%,rgba(212,163,115,.3) 70%,transparent);transform:translateX(-50%);z-index:8;pointer-events:none;transition:left .7s var(--ease-smooth),opacity .4s ease}.central-photo-anchor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;pointer-events:none;transition:left .7s var(--ease-smooth),transform .7s var(--ease-smooth)}.central-photo-anchor::after{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,rgba(56,189,248,.6) 0,rgba(255,255,255,.8) 50%,rgba(212,163,115,.6) 100%);transform:translateX(-50%);z-index:10;pointer-events:none;opacity:.8;transition:opacity .4s}.dual-photo-frame{position:relative;width:clamp(220px,20vw,300px);height:clamp(220px,20vw,300px);border-radius:50%!important;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:-12px 0 35px rgba(3,6,13,.8),12px 0 35px rgba(7,6,5,.8),0 20px 40px rgba(0,0,0,.7);transition:all .6s var(--ease-smooth)}.dual-photo-frame img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%!important}.dual-photo-frame::before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to bottom,rgba(56,189,248,.08),transparent),repeating-linear-gradient(0deg,rgba(56,189,248,.04) 0,rgba(56,189,248,.04) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:2;transition:width .6s var(--ease-smooth),height .6s var(--ease-smooth),opacity .6s ease}.dual-photo-frame::after{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at 70% 30%,transparent 40%,rgba(212,163,115,.18) 100%),linear-gradient(to bottom,transparent,rgba(7,6,5,.3));pointer-events:none;z-index:2;transition:width .6s var(--ease-smooth),height .6s var(--ease-smooth),opacity .6s ease}.btn-duality{display:inline-flex;align-items:center;gap:8px;padding:clamp(8px,.8vw,12px) clamp(18px,1.4vw,28px);font-size:clamp(.75rem, .85vw, .95rem);font-weight:600;text-decoration:none;transition:.3s;position:relative;z-index:5}.badge-tech{background:var(--dev-accent-dim);border:1px solid rgba(56,189,248,.3);color:var(--dev-accent);font-family:var(--dev-font-code);font-size:clamp(.65rem, .75vw, .85rem);font-weight:500;padding:4px 12px;letter-spacing:1.5px;border-radius:4px}.dev-title{color:#fff;font-family:var(--dev-font-heading);font-size:clamp(1.6rem, 2.4vw, 3rem);font-weight:700;margin:12px 0 4px;line-height:1.1;white-space:nowrap}.dev-subtitle{color:var(--dev-accent);font-family:var(--dev-font-code);font-size:clamp(.7rem, .8vw, .9rem);letter-spacing:1px;margin-bottom:20px}.dev-quote{position:relative;border-right:2px solid var(--dev-accent);padding:14px 20px;background:rgba(3,6,13,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:4px;color:#e2e8f0;font-family:var(--dev-font-code);font-size:clamp(.8rem, .9vw, 1rem);line-height:1.6;margin:18px 0 26px}.dev-btn{background:#060b17;color:var(--dev-accent);border:1px solid rgba(56,189,248,.4);font-family:var(--dev-font-heading);border-radius:4px}.dev-btn:hover{background:var(--dev-accent);color:#03060d;box-shadow:0 0 20px rgba(56,189,248,.3)}.badge-creative{background:var(--photo-accent-dim);border:1px solid rgba(212,163,115,.3);color:var(--photo-accent);font-family:var(--photo-font-body);font-size:clamp(.65rem, .75vw, .85rem);font-weight:600;padding:4px 16px;border-radius:30px;letter-spacing:2px;text-transform:uppercase}.photo-title{font-family:var(--photo-font-heading);font-style:italic;font-size:clamp(2rem, 3.2vw, 4rem);color:#f8f6f0;margin:8px 0 2px;line-height:1;white-space:nowrap}.photo-subtitle{font-family:var(--photo-font-body);font-size:clamp(.7rem, .8vw, .9rem);letter-spacing:3px;color:var(--photo-accent);margin-bottom:20px;font-weight:500}.photo-quote{position:relative;border-left:2px solid var(--photo-accent);padding:14px 20px;background:rgba(18,14,11,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:0 8px 8px 0;color:#f8f6f0;font-family:var(--photo-font-heading);font-style:italic;font-size:clamp(1rem, 1.15vw, 1.3rem);line-height:1.4;margin:18px 0 26px}.photo-btn{background:rgba(212,163,115,.08);color:#f8f6f0;border:1px solid rgba(212,163,115,.4);border-radius:30px;font-family:var(--photo-font-body)}.photo-btn:hover{background:var(--photo-accent);color:#070605;box-shadow:0 0 20px rgba(212,163,115,.3)}.side-previews{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.preview-card{position:absolute;border-radius:10px;overflow:hidden;opacity:.35;box-shadow:0 20px 40px rgba(0,0,0,.8);transition:transform .8s var(--ease-smooth),opacity .6s ease,border-color .6s ease}.preview-card img{width:100%;height:100%;object-fit:cover;display:block}.dev-previews .card-1{width:clamp(200px,15vw,260px);height:clamp(130px,10vw,165px);top:12%;left:5%;transform:rotateY(20deg) rotateX(4deg) translateZ(-30px);border:1px solid rgba(56,189,248,.2);transform-origin:left center}.dev-previews .card-2{width:clamp(170px,13vw,220px);height:clamp(110px,8vw,140px);bottom:12%;left:8%;transform:rotateY(16deg) rotateX(-4deg) translateZ(-10px);border:1px solid rgba(56,189,248,.25);transform-origin:left center}.photo-previews .card-1{width:clamp(160px,12vw,210px);height:clamp(210px,16vw,270px);top:10%;right:5%;transform:rotateY(-20deg) rotateX(4deg) translateZ(-30px);border:1px solid rgba(212,163,115,.25);transform-origin:right center}.photo-previews .card-2{width:clamp(200px,16vw,270px);height:clamp(110px,9vw,150px);bottom:10%;right:6%;transform:rotateY(-16deg) rotateX(-4deg) translateZ(-10px);border:1px solid rgba(212,163,115,.2);transform-origin:right center}@media (max-width:768px){.duality-side{width:100%!important;height:50vh!important;height:50lvh!important;flex:1 0 50%!important}.side-previews{display:block!important;z-index:1}.preview-card{opacity:.18!important}.dev-previews .card-1{width:140px!important;height:90px!important;top:6%!important;left:-20px!important;transform:rotate(6deg)!important}.dev-previews .card-2{width:120px!important;height:75px!important;bottom:6%!important;right:-10px!important;left:auto!important;transform:rotate(-8deg)!important}.photo-previews .card-1{width:110px!important;height:140px!important;top:6%!important;right:-15px!important;transform:rotate(-6deg)!important}.photo-previews .card-2{width:140px!important;height:80px!important;bottom:6%!important;left:-15px!important;right:auto!important;transform:rotate(8deg)!important}.center-neon-line{top:50%!important;left:0!important;width:100%!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(56,189,248,.4) 30%,rgba(212,163,115,.4) 70%,transparent)!important;transform:translateY(-50%)!important}.central-photo-anchor{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.central-photo-anchor::after{top:50%!important;left:0!important;width:100%!important;height:1px!important;background:linear-gradient(90deg,rgba(56,189,248,.6) 0,rgba(255,255,255,.8) 50%,rgba(212,163,115,.6) 100%)!important;transform:translateY(-50%)!important}.dev-side{text-align:center!important;padding:clamp(16px,3vh,32px) 20px 0!important;justify-content:center!important}.photo-side{text-align:center!important;padding:0 20px clamp(20px,4vh,36px)!important;justify-content:center!important}.side-content{margin-left:0!important;margin-right:0!important;align-items:center!important;max-width:100%!important}.dev-side .side-content,.photo-side .side-content{margin:0!important;align-items:center!important}.dev-quote,.photo-quote{border-left:none!important;border-right:none!important}.dual-photo-frame{width:clamp(130px,32vw,170px)!important;height:clamp(130px,32vw,170px)!important;border-radius:50%!important}.dual-photo-frame::before{width:100%!important;height:50%!important;top:0!important;left:0!important}.dual-photo-frame::after{width:100%!important;height:50%!important;top:auto!important;bottom:0!important;right:0!important}}@media (max-height:600px) and (orientation:landscape){.duality-wrapper{flex-direction:row!important;min-height:100dvh}.duality-side{width:50%!important;flex:0 0 50%!important;height:100vh!important}.side-previews{display:block!important;z-index:1}.preview-card{opacity:.15!important}.dev-previews .card-1{width:120px!important;height:75px!important;top:4%!important;left:2%!important}.dev-previews .card-2{width:100px!important;height:60px!important;bottom:4%!important;left:4%!important}.photo-previews .card-1{width:90px!important;height:110px!important;top:4%!important;right:2%!important}.photo-previews .card-2{width:120px!important;height:70px!important;bottom:4%!important;right:4%!important}.dev-side{justify-content:flex-end!important;padding:20px!important}.photo-side{justify-content:flex-start!important;padding:20px!important}.dev-side .side-content{margin-right:clamp(70px,10vw,120px)!important;align-items:flex-end!important}.photo-side .side-content{margin-left:clamp(70px,10vw,120px)!important;align-items:flex-start!important}.center-neon-line{top:0!important;left:50%!important;width:1px!important;height:100%!important;background:linear-gradient(180deg,transparent,rgba(56,189,248,.3) 30%,rgba(212,163,115,.3) 70%,transparent)!important;transform:translateX(-50%)!important}.central-photo-anchor::after{top:0!important;left:50%!important;width:1px!important;height:100%!important;background:linear-gradient(180deg,rgba(56,189,248,.6) 0,rgba(255,255,255,.8) 50%,rgba(212,163,115,.6) 100%)!important;transform:translateX(-50%)!important}.dual-photo-frame::before{width:50%!important;height:100%!important;top:0!important;left:0!important}.dual-photo-frame::after{width:50%!important;height:100%!important;top:0!important;bottom:auto!important;right:0!important}.dual-photo-frame{width:clamp(110px,22vh,140px)!important;height:clamp(110px,22vh,140px)!important;border-radius:50%!important}.dev-title,.photo-title{font-size:1.1rem!important;margin:2px 0!important}.dev-quote,.photo-quote{font-size:.7rem!important;margin:2px 0 6px!important}}@media (max-width:768px){.dev-quote,.photo-quote{border-left:none!important;border-right:none!important;border-radius:8px!important}.dev-quote{border:1px solid rgba(56,189,248,.2)!important}.photo-quote{border:1px solid rgba(212,163,115,.15)!important}.duality-wrapper{flex-direction:column!important;height:100vh!important;height:100lvh!important}.duality-side{width:100%!important;height:50vh!important;height:50lvh!important;flex:1 0 50%!important;box-sizing:border-box!important}.dev-side{text-align:center!important;justify-content:flex-start!important;padding:clamp(16px,3vh,24px) 20px 0!important}.photo-side{text-align:center!important;justify-content:flex-end!important;padding:0 20px clamp(16px,3vh,24px)!important}.side-content{margin:0!important;align-items:center!important;max-width:100%!important;height:auto!important}.dev-title,.photo-title{font-size:clamp(1.4rem, 5vw, 2.2rem)!important;margin:2px 0!important}.dev-subtitle,.photo-subtitle{margin-bottom:6px!important}.dev-quote,.photo-quote{background:0 0!important;border:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;margin:6px 0 12px!important;font-size:clamp(.75rem, 2.8vw, .88rem)!important;line-height:1.35!important;text-align:center!important;opacity:.85}.dual-photo-frame{width:clamp(120px,30vw,150px)!important;height:clamp(120px,30vw,150px)!important}}@media (min-width:769px){.duality-wrapper:has(.dev-side:hover) .center-neon-line,.duality-wrapper:has(.dev-side:hover) .central-photo-anchor{left:63%}.duality-wrapper:has(.dev-side:hover) .dev-side{width:63%;flex-basis:63%}.duality-wrapper:has(.dev-side:hover) .photo-side{width:37%;flex-basis:37%;opacity:.5;filter:blur(1px)}.duality-wrapper:has(.dev-side:hover) .dual-photo-frame{border-color:rgba(56,189,248,.5);box-shadow:0 0 35px rgba(56,189,248,.25),0 20px 40px rgba(0,0,0,.8)}.duality-wrapper:has(.dev-side:hover) .dual-photo-frame::before{width:100%;opacity:1}.duality-wrapper:has(.dev-side:hover) .dual-photo-frame::after{width:0%;opacity:0}.duality-wrapper:has(.dev-side:hover) .dev-previews .card-1{transform:rotateY(12deg) rotateX(6deg) translateZ(40px) scale(1.05);opacity:.85}.duality-wrapper:has(.dev-side:hover) .dev-previews .card-2{transform:rotateY(8deg) rotateX(-6deg) translateZ(20px) scale(1.03);opacity:.75}.duality-wrapper:has(.photo-side:hover) .center-neon-line,.duality-wrapper:has(.photo-side:hover) .central-photo-anchor{left:37%}.duality-wrapper:has(.photo-side:hover) .dev-side{width:37%;flex-basis:37%;opacity:.5;filter:blur(1px)}.duality-wrapper:has(.photo-side:hover) .photo-side{width:63%;flex-basis:63%}.duality-wrapper:has(.photo-side:hover) .dual-photo-frame{border-color:rgba(212,163,115,.5);box-shadow:0 0 35px rgba(212,163,115,.2),0 20px 40px rgba(0,0,0,.8)}.duality-wrapper:has(.photo-side:hover) .dual-photo-frame::after{width:100%;opacity:1}.duality-wrapper:has(.photo-side:hover) .dual-photo-frame::before{width:0%;opacity:0}.duality-wrapper:has(.photo-side:hover) .photo-previews .card-1{transform:rotateY(-12deg) rotateX(6deg) translateZ(40px) scale(1.05);opacity:.85}.duality-wrapper:has(.photo-side:hover) .photo-previews .card-2{transform:rotateY(-8deg) rotateX(-6deg) translateZ(20px) scale(1.03);opacity:.75}.duality-wrapper:has(.dev-side:hover) .central-photo-anchor::after,.duality-wrapper:has(.photo-side:hover) .central-photo-anchor::after{opacity:0!important}}