.portfolio-category-view{width:100%;min-height:100vh;background-color:#18181b;display:flex;flex-direction:column;border-bottom-left-radius:40px;border-bottom-right-radius:40px;overflow:hidden;padding-bottom:0}.category-view-container{width:100%;flex-grow:1;margin-bottom:100px}.category-triptych{display:flex;width:100%;height:100vh;background-color:#000}.triptych-panel{position:relative;flex:1;height:100%;overflow:hidden;cursor:pointer;border-right:1px solid rgba(255,255,255,.05);transition:background-color .4s ease}.triptych-panel:last-child{border-right:none}.triptych-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:brightness(.6) saturate(.8);transition:transform 1.2s cubic-bezier(.23,1,.32,1),filter .6s ease}.triptych-bg-svg{width:100%;height:100%;object-fit:cover}.triptych-panel:hover .triptych-bg{transform:none;filter:brightness(.8) saturate(.9)}.triptych-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#ffffff0d,#0003,#000c);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1;transition:backdrop-filter .6s cubic-bezier(.23,1,.32,1),background .6s ease}.triptych-panel:hover .triptych-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(to bottom,#ffffff05,#0000001a,#0009)}.triptych-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(40px,6vw,80px);display:flex;flex-direction:column;justify-content:flex-end;z-index:2;color:#fff}.triptych-main-flow{display:flex;flex-direction:column;align-items:flex-start;width:100%}.triptych-title{font-family:"Exo 2",sans-serif;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:600;line-height:1.1;margin-bottom:12px;letter-spacing:-.02em}.triptych-description{font-size:.85rem;line-height:1.6;color:#fff6;margin-bottom:32px;max-width:300px;font-weight:300}.triptych-action-button{display:inline-flex;align-items:center;gap:10px;padding:12px 32px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.95rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:all .3s ease;border-radius:100px;margin-bottom:0;opacity:.9}.triptych-action-button svg{transition:transform .3s ease}.triptych-panel:hover .triptych-action-button{background-color:#f1f1f1;color:#18181b;border-color:#f1f1f1;opacity:1;transform:scale(1.05)}.triptych-panel:hover .triptych-action-button svg{transform:translate(4px)}@media(max-width:1024px){.portfolio-category-view{height:auto;overflow-y:auto}.category-triptych{flex-direction:column;height:auto}.triptych-panel{height:60vh;min-height:450px;flex:none;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.triptych-content{padding:40px 30px}.triptych-title{font-size:2.2rem}}