@font-face{font-display:swap;font-family:Beckan;font-style:normal;font-weight:400;src:url(https://www.paradigmstudios.art/static/media/Beckan%20Regular.0db6437e16e85e488ff1.woff2) format("woff2")}@font-face{font-display:swap;font-family:Playfair-Display;font-style:normal;font-weight:400 900;src:url(https://www.paradigmstudios.art/static/media/PlayfairDisplay-VariableFont_wght.bf46a6bcddc9999a295e.ttf) format("truetype")}:root{--color-primary:#069;--color-secondary:#ffab3d;--color-accent:#39c;--color-primary-blue:#069;--color-primary-orange:#ffab3d;--color-graphite-veil:#676767;--color-graphite-dark:#4a4a4a;--color-graphite-light:#8a8a8a;--color-graphite-ultra-light:#b8b8b8;--color-black:#000;--color-dark-gray:#2a2a2a;--color-medium-gray:#676767;--color-light-gray:#ccc;--color-white:#fff;--color-primary-transparent-10:#0066991a;--color-primary-transparent-20:#0693;--color-primary-transparent-40:#0696;--color-primary-transparent-60:#0699;--color-primary-transparent-80:#069c;--color-primary-transparent-90:#006699e6;--color-secondary-transparent-10:#ff99001a;--color-secondary-transparent-20:#f903;--color-secondary-transparent-40:#f906;--color-secondary-transparent-60:#f909;--color-secondary-transparent-80:#f90c;--color-secondary-transparent-90:#ff9900e6;--color-accent-transparent-10:#3399cc1a;--color-accent-transparent-20:#39c3;--color-accent-transparent-40:#39c6;--color-accent-transparent-60:#39c9;--color-accent-transparent-80:#39cc;--color-accent-transparent-90:#3399cce6;--color-blue-transparent-10:#0066991a;--color-blue-transparent-36:#0066995c;--color-blue-transparent-60:#0699;--color-black-transparent-60:#0009;--color-black-transparent-90:#000000e6;--color-white-transparent-05:#ffffff0d;--color-white-transparent-10:#ffffff1a;--color-white-transparent-15:#ffffff26;--color-white-transparent-20:#fff3;--color-white-transparent-80:#fffc;--color-white-transparent-90:#ffffffe6;--color-graphite-transparent-10:#6767671a;--color-graphite-transparent-20:#67676733;--color-graphite-transparent-40:#67676766;--color-graphite-transparent-60:#67676799;--color-graphite-transparent-80:#676767cc;--color-graphite-transparent-90:#676767e6;--font-primary:"Beckan",sans-serif;--font-secondary:"Playfair-Display",serif;--font-tertiary:"Source Sans Variable",sans-serif;--font-fallback:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--phi:1.618;--scale-base:0.875rem;--fs--1:calc(var(--scale-base)/var(--phi));--fs-0:var(--scale-base);--fs-1:calc(var(--scale-base)*var(--phi));--fs-2:calc(var(--fs-1)*var(--phi));--fs-3:calc(var(--fs-2)*var(--phi));--fs-4:calc(var(--fs-3)*var(--phi));--fs-1-r:clamp(calc(var(--fs-1)*0.95),1.2vw,var(--fs-2));--fs-2-r:clamp(calc(var(--fs-2)*0.95),2.2vw,var(--fs-3));--fs-3-r:clamp(calc(var(--fs-3)*0.95),3.5vw,var(--fs-4));--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4rem;--font-size-responsive-sm:clamp(0.875rem,1vw,1rem);--font-size-responsive-md:clamp(1rem,2vw,1.3rem);--font-size-responsive-lg:clamp(1.25rem,3vw,2rem);--font-size-responsive-xl:clamp(2rem,5vw,4rem);--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.8;--line-height-loose:2;--letter-spacing-tight:-0.5px;--letter-spacing-normal:0;--letter-spacing-wide:0.5px;--letter-spacing-heading:0.02em;--letter-spacing-heading-large:0.01em;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1200px;--max-width-2xl:1400px;--max-width-content:900px;--header-height:80px;--header-height-mobile:80px;--border-radius-sm:0.5rem;--border-radius-md:0.75rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 8px 32px #0000004d;--shadow-xl:0 20px 60px #00000080;--shadow-primary:0 4px 12px var(--color-primary-transparent-40);--shadow-secondary:0 4px 12px var(--color-secondary-transparent-40);--shadow-accent:0 4px 12px var(--color-accent-transparent-40);--shadow-primary-glow:0 30px 60px -20px var(--color-primary);--shadow-secondary-glow:0 30px 60px -20px var(--color-secondary);--shadow-accent-glow:0 30px 60px -20px var(--color-accent);--shadow-glow-orange:0 30px 60px -20px var(--color-secondary);--shadow-glow-combined:var(--color-secondary) 0px 30px 60px -20px,#000000d9 0px 30px 60px -30px;--shadow-graphite-sm:0 1px 2px #6767671a;--shadow-graphite-md:0 4px 6px #67676733;--shadow-graphite-lg:0 8px 32px #6767674d;--shadow-graphite-xl:0 20px 60px #67676766;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--transition-slower:1s ease;--transition-fade:1.5s ease-in-out;--transition-fade-slow:2s ease-in-out;--z-index-below:-1;--z-index-base:0;--z-index-content:1;--z-index-content-high:100;--z-index-header:1000;--z-index-overlay:9000;--z-index-modal:9500;--z-index-landing:10000;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(10px);--brightness-dim:brightness(0.5);--brightness-normal:brightness(1);--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}html{-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga","clig";-webkit-text-size-adjust:100%;-webkit-font-kerning:normal;font-kerning:normal;font-size:16px;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}body{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"kern";-webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-moz-font-feature-settings:"kern" 1,"liga" 1,"calt" 1;background:linear-gradient(135deg,#4a4a4a,#676767 50%,#8a8a8a);color:var(--color-white);font-family:Playfair-Display,serif;font-family:var(--font-secondary);-webkit-font-kerning:normal;font-kerning:normal;line-height:1.5;line-height:var(--line-height-normal);text-rendering:optimizeLegibility}.font-primary{font-feature-settings:"kern" 1,"liga" 1,"kern";-webkit-font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;font-family:Beckan,sans-serif;font-family:var(--font-primary);-webkit-font-kerning:normal;font-kerning:normal;text-rendering:optimizeLegibility}.font-secondary{font-feature-settings:"kern" 1,"liga" 1,"kern";-webkit-font-feature-settings:"kern" 1,"liga" 1;font-family:Playfair-Display,serif;font-family:var(--font-secondary);-webkit-font-kerning:normal;font-kerning:normal}.text-primary{color:#069;color:var(--color-primary)}.text-secondary{color:#ffab3d;color:var(--color-secondary)}.text-accent{color:#39c;color:var(--color-accent)}.text-white{color:#fff;color:var(--color-white)}.text-primary-blue{color:#069;color:var(--color-primary)}.text-primary-orange{color:#ffab3d;color:var(--color-secondary)}.heading-style,h1,h2,h3,h4,h5,h6{font-feature-settings:"kern" 1,"liga" 1,"kern";-webkit-font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;-webkit-font-kerning:normal;font-kerning:normal;image-rendering:-webkit-optimize-contrast;letter-spacing:.02em;letter-spacing:var(--letter-spacing-heading);text-rendering:optimizeLegibility}.h1-style,h1{letter-spacing:.01em;letter-spacing:var(--letter-spacing-heading-large)}.text-crisp,a,h1,h2,h3,h4,h5,h6,p,span{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000;transform:translateZ(0)}.bg-gradient-dark{background:linear-gradient(135deg,#2a2a2a,#676767);background:linear-gradient(135deg,var(--color-dark-gray) 0,var(--color-medium-gray) 100%)}.bg-gradient-graphite{background:linear-gradient(135deg,#4a4a4a,#676767 50%,#8a8a8a);background:linear-gradient(135deg,var(--color-graphite-dark) 0,var(--color-graphite-veil) 50%,var(--color-graphite-light) 100%)}.bg-gradient-graphite-subtle{background:linear-gradient(135deg,#676767,#8a8a8a);background:linear-gradient(135deg,var(--color-graphite-veil) 0,var(--color-graphite-light) 100%)}.bg-graphite-veil{background-color:#676767;background-color:var(--color-graphite-veil)}.bg-graphite-dark{background-color:#4a4a4a;background-color:var(--color-graphite-dark)}.bg-primary{background-color:#069;background-color:var(--color-primary)}.bg-secondary{background-color:#ffab3d;background-color:var(--color-secondary)}.bg-accent{background-color:#39c;background-color:var(--color-accent)}.bg-black{background-color:#000;background-color:var(--color-black)}.bg-transparent{background:#0000}.user-select-none{user-select:none;-webkit-user-select:none;-ms-user-select:none}.no-outline{outline:none}.cursor-pointer{cursor:pointer}.blur-background{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg)}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop{display:none!important}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{background:linear-gradient(135deg,#4a4a4a,#676767 50%,#8a8a8a);color:#fff;min-height:100vh}.main-content{min-height:100vh;position:relative}.Lp-logo-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;width:100%}@media (max-width:768px){.App-logo{max-width:400px;max-width:200px}}@media (max-width:1920px){.App-logo{max-width:1024px}}.fade-in{animation:fadeInAnim 1.5s ease forwards;opacity:0}@keyframes fadeInAnim{to{opacity:1}}.App-logo{cursor:pointer;height:auto;outline:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;width:clamp(320px,80vw,1024px)}.App-header{align-items:center;background-color:var(--color-secondary);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.emailBadge{display:flex;padding:1rem}.centered-div{padding-top:2rem}.main-header{background:radial-gradient(ellipse at center,#676767 0,#999 70%,#ccc 100%);border-bottom:1px solid #3399cc4d;box-shadow:0 2px 8px lab(16.59% 0 0/.4),0 4px 16px #3399cc4d,0 8px 32px #39c3;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:var(--max-width-2xl);padding:var(--spacing-sm) var(--spacing-md)}.logo-section,.nav-container{align-items:center;display:flex}.logo-section{flex-shrink:0}.logo-link{align-items:center;color:#fff;display:flex;text-decoration:none;transition:opacity .3s ease}.logo-link:hover{opacity:.8}.header-vertical-logo{display:block;height:60px;max-width:350px;object-fit:contain;transition:opacity .3s ease;width:auto}.header-vertical-logo:hover{opacity:1}.logo-paradigm,.logo-studios{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-secondary);font-family:Beckan,sans-serif;font-size:var(--font-size-3xl);letter-spacing:.05em;text-rendering:optimizeLegibility}.nav-menu{align-items:center;display:flex;gap:var(--spacing-2xl);list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-feature-settings:"kern" 1,"liga" 1;color:#ffffffe6;font-size:var(--font-size-xl);font-weight:500;padding:var(--spacing-sm) 0;text-decoration:none;text-rendering:optimizeLegibility;transition:color .3s ease}.nav-link:hover{color:#fff}.nav-link:after{background:#4db8ff;bottom:-2px;box-shadow:0 0 8px #4db8ff99;content:"";height:4px;left:0;position:absolute;transition:width .3s ease,box-shadow .3s ease;width:0}.nav-link:hover:after{box-shadow:0 0 15px #4db8ffcc;width:100%}.nav-item.active .nav-link{color:#fff}.nav-item.active .nav-link:after{box-shadow:0 0 15px #4db8ffcc;width:100%}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:2rem;justify-content:space-around;padding:0;position:relative;width:2rem;z-index:1001}.hamburger-line{background:var(--color-white);border-radius:10px;height:.25rem;position:relative;transform-origin:1px;transition:all .3s linear;width:2rem}.hamburger-menu.active .hamburger-line:first-child{transform:rotate(45deg)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav{background:var(--color-graphite-dark);border:1px solid var(--color-graphite-veil);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);left:50%;max-width:400px;padding:var(--spacing-2xl);position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.mobile-nav-menu{display:flex;flex-direction:column;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.mobile-nav-item{text-align:center}.mobile-nav-link{border-radius:var(--border-radius-md);color:var(--color-white);display:block;font-size:var(--font-size-xl);font-weight:500;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;transition:all .3s ease}.mobile-nav-link:hover{background:var(--color-graphite-veil);color:var(--color-primary);transform:translateY(-2px)}.mobile-nav-item.active .mobile-nav-link{background:var(--color-primary);box-shadow:var(--shadow-primary);color:var(--color-white)}.mobile-nav-item.active .mobile-nav-link:hover{background:var(--color-primary-dark);transform:translateY(-2px)}@media (max-width:768px){.nav-container{align-items:center;flex-direction:row;gap:0;justify-content:space-between;padding:var(--spacing-md)}.desktop-nav{display:none}.hamburger-menu{display:flex}.header-vertical-logo{height:40px;max-width:200px;width:auto}}@media (min-width:769px){.hamburger-menu,.mobile-nav-overlay{display:none}.desktop-nav{display:flex}}.page-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding-top:var(--header-height);position:relative;z-index:var(--z-index-content)}.page-content{margin:0 auto;max-width:var(--max-width-content);padding:var(--spacing-3xl) var(--spacing-xl);position:relative;z-index:var(--z-index-content-high)}.overlay-content{background:var(--color-primary-transparent-90);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-3xl)}.page-title{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;color:var(--color-white);font-size:clamp(var(--font-size-5xl),5vw,var(--font-size-6xl));font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-heading);margin-bottom:var(--spacing-xl);text-align:center;text-rendering:optimizeLegibility}.page-description{color:var(--color-white-transparent-90);font-size:var(--font-size-2xl);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);text-align:left}.content-section{margin-top:var(--spacing-xl)}.contact-info{margin-top:3rem;text-align:center}.email-section{align-items:center;background:#39cc;border:1px solid #39c6;border-radius:8px;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl)}.email-label{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-feature-settings:"kern" 1,"liga" 1;color:#fffffff2;font-size:var(--font-size-xl)}.email-link{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-feature-settings:"kern" 1,"liga" 1;background:#39c9;border:1px solid #39c6;border-radius:6px;color:#fff;font-size:var(--font-size-2xl);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;text-rendering:optimizeLegibility;transition:all .3s ease}.email-link:hover{background:#39cc;box-shadow:0 4px 12px #39c6}@media (max-width:768px){.about-page,.page-container,.portfolio-modal{padding-top:var(--header-height-mobile)}.portfolio-modal-content{margin-top:var(--spacing-lg)}.portfolio-detail{padding-top:var(--spacing-md)}.page-content{padding:var(--spacing-xl) var(--spacing-lg)}.overlay-content{padding:var(--spacing-xl)}.page-title{font-size:var(--font-size-5xl)}.page-description{font-size:var(--font-size-xl)}.email-link{font-size:var(--font-size-2xl)}.about-content-section{gap:clamp(var(--spacing-lg),3vw,var(--spacing-xl));padding:clamp(var(--spacing-md),3vw,var(--spacing-xl)) clamp(var(--spacing-sm),2vw,var(--spacing-md))}.about-section{padding:clamp(var(--spacing-md),2vw,var(--spacing-lg))}.features-grid,.process-steps{gap:var(--spacing-md);grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.about-content-section{max-width:700px;padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl)) clamp(var(--spacing-md),2vw,var(--spacing-lg))}.about-section{padding:clamp(var(--spacing-lg),2.5vw,var(--spacing-xl))}.features-grid,.process-steps{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}.contact-page,.home-page{background:radial-gradient(ellipse at center,#ccc 0,#999 70%,#676767 100%)}.portfolio-page{background:linear-gradient(135deg,#4a4a4a,#676767 50%,#8a8a8a);width:100%}.portfolio-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:var(--max-width-xl);padding:var(--spacing-2xl);width:100%}.portfolio-card{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,var(--color-graphite-dark) 0,var(--color-graphite-veil) 60%,var(--color-graphite-light) 100%);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);cursor:pointer;display:flex;justify-content:center;min-height:200px;outline:none;overflow:hidden;position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.portfolio-card-content{padding:var(--spacing-md);text-align:center}.portfolio-card-image{object-fit:cover;z-index:1}.portfolio-card-image,.portfolio-card-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.portfolio-card-overlay{align-items:center;background:linear-gradient(135deg,#0000004d,#0000001a);display:flex;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.portfolio-card:hover .portfolio-card-overlay{opacity:1}.portfolio-card-title{color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-heading)}.portfolio-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.portfolio-modal{align-items:center;background:var(--color-black-transparent-60);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}.portfolio-modal-content{background:radial-gradient(ellipse at center,#ccc 0,#7e7e7e 70%,#676767 100%);border:var(--border-width-thin) solid var(--color-accent-transparent-20);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xl);max-height:calc(100vh - 160px);overflow:auto;padding:var(--spacing-xl);position:relative;width:min(90vw,1000px)}.portfolio-modal-title{color:var(--color-secondary);font-family:var(--font-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-md)}.portfolio-modal-body{color:var(--color-white-transparent-90);font-family:var(--font-secondary);font-size:var(--font-size-2xl);line-height:var(--line-height-relaxed)}.portfolio-modal-close{background:#0000;border:none;color:var(--color-white);cursor:pointer;font-size:var(--font-size-3xl);line-height:1;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-detail{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);position:relative}.portfolio-detail:before{background:linear-gradient(to bottom,#fff0 0,var(--color-secondary) 20%,#ffffff59 50%,var(--color-secondary) 80%,#fff0 100%);content:"";height:80%;left:42%;pointer-events:none;position:absolute;top:10%;width:1px}.portfolio-info{background:linear-gradient(135deg,var(--color-graphite-dark) 0,var(--color-graphite-veil) 60%,var(--color-graphite-light) 100%);border:1px solid #39c3;border-radius:12px;box-shadow:var(--shadow-lg);padding:var(--spacing-lg)}.portfolio-info-title{color:var(--color-secondary);font-family:var(--font-primary);margin-bottom:.5rem}.portfolio-type{font-size:var(--font-size-lg);margin-bottom:1rem;opacity:.9}.portfolio-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:1rem}.tag{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm)}.portfolio-metrics dl{grid-gap:var(--spacing-xs) var(--spacing-md);display:grid;gap:var(--spacing-xs) var(--spacing-md);grid-template-columns:auto 1fr}.portfolio-metrics dt{color:var(--color-white);opacity:.8}.portfolio-metrics dd{color:var(--color-white);margin:0}.portfolio-actions{display:flex;gap:var(--spacing-sm);margin-top:1rem}.btn{all:unset;background:var(--color-primary-transparent-60);border:1px solid var(--color-primary-transparent-40);border-radius:8px;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md)}.btn:hover{background:var(--color-primary-transparent-80)}.btn-secondary{background:var(--color-secondary-transparent-60);border-color:var(--color-secondary-transparent-40)}.btn-secondary:hover{background:var(--color-secondary-transparent-80)}.portfolio-media{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.media-viewer{align-items:center;background:radial-gradient(ellipse at center,#ccc 0,#7e7e7e 70%,#676767 100%);border:1px solid #39c3;border-radius:12px;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;justify-content:center;max-height:calc(100vh - 260px);min-height:240px;overflow:hidden;transition:transform .2s ease}.media-viewer:hover{transform:scale(1.02)}.media-viewer img,.media-viewer video{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.media-placeholder{color:#fffc}.media-thumbs{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));justify-items:center}.thumb{all:unset;background:#0003;border:1px solid #0000;border-radius:6px;cursor:pointer;display:grid;height:64px;overflow:hidden;place-items:center;width:64px}.thumb img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.thumb.active{border-color:var(--color-secondary);box-shadow:0 0 0 2px var(--color-secondary-transparent-40) inset}@media (max-width:1024px){.portfolio-detail{grid-template-columns:1fr}.portfolio-detail:before{display:none}}.about-page{align-items:flex-start;background:radial-gradient(ellipse at center,#ccc 0,#999 70%,#676767 100%);display:block;justify-content:flex-start;min-height:100vh;padding-top:100px}.home-page .page-content{background:radial-gradient(ellipse at center,#ccc 0,#7e7e7e 70%,#676767 100%);border:var(--border-width-thin) solid var(--color-accent-transparent-40);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xl);max-width:var(--max-width-xl);padding:var(--spacing-3xl)}.home-page .page-title{color:var(--color-secondary);font-family:Beckan,ui-serif,Georgia,Times New Roman,serif;font-size:clamp(var(--font-size-5xl),4vw + 1rem,var(--font-size-6xl));line-height:1.08;margin-bottom:var(--spacing-xl);transform:translateZ(0)}.home-page .page-title,.home-page .title-welcome{font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-heading-large)}.home-page .title-welcome{color:var(--color-white);font-family:Playfair-Display,serif}.home-page .title-paradigm{color:var(--color-primary)}.home-page .title-paradigm,.home-page .title-studios{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Beckan,sans-serif;font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-heading-large)}.home-page .title-studios{color:var(--color-secondary)}.home-page .page-description{color:var(--color-white-transparent-90);font-family:var(--font-tertiary);font-size:clamp(var(--font-size-lg),2vw,var(--font-size-xl));line-height:var(--line-height-relaxed)}.about-page .page-content{margin-top:var(--spacing-xl)}.about-content-section{display:flex;flex-direction:column;gap:clamp(var(--spacing-xl),4vw,var(--spacing-4xl));margin:0 auto;max-width:var(--max-width-content);padding:clamp(var(--spacing-xl),4vw,var(--spacing-4xl)) clamp(var(--spacing-md),3vw,var(--spacing-xl));width:100%}.about-section{-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);background:var(--color-white-transparent-05);border:var(--border-width-thin) solid var(--color-white-transparent-10);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));transition:transform var(--transition-base),box-shadow var(--transition-base)}.about-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.section-title{color:var(--color-secondary);font-family:var(--font-primary);font-size:clamp(var(--font-size-4xl),3vw,var(--font-size-6xl));font-weight:var(--font-weight-thin);letter-spacing:var(--letter-spacing-heading);margin-bottom:var(--spacing-md);text-align:center}.section-content{color:var(--color-white-transparent-90);font-family:var(--font-tertiary);font-size:clamp(var(--font-size-xl),2vw,var(--font-size-2xl));line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);text-align:center}.process-steps{grid-gap:clamp(1rem,2vw,1.5rem);display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.process-step{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:var(--spacing-md);text-align:center}.step-title{color:var(--color-accent);font-family:var(--font-secondary);font-size:clamp(var(--font-size-xl),2vw,var(--font-size-2xl));font-weight:400;margin-bottom:.5rem}.step-content{color:#fffc;font-family:var(--font-tertiary);font-size:clamp(var(--font-size-lg),1.5vw,var(--font-size-xl));line-height:1.6;margin:0}.features-grid{grid-gap:clamp(1rem,2vw,1.5rem);display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.feature-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:var(--spacing-lg);text-align:center;transition:transform .3s ease,border-color .3s ease}.feature-title{color:var(--color-accent);font-family:var(--font-secondary);font-size:clamp(var(--font-size-xl),2vw,var(--font-size-2xl));font-weight:400;margin-bottom:.75rem}.feature-content{color:#fffc;font-family:var(--font-tertiary);font-size:clamp(var(--font-size-lg),1.5vw,var(--font-size-xl));line-height:1.6;margin:0}.landing-container{background:radial-gradient(ellipse at center,#ccc 0,#999 70%,#676767 100%);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.landing-container,.landing-logo{align-items:center;display:flex;justify-content:center}.landing-logo{height:100%;padding:var(--spacing-xl);width:100%}.landing-logo .App-logo{cursor:pointer;height:auto;user-select:none;-webkit-user-select:none;-ms-user-select:none;width:clamp(320px,80vw,1024px)}.fade-out-logo{opacity:0!important;transition:opacity 1.5s ease-in-out}.media-fullscreen-overlay{--thumbs-h:120px;background:var(--color-black-transparent-90);box-sizing:border-box;height:calc(100vh - var(--header-height));left:0;padding:0 var(--spacing-xl) var(--thumbs-h);position:fixed;top:var(--header-height);width:100vw}.fullscreen-close,.media-fullscreen-overlay{align-items:center;cursor:pointer;display:flex;justify-content:center;z-index:var(--z-index-modal)}.fullscreen-close{border:none;border-radius:50%;color:var(--color-white);font-size:var(--font-size-3xl);height:4rem;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:background var(--transition-base);width:4rem}.fullscreen-close,.fullscreen-close:hover{background:var(--color-white-transparent-20)}.fullscreen-media{align-items:center;cursor:default;display:flex;justify-content:center;max-height:calc(100% - 32px);max-width:96vw;position:relative}.fullscreen-image{border-radius:var(--border-radius-sm);box-shadow:var(--shadow-xl);max-height:100%;max-width:100%;object-fit:contain}.fullscreen-nav{align-items:center;background:var(--color-white-transparent-20);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-5xl);height:5rem;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);transition:background var(--transition-base);width:5rem;z-index:var(--z-index-modal)}.fullscreen-prev{left:var(--spacing-md)}.fullscreen-next{right:var(--spacing-md)}.fullscreen-nav:hover{background:var(--color-white-transparent-20)}.fullscreen-thumbs{bottom:var(--spacing-md);display:flex;gap:var(--spacing-sm);left:50%;position:fixed;transform:translateX(-50%);z-index:var(--z-index-modal)}.fullscreen-thumb{background:none;border:var(--border-width-medium) solid #0000;border-radius:var(--border-radius-sm);cursor:pointer;height:5rem;overflow:hidden;padding:0;transition:border-color var(--transition-base);width:5rem}.fullscreen-thumb.active{border-color:var(--color-primary)}.fullscreen-thumb img{height:100%;object-fit:cover;width:100%}.fullscreen-counter{background:var(--color-black-transparent-60);border-radius:20px;color:var(--color-white);font-size:var(--font-size-sm);left:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);position:absolute;top:var(--spacing-md);z-index:var(--z-index-modal)}@media (max-width:768px){.landing-logo .App-logo{max-width:500px}.media-fullscreen-overlay{--thumbs-h:100px;height:calc(100vh - var(--header-height-mobile));top:var(--header-height-mobile)}.fullscreen-media{max-height:calc(100% - 20px);max-width:94vw}.portfolio-modal-content{border-radius:var(--border-radius-lg);margin:var(--spacing-md);max-height:calc(100vh - var(--header-height-mobile) - var(--spacing-2xl));overflow-y:auto}.portfolio-detail{flex-direction:column;gap:var(--spacing-lg)}.portfolio-info{order:2;padding:var(--spacing-lg)}.portfolio-media{order:1}.fullscreen-nav{font-size:var(--font-size-3xl);height:4rem;width:4rem}.fullscreen-prev{left:var(--spacing-md)}.fullscreen-next{right:var(--spacing-md)}.fullscreen-thumbs{bottom:var(--spacing-md);gap:var(--spacing-xs)}.fullscreen-thumb{height:4rem;width:4rem}.fullscreen-close{font-size:var(--font-size-2xl);height:3rem;right:var(--spacing-sm);top:var(--spacing-sm);width:3rem}.fullscreen-counter{font-size:var(--font-size-xs);left:var(--spacing-sm);top:var(--spacing-sm)}}@media (max-width:480px){.landing-logo .App-logo{max-width:300px}.fullscreen-media{max-height:calc(100vh - 160px);max-width:95vw}}.loading{align-items:center;display:flex;flex-direction:column;font-size:var(--font-size-lg);gap:var(--spacing-md);padding:var(--spacing-2xl)}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-graphite-veil);border:3px solid var(--color-graphite-veil);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-subtitle{color:var(--color-graphite-light);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.error-message{margin:0 auto;max-width:600px;padding:var(--spacing-2xl);text-align:center}.error-message h3{color:var(--color-accent);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.error-message p{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.retry-button{background:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:600;margin:var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base)}.retry-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.error-help{color:var(--color-graphite-light);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--spacing-lg)}.login-container{align-items:center;background:linear-gradient(135deg,#4a4a4a,#676767 50%,#8a8a8a);display:flex;justify-content:center;min-height:100vh}.login-form{background:linear-gradient(135deg,var(--color-graphite-dark) 0,var(--color-graphite-veil) 60%,var(--color-graphite-light) 100%);border:1px solid #39c3;border-radius:12px;box-shadow:var(--shadow-xl);max-width:400px;padding:2rem;width:100%}.login-form h1{color:var(--color-secondary);font-family:var(--font-primary);margin-bottom:2rem;text-align:center}.form-group input{background:#ffffff1a;border:1px solid #3399cc4d;border-radius:8px;color:var(--color-white);font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 2px var(--color-secondary-transparent-40);outline:none}.login-button{background:var(--color-primary);border:none;border-radius:8px;color:var(--color-white);cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.login-button:hover:not(:disabled){background:var(--color-primary-transparent-80)}.login-button:disabled{cursor:not-allowed;opacity:.6}.dashboard{background:linear-gradient(135deg,#4a4a4a,#676767 50%,#8a8a8a);min-height:100vh;padding:2rem}.dashboard-header{align-items:center;border-bottom:1px solid #39c3;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h1{color:var(--color-secondary);font-family:var(--font-primary);margin:0}.user-info{align-items:center;display:flex;gap:1rem}.logout-button,.user-info span{color:var(--color-white)}.logout-button{background:var(--color-primary);border:none;border-radius:6px;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.logout-button:hover{background:var(--color-primary-transparent-80)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,var(--color-graphite-dark) 0,var(--color-graphite-veil) 60%,var(--color-graphite-light) 100%);border:1px solid #39c3;border-radius:12px;padding:1.5rem;text-align:center}.stat-card h3{color:var(--color-white);margin-bottom:1rem}.stat-number{color:var(--color-secondary);font-size:2rem;font-weight:700;margin-bottom:1rem}.stat-link{color:var(--color-primary);font-weight:500;text-decoration:none}.stat-link:hover{text-decoration:underline}.quick-actions{background:linear-gradient(135deg,var(--color-graphite-dark) 0,var(--color-graphite-veil) 60%,var(--color-graphite-light) 100%);border:1px solid #39c3;border-radius:12px;padding:1.5rem}.quick-actions h2{color:var(--color-white);margin-bottom:1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.action-button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.action-button.primary{background:var(--color-primary);color:var(--color-white)}.action-button.primary:hover{background:var(--color-primary-transparent-80)}.action-button.secondary{background:var(--color-secondary);color:var(--color-white)}.action-button.secondary:hover{background:var(--color-secondary-transparent-80)}.portfolio-list{background:linear-gradient(135deg,#4a4a4a,#676767 50%,#8a8a8a);min-height:100vh;padding:2rem}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.list-header h1{color:var(--color-secondary);font-family:var(--font-primary);margin:0}.add-button{background:var(--color-primary);border-radius:8px;color:var(--color-white);font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.add-button:hover{background:var(--color-primary-transparent-80)}.items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{background:linear-gradient(135deg,var(--color-graphite-dark) 0,var(--color-graphite-veil) 60%,var(--color-graphite-light) 100%);border:1px solid #39c3;border-radius:12px;padding:1.5rem}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.item-header h3{color:var(--color-white);flex:1 1;margin:0}.status-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.status-badge.published{background:var(--color-secondary-transparent-60);color:var(--color-white)}.status-badge.draft{background:var(--color-graphite-transparent-60);color:var(--color-white)}.item-meta{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem}.item-type{color:var(--color-primary);font-weight:500}.item-date{color:#ffffffb3}.item-tags{margin-bottom:1rem}.tag{background:var(--color-graphite-transparent-20);border:1px solid var(--color-graphite-transparent-40);border-radius:999px;display:inline-block;font-size:.8rem;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .5rem}.item-actions{display:flex;flex-wrap:wrap;gap:.5rem}.delete-button,.edit-button,.toggle-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.toggle-button.publish{background:var(--color-secondary);color:var(--color-white)}.toggle-button.unpublish{background:var(--color-graphite-transparent-60);color:var(--color-white)}.edit-button{background:var(--color-primary);color:var(--color-white);text-decoration:none}.delete-button{background:#dc3545;color:var(--color-white)}.delete-button:hover,.edit-button:hover,.toggle-button:hover{opacity:.8}.empty-state{color:var(--color-white);padding:3rem;text-align:center}.portfolio-form{background:linear-gradient(135deg,#4a4a4a,#676767 50%,#8a8a8a);margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.form-header h1{color:var(--color-secondary);font-family:var(--font-primary);margin:0}.back-button{background:var(--color-graphite-transparent-60);border:none;border-radius:6px;color:var(--color-white);cursor:pointer;padding:.5rem 1rem}.form-section{background:linear-gradient(135deg,var(--color-graphite-dark) 0,var(--color-graphite-veil) 60%,var(--color-graphite-light) 100%);border:1px solid #39c3;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.form-section h2{border-bottom:1px solid #39c3;color:var(--color-white);padding-bottom:.5rem}.form-group,.form-section h2{margin-bottom:1.5rem}.form-group label{color:var(--color-white);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #3399cc4d;border-radius:8px;color:var(--color-white);font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 2px var(--color-secondary-transparent-40);outline:none}.form-group.checkbox,.form-group.checkbox label{align-items:center;display:flex;gap:.5rem}.form-group.checkbox label{margin:0}.tags-input{display:flex;gap:.5rem;margin-bottom:.5rem}.tags-input input{flex:1 1}.tags-input button{background:var(--color-primary);border:none;border-radius:6px;color:var(--color-white);cursor:pointer;padding:.5rem 1rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tags-list .tag{align-items:center;background:var(--color-secondary-transparent-60);border:1px solid var(--color-secondary-transparent-40);border-radius:999px;color:var(--color-white);display:flex;font-size:.9rem;gap:.25rem;padding:.25rem .5rem}.tags-list .tag button{background:none;border:none;color:var(--color-white);cursor:pointer;font-size:1rem;margin-left:.25rem;padding:0}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.save-button{background:var(--color-primary);color:var(--color-white)}.save-button:hover:not(:disabled){background:var(--color-primary-transparent-80)}.save-button:disabled{cursor:not-allowed;opacity:.6}.media-uploader{margin-top:1rem}.upload-area{border:2px dashed #3399cc4d;border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.upload-area.drag-active{background:var(--color-secondary-transparent-10);border-color:var(--color-secondary)}.upload-content{color:var(--color-white)}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-content h3{margin-bottom:.5rem}.upload-content p{color:#fffc;margin-bottom:1rem}.upload-button{background:var(--color-primary);border-radius:8px;color:var(--color-white);cursor:pointer;display:inline-block;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.upload-button:hover{background:var(--color-primary-transparent-80)}.upload-info{background:var(--color-graphite-transparent-20);border-radius:8px;color:var(--color-white);margin-top:1rem;padding:1rem}.upload-info h4{margin-bottom:.5rem}.upload-info ul{margin:.5rem 0;padding-left:1.5rem}.upload-info p{color:#fffc;font-size:.9rem;margin:.5rem 0 0}.loading{color:var(--color-white);padding:2rem;text-align:center}.admin-loading,.dashboard-loading{align-items:center;background:linear-gradient(135deg,#4a4a4a,#676767 50%,#8a8a8a);color:var(--color-white);display:flex;justify-content:center;min-height:100vh}.loading-spinner{font-size:1.2rem}.error-message{background:#dc3545;border-radius:8px;color:var(--color-white);margin-bottom:1rem;padding:1rem}@media (max-width:768px){.dashboard,.portfolio-form,.portfolio-list{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.items-grid,.stats-grid{grid-template-columns:1fr}.form-header{align-items:flex-start;gap:1rem}.action-buttons,.form-actions,.form-header,.item-actions{flex-direction:column}}.upload-progress{margin-top:1rem;text-align:center}.progress-bar{background-color:#fff3;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;height:100%;transition:width .3s ease}
/*# sourceMappingURL=main.91fc3997.css.map*/