html{scroll-behavior:smooth}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.hero{background:var(--black);color:var(--white);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:52vh;padding:100px 5% 80px;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(60% 50% at 50% 110%,#c8a96e33 0%,#0000 65%),radial-gradient(35% 30% at 15% 75%,#c8a96e0d 0%,#0000 60%),radial-gradient(35% 30% at 85% 75%,#c8a96e0d 0%,#0000 60%);position:absolute;inset:0}.hero-grid{pointer-events:none;opacity:.04;background-image:linear-gradient(var(--white) 1px, transparent 1px), linear-gradient(90deg, var(--white) 1px, transparent 1px);background-size:60px 60px;position:absolute;inset:0}.hero-breadcrumb{color:#ffffff85;z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.78rem;display:flex;position:relative}.hero-breadcrumb a{color:#ffffffb8;text-decoration:none}.hero-breadcrumb a:hover{color:var(--gold)}.hero-breadcrumb .breadcrumb-sep{color:#ffffff3d}.hero-breadcrumb [aria-current=page]{color:var(--gold)}.hero-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.72rem;font-weight:600;animation:.8s both fadeIn;display:inline-flex}.hero-dot{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.hero h1{font-family:var(--serif);letter-spacing:-.04em;margin-bottom:1.25rem;font-size:clamp(2.8rem,6vw,5rem);font-weight:700;line-height:1.08;animation:.9s .1s both fadeUp}.hero h1 em{color:var(--gold);font-style:italic}.hero p{color:#ffffff8c;max-width:480px;margin:0 auto;font-size:1rem;line-height:1.8;animation:.9s .2s both fadeUp}.breadcrumb{background:var(--off);border-bottom:1px solid var(--g200);color:var(--g400);align-items:center;gap:.5rem;padding:12px 5%;font-size:.78rem;display:flex}.breadcrumb a{color:var(--g700);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--gold)}.breadcrumb-sep{color:var(--g200)}.portfolio-page section{padding:80px 5%}.s-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;font-size:.7rem;font-weight:600;display:block}.s-head{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.12}.s-head em{color:var(--gold);font-style:italic}.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:3rem;display:flex}.filter-btn{border:1px solid var(--g200);background:var(--white);color:var(--g700);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--sans);letter-spacing:.02em;border-radius:100px;align-items:center;gap:.4rem;padding:.45rem 1.1rem;transition:all .2s;display:inline-flex}.filter-btn:hover{border-color:var(--black);color:var(--black)}.filter-btn.active{background:var(--black);color:var(--white);border-color:var(--black)}.filter-btn .f-count{color:inherit;background:#ffffff26;border-radius:8px;padding:1px 5px;font-size:.68rem;font-weight:700}.filter-btn:not(.active) .f-count{background:var(--g100);color:var(--g400)}.port-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.port-media-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;position:absolute;inset:0;overflow:auto hidden}.port-media-strip::-webkit-scrollbar{display:none}.port-media-slide{scroll-snap-align:start;flex:0 0 100%;min-width:100%;height:100%}.port-media-slide img{object-fit:cover;width:100%;height:100%;display:block}.port-card{border:1px solid var(--g200);background:var(--white);cursor:pointer;border-radius:10px;flex-direction:column;transition:box-shadow .3s,transform .3s,border-color .3s;display:flex;overflow:hidden}.port-card:hover{border-color:var(--gold-lt);transform:translateY(-4px);box-shadow:0 16px 50px #0000001a}.port-thumb{aspect-ratio:16/10;flex-shrink:0;text-decoration:none;display:block;position:relative;overflow:hidden}.port-thumb-inner{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s;display:flex}.port-card:hover .port-thumb-inner{transform:scale(1.04)}.port-overlay{background:#0d0d0d00;justify-content:space-between;align-items:flex-start;padding:1rem;transition:background .3s;display:flex;position:absolute;inset:0}.port-card:hover .port-overlay{background:#0d0d0d61}.port-cat-badge{background:var(--gold);color:var(--black);letter-spacing:.1em;text-transform:uppercase;opacity:0;border-radius:3px;padding:.28rem .6rem;font-size:.65rem;font-weight:700;transition:opacity .3s,transform .3s;transform:translateY(-6px)}.port-card:hover .port-cat-badge{opacity:1;transform:translateY(0)}.port-link-icon{opacity:0;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:opacity .3s,transform .3s;display:flex;transform:scale(.7)}.port-card:hover .port-link-icon{opacity:1;transform:scale(1)}.port-body{flex-direction:column;flex:1;gap:.6rem;padding:1.4rem 1.5rem 1.6rem;display:flex}.port-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.port-type{letter-spacing:.12em;text-transform:uppercase;color:var(--g400);font-size:.65rem;font-weight:700}.port-year{color:var(--g400);font-size:.72rem}.port-title{font-family:var(--serif);letter-spacing:-.025em;color:var(--black);font-size:1.1rem;font-weight:700;line-height:1.25;text-decoration:none;display:block}.port-title:hover{color:var(--black);text-decoration:underline}.port-desc{color:var(--g700);flex:1;font-size:.83rem;line-height:1.7}.port-tags{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.port-tag{color:var(--g700);background:var(--g100);letter-spacing:.03em;border-radius:3px;padding:.18rem .5rem;font-size:.65rem;font-weight:500}.port-footer{border-top:1px solid var(--g100);justify-content:space-between;align-items:center;margin-top:.1rem;padding-top:.85rem;display:flex}.port-client{color:var(--g400);font-size:.75rem;font-style:italic}.port-cta{color:var(--gold);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.port-cta:hover{color:var(--black)}.thumb-meto7{background:linear-gradient(135deg,#0d0d14 0%,#141428 40%,#0d2040 100%)}.thumb-ntf{background:linear-gradient(150deg,#061208 0%,#0e2a15 45%,#0a1f10 100%)}.thumb-jayach{background:linear-gradient(135deg,#e8f4f8 0%,#c8dff0 60%,#a8c8e0 100%)}.thumb-careerclev{background:linear-gradient(135deg,#1a0a2e 0%,#2d1050 50%,#4a1a7a 100%)}.thumb-yblocal{background:linear-gradient(135deg,#071a0f 0%,#0d3020 50%,#145230 100%)}.thumb-gpa{background:linear-gradient(135deg,#1a0f05 0%,#3a1e08 50%,#8a4a00 100%)}.stats-band{background:var(--black);border-top:1px solid #ffffff0f;grid-template-columns:repeat(4,1fr);gap:0;padding:60px 5%;display:grid}.stat{text-align:center;border-right:1px solid #ffffff0f;padding:1.5rem 1rem}.stat:last-child{border-right:none}.stat-num{font-family:var(--serif);color:var(--white);letter-spacing:-.04em;margin-bottom:.4rem;font-size:clamp(2.2rem,4vw,3rem);font-weight:700;line-height:1}.stat-num span{color:var(--gold)}.stat-label{color:#ffffff61;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:500}.cta-band{background:var(--gold);text-align:center;padding:80px 5%}.cta-band h2{font-family:var(--serif);color:var(--black);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.cta-band p{color:#0009;margin-bottom:2.5rem;font-size:1rem}.btn-dark{background:var(--black);color:var(--white);letter-spacing:.02em;border-radius:4px;padding:.9rem 2.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.btn-dark:hover{opacity:.8}.empty-state{text-align:center;color:var(--g400);grid-column:1/-1;padding:4rem 2rem;font-size:.9rem}.empty-state span{font-family:var(--serif);opacity:.3;margin-bottom:1rem;font-size:2rem;display:block}@media (width<=960px){.port-grid,.stats-band{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid #ffffff0f;border-right:none}}@media (width<=600px){.port-grid,.stats-band{grid-template-columns:1fr}}