:root{color-scheme:dark;--ink: #f5f5f7;--ink-dim: rgba(245, 245, 247, .62);--hair: rgba(255, 255, 255, .18);--ease: cubic-bezier(.22, .61, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html.site,html.site body{background:#000;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;-webkit-font-smoothing:antialiased}html.site{scroll-behavior:smooth}html.site body{overflow-x:hidden}#viewer-chrome{display:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;touch-action:pan-y}#app canvas{display:block;width:100%;height:100%}#veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;pointer-events:none;opacity:1;transition:opacity .9s var(--ease)}html.site.stage-live #veil{opacity:0}html.site:not(.stage-live) #app{pointer-events:none}#boot{position:fixed;left:0;top:0;height:2px;width:100%;z-index:40;pointer-events:none;opacity:1;transition:opacity .6s ease .3s}#boot>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ffffff40,#fff);transition:width .35s var(--ease)}html.site.stage-ready #boot{opacity:0}html.site.stage-failed .pane.beat,#stage-failed[hidden]{display:none}#stage-failed{min-height:78svh;display:flex;align-items:center;justify-content:center;padding:0 28px;text-align:center}#stage-failed .cap{max-width:34rem}#stage-failed .hd{font-size:clamp(20px,3.2vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}#stage-failed .sub{margin-top:clamp(12px,2vh,20px);color:var(--ink-dim);font-size:clamp(14px,1.35vw,18px);line-height:1.5;text-wrap:balance}html.site.stage-failed #veil{opacity:1}html.site.stage-failed #boot{opacity:0}#brand{position:fixed;z-index:30;top:calc(26px + env(safe-area-inset-top));left:calc(34px + env(safe-area-inset-left));font-size:19px;font-weight:600;letter-spacing:-.015em;color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.55)}#scroll{position:relative;z-index:2;pointer-events:none}.pane{position:relative;width:100%}.pane.film{height:100svh;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.pane.film video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pane.film .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000073,#0000001f 38%,#000000b8)}.pane.film .cap{position:relative;text-align:center;padding:0 28px}.pane.film h1,.pane.film h2{font-weight:600;letter-spacing:-.03em;line-height:1.06;font-size:clamp(34px,6.4vw,88px);text-wrap:balance;text-shadow:0 2px 40px rgba(0,0,0,.55)}.pane.film .sub-head{margin-top:clamp(16px,2.2vh,28px);font-size:clamp(14px,1.35vw,19px);font-weight:400;letter-spacing:-.005em;line-height:1.45;color:#f5f5f7d1;text-wrap:balance;text-shadow:0 1px 24px rgba(0,0,0,.7)}.cta{display:inline-block;pointer-events:auto;margin-top:clamp(26px,4.2vh,48px);padding:13px 32px;border-radius:999px;font-size:clamp(14px,1.15vw,16px);font-weight:600;letter-spacing:-.01em;color:#111114;background:#fffffff0;text-decoration:none;box-shadow:0 6px 30px #00000052;transition:background .3s var(--ease),transform .3s var(--ease)}.cta:hover{background:#fff;transform:translateY(-1px)}.cta:active{transform:translateY(0)}#act-hero .cap{animation:rise 1.5s var(--ease) both .35s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.cue-scroll{position:absolute;left:50%;transform:translate(-50%);bottom:calc(42px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim)}.cue-scroll>i{width:1px;height:44px;background:linear-gradient(180deg,#ffffffb3,#fff0);animation:drip 2.1s var(--ease) infinite;transform-origin:top}@keyframes drip{0%{transform:scaleY(0);opacity:0}35%{transform:scaleY(1);opacity:1}to{transform:scaleY(1) translateY(44px);opacity:0}}html.site.scrolled .cue-scroll{opacity:0;transition:opacity .5s ease}.pane.beat{height:190vh;pointer-events:none}.pane.beat .hold{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:clamp(56px,11vh,130px)}.cue{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:0 24px;opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.pane.beat.live .cue{opacity:1;transform:none}html.site.flying .cue,html.site.flying .cue-next,html.site.flying .clip-rail{transition-duration:.25s}html.site.flying .pane.beat.live .cue,html.site.flying .pane.beat.live.done .cue-next,html.site.flying .pane.beat.live .clip-rail{opacity:0}.cue p{font-size:clamp(21px,2.5vw,34px);font-weight:500;letter-spacing:-.02em;line-height:1.25;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.8)}.cue .sub{font-size:clamp(13px,1.2vw,15px);color:var(--ink-dim);text-shadow:0 1px 18px rgba(0,0,0,.8)}.cue .touch,body.is-touch .cue .desk{display:none}body.is-touch .cue p.touch{display:block}body.is-touch .cue span.touch{display:inline}.cue kbd{display:inline-block;min-width:1.9em;padding:.12em .45em;margin:0 .12em;border-radius:7px;font:inherit;font-size:.82em;font-weight:600;background:#ffffff24;border:1px solid rgba(255,255,255,.26);box-shadow:0 1px #0006;vertical-align:.06em}.cue-next{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:30px;pointer-events:none;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 18px rgba(0,0,0,.85);opacity:0;transform:translateY(8px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.pane.beat.live.done .cue-next{opacity:1;transform:none}.cue-next>i{width:1px;height:34px;transform-origin:top;background:linear-gradient(180deg,#ffffffb3,#fff0);animation:drip 2.1s var(--ease) infinite}.ctl{pointer-events:auto}.ctl.tod,.ctl.pill{display:inline-flex;padding:4px;gap:3px;border-radius:999px;background:#16161a8c;border:1px solid var(--hair);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ctl.tod button,.ctl.pill button{border:0;cursor:pointer;border-radius:999px;padding:9px 22px;font:600 13.5px/1 inherit;letter-spacing:.01em;color:var(--ink-dim);background:transparent;transition:background .35s var(--ease),color .35s var(--ease)}.ctl.tod button.on,.ctl.pill button.on{background:#f5f5f7;color:#16161a}.ctl.tod button:disabled,.ctl.pill button:disabled{opacity:.35;cursor:default}.clip-rail{position:fixed;right:0;top:0;z-index:3;height:100svh;width:74px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .6s var(--ease)}.pane.beat.live .clip-rail{opacity:1}.clip-rail:before{content:"";position:absolute;top:22%;bottom:22%;width:2px;border-radius:2px;background:linear-gradient(180deg,#fff0,#ffffff4d,#fff0)}.clip-knob{position:relative;pointer-events:auto;cursor:grab;width:46px;height:46px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#1c1c20b8;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #00000080;transition:border-color .25s var(--ease),box-shadow .25s var(--ease);touch-action:none}.clip-knob:hover{border-color:#ffffff8c;box-shadow:0 8px 30px #00000080,0 0 0 6px #ffffff14}.clip-knob:active{cursor:grabbing}.clip-knob>i{width:15px;height:1.5px;border-radius:2px;background:#ffffffd9}.pane.cases{background:#fff;color:#111114;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(110px,20vh,220px) 28px;pointer-events:auto}.cases-inner{width:100%;max-width:1120px;display:flex;flex-direction:column;align-items:center;gap:clamp(96px,20vh,230px);text-align:center;margin-top:clamp(-90px,-7vh,-30px)}.pane.cases h2{font-size:clamp(30px,4.4vw,62px);font-weight:600;letter-spacing:-.028em;line-height:1.05}.logo-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(38px,6vh,72px)}@media (min-width: 820px){.logo-row{flex-direction:row;justify-content:center;gap:clamp(48px,7vw,120px)}}.logo-row .logo{display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .35s var(--ease)}.logo-row .logo:hover,.logo-row .logo:focus-visible{opacity:1}.logo-row img{display:block;width:auto;max-width:100%;object-fit:contain}.logo[data-brand=suffolk] img{height:clamp(24px,3.1vw,40px)}.logo[data-brand=compass] img{height:clamp(17px,2.1vw,27px)}.logo[data-brand=agency] img{height:clamp(37px,4.8vw,63px)}html.site.on-light #brand{color:#111114;text-shadow:none}.pane.contact{background:#000;color:var(--ink);min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(90px,16vh,180px) 28px;pointer-events:auto}.contact-inner{width:100%;max-width:1120px;display:flex;flex-direction:column;gap:clamp(48px,7vh,88px)}.pitch{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vh,32px);text-align:center;max-width:760px;margin:0 auto}.pitch h2{font-size:clamp(27px,3.6vw,50px);font-weight:600;letter-spacing:-.028em;line-height:1.08;text-wrap:balance}.pitch p{font-size:clamp(14.5px,1.25vw,17.5px);line-height:1.65;color:var(--ink-dim);text-wrap:pretty}.rule{width:100%;height:0;border:0;border-top:1px solid rgba(255,255,255,.18);margin:0}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(48px,8vw,120px)}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(18px,3vh,34px)}.contact-details .email{font-size:clamp(19px,2.4vw,34px);font-weight:500;letter-spacing:-.02em;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(245,245,247,.28);padding-bottom:3px;transition:border-color .3s var(--ease)}.contact-details .email:hover{border-color:var(--ink)}.contact-details address{font-style:normal;font-size:clamp(14px,1.3vw,18px);line-height:1.65;color:var(--ink-dim)}.contact-mark{flex:0 0 auto}.contact-mark img{display:block;width:clamp(150px,19vw,280px);height:auto}@media (max-width: 720px){.contact-row{flex-direction:column;align-items:flex-start;gap:clamp(40px,6vh,70px)}.contact-mark img{width:clamp(140px,44vw,210px)}}#explore-enter,#touch-ui{display:none}body.is-touch #explore-enter{display:block;position:fixed;z-index:14;left:50%;transform:translate(-50%);bottom:calc(22px + env(safe-area-inset-bottom));padding:13px 26px;border:0;border-radius:999px;font:600 14px/1 -apple-system,system-ui,sans-serif;letter-spacing:-.01em;color:#111114;background:#ffffffed;box-shadow:0 6px 26px #0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .5s var(--ease)}body.is-touch[data-beat=walk]:not(.exploring) #explore-enter{opacity:1;pointer-events:auto}body.is-touch.exploring #touch-ui{display:block}html.site.explore-lock #scroll,html.site.explore-lock #brand,html.site.explore-lock .vp-list,html.site.explore-lock .vp-toggle,html.site.explore-lock .cm-list,html.site.explore-lock .cm-toggle{opacity:0;pointer-events:none}html.site.explore-lock #veil{opacity:0}html.site.explore-lock,html.site.explore-lock body{overflow:hidden}html.site.explore-lock body{position:fixed;width:100%}html.site.explore-lock #app{touch-action:none}#joystick{position:fixed;z-index:15;touch-action:none;left:calc(24px + env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom));width:122px;height:122px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#stick{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffff61;border:1px solid rgba(255,255,255,.45)}#vert{display:none}#explore-exit{position:fixed;z-index:16;top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));padding:10px 20px;border:0;border-radius:999px;font:600 13.5px/1 -apple-system,system-ui,sans-serif;color:#111114;background:#ffffffed;box-shadow:0 4px 20px #0006}#explore-hint{position:fixed;z-index:15;left:50%;transform:translate(-50%);top:calc(22px + env(safe-area-inset-top));font:500 12.5px/1 -apple-system,system-ui,sans-serif;letter-spacing:.01em;color:#fffc;text-shadow:0 1px 14px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none;animation:fadeAway 5s var(--ease) forwards}@keyframes fadeAway{0%,62%{opacity:1}to{opacity:0}}html.site .vp-list,html.site .vp-toggle,html.site .cm-list,html.site .cm-toggle,html.site .cm-hint{opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}html.site .vp-list,html.site .cm-list{top:74px}html.site.show-views .vp-list,html.site.show-views .vp-toggle,html.site body[data-beat=comments] .cm-list,html.site body[data-beat=comments] .cm-toggle{opacity:1;pointer-events:auto}html.site .cm-layer{opacity:0;transition:opacity .6s var(--ease)}html.site body[data-beat=comments] .cm-layer{opacity:1}html.site .cm-layer .cm-pin{pointer-events:none}html.site body[data-beat=comments] .cm-layer .cm-pin{pointer-events:auto}html.site:not(.stage-live) .vp-list,html.site:not(.stage-live) .vp-toggle,html.site:not(.stage-live) .cm-list,html.site:not(.stage-live) .cm-toggle,html.site:not(.stage-live) .cm-layer{opacity:0;pointer-events:none}@media (max-width: 720px){html.site .vp-list{top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;height:auto;border-right:0;border-top:1px solid rgba(255,255,255,.12)}html.site .vp-list.collapsed{transform:translateY(105%)}html.site .vp-list .items{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 12px calc(10px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none}html.site .vp-list .items::-webkit-scrollbar{display:none}html.site .vp-item{flex:0 0 auto;width:132px;margin-bottom:0}html.site .vp-item .cap{padding:6px 8px;font-size:11.5px}html.site .vp-list .hd{padding:9px 14px;font-size:12.5px}html.site .cm-list{top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;height:auto;border-left:0;border-top:1px solid rgba(255,255,255,.12)}html.site .cm-list.collapsed{transform:translateY(105%)}html.site .cm-list .items{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 12px calc(10px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none}html.site .cm-list .items::-webkit-scrollbar{display:none}html.site .cm-item{flex:0 0 auto;width:232px;margin-bottom:0;display:flex;flex-direction:column}html.site .cm-list .hd{padding:9px 14px;font-size:12.5px}html.site .cm-list .empty{padding:14px 16px;white-space:nowrap}.pane.beat .hold{justify-content:center;padding-bottom:0}}html.site .vp-list .shoot,html.site .vp-list .export{display:none}@media (prefers-reduced-motion: reduce){html.site{scroll-behavior:auto}.cue,#veil,#act-hero .cap{transition:none;animation:none}.cue-scroll>i,.clip-knob{animation:none}#act-hero .cap{opacity:1;transform:none}}@media (max-width: 720px){#brand{top:calc(18px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));font-size:17px}.pane.beat{height:165vh}.clip-rail{width:60px}}#act-variants .ctl.pill{margin-top:16px}@media (min-width: 721px){html.site .vp-list,html.site .cm-list{top:74px;bottom:18px;height:auto;width:312px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#16181d9e;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:0 18px 50px #00000073,0 2px 8px #0000004d;overflow:hidden}html.site .vp-list{left:18px}html.site .cm-list{right:18px}html.site .vp-list.collapsed{transform:translate(-352px)}html.site .cm-list.collapsed{transform:translate(352px)}html.site .vp-list .hd,html.site .cm-list .hd{padding:15px 17px 13px;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.01em}html.site .vp-item,html.site .cm-item{border-radius:13px}}html.site .vp-toggle,html.site .cm-toggle{border-radius:13px;border:1px solid rgba(255,255,255,.14);background:#16181d99;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%)}@media (max-width: 720px){html.site .vp-list,html.site .cm-list{border-radius:18px 18px 0 0;background:#16181da8;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);overflow:hidden}}