/* One identical CSS frame, independent screen, device and floating work layers. */
.wb-hero-devices{position:relative;isolation:isolate;width:100%;max-width:640px;aspect-ratio:.86;margin:0;align-self:center;min-width:0}
.wb-hero-devices__canvas{position:absolute;inset:0}
.wb-hero-device{position:absolute;width:43%;margin:0;will-change:transform;transition:transform .12s ease-out}
.wb-hero-device--web{left:5%;top:13%;z-index:1;transform:translate3d(0,var(--wb-parallax-y,0px),0) rotate(-6deg)}
.wb-hero-device--social{left:46%;top:4%;z-index:2;transform:translate3d(0,var(--wb-parallax-y,0px),0) rotate(6deg)}
.wb-device-shell{position:relative;aspect-ratio:.485;width:100%;border:1px solid #747883;border-radius:13.6%/6.6%;background:linear-gradient(110deg,#7d818a,#15181d 6%,#41454c 50%,#12141a 94%,#7e838b);box-shadow:inset 0 0 0 2px #111319,0 22px 30px #0005;isolation:isolate;overflow:hidden}
.wb-device-glass{position:absolute;inset:1.5% 3%;border-radius:12.5%/6.1%;background:#0a1017;z-index:0}
.wb-device-status{position:absolute;left:9%;right:9%;top:4%;height:3%;display:flex;justify-content:space-between;align-items:center;color:#fff;font:700 clamp(6px,.7vw,10px)/1 Effra,sans-serif;z-index:4}
.wb-device-status svg{width:13%;height:auto}
.wb-device-island{position:absolute;z-index:5;left:36%;top:3.3%;width:28%;height:3.8%;border-radius:30px;background:#010204;box-shadow:inset 0 1px 2px #ffffff0c}
.wb-device-island:after{content:'';position:absolute;width:9%;aspect-ratio:1;right:11%;top:20%;border-radius:50%;background:radial-gradient(circle at 45% 40%,#203860,#060a15 55%,#000)}
.wb-device-viewport{container-type:inline-size;position:absolute;inset:8.5% 3.5% 2%;border-radius:0 0 11.5% 11.5%/0 0 5.8% 5.8%;overflow:hidden;z-index:1;background:#101419}
.wb-device-slide{position:absolute;inset:0;opacity:0;transform:translateY(7px);transition:opacity .8s ease,transform 1s ease;pointer-events:none}
.wb-device-slide[data-active=true]{opacity:1;transform:translateY(0);z-index:1}
.wb-device-slide img{display:block;position:absolute;max-width:none!important;width:var(--source-w);height:auto;left:var(--source-x);top:var(--source-y)}
.wb-device-home-indicator{position:absolute;bottom:1.9%;left:37%;width:26%;height:.65%;border-radius:10px;background:#ffffffaa;z-index:4}
.wb-hero-reviews{position:absolute;left:0;top:69%;width:clamp(150px,39%,230px);z-index:4;transform:translate3d(0,var(--wb-parallax-y,0px),0) rotate(-5deg);filter:drop-shadow(0 8px 15px #0003)}
.wb-hero-reviews img{display:block;width:100%;height:auto}
.wb-hero-reactions{position:absolute;right:-2%;top:40%;width:clamp(116px,30%,175px);z-index:5;transform:translate3d(0,var(--wb-parallax-y,0px),0);pointer-events:none}
.wb-hero-reactions__svg{display:block;width:100%;height:auto;overflow:visible}
.wb-heart-particle{transform-box:fill-box;transform-origin:center;animation:wb-hero-heart-rise var(--duration) linear var(--delay) infinite;will-change:transform,opacity}
@keyframes wb-hero-heart-rise{0%{transform:translate(var(--birth-x),var(--birth-y)) scale(.45);opacity:0}12%{opacity:.95}72%{opacity:.65}100%{transform:translate(var(--end-x),var(--end-y)) scale(.95);opacity:0}}
.wb-work-orbit{position:absolute;z-index:6;pointer-events:none;transform:translate3d(0,var(--wb-parallax-y,0px),0)}
.wb-work-orbit__float{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #ffffff38;border-radius:14px;box-shadow:0 12px 26px #0003;background:#f6f4ee;color:#0d1116;font:700 clamp(10px,1.1vw,15px)/1.2 Effra,sans-serif;white-space:nowrap;animation:wb-work-float 7s ease-in-out infinite alternate}
.wb-work-orbit__float img{display:block;object-fit:contain;width:auto;max-width:62px;height:30px}
.wb-work-orbit--wordpress{left:0;top:3%}.wb-work-orbit--wordpress .wb-work-orbit__float{border-radius:50%;padding:12px}.wb-work-orbit--wordpress img{width:30px;height:30px}
.wb-work-orbit--commerce{right:0;top:13%}.wb-work-orbit--commerce .wb-work-orbit__float{animation-delay:-3s;background:#f6f4ee}
.wb-work-orbit--design{left:17%;top:1.5%}.wb-work-orbit--design .wb-work-orbit__float{background:#fca5a5;animation-delay:-2s}
.wb-work-orbit--content{left:34%;bottom:3%}.wb-work-orbit--content .wb-work-orbit__float{background:#adbcff;animation-delay:-4s}
.wb-work-orbit__dot{width:8px;height:8px;border-radius:50%;background:#0d1116;opacity:.7}
@keyframes wb-work-float{from{transform:translateY(-4px) rotate(-2deg)}to{transform:translateY(4px) rotate(1deg)}}
.wb-hero-devices[data-active=false] :is(.wb-heart-particle,.wb-work-orbit__float){animation-play-state:paused}
.wb-hero-devices[data-motion=reduced] :is(.wb-heart-particle,.wb-work-orbit__float){animation:none;transform:none}
.wb-hero-devices[data-motion=reduced] .wb-heart-particle{opacity:.55}
.wb-hero-devices[data-motion=reduced] :is(.wb-hero-device,.wb-device-slide){transition:none}
@media(max-width:1000px){.wb-hero-devices{max-width:540px;justify-self:center;aspect-ratio:.86}.home-hero--work .home-hero__stage{gap:24px}}
@media(max-width:767px){.wb-hero-devices{max-width:430px;aspect-ratio:.84;margin:16px auto 10px}.wb-hero-device--web{top:12%}.wb-hero-device--social{top:3%}.wb-device-status{font-size:7px}.wb-hero-reviews{top:66%;width:43%;min-width:140px}.wb-hero-reactions{right:0;top:36%;width:33%;min-width:105px}.wb-work-orbit__float{padding:8px;gap:5px;border-radius:10px;font-size:10px}.wb-work-orbit__float img{max-width:44px;height:23px}.wb-work-orbit--wordpress .wb-work-orbit__float{padding:8px}.wb-work-orbit--wordpress img{width:23px;height:23px}.wb-work-orbit--design{left:17%;top:1.5%}.wb-work-orbit--content{left:32%;bottom:3%}}
@media(prefers-reduced-motion:reduce){.wb-heart-particle,.wb-work-orbit__float{animation:none!important;transform:none!important}.wb-heart-particle{opacity:.55}.wb-hero-device,.wb-hero-reviews,.wb-hero-reactions,.wb-device-slide{transition:none;will-change:auto}}
/* More actual projects in a calm, seamless, staggered marquee. */
.wb-project-marquee{background:#101117!important;overflow:hidden;padding:0!important}
.wb-project-marquee__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.wb-project-marquee__viewport::-webkit-scrollbar{display:none}
.wb-project-marquee__viewport:focus-visible{outline:2px solid #adbcff;outline-offset:-4px}
.wb-project-marquee__track{display:flex;width:max-content;align-items:flex-start;padding:64px 0 106px;animation:wb-project-marquee-slide 84s linear infinite;will-change:transform}
.wb-project-marquee__group{display:flex;align-items:flex-start;gap:clamp(30px,3.5vw,64px);padding-right:clamp(30px,3.5vw,64px)}
.wb-project-marquee__item{flex:0 0 auto;width:clamp(180px,19vw,300px);margin:0;transform:translateY(var(--mockup-offset)) rotate(var(--mockup-rotation));transform-origin:center}
.wb-project-marquee__mockup{position:relative;aspect-ratio:603/1197;width:100%;filter:drop-shadow(0 18px 16px #0004)}
.wb-project-marquee__mockup>img{display:block;width:100%;height:auto}
.wb-project-marquee__mockup--canvas{overflow:hidden}
.wb-project-marquee__mockup--canvas>img{position:absolute;width:318.408%;height:120.301%;max-width:none;left:-109.121%;top:-10.944%}
.wb-project-marquee__item figcaption{text-align:center;color:#c8ccd1;font:400 13px/1.2 Effra,sans-serif;letter-spacing:.01em;margin-top:15px}
@keyframes wb-project-marquee-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wb-project-marquee[data-active=false] .wb-project-marquee__track,.wb-project-marquee__viewport:is(:hover,:focus-within) .wb-project-marquee__track{animation-play-state:paused}
@media(max-width:767px){.wb-project-marquee__track{padding-top:44px;padding-bottom:88px;animation-duration:96s}.wb-project-marquee__item{width:180px}.wb-project-marquee__group{gap:30px;padding-right:30px}.wb-project-marquee__item figcaption{font-size:12px}.wb-project-marquee__viewport{mask-image:none}}
@media(prefers-reduced-motion:reduce){.wb-project-marquee__track{animation:none!important;will-change:auto}.wb-project-marquee__group[aria-hidden=true]{display:none}}

/* Hero release: Sanuk only in this hero; Graphik remains a separate local study. */
html body .home-hero--work h1.home-hero__headline{}
.wb-work-orbit--design .wb-work-orbit__float,.wb-work-orbit--content .wb-work-orbit__float{background:#f6f4ee;padding:12px;border-radius:50%}
.wb-work-orbit--design img{width:30px;height:30px}
.wb-work-orbit--content svg{display:block;width:30px;height:30px}
@media(max-width:767px){.wb-work-orbit--design .wb-work-orbit__float,.wb-work-orbit--content .wb-work-orbit__float{padding:8px}.wb-work-orbit--design img,.wb-work-orbit--content svg{width:23px;height:23px}}

/* Ben review: original star field, open technology marks, static work overview. */
.home-hero--work::before,.home-hero--work::after{display:block}
.wb-work-orbit .wb-work-orbit__float{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:5px!important}
.wb-work-orbit--wordpress img{filter:brightness(0) invert(1)}
.wb-work-orbit--commerce img{height:34px;max-width:65px}
.wb-work-orbit--design{left:16%;top:auto;bottom:3%}
.wb-work-orbit--content{left:39%;bottom:1%}
.wb-project-marquee{background:var(--color-beige-500,#f6f4ee)!important}
.wb-project-marquee__viewport{overflow:visible;mask-image:none}
.wb-project-marquee__track{display:block;width:100%;padding:60px 24px 90px;animation:none!important;transform:none!important;box-sizing:border-box;will-change:auto}
.wb-project-marquee__group{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;padding:0;max-width:1600px;margin:auto}
.wb-project-marquee__group[aria-hidden=true]{display:none}
.wb-project-marquee__item{width:100%;min-width:0;transform:translateY(calc(var(--mockup-offset)*.6)) rotate(var(--mockup-rotation))}
.wb-project-marquee__item figcaption{color:#202731;font-size:11px}
@media(max-width:767px){.wb-work-orbit--design{left:15%;top:auto;bottom:3%}.wb-work-orbit--content{left:39%;bottom:1%}.wb-project-marquee__track{padding:35px 15px 55px}.wb-project-marquee__group{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 10px}.wb-project-marquee__item{transform:translateY(calc(var(--mockup-offset)*.25)) rotate(var(--mockup-rotation))}.wb-project-marquee__item figcaption{font-size:9px}}

/* Local-only review: original large staggered composition, no captions. */
.wb-project-marquee{background:#fff!important;overflow:hidden}
.wb-project-marquee__track{padding:28px 0!important}
.wb-project-marquee__group{display:block;position:relative;width:100%;max-width:none;aspect-ratio:2.02;margin:0;padding:0}
.wb-project-marquee__item{position:absolute;width:14%;transform:rotate(var(--mockup-rotation));transform-origin:center;margin:0}
.wb-project-marquee__mockup{filter:none}
.wb-project-marquee__item:nth-child(1){left:-1%;top:20%;z-index:2}
.wb-project-marquee__item:nth-child(2){left:15%;top:0;z-index:1}
.wb-project-marquee__item:nth-child(3){left:23%;top:40%;z-index:3}
.wb-project-marquee__item:nth-child(4){left:34.5%;top:7%;z-index:2}
.wb-project-marquee__item:nth-child(5){left:52%;top:18%;z-index:3}
.wb-project-marquee__item:nth-child(6){left:63%;top:0;z-index:1}
.wb-project-marquee__item:nth-child(7){left:73%;top:38%;z-index:3}
.wb-project-marquee__item:nth-child(8){left:91%;top:28%;z-index:2}
@media(max-width:767px){
.wb-project-marquee__track{padding:24px 0!important}
.wb-project-marquee__group{aspect-ratio:.6}
.wb-project-marquee__item{width:29%}
.wb-project-marquee__item:nth-child(1){left:-4%;top:8%}
.wb-project-marquee__item:nth-child(2){left:21%;top:0}
.wb-project-marquee__item:nth-child(3){left:40%;top:19%}
.wb-project-marquee__item:nth-child(4){left:75%;top:5%}
.wb-project-marquee__item:nth-child(5){left:-4%;top:58%}
.wb-project-marquee__item:nth-child(6){left:21%;top:50%}
.wb-project-marquee__item:nth-child(7){left:40%;top:67%}
.wb-project-marquee__item:nth-child(8){left:75%;top:60%}
}

/* Local review: two different accents, one WordPress mark and one technology group. */
.wb-work-orbit--technologies{left:19%;bottom:1%;top:auto}
.wb-work-orbit--technologies .wb-work-orbit__float{display:flex;gap:25px;align-items:center;animation-delay:-3s}
.wb-tech-mark{display:flex;align-items:center;justify-content:center}
.wb-tech-mark img{height:30px!important;max-width:62px!important;width:auto!important}
.wb-tech-mark svg{display:block;width:29px;height:29px}
@media(max-width:767px){.wb-work-orbit--technologies{left:19%;bottom:1%}.wb-work-orbit--technologies .wb-work-orbit__float{gap:18px}.wb-tech-mark img{height:23px!important;max-width:48px!important}.wb-tech-mark svg{width:23px;height:23px}}

/* Existing Ben memoji: a small personal accent, introduced once then gently drifting. */
.wb-hero-memoji{position:absolute;left:24%;top:1%;width:64px;z-index:6;pointer-events:none;transform:translate3d(0,var(--wb-parallax-y,0px),0)}
.wb-hero-memoji img{display:block;width:100%;height:auto;animation:wb-memoji-appear .7s .25s both,wb-memoji-drift 8s 1s ease-in-out infinite alternate}
@keyframes wb-memoji-appear{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@keyframes wb-memoji-drift{from{transform:translateY(-3px) rotate(-3deg)}to{transform:translateY(3px) rotate(2deg)}}
.wb-hero-devices[data-active=false] .wb-hero-memoji img{animation-play-state:paused}
@media(max-width:767px){.wb-hero-memoji{width:44px;left:24%;top:0}}
@media(prefers-reduced-motion:reduce){.wb-hero-memoji img{animation:none;opacity:1;transform:none}}

/* Local-only approved generic symbols, varied glass and open accents. */
.wb-hero-symbol{position:absolute;pointer-events:none;transform:translate3d(0,var(--wb-parallax-y,0px),0);z-index:3}
.wb-hero-symbol span{display:flex;align-items:center;justify-content:center;animation:wb-work-float 8s ease-in-out infinite alternate}
.wb-hero-symbol svg{display:block;width:100%;height:auto}
.wb-hero-symbol--web{left:0%;top:9%;width:65px;z-index:3;color:#bbc7ff}
.wb-hero-symbol--web span{padding:13px;background:#7f91eb26;border:1px solid #bbc7ff55;border-radius:17px;backdrop-filter:blur(8px);box-shadow:inset 0 1px #fff1;animation-delay:-2s}
.wb-hero-symbol--social{right:-1%;top:26%;width:44px;color:#8ebeff;z-index:3}
.wb-hero-symbol--social span{animation-delay:-4s;filter:drop-shadow(0 3px 8px #1b52b84d)}
.wb-hero-symbol--links{left:24%;bottom:0%;width:58px;color:#b4ddc5;z-index:3}
.wb-hero-symbol--links span{padding:13px;background:#7898892b;border:1px solid #b4ddc540;border-radius:50%;backdrop-filter:blur(8px);animation-delay:-5s}
.wb-hero-symbol--ai{right:9%;top:0%;width:42px;color:#d0bcff;z-index:0}
.wb-hero-symbol--ai span{animation-delay:-1s}
.wb-hero-devices[data-active=false] .wb-hero-symbol span{animation-play-state:paused}
@media(max-width:767px){.wb-hero-symbol--web{width:48px;left:0;top:9%}.wb-hero-symbol--web span{padding:10px;border-radius:13px}.wb-hero-symbol--social{width:32px;right:0;top:25%}.wb-hero-symbol--links{width:44px;left:26%;bottom:0}.wb-hero-symbol--links span{padding:10px}.wb-hero-symbol--ai{width:29px;right:8%;top:-1%}}
@media(prefers-reduced-motion:reduce){.wb-hero-symbol span{animation:none!important;transform:none!important}}

/* Local band: native frames discard every baked-in mockup shadow. */
.wb-project-marquee__mockup--native{aspect-ratio:.485;filter:none!important}
.wb-project-marquee__mockup--native .wb-device-shell{box-shadow:none!important;filter:none!important}
.wb-project-marquee__mockup--native .wb-device-slide{opacity:1;transform:none;transition:none}
.local-home-photo{display:block;margin:0;background:#202328;overflow:hidden}
.local-home-photo img{display:block;width:100%;height:auto}

/* Local review: individual, calm device drift inside the existing composition. */
.wb-project-marquee__mockup--native{animation:wb-project-device-drift 12s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.wb-project-marquee[data-active=true] .wb-project-marquee__mockup--native{animation-play-state:running}
.wb-project-marquee__item:nth-child(2n) .wb-project-marquee__mockup--native{animation-duration:14s;animation-delay:-8s;animation-direction:alternate-reverse}
.wb-project-marquee__item:nth-child(3n) .wb-project-marquee__mockup--native{animation-duration:11s;animation-delay:-4s}
@keyframes wb-project-device-drift{from{transform:translateY(-9px)}to{transform:translateY(9px)}}
@media(max-width:767px){@keyframes wb-project-device-drift{from{transform:translateY(-5px)}to{transform:translateY(5px)}}}
@media(prefers-reduced-motion:reduce){.wb-project-marquee__mockup--native{animation:none!important;transform:none!important;will-change:auto}}

/* Opt-in local photo background; the approved default hero stays intact. */
body.wab-hero-photo-review .home-hero--work{background-color:#101117!important;background-image:linear-gradient(90deg,rgba(16,17,23,.94),rgba(16,17,23,.88)),url('photo-review/bureauwerk-twee-schermen-zacht.png')!important;background-size:100% 100%,contain!important;background-position:center!important;background-repeat:no-repeat!important}
@media(max-width:767px){body.wab-hero-photo-review .home-hero--work{background-image:linear-gradient(rgba(16,17,23,.93),rgba(16,17,23,.94)),url('photo-review/bureauwerk-twee-schermen-zacht.png')!important}}

/* Ben 20 October: one proportional anchor grid, shared at every viewport. */
.home-hero--work::before,.home-hero--work::after{display:block!important}
.home-hero--work .wb-hero-devices{position:relative;isolation:isolate;width:100%;max-width:560px;aspect-ratio:.92;margin:0 auto;min-width:0;contain:layout;container-type:inline-size;align-self:center}
.home-hero--work .wb-hero-devices__canvas{position:absolute;inset:0;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(20,minmax(0,1fr));transform-style:preserve-3d;transition:transform .5s ease-out}
.home-hero--work .wb-hero-device{position:relative;inset:auto;width:100%;min-width:0;margin:0;align-self:start;justify-self:stretch;transition:none}
.home-hero--work .wb-hero-device--web{grid-area:4 / 2 / 20 / 10;z-index:1;transform:rotate(-6deg)}
.home-hero--work .wb-hero-device--social{grid-area:3 / 11 / 19 / 19;z-index:2;transform:rotate(5deg)}
.home-hero--work .wb-hero-symbol{position:relative;inset:auto;display:grid;place-items:center;align-self:center;justify-self:center;width:clamp(34px,10cqi,52px);margin:0;transform:none;z-index:3;color:#fff}
.home-hero--work .wb-hero-symbol--web{grid-area:8 / 1 / 11 / 4}
.home-hero--work .wb-hero-symbol--links{grid-area:13 / 18 / 16 / 21}
.home-hero--work .wb-hero-symbol span{display:grid;place-items:center;width:100%;aspect-ratio:1;padding:26%;background:#09090e;border:1px solid #ffffff20;border-radius:50%;color:#fff;box-shadow:0 8px 20px #0004;backdrop-filter:none;animation:none!important;transform:none!important}
.home-hero--work .wb-hero-memoji{position:relative;inset:auto;grid-area:2 / 9 / 5 / 12;align-self:center;justify-self:center;width:clamp(36px,10cqi,52px);z-index:3;transform:none}
.home-hero--work .wb-hero-memoji img{display:block;width:100%;height:auto;border-radius:50%;border:3px solid #09090e;animation:none!important;opacity:1;transform:none}
@media(max-width:1000px){.home-hero--work .wb-hero-devices{max-width:480px}}
@media(max-width:767px){.home-hero--work .wb-hero-devices{max-width:380px;margin:8px auto 0}.home-hero--work .wb-hero-devices__canvas{transform:none!important;transition:none}}
@media(prefers-reduced-motion:reduce){.home-hero--work::after{animation:none!important}.home-hero--work .wb-hero-devices__canvas{transform:none!important;transition:none}}

/* Ben: retain the original recognisable review/heart evidence in the anchored scene. */
.home-hero--work .wb-hero-reviews{position:relative;inset:auto;grid-area:15 / 1 / 18 / 11;align-self:center;justify-self:start;width:clamp(155px,43cqi,220px);min-width:0;transform:rotate(-4deg);z-index:5;filter:drop-shadow(0 6px 12px #0003)}
.home-hero--work .wb-hero-reactions{position:relative;inset:auto;grid-area:9 / 16 / 19 / 21;align-self:center;justify-self:center;width:clamp(90px,25cqi,140px);min-width:0;transform:none;z-index:4;pointer-events:none}
.home-hero--work .wb-hero-reactions__svg{display:block;width:100%;height:auto;overflow:visible}
.home-hero--work .wb-hero-symbol--links{grid-area:18 / 12 / 21 / 15}
.home-hero--work .wb-heart-particle{animation-duration:calc(var(--duration) * 1.5)}
@media(prefers-reduced-motion:reduce){.home-hero--work .wb-heart-particle{animation:none!important;transform:none!important;opacity:.55}}

/* One pointer controller, individual depth; preserve every anchored base rotation. */
.home-hero--work .wb-hero-devices__canvas{transform:none!important;transition:none}
.home-hero--work [data-hero-depth]{translate:var(--wb-pointer-x,0px) var(--wb-pointer-y,0px)}
@media(max-width:767px){body.wab-local-ui-contract .home-hero--work .home-hero__stage{padding-top:calc(var(--header-h) + var(--adminbar-h) + 60px)!important}.home-hero--work [data-hero-depth]{translate:none!important}}
@media(prefers-reduced-motion:reduce){.home-hero--work [data-hero-depth]{translate:none!important}}

/* Approved office frames join the existing anchored home scene and its individual-depth controller. */
.home-hero--work .wb-hero-office-photo{position:relative;min-width:0;align-self:center;justify-self:center;width:100%;aspect-ratio:3/2;border-radius:12px;overflow:hidden;border:1px solid #ffffff38;box-shadow:0 12px 28px #0006;z-index:0;transform:rotate(-9deg)}
.home-hero--work .wb-hero-office-photo img{display:block;width:100%;height:100%;object-fit:cover}
.home-hero--work .wb-hero-office-photo--1{grid-area:1 / 1 / 6 / 8;align-self:start;transform:rotate(-8deg)}
.home-hero--work .wb-hero-office-photo--2{grid-area:17 / 14 / 21 / 21;transform:rotate(9deg)}
@media(max-width:767px){.home-hero--work .wb-hero-office-photo--1{grid-area:1 / 1 / 5 / 7;opacity:.9}.home-hero--work .wb-hero-office-photo--2{display:none}}

/* Distinct office scenes visibly emerge from the phones rather than disappear behind them. */
.home-hero--work .wb-hero-office-photo--1{grid-area:1 / 1 / 6 / 9;transform:translateX(-16%) rotate(-8deg);z-index:0}
.home-hero--work .wb-hero-office-photo--2{grid-area:16 / 13 / 21 / 21;align-self:end;transform:translateX(12%) rotate(7deg);z-index:3}
.home-hero--work .wb-hero-office-photo--2 img{object-position:50% 45%}
@media(max-width:767px){.home-hero--work .wb-hero-office-photo--1{grid-area:1 / 1 / 5 / 8;transform:translateX(-6%) rotate(-6deg)}.home-hero--work .wb-hero-office-photo--2{display:none}}

/* Mobile scene starts below the existing header; desktop anchors stay intact. */
@media(max-width:767px){.home-hero--work .wb-hero-devices{margin-top:32px!important}}

/* Second unique work scene stays inside the anchored mobile scene. */
@media(max-width:767px){.home-hero--work .wb-hero-devices{aspect-ratio:.76}.home-hero--work .wb-hero-devices__canvas{grid-template-rows:repeat(24,minmax(0,1fr))}.home-hero--work .wb-hero-office-photo--2{display:block;grid-area:20 / 11 / 25 / 21;transform:rotate(5deg);z-index:3;align-self:end}.home-hero--work .wb-hero-office-photo--2 img{object-position:32% 45%}}