.portfolio-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(184,134,11,.1),transparent 40%),radial-gradient(circle at 80% 15%,rgba(92,61,95,.16),transparent 35%),linear-gradient(180deg,#06060a,#0a0a0f 45%,#09090d);overflow-x:clip}.portfolio-page .cursor{z-index:12000}.word{display:inline-block;white-space:nowrap}.line{overflow:visible}.portfolio-preloader-content{justify-content:center;min-height:100%;text-align:center}.portfolio-preloader-logo{margin-bottom:.75rem}.portfolio-preloader-kicker{font-family:var(--font-body);font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:#0c0c119e}.nav--portfolio{opacity:0}.nav--portfolio.nav--visible{opacity:1}.portfolio-hero{position:relative;min-height:100vh;height:100vh;overflow:hidden;isolation:isolate}.portfolio-hero-media-shell{position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-hero-media-mask{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.portfolio-hero-media{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;will-change:transform}.portfolio-hero-image{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.06) brightness(.72);transform:scale(1.08);will-change:transform}.portfolio-hero-vignette,.portfolio-hero-grain,.portfolio-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.portfolio-hero-vignette{background:radial-gradient(circle at center,transparent 20%,rgba(7,7,10,.08) 48%,rgba(7,7,10,.78) 100%),linear-gradient(180deg,#06060885,#0606082e 34%,#060608d1);z-index:1}.portfolio-hero-grain{z-index:2;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:portfolioGrainDrift 24s steps(10) infinite}.portfolio-hero-glow{z-index:0;filter:blur(60px);opacity:.35}.portfolio-hero-glow--one{background:radial-gradient(circle at 18% 32%,rgba(184,134,11,.18),transparent 44%)}.portfolio-hero-glow--two{background:radial-gradient(circle at 82% 18%,rgba(92,61,95,.22),transparent 40%)}.portfolio-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:clamp(1rem,2vw,2rem);min-height:100%;padding:clamp(7rem,10vw,9rem) clamp(1.5rem,4vw,4rem) clamp(2rem,4vw,3.5rem);max-width:1680px;margin:0 auto}.portfolio-hero-meta{grid-column:1 / span 3;align-self:start;display:flex;flex-direction:column;gap:1.5rem}.portfolio-hero-kicker{max-width:15rem;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:#f8f5f0b3}.portfolio-hero-count{display:flex;flex-direction:column;gap:.5rem;width:fit-content}.portfolio-hero-count-number{font-family:var(--font-display);font-size:clamp(2.6rem,5vw,5rem);line-height:.92;letter-spacing:-.03em;color:var(--velorix-cream)}.portfolio-hero-count-copy{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:#f8f5f094}.portfolio-hero-copy{grid-column:4 / span 6;align-self:center;min-width:0}.portfolio-hero-title{max-width:8.5ch;font-family:var(--font-display);font-size:clamp(4.4rem,10vw,9.6rem);line-height:.88;letter-spacing:-.045em;color:var(--velorix-cream);text-wrap:balance}.portfolio-hero-subtitle{max-width:37rem;margin-top:clamp(1.25rem,2.4vw,2rem);padding-left:clamp(.25rem,1vw,.9rem);font-size:clamp(1rem,1.55vw,1.28rem);line-height:1.7;color:#f8f5f0c7}.portfolio-hero-side{grid-column:11 / span 2;align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:.65rem}.portfolio-hero-side-line{width:min(7rem,100%);height:1px;background:linear-gradient(90deg,#b8860bd9,#f8f5f01f);transform-origin:left center}.portfolio-hero-side-copy{max-width:10rem;font-size:.78rem;line-height:1.8;letter-spacing:.18em;text-transform:uppercase;color:#f8f5f09e}.portfolio-scroll-indicator{position:absolute;right:clamp(1.5rem,4vw,4rem);bottom:clamp(1.6rem,4vw,3rem);z-index:4;display:flex;align-items:center;gap:1rem}.portfolio-scroll-indicator-label{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#f8f5f08f}.portfolio-scroll-indicator-line{position:relative;display:block;width:5.5rem;height:1px;overflow:hidden;background:#f8f5f02e}.portfolio-scroll-indicator-progress{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(90deg,#b8860b,#f8f5f0d1)}.portfolio-grid-section{position:relative;padding:clamp(6rem,10vw,9rem) clamp(1.25rem,4vw,4rem) clamp(6rem,10vw,10rem)}.portfolio-grid-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);align-items:start;margin-bottom:clamp(3rem,6vw,5rem);max-width:1680px;margin-inline:auto}.portfolio-grid-kicker{grid-column:1 / span 3;max-width:14rem;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:#f8f5f094}.portfolio-grid-heading-wrap{grid-column:4 / span 8;min-width:0}.portfolio-grid-title{max-width:15ch;font-family:var(--font-display);font-size:clamp(2.8rem,5.4vw,5.8rem);line-height:.95;letter-spacing:-.04em;color:var(--velorix-cream)}.portfolio-grid-description{max-width:34rem;margin-top:clamp(1.2rem,2vw,1.8rem);padding-left:clamp(0rem,1vw,.8rem);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.8;color:#f8f5f0bd}.portfolio-grid{column-count:3;column-gap:clamp(1rem,2vw,1.8rem);max-width:1680px;margin:0 auto}.portfolio-grid-card{break-inside:avoid;margin-bottom:clamp(1rem,2vw,1.8rem)}.portfolio-grid-card-link{position:relative;display:block;color:inherit;text-decoration:none;transform-origin:center center;transform-style:preserve-3d;will-change:transform;max-width:100%}.portfolio-grid-card-media-mask{position:relative;overflow:hidden;border-radius:1.35rem;background:#ffffff08;transform-style:preserve-3d;will-change:transform}.portfolio-grid-card-media{position:relative;will-change:transform;transform-style:preserve-3d}.portfolio-grid-card-image{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.08);filter:saturate(.92) contrast(1.04) brightness(.88);will-change:transform;transform-origin:center center;backface-visibility:hidden}.portfolio-grid-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07070a05,#07070a5c);opacity:.55;pointer-events:none;will-change:opacity}.portfolio-grid-card-content{display:grid;grid-template-columns:auto 1fr;gap:.9rem 1.25rem;align-items:start;padding:clamp(1.1rem,2vw,1.4rem) clamp(.2rem,.8vw,.35rem) 0;transform-style:preserve-3d;will-change:transform}.portfolio-grid-card-divider{grid-column:2;width:100%;height:1px;margin-top:.1rem;background:linear-gradient(90deg,#b8860bcc,#f8f5f014);transform-origin:left center;will-change:transform,opacity}.portfolio-grid-card-number{grid-row:span 2;font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2.35rem);line-height:1;letter-spacing:-.03em;color:#f8f5f0c7}.portfolio-grid-card-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.3vw,2.2rem);line-height:1.05;letter-spacing:-.035em;color:var(--velorix-cream)}.portfolio-grid-card-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#f8f5f080;will-change:transform,opacity,filter}.portfolio-grid-card-meta span{position:relative}.portfolio-grid-card-meta span:not(:last-child):after{content:"";display:inline-block;width:.32rem;height:.32rem;margin-left:1rem;border-radius:50%;background:#b8860b99;vertical-align:middle}.portfolio-grid-card--tall .portfolio-grid-card-media-mask{aspect-ratio:.76 / 1}.portfolio-grid-card--compact .portfolio-grid-card-media-mask{aspect-ratio:1 / .9}.portfolio-grid-card--wide .portfolio-grid-card-media-mask{aspect-ratio:1 / .72}.portfolio-grid-card--medium .portfolio-grid-card-media-mask{aspect-ratio:.86 / 1}.portfolio-grid-kicker,.portfolio-grid-description,.portfolio-grid-card-content,.portfolio-grid-card-divider{opacity:0}.portfolio-transition-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15000;pointer-events:none;opacity:0;visibility:hidden}.portfolio-transition-bg,.portfolio-transition-frame,.portfolio-transition-copy{position:absolute}.portfolio-transition-bg{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 24% 22%,rgba(184,134,11,.12),transparent 34%),radial-gradient(circle at 78% 16%,rgba(92,61,95,.16),transparent 36%),linear-gradient(180deg,#0505088c,#050508eb);opacity:0}.portfolio-transition-frame{top:0;left:0;overflow:hidden;border-radius:1.35rem;background:#09090d;will-change:transform,width,height,border-radius}.portfolio-transition-media,.portfolio-transition-image,.portfolio-transition-grain,.portfolio-transition-vignette{position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-transition-image{width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.06) brightness(.88);will-change:transform}.portfolio-transition-grain{opacity:.1;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.portfolio-transition-vignette{pointer-events:none;background:linear-gradient(180deg,#06060933,#0606091a 28%,#060609d1),radial-gradient(circle at center,transparent 26%,rgba(7,7,10,.68) 100%)}.portfolio-transition-copy{left:clamp(1.25rem,4vw,4rem);right:clamp(1.25rem,4vw,4rem);bottom:clamp(1.5rem,4vw,3rem);z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem clamp(1rem,2vw,1.5rem);align-items:end;opacity:0;pointer-events:none}.portfolio-transition-number{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;letter-spacing:-.03em;color:#f8f5f0d6}.portfolio-transition-copy-body{display:flex;flex-direction:column;gap:.7rem;min-width:0}.portfolio-transition-title{max-width:12ch;font-family:var(--font-display);font-size:clamp(2rem,4vw,4.5rem);line-height:.94;letter-spacing:-.04em;color:var(--velorix-cream)}.portfolio-transition-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#f8f5f094}.portfolio-transition-meta span{position:relative}.portfolio-transition-meta span:not(:last-child):after{content:"";display:inline-block;width:.32rem;height:.32rem;margin-left:1rem;border-radius:50%;background:#b8860bb3;vertical-align:middle}.portfolio-page.is-transitioning{overflow:hidden}.portfolio-hero-copy,.portfolio-grid-heading-wrap,.portfolio-grid-description,.portfolio-grid-card-title,.portfolio-grid-card-meta,.portfolio-transition-title,.portfolio-transition-meta,.nav-fullscreen-contact-email{overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.portfolio-hero-kicker,.portfolio-hero-count,.portfolio-hero-subtitle,.portfolio-hero-side-line,.portfolio-hero-side-copy,.portfolio-scroll-indicator{opacity:0}@media (max-width: 1024px){.portfolio-hero-grid{grid-template-columns:repeat(8,minmax(0,1fr));padding-top:clamp(6.5rem,10vw,8rem)}.portfolio-hero-meta{grid-column:1 / span 3}.portfolio-hero-copy{grid-column:1 / span 6;align-self:end}.portfolio-hero-side{grid-column:7 / span 2;justify-self:end}.portfolio-scroll-indicator{left:clamp(1.5rem,4vw,3rem);right:auto}.portfolio-grid-intro{grid-template-columns:repeat(8,minmax(0,1fr))}.portfolio-grid-kicker{grid-column:1 / span 2}.portfolio-grid-heading-wrap{grid-column:3 / span 6}.portfolio-grid{column-count:2}.nav--portfolio .nav-fullscreen-content{min-height:100%;overflow-y:auto;overflow-x:hidden}.nav--portfolio .nav-fullscreen-contact-email{font-size:1.05rem}}@media (max-width: 768px){.portfolio-page{cursor:auto}.portfolio-page .cursor{display:none}.portfolio-hero{min-height:100svh;height:auto;overflow:clip}.portfolio-grid-section{padding:4.5rem 1.25rem 5rem}.portfolio-hero-grid{grid-template-columns:1fr;align-items:end;gap:1.5rem;min-height:100svh;padding:clamp(6rem,18vw,7rem) 1.25rem 1.75rem}.portfolio-hero-meta,.portfolio-hero-copy,.portfolio-hero-side{grid-column:1 / -1}.portfolio-hero-meta{align-self:start;gap:1rem}.portfolio-hero-copy{align-self:end}.portfolio-hero-title{max-width:7.5ch;font-size:clamp(3.4rem,16vw,5.8rem);line-height:.9}.portfolio-hero-subtitle{max-width:100%;padding-left:0;font-size:.98rem;line-height:1.65}.portfolio-hero-side{gap:.7rem;padding-bottom:2.9rem}.portfolio-hero-side-copy{max-width:100%;font-size:.7rem;letter-spacing:.16em}.portfolio-scroll-indicator{left:1.25rem;bottom:1.25rem;gap:.8rem}.portfolio-scroll-indicator-line{width:3.75rem}.portfolio-grid-intro{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem}.portfolio-grid-kicker,.portfolio-grid-heading-wrap{grid-column:1 / -1}.portfolio-grid-title{max-width:10.5ch;font-size:clamp(2.45rem,11vw,4rem);line-height:.96}.portfolio-grid-description{max-width:100%;padding-left:0;font-size:.98rem;line-height:1.7}.portfolio-grid{column-count:1;column-gap:0}.portfolio-grid-card{margin-bottom:1.35rem}.portfolio-grid-card-media-mask,.portfolio-grid-card--tall .portfolio-grid-card-media-mask,.portfolio-grid-card--compact .portfolio-grid-card-media-mask,.portfolio-grid-card--wide .portfolio-grid-card-media-mask,.portfolio-grid-card--medium .portfolio-grid-card-media-mask{aspect-ratio:.95 / 1}.portfolio-grid-card-content{grid-template-columns:1fr;gap:.65rem;padding-top:1rem}.portfolio-grid-card-number{grid-row:auto;font-size:1.5rem}.portfolio-grid-card-title{font-size:1.65rem}.portfolio-grid-card-meta{gap:.4rem .85rem;font-size:.7rem;letter-spacing:.14em}.portfolio-grid-card-meta span:not(:last-child):after{margin-left:.85rem}.portfolio-transition-copy{grid-template-columns:1fr;align-items:start;gap:.65rem;left:1.25rem;right:1.25rem;bottom:1.25rem}.portfolio-transition-number{font-size:1.5rem}.portfolio-transition-title{max-width:9.5ch;font-size:clamp(1.8rem,8vw,2.8rem)}.portfolio-transition-meta{font-size:.7rem;letter-spacing:.14em}.portfolio-transition-meta span:not(:last-child):after{margin-left:.85rem}.nav--portfolio .nav-container{padding:0 1.25rem}.nav--portfolio .nav-fullscreen-content{padding:96px 1.25rem 1.5rem;gap:1.75rem;justify-content:space-between}.nav--portfolio .nav-fullscreen-left{justify-content:flex-start}.nav--portfolio .nav-fullscreen-links{gap:1rem}.nav--portfolio .nav-fullscreen-link{gap:.85rem;align-items:flex-start}.nav--portfolio .nav-fullscreen-link-text{font-size:clamp(2rem,10vw,3rem);line-height:.96}.nav--portfolio .nav-fullscreen-link-index{font-size:.75rem}.nav--portfolio .nav-fullscreen-right{gap:1.25rem}.nav--portfolio .nav-fullscreen-preview{display:none}.nav--portfolio .nav-fullscreen-info{gap:1rem}.nav--portfolio .nav-fullscreen-contact-email{font-size:.95rem}.nav--portfolio .nav-fullscreen-social{flex-wrap:wrap;gap:.75rem 1rem}}@media (max-width: 480px){.portfolio-hero{min-height:max(100svh,44rem)}.portfolio-hero-grid{gap:1.1rem;min-height:max(100svh,44rem);padding:5.75rem 1rem 1rem}.portfolio-hero-kicker,.portfolio-hero-count-copy,.portfolio-scroll-indicator-label,.portfolio-hero-side-copy{letter-spacing:.18em}.portfolio-hero-count-number{font-size:clamp(2.2rem,12vw,3rem)}.portfolio-hero-title{max-width:8.2ch;font-size:clamp(2.9rem,14vw,4.2rem)}.portfolio-hero-subtitle{font-size:.92rem;line-height:1.58}.portfolio-hero-side{padding-bottom:2.65rem}.portfolio-scroll-indicator{left:1rem;bottom:.95rem;gap:.65rem}.portfolio-scroll-indicator-label{font-size:.64rem}.portfolio-scroll-indicator-line{width:3rem}.portfolio-grid-section{padding:4rem 1rem 4.5rem}.portfolio-grid-title{max-width:11ch;font-size:clamp(2rem,11vw,2.8rem)}.portfolio-grid-description{font-size:.92rem;line-height:1.62}.portfolio-grid-card-content{padding-right:0}.portfolio-grid-card-title{font-size:1.45rem}.portfolio-grid-card-meta{font-size:.66rem;letter-spacing:.12em}.portfolio-transition-frame{border-radius:1rem}.portfolio-transition-copy{left:1rem;right:1rem;bottom:1rem}.portfolio-transition-title{max-width:100%;font-size:clamp(1.55rem,8vw,2.1rem);line-height:.98}.portfolio-transition-meta{gap:.35rem .65rem;font-size:.64rem;letter-spacing:.12em}.nav--portfolio .nav-container{padding:0 1rem}.nav--portfolio .nav-brand{gap:.35rem}.nav--portfolio .nav-brand-text,.nav--portfolio .nav-brand-accent{font-size:1.05rem;letter-spacing:.08em}.nav--portfolio .nav-toggle-line{width:26px}.nav--portfolio .nav-fullscreen-content{padding:88px 1rem 1.25rem;gap:1.35rem}.nav--portfolio .nav-fullscreen-link-text{font-size:clamp(1.7rem,10vw,2.35rem)}.nav--portfolio .nav-fullscreen-contact-email{font-size:.86rem}.nav--portfolio .nav-fullscreen-social-link{font-size:.72rem;letter-spacing:.08em}}@media (max-width: 380px){.portfolio-hero{min-height:max(100svh,42rem)}.portfolio-hero-grid{min-height:max(100svh,42rem);padding-top:5.4rem}.portfolio-hero-title{font-size:clamp(2.55rem,13.2vw,3.6rem)}.portfolio-hero-subtitle{font-size:.88rem}.portfolio-grid-card-title{font-size:1.3rem}.portfolio-grid-card-meta{gap:.3rem .55rem}.portfolio-transition-title{font-size:clamp(1.45rem,7.6vw,1.9rem)}}@keyframes portfolioGrainDrift{0%{transform:translate(0)}25%{transform:translate(-1.5%,1%)}50%{transform:translate(1%,-1.25%)}75%{transform:translate(-.75%,-.5%)}to{transform:translate(0)}}