.port-main{position:relative}.topo-overlay-dark{z-index:2;pointer-events:none;background:radial-gradient(circle,#0000 0%,#08080880 100%);position:fixed;inset:0}.port-hero{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:0 5%;display:flex;position:relative}.port-hero-heading{font-family:var(--font-display);letter-spacing:-.03em;color:var(--white);cursor:default;white-space:nowrap;margin:0;font-size:clamp(3.2rem,9vw,7.5rem);font-weight:300;line-height:1.1}.flip-word-wrap{vertical-align:bottom;height:1.1em;line-height:1.1;display:inline-block;overflow:hidden}.flip-word-track{flex-direction:column;line-height:1.1;transition:transform 1s cubic-bezier(.16,1,.3,1) .18s;display:flex}.flip-word-track em{height:1.1em;font-style:italic;line-height:1.1;display:block}.flip-word-track .word-passion{color:var(--violet)}.port-hero-heading:hover .flip-word-track{transform:translateY(-50%)}.category-filter{z-index:10;flex-wrap:wrap;justify-content:center;gap:.7rem;padding:0 5% 6rem;display:flex;position:relative}.cat-btn{letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:9999px;padding:.5rem 1.6rem;font-family:Oxanium,sans-serif;font-size:.72rem;transition:color .28s,border-color .28s,background .28s}.cat-btn:hover{color:var(--white);background:#ffffff0f;border-color:#ffffff38}.cat-btn.active{color:var(--gold);background:#c9a84c14;border-color:#c9a84c73}.cat-btn.active-bespoke{color:#c8b3ff;background:#9b6dff1a;border-color:#9b6dff80;box-shadow:0 0 18px #9b6dff26}.proj-scroll-driver{z-index:10;position:relative}.proj-sticky-viewport{justify-content:center;align-items:center;gap:3rem;height:100vh;padding:0 5%;display:flex;position:sticky;top:0;overflow:hidden}.proj-sidebar{z-index:20;flex-direction:column;flex-shrink:0;align-items:center;gap:1.4rem;display:flex;position:relative}.proj-counter{flex-direction:column;align-items:center;gap:.1rem;font-family:Oxanium,sans-serif;display:flex}.proj-count-cur{color:var(--white);letter-spacing:.04em;font-size:2rem;font-weight:300;line-height:1}.proj-count-sep{color:#fff3;letter-spacing:.1em;font-size:.7rem}.proj-count-tot{color:#ffffff59;letter-spacing:.04em;font-size:.9rem;line-height:1}.proj-dot-track{flex-direction:column;align-items:center;gap:.55rem;display:flex}.proj-dot{background:#ffffff1f;border-radius:50%;width:6px;height:6px;transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s,box-shadow .35s}.proj-dot.active.tier-bespoke{background:#9b6dff;transform:scale(1.7);box-shadow:0 0 10px #9b6dff99}.proj-dot.active.tier-basic-plus{background:var(--gold);transform:scale(1.7);box-shadow:0 0 10px #c9a84c80}.proj-dot.active.tier-tech-wip{background:#43e97b;transform:scale(1.7);box-shadow:0 0 10px #43e97b80}.proj-progress-track{background:#ffffff14;border-radius:2px;width:1px;height:80px;overflow:hidden}.proj-progress-fill{background:linear-gradient(180deg,var(--gold),#c9a84c4d);transform-origin:top;border-radius:2px;width:100%;height:100%}.proj-stage{flex:1;justify-content:center;align-items:center;max-width:1000px;display:flex;position:relative}.proj-card-wrap{width:100%}.proj-scroll-hint{letter-spacing:.22em;text-transform:uppercase;color:#ffffff40;flex-direction:column;align-items:center;gap:.35rem;font-family:Oxanium,sans-serif;font-size:.6rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.proj-hint-arrow{animation:1.8s ease-in-out infinite hint-bounce}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.project-card{-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:#0c0c0cb3;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:340px 1fr;transition:border-color .35s,box-shadow .35s;display:grid;overflow:hidden}.project-card.tier-bespoke:hover{border-color:#9b6dff47;box-shadow:0 24px 72px -16px #9b6dff2e}.project-card.tier-basic-plus:hover{border-color:#c9a84c47;box-shadow:0 24px 72px -16px #c9a84c24}.project-card.tier-tech-wip:hover{border-color:#43e97b38;box-shadow:0 24px 72px -16px #43e97b1a}.card-visual{border-right:1px solid #ffffff0f;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.card-visual-bg{position:absolute;inset:0}.card-logo{z-index:1;object-fit:contain;width:auto;max-width:72%;height:auto;max-height:55%;transition:transform .55s var(--ease);filter:drop-shadow(0 0 32px #c9a84c38);position:relative}.project-card:hover .card-logo{transform:scale(1.05)}.brand-visual-text{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.brand-name-line{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(145deg,#ffffffe0,#ffffff59);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:300;line-height:.88}.brand-name-line.line-lg{font-size:clamp(2.8rem,4.5vw,4rem)}.brand-name-line.line-sm{letter-spacing:.38em;font-size:clamp(2rem,3vw,2.8rem)}.brand-visual-hymns{z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;align-items:center;gap:0;line-height:1;display:flex;position:relative}.hymns-line{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.32em;color:#ffffffe0;transition:letter-spacing .55s var(--ease),opacity .55s ease;font-weight:300;line-height:1}.hymns-line-primary{font-size:clamp(3.2rem,5.5vw,4.8rem);font-weight:200}.hymns-line-secondary{color:#ffffff52;letter-spacing:.62em;margin-top:.25em;font-size:clamp(1.1rem,1.8vw,1.6rem)}.project-card:hover .hymns-line-primary{letter-spacing:.42em}.project-card:hover .hymns-line-secondary{letter-spacing:.78em}.wip-visual{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex;position:relative}.wip-tag{letter-spacing:.2em;text-transform:uppercase;border-radius:9999px;padding:.28rem 1rem;font-family:Oxanium,sans-serif;font-size:.66rem}.wip-tag.tier-tech-wip{color:#43e97bbf;background:#43e97b0f;border:1px solid #43e97b4d}.wip-name{font-family:var(--font-display);letter-spacing:.04em;color:#ffffff1a;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:300}.card-content{flex-direction:column;justify-content:center;gap:1.1rem;padding:2.6rem 2.8rem;display:flex}.card-tier-badge{letter-spacing:.18em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.45rem;width:fit-content;padding:.3rem .9rem;font-family:Oxanium,sans-serif;font-size:.66rem;display:inline-flex}.card-tier-badge.tier-bespoke{color:#c8b3ff;background:#9b6dff14;border:1px solid #9b6dff66}.card-tier-badge.tier-basic-plus{color:var(--gold);background:#c9a84c14;border:1px solid #c9a84c66}.card-tier-badge.tier-tech-wip{color:#43e97b;background:#43e97b0f;border:1px solid #43e97b59}.badge-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.tier-bespoke .badge-dot{background:#9b6dff}.tier-basic-plus .badge-dot{background:var(--gold)}.tier-tech-wip .badge-dot{background:#43e97b}.card-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--white);margin:0;font-size:clamp(2rem,3.2vw,3rem);font-weight:300;line-height:1}.card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.card-tag{letter-spacing:.08em;color:#ffffff61;background:#ffffff08;border:1px solid #ffffff1a;border-radius:9999px;padding:.28rem .85rem;font-family:Oxanium,sans-serif;font-size:.67rem}.card-desc{font-family:var(--font-display);color:#ffffff7a;margin:0;font-size:clamp(.92rem,1.5vw,1.05rem);font-style:italic;line-height:1.7}.work-with-us{text-align:center;z-index:10;background:linear-gradient(#0000,#c9a84c08);border-top:1px solid #ffffff12;border-radius:0;flex-direction:column;align-items:center;gap:1.6rem;margin:0 5%;padding:10rem 5% 14rem;display:flex;position:relative}.wwu-buttons{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:1.2rem;display:flex}@media (max-width:900px){.project-card{grid-template-columns:1fr}.card-visual{border-bottom:1px solid #ffffff0f;border-right:none;min-height:200px}.card-content{padding:1.8rem 1.6rem}.port-hero-heading{white-space:normal;text-align:center}.flip-word-wrap{height:1.1em;display:block}.proj-sticky-viewport{gap:1.2rem;padding:0 3% 0 2%}.proj-sidebar{gap:.9rem}.proj-count-cur{font-size:1.4rem}.proj-progress-track{height:50px}}@media (max-width:600px){.proj-sticky-viewport{flex-direction:column;justify-content:center;gap:1.2rem;padding:6rem 4% 2rem}.proj-sidebar{flex-direction:row;justify-content:center;gap:1.4rem;width:100%}.proj-progress-track{width:60px;height:1px}.proj-progress-fill{transform-origin:0}.proj-dot-track{flex-direction:row}.card-title{font-size:1.8rem}}