.image-slider{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px}.slider-images{position:relative;width:100%;height:100%}.slider-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out}.slider-image.active{opacity:1}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#c9b29ce6;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:2}.slider-arrow:hover{background:var(--color-gold);transform:translateY(-50%) scale(1.1)}.slider-arrow-left{left:16px}.slider-arrow-right{right:16px}.slider-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;width:-moz-max-content;width:max-content;gap:6px;z-index:2}.slider-dot{display:block;flex:0 0 auto;box-sizing:border-box;width:6px;height:2px;min-height:2px;max-height:2px;padding:0!important;margin:0!important;border-radius:2px;background:#ffffff80;cursor:pointer;border:none!important;outline:none!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:width .4s cubic-bezier(.2,.4,0,1),background .4s ease}.slider-dot.active{width:12px;background:var(--color-gold)}.slider-dot:hover{background:#fffc}@media (max-width: 768px){.slider-arrow{width:36px;height:36px}.slider-arrow-left{left:12px}.slider-arrow-right{right:12px}}:root{--c-sandy-bg: #e8dcc0;--c-sandy-surface: #fdf9f3;--c-sandy-gold: #b08d3e;--c-sandy-dark: #3d2b1f;--c-sandy-border: rgba(196, 162, 74, .15);--c-sandy-card-cream: #efe6d1;--font-display: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif}.portofoliu{min-height:100svh;background:var(--c-sandy-bg);position:relative;overflow:hidden}.portofoliu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(196,162,74,.08) 0%,transparent 60%);pointer-events:none}.blur-reveal{opacity:0;filter:blur(8px);transform:translateY(20px) translateZ(0);will-change:transform,opacity,filter;transition:opacity 1s cubic-bezier(.2,0,.2,1),filter 1.2s cubic-bezier(.2,0,.2,1),transform 1s cubic-bezier(.2,0,.2,1);transition-delay:var(--delay, 0s)}.blur-reveal.in-view{opacity:1;filter:blur(0px);transform:translateY(0) translateZ(0)}.portofoliu-hero{padding:clamp(100px,10vh,120px) 24px 20px;text-align:center}.page-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:500;color:var(--c-sandy-dark);margin-bottom:20px;line-height:1.1}.portfolio-header .line{max-width:140px!important}.page-subtitle{font-family:var(--font-body);color:#2c2318a6;font-size:clamp(.95rem,1.4vw,1.1rem);max-width:700px;margin:0 auto}.projects-section{padding:10px 0 100px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(40px,6vh,80px);max-width:1300px;margin:0 auto;padding:0 24px}.project-card{position:relative;background:#b29476;border-radius:16px;overflow:hidden;box-shadow:0 0 30px #b294761f,0 0 8px #b2947629;transition:box-shadow 1.3s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);z-index:1}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #b294766b,inset 0 0 34px #b2947652;transition:box-shadow 1.3s cubic-bezier(.22,1,.36,1)}.slider-image{transition:transform 1.6s cubic-bezier(.1,.9,.2,1),opacity .6s ease-in-out!important}@media (hover: hover) and (pointer: fine){.project-card:hover{z-index:10;transform:translateY(-3px);box-shadow:0 0 30px #b294761f,0 0 8px #b2947629,0 10px 24px #1c141024}}@media (hover: hover) and (pointer: fine){.slider-image{will-change:transform}.project-slider:hover .slider-image{transform:scale(1.06) translateZ(0);-webkit-transform:scale(1.06) translate3d(0,0,0)}}.project-slider{width:100%;height:clamp(320px,45vh,480px);position:relative;overflow:hidden}.project-slider:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10%;z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(239,230,209,.4) 60%,rgba(239,230,209,.88) 100%)}.project-info{padding:24px 32px;background:var(--c-sandy-card-cream)}.project-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:3px}.project-name{font-family:var(--font-display);font-size:clamp(1.45rem,2.6vw,2.1rem);font-weight:500;color:var(--c-sandy-dark)}.project-tag{display:inline-block;padding:2px 6px;background:#c4a24a14;border:1px solid rgba(196,162,74,.2);color:#a0802c;font-family:var(--font-body);font-size:.45rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-left:auto}.project-meta{display:flex;gap:8px;align-items:center;color:#a3803c;font-family:var(--font-body);font-style:italic;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.meta-dot{width:3px;height:3px;background-color:#a3803c;border-radius:50%;opacity:.5}.project-description{font-family:var(--font-body);font-style:italic;color:#8a6a45;font-size:clamp(.88rem,1.1vw,.95rem);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 901px){.project-tag{font-size:.6rem;padding:3px 8px}.project-card{box-shadow:0 0 42px #b2947624,0 0 12px #b294762e}.project-card:before{box-shadow:inset 0 0 0 1.25px #b294766b,inset 0 0 44px #b2947652}}@media (min-width: 901px) and (hover: hover) and (pointer: fine){.project-card:hover{box-shadow:0 0 42px #b2947624,0 0 12px #b294762e,0 10px 24px #1c141024}}@media (max-width: 900px){.projects-grid{grid-template-columns:1fr;max-width:650px;gap:32px}}@media (max-width: 768px){.portofoliu-hero{padding:172px 20px 24px}.projects-grid{gap:24px;padding:0 16px}.project-slider{height:320px}.project-info{padding:16px 20px}.project-header{flex-wrap:wrap;gap:6px}.project-name{font-size:1.3rem}.project-card{border-radius:12px}.portofoliu .project-description{display:none}}@media (max-width: 480px){.projects-grid{gap:20px}.project-slider{height:240px}.project-info{padding:14px 16px}.projects-section{padding-bottom:48px}}@media (prefers-reduced-motion: reduce){.project-card,.slider-image,.noma-reveal{transition:none!important;transform:none!important}}