@view-transition{navigation:auto}::view-transition-group(tffc-project){z-index:100;animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.2,1);overflow:hidden}::view-transition-image-pair(tffc-project){isolation:auto}::view-transition-old(tffc-project),::view-transition-new(tffc-project){mix-blend-mode:normal;object-fit:cover;width:100%;height:100%;animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.55s}[data-cover-lead]{view-transition-name:tffc-project}*{box-sizing:border-box}:root{--pad:clamp(16px, 2.5vw, 40px);--col-gap:clamp(16px, 5.6vw, 90px);--row-gap:clamp(16px, 5.3vw, 84px)}html,body{background:#fff;margin:0}body{color:#fff;font-family:Arial,Helvetica,sans-serif}img,video{display:block}.hero{aspect-ratio:16/9;background:#000;width:100%;max-height:100svh;position:relative;overflow:hidden}.hero>video{object-fit:cover;width:100%;height:100%}.project-nav{z-index:3;text-align:center;text-transform:uppercase;grid-template-columns:1fr clamp(54px,7vw,78px) 1fr;align-items:center;gap:clamp(60px,13vw,190px);width:min(760px,76vw);font-size:clamp(12px,1.2vw,18px);font-weight:600;transition:opacity .35s;display:grid;position:absolute;top:clamp(24px,6vh,68px);left:50%;transform:translate(-50%)}.project-nav span{justify-self:center;padding-bottom:5px}.project-nav .active{border-bottom:2px solid}.project-nav button{cursor:pointer;background:0 0;border:0;width:100%;padding:0}.project-nav img{pointer-events:none;width:100%;transition:transform .75s cubic-bezier(.22,.75,.25,1)}.project-nav button:hover img{transform:rotate(180deg)scale(.94)}.caption{z-index:2;text-shadow:0 2px 15px #0000008c;text-transform:uppercase;pointer-events:none;width:min(1500px,100vw - 80px);transition:opacity .35s;display:grid;position:absolute;bottom:clamp(24px,5vh,58px);left:clamp(20px,4vw,58px)}.caption strong{font-size:clamp(18px,2vw,34px);line-height:1.05}.caption span{margin-top:5px;font-size:clamp(15px,1.65vw,27px);font-weight:700}.controls{--size:clamp(36px, 3.5vw, 46px);z-index:3;gap:18px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;bottom:clamp(24px,5vh,58px);right:clamp(20px,4vw,58px)}.controls button{width:var(--size);height:var(--size);color:#fff;cursor:pointer;background:0 0;border:0;padding:0;transition:opacity .25s,transform .25s}.controls button:hover{opacity:.75;transform:scale(1.06)}.controls svg{fill:currentColor;width:100%;height:100%}.controls .fullscreen{fill:none;stroke:currentColor;stroke-width:2px}.controls .sound svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.controls .sound path+path{fill:none}.controls .play,.controls .sound-off,.controls .paused .pause,.controls .muted .sound-on{display:none}.controls .paused .play,.controls .muted .sound-off{display:block}.hero.ui-hidden .project-nav,.hero.ui-hidden .caption,.hero.ui-hidden .controls{opacity:0;pointer-events:none}.campaign-grid{column-gap:var(--col-gap);padding:var(--pad) var(--pad) var(--row-gap);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.campaign-grid__column{gap:var(--row-gap);flex-direction:column;display:flex}.media-frame,.shirt-flip{margin:0;overflow:hidden}.media-frame{transition:transform .85s cubic-bezier(.22,.75,.25,1)}.media-frame img{width:100%;height:auto;transition:transform .85s cubic-bezier(.22,.75,.25,1)}.shirt-flip{aspect-ratio:1;perspective:1600px;background:#f5f5f5}.shirt-flip__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.75,.25,1);position:relative}.shirt-flip__face{backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.shirt-flip__face img{object-fit:contain;width:100%;height:100%}.shirt-flip__back{transform:rotateY(180deg)}.campaign-grid__landscape img{aspect-ratio:3/2;object-fit:cover}.campaign-grid__portrait{flex:1 1 0;min-height:0;position:relative}.campaign-grid__portrait img{object-fit:cover;object-position:center 42%;width:100%;height:100%;position:absolute;inset:0}.campaign-feature{aspect-ratio:1280/1520;margin:0}.campaign-feature img{object-fit:cover;object-position:center 56%;width:100%;height:100%}@media (hover:hover) and (pointer:fine){.shirt-flip:hover .shirt-flip__inner,.shirt-flip:focus-visible .shirt-flip__inner{transform:rotateY(180deg)}.media-frame:hover{z-index:1;transform:scale(1.02)}.media-frame:hover img{transform:scale(1.035)}}@media (width<=700px){.project-nav{grid-template-columns:1fr 44px 1fr;gap:24px;width:82vw;font-size:10px;top:18px}.caption{width:calc(100vw - 28px);bottom:68px;left:14px}.caption strong{font-size:15px}.caption span{font-size:13px}.controls{--size:34px;gap:8px;bottom:20px;right:18px}.campaign-grid{grid-template-columns:1fr;gap:12px;padding:12px}.campaign-grid__column{gap:12px}.campaign-grid__portrait{aspect-ratio:.95;flex:none}.campaign-feature{aspect-ratio:auto;margin:0 12px 12px}.campaign-feature img{height:auto}}@media (prefers-reduced-motion:reduce){.project-nav,.project-nav img,.caption,.controls,.media-frame,.media-frame img,.shirt-flip__inner{transition-duration:1ms}}