@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--ink: #000000;--ink-2: #0a0a0a;--ink-3: #141414;--line: rgba(255,255,255,.14);--line-strong: rgba(255,255,255,.28);--paper: #f4f1ec;--paper-2: #e8e3da;--bone: #d9d2c5;--fog: rgba(255,255,255,.55);--fog-2: rgba(255,255,255,.72);--serif: "DM Serif Display", "Times New Roman", serif;--sans: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--ease-cinema: cubic-bezier(.77, 0, .175, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv01";overflow-x:hidden}body{font-size:16px;line-height:1.55}::selection{background:#fff;color:#000}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.letterbox{position:fixed;left:0;right:0;height:0;background:#000;z-index:90;pointer-events:none;transition:height .9s var(--ease-cinema)}.letterbox.top{top:0}.letterbox.bot{bottom:0}body[data-cinema=true] .letterbox{height:64px}.display{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;line-height:.92}.display-italic{font-style:italic}.eyebrow{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--fog)}.label{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}.body-lg{font-family:var(--serif);font-size:28px;line-height:1.35;letter-spacing:-.01em;font-weight:400}.nav{position:fixed;top:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px 32px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:linear-gradient(to bottom,#000000bf,#00000059 70%,#0000);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body[data-house=brands] .nav{background:linear-gradient(to bottom,#f4f1ecd9,#f4f1ec66 70%,#f4f1ec00)}.nav .left,.nav .right{display:flex;gap:28px;align-items:center}.nav .right{justify-content:flex-end}.nav a{color:inherit;text-decoration:none;opacity:.85;transition:opacity .2s}.nav a:hover{opacity:1}.nav .mark{display:inline-flex;align-items:center;justify-content:center;height:64px;line-height:0;isolation:isolate;mix-blend-mode:normal}.nav .mark img{height:100%;width:auto;display:block}.status{position:fixed;bottom:18px;left:32px;right:32px;z-index:80;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fog);mix-blend-mode:difference;pointer-events:none}.status .rec{display:inline-flex;align-items:center;gap:8px;color:#fff}.status .rec .dot{width:8px;height:8px;border-radius:50%;background:#ff2d2d;animation:blink 1.4s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.15}}body[data-house=brands]{background:var(--paper);color:var(--ink)}body[data-house=brands] .nav{color:#000}body[data-house=brands] .status{color:#0000008c}body[data-house=brands] .grain{mix-blend-mode:multiply;opacity:.08}.house-toggle{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:75;display:none;pointer-events:auto}.nav .center{display:flex;align-items:center;gap:18px}.house-toggle-inline{display:flex;align-items:center;gap:0;padding:4px;border:1px solid var(--line-strong);border-radius:999px;background:#000000c7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}body[data-house=brands] .house-toggle-inline{background:#ffffffeb;border-color:#00000038;color:#000}.house-toggle-inline button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;padding:7px 14px;border-radius:999px;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;opacity:.6;transition:opacity .25s,background .35s,color .35s}.house-toggle-inline button.active{background:#fff;color:#000;opacity:1}body[data-house=brands] .house-toggle-inline button.active{background:#000;color:#fff}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;overflow:hidden}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.hero-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s var(--ease-cinema)}.hero-media img.active{opacity:.78}.hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 25%,transparent 60%,rgba(0,0,0,.85) 100%),linear-gradient(to right,rgba(0,0,0,.5) 0%,transparent 40%)}body[data-house=brands] .hero-media img.active{opacity:.85}body[data-house=brands] .hero-media:after{background:linear-gradient(to right,rgba(244,241,236,.78) 0%,rgba(244,241,236,.45) 35%,transparent 65%),linear-gradient(to bottom,rgba(244,241,236,.5) 0%,transparent 35%,transparent 55%,rgba(244,241,236,.9) 100%)}.hero-headline{position:relative;z-index:2;max-width:1400px}.hero-headline h1{font-family:var(--serif);font-size:clamp(64px,11vw,200px);line-height:.88;letter-spacing:-.035em;font-weight:400}.hero-headline h1 em{font-style:italic;font-weight:400}.hero-headline .line{display:block;overflow:hidden}.hero-headline .line>span{display:inline-block;transform:translateY(110%);animation:rise 1.1s var(--ease-cinema) forwards}.hero-headline .line:nth-child(1)>span{animation-delay:.2s}.hero-headline .line:nth-child(2)>span{animation-delay:.35s}.hero-headline .line:nth-child(3)>span{animation-delay:.5s}@keyframes rise{to{transform:translateY(0)}}.hero-meta{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fog)}body[data-house=brands] .hero-meta{border-top-color:#0000002e;color:#0000008c}.hero-meta .k{display:block;opacity:.55;margin-bottom:6px;font-size:10px}.hero-meta .v{color:#fff;font-size:12px;letter-spacing:.1em}body[data-house=brands] .hero-meta .v{color:#000}.frame-ticks{position:absolute;left:32px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:9px;color:var(--fog);letter-spacing:.1em}.frame-ticks span{opacity:.5}.frame-ticks span.live{opacity:1;color:#fff}body[data-house=brands] .frame-ticks span.live{color:#000}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:22px 0;background:#000}body[data-house=brands] .marquee{border-top-color:#00000026;border-bottom-color:#00000026;background:var(--paper)}.marquee-track{display:flex;gap:64px;white-space:nowrap;animation:scroll 40s linear infinite;font-family:var(--serif);font-size:56px;line-height:1}.marquee-track span{display:inline-flex;align-items:center;gap:64px}.marquee-track .dot{width:10px;height:10px;border-radius:50%;background:currentColor;flex-shrink:0}.marquee-track em{font-style:italic;opacity:.6}@keyframes scroll{to{transform:translate(-50%)}}section{position:relative;padding:120px 32px}.section-head{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-bottom:64px;align-items:end;border-top:1px solid var(--line);padding-top:24px}body[data-house=brands] .section-head{border-top-color:#0000002e}.section-head .num{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fog);display:flex;flex-direction:column;gap:6px}body[data-house=brands] .section-head .num{color:#0000008c}.section-head h2{font-family:var(--serif);font-size:clamp(48px,7vw,120px);line-height:.92;letter-spacing:-.03em;font-weight:400}.section-head h2 em{font-style:italic}.manifesto{padding:160px 32px}.manifesto-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;max-width:1600px;margin:0 auto}.manifesto-statement{font-family:var(--serif);font-size:clamp(40px,4.5vw,76px);line-height:1.02;letter-spacing:-.02em}.manifesto-statement em{font-style:italic}.manifesto-statement .strike{position:relative;display:inline-block;opacity:.45}.manifesto-statement .strike:after{content:"";position:absolute;left:-2%;right:-2%;top:52%;height:4px;background:currentColor;transform-origin:left;transform:scaleX(0);animation:strike 1.2s var(--ease-cinema) .4s forwards}@keyframes strike{to{transform:scaleX(1)}}.manifesto-body p{font-family:var(--serif);font-size:22px;line-height:1.4;letter-spacing:-.005em;margin-bottom:28px;max-width:56ch}.manifesto-body .pullquote{margin-top:56px;padding-top:28px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fog);display:flex;gap:24px;flex-wrap:wrap}body[data-house=brands] .manifesto-body .pullquote{border-top-color:#0000002e;color:#0000008c}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;max-width:1600px;margin:0 auto}.work-card{position:relative;cursor:pointer;overflow:hidden;background:#0a0a0a}body[data-house=brands] .work-card{background:var(--paper-2)}.work-card.span-7{grid-column:span 7}.work-card.span-5{grid-column:span 5}.work-card.span-6{grid-column:span 6}.work-card.span-4{grid-column:span 4}.work-card.span-8{grid-column:span 8}.work-card.span-12{grid-column:span 12}.work-card .frame{position:relative;width:100%;overflow:hidden}.work-card .frame.r-16x9{aspect-ratio:16 / 9}.work-card .frame.r-4x5{aspect-ratio:4 / 5}.work-card .frame.r-3x4{aspect-ratio:3 / 4}.work-card .frame.r-21x9{aspect-ratio:21 / 9}.work-card .frame.r-1x1{aspect-ratio:1 / 1}.work-card .still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.05);transition:transform 1.4s var(--ease-cinema),filter .8s,opacity .6s}.work-card:hover .still{transform:scale(1.04);filter:grayscale(0%) contrast(1.05)}.work-card .reel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s;background:#000;overflow:hidden}.work-card:hover .reel{opacity:1}.work-card .reel .reel-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:400%;animation:reel-pan 6s steps(4) infinite}.work-card:not(:hover) .reel .reel-inner{animation:none}.work-card .reel img{width:25%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(.85)}@keyframes reel-pan{0%{transform:translate(0)}to{transform:translate(-75%)}}.work-card .meta{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:16px;padding:16px 4px 0}.work-card .meta .num{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--fog)}body[data-house=brands] .work-card .meta .num{color:#0000008c}.work-card .meta h3{font-family:var(--serif);font-size:26px;line-height:1.05;letter-spacing:-.01em;font-weight:400}.work-card .meta h3 em{font-style:italic}.work-card .meta .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--fog);text-transform:uppercase}body[data-house=brands] .work-card .meta .tag{color:#0000008c}.work-card .frame:before,.work-card .frame:after{content:"";position:absolute;width:18px;height:18px;border:1px solid #fff;opacity:0;transition:opacity .3s;pointer-events:none;z-index:3}.work-card .frame:before{top:14px;left:14px;border-right:0;border-bottom:0}.work-card .frame:after{bottom:14px;right:14px;border-left:0;border-top:0}.work-card:hover .frame:before,.work-card:hover .frame:after{opacity:1}.tc{position:absolute;top:14px;right:14px;z-index:4;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#fff;background:#00000080;border:1px solid rgba(255,255,255,.3);padding:5px 8px;display:inline-flex;align-items:center;gap:6px}.tc .reddot{width:6px;height:6px;border-radius:50%;background:#ff2d2d}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}body[data-house=brands] .services{border-top-color:#0000002e}.service{border-bottom:1px solid var(--line);padding:56px 32px;display:grid;grid-template-columns:100px 1fr 220px;gap:32px;align-items:start;cursor:pointer;transition:background .4s,padding .4s;position:relative}.service:nth-child(odd){border-right:1px solid var(--line)}body[data-house=brands] .service{border-bottom-color:#0000002e}body[data-house=brands] .service:nth-child(odd){border-right-color:#0000002e}.service:hover{background:#ffffff08}body[data-house=brands] .service:hover{background:#0000000a}.service .num{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--fog)}body[data-house=brands] .service .num{color:#0000008c}.service h3{font-family:var(--serif);font-size:38px;line-height:1.02;letter-spacing:-.02em;font-weight:400}.service h3 em{font-style:italic}.service p{margin-top:18px;font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--fog-2);max-width:50ch}body[data-house=brands] .service p{color:#000000a6}.service .deliverables{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--fog);text-transform:uppercase}body[data-house=brands] .service .deliverables{color:#0000008c}.service .deliverables b{display:block;font-weight:400;font-size:10px;letter-spacing:.18em;margin-bottom:6px;opacity:.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}body[data-house=brands] .stats{border-top-color:#0000002e;border-bottom-color:#0000002e}.stat{padding:64px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px}body[data-house=brands] .stat{border-right-color:#0000002e}.stat:last-child{border-right:0}.stat .big{font-family:var(--serif);font-size:clamp(56px,7vw,110px);line-height:.95;letter-spacing:-.03em}.stat .big em{font-style:italic}.stat .lab{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog);max-width:24ch;line-height:1.5}body[data-house=brands] .stat .lab{color:#0000008c}.contact{padding:140px 32px 32px;position:relative}.contact h2{font-family:var(--serif);font-size:clamp(80px,14vw,240px);line-height:.86;letter-spacing:-.045em;font-weight:400}.contact h2 em{font-style:italic}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}body[data-house=brands] .contact-grid{border-top-color:#0000002e}.contact-col h4{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fog);margin-bottom:16px;font-weight:400}body[data-house=brands] .contact-col h4{color:#0000008c}.contact-col a{font-family:var(--serif);font-size:32px;color:inherit;text-decoration:none;display:inline-block;border-bottom:1px solid currentColor;padding-bottom:4px;letter-spacing:-.01em;line-height:1.2}.contact-col p{font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--fog-2);max-width:36ch}body[data-house=brands] .contact-col p{color:#000000a6}.footer-mark{margin-top:120px;display:flex;justify-content:center}.footer-mark img{width:clamp(280px,42vw,560px);height:auto;display:block}footer.colophon{margin-top:56px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fog);flex-wrap:wrap;gap:16px}body[data-house=brands] footer.colophon{border-top-color:#0000002e;color:#0000008c}.privacy{margin-top:80px;padding-top:32px;border-top:1px solid var(--line);max-width:72ch;font-family:var(--sans);font-size:14px;line-height:1.65;color:var(--fog-2)}body[data-house=brands] .privacy{border-top-color:#0000002e;color:#000000b3}.privacy h3{font-family:var(--serif);font-size:32px;line-height:1.1;letter-spacing:-.02em;font-weight:400;color:#fff;margin-bottom:18px}body[data-house=brands] .privacy h3{color:#000}.privacy p{margin-bottom:14px}.privacy a{color:inherit;border-bottom:1px solid currentColor;text-decoration:none}.privacy strong{color:#fff;font-weight:500}body[data-house=brands] .privacy strong{color:#000}.cookie-banner{position:fixed;bottom:24px;left:24px;right:24px;z-index:200;display:flex;justify-content:center;pointer-events:none;animation:cookie-rise .5s var(--ease-out) both}@keyframes cookie-rise{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-inner{pointer-events:auto;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;width:100%;max-width:880px;padding:18px 22px;background:#0a0a0aeb;border:1px solid var(--line-strong);color:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000073}body[data-house=brands] .cookie-banner-inner{background:#f4f1ecf5;border-color:#0000002e;color:#000;box-shadow:0 20px 60px #0000002e}.cookie-copy .eyebrow{margin-bottom:6px}.cookie-copy p{font-family:var(--sans);font-size:13px;line-height:1.5;max-width:56ch;color:var(--fog-2)}body[data-house=brands] .cookie-copy p{color:#000000b8}.cookie-copy a{color:inherit;border-bottom:1px solid currentColor;text-decoration:none}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:11px 18px;border-radius:999px;transition:background .25s,color .25s,border-color .25s}.cookie-btn.ghost{background:transparent;color:inherit;border:1px solid var(--line-strong)}body[data-house=brands] .cookie-btn.ghost{border-color:#00000040}.cookie-btn.ghost:hover{border-color:currentColor}.cookie-btn.primary{background:#fff;color:#000;border:1px solid #fff}body[data-house=brands] .cookie-btn.primary{background:#000;color:#fff;border-color:#000}.cookie-btn.primary:hover{opacity:.88}@media (max-width: 720px){.cookie-banner{bottom:12px;left:12px;right:12px}.cookie-banner-inner{grid-template-columns:1fr;gap:14px}.cookie-actions{justify-content:flex-start;flex-wrap:wrap}}.house-transition{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:95;pointer-events:none;opacity:0;transition:opacity .25s}.house-transition.flashing{opacity:1}@media (max-width: 900px){.hero-meta{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr;gap:16px}.manifesto-grid{grid-template-columns:1fr;gap:40px}.work-card.span-7,.work-card.span-5,.work-card.span-6,.work-card.span-4,.work-card.span-8{grid-column:span 12}.services{grid-template-columns:1fr}.service{grid-template-columns:60px 1fr}.service .deliverables{grid-column:1 / -1}.service:nth-child(odd){border-right:0}.stats{grid-template-columns:1fr 1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.contact-grid{grid-template-columns:1fr}.nav .left,.nav .right{display:none}.nav{grid-template-columns:1fr;justify-items:center}.frame-ticks{display:none}}body[data-houses-mode=split] .hero{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:100vh}body[data-houses-mode=split] .hero-media,body[data-houses-mode=split] .hero-headline,body[data-houses-mode=split] .hero-meta,body[data-houses-mode=split] .frame-ticks{display:none}
