/* One shared rhythm for captions, grouped content, modules and page sections. */
:root{--space-caption:clamp(6px,.55vw,9px);--space-content:clamp(24px,2.5vw,40px);--space-module:clamp(48px,5vw,72px);--space-media:clamp(36px,9vw,128px);--space-section:clamp(72px,7.5vw,108px);--space-boundary:clamp(88px,9vw,130px);--space-chapter:clamp(112px,14vw,202px);--space-statistics:clamp(72px,8.5vw,170px);--case-caption:var(--space-caption);--case-inner:var(--space-content);--case-gap:var(--space-section);--case-boundary:var(--space-boundary)}
.semantic-page-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.related-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px;margin-bottom:clamp(28px,4vw,54px)}.related-header .more-cs-header{margin:0}.back-to-work{display:grid;place-items:center;width:clamp(46px,5vw,64px);aspect-ratio:1;border:1px solid currentColor;border-radius:50%;color:inherit;text-decoration:none;transition:background-color .25s ease,color .25s ease}.back-to-work svg{display:block;width:76%;height:76%;transition:transform .25s ease;transform-origin:center}.back-to-work svg path{stroke-width:1;vector-effect:non-scaling-stroke}.back-to-work:hover,.back-to-work:focus-visible{background:#111;color:#fff}.back-to-work:hover svg,.back-to-work:focus-visible svg{transform:scale(.9)}.related-grid{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px)}.related-grid .link-to-cs{width:100%;margin:0}.related-grid .cs-image-wrapper,.shared-cover,.project-wrapper .div-image-wrapper,.project-wrapper .div-is-50.work-page{aspect-ratio:3/2;overflow:hidden;position:relative}.related-grid .cs-image-wrapper>img,.related-grid .cs-image-wrapper>video,.shared-cover>img,.shared-cover>video,.project-wrapper .div-image-wrapper>img,.project-wrapper .div-image-wrapper>video,.project-wrapper .div-is-50.work-page>img,.project-wrapper .div-is-50.work-page>video{width:100%;height:100%;object-fit:cover}.related-grid .cs-image-wrapper .w-background-video,.shared-cover .w-background-video,.project-wrapper .div-image-wrapper .w-background-video,.project-wrapper .div-is-50.work-page .w-background-video{height:100%;min-height:100%;width:100%;padding:0}
.project-wrapper,.related-grid .link-to-cs{--cover-focus-x:50%;--cover-focus-y:50%}.related-grid .cs-image-wrapper>.w-embed,.project-wrapper .div-image-wrapper>.w-embed,.project-wrapper .div-is-50.work-page>.w-embed{width:100%;height:100%!important;min-height:100%;padding:0}.related-grid .cs-image-wrapper :is(img,video),.project-wrapper :is(.div-image-wrapper,.div-is-50.work-page) :is(img,video){object-position:var(--cover-focus-x) var(--cover-focus-y)!important;transform-origin:var(--cover-focus-x) var(--cover-focus-y)!important}.related-grid .cs-image-wrapper>.w-embed,.project-wrapper :is(.div-image-wrapper,.div-is-50.work-page)>.w-embed{transform-origin:var(--cover-focus-x) var(--cover-focus-y)!important}
.photography-fullwidth img{display:block;height:auto}
@media(max-width:767px){[data-site-page="animation"] .photo-wrapper img{display:block;width:100%;height:auto}}
.project-wrapper .div-image-wrapper .w-background-video>.image-20,.project-wrapper .div-is-50.work-page .w-background-video>.image-20,.shared-cover .w-background-video>.image-20{position:absolute;left:50%;top:50%;z-index:2;width:clamp(164px,30%,300px)!important;height:auto!important;max-width:38%!important;margin:0!important;object-fit:contain!important;transform:translate(-50%,-50%)}
.project-wrapper .thumbnail-logo{position:absolute!important;left:50%;top:50%;z-index:3;width:clamp(120px,30%,260px)!important;height:auto!important;max-width:42%!important;object-fit:contain!important;transform:translate(-50%,-50%)}
.waving-hand{display:inline-block;transform-origin:70% 75%;text-decoration:none;color:inherit}
.menu-toggle .lottie-menu{display:block!important;width:42px;height:34px;position:absolute;inset:0;margin:auto}.menu-toggle.has-lottie>span{display:none}.menu-toggle:not(.has-lottie) .lottie-menu{visibility:hidden}.menu-toggle>span:last-of-type{width:20px;align-self:flex-end}.menu-toggle{gap:5px}.menu-toggle .lottie-menu svg{width:100%!important;height:100%!important}
[data-project-sections]>[data-module-key]>.section{padding-top:var(--space-module);padding-bottom:0}
[data-project-sections]>[data-module-key]:first-child>.section{padding-top:0}
[data-project-sections]>[data-module-key]>.section>.container.is-case-study{padding-top:0}
[data-project-sections]>[data-module-key][data-surface="dark"]>.section{margin-top:0;padding-top:var(--space-section);padding-bottom:0}
[data-project-sections]>[data-module-key]:not([data-surface="dark"])+[data-module-key][data-surface="dark"]>.section{padding-top:var(--space-boundary)}
[data-project-sections]>[data-module-key]:not([data-surface="dark"])+[data-module-key][data-surface="dark"].module-section{padding-top:var(--space-boundary)}
[data-project-sections]>[data-module-key]:first-child[data-surface="dark"].module-section[data-module-role="chapter"]{padding-top:var(--space-boundary)}
[data-project-sections]>[data-module-key][data-module-role="chapter"]+[data-module-key] :is(.module-palette,.module-explainer,.module-labelled-media,.module-process){border-top:0;padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="overview"]>.section{padding-top:var(--space-module)}
/* Reusable modules use a single-owner rhythm: each module supplies only the
   space before it. This prevents two adjacent modules from doubling a gap. */
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section,[data-project-sections]>[data-module-key][data-module-role="content"].module-section{padding-top:var(--module-spacing-top,var(--space-module));padding-bottom:0}
/* The standard case-study introduction owns its closing whitespace. This keeps
   the first flexible module from carrying a misleading, top-heavy chapter gap
   in the visual editor while preserving the same rendered distance. */
[data-project-sections]>[data-module-key][data-module-role="overview"]+[data-module-key]>.section{padding-top:var(--space-chapter)}
[data-project-sections]>[data-module-key][data-module-role="overview"]:not([data-module-key="the-dock-00"])[data-surface="light"]:has(+[data-module-key][data-surface="light"])>.section{padding-bottom:var(--space-chapter)}
[data-project-sections]>[data-module-key][data-module-role="overview"]:not([data-module-key="the-dock-00"])[data-surface="light"]+[data-module-key][data-surface="light"]>.section{padding-top:0}
/* Native modules use their own outer section rather than a captured .section.
   Move, rather than add, the following module's gap into Project Overview. */
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section[data-surface="light"]:has(+[data-module-key][data-module-role="media"].module-section[data-surface="light"]){padding-bottom:calc(var(--space-module) + var(--space-media))}
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section[data-surface="light"]+[data-module-key][data-module-role="media"].module-section[data-surface="light"]{padding-top:var(--module-spacing-top,0)}
[data-module-spacing-top="classic"]{--module-spacing-top:clamp(56px,4vw,64px)}
[data-module-spacing-top="classic-quote"]{--module-spacing-top:48px}
[data-module-spacing-top="rx-opening"]{--module-spacing-top:19px}
[data-module-spacing-top="rx-section-break"]{--module-spacing-top:158px}
[data-module-spacing-top="rx-palette"]{--module-spacing-top:146px}
[data-module-spacing-top="rx-dark-section"]{--module-spacing-top:var(--space-media)}
[data-module-spacing-top="rx-website"]{--module-spacing-top:215px}
[data-module-continuation="true"]{--module-spacing-top:140px}
/* Structured Project Overview mirrors the captured Webflow composition: the
   overview owns its closing rule and the following media starts after it. */
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section[data-surface="light"]:has(+[data-module-key][data-module-role="media"].module-section[data-surface="light"]){padding-bottom:var(--space-section)}
[data-project-sections]>[data-module-key][data-module-role="quote"]>.section{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="quote"].module-section{padding-top:var(--space-section);padding-bottom:var(--space-section)}
[data-project-sections]>[data-module-key][data-module-role="quote"] .module-quote{margin-top:0;margin-bottom:0}
[data-project-sections]>[data-module-key][data-module-role="quote"].module-section+[data-module-key].module-section{padding-top:var(--module-spacing-top,0)}
[data-project-sections]>[data-module-key][data-module-role="media"]>.section{padding-top:var(--space-media)}
[data-project-sections]>[data-module-key]:first-child[data-module-role="media"]>.section{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="media"]>.section .photo-contain{margin-top:0;margin-bottom:0}
[data-project-sections]>[data-module-key][data-module-role="media"].module-section{padding-top:var(--module-spacing-top,var(--space-media));padding-bottom:0}
[data-project-sections]>[data-module-type="logoMarqueeModule"].module-section:has(+[data-module-key][data-module-role="media"][data-surface="light"]){padding-bottom:var(--space-media)}
[data-project-sections]>[data-module-type="logoMarqueeModule"].module-section[data-surface="light"]+[data-module-key][data-module-role="media"][data-surface="light"].module-section{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="hero"].module-section{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="media"][data-surface="light"]+[data-module-key][data-surface="light"]:not([data-module-role="media"]):not([data-module-role="overview"]):not([data-module-role="statistics"])>.section{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="statistics"]>.section{padding-block:var(--space-statistics)}
[data-project-sections]>[data-module-key][data-module-role="statistics"]+[data-module-key][data-module-role="media"]>.section{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="statistics"]+[data-module-key][data-module-role="media"].module-section{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="statistics"].module-section{padding-block:var(--space-statistics)}
[data-project-sections]>[data-module-key][data-module-role="statistics"] .grid-11,[data-project-sections]>[data-module-key][data-module-role="statistics"] .module-stats{padding-block:0}
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section[data-surface="light"]:has(+[data-module-key][data-module-role="content"].module-section[data-surface="light"]){padding-bottom:calc(var(--space-module) + var(--space-module))}
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section[data-surface="light"]+[data-module-key][data-module-role="content"].module-section[data-surface="light"]{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section[data-surface="light"]:has(+[data-module-key][data-module-role="quote"].module-section[data-surface="light"]){padding-bottom:calc(var(--space-module) + var(--space-section))}
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section[data-surface="light"]+[data-module-key][data-module-role="quote"].module-section[data-surface="light"]{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section[data-surface="light"]:has(+[data-module-key][data-module-role="statistics"].module-section[data-surface="light"]){padding-bottom:calc(var(--space-module) + var(--space-statistics))}
[data-project-sections]>[data-module-key][data-module-role="overview"].module-section[data-surface="light"]+[data-module-key][data-module-role="statistics"].module-section[data-surface="light"]{padding-top:0}
[data-project-sections] .cs-section-wrapper{margin-bottom:0}
[data-project-sections] .cs-header-wrapper{margin-top:0;margin-bottom:0}
[data-project-sections] .cs-header-wrapper.no-margin{margin-top:0}
[data-project-sections]>[data-module-key][data-module-role="overview"] .cs-header-wrapper:has(.cs-2-column){margin-top:var(--space-content)}
[data-project-sections] .cs-section-wrapper>.divider,[data-project-sections] .cs-content-wrapper>.divider{margin-top:var(--case-gap);margin-bottom:var(--case-inner)}
[data-project-sections] .photo-contain{margin-top:var(--space-media)}
[data-project-sections] .photo-contain .photo-contain{margin-top:var(--space-media)}
[data-project-sections] .photo-contain.work-imagery.thedock-signage{margin-top:var(--space-media)}
[data-project-sections] .profiles-grid,[data-project-sections] .phase-wrapper{margin-top:var(--case-inner)}
[data-project-sections] .cs-header-wrapper+.phase-wrapper{margin-top:var(--space-module)}
[data-project-sections] .cs-section-wrapper.intro.quote{margin-top:var(--space-section);margin-bottom:var(--space-section)}
[data-project-sections]>[data-module-key][data-module-role="quote"]+[data-module-key]>.section,[data-project-sections]>[data-module-key][data-ends-with-quote="true"]+[data-module-key]>.section{padding-top:0}
[data-project-sections]>[data-module-key][data-module-role="chapter"]:has(.module-chapter-rx)+[data-module-key][data-module-role="media"]{--module-spacing-top:64px}
.module-chapter-rx::after{margin-top:77px}
@media(max-width:767px){[data-module-spacing-top="rx-opening"]{--module-spacing-top:31px}[data-module-spacing-top="rx-section-break"]{--module-spacing-top:64px}[data-module-spacing-top="rx-palette"]{--module-spacing-top:96px}[data-module-spacing-top="rx-dark-section"]{--module-spacing-top:145px}[data-module-spacing-top="rx-website"]{--module-spacing-top:20px}[data-module-continuation="true"]{--module-spacing-top:48px}[data-project-sections]>[data-module-key][data-module-role="chapter"]:has(.module-chapter-rx)>.module-container{padding-top:14px}[data-project-sections]>[data-module-key][data-module-role="chapter"]:has(.module-chapter-rx)+[data-module-key][data-module-role="media"]{--module-spacing-top:59px}.module-chapter-rx::after{margin-top:96px}}
[data-project-sections] .photo-description-wrapper{margin-top:var(--case-caption)}
[data-project-sections] .photo-description-wrapper+img,[data-project-sections] .photo-description-wrapper+video{margin-top:var(--case-caption)}
[data-project-sections] .grid-11{padding-top:var(--case-gap)}
[data-design="andaz-16"] .phase-image-wrapper{margin-top:var(--case-caption)}
[data-design="andaz-16"] .photo-contain{margin-top:var(--case-caption)}
[data-design="andaz-15"] .phase-wrapper{margin-bottom:var(--case-inner)}
[data-project-sections]>[data-module-key]:last-child>.section{padding-bottom:var(--space-boundary)}
[data-project-sections]>[data-module-key].module-section:last-child{padding-bottom:var(--space-boundary)}
/* A surface transition closes the light chapter before the dark chapter opens.
   This adjacency rule is independent of module type, so reordering never moves
   responsibility for the chapter gap into an image, quote or credits block. */
[data-project-sections]>[data-module-key][data-surface="light"]:has(+[data-module-key][data-surface="dark"])>.section{padding-bottom:var(--space-boundary)}
[data-project-sections]>[data-module-key][data-surface="light"].module-section:has(+[data-module-key][data-surface="dark"]){padding-bottom:var(--space-boundary)}
[data-project-sections]>[data-module-key][data-module-flush-next="true"].module-section{padding-bottom:0!important}
[data-project-sections]>[data-module-key][data-module-flush-next="true"]+[data-module-key][data-surface="dark"]{position:relative;z-index:1;margin-top:-2px}
[data-module-key="the-dock-00"] .thedock-html,[data-module-key="the-dock-00"] .thedock-html .phase-wrapper{margin-bottom:var(--case-caption)}
/* The Dock predates the modular renderer, so expose its internal chapters to the shared rhythm. */
[data-module-key="the-dock-00"] .container.cs-hero-image+.container.is-case-study .cs-section-wrapper.intro{padding-top:var(--space-module)}
[data-module-key="the-dock-00"] .cs-section-wrapper.intro .cs-header-wrapper:has(.cs-2-column){margin-top:var(--space-content)}
[data-module-key="the-dock-00"] .cs-section-wrapper.intro+.divider{margin-top:var(--space-chapter)}
[data-module-key="the-dock-00"] .thedock-html+.divider{margin-top:var(--space-module)}
[data-module-key="the-dock-00"] .photo-contain.work-imagery.thedock-signage~.photo-contain:not(.thedock-gridimages){margin-top:var(--space-media)}
[data-module-key="the-dock-01"],[data-module-key="louderthanwords-02"]{display:block!important;padding-top:var(--space-media);background:#fff}
[data-module-key="louderthanwords-01"] .ltw-student-catalogue{display:none}
[data-module-key="louderthanwords-01"] .cs-section-title:has(+.ltw-student-catalogue),[data-module-key="louderthanwords-01"] .cs-subtext-wrapper:has(+.photo-contain.top){margin-bottom:0}
[data-module-key="louderthanwords-01"] .cs-section-title+.ltw-student-catalogue+.photo-contain,[data-module-key="louderthanwords-01"] .cs-subtext-wrapper+.photo-contain.top{margin-top:var(--space-content)}
[data-module-key="judd-house-03"]>.marquee-main-wrapper{padding-bottom:var(--space-boundary)}
[data-module-key="judd-house-03"]>.marquee-main-wrapper>.marquee-main-wrapper{position:relative;top:60px}
[data-module-key="judd-house-03"]>.marquee-main-wrapper>.container .photo-contain.top{margin-top:var(--space-module)}
[data-module-key="judd-house-03"] .marquee-wrapper{cursor:grab;touch-action:pan-y;user-select:none}
[data-module-key="judd-house-03"] .marquee-wrapper.is-dragging{cursor:grabbing}
@media(max-width:991px){[data-module-key="judd-house-03"]>.marquee-main-wrapper>.marquee-main-wrapper{top:24px}}
@media(max-width:479px){[data-module-key="judd-house-03"]>.marquee-main-wrapper>.marquee-main-wrapper{top:14px}}
[data-module-key="gardenia-bay-02"] .photo-50-50.top>._50-50,[data-module-key="gardenia-bay-04"] .photo-50-50.top>._50-50{display:flex;flex-direction:column}
[data-module-key="gardenia-bay-02"] .photo-50-50.top>._50-50>img,[data-module-key="gardenia-bay-04"] .photo-50-50.top>._50-50>img{width:100%;aspect-ratio:3/2;object-fit:cover}
@media(min-width:768px){[data-module-key="gardenia-bay-05"] .bts-image-block .bts-description,[data-module-key="gardenia-bay-05"] .bts-image-block .bts-description-2,[data-module-key="gardenia-bay-05"] .bts-image-block-2nd-line .bts-description,[data-module-key="gardenia-bay-05"] .bts-image-block-2nd-line .bts-description-2{min-height:3em;align-items:flex-start}}
@media(min-width:768px){[data-project-sections] .photo-50-50:has(>._50-50>.photo-description-wrapper:first-child){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1em;align-items:start}[data-project-sections] .photo-50-50:has(>._50-50>.photo-description-wrapper:first-child)>._50-50{display:contents}[data-project-sections] .photo-50-50:has(>._50-50>.photo-description-wrapper:first-child)>._50-50>.photo-description-wrapper{grid-row:1;margin-bottom:0}[data-project-sections] .photo-50-50:has(>._50-50>.photo-description-wrapper:first-child)>._50-50>img,[data-project-sections] .photo-50-50:has(>._50-50>.photo-description-wrapper:first-child)>._50-50>video{grid-row:2;width:100%;margin-top:var(--space-caption)}}
[data-project-sections] .cs-content-wrapper>:first-child{margin-top:0}
.cs-hero-section .project-header-wrapper,.cs-hero-section .grid-4-column>div{animation:none!important}
.content-reveal-pending,.content-reveal-waiting{opacity:0;filter:blur(15px)}
.content-line-pending{opacity:0;transform:scaleX(0);transform-origin:left center}
/* The root flag is written synchronously in <head>. Hide entrance targets from
   the very first paint, before slower mobile JavaScript can bind observers. */
html.motion-ready .photography-fullwidth,html.motion-ready .module-section>.module-container:not(:has(>.module-process)),html.motion-ready .module-process>header,html.motion-ready .module-process-list>article,html.motion-ready .project-wrapper,html.motion-ready .link-block-extra,html.motion-ready .grid-about-2column,html.motion-ready .photo-contain,html.motion-ready .photo-left-50,html.motion-ready .photo-right-50,html.motion-ready .cs-section-wrapper,html.motion-ready .cs-section-title,html.motion-ready .cs-section-wrapper>.cs-header-wrapper,html.motion-ready .phase-wrapper,html.motion-ready .phase-header-wrapper,html.motion-ready .profiles-grid,html.motion-ready .grid-11,html.motion-ready .related-grid,html.motion-ready .related-header,html.motion-ready .section>.container>img,html.motion-ready .section>.container>video,html.motion-ready [data-page-intro]{opacity:0;filter:blur(15px)}
html.motion-ready .divider,html.motion-ready .rule-cs-headings,html.motion-ready .rule-footer{opacity:0;transform:scaleX(0);transform-origin:left center}
.lottie-scroll-wrapper .arrow-down-black{opacity:0;transition:opacity .25s ease}
.lottie-scroll-wrapper:hover .arrow-down-black,.lottie-scroll-wrapper:focus-visible .arrow-down-black{opacity:1}
/* Reserve the circular About control before lottie-web inserts its SVG. The
   captured stylesheet only supplied a width, causing a one-frame layout jump. */
.lottie-scroll-wrapper .lotttie-scroll{width:7em;height:7em;aspect-ratio:1;flex:0 0 7em}
/* Keep the About scroll control anchored to the same box while the parent
   entrance filter starts and finishes. Filters otherwise change the nearest
   containing block for its absolutely positioned desktop layout. */
.section.is-about{position:relative;z-index:auto}
.media-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--case-gap) clamp(24px,4vw,64px)}.collection-item{margin:0}.collection-item:first-child{grid-column:1/-1;width:100%;margin-bottom:calc(var(--case-boundary) - var(--case-gap))}.collection-item:nth-child(5n+3){grid-column:2}.collection-item:nth-child(5n+4){grid-column:1}.collection-item:nth-child(5n){grid-column:1/-1;width:75%;justify-self:center}.collection-item>.module-nested{margin:0}.collection-item figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:var(--case-caption);font-size:12px}.collection-featured{margin-bottom:var(--case-boundary)}
@media(max-width:767px){.grid-is-extras{grid-template-columns:1fr!important;row-gap:32px!important}.grid-is-extras .link-block-extra{width:100%!important}.grid-is-extras h3{font-size:clamp(28px,7vw,40px)}.description-wrapper .image-arrow,.description-wrapper img[src*="arrow-right"],.description-wrapper svg{width:40px!important;max-width:40px!important;flex:0 0 40px}.project-wrapper .description-wrapper{padding-right:48px;position:relative}.project-wrapper .description-wrapper img[src*="arrow"]{position:absolute;right:0;opacity:1!important}.related-grid,.media-collection{grid-template-columns:1fr;gap:32px}.collection-item:nth-child(n){grid-column:1;width:100%}.related-header{gap:16px}.related-header .more-cs-header{font-size:clamp(24px,6vw,34px)}.menu-toggle .lottie-menu{display:none!important}.menu-toggle.has-lottie>span{display:block}}
@media(max-width:767px){#nav{top:0!important;transform:none!important;opacity:1!important;visibility:visible!important}.menu-link-wrapper{position:static!important;transform:none!important;opacity:1!important}.menu-toggle,.menu-open .menu-toggle{position:fixed!important;top:6px!important;right:12px!important;margin:0!important;display:block!important;transform:none!important}.menu-toggle span,.menu-toggle>span:last-of-type{position:absolute;left:13px;top:20px;width:22px;height:1px;margin:0}.menu-toggle span:last-of-type{top:27px}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-overlay .menu-contact-links{display:contents!important}.menu-overlay .menu-contact-item{width:100%}.menu-overlay .menu-contact-item .menu-item{font-size:28px!important}.menu-overlay .menu-contact-item .rule{width:100%}.background-video.thedock-bgvideo{height:56.25vw;max-height:none}[data-module-key="mans-eternal-metal-05"]{display:block!important;padding-top:var(--space-media);background:#fff}[data-module-key="louderthanwords-01"] #team-timeline{display:block!important}}
@media(prefers-reduced-motion:reduce){.content-reveal-waiting{opacity:1;filter:none}}
.back-to-work{position:relative}.back-to-work svg{position:absolute;inset:0;width:72%!important;height:72%!important;margin:auto;transform:none!important}.back-to-work:hover svg,.back-to-work:focus-visible svg{transform:scale(.94)!important}
@media(max-width:767px){.menu-toggle .lottie-menu,.menu-toggle>span{display:none!important}.menu-toggle::before,.menu-toggle::after{content:"";position:absolute;left:13px;width:22px;height:1px;background:currentColor;transform-origin:center;transition:transform .35s cubic-bezier(.22,1,.36,1),top .35s cubic-bezier(.22,1,.36,1)}.menu-toggle::before{top:20px}.menu-toggle::after{top:27px}.menu-open .menu-toggle::before{top:23.5px;transform:rotate(45deg)}.menu-open .menu-toggle::after{top:23.5px;transform:rotate(-45deg)}.menu-overlay .menu-links-wrapper{display:flex!important}.menu-overlay .menu-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;width:100%;margin-top:auto}.menu-overlay .menu-contact-grid>a{width:100%;margin:0!important;color:#f8f4f7!important;font-size:2em}.menu-overlay .menu-contact-grid>a:first-child{grid-column:1/-1}.menu-overlay .menu-contact-grid .menu-item{display:flex;min-height:54px;padding:0 6px;font-size:1em!important;line-height:1!important;color:inherit;align-items:center;justify-content:space-between;gap:16px}.menu-overlay .menu-contact-grid>a:nth-child(2) .menu-item,.menu-overlay .menu-contact-grid>a:nth-child(4) .menu-item{padding-left:0}.menu-overlay .menu-contact-grid .menu-item-text{display:flex;align-items:center;min-width:0;min-height:54px;line-height:1!important}.menu-overlay .menu-contact-grid .rule{width:100%;height:1px;background:#f8f4f75c}.menu-overlay .menu-contact-grid img{width:18px;height:18px;flex:0 0 18px;margin-right:4px;object-fit:contain}.menu-overlay .menu-contact-grid>.menu-item-wrapper[href="#contact"]{pointer-events:none}.menu-overlay .menu-contact-grid>.menu-item-wrapper[href="#contact"] .menu-item{min-height:54px;padding-left:0}.menu-overlay .menu-contact-grid>.menu-item-wrapper[href="#contact"] .menu-item-text{min-height:54px}.menu-overlay .menu-contact-grid>.menu-item-wrapper[href="#contact"] img{display:none}.background-video,.background-video video{visibility:visible!important;opacity:1!important;display:block!important}}
[data-module-key="mans-eternal-metal-05"]{padding-top:var(--space-chapter)!important}
[data-module-key="mans-eternal-metal-05"] .background-video,[data-module-key="the-dock-01"] .background-video,[data-module-key="louderthanwords-02"] .background-video{position:relative!important;overflow:hidden!important;background-color:transparent!important;background-image:none!important}
[data-module-key="mans-eternal-metal-05"] .background-video>video,[data-module-key="the-dock-01"] .background-video>video,[data-module-key="louderthanwords-02"] .background-video>video{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important;background:none!important;visibility:visible!important;opacity:1!important}
@media(max-width:767px){.project-wrapper.work-page .description-wrapper.work{position:relative!important;width:100%!important;padding-right:48px}.project-wrapper.work-page .description-wrapper.work .arrow-right-black{position:absolute!important;left:auto!important;right:0!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important;opacity:1!important}}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){.project-wrapper.work-page>.div-is-50.work-page>img,.project-wrapper.work-page>.div-is-50.work-page>.w-background-video,.project-wrapper.work-page>.div-is-50.work-page>.w-embed{transition:transform .7s cubic-bezier(.22,1,.36,1);transform-origin:center;will-change:transform;backface-visibility:hidden}.project-wrapper.work-page:hover>.div-is-50.work-page>img,.project-wrapper.work-page:focus-visible>.div-is-50.work-page>img,.project-wrapper.work-page:hover>.div-is-50.work-page>.w-background-video,.project-wrapper.work-page:focus-visible>.div-is-50.work-page>.w-background-video,.project-wrapper.work-page:hover>.div-is-50.work-page>.w-embed,.project-wrapper.work-page:focus-visible>.div-is-50.work-page>.w-embed{transform:scale(1.05)}}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){.cs-wrapper-home>.project-wrapper .div-image-wrapper>.w-background-video,.cs-wrapper-home>.project-wrapper .div-image-wrapper>.w-embed,.cs-wrapper-home>.project-wrapper .div-image-wrapper>img{transition:transform .7s cubic-bezier(.22,1,.36,1);transform-origin:center;will-change:transform;backface-visibility:hidden}.cs-wrapper-home>.project-wrapper .div-image-wrapper:hover>.w-background-video,.cs-wrapper-home>.project-wrapper:focus-visible .div-image-wrapper>.w-background-video,.cs-wrapper-home>.project-wrapper .div-image-wrapper:hover>.w-embed,.cs-wrapper-home>.project-wrapper:focus-visible .div-image-wrapper>.w-embed,.cs-wrapper-home>.project-wrapper .div-image-wrapper:hover>img,.cs-wrapper-home>.project-wrapper:focus-visible .div-image-wrapper>img{transform:scale(1.05)!important}}