.intro h1{font-size:clamp(2.6rem,6.5vw,6.5rem);line-height:1.04;letter-spacing:-.055em;text-transform:none;max-width:900px}.intro-foot{display:block}.intro-foot>a{display:inline-block;margin-top:2rem}.intro-kicker{margin-bottom:2rem}.profile{background:#101210;color:#f1f1ef}.profile h2{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem}.profile-copy{display:block;margin:0;max-width:920px;font-size:clamp(1.3rem,2.8vw,2.65rem);line-height:1.5;letter-spacing:-.035em}.profile-copy strong{font-weight:500;color:#dcff75}.expertise h2{font-size:clamp(2.5rem,4vw,4rem);margin-bottom:2rem}.expertise .eyebrow{margin-bottom:1.5rem}.skill-row{padding:1.2rem 0}.skill-row h3{font-size:clamp(1.2rem,2vw,2rem)}.tool-symbol{font-size:2.4rem}.contact h2{font-size:clamp(2.5rem,6vw,6rem);line-height:1.1;text-transform:none}.short-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px;margin:auto}.short-grid img{aspect-ratio:1;object-fit:cover}.short-grid div{min-height:6rem}.section-label h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1}.section-label{margin-bottom:2rem}.stage img{object-fit:contain}.case-heading h3{font-size:clamp(1.3rem,2.5vw,2.5rem)}
/* The viewport is a single stage; scroll changes its composition instead of moving panels. */
.metamorph #main{height:var(--story-height);position:relative}.metamorph .story-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#050505}.metamorph .scene{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:6rem max(5vw,24px) 7rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:transparent;transform-origin:50% 50%;will-change:transform,opacity,clip-path}.metamorph .work{position:static;border:0}.metamorph .case{padding-inline:6vw}.metamorph .stage{width:100%;height:52svh;max-height:52svh;aspect-ratio:auto;margin:1rem 0}.metamorph .case-heading,.metamorph .case-note{width:100%;margin:0}.metamorph .case-note{gap:2rem}.metamorph .timeline{display:none}.metamorph .shorts{display:flex}.metamorph .short-grid{width:100%;padding:0}.metamorph .section-label{margin-inline:0}.metamorph .contact{text-align:left;align-items:flex-start}.metamorph .contact h2{margin:1.5rem 0 2rem}.metamorph .expertise{background:transparent}.metamorph .intro-foot{margin-top:2rem}.metamorph .intro{overflow:hidden}.story-shape{display:none}.metamorph .story-shape{display:block;position:absolute;left:50%;top:50%;width:55vw;height:55vw;border:1px solid #505a4080;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse,#26302055,transparent 65%);will-change:transform,border-radius;opacity:.6}.metamorph .profile-copy{max-width:950px}.topbar{grid-template-columns:1fr auto}.topbar p{justify-self:end}.counter{display:none}
@media(max-width:800px),(max-height:600px){.short-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{min-height:80svh}.profile,.expertise{min-height:0;padding-block:5rem}.profile-copy{font-size:1.35rem}.short-grid div{min-height:7rem}.contact{min-height:70svh}.intro h1{font-size:clamp(2.6rem,8vw,4rem)}}