.portfolio-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.portfolio-hero,.portfolio-detail-hero{position:relative;padding:calc(100px + 4rem) 0 3rem;overflow:hidden}.portfolio-blur{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(150px);opacity:.45;z-index:-1;top:30%;pointer-events:none}.portfolio-blur-yellow{background:var(--accent-yellow);left:-160px}.portfolio-blur-blue{background:var(--accent-blue);right:-160px}.portfolio-heading h1{font-weight:700;font-size:var(--font-size-5xl);color:var(--text-black);margin:0 0 1rem}.portfolio-heading h1 span{font-family:var(--font-playfair);font-style:italic;font-weight:400}.portfolio-heading p{font-family:var(--font-urbanist);font-weight:300;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);max-width:62ch;margin:0}.portfolio-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem}.portfolio-filter{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-urbanist);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:25px;padding:.55rem 1.15rem;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}.portfolio-filter:hover{border-color:var(--text-primary)}.portfolio-filter[aria-pressed=true]{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.portfolio-filter-count{font-size:var(--font-size-xs);opacity:.65}.portfolio-grid-section{padding:1rem 0 5rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.portfolio-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.portfolio-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.portfolio-card:focus-visible{outline:2px solid var(--secondary-color);outline-offset:3px}.portfolio-card[hidden]{display:none}.portfolio-card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-secondary)}.portfolio-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio-card:hover .portfolio-card-media img{transform:scale(1.05)}.portfolio-card-count{position:absolute;bottom:.75rem;right:.75rem;font-family:var(--font-urbanist);font-size:var(--font-size-xs);font-weight:600;color:#fff;background:#0009;border-radius:25px;padding:.25rem .7rem;backdrop-filter:blur(4px)}.portfolio-card-body{display:flex;flex-direction:column;flex:1;padding:1.5rem}.portfolio-card-category{display:inline-block;font-family:var(--font-urbanist);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.6rem}.portfolio-card-body h2{font-family:var(--font-playfair);font-style:italic;font-weight:700;font-size:1.35rem;color:var(--text-primary);margin:0 0 .35rem}.portfolio-card-client{font-family:var(--font-urbanist);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 .6rem}.portfolio-card-summary{font-family:var(--font-urbanist);font-weight:300;font-size:var(--font-size-sm);line-height:1.6;color:var(--text-secondary);margin:0 0 1.25rem}.portfolio-card-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;font-family:var(--font-urbanist);font-size:var(--font-size-sm);font-weight:600;color:var(--text-black)}.portfolio-card-link img{width:12px;height:12px;transition:transform .3s ease}.portfolio-card:hover .portfolio-card-link img{transform:translate(3px,-3px)}.portfolio-empty{text-align:center;font-family:var(--font-urbanist);color:var(--text-secondary);padding:3rem 0}.portfolio-breadcrumb{display:flex;align-items:center;gap:.5rem;font-family:var(--font-urbanist);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:2rem;flex-wrap:wrap}.portfolio-breadcrumb a{color:var(--text-primary);text-decoration:none;font-weight:600}.portfolio-breadcrumb a:hover{text-decoration:underline}.portfolio-detail-head{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}.portfolio-detail-title h1{font-weight:700;font-size:var(--font-size-4xl);color:var(--text-black);margin:.5rem 0 1rem}.portfolio-detail-summary{font-family:var(--font-urbanist);font-weight:300;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:0;max-width:55ch}.portfolio-detail-meta{background:#fff;border-radius:24px;padding:1.75rem;margin:0;display:grid;gap:1.25rem}.portfolio-detail-meta dt{font-family:var(--font-urbanist);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.3rem}.portfolio-detail-meta dd{font-family:var(--font-urbanist);font-size:var(--font-size-base);color:var(--text-primary);margin:0}.portfolio-detail-deliverables ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.portfolio-detail-deliverables li{position:relative;padding-left:1.1rem;font-weight:300;line-height:1.5}.portfolio-detail-deliverables li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--accent-blue)}.portfolio-body{font-family:var(--font-urbanist);font-weight:300;line-height:var(--line-height-relaxed);color:var(--text-secondary);max-width:70ch}.portfolio-body:empty{display:none}.portfolio-gallery-section{padding:3rem 0 4rem}.portfolio-gallery{columns:2;column-gap:2rem}.portfolio-gallery-item{break-inside:avoid;margin:0 0 2rem;border-radius:20px;overflow:hidden;background:#fff}.portfolio-gallery-item img{display:block;width:100%;height:auto}.portfolio-pager{padding:2rem 0 5rem}.portfolio-pager-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;border-top:1px solid rgba(0,0,0,.1);padding-top:2rem}.portfolio-pager-link{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;transition:opacity .25s ease}.portfolio-pager-link:hover{opacity:.65}.portfolio-pager-next{text-align:right}.portfolio-pager-label{font-family:var(--font-urbanist);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.portfolio-pager-title{font-family:var(--font-playfair);font-style:italic;font-weight:700;font-size:1.1rem;color:var(--text-primary)}.portfolio-pager-all{font-family:var(--font-urbanist);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);text-decoration:none;border:1px solid rgba(0,0,0,.15);border-radius:25px;padding:.5rem 1.15rem;white-space:nowrap;transition:background .25s ease,color .25s ease}.portfolio-pager-all:hover{background:var(--text-primary);color:#fff}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-detail-head{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.portfolio-inner{padding:0 1.25rem}.portfolio-hero,.portfolio-detail-hero{padding:calc(100px + 2rem) 0 2rem}.portfolio-heading h1{font-size:var(--font-size-4xl)}.portfolio-detail-title h1{font-size:var(--font-size-3xl)}.portfolio-grid{grid-template-columns:1fr;gap:1.75rem}.portfolio-gallery{columns:1;column-gap:0}.portfolio-gallery-item{margin-bottom:1.25rem}.portfolio-pager-grid{grid-template-columns:1fr;gap:1.25rem;text-align:left}.portfolio-pager-next{text-align:left}.portfolio-pager-all{justify-self:start}}.portfolio-page .pv-sp-left,.portfolio-page .pv-sp-right{padding-top:2.5rem}.portfolio-page .pv-sp-left{top:6rem;height:auto}@media (max-width: 900px){.portfolio-page .pv-sp-left,.portfolio-page .pv-sp-right{padding-top:1.5rem}}.pf-idx .pv-sp-left{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:0;padding-bottom:0;box-sizing:border-box}.pf-idx-scroll{height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0;box-sizing:border-box;mask-image:linear-gradient(to bottom,transparent 0,#000 5rem,#000 calc(100% - 5rem),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5rem,#000 calc(100% - 5rem),transparent 100%)}.pf-idx-scroll::-webkit-scrollbar{display:none}.pf-idx-strip{display:flex;flex-direction:column;gap:2.5rem;padding:2.5rem 1.25rem}.pf-idx-strip.is-released .pv-sp-panel.is-dupe{display:none}.pf-idx-scroll.is-released{overscroll-behavior:auto}.pf-idx-foot{margin-top:2rem}@media (max-width: 900px){.pf-idx .pv-sp-left{position:static;height:auto;display:block}.pf-idx-scroll{height:auto;overflow:visible;mask-image:none;-webkit-mask-image:none}.pf-idx-strip{gap:1.5rem;padding:0 0 2rem}}.pf-idx-intro{margin-bottom:4rem}.pf-idx-intro h1{font-family:var(--font-urbanist);font-weight:700;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-black);margin:0 0 .6rem}.pf-idx-intro h1 span{font-family:var(--font-playfair);font-style:italic;font-weight:400}.pf-idx-intro p{font-family:var(--font-urbanist);font-weight:300;font-size:.92rem;line-height:1.65;color:var(--text-secondary);margin:0;max-width:42ch}.pf-idx .pv-sp-left,.pf-idx .pf-idx-scroll{padding-top:100px}@media (max-width: 900px){.pf-idx-intro{margin-bottom:1.5rem;padding-bottom:1.25rem}.pf-idx .pv-sp-left{padding-top:calc(100px + 1.5rem)}.pf-idx .pf-idx-scroll{padding-top:0}}.pf-idx .pv-sp-title{min-height:1.2em;margin-bottom:.75rem}.pf-idx .pv-sp-summary{min-height:2.6em;margin-bottom:1.75rem}.pf-idx-btn{background:var(--text-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:25px;font-family:var(--font-urbanist);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;position:relative;z-index:2;overflow:hidden;transition:all .3s ease}.pf-idx .pv-sp-panel{aspect-ratio:auto;overflow:visible;background:transparent;border-radius:0;color:inherit}.pf-idx .pv-sp-panel-media{display:block;position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4 / 3;background:var(--bg-secondary);box-shadow:0 0 0 1px #0000000f,0 2px 6px #0000000a,0 18px 38px -16px #00000038;transition:box-shadow .5s ease}.pf-idx .pv-sp-panel.is-active .pv-sp-panel-media,.pf-idx .pv-sp-panel:hover .pv-sp-panel-media{box-shadow:0 0 0 1px #00000012,0 4px 10px #0000000d,0 26px 52px -18px #0000004d}.pf-idx .pf-idx-card img{width:11px;height:11px;object-fit:contain;filter:none;display:inline-block;transition:transform .3s ease}.pf-idx-card{display:none}@media (max-width: 900px){.pf-idx .pv-sp-panel.is-dupe,.pf-idx .pv-sp-eyebrow,.pf-idx .pv-sp-title,.pf-idx .pv-sp-summary,.pf-idx .pf-idx-btn,.pf-idx .pf-idx-foot{display:none}.pf-idx .pv-sp-panel-media img{filter:none}.pf-idx-card{display:block;padding:1rem 0 0}.pf-idx-card-cat{display:block;font-family:var(--font-urbanist);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.pf-idx-card-title{display:block;font-family:var(--font-playfair);font-style:italic;font-weight:700;font-size:1.35rem;line-height:1.2;color:var(--text-black);margin-bottom:.5rem}.pf-idx-card-summary{display:block;font-family:var(--font-urbanist);font-weight:300;font-size:.92rem;line-height:1.6;color:var(--text-secondary);margin-bottom:.9rem}.pf-idx-card-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-urbanist);font-size:.85rem;font-weight:600;color:var(--text-black)}.pf-idx-strip{gap:3rem}}.pf-idx-btn-roll{display:block;height:1.15em;overflow:hidden}.pf-idx-btn-line{display:flex;align-items:center;justify-content:center;gap:.45rem;height:1.15em;line-height:1.15;white-space:nowrap;transition:transform .35s cubic-bezier(.4,0,.2,1)}.pf-idx-btn:hover .pf-idx-btn-line,.pf-idx-btn:focus-visible .pf-idx-btn-line{transform:translateY(-100%)}.pf-idx-btn-line img{width:11px;height:11px;flex-shrink:0;filter:brightness(0) invert(1);transition:transform .3s ease}.pf-idx-btn:hover .pf-idx-btn-line img{transform:translate(2px,-2px)}.pf-idx-btn:hover,.pf-idx-btn:focus-visible,.pf-idx-btn:hover .pf-idx-btn-line,.pf-idx-btn:focus-visible .pf-idx-btn-line{color:#fff}