:root{--ink:#101113;--paper:#f5f5f2;--white:#f7f7f4;--line:rgba(255,255,255,.18);--muted:#aaa;--accent:#d7ff52;--sans:"DM Sans",Arial,sans-serif;--display:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.55}.topbar{height:76px;padding:0 clamp(24px,5vw,80px);position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;z-index:2;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:600}.mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-size:12px;letter-spacing:-.5px}.topbar nav{display:flex;gap:32px}.topbar nav a{color:#ccc;text-decoration:none;font-size:14px}.topbar nav a:hover{color:white}.dark{background:var(--ink);color:var(--white)}.light{background:var(--paper);color:var(--ink)}.hero{min-height:92vh;padding:clamp(150px,18vh,220px) clamp(24px,8vw,130px) 70px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-label,.case-no{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.hero h1,.section-intro h2,.about h2,.contact h2{font-family:var(--display);font-weight:400;letter-spacing:-.055em;line-height:.95;margin:36px 0;font-size:clamp(3.4rem,8.4vw,8.5rem)}em{font-style:normal;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{max-width:610px;font-size:clamp(1.15rem,2vw,1.6rem);color:#bbb;margin:0}.circle-link{width:58px;height:58px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:white;font-size:24px}.credibility{background:#e7e7e2;color:var(--ink);padding:34px clamp(24px,6vw,96px) 44px}.logo-placeholder{margin-top:28px;min-height:110px;border:1px dashed #999;display:flex;align-items:center;justify-content:space-between;padding:25px 4vw;letter-spacing:.14em}.logo-placeholder p{letter-spacing:0;color:#777;font-size:14px}.projects,.slide-gallery,.about,.contact{padding:clamp(80px,11vw,170px) clamp(24px,6vw,96px)}.section-intro{display:grid;grid-template-columns:1fr 3fr;align-items:start;margin-bottom:100px}.section-intro h2{font-size:clamp(2.8rem,6vw,6.7rem);margin:0}.case{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:clamp(30px,5vw,80px);align-items:end;padding:0 0 120px}.case-split{grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr)}.case-visual{aspect-ratio:16/9;min-height:320px}.placeholder,.art{position:relative;overflow:hidden;background:linear-gradient(135deg,#171f31,#596782);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);font-size:11px;letter-spacing:.17em}.placeholder:before,.art:before{content:"";position:absolute;width:58%;aspect-ratio:1;border:1px solid rgba(255,255,255,.3);transform:rotate(30deg)}.placeholder b{position:absolute;left:30px;bottom:25px;font-size:16px;letter-spacing:0}.alt{background:linear-gradient(135deg,#daddd7,#879a8d);color:#1c231f}.warm{background:linear-gradient(135deg,#4f251d,#d08a5d)}.case-copy h3{font-family:var(--display);font-size:2rem;line-height:1.1;letter-spacing:-.035em}.case-copy>p:not(.case-no){color:#555}.quiet{color:#888;font-size:13px}.final-case{padding-bottom:0}.gallery-head{grid-template-columns:1fr 2fr 1fr}.gallery-head h2{font-size:clamp(2.8rem,5.6vw,6rem)}.gallery-head>p:last-child{color:#999;max-width:360px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:70px 28px}.tile{grid-column:span 5;margin:0}.tile.wide{grid-column:span 7}.tile.tall{grid-column:span 5}.art{aspect-ratio:16/9}.tall .art{aspect-ratio:4/3}.pacsun{background:linear-gradient(125deg,#6d123a,#ec437f)}.nordstrom{background:linear-gradient(145deg,#e8e0d6,#9e7652);color:#222}.yeti{background:linear-gradient(145deg,#072b40,#29a0b4)}.rebrand{background:linear-gradient(145deg,#f24922,#621913)}.overview{background:linear-gradient(145deg,#21304e,#68839e)}.panorama{grid-column:1/-1;margin-top:40px}.panorama .art{aspect-ratio:4.2/1;background:linear-gradient(180deg,#202838,#0e0f12)}figcaption{padding-top:16px;border-top:1px solid var(--line);margin-top:16px}figcaption b{font-size:13px;letter-spacing:.08em}figcaption p{font-size:14px;line-height:1.45;color:#999;max-width:560px;margin:7px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.about h2{font-size:clamp(3rem,5vw,6rem)}.about-copy{padding-top:50px;color:#4c4c4c}.about-copy .lead{font-size:clamp(1.35rem,2.1vw,1.8rem);color:var(--ink)}.capabilities{display:flex;flex-wrap:wrap;gap:9px;margin-top:45px}.capabilities span{border:1px solid #bbb;border-radius:99px;padding:8px 13px;font-size:13px}.contact h2{font-size:clamp(3.1rem,6.8vw,7.3rem);margin:90px 0}.contact-row{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:70px}.contact-row p{color:#aaa;max-width:500px;font-size:19px}.contact-row a{color:white;font-size:clamp(1.1rem,2vw,1.5rem);text-underline-offset:6px}.footer-lockup{display:flex;align-items:center;gap:13px;padding-top:34px}.footer-lockup>small{margin-left:auto;color:#777}.footer-lockup small{font-size:12px;color:#888}@media(max-width:760px){.topbar nav{gap:14px}.topbar nav a:nth-child(2),.topbar nav a:nth-child(3){display:none}.hero{min-height:780px}.hero-bottom{align-items:start;gap:20px}.section-intro,.gallery-head,.about{grid-template-columns:1fr;margin-bottom:60px}.section-intro h2{margin-top:25px}.gallery-head>p:last-child{margin-top:24px}.case,.case-split{grid-template-columns:1fr;padding-bottom:80px}.case-split .case-copy{order:2}.case-visual{min-height:0}.gallery-grid{display:block}.tile{margin-bottom:60px}.panorama .art{aspect-ratio:2/1}.about-copy{padding-top:0}.contact-row{display:block}.contact-row a{display:inline-block;margin-top:30px}.logo-placeholder{display:block}.logo-placeholder p{margin-bottom:0}.projects,.slide-gallery,.about,.contact{padding-left:24px;padding-right:24px}}