/* Approved statement and passive photographic ribbon. */
#work.brand-ribbon-section{padding:90px 5% 74px;background-color:#090909;color:#f5f5f5;text-align:center;scroll-margin-top:80px;position:relative}
#work.brand-ribbon-section{isolation:isolate;overflow:hidden;background-image:radial-gradient(ellipse at 90% 100%,#321d4326,transparent 60%)}
/* Soft photographic light and fine grain, without a geometric grid. */
#work.brand-ribbon-section::before{content:'';position:absolute;inset:-25%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 15% 65%,transparent 29%,#b8acbf12 30%,#b8acbf04 34%,transparent 38%),radial-gradient(ellipse at 90% 35%,transparent 26%,#8255a714 28%,transparent 39%);filter:blur(20px);transform:rotate(-18deg)}
#work.brand-ribbon-section::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.brand-spark{display:grid;place-items:center;width:27px;height:27px;background:#f3f3f3;color:#171717;border-radius:3px;margin:0 auto 28px;font:600 22px/1 Inter,Arial,sans-serif;padding-top:5px}
#work.brand-ribbon-section h2{font:400 clamp(42px,5.2vw,82px)/.99 Inter,Arial,sans-serif;letter-spacing:-.035em;margin:0 auto 62px;max-width:1000px}
.brand-ribbon{display:flex;max-width:1030px;height:clamp(180px,16vw,250px);margin:0 auto;overflow:hidden;border-radius:14px;isolation:isolate}
.brand-frame{position:relative;flex:1 1 0;min-width:0;padding:0;border:0;background:#111;overflow:hidden;cursor:default;transition:flex .75s cubic-bezier(.2,.7,.2,1)}
.brand-frame img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;user-select:none;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.brand-frame .brand-next{position:absolute;inset:0;opacity:0;transition:opacity .8s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.brand-frame .brand-next.is-visible{opacity:1}

.brand-contact{display:inline-flex;align-items:center;justify-content:center;background:#f3f3f3;color:#151515;border:1px solid #f3f3f3;border-radius:2px;padding:15px 29px;margin-top:50px;text-decoration:none;font:600 12px/1.2 Inter,Arial,sans-serif;transition:background .25s,color .25s}
.brand-contact:hover{background:#8b3dff;border-color:#8b3dff;color:white}
@media(hover:hover) and (pointer:fine){.brand-frame:hover{flex:2.15}.brand-frame:hover img{transform:scale(1.035)}}
@media(max-width:650px){#work.brand-ribbon-section{padding:65px 5% 60px}#work.brand-ribbon-section h2{font-size:clamp(32px,7.5vw,49px);line-height:1.05;margin-bottom:38px}.brand-spark{margin-bottom:24px}.brand-ribbon{height:180px;border-radius:10px}.brand-contact{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.brand-frame,.brand-frame img,.brand-contact{transition:none!important}}
.motion-off .brand-frame,.motion-off .brand-frame img,.motion-off .brand-contact{transition:none!important}