@font-face{font-family:Saans;src:url(/fonts/00-AUbhwwD8eCnnxrJmSkw5W74R5A.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Open Runde;src:url(/fonts/01-hG3wmGmFwadB6X5XPVXkMlmLr8o.woff2) format("woff2");font-weight:600;font-display:swap}:root{--bg: #fff;--panel: #fff;--ink: oklch(12.5% .018 260);--muted: oklch(43% .012 260);--soft: oklch(91.5% .005 95);--blue: oklch(67% .13 220);--sidebar: clamp(285px, 30vw, 430px);--gutter: 8px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:Saans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.intro{position:sticky;top:0;height:100vh;padding:clamp(18px,1.9vw,26px) clamp(14px,2.25vw,28px);display:flex;flex-direction:column;gap:clamp(34px,6vh,64px);background:var(--bg);z-index:2}.brand{display:inline-flex;align-items:center;gap:8px;width:fit-content}.brand-mark{width:23px;height:23px;flex:0 0 auto;object-fit:contain;animation:mark-spin 18s linear infinite}.brand-logo{width:104px;height:auto}.brand,.pitch h1,.pitch>p,.actions,.pitch .terms,.clients p,.client-logo{animation:rail-in .56s cubic-bezier(.16,1,.3,1) both}.brand{animation-delay:40ms}.pitch h1{animation-delay:115ms}.pitch>p{animation-delay:.18s}.actions{animation-delay:245ms}.pitch .terms{animation-delay:.31s}.clients p{animation-delay:375ms}.client-logo:nth-child(1){animation-delay:.43s}.client-logo:nth-child(2){animation-delay:465ms}.client-logo:nth-child(3){animation-delay:.5s}.client-logo:nth-child(4){animation-delay:535ms}.client-logo:nth-child(5){animation-delay:.57s}.client-logo:nth-child(6){animation-delay:605ms}.client-logo:nth-child(7){animation-delay:.64s}@keyframes rail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-spin{to{transform:rotate(360deg)}}.pitch h1{margin:0;max-width:292px;font-size:clamp(24px,2vw,30px);line-height:1.08;letter-spacing:-.032em;font-weight:400}.pitch p{margin:14px 0 0;max-width:308px;color:var(--muted);font-size:clamp(13px,.96vw,14px);line-height:1.42;letter-spacing:-.014em}.actions{display:flex;align-items:center;gap:9px;margin-top:18px}.button{min-width:78px;min-height:34px;padding:0 17px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:400;letter-spacing:-.012em;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s,color .25s,box-shadow .25s}.button:hover{transform:translateY(-1px)}.primary{color:#f9f8f5;background:#020409;box-shadow:0 14px 30px #02081724}.secondary{color:#0a0d13;background:#eeedea;box-shadow:none}.secondary span{width:17px;height:17px;border-radius:999px;display:grid;place-items:center;background:var(--blue);color:#f9f8f5;font-size:10px}.pitch .terms{margin-top:20px;color:#5a5e63;font-size:13px;line-height:1.42}.clients{margin-top:0;padding-bottom:clamp(28px,5vh,70px)}.clients p{margin:0 0 14px;color:var(--muted);font-size:13px;letter-spacing:-.014em}.logo-grid{display:grid;grid-template-columns:repeat(3,46px);gap:13px 24px;align-items:center}.client-logo{display:block;max-width:100%;height:auto;max-height:17px;object-fit:contain;object-position:left center;filter:grayscale(1) brightness(0);opacity:.42}.client-logo.dribbble{max-height:18px}.client-logo.o2{width:18px;max-height:18px}.client-logo.ecash{max-height:14px}.portfolio{padding:var(--gutter) var(--gutter) var(--gutter) 0;overflow:hidden}.portfolio h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.case-card{background:var(--panel);border:0}.work-list{display:grid;gap:var(--gutter)}.case-card{position:relative;aspect-ratio:var(--case-aspect, 4400 / 2854);overflow:hidden}.case-type,.case-title{position:absolute;z-index:1;color:var(--muted);font-size:13px;letter-spacing:-.014em}.case-type{top:22px;right:22px}.case-title{left:22px;bottom:22px}.case-image{position:absolute;inset:0}.case-image img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transform:scale(1);filter:none}@media(prefers-reduced-motion:reduce){.brand,.brand-mark,.pitch h1,.pitch>p,.actions,.pitch .terms,.clients p,.client-logo{animation:none}}.footer-cta{margin-top:var(--gutter);min-height:390px;display:grid;place-items:center;gap:20px;text-align:center;background:#020409;color:#f9f8f5}.footer-cta p{max-width:720px;margin:0;font-size:clamp(34px,5vw,72px);line-height:.95;letter-spacing:-.06em}.footer-cta a{display:inline-flex;border-radius:999px;background:#fbfaf7;color:#020409;padding:13px 22px}@media(max-width:900px){.shell{display:block}.intro{position:relative;height:auto;min-height:0;padding:18px 12px 0;gap:34px}.brand-logo{width:104px}.pitch h1{max-width:345px;font-size:clamp(28px,7.8vw,34px);line-height:1.08;letter-spacing:-.032em}.pitch p{max-width:365px;margin-top:14px;font-size:clamp(14px,3.7vw,15px);line-height:1.42}.actions{margin-top:20px;gap:10px}.button{min-height:35px;min-width:96px;padding:0 18px;font-size:13px}.secondary span{width:17px;height:17px;font-size:10px}.pitch .terms{margin-top:21px;font-size:14px;line-height:1.45}.clients{padding-bottom:0;margin-top:0}.clients p{font-size:14px;margin-bottom:15px}.logo-grid{grid-template-columns:repeat(3,50px);gap:14px 30px}.client-logo{max-height:17px}.client-logo.o2{width:18px;max-height:18px}.portfolio{padding:8px}}@media(max-width:560px){.intro{padding:19px 8px 0;gap:31px}.brand,.pitch,.clients{margin-left:4px}.pitch h1{font-size:clamp(28px,8vw,34px);max-width:330px;line-height:1.08;letter-spacing:-.032em}.pitch p{margin-top:14px;font-size:14px;line-height:1.42}.actions{flex-wrap:nowrap;gap:10px;margin-top:20px}.button{min-width:0;min-height:35px;padding:0 19px;font-size:13px}.pitch .terms{margin-top:21px;font-size:14px;line-height:1.45}.logo-grid{grid-template-columns:repeat(3,48px);gap:14px 28px}.case-type{top:14px;right:14px}.case-title{left:14px;bottom:14px}}