.portfolio-module__XbO6Ca__page{color:#f5f5f5;min-height:100vh;font-family:var(--font-geist-sans);background:#0a0a0a}.portfolio-module__XbO6Ca__container{flex-direction:column;gap:96px;min-height:100vh;padding:48px 6vw 64px;display:flex}.portfolio-module__XbO6Ca__header{text-transform:uppercase;letter-spacing:.32em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.portfolio-module__XbO6Ca__main{flex-direction:column;flex:1;gap:72px;display:flex}.portfolio-module__XbO6Ca__intro{gap:24px;max-width:60ch;display:grid}.portfolio-module__XbO6Ca__eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#8f8f8f;font-size:11px;font-weight:600}.portfolio-module__XbO6Ca__introTitle{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(32px,5vw,72px);font-weight:800;line-height:.98}.portfolio-module__XbO6Ca__introBody{letter-spacing:.01em;color:#d4d4d4;font-size:clamp(16px,1.7vw,22px);font-weight:500;line-height:1.65}.portfolio-module__XbO6Ca__showcase{gap:24px;width:100%;display:grid}.portfolio-module__XbO6Ca__browserWindow{background:#111;border:1px solid #333;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0006}.portfolio-module__XbO6Ca__browserHeader{background:#1a1a1a;border-bottom:1px solid #333;grid-template-columns:80px 1fr 80px;align-items:center;padding:12px 16px;display:grid}.portfolio-module__XbO6Ca__trafficLights{gap:8px;display:flex}.portfolio-module__XbO6Ca__trafficLight{border-radius:50%;width:12px;height:12px}.portfolio-module__XbO6Ca__addressBar{color:#888;font-size:12px;font-family:var(--font-geist-mono);background:#0a0a0a;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:400px;margin:0 auto;padding:6px 12px;display:flex}.portfolio-module__XbO6Ca__addressUrl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portfolio-module__XbO6Ca__lockIcon{font-size:10px}.portfolio-module__XbO6Ca__liveIndicator{text-transform:uppercase;letter-spacing:.2em;color:#4ade80;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.portfolio-module__XbO6Ca__pulse{background-color:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite portfolio-module__XbO6Ca__pulse;box-shadow:0 0 #4ade8066}@keyframes portfolio-module__XbO6Ca__pulse{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}.portfolio-module__XbO6Ca__iframeContainer{background:#111;border:none;border-radius:0;width:100%;height:60vh;min-height:400px;position:relative;overflow:hidden}.portfolio-module__XbO6Ca__iframe{background:#fff;border:none;width:100%;height:100%}.portfolio-module__XbO6Ca__loadingOverlay{z-index:10;background:#0a0a0a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.portfolio-module__XbO6Ca__spinner{border:3px solid #ffffff1a;border-top-color:#f5f5f5;border-radius:50%;width:32px;height:32px;animation:1s ease-in-out infinite portfolio-module__XbO6Ca__spin}@keyframes portfolio-module__XbO6Ca__spin{to{transform:rotate(360deg)}}.portfolio-module__XbO6Ca__showcaseControls{justify-content:center;gap:12px;padding-top:8px;display:flex}.portfolio-module__XbO6Ca__controlDot{cursor:pointer;background:#333;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.portfolio-module__XbO6Ca__controlDot:hover{background:#555}.portfolio-module__XbO6Ca__activeDot{background:#f5f5f5;transform:scale(1.2)}@media (max-width:700px){.portfolio-module__XbO6Ca__browserHeader{grid-template-columns:60px 1fr;gap:12px}.portfolio-module__XbO6Ca__liveIndicator{display:none}}.portfolio-module__XbO6Ca__projects{gap:48px;display:grid}.portfolio-module__XbO6Ca__project{border-top:1px solid #1a1a1a;gap:20px;max-width:800px;padding-top:32px;display:grid}.portfolio-module__XbO6Ca__projectHeader{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.portfolio-module__XbO6Ca__projectTitle{text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(24px,3vw,42px);font-weight:700}.portfolio-module__XbO6Ca__projectLink{color:inherit;text-decoration:none;transition:color .2s}.portfolio-module__XbO6Ca__projectYear{text-transform:uppercase;letter-spacing:.2em;color:#8f8f8f;white-space:nowrap;font-size:13px;font-weight:600}.portfolio-module__XbO6Ca__projectDescription{letter-spacing:.01em;color:#d4d4d4;font-size:clamp(16px,1.6vw,20px);font-weight:500;line-height:1.65}.portfolio-module__XbO6Ca__projectTags{flex-wrap:wrap;gap:12px;display:flex}.portfolio-module__XbO6Ca__tag{text-transform:uppercase;letter-spacing:.25em;color:#b5b5b5;background:#0c0c0c;border:1px solid #1b1b1b;padding:8px 14px;font-size:11px;font-weight:600}.portfolio-module__XbO6Ca__cta{border-top:1px solid #1a1a1a;justify-items:start;gap:24px;padding-top:48px;display:grid}.portfolio-module__XbO6Ca__ctaText{text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(20px,2.5vw,36px);font-weight:700}.portfolio-module__XbO6Ca__ctaButton{text-transform:uppercase;letter-spacing:.2em;color:#0a0a0a;background:#f5f5f5;border:1px solid #f5f5f5;padding:14px 22px;font-size:12px;font-weight:700}.portfolio-module__XbO6Ca__footer{text-transform:uppercase;letter-spacing:.3em;color:#8f8f8f;border-top:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;display:flex}.portfolio-module__XbO6Ca__footerLink{color:#f5f5f5;letter-spacing:.25em}.portfolio-module__XbO6Ca__footerBrand{font-weight:600}@media (hover:hover) and (pointer:fine){.portfolio-module__XbO6Ca__ctaButton:hover{background:#fff}.portfolio-module__XbO6Ca__footerLink:hover,.portfolio-module__XbO6Ca__projectLink:hover{color:#fff}}@media (max-width:700px){.portfolio-module__XbO6Ca__footerLink{display:none}.portfolio-module__XbO6Ca__footer{flex-direction:column;align-items:flex-start;gap:16px}.portfolio-module__XbO6Ca__projectHeader{flex-direction:column;align-items:flex-start;gap:8px}.portfolio-module__XbO6Ca__ctaButton{text-align:center;width:100%}}