:root{--bg:#f3f1ec;--ink:#121212;--muted:#6e6b65;--line:#d4d0c8;--dark:#111;--white:#fff;--accent:#6e57ff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;width:100%}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.section{padding:110px 0;border-top:1px solid var(--line)}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:#fff;mix-blend-mode:difference}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}.logo img{width:32px;height:32px}.topbar nav{display:flex;gap:28px;font-size:14px}.menu{display:none;background:none;border:0;color:#fff}.hero{position:relative;height:min(760px,92vh);min-height:620px;color:#fff;overflow:hidden}.hero-media,.hero-media video,.hero-shade,.hero-slice{position:absolute;inset:0}.hero-media video{height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05)}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.34) 100%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 48%)}.hero-slice{background-image:url('../images/wave.jpg');background-size:cover;background-position:center;opacity:.28;mix-blend-mode:screen;pointer-events:none}.slice-a{clip-path:polygon(62% 0,74% 0,51% 100%,38% 100%)}.slice-b{clip-path:polygon(79% 0,88% 0,76% 100%,65% 100%)}.slice-c{clip-path:polygon(50% 0,56% 0,34% 100%,26% 100%)}.hero-inner{position:absolute;left:max(24px,calc((100vw - var(--max))/2));bottom:128px;width:min(560px,calc(100% - 48px));z-index:3}.kicker,.label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.hero h1{font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.045em;margin:18px 0 30px;max-width:9ch}.cta{display:inline-flex;gap:42px;align-items:center;border-bottom:1px solid currentColor;padding:0 0 9px;font-size:14px;font-weight:700}.cta span{font-size:20px}.hero-meta{position:absolute;left:28px;right:28px;bottom:22px;z-index:3;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.4);padding-top:15px;font-size:12px}.two{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.intro h2,.project h2,.film h2,.markets h2,.archive h2,.contact h2{font-size:clamp(32px,3.8vw,54px);line-height:1.04;letter-spacing:-.035em;margin:18px 0 0;max-width:12ch}.copy{padding-top:28px}.copy p,.project-head p,.sticky-copy p,.film-head p,.brand-copy p{font-size:18px;line-height:1.6;color:var(--muted);max-width:620px;margin:0 0 22px}.proof{padding:0;border-top:0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof article{padding:36px 28px;border-right:1px solid var(--line)}.proof article:last-child{border-right:0}.proof strong{display:block;font-size:42px;letter-spacing:-.05em;margin-bottom:12px}.proof span{font-size:13px;line-height:1.45;color:var(--muted)}.project-head{display:grid;grid-template-columns:.5fr 1fr 1fr;align-items:end;gap:40px;margin-bottom:42px}.project-head h2{margin:0}.project-head p{font-size:15px;margin:0}.layered-media{position:relative;overflow:hidden;background:#111}.layered-media>img{height:100%;object-fit:cover}.layered-media.tall{height:min(760px,72vw)}.layered-media.portrait{height:760px}.layered-media.wide{height:680px}.crop{position:absolute;inset:0;background-image:url('../images/ecommerce.jpg');background-size:cover;background-position:center;mix-blend-mode:screen;opacity:.28}.crop-1{clip-path:polygon(8% 0,26% 0,38% 100%,18% 100%)}.crop-2{clip-path:polygon(56% 0,70% 0,60% 100%,45% 100%)}.crop-3{clip-path:polygon(78% 0,90% 0,100% 100%,82% 100%)}[data-image="dashboard"] .crop{background-image:url('../images/dashboard.jpg')}.ai .crop{background-image:url('../images/ai.jpg')}.split{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.split.reverse{grid-template-columns:1.28fr .72fr}.sticky-copy{position:sticky;top:120px;padding-top:20px}.sticky-copy h2{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.04em;margin:18px 0 28px}.note{font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding-top:16px;color:var(--muted)}.service-list{margin-top:36px;border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.service-list span{font-size:12px}.service-list h3{font-size:28px;margin:0;letter-spacing:-.025em}.service-list p{margin:0;color:var(--muted);line-height:1.5}.brand-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:end}.brand-copy{padding:0 0 12px 16px}.film{background:#111;color:#fff}.film-head{display:grid;grid-template-columns:.5fr 1fr 1fr;gap:40px;align-items:end;margin-bottom:38px}.film-head h2{margin:0}.film-head p{margin:0;color:#aaa;font-size:15px}.film-frame{height:680px;overflow:hidden}.film-frame video{height:100%;object-fit:cover}.market-list{border-top:1px solid var(--line)}.market-list div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.market-list span{color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:32px}.process-grid article{background:var(--bg);padding:28px;min-height:210px}.process-grid span{font-size:12px}.process-grid h3{font-size:26px;margin:46px 0 10px}.process-grid p{color:var(--muted);line-height:1.5}.archive-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.archive-head h2{margin:0}.archive-media{height:660px;overflow:hidden}.archive-media img{height:115%;object-fit:cover}.contact{background:#ece8e0}.contact-box{text-align:center;padding:70px 20px}.contact h2{max-width:14ch;margin:18px auto 38px}.cta.dark{color:#111}footer{padding:34px 0;background:#111;color:#fff}footer .wrap{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.wa{position:fixed;right:20px;bottom:20px;z-index:100;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(37,211,102,.34);transition:transform .25s ease,box-shadow .25s ease}.wa:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 40px rgba(37,211,102,.42)}.wa svg{width:30px;height:30px;display:block}@media(max-width:900px){.topbar nav{display:none}.menu{display:block}.hero{min-height:600px;height:82vh}.hero-inner{bottom:112px}.hero h1{font-size:48px}.hero-meta span:nth-child(2){display:none}.two,.split,.split.reverse,.brand-layout{grid-template-columns:1fr;gap:42px}.project-head,.film-head{grid-template-columns:1fr;gap:16px}.proof-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.proof article:nth-child(2){border-right:0}.sticky-copy{position:relative;top:auto}.layered-media.portrait,.layered-media.wide,.film-frame,.archive-media{height:560px}.service-list article{grid-template-columns:50px 1fr}.service-list p{grid-column:2}.brand-copy{padding:0}.archive-head{display:block}.archive-head h2{margin-top:18px}footer .wrap{grid-template-columns:1fr;gap:14px}footer p:nth-child(2),footer p:last-child{text-align:left}}@media(max-width:560px){.wrap{width:min(100% - 28px,var(--max))}.section{padding:78px 0}.topbar{height:64px;padding:0 14px}.hero{min-height:560px}.hero-inner{left:14px;width:calc(100% - 28px);bottom:110px}.hero h1{font-size:40px}.hero-meta{left:14px;right:14px;font-size:10px}.hero-meta span:last-child{text-align:right}.proof-grid,.process-grid{grid-template-columns:1fr}.proof article{border-right:0;border-bottom:1px solid var(--line)}.layered-media.tall,.layered-media.portrait,.layered-media.wide,.film-frame,.archive-media{height:430px}.service-list h3{font-size:23px}.intro h2,.project h2,.film h2,.markets h2,.archive h2,.contact h2,.sticky-copy h2{font-size:34px}.copy p,.project-head p,.sticky-copy p,.film-head p,.brand-copy p{font-size:16px}.market-list div{grid-template-columns:1fr;gap:8px}.wa{width:54px;height:54px;right:14px;bottom:14px}.wa svg{width:28px;height:28px}}

/* Rebuilt hero — compact, editorial, image-led */
.hero-rebuilt{
  position:relative;
  height:min(720px,88vh);
  min-height:560px;
  overflow:hidden;
  color:#fff;
  background:#111;
}
.hero-art,.hero-art-base,.hero-art-vignette,.hero-art-panel{position:absolute;inset:0}
.hero-art{overflow:hidden;background:#111}
.hero-art-base{
  width:100%;height:100%;object-fit:cover;object-position:center 48%;
  transform:scale(1.035);filter:saturate(.9) contrast(1.03) brightness(.82);
  animation:heroBreath 14s ease-in-out infinite alternate;
}
.hero-art-vignette{
  background:
    linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 42%,rgba(0,0,0,.08) 74%,rgba(0,0,0,.22) 100%),
    linear-gradient(0deg,rgba(0,0,0,.36),transparent 50%);
}
.hero-art-panel{
  background-image:url('../images/hero.jpg');
  background-size:cover;
  background-position:center 48%;
  opacity:.18;
  mix-blend-mode:screen;
  filter:saturate(.7) contrast(1.08);
  will-change:transform;
}
.panel-one{clip-path:polygon(50% 0,61% 0,48% 100%,34% 100%)}
.panel-two{clip-path:polygon(66% 0,75% 0,67% 100%,55% 100%)}
.panel-three{clip-path:polygon(81% 0,88% 0,84% 100%,74% 100%)}
.hero-rebuilt .hero-inner{
  position:absolute;
  left:max(24px,calc((100vw - var(--max))/2));
  bottom:72px;
  z-index:3;
  width:min(520px,calc(100% - 48px));
}
.hero-rebuilt h1{
  margin:0 0 26px;
  max-width:11ch;
  font-size:clamp(38px,4.2vw,60px);
  line-height:1.02;
  letter-spacing:-.042em;
  font-weight:700;
  text-wrap:balance;
}
.hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-width:210px;
  padding:15px 18px;
  color:#111;
  background:#fff;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  transition:transform .25s ease,background .25s ease;
}
.hero-cta:hover{transform:translateY(-3px);background:#f0eee8}
.hero-cta span{font-size:18px;line-height:1}
@keyframes heroBreath{from{transform:scale(1.035)}to{transform:scale(1.085)}}
@media(max-width:900px){
  .hero-rebuilt{height:74vh;min-height:560px}
  .hero-rebuilt .hero-inner{bottom:56px}
  .hero-art-base,.hero-art-panel{object-position:62% center;background-position:62% center}
}
@media(max-width:560px){
  .hero-rebuilt{height:68vh;min-height:520px}
  .hero-rebuilt .hero-inner{left:18px;bottom:34px;width:calc(100% - 36px)}
  .hero-rebuilt h1{font-size:38px;max-width:10ch;margin-bottom:22px}
  .hero-cta{min-width:190px;padding:14px 16px}
  .hero-art-vignette{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.52),transparent 52%)}
}


/* Business-focused hero */
.hero-business{position:relative;height:min(760px,88vh);min-height:610px;overflow:hidden;background:#141519;color:#fff}
.hero-business-bg,.hero-business-bg>img,.hero-business-shade,.hero-screen{position:absolute;inset:0}
.hero-business-bg>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);animation:businessHeroZoom 16s ease-in-out infinite alternate}
.hero-business-shade{background:linear-gradient(90deg,rgba(9,10,13,.88) 0%,rgba(9,10,13,.68) 31%,rgba(9,10,13,.15) 60%,rgba(9,10,13,.22) 100%),linear-gradient(0deg,rgba(9,10,13,.52),transparent 55%)}
.hero-business-inner{position:absolute;z-index:4;left:max(24px,calc((100vw - var(--max))/2));bottom:82px;width:min(480px,calc(100% - 48px))}
.hero-business-inner p{margin:0 0 15px;font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:rgba(255,255,255,.76)}
.hero-business h1{font-size:clamp(40px,4.25vw,64px);line-height:.98;letter-spacing:-.042em;margin:0 0 28px;max-width:9.8ch}
.hero-business-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-width:210px;padding:15px 18px;background:#f2f0eb;color:#111;font-size:13px;font-weight:700;transition:.25s ease}
.hero-business-cta:hover{transform:translateY(-3px);background:#fff}
.hero-business-cta span{font-size:18px}
.hero-screen{pointer-events:none;background-repeat:no-repeat;background-size:1920px 1080px;background-image:url('../images/hero-webdesign.jpg');will-change:transform;opacity:.26;mix-blend-mode:screen}
.screen-store{clip-path:polygon(43% 43%,79% 35%,81% 80%,44% 88%)}
.screen-dashboard{clip-path:polygon(59% 13%,91% 18%,91% 56%,61% 48%)}
.screen-ai{clip-path:polygon(23% 26%,49% 20%,48% 85%,21% 91%)}
@keyframes businessHeroZoom{from{transform:scale(1.015)}to{transform:scale(1.055)}}
@media(max-width:900px){.hero-business{height:76vh;min-height:570px}.hero-business-bg>img{object-position:60% center}.hero-business-shade{background:linear-gradient(90deg,rgba(9,10,13,.86),rgba(9,10,13,.32)),linear-gradient(0deg,rgba(9,10,13,.62),transparent 62%)}.hero-business-inner{bottom:48px}.hero-business h1{font-size:46px}}
@media(max-width:560px){.hero-business{height:70vh;min-height:520px}.hero-business-bg>img{object-position:67% center}.hero-business-inner{left:16px;bottom:30px;width:calc(100% - 32px)}.hero-business h1{font-size:36px;max-width:10ch;margin-bottom:22px}.hero-business-cta{min-width:190px;padding:14px 16px}.hero-screen{background-size:auto 100%}}