/* Tastemaker: reference-matched Long-Scroll Narrative. Hero portrait + FLIP sidebar; horizontal gallery; floating capabilities; CTA expansion. Palette #d5cfbe / #ffff00 / #000. User explicitly requested the same flow and animation. */
:root{--focus-color:#404000}
.skip-link{position:fixed;top:10px;left:10px;background:#ffff00;color:#000;padding:12px 18px;z-index:10000;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid var(--focus-color);outline-offset:5px}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font:inherit;color:inherit}
.hero-profile-img{width:100vw;height:auto;max-width:none;object-fit:contain;aspect-ratio:1211/1299;position:absolute;top:0;left:50%;margin-left:0;transform:translateX(-50%);clip-path:url(#harry-silhouette)}
.nesh-logo-svg text,.nesh-logo-preload-svg text,.nesh-logo-ghost text{font-family:Ppneuemontreal,Arial,sans-serif;font-weight:700}
.hero-left-text{max-width:20vw}.hero-right-text{max-width:25vw}
.hero-webflow-projects-text,.nav-webflow-text{font-size:clamp(.75rem,1.05vw,1.25rem)}
.nav-experience-numb{overflow:visible}
.work-image{object-fit:cover;opacity:.75}.work-image-overlay{background:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.08) 65%)}
.work-card-content-bottom-layout{z-index:2}.work-card-content .op80{opacity:1;text-shadow:0 1px 4px #000}
.cta_img{object-fit:cover;object-position:50% 48%}
.faq-toggle{cursor:pointer}.mobile-menu{border:0;background:transparent;padding:0}
.popup-card-text p{margin-bottom:1em}
.social-link:focus-visible{outline-color:currentColor}
@media (max-width:767px){
 .hero-left-text,.hero-right-text{max-width:100%}
 .mobile-hero-image{object-fit:cover;object-position:50% 23%}
 .hero-profile-img{max-width:100%;width:100%;height:100%;clip-path:none;object-fit:cover;object-position:48% 20%}
 .hero-webflow-projects-text,.nav-webflow-text{font-size:14px}
 .work-card-heading{font-size:clamp(26px,6.5vw,40px)}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media print{header,.hero,.footer-bottom,.skip-link{display:none!important}.main-wrap{margin:0}.about-section{margin:0;padding:20px}*{transform:none!important;opacity:1!important}}

html,body{max-width:100%;overflow-x:clip}.experience-number{width:6.5vw;min-width:90px}.hero-profile-img{pointer-events:none}
@media(min-width:768px){.hero-profile-img{left:0;transform:none;width:100%;height:auto}}

.hero-right-text{background:rgba(213,207,190,.94);padding:.55em .65em;border-radius:8px}

img{height:auto}.about-card-img{aspect-ratio:1;object-fit:cover}.popup-card-wrap img{object-fit:cover}.testimonial-img{object-fit:cover}

.portrait-mask-frame{position:absolute;inset:0;width:100%;height:100%}
.hn-past-hero .profile-img-wrap,.hn-past-hero .hero-card-3,.hn-past-hero .hero-cards-left{visibility:hidden!important;pointer-events:none!important}
@media(max-width:767px){.portrait-mask-frame{position:relative}.hero-profile-img{position:relative;left:auto;top:auto;transform:none;aspect-ratio:auto}}
@media(max-width:767px){
 .mobile-hero-image-wrap{overflow:hidden}
 .mobile-hero-image{position:absolute;top:-30px;left:-52%;width:220%;max-width:none;height:auto;object-fit:contain;clip-path:url(#harry-silhouette);mask-image:linear-gradient(to bottom,#000 65%,transparent 90%)}
 .hero-right-text{background:transparent;padding:0}
}
html:not(.hn-past-hero) .profile-img-wrap{visibility:visible!important}