*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--ground:#1B1220;--ground-rgb:27,18,32;--card:#241A2B;--card-rgb:36,26,43;--sunk:#120B16;--sunk-rgb:18,11,22;--paper:#F3ECE4;--paper-rgb:243,236,228;--accent:#FF4A1F;--accent-rgb:255,74,31;--on-accent:var(--ground);--ink:var(--paper);--ink-dim:rgba(var(--paper-rgb),0.78);--ink-mid:rgba(var(--paper-rgb),0.72);--ink-faint:rgba(var(--paper-rgb),0.68);--hair:rgba(var(--paper-rgb),0.14);--hair-strong:rgba(var(--paper-rgb),0.24);--font-display:'Bebas Neue','Arial Narrow',sans-serif;--font-body:'Inter',system-ui,sans-serif;--font-mono:'Fira Mono','Courier New',monospace;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out:cubic-bezier(0.22,1,0.36,1);--shell-w:76rem;--shell-pad:clamp(1.25rem,4vw,3rem);--radius:14px}html{background:var(--ground);color-scheme:dark;scroll-behavior:auto}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:var(--card);border:2px solid var(--ground);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--hair-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:1rem;z-index:200;background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);font-weight:700;padding:0.75rem 1.25rem;border-radius:6px;transition:top 0.2s var(--ease-out)}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.shell{max-width:var(--shell-w);margin-inline:auto;padding-inline:var(--shell-pad)}.band{background:var(--ground)}.band--sunk{background:var(--sunk)}.band--deep{background:var(--sunk)}.has-js [data-hero-fade],.has-js [data-reveal],.has-js [data-reveal-group] > *{opacity:0;transform:translateY(18px)}.has-js .hero-title .line{transform:translateY(112%)}@media (prefers-reduced-motion:reduce){.has-js [data-hero-fade],.has-js [data-reveal],.has-js [data-reveal-group] > *{opacity:1;transform:none}.has-js .hero-title .line{transform:none}.has-js .hero-title{opacity:1}}.eyebrow{font-family:var(--font-mono);font-size:0.8rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:0.9rem}.section-title{font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.4rem);line-height:0.98;letter-spacing:0.005em;text-transform:uppercase;max-width:22ch;margin-bottom:1rem}.section-lede{font-size:1.05rem;line-height:1.6;color:var(--ink-dim);max-width:46ch}.section-head{margin-bottom:clamp(2rem,5vw,3.5rem)}.link{color:var(--ink);border-bottom:1px solid var(--hair-strong);transition:border-color 0.2s var(--ease-out),color 0.2s var(--ease-out)}.link:hover,.link:focus-visible{color:var(--accent);border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.85rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.9rem 1.6rem;border-radius:999px;border:1px solid transparent;transition:transform 0.25s var(--ease-out),background 0.2s var(--ease-out),border-color 0.2s var(--ease-out);will-change:transform}.btn--fill{background:var(--accent);color:var(--on-accent)}.btn--fill:hover,.btn--fill:focus-visible{transform:translateY(-2px)}.btn--line{color:var(--ink);border-color:var(--hair-strong)}.btn--line:hover,.btn--line:focus-visible{border-color:var(--accent);color:var(--accent)}.masthead-cta{padding:0.65rem 1.25rem;font-size:0.78rem}.masthead{position:fixed;inset:0 0 auto 0;z-index:50;padding-block:1.4rem;background:rgba(var(--ground-rgb),0.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.masthead-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.wordmark{font-family:var(--font-display);font-size:1.6rem;letter-spacing:0.03em;display:inline-flex;align-items:baseline}.wordmark-dot{color:var(--accent)}.masthead-nav{display:flex;gap:1.75rem;font-family:var(--font-mono);font-size:0.8rem;letter-spacing:0.04em;text-transform:uppercase}.masthead-nav a{color:var(--ink-mid);transition:color 0.2s var(--ease-out)}.masthead-nav a:hover,.masthead-nav a:focus-visible{color:var(--ink)}@media (max-width:780px){.masthead-nav{display:none}}.hero{position:relative;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(4rem,14vh,8rem) clamp(2.5rem,7vh,4rem)}.hero-media{position:absolute;inset:0;z-index:0}.hero-media .reel-fallback,.hero-media .reel-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media .reel-fallback{background-color:var(--sunk)}.hero-media .reel-scrim{position:absolute;inset:0;background:rgba(var(--ground-rgb),0.66)}.hero-inner,.figures{position:relative;z-index:1}.reel-loading{position:absolute;z-index:2;bottom:1rem;right:1.25rem;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-mid)}.hero-inner{max-width:54rem}.hero-title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.8rem,9.5vw,6rem);line-height:0.92;letter-spacing:0.004em;margin-block:0.4rem 1.6rem}.hero-line{display:block;overflow:hidden}.hero-title em{font-style:normal;color:var(--accent)}.hero-lede{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6;color:var(--ink-dim);max-width:42ch;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:clamp(2.5rem,7vh,4.5rem)}.figures{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem 2rem;padding-top:2rem;border-top:1px solid var(--hair)}.figure-n{font-family:var(--font-mono);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;color:var(--ink)}.figure-unit{font-size:0.65em;color:var(--ink-mid)}.figure-unit--pre{margin-right:0.05em}.figure-label{font-size:0.85rem;color:var(--ink-mid);line-height:1.4;margin-top:0.3rem;max-width:18ch}@media (max-width:720px){.figures{grid-template-columns:repeat(2,1fr)}}.marquee-section{background:var(--ground);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding-block:clamp(1.5rem,5vw,3rem)}.marquee-mask{overflow:hidden;width:100%}.marquee-track{display:flex;width:max-content;will-change:transform;transform-origin:50% 50%}.marquee-copy{display:flex;align-items:center;flex:0 0 auto}.marquee-item{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.2rem,7vw,5rem);line-height:1;letter-spacing:0.01em;white-space:nowrap;padding-inline:0.5rem}.marquee-sep{color:var(--accent);font-size:clamp(1.4rem,3.5vw,2.5rem);padding-inline:0.5rem}.marquee-hint{font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-top:clamp(1rem,3vw,1.75rem)}.marquee-mask{overflow-x:auto}.marquee-copy[data-marquee-copy][aria-hidden="true"]{display:none}@media (prefers-reduced-motion:no-preference){.has-js .marquee-copy[data-marquee-copy][aria-hidden="true"]{display:flex}}.has-js .marquee-mask{overflow-x:hidden}.work{padding-block:clamp(4rem,10vh,7rem)}.filter{display:flex;flex-wrap:wrap;gap:0.6rem;border:none;margin-bottom:clamp(2rem,5vw,3rem)}.chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:0.78rem;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;padding:0.55rem 1.1rem;border-radius:999px;border:1px solid var(--hair-strong);color:var(--ink-mid);cursor:pointer;transition:background 0.2s var(--ease-out),color 0.2s var(--ease-out),border-color 0.2s var(--ease-out)}.chip:hover{border-color:var(--accent);color:var(--ink)}.filter-input:checked + .chip{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.filter-input:focus-visible + .chip{outline:2px solid var(--accent);outline-offset:2px}.filter:has(#df-strategy:checked) ~ .work-grid .work-card:not([data-tags~="brand-strategy"]){display:none}.filter:has(#df-film:checked) ~ .work-grid .work-card:not([data-tags~="film"]){display:none}.filter:has(#df-social:checked) ~ .work-grid .work-card:not([data-tags~="social"]){display:none}.filter:has(#df-ooh:checked) ~ .work-grid .work-card:not([data-tags~="ooh"]){display:none}.filter:has(#df-experiential:checked) ~ .work-grid .work-card:not([data-tags~="experiential"]){display:none}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.work-card{background:var(--card);border-radius:var(--radius);padding:1.75rem 1.6rem 1.9rem;border:1px solid var(--hair);perspective:900px;transform-style:preserve-3d;will-change:transform;transition:border-color 0.2s var(--ease-out)}.work-card:hover{border-color:var(--hair-strong)}.work-media{margin:-1.75rem -1.6rem 1.4rem;aspect-ratio:900 / 700;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background-color:var(--sunk)}.work-media img{display:block;width:100%;height:100%;object-fit:cover}.work-card:focus-visible{border-color:var(--accent);transform:translateY(-3px);transition:transform 0.25s var(--ease-out),border-color 0.2s var(--ease-out)}.work-card.is-pressed{transform:scale(0.98) !important;transition:transform 0.15s var(--ease-out)}.work-tag{font-family:var(--font-mono);font-size:0.72rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-mid);padding-bottom:0.5rem;margin-bottom:0.9rem;border-bottom:2px solid var(--accent);display:inline-block}.work-client{font-family:var(--font-display);text-transform:uppercase;font-size:1.5rem;letter-spacing:0.01em;margin-bottom:0.15rem}.work-campaign{font-size:0.95rem;color:var(--ink-dim);font-style:italic;margin-bottom:0.9rem}.work-line{font-size:0.92rem;line-height:1.55;color:var(--ink-mid);margin-bottom:1.4rem}.work-stat{display:flex;align-items:baseline;gap:0.65rem;border-top:1px solid var(--hair);padding-top:1.1rem}.work-stat > span:first-child{font-family:var(--font-mono);font-weight:700;font-size:1.7rem;color:var(--accent)}.work-stat-label{font-size:0.78rem;color:var(--ink-mid);line-height:1.35;max-width:16ch}@media (max-width:980px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.work-grid{grid-template-columns:1fr}}.process{padding-block:clamp(4rem,10vh,7rem)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.step{border-top:2px solid var(--hair-strong);padding-top:1.2rem}.step-n{font-family:var(--font-mono);font-size:0.85rem;font-weight:700;color:var(--accent);margin-bottom:0.9rem}.step-name{font-family:var(--font-display);text-transform:uppercase;font-size:1.4rem;letter-spacing:0.01em;margin-bottom:0.6rem}.step-body{font-size:0.88rem;line-height:1.55;color:var(--ink-mid)}@media (max-width:980px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.steps{grid-template-columns:1fr}}.trust-section{padding-block:clamp(2.5rem,6vw,4rem)}.trust-label{font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:1.5rem}.marquee-mask--trust{overflow-x:auto}.has-js .marquee-mask--trust{overflow-x:hidden}.marquee-track--trust{align-items:center}.trust-item{font-family:var(--font-mono);font-size:clamp(0.85rem,1.6vw,1rem);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;padding-inline:1.75rem;border-right:1px solid var(--hair)}.marquee-mask--trust .marquee-copy[data-trust-copy][aria-hidden="true"]{display:none}@media (prefers-reduced-motion:no-preference){.has-js .marquee-mask--trust .marquee-copy[data-trust-copy][aria-hidden="true"]{display:flex}}.contact{padding-block:clamp(4rem,10vh,7rem)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5rem);align-items:start}.contact-details{margin-top:2rem;display:grid;gap:1.1rem}.contact-details dt{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:0.2rem}.contact-details dd{font-size:0.98rem}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem}.field{display:flex;flex-direction:column;gap:0.45rem}.field--wide{grid-column:1 / -1}.field label{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-mid)}.field .opt{color:var(--ink-faint);text-transform:none;letter-spacing:0}.field input,.field select,.field textarea{background:var(--ground);border:1px solid var(--hair-strong);border-radius:8px;padding:0.8rem 0.9rem;font-size:0.95rem;transition:border-color 0.2s var(--ease-out)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field textarea{resize:vertical;min-height:6rem}.field--submit{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:0.4rem}.form-note{font-size:0.8rem;color:var(--ink-faint)}@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}@media (max-width:560px){.enquiry{grid-template-columns:1fr}}.footer{padding-block:2rem;border-top:1px solid var(--hair)}.footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem}.wordmark--foot{font-size:1.25rem}.footer-nav{display:flex;gap:1.5rem;font-family:var(--font-mono);font-size:0.76rem;letter-spacing:0.04em;text-transform:uppercase}.footer-nav a{color:var(--ink-mid)}.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--ink)}.footer-legal{font-size:0.76rem;color:var(--ink-faint);font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*{animation-duration:0.001ms !important;transition-duration:0.001ms !important}.marquee-track,.marquee-track--trust{transform:none !important}.has-js .marquee-mask,.has-js .marquee-mask--trust{overflow-x:auto}}