.opening-sequence{overflow-x:clip}.opening-sequence .intro-line{margin-top:-.065em;margin-bottom:-.125em;padding-top:.065em;padding-bottom:.18em;overflow:clip}.opening-sequence .intro-line-inner,.opening-sequence .bocca-title-inner{transform-origin:0 100%;display:block}.opening-sequence .bocca-title-line{margin-top:-.055em;margin-bottom:-.15em;padding:.055em .025em .15em;display:block;overflow:clip}.opening-sequence .bocca-description h2 .bocca-title-line:first-child,.opening-sequence .bocca-description h2 .bocca-title-inner{margin-left:0}.opening-sequence .scene-stage{transform-origin:50% 65%}.opening-sequence .bocca-window{background:#050505;overflow:visible;clip-path:none!important;transform:none!important}.opening-sequence .bocca-identity{background:#050505}.opening-sequence .bocca-identity img{transform-origin:50% 55%}.opening-sequence .bocca-photo-stage{min-width:0;position:relative}.opening-sequence .bocca-photo{transform-origin:50% 70%;height:auto;overflow:visible}.opening-sequence .bocca-photo img{object-fit:contain;width:100%;height:auto;transform:none!important}.opening-sequence .bocca-description{position:relative}@media (max-width:760px){.opening-sequence .intro-copy h1{flex-wrap:wrap;justify-content:flex-start;column-gap:.14em;display:flex}.opening-sequence .intro-copy h1>.intro-line:first-child{flex-basis:100%}.opening-sequence .intro-copy h1>.intro-line{flex-grow:0;flex-shrink:0;justify-self:auto;width:auto}.opening-sequence .intro-copy h1>.title-mid{margin-left:0}}@media (max-width:760px) and (min-height:501px){.opening-sequence .scene-stage{height:clamp(285px,80vw,345px)}}html[data-motion=reduced] .opening-sequence :is(.intro-copy,.intro-line,.intro-line-inner,.designer-name,.hero-description,.hero-description p,.portfolio-entry,.scene-stage,.bocca-identity img,.bocca-photo,.bocca-title-inner,.bocca-description-copy>*){opacity:1!important;visibility:visible!important;transform:none!important}@media (prefers-reduced-motion:reduce){.opening-sequence :is(.intro-copy,.intro-line,.intro-line-inner,.designer-name,.hero-description,.hero-description p,.portfolio-entry,.scene-stage,.bocca-identity img,.bocca-photo,.bocca-title-inner,.bocca-description-copy>*){opacity:1!important;visibility:visible!important;transform:none!important}}
.scroll-reveal{min-width:0}.collaboration-strip{--collaboration-gap:clamp(32px, 4vw, 72px);--collaboration-logo-width:clamp(190px, 18vw, 240px);color:var(--fg,#f1f0ed);min-width:0;padding:clamp(52px,7vw,110px) 0}.collaboration-strip-heading{padding:0 var(--gutter,24px);justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.collaboration-strip-heading h2{font-family:var(--font-body,Arial, sans-serif);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:450;line-height:1.4}.collaboration-strip-window{min-width:0}.collaboration-strip-track{display:block}.collaboration-strip-group{justify-content:center;align-items:center;gap:34px var(--collaboration-gap);padding:0 var(--gutter,24px);flex-wrap:wrap;margin:0;list-style:none;display:flex}.collaboration-strip-item{--logo-optical-width:190px;--logo-optical-height:76px;width:var(--collaboration-logo-width);flex:0 0 var(--collaboration-logo-width);justify-content:center;align-items:center;height:104px;display:flex}.collaboration-strip-artwork{width:min(100%, var(--logo-optical-width));height:var(--logo-optical-height);justify-content:center;align-items:center;display:flex}.collaboration-strip-item img{object-fit:contain;filter:brightness(0)invert();-webkit-user-select:none;user-select:none;width:100%;max-width:100%;height:100%;display:block}.collaboration-strip-item[data-logo=rochus]{--logo-optical-width:226px;--logo-optical-height:44px}.collaboration-strip-item[data-logo=das1090]{--logo-optical-width:117px;--logo-optical-height:80px}.collaboration-strip-item[data-logo=see22]{--logo-optical-width:190px;--logo-optical-height:72px}.collaboration-strip-item[data-logo=ristorante-roma-1180]{--logo-optical-width:160px;--logo-optical-height:80px}.collaboration-strip-item[data-logo=in-bocca-al-lupo]{--logo-optical-width:81px;--logo-optical-height:86px}.collaboration-strip-item[data-logo=premium-hundesalon]{--logo-optical-width:218px;--logo-optical-height:76px}.collaboration-strip-item[data-logo=tapni]{--logo-optical-width:154px;--logo-optical-height:62px}.collaboration-strip-item[data-logo=freiraum]{--logo-optical-width:167px;--logo-optical-height:44px}.collaboration-strip-item[data-logo=luxcar-logistik]{--logo-optical-width:214px;--logo-optical-height:66px}.collaboration-strip-credit{font-family:var(--font-body,Arial, sans-serif);letter-spacing:normal;text-align:center;overflow-wrap:anywhere;font-size:clamp(20px,1.6vw,26px);font-weight:400;line-height:1.35}.collaboration-strip--animated{height:var(--collaboration-scroll-height,auto);padding:0}.collaboration-strip--animated .collaboration-strip-sticky{top:var(--collaboration-sticky-top,136px);padding:36px 0;position:sticky}.collaboration-strip--animated .collaboration-strip-window{overflow:hidden}.collaboration-strip--animated .collaboration-strip-track{width:max-content;display:flex}.collaboration-strip--animated .collaboration-strip-group{width:max-content;padding:0 var(--gutter,24px);flex-wrap:nowrap;flex:none;justify-content:flex-start;display:flex}@media (max-width:760px){.collaboration-strip{--collaboration-gap:30px;--collaboration-logo-width:200px;padding:48px 0}.collaboration-strip--animated{padding:0}.collaboration-strip--animated .collaboration-strip-sticky{padding:24px 0}.collaboration-strip-heading{gap:14px;margin-bottom:26px}.collaboration-strip-heading h2{font-size:14px}.collaboration-strip-group{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}.collaboration-strip-item{justify-self:center;width:min(200px,100%);min-width:0}.collaboration-strip--animated .collaboration-strip-item{width:200px}.collaboration-strip--animated .collaboration-strip-group{column-gap:var(--collaboration-gap);display:flex}}html[data-motion=reduced] .scroll-reveal [data-reveal]{opacity:1!important;clip-path:none!important;transform:none!important}html[data-motion=reduced] .collaboration-strip-track{width:auto!important;animation:none!important;display:block!important;transform:none!important}html[data-motion=reduced] .collaboration-strip-group{min-width:0!important;padding:0 var(--gutter,24px)!important;flex-wrap:wrap!important}html[data-motion=reduced] .collaboration-strip{height:auto!important;padding:48px 0!important}html[data-motion=reduced] .collaboration-strip-sticky{padding:0!important;position:static!important}html[data-motion=reduced] .collaboration-strip-group{width:auto!important}@media (max-width:760px){html[data-motion=reduced] .collaboration-strip-group{display:grid!important}}@media (prefers-reduced-motion:reduce){.scroll-reveal [data-reveal]{opacity:1!important;clip-path:none!important;transform:none!important}.collaboration-strip-track{width:auto!important;animation:none!important;display:block!important;transform:none!important}.collaboration-strip-group{min-width:0!important;padding:0 var(--gutter,24px)!important;flex-wrap:wrap!important}.collaboration-strip{height:auto!important;padding:48px 0!important}.collaboration-strip-sticky{padding:0!important;position:static!important}.collaboration-strip-group{width:auto!important}}@media (prefers-reduced-motion:reduce) and (max-width:760px){.collaboration-strip-group{display:grid!important}}
.service-panels{padding:72px var(--gutter,24px) 130px;min-width:0;scroll-margin-top:140px}.service-panels-heading{font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 clamp(38px,5vw,76px);font-size:clamp(72px,8vw,132px);font-weight:650;line-height:.98}.service-panels-list{min-width:0}.service-panels-row{overflow-anchor:none;min-width:0;padding:clamp(24px,3.2vw,48px) 0;scroll-margin-top:145px}.service-panels-row h3{font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:clamp(60px,7.3vw,120px);font-weight:550;line-height:1}.service-panels-word-mask{vertical-align:top;margin:-.1em -.12em -.16em -.04em;padding:.1em .12em .16em .04em;display:inline-block;overflow:hidden}.service-panels-word{transform-origin:0 100%;display:inline-block}.service-panels-rule{background:var(--fg,#f1f0ed);transform-origin:0%;width:clamp(96px,22vw,280px);height:3px;margin-top:20px;display:block}.service-panels-slot{width:58%;min-width:0;margin-left:auto}.service-panels-body{grid-template-rows:1fr;min-width:0;display:grid}.service-panels-mask{min-width:0;min-height:0;overflow:hidden}.service-panels-copy{padding:25px 0 9px;display:flow-root}.service-panels-copy p{max-width:640px;color:var(--muted,#aaa9a5);font-family:var(--font-body,Arial, sans-serif);margin:0;font-size:clamp(18px,1.6vw,24px);font-weight:400;line-height:1.6}.service-panels-copy p+p{margin-top:18px}@media (max-width:760px){.service-panels{padding:48px var(--gutter,24px) 70px;scroll-margin-top:116px}.service-panels-heading{margin-bottom:28px;font-size:clamp(66px,18vw,112px)}.service-panels-row{padding:28px 0;scroll-margin-top:118px}.service-panels-row h3{font-size:clamp(52px,14vw,88px);line-height:1.02}.service-panels-rule{width:34%;height:3px;margin-top:17px}.service-panels-slot{width:94%}.service-panels-copy{padding-top:22px;padding-bottom:4px}.service-panels-copy p{font-size:18px;line-height:1.6}}html[data-motion=reduced] .service-panels-body{grid-template-rows:1fr!important}html[data-motion=reduced] .service-panels-word,html[data-motion=reduced] .service-panels-rule{opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){.service-panels-body{grid-template-rows:1fr!important}.service-panels-word,.service-panels-rule{opacity:1!important;transform:none!important}}
.project-transition{--transition-top:polygon(0% 0%,60% 0%,48% 100%,0% 100%);--transition-bottom:polygon(0% 0%,48% 0%,36% 100%,0% 100%);color:#fff;background:#050505;width:100%;margin-block:clamp(44px,8vw,120px)}.project-transition--right{--transition-top:polygon(40% 0%,100% 0%,100% 100%,52% 100%);--transition-bottom:polygon(52% 0%,100% 0%,100% 100%,64% 100%)}.project-transition-ruler{padding:0 var(--gutter,24px) 14px;font-family:var(--font-body,Arial, sans-serif);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;gap:24px;font-size:11px;font-weight:500;line-height:1.4;display:flex}.project-transition-stage{isolation:isolate;contain:paint;height:clamp(190px,23vw,360px);position:relative;overflow:clip}.project-transition-shutter{background:#fff;height:50.1%;position:absolute;inset:0 0 auto}.project-transition-shutter--top{clip-path:var(--transition-top)}.project-transition-shutter--bottom{clip-path:var(--transition-bottom);top:50%}.project-transition-number{z-index:1;font-family:var(--font-display,var(--font-body,Arial, sans-serif));font-variation-settings:normal;letter-spacing:-.075em;white-space:nowrap;font-size:clamp(190px,26vw,415px);font-weight:650;line-height:.95;position:absolute;bottom:-.075em}.project-transition-from{color:#050505;left:7%}.project-transition-to{color:#fff;right:8%}.project-transition--right .project-transition-from{left:auto;right:8%}.project-transition--right .project-transition-to{left:7%;right:auto}.project-transition-cut{font-family:Arial,sans-serif;font-size:clamp(26px,4vw,60px);line-height:1;position:absolute;top:0;right:2%}.project-transition--right .project-transition-cut{left:2%;right:auto}@media (max-width:760px){.project-transition{margin-block:42px}.project-transition-ruler{padding-bottom:12px;font-size:10px}.project-transition-stage{height:clamp(178px,47vw,270px)}.project-transition-number{font-size:clamp(170px,50vw,280px)}.project-transition-from,.project-transition--right .project-transition-to{left:4%}.project-transition-to,.project-transition--right .project-transition-from{right:5%}}html[data-motion=reduced] .project-transition-shutter--top{clip-path:var(--transition-top)!important}html[data-motion=reduced] .project-transition-shutter--bottom{clip-path:var(--transition-bottom)!important}html[data-motion=reduced] .project-transition-number{opacity:1!important;clip-path:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.project-transition-shutter--top{clip-path:var(--transition-top)!important}.project-transition-shutter--bottom{clip-path:var(--transition-bottom)!important}.project-transition-number{opacity:1!important;clip-path:none!important;transform:none!important}}
