*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;overflow-x:hidden;background:#fafafa}.App{min-height:100vh}html{scroll-behavior:smooth}::selection{background:#620069;color:#fff}button{font-family:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#00000040}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10rem 2rem 5rem;background:#fafafa;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle at 50% 50%,rgba(98,0,105,.055) 0%,rgba(98,0,105,.02) 45%,transparent 70%);pointer-events:none;z-index:0;animation:orbFloat 8s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-80px;right:-100px;width:500px;height:500px;background:radial-gradient(circle at 50% 50%,rgba(98,0,105,.035) 0%,transparent 65%);pointer-events:none;z-index:0;animation:orbFloat 11s ease-in-out infinite reverse}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-28px) scale(1.04)}}.hero-cursor-glow{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(380px circle at var(--cx, 50%) var(--cy, 40%),rgba(98,0,105,.045) 0%,transparent 70%);transition:background .08s linear}.hero-noise{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-particle{position:absolute;border-radius:50%;background:#6200692e;animation:particleDrift linear infinite}@keyframes particleDrift{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:.4}to{transform:translateY(-120px) scale(1);opacity:0}}.hero-container{max-width:800px;margin:0 auto;width:100%;position:relative;z-index:1}.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-image-wrap{position:relative;margin-bottom:1.75rem;width:90px;height:90px}.hero-image-wrap:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(rgba(98,0,105,.35) 0deg,transparent 120deg,rgba(98,0,105,.15) 240deg,transparent 360deg);animation:ringRotate 6s linear infinite;z-index:0}.hero-image-wrap:after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(98,0,105,.12) 0%,transparent 70%);z-index:-1;animation:haloBreath 3.5s ease-in-out infinite}@keyframes ringRotate{to{transform:rotate(360deg)}}@keyframes haloBreath{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.hero-image{width:90px;height:90px;border-radius:50%;overflow:hidden;position:relative;z-index:1;border:2.5px solid #fff;box-shadow:0 0 0 1px #6200691f,0 4px 20px #0000001f;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease;cursor:default}.hero-image:hover{transform:scale(1.07);box-shadow:0 0 0 2px #62006933,0 10px 30px #00000029}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#aaa;margin-bottom:1.25rem}.hero-eyebrow:before,.hero-eyebrow:after{content:"";display:block;width:22px;height:1px;background:#ddd;flex-shrink:0}.hero-title{font-size:clamp(2.6rem,5vw,4.5rem);font-weight:700;line-height:1.1;color:#0a0a0a;letter-spacing:-.04em;margin:0 0 1rem}.hero-title .word{display:inline-block;overflow:hidden;vertical-align:bottom}.hero-title .word-inner{display:inline-block}.hero-title span{color:#620069;position:relative;display:inline-block}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);font-weight:400;color:#999;line-height:1.4;letter-spacing:-.01em;margin:0 0 1.5rem}.hero-description{font-size:.9375rem;line-height:1.75;color:#888;max-width:520px;margin:0 0 2.5rem}.hero-actions{display:flex;align-items:center;gap:1rem}.hero-btn{padding:.8125rem 1.875rem;font-size:.875rem;font-weight:500;border-radius:999px;cursor:pointer;border:none;letter-spacing:-.01em;font-family:inherit;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.hero-btn:after{content:"";position:absolute;inset:0;background:#ffffff1f;border-radius:999px;transform:scale(0);opacity:0;transition:transform .4s ease,opacity .4s ease}.hero-btn:active:after{transform:scale(2);opacity:1;transition:none}.hire-btn{background:#111;color:#fff;box-shadow:0 2px 8px #00000024}.hire-btn:hover{background:#1a1a1a;box-shadow:0 8px 24px #00000038}.hire-btn:active{transform:scale(.97)}.availability-badge{display:inline-flex;align-items:center;gap:7px;padding:.8125rem 1.375rem;background:#fff;border:1px solid rgba(0,0,0,.09);color:#555;border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 1px 4px #0000000d;font-family:inherit;position:relative;overflow:hidden}.availability-badge:before{content:"";position:absolute;inset:0;border-radius:999px;background:#6200690a;transform:scale(0);transition:transform .35s ease}.availability-badge:hover:before{transform:scale(1)}.availability-badge:hover{border-color:#6200694d;color:#620069;box-shadow:0 6px 18px #6200691a}.magnetic-wrap{display:inline-flex;will-change:transform}.availability-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:pulse 2.2s ease-in-out infinite;flex-shrink:0;box-shadow:0 0 #22c55e66}@keyframes pulse{0%{box-shadow:0 0 #22c55e80}60%{box-shadow:0 0 0 5px #22c55e00}to{box-shadow:0 0 #22c55e00}}.scroll-arrow{width:16px;height:16px;border-right:1.5px solid #aaa;border-bottom:1.5px solid #aaa;transform:rotate(45deg);animation:arrowBounce 1.4s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(4px)}}@keyframes scrollHintFade{0%,to{opacity:.35}50%{opacity:.7}}@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.hero-image-wrap:before,.hero-image-wrap:after,.availability-dot,.scroll-arrow,.hero-scroll-hint,.hero-particle{animation:none}}@media(max-width:768px){.hero{padding:8rem 1.5rem 4rem}.hero-image,.hero-image-wrap{width:78px;height:78px}.hero-actions{flex-direction:column;width:100%}.hero-btn,.availability-badge{width:100%;justify-content:center}}.portfolio-section{padding:7rem 0;background:#fff;overflow:hidden}.portfolio-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.portfolio-tag{display:block;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#bbb;font-style:italic;margin-bottom:.5rem}.portfolio-headline{margin:0 0 .15em;line-height:.92;letter-spacing:-.045em}.portfolio-headline-row{display:flex;align-items:baseline}.portfolio-hl-word{font-size:clamp(3.5rem,9vw,7rem);font-weight:800;color:#0a0a0a;display:inline-block}.portfolio-hl-word.accent{color:#620069}.portfolio-sub{max-width:460px;font-size:.9375rem;line-height:1.7;color:#777;margin:1rem 0 2.5rem}.portfolio-filter{display:flex;gap:.5rem;margin-bottom:3rem;flex-wrap:wrap}.portfolio-filter-btn{padding:.5625rem 1.125rem;border:1px solid rgba(0,0,0,.1);background:transparent;border-radius:999px;font-size:.8125rem;font-weight:500;color:#888;cursor:pointer;transition:all .2s ease;font-family:inherit;letter-spacing:-.01em}.portfolio-filter-btn:hover{border-color:#0000004d;color:#222;background:#00000005}.portfolio-filter-btn.active{background:#111;color:#fff;border-color:#111}.portfolio-group{margin-bottom:4.5rem}.portfolio-group:last-child{margin-bottom:0}.portfolio-group-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;max-width:760px;margin:0 auto 1.75rem;padding-bottom:.875rem;border-bottom:1px solid rgba(0,0,0,.08)}.portfolio-group-header h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:#0a0a0a;margin:0}.portfolio-group-count{font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#aaa;white-space:nowrap}.portfolio-stack{display:flex;flex-direction:column;gap:2.5rem;max-width:760px;margin:0 auto}.portfolio-card-wrap{position:relative;cursor:pointer}.portfolio-card-tag{position:absolute;top:-14px;left:1.75rem;z-index:2;background:#fff;color:#111;font-size:.78rem;font-weight:600;letter-spacing:-.01em;padding:6px 14px;border-radius:10px 10px 4px 4px;box-shadow:0 2px 8px #00000014}.portfolio-card{border-radius:28px;padding:1.5rem 1.25rem 1.375rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.portfolio-card-wrap:hover .portfolio-card{transform:translateY(-6px);box-shadow:0 20px 50px #00000029,0 4px 12px #0000000f}.portfolio-card-frame{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px #0000002e}.portfolio-card-frame-bar{display:flex;align-items:center;gap:10px;padding:.625rem .875rem;background:#f4f4f4;border-bottom:1px solid rgba(0,0,0,.06)}.portfolio-card-dots{display:flex;gap:6px;flex:0 0 auto}.portfolio-card-dot{width:8px;height:8px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.portfolio-card-url{flex:1;text-align:center;font-size:.7rem;color:#999;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:3px 12px;max-width:fit-content;margin:0 auto;letter-spacing:-.01em}.portfolio-card-frame-image{height:320px;overflow:hidden}.portfolio-card-frame-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.16,1,.3,1)}.portfolio-card-wrap:hover .portfolio-card-frame-image img{transform:scale(1.045)}.portfolio-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1.125rem;padding:0 .25rem;font-size:.85rem;font-weight:600;letter-spacing:-.01em}.portfolio-card-category{opacity:.9}.portfolio-card-arrow{font-size:1rem;transition:transform .3s ease}.portfolio-card-wrap:hover .portfolio-card-arrow{transform:translate(4px)}.portfolio-loading,.portfolio-empty{text-align:center;padding:4rem 1rem;font-size:.9375rem;color:#aaa}@media(max-width:900px){.portfolio-card-frame-image{height:240px}}@media(max-width:600px){.portfolio-section{padding:5rem 0}.portfolio-container{padding:0 1.25rem}.portfolio-hl-word{font-size:clamp(2.75rem,13vw,4rem)}.portfolio-sub{margin-bottom:2rem}.portfolio-group{margin-bottom:3.5rem}.portfolio-group-header h3{font-size:1.2rem}.portfolio-stack{gap:1.75rem}.portfolio-card{border-radius:20px;padding:1.125rem .875rem}.portfolio-card-frame{border-radius:12px}.portfolio-card-frame-image{height:180px}.portfolio-card-tag{left:1.25rem;font-size:.72rem;padding:5px 12px}}@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-card-frame-image img,.portfolio-card-arrow{transition:none}}.portfolio-view-all-btn{background:none;border:none;font-size:.8125rem;font-weight:600;color:#620069;cursor:pointer;padding:0;letter-spacing:-.01em;transition:opacity .18s ease}.portfolio-view-all-btn:hover{opacity:.7}.portfolio-see-more{text-align:center;margin-top:2rem}.portfolio-see-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border:1.5px solid rgba(0,0,0,.12);background:transparent;border-radius:999px;font-size:.875rem;font-weight:500;color:#444;cursor:pointer;transition:all .2s ease;font-family:inherit;letter-spacing:-.01em}.portfolio-see-more-btn:hover{background:#111;color:#fff;border-color:#111;transform:translateY(-1px)}.testimonials-section{padding:6rem 2rem;background:#fafafa}.testimonials-container{max-width:1100px;margin:0 auto}.testimonials-panel{display:flex;width:100%;margin:0 auto;align-items:center;justify-content:center}.testimonials-body{display:flex;gap:2rem;align-items:center;outline:none}.testimonials-vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.95rem;font-weight:600;letter-spacing:.04em;color:#9a9a92;flex:0 0 auto;display:flex;align-items:flex-end;white-space:nowrap;-webkit-user-select:none;user-select:none}.testimonial-stage{display:flex;gap:2.25rem;flex:1;min-width:0}.testimonial-col{display:flex;gap:1.25rem}.testimonial-col-image{display:flex;flex-direction:row;justify-content:space-between}.testimonial-col-text{display:flex;flex-direction:column;justify-content:space-between}.testimonial-visual{position:relative;width:250px;height:340px;overflow:hidden;background:#e4e2dc;animation:tFadeIn .35s ease}.testimonial-visual img{width:100%;height:340px;object-fit:cover;object-position:center top;display:block}.testimonial-visual-expand-btn:hover{background:#ffffffa6;color:#1a1a1a;transform:scale(1.06)}.testimonial-info{animation:tFadeIn .35s ease}.testimonial-index{display:block;font-size:.9rem;font-weight:700;color:#aaa6a0;margin-bottom:.35rem;letter-spacing:.02em}.testimonial-name{font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;color:#0a0a0a;margin:0 0 .75rem}.testimonial-quote{font-size:.75rem;line-height:1.7;color:#6b6862;margin:0;max-width:420px}.thumb-prev,.thumb-next{display:flex;gap:.625rem;flex-wrap:wrap}.thumb-previous{display:flex;flex-direction:column;align-items:center;gap:2.5rem;justify-content:start;margin-top:auto}.testimonial-thumb{width:70px;height:70px;border:2.5px solid transparent;padding:0;overflow:hidden;cursor:pointer;background:none;flex:0 0 auto;transition:opacity .2s ease,border-color .2s ease,transform .2s ease}.testimonial-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.testimonial-thumb:hover{opacity:.9;transform:translateY(-2px);border-color:#6200694d}.testimonial-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.07)}.testimonial-visit{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#1a1a1a;text-decoration:none;letter-spacing:-.01em;transition:color .15s}.testimonial-visit:hover{color:#620069}.testimonial-visit svg{transition:transform .2s ease}.testimonial-visit:hover svg{transform:translate(2px,-2px)}.testimonial-controls{display:flex;gap:.5rem}.testimonial-control-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#444;transition:border-color .2s,color .2s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.testimonial-control-btn:hover{border-color:#62006966;color:#620069;transform:scale(1.1);box-shadow:0 4px 12px #6200691f}@keyframes tFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.testimonial-modal-backdrop{position:fixed;inset:0;background:#0a0a0a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:100;animation:tFadeIn .2s ease}.testimonial-modal{background:#fff;border-radius:24px;max-width:600px;width:100%;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;position:relative}.testimonial-modal-close{position:absolute;top:1rem;right:1rem;width:34px;height:34px;border-radius:50%;border:none;background:#ffffffeb;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:#222;box-shadow:0 2px 8px #0000001a;transition:background .15s,transform .2s}.testimonial-modal-close:hover{background:#fff;transform:scale(1.08)}.testimonial-modal-image{width:100%;height:280px;object-fit:cover;border-radius:24px 24px 0 0;display:block}.testimonial-modal-content{padding:1.75rem 2rem 2.25rem}.testimonial-handle{font-size:.82rem;color:#999;margin:0 0 1rem}.testimonial-modal-content .testimonial-quote{max-width:none;font-size:.9375rem}.testimonials-header{margin-bottom:3rem}.testimonials-tag{font-size:.68rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:#bbb;font-style:italic;display:block;margin-bottom:.5rem}.testimonials-headline{font-size:clamp(3rem,8vw,6rem);font-weight:800;letter-spacing:-.04em;line-height:.95;color:#0a0a0a;margin:0 0 1rem}.testimonials-headline em{font-style:normal;color:#620069}.testimonials-subtext{font-size:.95rem;line-height:1.6;color:#999;max-width:400px;margin:0}@media(max-width:900px){.testimonial-visual{width:200px;height:280px}.testimonial-visual img{height:280px}.testimonial-quote{max-width:none}.testimonial-thumb{width:58px;height:58px}.thumb-previous{gap:1.5rem}}@media(max-width:640px){.testimonials-mobile-only{display:block}.testimonials-desktop-only{display:none}.testimonials-section{padding:4rem 0}.testimonials-header{padding:0 1.25rem;margin-bottom:2rem}.testimonials-headline{font-size:clamp(2.2rem,11vw,3rem)}.testimonials-subtext{max-width:none}}.testimonials-mobile-only{display:none}.testimonials-desktop-only{display:block}@media(max-width:640px){.testimonials-mobile-only{display:block}.testimonials-desktop-only{display:none}.testimonials-section{padding:4rem 0}.testimonials-container{padding:0;max-width:100%}.testimonials-header{padding:0 1.25rem;margin-bottom:2rem}.testimonials-headline{font-size:clamp(2.2rem,11vw,3rem)}.testimonials-subtext{max-width:none}}.mobile-testimonials{width:100%}.mobile-testimonials-viewport{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 1.25rem 4px}.mobile-testimonials-viewport::-webkit-scrollbar{display:none}.mobile-testimonial-card{flex:0 0 min(82vw,300px);scroll-snap-align:center;transition:opacity .3s ease,transform .3s ease;opacity:.5;transform:scale(.96)}.mobile-testimonial-card.active{opacity:1;transform:scale(1)}.mobile-testimonial-card-inner{background:#fff;border-radius:20px;padding:1.375rem 1.25rem 1.25rem;box-shadow:0 2px 12px #00000012,0 1px 3px #0000000a;border:1px solid rgba(0,0,0,.055);display:flex;flex-direction:column;gap:.875rem;height:100%;-webkit-user-select:none;user-select:none}.mobile-testimonial-text{font-size:.875rem;line-height:1.72;color:#555;margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.mobile-testimonial-author{display:flex;align-items:center;gap:.6rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.06);margin-top:auto}.mobile-testimonial-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:center top;flex-shrink:0;border:2px solid rgba(98,0,105,.1)}.mobile-testimonial-name{font-size:.8rem;font-weight:700;color:#111;margin:0;letter-spacing:-.01em}.mobile-testimonial-handle{font-size:.7rem;color:#aaa;margin:0}.mobile-testimonial-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem;padding:0 1.25rem}.mobile-testimonial-arrow{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;flex-shrink:0;transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.mobile-testimonial-arrow:hover{border-color:#620069;color:#620069;transform:scale(1.08);box-shadow:0 4px 12px #6200691f}.mobile-testimonial-arrow:active{transform:scale(.94)}.mobile-testimonial-dots{display:flex;align-items:center;gap:6px}.mobile-testimonial-dot{width:6px;height:6px;border-radius:50%;border:none;background:#00000026;cursor:pointer;padding:0;transition:all .25s ease}.mobile-testimonial-dot.active{width:20px;border-radius:999px;background:#620069}@media(prefers-reduced-motion:reduce){.mobile-testimonial-card{transition:none}}.about-section{padding:6rem 0 7rem;background:#fafafa;position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:-60px;left:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(98,0,105,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.about-tag{position:absolute;top:0;right:1rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#bbb;font-style:italic;margin-bottom:.5rem}.about-headline{margin:0 0 .15em;line-height:.92;letter-spacing:-.045em;pointer-events:none;-webkit-user-select:none;user-select:none}.about-headline-row{display:flex;align-items:baseline}.about-headline-row:last-child{justify-content:flex-end;margin-top:-.05em}.about-hl-word{font-size:clamp(4.5rem,11vw,9.5rem);font-weight:800;color:#0a0a0a;display:inline-block}.about-hl-word.accent{color:#620069}.about-headline-wrap{position:relative;padding-left:1.5rem}.about-headline-wrap:before{content:"";position:absolute;left:0;top:.1em;bottom:.05em;width:5px;background:#620069;border-radius:3px}.about-body{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:center;margin-top:-1.5rem;position:relative}.about-left{display:flex;flex-direction:column;gap:1.5rem}.about-intro{font-size:.9rem;line-height:1.75;color:#555;margin:0}.about-intro strong{color:#0a0a0a;font-weight:600}.about-secondary{font-size:.875rem;line-height:1.7;color:#888;margin:0}.about-social{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#620069;background:#62006912;border:1px solid rgba(98,0,105,.15);padding:6px 14px;border-radius:999px;width:fit-content;letter-spacing:.02em;transition:background .2s,transform .2s;cursor:default}.about-social:hover{background:#6200691f;transform:translateY(-1px)}.about-right{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.about-cards-stage{position:relative;width:100%;max-width:460px;height:380px}.about-card{position:absolute;top:50%;left:50%;width:260px;background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000f;overflow:hidden;transform-origin:center bottom;cursor:pointer;transition:box-shadow .35s ease;-webkit-user-select:none;user-select:none}.about-card img{width:100%;height:240px;object-fit:cover;display:block}.about-card-caption{padding:.75rem 1rem .875rem;font-size:.78rem;color:#777;line-height:1.45;text-align:center;border-top:1px solid rgba(0,0,0,.04)}.about-nav{display:flex;align-items:center;gap:1rem}.about-nav-btn{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:#444;transition:border-color .2s,color .2s,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 1px 4px #0000000f}.about-nav-btn:hover{border-color:#62006966;color:#620069;transform:scale(1.08);box-shadow:0 4px 12px #6200691f}.about-nav-dots{display:flex;gap:6px}.about-dot{width:6px;height:6px;border-radius:50%;background:#ddd;transition:background .25s,transform .25s}.about-dot.active{background:#620069;transform:scale(1.3)}.about-annotation{position:absolute;bottom:-1.5rem;right:0;max-width:200px;font-size:.78rem;line-height:1.6;color:#999;text-align:right}@media(max-width:900px){.about-body{grid-template-columns:1fr;gap:2.5rem;margin-top:1rem}.about-left{order:2}.about-right{order:1}.about-cards-stage{max-width:340px;height:320px}.about-card{width:210px}.about-card img{height:190px}.about-annotation{display:none}}@media(max-width:600px){.about-section{padding:4.5rem 0 5rem}.about-hl-word{font-size:clamp(3.2rem,14vw,5rem)}.about-headline-wrap{padding-left:1rem}.about-right{align-items:center}.about-cards-stage{position:relative;height:290px;width:200px;display:flex;align-items:center}.about-card{position:absolute;align-items:center;left:40%}}@media(prefers-reduced-motion:reduce){.about-card,.about-nav-btn{transition:none}}.about-card-fan-wrapper{position:absolute;top:50%;left:50%}.about-card-tilt{border-radius:inherit;cursor:pointer}.work-section{padding:6rem 0 7rem;background:#fff;position:relative;overflow:hidden}.work-section:after{content:"";position:absolute;bottom:-80px;right:-100px;width:520px;height:520px;background:radial-gradient(circle,rgba(98,0,105,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.work-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.work-tag{position:absolute;top:0;right:1rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#bbb;font-style:italic}.work-headline{margin:0 0 .15em;line-height:.92;letter-spacing:-.045em;pointer-events:none;-webkit-user-select:none;user-select:none}.work-headline-row{display:flex;align-items:baseline}.work-headline-row:last-child{justify-content:flex-end;margin-top:-.05em}.work-hl-word{font-size:clamp(4.5rem,11vw,9.5rem);font-weight:800;color:#0a0a0a;display:inline-block}.work-hl-word.accent{color:#620069}.work-headline-wrap{position:relative;padding-left:1.5rem;margin-bottom:4rem}.work-headline-wrap:before{content:"";position:absolute;left:0;top:.1em;bottom:.05em;width:5px;background:#620069;border-radius:3px}.work-timeline{position:relative;display:flex;flex-direction:column;gap:0;padding-left:0}.work-timeline-line{position:absolute;left:230px;top:12px;bottom:12px;width:1.5px;background:linear-gradient(to bottom,transparent 0%,rgba(98,0,105,.18) 8%,rgba(98,0,105,.18) 92%,transparent 100%);z-index:0}.work-row{display:grid;grid-template-columns:220px 22px 1fr;align-items:center;gap:0 1.75rem;position:relative;z-index:1;border-bottom:1px solid rgba(0,0,0,.045);transition:background .2s ease;border-radius:12px;padding:1.6rem 1rem;margin:0 -1rem}.work-row:last-child{border-bottom:none}.work-row:hover{background:#62006908}.work-period{font-size:.82rem;color:#aaa;font-variant-numeric:tabular-nums;letter-spacing:.01em;text-align:right;padding-right:.25rem;white-space:nowrap}.work-dot-wrap{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.work-dot{width:10px;height:10px;border-radius:50%;background:#ddd;border:2px solid #fff;box-shadow:0 0 0 1.5px #ddd;flex-shrink:0;position:relative;transition:background .3s,box-shadow .3s}.work-dot.active{background:#620069;box-shadow:0 0 0 1.5px #620069}.work-dot-pulse{position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(98,0,105,.35);animation:dotPulse 2.2s ease-out infinite}@keyframes dotPulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.work-detail{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.work-role{font-size:.92rem;font-weight:500;color:#2a2a2a;letter-spacing:-.01em;white-space:nowrap}.work-company-pill{display:inline-flex;align-items:center;gap:6px;background:#6200690f;border:1px solid rgba(98,0,105,.14);color:#620069;font-size:.82rem;font-weight:600;padding:4px 12px 4px 9px;border-radius:999px;white-space:nowrap;letter-spacing:.005em;transition:background .2s,transform .2s}.work-row:hover .work-company-pill{background:#6200691c;transform:translate(3px)}.work-company-dot{width:6px;height:6px;border-radius:50%;background:#620069;flex-shrink:0}@media(max-width:900px){.work-timeline-line{left:170px}.work-row{grid-template-columns:160px 22px 1fr;gap:0 1.25rem}.work-period{font-size:.76rem}}@media(max-width:600px){.work-section{padding:4.5rem 0 5rem}.work-hl-word{font-size:clamp(3.2rem,14vw,5rem)}.work-headline-wrap{padding-left:1rem;margin-bottom:2.75rem}.work-timeline-line{display:none}.work-row{grid-template-columns:1fr;grid-template-rows:auto auto;gap:.35rem 0;padding:1.25rem .75rem;margin:0 -.75rem}.work-dot-wrap{display:none}.work-period{text-align:left;font-size:.73rem;color:#bbb}.work-detail{gap:.45rem}.work-role{font-size:.87rem}}@media(prefers-reduced-motion:reduce){.work-dot-pulse{animation:none}.work-row,.work-company-pill{transition:none}}.footer{background:#0a0a0a;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.footer-orb{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(98,0,105,.28) 0%,rgba(98,0,105,.08) 45%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:left .6s cubic-bezier(.16,1,.3,1),top .6s cubic-bezier(.16,1,.3,1);z-index:0;will-change:left,top}.footer:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5;pointer-events:none;z-index:0}.footer-hero{position:relative;z-index:1;padding:7rem 4rem 5rem;max-width:1400px;margin:0 auto}.footer-availability{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:999px;margin-bottom:2.5rem}.footer-availability-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;animation:fpulse 2s ease-in-out infinite}@keyframes fpulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.7;box-shadow:0 0 0 5px #22c55e00}}.footer-availability span{font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#22c55e}.footer-headline{font-size:clamp(3.5rem,10vw,9rem);font-weight:800;line-height:.92;letter-spacing:-.04em;color:#fff;margin:0 0 2rem}.footer-headline-muted{color:#ffffff2e;display:block}.footer-headline-accent{color:#fff;display:block;position:relative}.footer-headline-accent em{font-style:normal;color:#cd03cd;position:relative;white-space:nowrap}.footer-sub{display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;margin-bottom:4rem}.footer-copy{font-size:1rem;line-height:1.7;color:#ffffff73;max-width:380px}.footer-ctas{display:flex;gap:.875rem;align-items:center;flex-shrink:0}.footer-cta-primary{display:inline-flex;align-items:center;gap:8px;padding:.875rem 1.75rem;background:#fff;color:#0a0a0a;border-radius:999px;font-size:.875rem;font-weight:600;text-decoration:none;letter-spacing:-.01em;transition:all .22s ease;white-space:nowrap}.footer-cta-primary:after{content:"";position:absolute;inset:0;background:#ffffff1f;border-radius:999px;transform:scale(0);opacity:0;transition:transform .4s ease,opacity .4s ease}.footer-cta-primary:active:after{transform:scale(2);opacity:1;transition:none}.footer-cta-primary svg{transition:transform .2s ease}.footer-cta-secondary{display:inline-flex;align-items:center;gap:8px;padding:.875rem 1.75rem;background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:.875rem;font-weight:500;text-decoration:none;letter-spacing:-.01em;transition:all .22s ease;white-space:nowrap;font-family:inherit;cursor:pointer}.footer-cta-secondary:hover{border-color:#ffffff59;color:#fff;background:#ffffff0d}.footer-marquee-wrap{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:0;overflow:hidden}.footer-marquee{display:flex;gap:0;animation:marquee 28s linear infinite;will-change:transform;width:max-content}.footer-marquee:hover{animation-play-state:paused}.footer-marquee-item{display:inline-flex;align-items:center;gap:1.5rem;padding:1.125rem 2rem;font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;white-space:nowrap;transition:color .2s ease}.footer-marquee-item:hover{color:#ffffffb3}.footer-marquee-dot{width:4px;height:4px;background:#620069;border-radius:50%;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer-bottom{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:2.5rem 4rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-bottom-left{display:flex;align-items:center;gap:1.5rem}.footer-name{font-size:.875rem;font-weight:600;color:#ffffff80;letter-spacing:-.01em}.footer-year{font-size:.8125rem;color:#ffffff40}.footer-bottom-sep{width:1px;height:14px;background:#ffffff1f}.footer-socials{display:flex;align-items:center;gap:4px}.footer-social-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#ffffff59;text-decoration:none;transition:color .18s ease,background .18s ease,transform .18s ease}.footer-social-link:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.footer-email{font-size:.8125rem;color:#ffffff4d;text-decoration:none;letter-spacing:.01em;transition:color .18s ease}.footer-email:hover{color:#ffffffb3}@media(max-width:900px){.footer-hero{padding:5rem 2rem 4rem}.footer-sub{flex-direction:column;gap:2rem}.footer-ctas{flex-direction:row;flex-wrap:wrap}.footer-bottom{padding:2rem;flex-direction:column;align-items:flex-start;gap:1.25rem}}@media(max-width:600px){.footer-hero{padding:4rem 1.5rem 3rem}.footer-headline{letter-spacing:-.03em}.footer-ctas{flex-direction:column;align-items:stretch}.footer-cta-primary,.footer-cta-secondary{justify-content:center}.footer-bottom{padding:1.5rem}}.footer-textpressure-wrap{position:relative;width:100%;height:clamp(80px,12vw,160px);margin:40px 0;overflow:hidden}section{scroll-margin-top:80px}#home{background:#fafafa}#about,#projects{background:#fff}#portfolio{background:#fafafa}.loading,.empty-state{min-height:30vh;display:flex;align-items:center;justify-content:center;font-size:.9375rem;color:#bbb}@media(max-width:1440px){.hero-container,.about-container,.portfolio-container,.testimonials-container,.footer-container{padding-left:2rem;padding-right:2rem}}@media(max-width:768px){.hero-container,.about-container,.portfolio-container,.testimonials-container,.footer-container{padding-left:1.5rem;padding-right:1.5rem}}.mobile-nav{position:fixed;bottom:0;display:flex;justify-content:center;width:100%;height:fit-content;z-index:9999}.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center}.dock-panel{position:absolute;bottom:1rem;transform:translate(-50%);display:flex;align-items:flex-end;width:fit-content;gap:2rem;border-radius:1rem;padding:10px 15px;backdrop-filter:blur(40px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1);background:#ffffff2e;border:1px solid rgba(255,255,255,.35);align-items:center;box-shadow:0 4px 24px #00000012,0 1px #ffffffe6 inset}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;outline:none;backdrop-filter:blur(40px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1);background:#ffffff2e;border:1px solid rgba(255,255,255,.35);padding:5px 6px;box-shadow:0 4px 24px #00000012,0 1px #ffffffe6 inset}.dock-icon{display:flex;align-items:center;justify-content:center;padding:15px}.dock-icon svg{width:18px;height:18px;color:#000}.dock-label{display:none;left:50%;width:fit-content;white-space:pre;border-radius:.375rem;background-color:#120f17;padding:5px 3px;font-size:.75rem;color:#fff;transform:translate(-50%)}.dock-item-link.active .dock-icon svg{color:#fff}.dock-item-link.active .dock-item{background:#d317f0}.dock-item:has(.dock-item-link.active){background:#d317f0;border:none;box-shadow:none}@media(min-width:768px){.mobile-nav{display:flex;top:0}.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:flex-start}.dock-panel{backdrop-filter:blur(40px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1);background:#ffffff2e;border:1px solid rgba(255,255,255,.35);align-items:center;box-shadow:0 4px 24px #00000012,0 1px #ffffffe6 inset;position:absolute;top:.5rem;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;width:fit-content;gap:2rem;border-radius:1rem;padding:10px 15px}.dock-item{position:relative;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;outline:none;backdrop-filter:blur(40px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1);background:#ffffff2e;border:1px solid rgba(255,255,255,.35);padding:5px 6px;box-shadow:0 4px 24px #00000012,0 1px #ffffffe6 inset}.dock-icon{display:flex;align-items:center;justify-content:center;padding:15px}.dock-icon svg{width:18px;height:18px;color:#000}.dock-label{display:flex;position:absolute;bottom:-1.5rem;left:50%;width:fit-content;height:fit-content;white-space:pre;border-radius:.375rem;border:1px solid #222;background-color:#120f17;padding:5px;font-size:.75rem;color:#fff;transform:translate(-50%)}.dock-item-link.active .dock-icon svg{color:#fff}.dock-item-link.active .dock-item{background:#d317f0}.dock-item:has(.dock-item-link.active){background:#d317f0;border:none;box-shadow:none}}.project-detail{min-height:100vh;padding:2rem 3rem 4rem;background:#fff}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;font-size:.9375rem;color:#666;cursor:pointer;margin-bottom:3rem;padding:.625rem 1.25rem;border-radius:50px;transition:all .2s ease;border:1px solid rgba(0,0,0,.1)}.back-button:hover{background:#0000000a;color:#000;border-color:#00000026}.project-header{max-width:800px;margin:0 auto 4rem}.project-meta{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.project-category{font-size:.8125rem;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.5px}.project-year{font-size:.8125rem;color:#ccc}.project-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#000;margin-bottom:1.25rem;letter-spacing:-.03em;line-height:1.15}.project-client{font-size:1rem;color:#666;margin-bottom:1.25rem;font-weight:400}.project-description{font-size:1.0625rem;line-height:1.7;color:#666;margin-bottom:2rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{padding:.5rem 1rem;background:#f5f5f5;border-radius:50px;font-size:.8125rem;color:#666;font-weight:500}.project-showcase{max-width:1200px;margin:0 auto}.cover-image{margin-bottom:3rem;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000014}.cover-image img{width:100%;height:auto;display:block}.project-images{display:flex;flex-direction:column;gap:2.5rem}.design-image{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.design-image img{width:100%;height:auto;display:block}.project-footer{text-align:center;margin:5rem 0 2rem}.back-to-projects{padding:.875rem 2rem;background:#000;color:#fff;border:none;border-radius:50px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:-.01em}.back-to-projects:hover{background:#222;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.loading-screen,.error-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#fff}.loader{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen h2{font-size:1.5rem;font-weight:600;color:#000}.error-screen button{padding:.75rem 1.5rem;background:#000;color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s ease}.error-screen button:hover{background:#222}@media(max-width:768px){.project-detail{padding:1.5rem 1.5rem 3rem}.back-button{margin-bottom:2rem}.project-header{margin-bottom:3rem}.project-meta{flex-wrap:wrap;gap:.75rem}.project-description{font-size:1rem}.cover-image{margin-bottom:2rem}.project-images{gap:2rem}.project-footer{margin:4rem 0 1.5rem}}.admin-page{min-height:100vh;padding:2rem;background:#f5f5f5}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-card{background:#fff;padding:3rem;border-radius:24px;text-align:center;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d}.login-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff}.login-card h1{font-size:2rem;margin-bottom:.5rem}.login-card p{color:#666;margin-bottom:2rem}.login-card form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.login-card input{padding:1rem 1.5rem;border:2px solid #e5e5e5;border-radius:12px;font-size:1rem;transition:border-color .3s ease}.login-card input:focus{outline:none;border-color:#667eea}.login-card button[type=submit]{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease}.login-card button[type=submit]:hover{transform:translateY(-2px)}.back-to-site{background:none;border:none;color:#666;cursor:pointer;font-size:.95rem;padding:.5rem;transition:color .3s ease}.back-to-site:hover{color:#000}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.admin-header h1{font-size:2.5rem;font-weight:800}.back-btn,.new-project-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn{background:#fff;color:#333}.back-btn:hover{background:#e5e5e5}.new-project-btn{background:#000;color:#fff}.new-project-btn:hover{background:#333}.project-form{background:#fff;padding:3rem;border-radius:16px;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto;box-shadow:0 4px 20px #00000014}.project-form h2{font-size:2rem;margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e5e5;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#000}.form-group textarea{resize:vertical}.file-upload input[type=file]{display:none}.upload-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;border:2px dashed #d5d5d5;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fafafa}.upload-label:hover{border-color:#000;background:#f5f5f5}.image-preview{margin-top:1rem;border-radius:8px;overflow:hidden;max-width:300px}.image-preview img{width:100%;height:auto}.images-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.image-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f5f5f5;border-radius:8px}.image-item button{background:none;border:none;cursor:pointer;color:#666;padding:.25rem;display:flex;align-items:center}.image-item button:hover{color:#f44}.submit-btn{width:100%;padding:1.25rem;background:#000;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:#333}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.projects-list{max-width:1200px;margin:0 auto}.projects-list h2{font-size:2rem;margin-bottom:2rem}.projects-grid-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.project-card-admin{background:#fff;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.project-card-admin:hover{transform:translateY(-5px)}.project-card-admin img{width:100%;height:200px;object-fit:cover}.project-info-admin{padding:1.5rem}.project-info-admin h3{font-size:1.25rem;margin-bottom:.5rem}.project-info-admin p{color:#666;font-size:.9rem}.delete-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#fffffff2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f44;transition:all .3s ease}.delete-btn:hover{background:#f44;color:#fff;transform:scale(1.1)}@media(max-width:768px){.admin-page{padding:1rem}.admin-header{flex-direction:column;gap:1rem;align-items:stretch}.admin-header h1{font-size:2rem}.project-form{padding:2rem 1.5rem}.form-grid,.projects-grid-admin{grid-template-columns:1fr}}.blog-page{min-height:100vh;background:#fafafa;padding-top:5.5rem}.blog-header{max-width:1200px;margin:0 auto;padding:3.5rem 2rem 2rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}.blog-eyebrow{font-size:.68rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:#bbb;display:block;margin-bottom:.6rem}.blog-headline{font-size:clamp(2.8rem,6vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:.96;color:#0a0a0a;margin:0}.blog-headline em{font-style:normal;color:#620069}.blog-strip-wrap{position:relative}.blog-nav-arrows{display:flex;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 2rem;z-index:2;justify-content:space-between;pointer-events:none}.blog-nav-btn{width:42px;height:42px;border-radius:50%;border:none;background:#ffffff38;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.blog-nav-btn:hover{transform:scale(1.08)}.blog-filters{max-width:1200px;margin:0 auto;padding:0 2rem 2.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.blog-filter-pill{padding:.45rem 1.1rem;border-radius:999px;border:1.5px solid rgba(0,0,0,.1);background:transparent;font-size:.8rem;font-weight:500;color:#888;cursor:pointer;font-family:inherit;transition:all .18s ease;letter-spacing:-.01em}.blog-filter-pill:hover{border-color:#6200694d;color:#620069;background:#6200690a}.blog-filter-pill.active{background:#620069;border-color:#620069;color:#fff}.blog-strip{display:flex;gap:1.25rem;padding:.5rem 2rem 2.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none;scroll-behavior:smooth}.blog-strip::-webkit-scrollbar{display:none}.blog-strip.dragging{cursor:grabbing;scroll-behavior:auto}.blog-card{flex:0 0 200px;height:auto;width:100%;border-radius:32px;padding:1.5rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:1rem;scroll-snap-align:start;cursor:pointer;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #00000024}.blog-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.blog-card-tags{display:flex;gap:.4rem;flex-wrap:wrap}.blog-card-tag{font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:5px 11px;border-radius:999px;white-space:nowrap}.blog-card-badge{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.blog-card-text{display:flex;flex-direction:column;gap:.5rem}.blog-card-title{font-size:clamp(1.2rem,1.6vw + .6rem,1.55rem);font-weight:800;letter-spacing:-.03em;line-height:1.18;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.825rem;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-image{position:relative;width:359.04px;height:190.08px;border-radius:20px;overflow:hidden;background:#f0f0f0}.blog-card-image img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0;transition:transform .5s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card-image img{transform:scale(1.06)}.blog-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.blog-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.32) 0%,transparent 45%);pointer-events:none}.blog-card-read{position:absolute;bottom:14px;left:14px;z-index:1;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#ffffff38;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:8px 16px;font-size:.78rem;font-weight:600;letter-spacing:-.01em;transition:gap .2s ease,background .2s ease}.blog-card:hover .blog-card-read{gap:10px;background:#ffffff52}.blog-card-read-arrow{transition:transform .2s ease}.blog-card:hover .blog-card-read-arrow{transform:translate(2px,-2px)}.blog-card--p0{background:#d9e3cd}.blog-card--p0 .blog-card-title,.blog-card--p0 .blog-card-tag{color:#16210f}.blog-card--p0 .blog-card-excerpt{color:#4c5a42}.blog-card--p0 .blog-card-tag{background:#00000012}.blog-card--p0 .blog-card-badge{background:#16210f;color:#d9e3cd}.blog-card--p1{background:#161616}.blog-card--p1 .blog-card-title{color:#fff}.blog-card--p1 .blog-card-tag{color:#ffffffd9;background:#ffffff1f}.blog-card--p1 .blog-card-excerpt{color:#fff9}.blog-card--p1 .blog-card-badge{background:#fff;color:#161616}.blog-card--p2{background:#e9e0cf}.blog-card--p2 .blog-card-title,.blog-card--p2 .blog-card-tag{color:#2b2210}.blog-card--p2 .blog-card-excerpt{color:#6b6147}.blog-card--p2 .blog-card-tag{background:#00000012}.blog-card--p2 .blog-card-badge{background:#2b2210;color:#e9e0cf}.blog-card--p3{background:#620069}.blog-card--p3 .blog-card-title{color:#fff}.blog-card--p3 .blog-card-tag{color:#ffffffd9;background:#ffffff29}.blog-card--p3 .blog-card-excerpt{color:#ffffffad}.blog-card--p3 .blog-card-badge{background:#fff;color:#620069}.blog-card--p4{background:#dfe6e9}.blog-card--p4 .blog-card-title,.blog-card--p4 .blog-card-tag{color:#16222b}.blog-card--p4 .blog-card-excerpt{color:#54666f}.blog-card--p4 .blog-card-tag{background:#0000000f}.blog-card--p4 .blog-card-badge{background:#16222b;color:#dfe6e9}.blog-card--p5{background:#1f3350}.blog-card--p5 .blog-card-title{color:#fff}.blog-card--p5 .blog-card-tag{color:#ffffffd9;background:#ffffff1f}.blog-card--p5 .blog-card-excerpt{color:#ffffffa6}.blog-card--p5 .blog-card-badge{background:#fff;color:#1f3350}.blog-empty{text-align:center;padding:5rem 2rem;color:#bbb;font-size:.95rem}.blog-count{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;font-size:.78rem;color:#ccc;letter-spacing:.06em;text-transform:uppercase}@media(max-width:900px){.blog-card{height:420px;width:100%}.blog-card-image{border-radius:18px}}@media(max-width:640px){.blog-header{padding:2.5rem 1.25rem 1.5rem;align-items:flex-start;flex-direction:column;gap:1.25rem}.blog-headline{font-size:clamp(2.2rem,10vw,3.2rem)}.blog-filters{padding:0 1.25rem 2rem}.blog-strip{gap:1rem}.blog-card{width:400px;height:280px}.blog-card-image{height:80px;width:100%}.blog-card-title{font-size:.8rem}.blog-card-excerpt{font-size:.6rem}.blog-card-badge{width:32px;height:32px}.blog-strip-wrap:after{width:60px}.blog-count{padding:0 1.25rem 3rem}.blog-card-read{padding:4px 8px;font-size:.34rem;font-weight:300;bottom:8px}.blog-nav-arrows{padding:0 1rem}}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-image img,.blog-nav-btn,.blog-card-read,.blog-card-read-arrow{transition:none}}.blogdetail-page{min-height:100vh;background:#fff;padding:7rem 2rem 6rem}.blogdetail-article{max-width:680px;margin:0 auto}.blogdetail-back{background:none;border:none;cursor:pointer;font-size:.85rem;color:#888;padding:0;margin-bottom:2.5rem;transition:color .2s}.blogdetail-back:hover{color:#620069}.blogdetail-meta{display:flex;gap:.5rem;margin-bottom:1rem}.blogdetail-tag{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#f5f5f5;color:#888}.blogdetail-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#0a0a0a;margin:0 0 2rem}.blogdetail-cover{border-radius:20px;overflow:hidden;margin-bottom:2.5rem}.blogdetail-cover img{width:100%;height:auto;aspect-ratio:897.6 / 475.2;object-fit:cover;display:block}.blogdetail-body p{font-size:1.0625rem;line-height:1.8;color:#444;margin:0 0 1.5rem}.blogdetail-notfound{text-align:center;padding:4rem 0}.blogdetail-notfound button{margin-top:1rem;background:none;border:1px solid rgba(0,0,0,.15);border-radius:999px;padding:.6rem 1.2rem;cursor:pointer}@media(max-width:640px){.blogdetail-page{padding:5.5rem 1.25rem 4rem}.blogdetail-cover img{height:auto}.blogdetail-body p{font-size:1rem}}body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}.custom-cursor-dot,.custom-cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;will-change:transform;transform:translate(-50%,-50%)}.custom-cursor-dot{width:8px;height:8px;background:#1a1a1a;margin-left:14px;margin-top:14px}.custom-cursor-ring{width:44px;height:44px;border:1.5px solid #9a9a9a;background:transparent;transition:width .25s ease,height .25s ease,border-color .25s ease}.custom-cursor-ring--hover{width:56px;height:56px;border-color:#620069}@media(hover:none),(pointer:coarse){.custom-cursor-dot,.custom-cursor-ring{display:none}}.portfoliopage{min-height:100vh;background:#fff}.portfoliopage-section{padding-top:9rem}.portfoliopage-back{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid rgba(0,0,0,.1);border-radius:999px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:#666;cursor:pointer;margin-bottom:2rem;transition:all .18s ease}.portfoliopage-back:hover{background:#0000000a;color:#111;border-color:#0003}