@font-face{font-family:Franie;src:url(/fonts/Franie-Light.woff2)format("woff2"),url(/fonts/Franie-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Franie;src:url(/fonts/Franie-Regular.woff2)format("woff2"),url(/fonts/Franie-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Brodie;src:url(/fonts/Brodie.otf)format("opentype"),url(/fonts/Brodie.ttf)format("truetype");font-weight:400 800;font-display:swap}:root{--blue:#1548ff;--paper:#f6f4f1;--red:#fe392c;--yellow:#ffc400;--slot:#e8e5e0;--grey:#7c848a;--blue-60:#1548ff99;--blue-55:#1548ff8c;--blue-45:#1548ff73;--blue-40:#1548ff66;--blue-35:#1548ff59;--blue-30:#1548ff4d;--blue-25:#1548ff40;--blue-22:#1548ff38;--display:"Brodie", "Syne", system-ui, sans-serif;--text:"Franie", system-ui, sans-serif;--gutter:clamp(20px, 6.6px + 3.43vw, 56px);--ease:cubic-bezier(.16, 1, .3, 1);--ease-hover:cubic-bezier(.34, 1.25, .64, 1);--hover:.32s;--radius:16px;--card-h:clamp(170px, 24svh, 300px);--rail-meta:68px}*{box-sizing:border-box}html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,figure{font-size:inherit;font-weight:inherit;margin:0}body{background:var(--paper);color:var(--blue);font-family:var(--display);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--blue);transition:color var(--hover) var(--ease-hover);text-decoration:none}a:hover{color:var(--red)}button{font:inherit;color:inherit}.cta,.pill,.filter,.rail__meta,.card__meta,.viewer__sub,.viewer__count,.home__footer,.slot__empty{-webkit-user-select:none;user-select:none}::selection{background:var(--blue);color:var(--paper)}:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}.rail__card:focus-visible,.card:focus-visible{outline-offset:6px}@keyframes kmaskUp{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes kflashOut{0%,55%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}.viewer-open .rail__media img,.viewer-open .card__media img{transition:none!important}@keyframes kpop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ksheet{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes kriseUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes kfade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mask{justify-content:center;display:flex;overflow:hidden}.cta{font-family:var(--text);letter-spacing:.05em;color:var(--blue);transition:color var(--hover) var(--ease-hover);white-space:nowrap;justify-content:center;align-items:center;padding:8px 2px;font-size:12px;font-weight:400;display:inline-flex}.cta:hover{color:var(--red)}.cta__arrow{width:.9em;height:.9em;transition:transform var(--hover) var(--ease-hover);flex:none;margin-left:.5em;transform:translateY(-.04em)}.cta:hover .cta__arrow{transform:translate(.12em,-.16em)}.cta--sm{font-size:11px}.pill{--pill-pad:3px;--pill-eye:24px;background:var(--blue);padding:var(--pill-pad);cursor:pointer;transition:background .3s, gap .35s var(--ease), padding .35s var(--ease);border:0;border-radius:999px;align-items:center;gap:0;display:flex;position:relative}.pill:before{content:"";position:absolute;inset:-9px}.pill__eye{width:var(--pill-eye);height:auto;color:var(--paper);flex:none;display:block}.pill__label{font-family:var(--text);letter-spacing:.08em;color:var(--paper);white-space:nowrap;opacity:0;max-width:0;transition:max-width .35s var(--ease), opacity .25s;font-size:11px;overflow:hidden}.pill:hover,.pill:focus-visible{background:var(--red);gap:calc(var(--pill-pad) + 5px);padding:var(--pill-pad) calc(var(--pill-pad) + 11px) var(--pill-pad) var(--pill-pad)}.pill:hover .pill__label,.pill:focus-visible .pill__label{opacity:1;max-width:160px}.pill--sm{--pill-pad:4px;--pill-eye:30px}.pill--open{gap:calc(var(--pill-pad) + 5px);padding:var(--pill-pad) calc(var(--pill-pad) + 9px) var(--pill-pad) var(--pill-pad)}.pill--open .pill__label{opacity:1;max-width:160px}.slot{background:var(--slot);width:100%;height:100%;position:relative;overflow:hidden}.slot picture{display:contents}.slot img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease);display:block}.slot img.is-loaded{opacity:1}.slot__preview{filter:blur(14px);background-position:50%;background-size:cover;position:absolute;inset:-6%;transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.slot img{opacity:1}}.slot__empty{text-align:center;font-family:var(--text);letter-spacing:.05em;color:var(--blue-40);justify-content:center;align-items:center;padding:12px;font-size:10px;line-height:1.7;display:flex;position:absolute;inset:0}.intro{background:var(--yellow);z-index:300;justify-content:center;align-items:center;animation:1.5s cubic-bezier(.76,0,.24,1) forwards kflashOut;display:flex;position:fixed;inset:0}.intro__eye{width:132px;height:auto;color:var(--paper);display:block}.home{min-height:100svh;padding:38px var(--gutter) 20px;flex-direction:column;display:flex;position:relative}.home__nav{justify-content:center;margin-top:clamp(20px,8.85vh - 47px,84px);animation:1s .8s both kfade;display:flex}.home__head{text-align:center;flex-direction:column;flex:auto;align-items:center;display:flex}.home__logo{width:auto;height:clamp(40px,38.1px + .476vw,46px);animation:kmaskUp .9s var(--ease) both;display:block}.home__title{letter-spacing:-.01em;color:var(--blue);animation:kmaskUp 1s var(--ease) both;font-size:clamp(26px,21.5px + 1.143vw,46px);font-weight:700;line-height:1}.home__titles{margin-top:clamp(56px,30px + 5vw,140px)}.home__titles .mask:first-child .home__title{animation-delay:80ms}.home__titles .mask:nth-child(2) .home__title{animation-delay:.16s}.home__intro{font-family:var(--text);letter-spacing:.02em;color:var(--grey);max-width:58ch;margin-top:22px;font-size:clamp(11px,9.5px + .35vw,15px);font-weight:300;line-height:1.7;animation:1s .5s both kfade}.home__cta{margin-top:24px;animation:1s .65s both kfade}.home__footer{border-top:1px solid var(--blue-22);font-family:var(--text);letter-spacing:.05em;color:var(--blue);justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(28px,4.5vh,56px);padding-top:22px;font-size:11px;display:flex}.home__footer a:hover{color:var(--red)}.home__links{gap:28px;display:flex}.home__copy{color:var(--blue-45)}.rail-wrap{flex:none;margin-top:clamp(40px,20px + 2.8vw,80px);display:flex;position:relative}.rail{scrollbar-width:none;touch-action:pan-x;flex:1;align-items:flex-start;gap:18px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail__card{animation:kriseUp .8s var(--ease) both;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;gap:14px;padding:0;display:flex}.rail__media{height:var(--card-h);background:var(--slot);border-radius:var(--radius);overflow:hidden}.rail__media img,.card__media img{transition:transform .7s var(--ease), opacity .7s var(--ease)}.rail__card:hover .rail__media img,.card:hover .card__media img{transform:scale(1.05)}.rail__meta{font-family:var(--text);letter-spacing:.03em;color:var(--blue);flex-direction:column;gap:3px;font-size:10px;line-height:1.6;display:flex}.rail__meta span:nth-child(2),.rail__meta span:nth-child(3){color:var(--grey)}.has-cursor,.has-cursor *{cursor:none!important}.viewer,.viewer *{cursor:auto!important}.viewer-open .cursor{display:none}.cursor{pointer-events:none;opacity:0;z-index:300;will-change:transform;width:40px;height:24px;transition:opacity .3s var(--ease);color:var(--red);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.cursor[data-eye="1"],.cursor[data-grow="1"]{mix-blend-mode:difference;color:#00bbc5}.cursor[data-on="1"]{opacity:1}.cursor__dot{width:10px;height:10px;transition:width .24s var(--ease-hover), height .24s var(--ease-hover);background:currentColor;border-radius:50%;position:absolute}.cursor__eye{opacity:0;width:100%;height:100%;transition:opacity .25s var(--ease), transform .25s var(--ease);position:absolute;transform:scaleY(0)}.cursor[data-eye="1"] .cursor__eye{opacity:1;transform:scaleY(1)}.cursor[data-grow="1"] .cursor__dot{width:22px;height:22px}@media (hover:none){.cursor{display:none}}.work{min-height:100svh;padding:40px var(--gutter) 64px;flex-direction:column;animation:.45s both kfade;display:flex}.work__bar{border-bottom:1px solid var(--blue-22);justify-content:space-between;align-items:center;gap:20px;padding-bottom:26px;display:flex}.work__logo{width:auto;height:32px;display:block}.work__actions{align-items:center;gap:16px;display:flex}.work__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:64px;padding:clamp(32px,17.1px + 3.81vw,72px) 0 40px;display:flex}.work__title{letter-spacing:-.01em;color:var(--blue);font-size:clamp(32px,23.1px + 2.286vw,68px);font-weight:700;line-height:1}.work__intro{font-family:var(--text);letter-spacing:.02em;color:var(--grey);max-width:56ch;margin-top:14px;font-size:clamp(11px,9.5px + .35vw,15px);font-weight:300;line-height:1.6}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter{font-family:var(--text);letter-spacing:.05em;border:1px solid var(--blue-30);cursor:pointer;color:var(--blue);transition:background var(--hover) var(--ease-hover), color var(--hover) var(--ease-hover);background:0 0;border-radius:999px;padding:9px 14px;font-size:11px}.filter:hover{background:var(--blue);color:var(--paper)}.filter[aria-pressed=true]{background:var(--red);border-color:var(--red);color:var(--paper)}.grid{align-items:flex-start;gap:16px;display:flex}.grid__col{flex-direction:column;flex:1;gap:22px;min-width:0;display:flex}.card{animation:kriseUp .7s var(--ease) both;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;gap:12px;width:100%;padding:0;display:flex}.card__media{background:var(--slot);border-radius:var(--radius);width:100%;overflow:hidden}.card__meta{font-family:var(--text);letter-spacing:.03em;color:var(--blue);text-align:left;flex-direction:column;gap:1px;font-size:11px;line-height:1.6;display:flex}.card__name{color:var(--grey)}.card__tag{color:var(--grey);letter-spacing:.08em;margin-top:3px;font-size:9.5px}@media (hover:hover) and (pointer:fine){.card{border-radius:var(--radius);position:relative;overflow:hidden}.card__meta{background:var(--paper);transition:transform var(--hover) var(--ease);pointer-events:none;gap:2px;padding:14px 16px 15px;position:absolute;inset:auto 0 0;transform:translateY(105%)}.card:hover .card__meta,.card:focus-visible .card__meta{transform:none}.card__client{font-family:var(--display);letter-spacing:.01em;font-size:clamp(15px,1.1vw,20px);line-height:1.05}.card__tag{margin-top:4px}}.work__empty{font-family:var(--text);letter-spacing:.05em;color:var(--blue-55);text-align:center;padding:60px 0;font-size:12px}.outro{border-top:1px solid var(--blue-22);flex-direction:column;align-items:center;gap:26px;margin-top:clamp(48px,33.1px + 3.81vw,96px);padding-top:clamp(36px,25.6px + 2.667vw,70px);display:flex}.outro__title{letter-spacing:-.025em;color:var(--blue);text-align:center;font-size:clamp(24px,13.6px + 2.667vw,60px);font-weight:700;line-height:.92}.lost{min-height:100svh;padding:40px var(--gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.lost__eye{width:clamp(64px,7vw,96px);height:auto;color:var(--blue);animation:kriseUp .8s var(--ease) both}.lost__title{letter-spacing:-.01em;color:var(--blue);animation:kriseUp .8s var(--ease) 80ms both;font-size:clamp(24px,15px + 1.6vw,40px);font-weight:700;line-height:1}.lost__line{font-family:var(--text);letter-spacing:.02em;color:var(--grey);max-width:42ch;font-size:clamp(11px,9.5px + .35vw,15px);font-weight:300;animation:1s .25s both kfade}.lost .cta{margin-top:6px;animation:1s .4s both kfade}.viewer{z-index:200;contain:paint;background:#0c10209e;justify-content:center;align-items:center;padding:clamp(16px,3vw,48px);animation:.35s both kfade;display:flex;position:fixed;inset:0}.viewer__panel{background:var(--paper);border-radius:var(--radius);overscroll-behavior:contain;width:100%;max-width:1240px;max-height:calc(100svh - 2*clamp(16px,3vw,48px));animation:kpop .45s var(--ease-hover) both;flex-direction:column;gap:16px;padding:20px 22px 18px;display:flex;overflow-y:auto;box-shadow:0 30px 80px #00000073}.viewer__head{justify-content:space-between;align-items:center;gap:24px;display:flex}.viewer__id{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.viewer__client{letter-spacing:-.02em;color:var(--blue);font-size:clamp(22px,17.5px + 1.143vw,34px);font-weight:700;line-height:1}.viewer__sub{font-family:var(--text);letter-spacing:.05em;color:var(--blue-55);font-size:11px}.viewer__tools{align-items:center;gap:12px;display:flex}.viewer__where{font-family:var(--text);letter-spacing:.05em;color:var(--grey);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:11px}.viewer__count{font-family:var(--text);letter-spacing:.05em;color:var(--blue);background:var(--yellow);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:11px}.viewer__close{border:1.5px solid var(--blue);width:38px;height:38px;color:var(--blue);font-family:var(--text);cursor:pointer;transition:background var(--hover) var(--ease-hover), color var(--hover) var(--ease-hover), border-color var(--hover) var(--ease-hover);background:0 0;border-radius:50%;flex:none;font-size:13px}.viewer__close:hover{background:var(--red);border-color:var(--red);color:var(--paper)}.viewer__stage{background:var(--slot);border-radius:var(--radius);align-self:center;max-width:100%;height:min(760px,68svh);position:relative;overflow:hidden}.viewer__stage iframe{border:0;width:100%;height:100%;display:block}.viewer__arrows{pointer-events:none;opacity:1;transition:opacity var(--hover) var(--ease-hover);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.viewer__arrows{opacity:0}.viewer__stage:hover .viewer__arrows,.viewer__stage:focus-within .viewer__arrows{opacity:1}}.viewer__arrow{width:46px;height:46px;color:var(--blue);cursor:pointer;pointer-events:auto;transition:background var(--hover) var(--ease-hover), color var(--hover) var(--ease-hover);background:#f6f4f1e6;border:0;border-radius:50%;font-size:15px}.viewer__arrow:hover{background:var(--blue);color:var(--paper)}.viewer__play{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viewer__play>span{width:68px;height:68px;color:var(--paper);transition:background var(--hover) var(--ease-hover), transform var(--hover) var(--ease-hover);background:#1548ffe6;border-radius:50%;justify-content:center;align-items:center;display:flex}.viewer__play:hover>span{background:var(--red);transform:scale(1.08)}.viewer__play svg{width:22px;height:22px;display:block;transform:translate(2px)}.viewer__foot{justify-content:space-between;align-items:center;gap:24px;display:flex}.viewer__credits{font-family:var(--text);letter-spacing:.045em;color:var(--blue-60);white-space:pre-line;font-size:10px;line-height:1.9}.viewer__nav{align-items:center;gap:20px;display:flex}.dots{align-items:center;gap:7px;display:flex}.dot{cursor:pointer;background:var(--blue-25);width:8px;height:8px;transition:width var(--hover) var(--ease-hover), background var(--hover) var(--ease-hover);border:0;border-radius:999px;padding:0}.dot[aria-current=true]{background:var(--yellow);width:26px}.viewer__step{align-items:center;gap:10px;display:flex}.step{border:1.5px solid var(--blue-35);width:40px;height:40px;color:var(--blue);cursor:pointer;transition:background var(--hover) var(--ease-hover), color var(--hover) var(--ease-hover);background:0 0;border-radius:50%;flex:none;font-size:14px}.step:hover{background:var(--blue);color:var(--paper)}.notice{left:var(--gutter);bottom:max(96px, env(safe-area-inset-bottom,0px) + 88px);z-index:250;background:var(--paper);border:1px solid var(--blue-22);border-radius:var(--radius);max-width:380px;animation:kriseUp .5s var(--ease) both;align-items:center;gap:16px;padding:13px 14px 13px 18px;display:flex;position:fixed}.notice__text{font-family:var(--text);letter-spacing:.02em;color:var(--blue);font-size:11px;line-height:1.6}.notice__more{color:var(--grey);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.notice__more:hover{color:var(--red)}.notice__ok{cursor:pointer;background:var(--blue);color:var(--paper);font-family:var(--text);letter-spacing:.1em;transition:background var(--hover) var(--ease-hover);border:0;border-radius:999px;flex:none;padding:7px 16px;font-size:10px}.notice__ok:hover{background:var(--red)}.viewer-open .notice{display:none}.legal{min-height:100svh;padding:40px var(--gutter) 64px;flex-direction:column;animation:.45s both kfade;display:flex}.legal__body{max-width:62ch;margin-top:clamp(40px,6vh,90px)}.legal__title{font-family:var(--display);color:var(--blue);font-size:clamp(30px,22px + 2vw,56px);line-height:1}.legal__lede{font-family:var(--text);color:var(--grey);margin-top:18px;font-size:clamp(12px,10.5px + .35vw,15px);line-height:1.7}.legal__body h2{font-family:var(--text);letter-spacing:.12em;color:var(--grey);margin-top:44px;font-size:10px}.legal__body p{font-family:var(--text);color:var(--blue);margin-top:10px;font-size:13px;line-height:1.75}.legal__body a{text-underline-offset:3px;text-decoration:underline}.legal__table{border-collapse:collapse;width:100%;font-family:var(--text);color:var(--blue);margin-top:14px;font-size:12px}.legal__table th,.legal__table td{text-align:left;border-bottom:1px solid var(--blue-22);vertical-align:top;padding:10px 14px 10px 0;line-height:1.6}.legal__table th{letter-spacing:.1em;color:var(--grey);font-size:10px;font-weight:400}.legal__table td:first-child{white-space:nowrap;padding-right:22px}@media (min-width:901px) and (max-width:1300px){.rail__media{max-width:62vw}}@media (pointer:coarse){.home__links a,.home__footer a{margin:-14px 0;padding:14px 0;display:inline-block}.filter{padding:13px 18px}.work__bar>a,.cta{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.dot{background-clip:content-box;height:20px;padding:6px 0}}@media (max-width:900px){.notice{left:var(--gutter);right:var(--gutter);bottom:max(18px, env(safe-area-inset-bottom,0px) + 14px);gap:12px;max-width:none;padding:12px 12px 12px 15px}.notice__ok{padding:10px 18px}.legal__body{margin-top:34px}.home{padding:max(56px, env(safe-area-inset-top,0px) + 26px) var(--gutter) max(22px, env(safe-area-inset-bottom,0px) + 12px)}.home__titles{margin-top:40px}.rail{gap:14px}.rail__media{--card-h:clamp(155px, 21svh, 230px);max-width:78vw}.home{--rail-meta:46px}.home__cta,.outro .cta{width:100%;padding:17px 0}.home__footer{text-align:center;letter-spacing:.045em;flex-direction:column;align-items:center;gap:11px;margin-top:26px;padding-top:18px;font-size:10px}.home__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;width:100%}.home__copy{flex-basis:100%}.work{padding:32px var(--gutter) 40px}.work__logo{height:26px}.work__actions .cta--sm{padding:9px 14px;font-size:10px}.work__actions .pill{display:none}.work__head{gap:24px;padding:32px 0 26px}.grid{gap:16px}.grid__col{gap:22px}.card__meta{font-size:9.5px;line-height:1.5}.card__tag{margin-top:2px;font-size:8.5px}.viewer{align-items:flex-end;height:100svh;padding:0;bottom:auto}.viewer__panel{padding:18px 16px max(22px, env(safe-area-inset-bottom,0px) + 14px);border-radius:var(--radius) var(--radius) 0 0;gap:14px;max-width:none;max-height:92svh;animation-name:ksheet}.viewer__client{font-size:22px}.viewer__sub{font-size:10px}.viewer__stage{width:100%;height:auto}.viewer__play>span{width:56px;height:56px}.viewer__play svg{width:18px;height:18px;transform:translate(1.5px)}.viewer__foot{flex-direction:column;align-items:flex-start;gap:14px}.viewer__nav{justify-content:space-between;width:100%}}@media (max-width:900px) and (max-height:700px){.home{padding-top:max(40px, env(safe-area-inset-top,0px) + 16px)}.home__titles{margin-top:clamp(24px,5vh,48px)}.home__intro{margin-top:14px}.home__cta{margin-top:16px}.rail-wrap{margin-top:26px}.rail__media{--card-h:clamp(150px, 26svh, 240px)}.home__nav{margin-top:16px}.home__footer{margin-top:18px}}