/* Shared MACHO portrait and motion treatments. All content is visible by default. */
.macho-portrait{margin:0;min-width:0;position:relative}.portrait-window{position:relative;overflow:hidden;isolation:isolate;border-radius:18px;background:#253248;border:1px solid #acbdde45;aspect-ratio:var(--portrait-ratio, .8)}.portrait-window img{position:absolute;display:block;max-width:none!important;width:var(--portrait-width)!important;height:auto!important;left:var(--portrait-left,0);top:var(--portrait-top,0);object-fit:initial!important;transition:filter .5s}.portrait-caption{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:10px;letter-spacing:.1em;line-height:1.6;color:#b3bfd3;margin:14px 0 0}.portrait-caption span:last-child{color:#b6c7ff}.portrait-compact{max-width:205px;margin:0 0 30px}.portrait-compact .portrait-caption{font-size:9px;letter-spacing:.04em}.portrait-about{max-width:380px;margin:28px 0 0}.intro-side:has(.portrait-about){width:100%}.about-id>.macho-portrait{max-width:380px}.macho-person-grid{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(35px,7vw,100px);align-items:center}.macho-person-grid>.macho-portrait{max-width:390px;width:100%}.macho-person-grid h2{max-width:850px}.macho-person-grid .story-lede{max-width:720px}.macho-about-hero .layout-wrap{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.macho-about-hero .macho-portrait{max-width:340px}.macho-about-hero h1{font-size:clamp(42px,5.2vw,78px)}.macho-about-hero p{max-width:730px}.macho-reveal-in{animation:macho-rise .75s cubic-bezier(.2,.7,.2,1) both}.kinetic-copy h1>span{animation:macho-rise .85s cubic-bezier(.2,.7,.2,1) both}.kinetic-copy h1>span:nth-child(2){animation-delay:.1s}.kinetic-copy h1>span:nth-child(3){animation-delay:.2s}.macho-portrait-scene{animation:macho-enter 1.05s cubic-bezier(.2,.7,.2,1) both}.macho-hover-word.is-near{opacity:.85;filter:drop-shadow(0 0 9px #75cfff80);color:#b8ecff}.macho-hover-word.is-burst{animation:macho-word-burst .6s ease-out}.case-card,.studio-work,.macho-service-card{--spot-x:50%;--spot-y:50%;transition:translate .25s,box-shadow .25s}.case-card:hover,.studio-work:hover,.macho-service-card:hover{box-shadow:0 15px 35px #0002}.macho-divider{transform-origin:left}.macho-divider.is-drawn{animation:macho-line .9s ease-out both}.macho-activity-consent{background:#152034!important;border-color:#9eaff080!important}.macho-activity-consent button:first-child{background:#c4ceff!important;border-color:#c4ceff!important;color:#14213a!important}.macho-activity-consent p{color:#c8d1e7!important}.macho-activity-consent .act-link{color:#c4ceff!important}@keyframes macho-rise{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}@keyframes macho-enter{from{opacity:0;scale:.96}to{opacity:1;scale:1}}@keyframes macho-line{from{scale:0 1}to{scale:1 1}}@keyframes macho-word-burst{35%{opacity:1;filter:drop-shadow(0 0 18px #75cfff);scale:1.65}100%{scale:1}}@media(hover:hover) and (pointer:fine){.macho-portrait:hover img{filter:brightness(1.06)}}@media(max-width:760px){.macho-person-grid,.macho-about-hero .layout-wrap{grid-template-columns:1fr;gap:35px}.macho-person-grid>.macho-portrait{max-width:290px}.macho-about-hero .macho-portrait{max-width:310px;width:100%}.portrait-about{max-width:290px}.portrait-compact{max-width:160px}.macho-about-hero h1{font-size:clamp(40px,10vw,65px)}}@media(max-height:550px) and (min-width:761px){.macho-orbit-story .orbit-shell{position:relative!important;min-height:0!important;height:auto!important;display:grid!important}.macho-orbit-story{height:auto!important;min-height:0!important}}@media(prefers-reduced-motion:reduce){.macho-reveal-in,.kinetic-copy h1>span,.macho-portrait-scene,.macho-hover-word.is-burst,.macho-divider.is-drawn{animation:none!important}.portrait-window img,.case-card,.studio-work,.macho-service-card{transition:none!important}}

/* Stacked chapters are also the complete no-JavaScript and reduced-motion experience. */
html:not(.macho-orbit-ready) .macho-orbit-story,html.macho-orbit-stacked .macho-orbit-story{min-height:0;height:auto}html:not(.macho-orbit-ready) .macho-orbit-sticky,html.macho-orbit-stacked .macho-orbit-sticky{position:relative;height:auto;min-height:0;overflow:visible;padding-top:45px}html:not(.macho-orbit-ready) .macho-orbit-grid,html.macho-orbit-stacked .macho-orbit-grid{grid-template-columns:1fr;max-width:1100px}html:not(.macho-orbit-ready) .macho-orbit-visual,html.macho-orbit-stacked .macho-orbit-visual{height:350px;max-width:600px;margin:auto}html:not(.macho-orbit-ready) .macho-orbit-text,html.macho-orbit-stacked .macho-orbit-text{height:auto;display:block;padding:25px clamp(15px,4vw,40px)}html:not(.macho-orbit-ready) .orbit-chapter,html.macho-orbit-stacked .orbit-chapter{display:flex;opacity:1;transform:none;pointer-events:auto;padding:35px 0;border-top:1px solid #bbccff30;animation:none}html:not(.macho-orbit-ready) .orbit-steps,html.macho-orbit-stacked .orbit-steps,html:not(.macho-orbit-ready) #macho-orbit-pause,html:not(.macho-orbit-ready) .macho-orbit-scroll-spacer,html.macho-orbit-stacked .macho-orbit-scroll-spacer{display:none}html.macho-orbit-stacked .macho-orbit-heading{flex-wrap:wrap;font-size:9px}html.macho-orbit-stacked .macho-orbit-bottom{flex-wrap:wrap;font-size:8px}@media(max-width:760px){html.macho-orbit-stacked .orbit-chapter h2{font-size:clamp(36px,10vw,60px)}html.macho-orbit-stacked .macho-orbit-control{left:4%;right:4%}html.macho-orbit-stacked .macho-orbit-control span{font-size:8px}}

.portrait-window .portrait-crop{display:block;position:relative;width:100%;height:100%;overflow:hidden}.intro-side:has(.portrait-about){display:block}.intro-side .portrait-caption,.contact-intro .portrait-caption{color:#596780}.intro-side .portrait-caption span:last-child,.contact-intro .portrait-caption span:last-child{color:#465681}

.studio-contact-grid .portrait-caption{color:#53675b}.studio-contact-grid .portrait-caption span:last-child{color:#465681}