:root{
  --lp-paper:#f4edcf;
  --lp-ink:#132a2b;
  --lp-green:#6f9186;
  --lp-orange:#eb653a;
  --lp-sand:#ebc889;
  --lp-dark:#3F4742;
  --lp-line:rgba(19,42,43,.28);
}

body.landing-v2{
  margin:0;
  background:var(--lp-paper);
  color:var(--lp-ink);
  font-family:"Open Sans",sans-serif;
  line-height:1.4;
  --hero-progress:0;
}
.landing-v2 *{box-sizing:border-box}
.landing-v2 a{color:inherit;text-decoration:none;border:0}
.landing-v2 a:hover{color:inherit;border:0}
.landing-v2 p{max-width:none}

.lp-hero{height:120vh;background:var(--lp-paper)}
.lp-hero-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}
.lp-hero-stage::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:var(--lp-dark);opacity:calc(var(--hero-progress) * .8)
}
.lp-topbar{
  position:absolute;z-index:6;top:0;left:0;width:100%;padding:25px 32px;
  display:flex;justify-content:space-between;align-items:center;
  font-family:"Open Sans",sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.09em
}
.lp-topbar p{margin:0;color:inherit;font-size:inherit;line-height:1}
.lp-wordmark{
  width:32px;height:32px;display:grid;place-items:center;border-radius:50%;
  color:var(--lp-paper)!important;background:var(--lp-ink);font-family:"Open Sans",sans-serif;
  font-weight:700;letter-spacing:-.12em;font-size:12px
}
.lp-nav{display:flex;gap:22px;align-items:center}
.lp-nav a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.lp-nav .lp-btn{
  text-decoration:none;display:inline-flex;align-items:center;
  padding:9px 18px;border:1px solid currentColor;border-radius:100px;
  transition:background .25s,color .25s
}
.lp-nav .lp-btn:hover{background:var(--lp-ink);color:var(--lp-paper)}
.lp-image-frame{
  position:absolute;inset:8.5vh 12vw 7vh;overflow:hidden;
  background:transparent
}
.lp-image-frame img{
  width:100%;height:100%;display:block;object-fit:contain;object-position:center 42%;
  filter:contrast(1.02) saturate(.9);transform:scale(calc(1 + var(--hero-progress) * .045));
  will-change:transform
}
.lp-hero-copy{
  position:absolute;z-index:4;left:4vw;bottom:8vh;max-width:760px;color:var(--lp-ink)
}
.lp-index,.lp-case-meta p,.lp-small-line{
  margin:0;font-family:"Open Sans",sans-serif;font-size:11px;line-height:1.3;
  letter-spacing:.1em;text-transform:uppercase;color:inherit
}
.lp-hero-name{
  margin:0;font-family:"Open Sans",sans-serif;font-size:20px;line-height:1.3;
  letter-spacing:.1em;text-transform:uppercase;color:inherit
}
.lp-hero-copy h1{
  margin:7px 0 0;font-size:clamp(42px,6.7vw,100px);font-weight:600;
  letter-spacing:-.075em;line-height:.82;color:var(--lp-ink);
  color:color-mix(in srgb, var(--lp-ink), var(--lp-paper) calc(var(--hero-progress) * 100%));
  transition:color .1s linear
}
.lp-keywords{
  position:absolute;z-index:4;inset:0;pointer-events:none;color:var(--lp-ink);
  font-size:clamp(12px,1.35vw,20px);letter-spacing:-.035em;font-weight:700
}
.lp-keyword{position:absolute;opacity:calc(1 - var(--hero-progress) * .92);will-change:transform,opacity}
.lp-scramble-char{display:inline-block}
.lp-k1{top:20%;left:10%;transform:translate(calc(var(--hero-progress) * -38px),calc(var(--hero-progress) * 55px)) rotate(calc(var(--hero-progress) * -4deg))}
.lp-k2{top:28%;right:9%;transform:translate(calc(var(--hero-progress) * 52px),calc(var(--hero-progress) * -40px))}
.lp-k3{top:47%;left:5%;transform:translate(calc(var(--hero-progress) * -40px),calc(var(--hero-progress) * 32px))}
.lp-k4{top:57%;right:7%;transform:translate(calc(var(--hero-progress) * 48px),calc(var(--hero-progress) * 34px))}
.lp-k5{top:14%;left:calc(52% + 70px);transform:translate(calc(var(--hero-progress) * 12px),calc(var(--hero-progress) * -45px))}
.lp-k6{bottom:15%;right:25%;transform:translate(calc(var(--hero-progress) * 40px),calc(var(--hero-progress) * 36px))}
.lp-scroll-cue{
  position:absolute;z-index:4;right:32px;bottom:28px;font-family:"Open Sans",sans-serif;
  font-size:24px;text-transform:uppercase;letter-spacing:.08em
}
.lp-scroll-cue span{font-size:18px;margin-left:6px}

.lp-statement{
  margin-top:-20vh;height:88vh;background:var(--lp-dark);color:var(--lp-paper);padding:0;display:block;
  overflow:clip;isolation:isolate
}
.lp-focus-stage{
  position:sticky;top:0;height:100vh;height:100svh;padding:7vw 5vw 8vw;
  display:grid;grid-template-columns:20% 1fr;gap:5vw;overflow:hidden
}
.lp-focus-stage>.lp-index{position:relative;z-index:2;color:#a6bbb2}
.lp-signal-field{
  position:absolute;z-index:0;inset:-24vh -3vw;display:grid;grid-template-columns:repeat(3,1fr);
  opacity:var(--signal-opacity,0);transform:translate3d(0,var(--signal-y,80px),0) rotate(-1.5deg);
  transition:opacity .08s linear;will-change:opacity,transform;pointer-events:none
}
.lp-signal-column{
  min-height:58vh;padding:3vw;border-right:1px solid rgba(244,237,207,.11);
  color:rgba(244,237,207,.28);font-family:"Open Sans",sans-serif;font-size:clamp(10px,1vw,13px);
  line-height:3.25;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap
}
.lp-signal-column:nth-child(2n){transform:translateY(15vh);color:rgba(235,183,125,.28)}
.lp-signal-column:nth-child(3n){transform:translateY(-8vh)}
.lp-statement-inner{
  position:relative;z-index:2;max-width:960px;align-self:start;
  top:0;transform:translate3d(0,var(--focus-copy-y,0),0);will-change:transform
}
.lp-small-line{color:#edb77d;margin-bottom:26px}
.lp-statement h2{
  margin:0;max-width:920px;font-size:clamp(39px,4.68vw,73px);font-weight:400;
  letter-spacing:-.06em;line-height:1.05;color:inherit
}
.lp-scramble-word{display:inline-block;white-space:nowrap}
.lp-motion-ready .lp-focus-copy{
  opacity:var(--focus-reveal,0);transform:translate3d(0,var(--focus-reveal-y,24px),0);
  will-change:opacity,transform
}
.lp-body-copy{
  margin:24px 0 0;max-width:660px!important;font-size:16px!important;line-height:1.5!important;color:#c9d1c6!important
}
.lp-text-link{
  display:inline-block;margin-top:30px;border-bottom:1px solid #a6bbb2!important;
  padding-bottom:8px;font-size:14px
}
.lp-text-link span{color:#edb77d;margin-left:12px}

.lp-work{
  position:relative;z-index:3;min-height:108vh;margin-top:-20vh;padding:10vw 5vw 11vw;
  background:var(--lp-paper)
}
.lp-work-head{
  position:absolute;top:6vw;right:9vw;width:38%;z-index:2;
  transform:translate3d(0,calc((.5 - var(--work-progress, .5)) * 38px),0);
  will-change:transform
}
.lp-work-head .lp-index{margin-bottom:12px}
.lp-work h2{
  margin:0;font-size:clamp(38px,5vw,78px);letter-spacing:-.075em;
  font-weight:400;line-height:.84;color:var(--lp-ink)
}
.lp-case-grid{
  display:grid;grid-template-columns:.85fr 1fr;gap:13vw;align-items:start;
  max-width:1120px;margin:0 auto;padding:1vw 6vw 0 2vw
}
.lp-case-card{min-height:580px;display:flex;flex-direction:column}
.lp-case-card:first-child{margin-top:calc(-10vw - 150px)}.lp-case-card:last-child{margin-top:14vw}
.lp-case-art{position:relative;flex:1;min-height:360px;overflow:hidden;transition:filter .25s ease,transform .35s ease}
.lp-js .lp-case-art{
  clip-path:inset(100% 0 0 0);
  transition:filter .25s ease,transform .35s ease,
             clip-path .9s cubic-bezier(.2,.7,.2,1) var(--art-reveal-delay,0ms)
}
.lp-js .is-visible .lp-case-art{clip-path:inset(0 0 0 0)}
.lp-synthetic .lp-case-art{background:var(--lp-green)}
.lp-intelligence .lp-case-art{background:#e9b878}
.lp-case-art>span{position:absolute;top:18px;left:18px;font-family:"Open Sans",sans-serif;font-size:12px;z-index:2}
.lp-art-one::before{
  content:"";position:absolute;width:60%;aspect-ratio:1;border-radius:50%;border:1px solid var(--lp-ink);
  left:18%;top:14%;box-shadow:45px 42px 0 -25px var(--lp-orange),100px -50px 0 -48px var(--lp-paper)
}
.lp-art-one i,.lp-art-one b{position:absolute;background:var(--lp-ink);display:block}
.lp-art-one i{height:1px;width:95%;top:48%}
.lp-art-one b{height:160%;width:1px;left:48%;top:-40%;transform:rotate(48deg)}
.lp-signal{position:absolute;inset:25% 15%;display:flex;gap:8px;align-items:flex-end}
.lp-signal i{display:block;flex:1;background:var(--lp-ink)}
.lp-signal i:nth-child(1){height:35%}.lp-signal i:nth-child(2){height:74%;background:var(--lp-orange)}.lp-signal i:nth-child(3){height:100%}
.lp-case-meta{padding:17px 0 0;position:relative;color:var(--lp-ink)}
.lp-case-meta h3{
  margin:7px 0 9px;font-size:clamp(28px,3vw,44px);line-height:.95;
  letter-spacing:-.06em;font-weight:400;color:inherit
}
.lp-case-meta>span{font-size:13px}
.lp-case-card:hover .lp-case-art{filter:brightness(.93);transform:translateY(-4px)}
.lp-case-card:hover .lp-case-meta h3{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.lp-case-card:focus-visible{outline:2px solid var(--lp-orange);outline-offset:7px}

.lp-journey{background:var(--lp-dark);color:var(--lp-paper);padding:9vw 5vw}
.lp-journey-inner{max-width:760px;margin:0 auto}
.lp-journey-inner .lp-index{color:#a6bbb2;margin-bottom:12px}
.lp-journey-inner h2{
  margin:0 0 20px;font-size:clamp(32px,4.5vw,64px);font-weight:400;
  letter-spacing:-.06em;line-height:1.02;color:inherit
}
.lp-journey-lede{font-size:17px;line-height:1.6;color:#c9d1c6;max-width:600px;margin:0}
.lp-contact-icons{
  display:flex;gap:18px;align-items:center;justify-content:center;
  list-style:none;padding:0;margin:clamp(40px,5vw,60px) 0 0
}
.lp-contact-icons a{
  display:inline-flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;
  border:1px solid rgba(244,237,207,.2);background:rgba(244,237,207,.04);
  transition:transform .3s,background .3s,border-color .3s
}
.lp-contact-icons a:hover{transform:translateY(-3px);background:rgba(235,101,58,.18);border-color:var(--lp-orange)}
.lp-contact-icons img{width:22px;height:auto;filter:brightness(0) invert(1);opacity:.85}
.lp-contact-icons a:hover img{opacity:1}

.lp-footer{
  border-top:1px solid var(--lp-line);display:grid;grid-template-columns:1fr 1fr auto;
  align-items:center;gap:20px;padding:21px 5vw;background:var(--lp-paper);color:var(--lp-ink);
  font-family:"Open Sans",sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase
}
.lp-footer nav{display:flex;gap:18px}.lp-footer a{text-decoration:underline;text-underline-offset:4px}

.lp-js .lp-reveal{
  opacity:0;transform:translate3d(0,34px,0);
  transition:opacity .78s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),
             transform .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)
}
.lp-js .is-visible .lp-reveal{opacity:1;transform:translate3d(0,0,0)}
.lp-js .lp-case-card.lp-reveal{
  opacity:var(--card-reveal,0);transform:translate3d(0,var(--card-reveal-y,34px),0);
  transition:opacity .1s linear,transform .1s linear
}
.lp-js .lp-meta-line{
  opacity:0;transform:translate3d(0,18px,0);
  transition:opacity .6s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),
             transform .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)
}
.lp-js .is-visible .lp-meta-line{opacity:1;transform:translate3d(0,0,0)}

@media(max-width:700px){
  .lp-topbar{padding:18px}.lp-location{display:none}.lp-nav{gap:14px}.lp-nav a:first-child{display:none}
  .lp-image-frame{inset:12vh 5vw 16vh}.lp-image-frame img{object-position:center center}
  .lp-hero-copy{left:6vw;bottom:11vh}.lp-hero-copy h1{font-size:clamp(40px,14vw,68px)}
  .lp-keywords{font-size:13px}.lp-k1{top:19%;left:7%}.lp-k2{top:30%;right:4%}.lp-k3{top:47%;left:4%}
  .lp-k4{top:60%;right:4%}.lp-k5{top:14%;left:46%}.lp-k6{bottom:20%;right:6%}
  .lp-scroll-cue{right:18px;bottom:22px}
  .lp-statement{height:calc(140vh - 100px);padding:0}.lp-focus-stage{padding:15vw 6vw 16vw;display:block}
  .lp-focus-stage>.lp-index{margin-bottom:8vh}.lp-statement-inner{top:0}.lp-signal-field{grid-template-columns:repeat(2,1fr);inset:-18vh -18vw}
  .lp-signal-column{padding:6vw;font-size:10px;line-height:3.6}.lp-signal-column:nth-child(n+5){display:none}
  .lp-statement h2{font-size:clamp(28px,9vw,44px)}.lp-body-copy{font-size:15px!important;max-width:none!important}
  .lp-work{min-height:auto;margin-top:-12vh;padding:15vw 6vw 18vw}.lp-work-head{position:static;width:auto;margin:0 0 13vw 38%}
  .lp-work h2{margin-top:10px}.lp-case-grid{grid-template-columns:1fr;gap:46px;padding:0 9vw 0 0}
  .lp-case-card{min-height:470px}.lp-case-card:first-child{margin-top:0}.lp-case-card:last-child{margin:0 0 0 18vw}
  .lp-case-art{min-height:330px}.lp-footer{grid-template-columns:1fr;line-height:1.7}.lp-footer nav{margin-top:4px}
}

@media(prefers-reduced-motion:reduce){
  .landing-v2{scroll-behavior:auto}.lp-image-frame img,.lp-keyword,.lp-case-art{transform:none!important;transition:none!important;clip-path:none!important}
  .lp-scramble-char{animation:none!important}
  .lp-hero-stage::after{opacity:0}
  .lp-statement-inner,.lp-work-head,.lp-reveal,.lp-meta-line{transform:none!important;transition:none!important;opacity:1!important}
  .lp-focus-copy{transform:none!important;filter:none!important;opacity:1!important}
  .lp-signal-field{display:none}
}
