.portfolio-page{background:radial-gradient(circle at top right,rgba(255,30,58,.12),transparent 55%),radial-gradient(circle at bottom left,rgba(255,22,22,.1),transparent 60%),#0a0a0a;color:#f5f5f5;min-height:100vh}.portfolio-page .container{margin:0 auto;position:relative;width:min(1180px,92vw);z-index:2}.portfolio-hero{overflow:hidden;padding:6rem 0 4rem;position:relative}.portfolio-hero:before{background:radial-gradient(circle,rgba(255,30,58,.35),transparent 70%);content:"";filter:blur(90px);height:120%;inset:-20% 40% auto -20%;opacity:.6;position:absolute}.portfolio-hero:after{background:linear-gradient(135deg,rgba(10,10,10,.82),rgba(10,10,10,.55));content:"";inset:0;pointer-events:none;position:absolute}.portfolio-hero .hero-inner{display:grid;gap:2.5rem;justify-items:center;position:relative;text-align:center;z-index:2}.portfolio-hero .hero-pill{align-items:center;background:rgba(10,10,10,.55);border:1px solid hsla(0,0%,100%,.16);border-radius:999px;color:#ff1616;display:inline-flex;font-size:.75rem;gap:.5rem;letter-spacing:.24em;padding:.55rem 1.4rem;text-transform:uppercase}.portfolio-hero h1{font-family:Oswald,sans-serif;font-size:clamp(2.8rem,4.8vw,3.8rem);font-weight:800;line-height:1.04;margin:0;max-width:780px}.portfolio-hero p{color:#d0d0d0;font-size:1.1rem;line-height:1.8;max-width:720px}.hero-callouts{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center}.hero-callouts .callout{background:rgba(10,10,10,.65);border:1px solid hsla(0,0%,100%,.14);border-radius:14px;color:#a6afff;font-size:.85rem;letter-spacing:.15em;padding:1rem 1.6rem;text-transform:uppercase}.portfolio-sections{display:grid;gap:4.5rem;padding:3rem 0 5rem}.portfolio-section{display:grid;gap:2.5rem}.section-heading{display:grid;gap:1rem;max-width:880px}.section-heading .section-label{color:#ff4d63;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase}.section-heading h2{font-family:Oswald,sans-serif;font-size:clamp(2rem,3.8vw,2.8rem);letter-spacing:.06em;margin:0}.section-heading p{color:#b5b5b5;line-height:1.8;margin:0}.portfolio-slider{display:grid;gap:1.5rem;outline:none;position:relative}.slider-window{background:rgba(10,10,10,.82);border:1px solid rgba(255,30,58,.25);border-radius:20px;overflow:hidden;padding:1.2rem;position:relative}.slider-track{min-height:340px;position:relative;transition:height .35s ease}.slider-slide{display:grid;gap:1.6rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);inset:0;opacity:0;padding:1.8rem;pointer-events:none;position:absolute;transform:translateX(45px);transition:opacity .4s ease,transform .45s ease}.slider-slide.is-active{opacity:1;pointer-events:auto;position:absolute;transform:translateX(0)}.slide-visual{align-items:flex-end;background:var(--slide-background,linear-gradient(135deg,rgba(255,30,58,.3),rgba(255,22,22,.25)));border-radius:18px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.05);display:flex;min-height:240px;overflow:hidden;padding:1.6rem;position:relative}.slide-visual:after{background:linear-gradient(180deg,rgba(10,10,10,0),rgba(10,10,10,.75));content:"";inset:0;opacity:.85;position:absolute}.slide-visual span{font-size:.78rem;font-weight:600;letter-spacing:.2em;position:relative;text-transform:uppercase;z-index:1}.slide-visual.has-image{background:transparent;display:block;padding:0}.image-slider{aspect-ratio:24/20;position:relative}.image-slider,.image-slider-window{border-radius:18px;overflow:hidden;width:100%}.image-slider-window{height:100%}.image-slider-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.image-slide{align-items:flex-end;background-position:50%;background-size:cover;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.05);display:flex;flex-shrink:0;height:100%;min-width:100%;padding:1.6rem;position:relative;width:100%}.image-slide span{font-size:.78rem;font-weight:600;letter-spacing:.2em;position:relative;text-transform:uppercase;z-index:1}.image-slider-controls{display:flex;justify-content:space-between;left:0;padding:0 1rem;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.image-slider-next,.image-slider-prev{align-items:center;backdrop-filter:blur(8px);background:rgba(10,10,10,.85);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;pointer-events:auto;transition:all .3s ease;width:40px}.image-slider-next:hover,.image-slider-prev:hover{background:rgba(255,30,58,.9);border-color:rgba(255,30,58,.6);transform:scale(1.1)}.image-slider-next svg,.image-slider-prev svg{height:20px;width:20px}.image-slider-dots{bottom:1rem;display:flex;gap:.5rem;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.image-slider-dot{background:hsla(0,0%,100%,.4);border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;pointer-events:auto;transition:all .3s ease;width:8px}.image-slider-dot.is-active{background:var(--accent);border-radius:4px;width:24px}.slide-summary{align-content:start;display:grid;gap:1rem}.slide-summary h3{font-family:Oswald,sans-serif;font-size:1.55rem;letter-spacing:.05em;margin:0}.slide-summary p{color:#c7ccff;line-height:1.7;margin:0;max-width:520px}.slide-tags{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}.slide-tags li{background:rgba(255,30,58,.15);border:1px solid rgba(255,30,58,.35);border-radius:999px;color:#ff5a70;font-size:.8rem;letter-spacing:.12em;padding:.45rem .95rem;text-transform:uppercase}.slider-controls{align-items:center;display:flex;inset:0;justify-content:space-between;pointer-events:none;position:absolute}.slider-control{align-items:center;background:rgba(12,12,12,.65);border:1px solid hsla(0,0%,100%,.18);border-radius:50%;color:#fff;display:flex;height:46px;justify-content:center;pointer-events:auto;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;width:46px}.slider-control:focus-visible,.slider-control:hover{border-color:rgba(255,30,58,.55);box-shadow:0 10px 24px rgba(0,0,0,.4);outline:none;transform:translateY(-2px)}.slider-control svg{height:20px;width:20px}.slider-dots{display:flex;gap:.6rem;justify-content:center}.slider-dot{background:hsla(0,0%,100%,.28);border:none;border-radius:50%;cursor:pointer;height:12px;transition:transform .25s ease,background .25s ease;width:12px}.slider-dot:is(:hover,:focus-visible){outline:none;transform:scale(1.15)}.slider-dot.is-active{background:#ff1e3a;transform:scale(1.3)}.portfolio-cta{padding:4rem 0 5rem}.portfolio-cta .cta-inner{background:linear-gradient(135deg,rgba(255,30,58,.28),rgba(255,22,22,.18));border:1px solid hsla(0,0%,100%,.16);border-radius:24px;display:grid;gap:1.5rem;justify-items:center;overflow:hidden;padding:3.2rem clamp(2rem,8vw,4rem);position:relative;text-align:center}.portfolio-cta .cta-inner:after{background:linear-gradient(145deg,rgba(10,10,10,.35),rgba(10,10,10,.75));content:"";inset:0;pointer-events:none;position:absolute}.portfolio-cta .cta-content{display:grid;gap:1rem;position:relative;z-index:1}.portfolio-cta h2{font-family:Oswald,sans-serif;font-size:clamp(2.2rem,4.2vw,3rem);letter-spacing:.06em;margin:0}.portfolio-cta p{color:#d0d0d0;line-height:1.75;margin:0;max-width:640px}.portfolio-cta .cta-button{background:linear-gradient(135deg,#ff1e3a,#ff4d52);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.12em;padding:.95rem 2.6rem;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease}.portfolio-cta .cta-button:hover{box-shadow:0 18px 35px rgba(255,30,58,.35);transform:translateY(-2px)}@media (max-width:1024px){.slider-slide{grid-template-columns:1fr;padding:1.6rem}.slide-visual{min-height:220px}.slider-track{min-height:420px}}@media (max-width:768px){.portfolio-hero{padding:4.5rem 0 3rem}.portfolio-hero .hero-inner{gap:2rem}.hero-callouts{gap:1rem}.portfolio-slider{gap:1.2rem}.slider-window{padding:1rem}.slider-track{min-height:380px}.slider-slide{padding:1.4rem}}@media (max-width:540px){.hero-callouts .callout{text-align:center;width:100%}.slider-control{display:none}.slider-track{min-height:360px}}