/* BENTY STUDIO V7.8 — Creative Workbench */
.hero.workbench{min-height:760px;height:100svh;max-height:1100px;margin-top:-92px;padding:0;background:#160f20;isolation:isolate;overflow:hidden}
.hero.workbench::before,.hero.workbench::after{display:none}
.workbench-mat{position:absolute;inset:-70px -5%;z-index:-2;transform:translate3d(0,var(--mat-y,0px),0);pointer-events:none}
.workbench-mat>div{position:absolute;inset:0;background-position:center;background-size:cover}
.mat-mono{background-image:url('Cuttermatte_sw.jpg');opacity:.45}
.mat-color{background-image:url('Cuttermatte_vignette.jpg');opacity:.25;mix-blend-mode:screen}
.workbench-mat::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#160f2040 0%,#160f2010 48%,#100d17 98%),radial-gradient(ellipse at center,transparent 15%,#160f2080 78%)}
.workbench-tools{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:var(--tools-opacity,1)}
.tool{position:absolute;pointer-events:none;transform:translate3d(0,var(--tool-y,0px),0)}
.tool img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 18px 15px #0007);transform:translate(0,0) rotate(var(--angle,0deg));user-select:none;pointer-events:auto;transition:transform .65s cubic-bezier(.2,.75,.25,1)}
.tool-ipad{height:500px;width:262px;left:-4%;bottom:-115px;--angle:32deg;--hover-x:65px;--hover-y:-50px}
.tool-loupdeck{height:490px;width:229px;left:12%;top:-200px;--angle:160deg;--hover-x:10px;--hover-y:85px}
.tool-camera{height:400px;width:140px;right:9%;top:-130px;--angle:204deg;--hover-x:-20px;--hover-y:75px}
.tool-videocam{height:480px;width:480px;right:-12%;bottom:-125px;--angle:-24deg;--hover-x:-75px;--hover-y:-55px}
.tool-videocam img{clip-path:polygon(22% 10%,76% 10%,76% 100%,22% 100%)}
.tool-mouse{height:300px;width:97px;left:28%;bottom:-150px;--angle:-17deg;--hover-x:10px;--hover-y:-70px}
.tool-pencil{height:720px;width:720px;right:20%;top:-160px;--angle:180deg;--hover-x:0px;--hover-y:85px}
.tool-pencil img{clip-path:polygon(42% 38%,63% 38%,63% 100%,42% 100%)}
.hero.workbench .hero-content{position:absolute;z-index:2;padding:0;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;width:max-content;max-width:90%}
.hero.workbench .workbench-title{font-family:Wesley,Impact,sans-serif;font-weight:400;font-size:clamp(110px,12.8vw,200px);line-height:.87;letter-spacing:-.015em;text-transform:lowercase;margin:0;padding:0;max-width:none;transform:translateY(.10em)}
.hero.workbench .workbench-title .workbench-line{display:block;width:max-content;transform:rotate(-13deg) skewX(-13deg);transform-origin:center center;white-space:nowrap;color:var(--white);margin-inline:auto}
.workbench-title .workbench-line-second{display:flex!important;align-items:center;gap:0;height:.95em;margin-top:.03em}
.workbench-logo{width:1.5em;height:1.5em;object-fit:contain;transform:skewX(13deg) rotate(13deg) translateY(-.025em);margin-left:-.10em;margin-right:-.16em;flex:none}
.workbench-period{display:inline-block;width:auto;height:.68em;vertical-align:-.09em;margin-left:.01em}
.workbench-bottom{position:absolute;z-index:3;left:5%;right:5%;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.workbench-bottom::before{content:'';position:absolute;inset:-25px -6vw -40px;background:linear-gradient(transparent,#100d17c9);z-index:-1;pointer-events:none}
.hero.workbench .hero-sub{font-size:10px;line-height:1.8;letter-spacing:.15em;margin:0}
.workbench-bottom .pill{background:#160f2099;backdrop-filter:blur(8px);font-size:10px}
.workbench-scroll{font-size:9px;letter-spacing:.16em}
@media(hover:hover) and (pointer:fine){.tool:hover img{transform:translate(var(--hover-x),var(--hover-y)) rotate(var(--angle))}}
@media(min-width:1700px){.tool-ipad{left:2%}.tool-videocam{right:-4%}.tool-pencil{right:25%}}
@media(max-width:1000px){
 .hero.workbench{min-height:740px}
 .tool-ipad{height:430px;width:225px;left:-15%;bottom:-105px}
 .tool-videocam{height:420px;width:420px;right:-29%;bottom:-120px}
 .tool-loupdeck{left:5%;height:390px;width:182px;top:-145px}
 .tool-camera{right:5%;height:340px;width:119px;top:-110px}
 .tool-pencil{right:8%;height:600px;width:600px;top:-135px}
 .hero.workbench .workbench-title{font-size:clamp(105px,14vw,150px)}
 .workbench-scroll{display:none}
}
@media(max-width:750px){.hero.workbench{margin-top:-76px}}
@media(max-width:600px){
 .hero.workbench{min-height:700px;max-height:950px}
 .hero.workbench .hero-content{top:49%}
 .hero.workbench .workbench-title{font-size:clamp(93px,25vw,140px)}
 .tool-ipad{height:340px;width:178px;left:-21%;bottom:-40px;--angle:29deg}
 .tool-loupdeck{height:300px;width:140px;left:0;top:-80px;--angle:151deg}
 .tool-camera{height:285px;width:100px;right:-1%;top:-55px;--angle:208deg}
 .tool-videocam{height:290px;width:290px;right:-32%;bottom:-5px;--angle:-35deg}
 .tool-pencil{height:490px;width:490px;right:-11%;top:-70px}
 .tool-mouse{height:230px;width:74px;left:37%;bottom:-85px;--angle:-12deg}
 .workbench-bottom{left:6%;right:6%;bottom:24px;gap:16px;align-items:end}
 .hero.workbench .hero-sub{font-size:8px;letter-spacing:.08em}
 .workbench-bottom .pill{padding:12px 14px;gap:12px;font-size:8px;white-space:nowrap}
}
#work,#all-work,#services,#about,#contact{scroll-margin-top:92px}
@media(max-width:750px){#work,#all-work,#services,#about,#contact{scroll-margin-top:76px}}
/* Four-column masonry, with natural reflow after filtering. */
#all-work>.section-title{font-size:clamp(64px,8.3vw,128px)!important;line-height:.86!important;margin:clamp(65px,7vw,108px) 0 42px!important}
#all-work .archive-grid{display:block;columns:4;column-gap:20px}
#all-work .archive-card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;position:relative;border-radius:24px;margin:0 0 20px;background:#241a30;overflow:hidden;transform:none;isolation:isolate;transition:box-shadow .3s}
#all-work .archive-card[hidden]{display:none!important}
#all-work .archive-card .cover{height:auto!important;aspect-ratio:1/1.16;min-height:0;border-radius:inherit}
#all-work .archive-card:nth-child(3n+1) .cover{aspect-ratio:1.24}
#all-work .archive-card:nth-child(5n+2) .cover{aspect-ratio:.78}
#all-work .archive-card:nth-child(7n+3) .cover{aspect-ratio:1.5}
#all-work .archive-card .cover::after{display:none}
#all-work .archive-card .cover-index{display:none}
#all-work .editorial-cover{align-items:center;justify-content:center;padding:22px}
#all-work .editorial-cover .cover-type{font-size:clamp(26px,2.3vw,46px);max-width:100%;line-height:1.12;text-align:center}
#all-work .archive-card .meta{position:absolute;inset:auto 0 0;z-index:6;min-height:0;padding:55px 20px 20px;background:linear-gradient(transparent,#100d17f2 65%);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none}
#all-work .archive-card .meta h3{font-size:14px;line-height:1.4;margin:0 0 8px;text-transform:none;letter-spacing:0}
#all-work .archive-card .meta p{font-size:8px;letter-spacing:.08em;line-height:1.6;margin:0}
#all-work .archive-card:hover .meta,#all-work .archive-card:focus-visible .meta{opacity:1;transform:none}
#all-work .archive-card:focus-visible{outline:2px solid var(--pink);outline-offset:5px}
#all-work .archive-card:hover img{transform:scale(1.035)}
@media(max-width:1100px){#all-work .archive-grid{columns:3}}
@media(max-width:800px){#all-work .archive-grid{columns:2;column-gap:14px}#all-work .archive-card{border-radius:20px;margin-bottom:14px}}
@media(max-width:750px){#all-work>.section-title{font-size:clamp(56px,12vw,100px)!important}}
@media(max-width:500px){#all-work .archive-grid{columns:1}#all-work .archive-card .cover{aspect-ratio:1.15!important}#all-work .archive-card:nth-child(3n+2) .cover{aspect-ratio:.95!important}#all-work .editorial-cover .cover-type{font-size:40px}}
@media(hover:none),(pointer:coarse){#all-work .archive-card .meta{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .workbench-mat,.tool{transform:none!important}
 .workbench-tools{opacity:1!important}
 .tool img{transition:none!important;transform:rotate(var(--angle))!important}
 .archive-card,.project,.project img,.pill,.archive-card .meta,.archive-card img{transition:none!important}
 .archive-card,.v66-reveal{animation:none!important;opacity:1!important;transform:none!important}
}
/* Row-major masonry keeps the first projects spread across all four columns. */
#all-work .archive-grid.masonry-ready{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:4px;gap:16px;align-items:start}
#all-work .masonry-ready .archive-card{margin:0;grid-row-end:span var(--masonry-rows,15)}
@media(max-width:1100px){#all-work .archive-grid.masonry-ready{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#all-work .archive-grid.masonry-ready{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:500px){#all-work .archive-grid.masonry-ready{display:block}#all-work .masonry-ready .archive-card{margin-bottom:14px}}
@media(max-width:800px){#all-work .archive-card .meta{opacity:1;transform:none}}
/* V7.9 — more breathing room and tactile cards. */
#work .project{border-radius:24px}
#all-work .archive-grid{width:calc(100% - clamp(32px,7vw,112px));max-width:1160px;margin-inline:auto;column-gap:28px}
#all-work .archive-grid.masonry-ready{gap:28px}
#all-work .archive-card{transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s;box-shadow:0 4px 12px #0002;transform-origin:center}
@media(hover:hover) and (pointer:fine){
 #all-work .archive-card:hover,#all-work .archive-card:focus-visible{transform:scale(1.035);z-index:10;box-shadow:0 24px 55px #000b,0 0 0 1px #ffffff2a,0 8px 25px #ff459a10}
}
.v75-manifest{padding:clamp(40px,4.5vw,68px) 5%}
.v75-manifest-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding-top:30px;gap:clamp(28px,5vw,80px)}
.v75-manifest-title{font-size:clamp(48px,6.2vw,94px);margin-bottom:22px}
.v75-eyebrow{margin-top:0;margin-bottom:18px;font-size:10px}
.v75-manifest-copy>p:not(.v75-eyebrow){font-size:14px;line-height:1.65;max-width:470px;margin-bottom:0}
.v75-text-link{margin-top:22px;font-size:10px}
.v75-manifest-visual{max-width:430px;outline-offset:6px}
.v75-manifest-visual:focus-visible{outline:2px solid var(--pink)}
.v75-manifest-visual img{width:100%;height:300px;max-height:none;object-fit:cover;border-radius:18px}
.v75-visual-label{font-size:9px;padding-top:12px;min-height:26px}
@media(max-width:1000px){.v75-manifest-visual img{height:270px}}
@media(max-width:800px){#all-work .archive-grid{width:calc(100% - 24px)}#all-work .archive-grid.masonry-ready{gap:22px}#work .project{border-radius:20px}}
@media(max-width:760px){
 .v75-manifest-grid{grid-template-columns:1fr;gap:24px;padding-top:24px}
 .v75-manifest-title{font-size:clamp(48px,11vw,76px)}
 .v75-manifest-visual{width:100%;max-width:none;margin:0}
 .v75-manifest-visual img{height:240px}
 .v75-manifest-copy>p:not(.v75-eyebrow){font-size:13px}
}
@media(max-width:500px){#all-work .archive-grid{width:calc(100% - 16px)}#all-work .masonry-ready .archive-card{margin-bottom:24px}.v75-manifest-visual img{height:210px}}
@media(prefers-reduced-motion:reduce){#all-work .archive-card:hover,#all-work .archive-card:focus-visible{transform:none!important}}
#approach{scroll-margin-top:92px}
@media(max-width:750px){#approach{scroll-margin-top:76px}}
/* V7.11 — organic colour reveal, directional project ribbon, personal workbench. */
#work .project.second,#work .project.third,#work .project.second:hover,#work .project.third:hover{transform:none!important}
#work .projects{gap:28px}
.workbench-scene{position:absolute;inset:0;z-index:0;isolation:isolate;pointer-events:none;background:#160f20}
.workbench-scene .workbench-mat{z-index:0}.workbench-scene .workbench-tools{z-index:1}
.workbench-gray{display:none;z-index:2;filter:grayscale(1);pointer-events:none}
.workbench-gray .tool img{pointer-events:none}
.hero.workbench .hero-content{z-index:3}.workbench-bottom{z-index:4}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .workbench-gray{display:block}
 [data-blob-layer]{mask-image:var(--blob-mask,linear-gradient(#000,#000));-webkit-mask-image:var(--blob-mask,linear-gradient(#000,#000));mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
 .tool.is-hovered img{transform:translate(var(--hover-x),var(--hover-y)) rotate(var(--angle))}
 .portrait-color[data-blob-layer]{--blob-mask:linear-gradient(transparent,transparent)}
}
.v75-manifest{padding-block:46px 30px;overflow:hidden}
.v75-manifest-grid{display:block!important}
.v75-manifest-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;align-items:center}
.v75-manifest-copy .v75-eyebrow{grid-column:1/-1;margin-bottom:8px}
.v75-manifest-copy h2{grid-row:2/4;margin:0!important;font-size:clamp(46px,4.8vw,72px)!important;line-height:1!important}
.v75-manifest-copy h2>span{display:inline!important;margin-right:.13em}
.v75-manifest-copy>p:not(.v75-eyebrow){margin:0!important;max-width:560px;font-size:12px!important}
.v75-manifest-copy .v75-text-link{margin-top:14px;justify-self:start;font-size:9px}
.project-ribbon{height:285px;position:relative;margin:20px -5.56% 0;overflow:hidden}
.ribbon-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.ribbon-card{display:block;position:absolute;left:0;top:0;width:330px;transform-origin:0 0;will-change:transform;outline-offset:5px}
.ribbon-card img{display:block;width:100%;height:200px;object-fit:cover;border-radius:14px;box-shadow:0 10px 24px #0004}
.ribbon-caption{display:block;padding-top:11px;opacity:0;visibility:hidden;transition:opacity .15s;line-height:1.45}
.ribbon-caption strong{display:block;font-size:13px;font-weight:400}
.ribbon-caption small{display:block;font-size:8px;letter-spacing:.13em;margin-top:3px}
.ribbon-card:hover .ribbon-caption,.ribbon-card:focus .ribbon-caption,.project-ribbon.is-paused .ribbon-caption{opacity:1;visibility:visible}
.ribbon-toggle{position:absolute;right:5%;bottom:0;background:none;border:0;color:var(--white);font:9px Objective,Arial,sans-serif;letter-spacing:.1em;padding:10px;z-index:10}
.about.about-workbench{display:block;padding:75px 5% 60px;background:#100d17;overflow:hidden}
.about-heading{position:relative;z-index:2}
.about-workbench h2{font-size:clamp(64px,7vw,105px);margin:22px 0 12px!important;padding:0!important;line-height:1.05}
.about-stage{height:570px;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:5%;margin-inline:-5.56%;padding-inline:10%}
.about-mat{position:absolute;inset:0;z-index:-1;background:linear-gradient(#100d17,transparent 25%,transparent 75%,#100d17),url('Cuttermatte_sw.jpg') center/cover;opacity:.34}
.about-stage::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#6b45a326,transparent 65%);pointer-events:none}
.about-partners{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:80%;gap:45px}
.about-partners img{display:block;width:145px;max-width:100%;height:64px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.75}
.about-partners img:nth-child(2){align-self:flex-start}.about-partners img:nth-child(3){align-self:flex-end}
.about-portrait{height:530px;width:100%;position:relative;perspective:1100px;align-self:end;filter:drop-shadow(0 22px 22px #0007)}
.portrait-tilt{position:absolute;inset:0;transform:rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg)) translateY(var(--portrait-y,0px));transform-style:preserve-3d;will-change:transform}
.portrait-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.portrait-base{filter:grayscale(1)}
.portrait-color{display:block}
.about-stage-label{position:absolute;bottom:30px;left:10%;font-size:8px;line-height:1.7;opacity:.5}
.about-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:24px}
.about-bottom p{max-width:660px;font-size:13px;line-height:1.8;margin:0}
.about-bottom .pill{flex-shrink:0}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.ribbon-caption{opacity:1;visibility:visible}.portrait-tilt{transform:none!important}}
@media(max-width:760px){
 .v75-manifest{padding-block:35px 25px}
 .v75-manifest-copy{display:block}.v75-manifest-copy h2{font-size:clamp(40px,9vw,64px)!important;margin:12px 0!important}
 .v75-manifest-copy>p:not(.v75-eyebrow){max-width:520px;font-size:11px!important}.v75-manifest-copy .v75-text-link{margin-top:10px}
 .project-ribbon{height:240px;margin-top:15px;margin-inline:-6.82%}
 .ribbon-card img{height:155px}.ribbon-caption strong{font-size:12px}
 .about.about-workbench{padding:55px 6% 45px}.about-workbench h2{font-size:clamp(56px,12vw,88px)}
 .about-stage{height:430px;margin-inline:-6.82%;padding-inline:5%;grid-template-columns:1fr 2.3fr 1fr;gap:3%}
 .about-portrait{height:390px}.about-partners{gap:28px;height:72%}.about-partners img{height:42px;width:90px}
 .about-stage-label{display:none}.about-bottom{display:block;margin-top:18px}.about-bottom .pill{margin-top:20px}.about-bottom p{font-size:12px}
}
.about-heading h2{transform:none!important}
.about-partners img[src$="zdf.svg"]{filter:grayscale(1);opacity:.9}
.about-heading .wesley-line{transform:none!important}
/* V7.12 — connected perspective strip and aligned client grid. */
.v75-manifest{padding-top:0;padding-bottom:45px}
.project-ribbon{margin:0 -5.56% 38px;height:clamp(480px,47vw,700px);overflow:hidden}
.ribbon-stage{overflow:hidden}
.ribbon-card{transform-origin:0 0;will-change:transform}
.ribbon-card img{height:auto;aspect-ratio:.93;object-fit:cover;border-radius:0;box-shadow:none}
.ribbon-caption{padding:14px 14px 0;line-height:1.05}
.ribbon-caption strong{font-family:Burg,Impact,sans-serif;font-size:var(--ribbon-name-size,40px);font-weight:400;text-transform:uppercase;line-height:1.05}
.ribbon-caption small{font-family:Objective,Arial,sans-serif;font-size:var(--ribbon-type-size,13px);line-height:1.5;letter-spacing:.08em;margin-top:10px}
.v75-manifest-top{margin-bottom:26px}
.v75-manifest-copy h2{font-size:clamp(52px,5.5vw,86px)!important}
.about-stage{height:780px;grid-template-columns:1fr 1.4fr 1fr;gap:4%;padding-inline:7%}
.about-portrait{height:740px;align-self:end}
.about-partners{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(7,1fr);justify-items:center;align-items:center;gap:14px;height:650px;width:100%}
.about-partners img{width:165px;height:65px;max-width:100%;object-fit:contain;margin:0;align-self:center!important;justify-self:center}
.about-stage-label{left:7%;bottom:16px}
@media(max-width:760px){
 .project-ribbon{margin:0 -6.82% 28px;height:390px}
 .v75-manifest{padding-top:0;padding-bottom:30px}.v75-manifest-top{margin-bottom:18px}
 .ribbon-caption{padding:10px 8px 0}.ribbon-caption small{margin-top:6px}
 .about-stage{height:610px;grid-template-columns:1fr 2.35fr 1fr;gap:2%;padding-inline:4%}
 .about-portrait{height:590px}.about-partners{height:520px;gap:8px}.about-partners img{height:43px;width:95px}
}
@media(max-width:400px){.project-ribbon{height:340px}.about-stage{height:550px}.about-portrait{height:530px}.about-partners{height:480px}.about-partners img{height:36px}}
.project-ribbon{height:clamp(560px,54vw,810px)}
.about-partners{grid-template-rows:repeat(8,1fr)}
@media(max-width:760px){.project-ribbon{height:470px}}
@media(max-width:400px){.project-ribbon{height:430px}}
/* V7.13 — foreground pencil, cropped motifs and a longer personal workbench. */
.tool-videocam{height:600px;width:600px;right:-15%;bottom:-155px}
.workbench-front{position:absolute;inset:0;z-index:5;pointer-events:none}
.workbench-front .tool-pencil{--hover-y:180px}
.workbench-front-mono{display:none;z-index:6;filter:grayscale(1)}
.workbench-front-mono .tool img{pointer-events:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.workbench-front-mono{display:block}}
.v75-manifest{padding-top:28px;padding-bottom:46px}
.v75-manifest-top{margin:0 0 24px;padding-top:20px;border-top:1px solid #ffffff35}
.project-ribbon{height:clamp(570px,46vw,690px);margin-top:0;margin-bottom:30px}
.v75-manifest-grid{margin-top:12px}
.all-work{border-top:1px solid #ffffff35}
.ribbon-card{pointer-events:none}
.ribbon-image{display:block;position:relative;height:var(--crop-height);overflow:hidden;pointer-events:auto}
.ribbon-image>img,.ribbon-lens img{display:block;width:100%;height:var(--motif-height)!important;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center top;border-radius:0;transition:none}
.ribbon-lens{position:absolute;left:0;right:0;top:0;height:var(--motif-height);pointer-events:none;opacity:0;transition:opacity .3s}
.ribbon-lens img{transform:scale(1.12);transform-origin:var(--lens-x,50%) var(--lens-y,50%)}
.ribbon-card.is-inspected .ribbon-lens{opacity:1}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ribbon-lens[data-blob-layer]{--blob-mask:linear-gradient(transparent,transparent)}}
.ribbon-caption{display:block;opacity:1!important;visibility:visible!important;pointer-events:none;padding:12px 13px 0;transition:none}
.ribbon-caption strong{font-size:clamp(25px,2.3vw,35px);line-height:1.02}
.ribbon-caption small{font-size:11px;font-weight:300;letter-spacing:.09em;line-height:1.5;margin-top:8px}
.caption-row{display:block;overflow:hidden}
.caption-row>span{display:block;transform:translateY(120%);opacity:0;transition:transform .45s cubic-bezier(.22,.7,.2,1),opacity .3s;transition-delay:calc((2 - var(--row))*45ms)}
.ribbon-card.is-inspected .caption-row>span,.ribbon-card:focus-visible .caption-row>span{transform:translateY(0);opacity:1;transition-delay:calc(var(--row)*65ms)}
.view-project{position:absolute;left:var(--view-x,50%);top:var(--view-y,50%);transform:translate(-50%,-50%);height:38px;width:34px;display:flex;align-items:center;justify-content:center;border-left:3px solid var(--pink);border-right:3px solid var(--pink);background:#160f20e8;color:var(--white);opacity:0;pointer-events:none;transition:width .35s cubic-bezier(.2,.8,.2,1),opacity .18s,border-radius .35s;font:9px Objective,Arial;letter-spacing:.12em;white-space:nowrap}
.view-project::before,.view-project::after{content:'';position:absolute;inset:0;border-top:1px solid var(--pink);border-bottom:1px solid var(--pink);transform:scaleX(0);transition:transform .35s}
.view-project>span{opacity:0;transition:opacity .18s;transition-delay:0s}
.ribbon-card.is-inspected .view-project{opacity:1;width:145px;border-radius:3px}
.ribbon-card.is-inspected .view-project::before,.ribbon-card.is-inspected .view-project::after{transform:scaleX(1)}
.ribbon-card.is-inspected .view-project>span{opacity:1;transition-delay:.15s}
.about-stage{height:1250px;grid-template-columns:1fr 1.6fr 1fr;gap:3%;padding-inline:5%}
.about-portrait{height:1190px;width:125%;margin-left:-12.5%}
.about-partners{height:1100px;gap:30px}
.about-partners img{width:240px;height:90px;opacity:.85}
.about-bottom{display:block;text-align:center;margin:55px auto 0;max-width:1000px}
.about-bottom p{max-width:none;font-size:clamp(20px,2.1vw,30px);line-height:1.65;color:var(--pink);opacity:1;font-weight:300}
.about-bottom .pill{margin-top:32px}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
 .caption-row>span{transform:none;opacity:1;transition:none}.ribbon-lens,.view-project{display:none}
}
@media(max-width:760px){
 .tool-videocam{height:460px;width:460px;right:-33%;bottom:-100px}
 .workbench-front .tool-pencil{--hover-y:100px}
 .v75-manifest{padding-top:22px;padding-bottom:30px}.project-ribbon{height:470px;margin-bottom:22px}
 .ribbon-caption strong{font-size:26px}.ribbon-caption small{font-size:10px}
 .about-stage{height:850px;grid-template-columns:1fr 2.2fr 1fr;gap:2%;padding-inline:3%}
 .about-portrait{height:820px;width:120%;margin-left:-10%}
 .about-partners{height:750px;gap:18px}.about-partners img{height:60px;width:105px}
 .about-bottom{margin-top:30px}.about-bottom p{font-size:20px;line-height:1.65}
}
@media(max-width:400px){.tool-videocam{right:-40%}.about-stage{height:790px}.about-portrait{height:760px}.about-partners{height:710px}.about-partners img{height:54px}.about-bottom p{font-size:18px}}