.portfolio-layout{height:auto;min-height:100dvh;font-family:var(--font-poppins),sans-serif;overflow:clip}.portfolio-layout .film-nav{z-index:20}.portfolio-shell{grid-template-columns:96px minmax(0,1fr);align-items:start;width:calc(100% - 64px);max-width:1240px;margin-inline:auto;display:grid}.portfolio-scroll{background:var(--brand-white,#fff);min-width:0}.portfolio-rail{z-index:12;pointer-events:none;align-items:center;height:calc(100dvh - 128px);display:flex;position:sticky;top:104px}.portfolio-category-control{pointer-events:auto;width:48px;position:relative}.portfolio-category-toggle{color:#707070;font:400 10px var(--font-poppins),sans-serif;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 0 10px;display:block;position:relative;left:50%;transform:translate(-50%)}.portfolio-category-control nav{width:48px;height:calc(var(--category-count)*44px + 38px);background:var(--brand-orange,#fa6b1b);scrollbar-width:none;border-radius:26px;max-height:calc(100dvh - 190px);padding:8px 2px;transition:width .25s cubic-bezier(.2,.7,.3,1),border-radius .25s,box-shadow .25s;overflow:hidden auto;box-shadow:0 5px 20px #00000008}.portfolio-category-control[data-expanded=true] nav{border-radius:22px;width:240px;box-shadow:0 10px 32px #00000014}.portfolio-category-control nav a{height:44px;min-height:0;color:var(--brand-white,#fff);flex-shrink:0;grid-template-columns:44px 188px;align-items:center;padding:0;font-size:13px;line-height:1.5;text-decoration:none;transition:height .25s;display:grid}.portfolio-category-dot{background:var(--brand-white,#fff);width:20px;height:20px;opacity:var(--category-opacity);border-radius:99px;margin:auto;transition:height .25s,opacity .25s;display:block}.portfolio-category-control nav a[aria-current] .portfolio-category-dot{background:var(--brand-white,#fff);height:54px}.portfolio-category-control nav a[aria-current]{height:66px}.portfolio-category-label{opacity:0;overflow-wrap:anywhere;padding:8px 12px 8px 2px;transition:opacity .15s,transform .25s;transform:translate(-6px)}.portfolio-category-control[data-expanded=true] .portfolio-category-label{opacity:var(--category-opacity);transition-delay:60ms;transform:none}.portfolio-category-control[data-expanded=true] a[aria-current] .portfolio-category-label,.portfolio-category-control nav a:hover .portfolio-category-label,.portfolio-category-control nav a:hover .portfolio-category-dot{opacity:1}.portfolio-category-control nav a:focus-visible{outline:2px solid var(--brand-white,#fff);outline-offset:-4px;border-radius:18px}.portfolio-chapter{isolation:isolate;padding:88px 64px;position:relative;scroll-margin-top:90px!important}.portfolio-chapter:first-child{padding-top:132px}.portfolio-chapter:before{content:"";z-index:-1;background:var(--brand-white,#fff);pointer-events:none;position:absolute;inset:0 -100vw}.portfolio-chapter:nth-child(2n):before{background:var(--brand-grey,#f3f3f3)}.portfolio-chapter-heading{margin-bottom:56px}.portfolio-chapter-heading h2{margin:0 0 14px;font-size:28px;font-weight:500}.portfolio-chapter-heading p{color:#6b6b6b;margin-bottom:14px;font-size:13px}.portfolio-chapter-heading>span{color:#777;font-size:10px}.portfolio-row{margin-bottom:56px}.portfolio-row:last-child{margin-bottom:0}.portfolio-row-heading{font-size:var(--brand-card-size,16px);font-weight:var(--brand-card-weight,600);border-bottom:1px solid #ddd;margin:0 0 24px;padding-bottom:14px;letter-spacing:0!important}.portfolio-films{gap:24px;display:grid}.portfolio-films-3{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-films-4{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-film{min-width:0}.portfolio-film-thumbnail{background:#eee;border-radius:20px;position:relative;overflow:hidden}.portfolio-film-thumbnail.vertical{aspect-ratio:9/16}.portfolio-film-thumbnail.landscape{aspect-ratio:16/9}.portfolio-film-thumbnail img{object-fit:cover;filter:saturate(.6);width:100%;height:100%;display:block}.portfolio-film-thumbnail span{color:var(--brand-white,#fff);background:#171717b8;border-radius:99px;padding:5px 9px;font-size:9px;position:absolute;bottom:12px;left:12px}.portfolio-film h4{letter-spacing:-.02em;margin:18px 0 7px;font-size:13px;font-weight:500;line-height:1.5}.portfolio-film p{color:#737373;margin:0;font-size:11px;line-height:1.75}.portfolio-end{border:0;flex-direction:column;align-items:flex-start;gap:24px;padding:24px 0 72px;display:flex}.portfolio-end h2{max-width:360px;font-size:24px;font-weight:500;line-height:1.5}.portfolio-end>a:last-child{color:#666;font-size:12px}.portfolio-end{padding:64px 64px 88px}.portfolio-layout .portfolio-reveal-ready{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,.65,.3,1);transform:translateY(8px)}.portfolio-layout .portfolio-reveal-ready.portfolio-revealed,.portfolio-layout .portfolio-reveal-ready:focus-within{opacity:1;transform:none}@media (max-width:900px){.portfolio-shell{grid-template-columns:72px minmax(0,1fr);width:calc(100% - 40px)}.portfolio-chapter,.portfolio-end{padding-inline:24px}.portfolio-films-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.portfolio-shell{width:calc(100% - 32px);padding-top:84px;display:block}.portfolio-layout .film-nav{position:absolute}.portfolio-rail{isolation:isolate;height:auto;display:block;top:0}.portfolio-rail:before{content:"";background:var(--brand-orange,#fa6b1b);z-index:-1;pointer-events:none;position:absolute;inset:-84px -16px 0}.portfolio-category-control{width:100%}.portfolio-category-toggle{display:none}.portfolio-category-control nav,.portfolio-category-control[data-expanded=true] nav{width:100%;height:auto;max-height:none;box-shadow:none;background:0 0;border-radius:0;align-items:center;gap:4px;padding:6px 0;display:flex;overflow:auto hidden}.portfolio-category-control nav a,.portfolio-category-control nav a[aria-current]{white-space:nowrap;border-radius:999px;height:auto;min-height:44px;padding:12px 14px;font-size:11px;display:block}.portfolio-category-control nav a[aria-current]{background:#ffffff24}.portfolio-category-dot{display:none}.portfolio-category-control .portfolio-category-label,.portfolio-category-control[data-expanded=true] .portfolio-category-label{opacity:var(--category-opacity);padding:0;display:block;transform:none}.portfolio-chapter{padding:56px 8px;scroll-margin-top:84px!important}.portfolio-chapter:first-child{padding-top:40px}.portfolio-chapter-heading{margin-bottom:36px}.portfolio-chapter-heading h2{font-size:25px}.portfolio-films-3,.portfolio-films-4{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-films{gap:14px}.portfolio-film-thumbnail{border-radius:16px}.portfolio-film h4{font-size:12px}.portfolio-row{margin-bottom:40px}.portfolio-end{padding:48px 8px}.portfolio-end h2{font-size:22px}.portfolio-film-thumbnail span{padding:3px 5px;font-size:8px;bottom:6px;left:6px}}@media (prefers-reduced-motion:reduce){.portfolio-category-control nav,.portfolio-category-control nav a,.portfolio-category-dot,.portfolio-category-label,.portfolio-layout .portfolio-reveal-ready{transition:none}.portfolio-layout .portfolio-reveal-ready{opacity:1;transform:none}}.portfolio-watch{width:100%;height:100%;color:var(--brand-white,#fff);cursor:pointer;text-shadow:0 2px 10px #000;background:0 0;border:0;font-size:24px;position:absolute;inset:0}.portfolio-player{width:calc(100% - 32px);max-width:1000px;padding:24px}.portfolio-player video{background:#111;width:100%;max-height:75vh;display:block}.portfolio-player h2{font-size:20px}.portfolio-player p{font-size:13px}.portfolio-player .close-dialog{margin-left:auto;display:block}@media (max-width:650px){.portfolio-layout .film-nav{transition:transform .9s cubic-bezier(.22,.61,.36,1),visibility;position:fixed}.portfolio-layout[data-header-visible=false] .film-nav{visibility:hidden;pointer-events:none;transition:transform .9s cubic-bezier(.22,.61,.36,1),visibility 0s .9s;transform:translateY(-84px)}.portfolio-rail{transition:top .9s cubic-bezier(.22,.61,.36,1)}.portfolio-layout[data-header-visible=true] .portfolio-rail{top:84px}}@media (max-width:650px) and (prefers-reduced-motion:reduce){.portfolio-layout .film-nav,.portfolio-rail{transition:none}}.portfolio-layout .portfolio-chapter-heading h2,.portfolio-layout .portfolio-end h2{font-size:var(--home-heading);letter-spacing:-.035em;font-weight:700;line-height:1.25}.portfolio-layout .portfolio-chapter-heading p,.portfolio-layout .portfolio-film p{font-size:var(--home-body);font-weight:400;line-height:1.8}.portfolio-layout .portfolio-row-heading{font-size:var(--brand-card-size,var(--home-category));font-weight:var(--brand-card-weight,600);line-height:1.5}.portfolio-layout .portfolio-film h4{font-size:var(--home-body);font-weight:600;line-height:1.5}.portfolio-layout .portfolio-chapter-heading>span,.portfolio-layout .portfolio-film-thumbnail span{font-size:var(--home-eyebrow)}.portfolio-layout .portfolio-category-control nav a{font-size:var(--home-category);font-weight:500}@media (max-width:650px){.portfolio-layout .portfolio-chapter-heading h2,.portfolio-layout .portfolio-end h2{font-size:25px}.portfolio-category-control{width:calc(100% + 32px);margin-inline:-16px}.portfolio-category-control nav,.portfolio-category-control[data-expanded=true] nav{box-sizing:border-box;scroll-snap-type:none;scrollbar-width:none;overscroll-behavior-x:none;gap:0;width:100%;padding:6px 33%;-webkit-mask-image:linear-gradient(90deg,#0000 16%,#000 32% 68%,#0000 84%);mask-image:linear-gradient(90deg,#0000 16%,#000 32% 68%,#0000 84%)}.portfolio-category-control nav::-webkit-scrollbar{display:none}.portfolio-layout .portfolio-category-control nav a,.portfolio-layout .portfolio-category-control nav a[aria-current]{box-sizing:border-box;white-space:normal;scroll-snap-align:center;scroll-snap-stop:always;text-align:center;background:0 0;flex:0 0 100%;justify-content:center;align-items:center;height:auto;min-height:60px;padding:10px 0;display:flex}.portfolio-category-control .portfolio-category-label,.portfolio-category-control[data-expanded=true] .portfolio-category-label{max-width:100%;transform:scale(var(--category-scale));opacity:var(--category-opacity);transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .9s,background .9s;transition-delay:0;overflow-wrap:anywhere;border-radius:999px;padding:12px 21px}.portfolio-category-control nav a[aria-current] .portfolio-category-label{opacity:1;background:#ffffff24}}@media (prefers-reduced-motion:reduce){.portfolio-category-control .portfolio-category-label{transition:none}}.portfolio-wheel-arrow{display:none}@media (max-width:650px){.portfolio-layout .portfolio-wheel-arrow{z-index:2;background:var(--brand-orange,#fa6b1b);width:44px;height:44px;color:var(--brand-white,#fff);opacity:1;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;place-items:center;padding:10px;transition:color .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-layout .portfolio-wheel-prev{left:0}.portfolio-layout .portfolio-wheel-next{right:0}.portfolio-layout .portfolio-wheel-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.portfolio-layout .portfolio-wheel-arrow:hover,.portfolio-layout .portfolio-wheel-arrow:focus-visible{opacity:1;background:var(--brand-orange,#fa6b1b)}.portfolio-layout .portfolio-wheel-arrow:focus-visible{outline:2px solid var(--brand-white,#fff);outline-offset:-6px;border-radius:12px}.portfolio-layout .portfolio-wheel-arrow[aria-disabled=true]{color:#ffffff40;cursor:default}.portfolio-category-control nav[data-centering=true]{scroll-snap-type:none}}@media (max-width:650px) and (prefers-reduced-motion:reduce){.portfolio-layout[data-header-visible=false] .film-nav{transition:none}}.portfolio-wheel-arrow svg{transform-origin:50%;transition:transform .6s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.portfolio-wheel-arrow:not([aria-disabled=true]):hover svg{transform:scale(1.28)}}@media (prefers-reduced-motion:reduce){.portfolio-wheel-arrow svg{transition:none}.portfolio-wheel-arrow:hover svg{transform:none!important}}