@property --spotlight-x{syntax:"<length-percentage>";inherits:true;initial-value:50%}@property --spotlight-y{syntax:"<length-percentage>";inherits:true;initial-value:50%}@property --spotlight-strength{syntax:"<number>";inherits:true;initial-value:0}@property --spotlight-hue{syntax:"<angle>";inherits:true;initial-value:270deg}:root{--creative-bg:#050505;--creative-surface:#0a0a0a;--creative-surface-elevated:#141414;--creative-text:#fafafa;--creative-heading:#fff;--creative-text-secondary:#888;--creative-text-muted:#555;--creative-accent-1:#a855f7;--creative-accent-2:#22c55e;--creative-accent-3:#f97316;--creative-gradient:linear-gradient(135deg, var(--creative-accent-1), var(--creative-accent-2));--creative-border-base:linear-gradient(135deg, var(--creative-accent-1), var(--creative-accent-3) 55%, var(--creative-accent-2));--creative-gradient-border:var(--creative-border-base);--creative-border:#ffffff59;--creative-border-subtle:#ffffff2e;--creative-glass:#ffffff0b;--creative-glass-strong:#ffffff12;--creative-orb-s:60%;--creative-orb-l:30%;--creative-orb-a:.85;--creative-font-display:"Space Grotesk", system-ui, sans-serif;--creative-font-body:"Inter", system-ui, sans-serif}.creative-spotlight{background-color:var(--creative-glass);position:relative}.creative-spotlight:after{content:"";border-radius:inherit;background:radial-gradient(circle 120px at var(--spotlight-x) var(--spotlight-y), hsla(var(--spotlight-hue), 100%, 82%, calc(1 * var(--spotlight-strength))) 0%, hsla(var(--spotlight-hue), 95%, 62%, calc(1 * var(--spotlight-strength))) 38%, hsla(var(--spotlight-hue), 88%, 48%, calc(.7 * var(--spotlight-strength))) 72%, transparent 92%);-webkit-mask-composite:xor;pointer-events:none;transition:--spotlight-x .14s ease-out, --spotlight-y .14s ease-out, --spotlight-strength var(--transition-base);padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.creative-spotlight{-webkit-backdrop-filter:blur(16px)saturate(1.4)}.theme-creative{font-family:var(--creative-font-body);background:var(--creative-bg);color:var(--creative-text);min-height:100vh;font-size:14px;line-height:1.5;position:relative}.creative-orb{z-index:-1;pointer-events:none;filter:blur(80px)saturate(1.05)brightness(.9);position:fixed;inset:0;overflow:hidden}.creative-orb__blob{mix-blend-mode:screen;will-change:transform;border-radius:50%;width:46vmax;height:46vmax;margin:-23vmax;position:absolute;top:50%;left:50%}.creative-orb__blob--1{background:radial-gradient(circle, hsla(270, var(--creative-orb-s), var(--creative-orb-l), var(--creative-orb-a)), transparent 68%);animation:22s linear infinite creative-orb-orbit-cw}.creative-orb__blob--2{background:radial-gradient(circle, hsla(25, var(--creative-orb-s), var(--creative-orb-l), var(--creative-orb-a)), transparent 68%);animation:30s linear -6s infinite creative-orb-orbit-ccw}.creative-orb__blob--3{background:radial-gradient(circle, hsla(150, var(--creative-orb-s), var(--creative-orb-l), var(--creative-orb-a)), transparent 68%);animation:26s linear -14s infinite creative-orb-orbit-cw}@keyframes creative-orb-orbit-cw{0%{transform:rotate(0)translate(9vmax)rotate(0)}to{transform:rotate(360deg)translate(9vmax)rotate(-360deg)}}@keyframes creative-orb-orbit-ccw{0%{transform:rotate(0)translate(12vmax)rotate(0)}to{transform:rotate(-360deg)translate(12vmax)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.creative-orb__blob{animation:none}}h1,h2,h3,h4,h5,h6{color:var(--creative-heading)}.creative-nav{z-index:var(--z-fixed);height:64px;padding:0 var(--space-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.creative-nav__logo{flex-shrink:0;align-self:stretch;align-items:center;display:inline-flex}.creative-nav__logo img{width:auto;height:30px;display:block}@media (width<=768px){.creative-nav__logo img{height:26px}}.creative-nav__links{gap:var(--space-xl);display:flex}.creative-nav__link{color:var(--creative-heading);transition:opacity var(--transition-fast);font-size:14px;font-weight:400;position:relative}.creative-nav__link:after{content:"";background:var(--creative-heading);transform-origin:0;height:1px;transition:transform var(--transition-fast);position:absolute;top:85%;left:0;right:0;transform:scaleX(0)}.creative-nav__link:hover,.creative-nav__link--active{opacity:.8}.creative-nav__link:hover:after{transform:scaleX(1)}.creative-nav__menu-btn{cursor:pointer;padding:var(--space-sm);color:var(--creative-heading);background:0 0;border:none;display:none}.creative-hero{text-align:center;min-height:100vh;padding:var(--space-section) var(--space-3xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.creative-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f726 0%,#22c55e0d 40%,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creative-hero__content{z-index:1;max-width:900px;position:relative}.creative-hero__label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.2em;color:var(--creative-accent-1);margin-bottom:var(--space-lg);animation:.6s ease-out fadeInUp;display:inline-block}.creative-hero__title{font-family:var(--creative-font-display);letter-spacing:-.02em;margin-bottom:var(--space-lg);color:var(--creative-heading);font-size:3rem;font-weight:700;line-height:1.1;animation:.6s ease-out .1s both fadeInUp}.creative-hero__title .highlight{background:var(--creative-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.creative-hero__subtitle{color:var(--creative-text-secondary);max-width:600px;margin:0 auto var(--space-xl);text-align:center;font-size:clamp(18px,4vw,24px);animation:.6s ease-out .2s both fadeInUp}.creative-hero__cta{gap:var(--space-md);animation:.6s ease-out .3s both fadeInUp;display:inline-flex}.creative-hero-input{background-color:var(--creative-glass-strong);position:relative}.creative-hero-input:after{content:"";border-radius:inherit;background:radial-gradient(circle 120px at var(--spotlight-x) var(--spotlight-y), hsla(var(--spotlight-hue), 100%, 82%, calc(1 * var(--spotlight-strength))) 0%, hsla(var(--spotlight-hue), 95%, 62%, calc(1 * var(--spotlight-strength))) 38%, hsla(var(--spotlight-hue), 88%, 48%, calc(.7 * var(--spotlight-strength))) 72%, transparent 92%);-webkit-mask-composite:xor;pointer-events:none;transition:--spotlight-x .14s ease-out, --spotlight-y .14s ease-out, --spotlight-strength var(--transition-base);padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.creative-hero-input{-webkit-backdrop-filter:blur(16px)saturate(1.4);border-radius:24px;align-items:center;max-width:600px;margin:0 auto;padding:16px 24px;display:flex;box-shadow:inset 0 2px 10px #00000080}.btn-creative{justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--creative-heading);appearance:none;background-color:var(--creative-glass-strong);border:none;border-radius:9999px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex;position:relative}.btn-creative:after{content:"";border-radius:inherit;background:radial-gradient(circle 120px at var(--spotlight-x) var(--spotlight-y), hsla(var(--spotlight-hue), 100%, 82%, calc(1 * var(--spotlight-strength))) 0%, hsla(var(--spotlight-hue), 95%, 62%, calc(1 * var(--spotlight-strength))) 38%, hsla(var(--spotlight-hue), 88%, 48%, calc(.7 * var(--spotlight-strength))) 72%, transparent 92%);-webkit-mask-composite:xor;pointer-events:none;transition:--spotlight-x .14s ease-out, --spotlight-y .14s ease-out, --spotlight-strength var(--transition-base);padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-creative{-webkit-backdrop-filter:blur(16px)saturate(1.4);transition:--spotlight-strength var(--transition-base), filter var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base)}.btn-creative--primary{background-color:#ffffff14}.btn-creative--primary:hover{filter:brightness(1.2);box-shadow:0 0 20px #a855f766}.btn-creative--outline:hover{background-color:#ffffff14}.theme-creative main>section:first-child:not(.creative-hero){padding-top:120px}.theme-creative main>section.creative-contact:first-child{padding-top:150px}.creative-section{padding:var(--space-section) var(--space-2xl);max-width:1400px;margin:0 auto}.creative-section__header{text-align:center;margin-bottom:var(--space-xl)}.creative-section__label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.2em;color:var(--creative-accent-1);margin-bottom:var(--space-sm)}.creative-section__title{font-family:var(--creative-font-display);letter-spacing:-.02em;font-size:48px;font-weight:700}.creative-projects{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.creative-projects--carousel{scroll-snap-type:x mandatory;scroll-padding-left:var(--space-2xl);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;display:flex;overflow-x:auto}.creative-projects--carousel>.creative-project-card{scroll-snap-align:start;flex:0 0 clamp(300px,31%,380px)}.creative-projects--carousel::-webkit-scrollbar{display:none}.creative-carousel{position:relative}.creative-carousel__nav{z-index:2;border:1px solid var(--creative-border-subtle);width:44px;height:44px;color:var(--creative-heading);cursor:pointer;appearance:none;-webkit-backdrop-filter:blur(12px)saturate(1.3);transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-base), opacity var(--transition-base);background:#0f0f0fa6;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.creative-carousel__nav:hover{background:#232323d9;border-color:#fff6;transform:translateY(-50%)scale(1.06)}.creative-carousel__nav:focus-visible{outline:2px solid var(--creative-accent-1);outline-offset:2px}.creative-carousel__nav[hidden]{display:none}.creative-carousel__nav svg{width:20px;height:20px}.creative-carousel__nav--prev{left:-10px}.creative-carousel__nav--next{right:-10px}@media (width<=768px){.creative-carousel__nav{display:none}}.creative-project-card{background-color:var(--creative-glass);position:relative}.creative-project-card:after{content:"";border-radius:inherit;background:radial-gradient(circle 120px at var(--spotlight-x) var(--spotlight-y), hsla(var(--spotlight-hue), 100%, 82%, calc(1 * var(--spotlight-strength))) 0%, hsla(var(--spotlight-hue), 95%, 62%, calc(1 * var(--spotlight-strength))) 38%, hsla(var(--spotlight-hue), 88%, 48%, calc(.7 * var(--spotlight-strength))) 72%, transparent 92%);-webkit-mask-composite:xor;pointer-events:none;transition:--spotlight-x .14s ease-out, --spotlight-y .14s ease-out, --spotlight-strength var(--transition-base);padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.creative-project-card{-webkit-backdrop-filter:blur(16px)saturate(1.4);aspect-ratio:4/3;cursor:pointer;transition:all var(--transition-base);border-radius:12px;overflow:hidden}.creative-project-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.creative-project-card:hover .creative-project-card__image{transform:scale(1.05)}.creative-project-card:hover .creative-project-card__overlay{opacity:1}.creative-project-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.creative-project-card__overlay{opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000 40%,#050505f2);flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0}.creative-project-card__category{text-transform:uppercase;letter-spacing:.1em;color:var(--creative-accent-1);margin-bottom:var(--space-sm);font-size:12px}.creative-project-card__title{font-family:var(--creative-font-display);margin-bottom:var(--space-sm);color:var(--creative-heading);font-size:24px;font-weight:700}.creative-project-card__description{color:var(--creative-text-secondary);font-size:14px}.creative-about{gap:var(--space-2xl);padding:var(--space-section) var(--space-2xl);grid-template-columns:1fr 1fr;align-items:center;max-width:1400px;margin:0 auto;display:grid}.creative-about__image{position:relative}.creative-about__image img{object-fit:contain;border-radius:12px;width:100%;height:100%}.creative-about__image:before{content:"";background:radial-gradient(circle, var(--creative-accent-1), transparent 70%);z-index:-1;opacity:.15;filter:blur(40px);border-radius:12px;position:absolute;inset:-20px}.creative-about--watermark{grid-template-columns:minmax(0,62ch);position:relative;overflow:hidden}.creative-about--watermark .creative-about__content{z-index:1;position:relative}.creative-about__watermark{width:40%;min-width:260px;max-width:620px;height:92%;transform:translateY(-50%) rotate(var(--logo-watermark-tilt));pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:absolute;top:50%;right:-2%}.creative-about__watermark img{opacity:.055;width:100%;height:auto;display:block}.creative-about__content h2{font-family:var(--creative-font-display);margin-bottom:var(--space-lg);letter-spacing:-.02em;font-size:48px;font-weight:700}.creative-about__content p{color:var(--creative-text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.5}.creative-blog-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.creative-blog-card{background-color:var(--creative-glass);position:relative}.creative-blog-card:after{content:"";border-radius:inherit;background:radial-gradient(circle 120px at var(--spotlight-x) var(--spotlight-y), hsla(var(--spotlight-hue), 100%, 82%, calc(1 * var(--spotlight-strength))) 0%, hsla(var(--spotlight-hue), 95%, 62%, calc(1 * var(--spotlight-strength))) 38%, hsla(var(--spotlight-hue), 88%, 48%, calc(.7 * var(--spotlight-strength))) 72%, transparent 92%);-webkit-mask-composite:xor;pointer-events:none;transition:--spotlight-x .14s ease-out, --spotlight-y .14s ease-out, --spotlight-strength var(--transition-base);padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.creative-blog-card{-webkit-backdrop-filter:blur(16px)saturate(1.4);transition:transform var(--transition-base), box-shadow var(--transition-base);border-radius:12px;overflow:hidden}.creative-blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #0006}.creative-blog-card__image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.creative-blog-card__content{padding:24px}.creative-blog-card__date{color:var(--creative-text-muted);margin-bottom:var(--space-sm);font-size:12px}.creative-blog-card__title{font-family:var(--creative-font-display);margin-bottom:var(--space-sm);color:var(--creative-heading);font-size:20px;font-weight:600}.creative-blog-card__excerpt{color:var(--creative-text-secondary);font-size:14px}.creative-contact{text-align:center;padding:var(--space-section) var(--space-3xl);position:relative;overflow:hidden}.creative-contact:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f71a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creative-contact__content{z-index:1;background-color:var(--creative-glass);position:relative}.creative-contact__content:after{content:"";border-radius:inherit;background:radial-gradient(circle 120px at var(--spotlight-x) var(--spotlight-y), hsla(var(--spotlight-hue), 100%, 82%, calc(1 * var(--spotlight-strength))) 0%, hsla(var(--spotlight-hue), 95%, 62%, calc(1 * var(--spotlight-strength))) 38%, hsla(var(--spotlight-hue), 88%, 48%, calc(.7 * var(--spotlight-strength))) 72%, transparent 92%);-webkit-mask-composite:xor;pointer-events:none;transition:--spotlight-x .14s ease-out, --spotlight-y .14s ease-out, --spotlight-strength var(--transition-base);padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.creative-contact__content{-webkit-backdrop-filter:blur(16px)saturate(1.4);border-radius:16px;max-width:600px;margin:0 auto;padding:48px}.creative-contact__title{font-family:var(--creative-font-display);margin-bottom:var(--space-lg);letter-spacing:-.02em;font-size:40px;font-weight:700}.creative-contact__title .highlight{background:var(--creative-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.creative-contact__email{color:var(--creative-heading);overflow-wrap:anywhere;margin-bottom:var(--space-2xl);font-size:24px;display:inline-block}.creative-contact__email:hover{color:var(--creative-accent-1)}.creative-footer{padding:var(--space-2xl);max-width:1400px;color:var(--creative-text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:14px;display:flex}.creative-footer__links{gap:var(--space-lg);display:flex}.creative-footer__links a{color:var(--creative-text-secondary);transition:color var(--transition-fast)}.creative-footer__links a:hover{color:var(--creative-heading)}.creative-logos img{filter:grayscale()invert();opacity:.6;transition:opacity var(--transition-fast)}.creative-logos img:hover{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.creative-about{text-align:center;grid-template-columns:1fr}.creative-about__image{max-width:400px;margin:0 auto}}@media (width<=768px){.creative-hero__title{font-size:2.5rem}.creative-about__watermark{width:100%;min-width:200px;max-width:100%;height:auto;transform:rotate(var(--logo-watermark-tilt));top:auto;bottom:-6%;right:-12%}.creative-about__watermark img{opacity:.045;height:auto}.creative-nav__menu-btn{display:block}.creative-nav__links{padding:var(--space-sm) var(--space-2xl) var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505eb;flex-direction:column;align-items:flex-start;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.creative-nav__links--open{display:flex}.creative-nav__link{width:100%;padding:var(--space-sm) 0;font-size:var(--text-base)}.creative-projects,.creative-blog-grid{grid-template-columns:1fr}.creative-footer{gap:var(--space-lg);text-align:center;flex-direction:column}}.status-dot{background-color:#22c55e;border-radius:50%;width:10px;height:10px;margin-right:8px;animation:1.5s ease-in-out infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}
