.home-intro{--intro-top:18vh;--intro-side:11vw;--intro-bottom:12vh;z-index:3;pointer-events:none;position:fixed;inset:0}.home-intro__bar{will-change:transform;background:#f4f1e5;position:absolute;overflow:hidden}.home-intro__bar--top{height:50vh;top:0;left:0;right:0}.home-intro__bar--bottom{height:50vh;bottom:0;left:0;right:0}.home-intro__bar--left{width:50vw;top:0;bottom:0;left:0}.home-intro__bar--right{width:50vw;top:0;bottom:0;right:0}.home-intro__track{will-change:transform;position:absolute;inset:0}.home-intro__logo{color:#302323;opacity:0;width:clamp(140px,20vw,220px);transition:opacity .7s,transform .7s;position:absolute;top:clamp(2rem,5.5vh,4rem);left:50%;transform:translate(-50%,8px)}.home-intro__logo .nook-logo{pointer-events:none;display:block}.home-intro__logo .nook-logo svg{width:100%;height:auto;display:block}.home-intro.is-logo-in .home-intro__logo{opacity:1;transform:translate(-50%)}body.is-intro-active{background:#f4f1e5;overflow:hidden}body.is-intro-active:not(.is-intro-done) .site-header--transparent,body:has([data-home-intro]):not(.is-intro-done) .site-header--transparent{opacity:0;pointer-events:none}body:has([data-home-intro]):not(.is-intro-done) .hero--full,body.is-intro-active:not(.is-intro-done) .hero--full{z-index:2}body.is-intro-image:not(.is-intro-expanding):not(.is-intro-done) .home-intro__bar,body.is-intro-image:not(.is-intro-expanding):not(.is-intro-done) .home-intro__track{transition:transform .7s}body.is-intro-image:not(.is-intro-expanding):not(.is-intro-done) .home-intro__bar--top{transform:translateY(calc(var(--intro-top) - 50vh))}body.is-intro-image:not(.is-intro-expanding):not(.is-intro-done) .home-intro__track{transform:translateY(calc(50vh - var(--intro-top)))}body.is-intro-image:not(.is-intro-expanding):not(.is-intro-done) .home-intro__bar--bottom{transform:translateY(calc(50vh - var(--intro-bottom)))}body.is-intro-image:not(.is-intro-expanding):not(.is-intro-done) .home-intro__bar--left{transform:translateX(calc(var(--intro-side) - 50vw))}body.is-intro-image:not(.is-intro-expanding):not(.is-intro-done) .home-intro__bar--right{transform:translateX(calc(50vw - var(--intro-side)))}body:has([data-home-intro]):not(.is-intro-expanding):not(.is-intro-done) .hero--full .hero__base,body:has([data-home-intro]):not(.is-intro-expanding):not(.is-intro-done) .hero--full .hero__img{transform-origin:50%;will-change:transform;transform:scale(.86)}body.is-intro-image:not(.is-intro-expanding):not(.is-intro-done) .hero--full .hero__base,body.is-intro-image:not(.is-intro-expanding):not(.is-intro-done) .hero--full .hero__img{transition:transform .7s}body:has([data-home-intro]):not(.is-intro-done) .hero--full .hero__zone{pointer-events:none}body.is-intro-expanding:not(.is-intro-done) .home-intro__bar,body.is-intro-expanding:not(.is-intro-done) .home-intro__track{transition:transform 1.15s cubic-bezier(.65,0,.35,1)}body.is-intro-expanding:not(.is-intro-done) .home-intro__bar--top{transform:translateY(-50vh)}body.is-intro-expanding:not(.is-intro-done) .home-intro__track,body.is-intro-expanding:not(.is-intro-done) .home-intro__bar--bottom{transform:translateY(50vh)}body.is-intro-expanding:not(.is-intro-done) .home-intro__bar--left{transform:translate(-50vw)}body.is-intro-expanding:not(.is-intro-done) .home-intro__bar--right{transform:translate(50vw)}body.is-intro-expanding:not(.is-intro-done) .hero--full .hero__base,body.is-intro-expanding:not(.is-intro-done) .hero--full .hero__img{transform-origin:50%;transition:transform 1.15s cubic-bezier(.65,0,.35,1);transform:scale(1)}body.is-intro-done .hero--full .hero__base,body.is-intro-done .hero--full .hero__img,.hero--full[data-intro-settled] .hero__base,.hero--full[data-intro-settled] .hero__img{transform-origin:50%;transition:none;transform:scale(1)}@media (width<=720px){.home-intro{--intro-top:16vh;--intro-side:8vw;--intro-bottom:10vh}.home-intro__logo{width:clamp(120px,42vw,180px);top:clamp(1.75rem,5vh,3rem)}}@media (prefers-reduced-motion:reduce){.home-intro{display:none}body:has([data-home-intro]) .hero--full,body:has([data-home-intro]) .hero--full .hero__base,body:has([data-home-intro]) .hero--full .hero__img,body.is-intro-expanding .hero--full .hero__base,body.is-intro-expanding .hero--full .hero__img,.hero--full[data-intro-settled] .hero__base,.hero--full[data-intro-settled] .hero__img{z-index:auto;transition:none;transform:none}body:has([data-home-intro]) .site-header--transparent,body.is-intro-active .site-header--transparent{opacity:1;pointer-events:auto}}.latest-work__eyebrow{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem)}.latest-work__grid{gap:clamp(1.5rem,3vw,2.5rem);display:grid}@media (width>=768px){.latest-work__grid{grid-template-columns:1fr 1fr}}.approach__eyebrow{text-align:center;margin-bottom:clamp(2rem,5vw,4rem)}.approach__rows{gap:clamp(2.5rem,6vw,5rem);display:grid}.approach__heading{letter-spacing:.01em;color:#302323;font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:400}.approach__text{color:#302323;max-width:46ch;font-weight:300;line-height:1.8}.professionals__eyebrow{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem)}.professionals__heading{letter-spacing:.01em;color:#302323;font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:400}.professionals__text{color:#302323;max-width:48ch;font-weight:300;line-height:1.8}
