@import"https://fonts.googleapis.com/css2?family=Figtree:wght@300..600&display=swap";*{box-sizing:border-box;margin:0;padding:0;position:relative;animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-delay:calc(var(--progress)*-1s);animation-iteration-count:1;animation-fill-mode:both}:root{--black: #1B1B1C;--white: #fff;--light-gray: #F2F2F2;--gray: #919191;--dark-gray: #4E5254;--pad: 6rem}@media(orientation: portrait){:root{--pad: 2rem}}html{font-size:1vw;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--light-gray)}@media(orientation: portrait){html{font-size:3vw}}body{font-family:"Figtree",sans-serif;font-optical-sizing:auto;font-size:1.25rem;font-weight:500;font-style:normal;color:var(--dark-gray)}body:has(#menu:checked){overflow:hidden;height:100vh}body:has(#menu:checked)>nav{clip-path:inset(0 0 0 0);pointer-events:all}body:has(#menu:checked) menu{transform:translateY(0);gap:0}h1,h2,h3,h4{font-family:"Figtree",sans-serif;font-weight:500;line-height:1;color:var(--black)}h1,h2{font-weight:600;text-transform:uppercase}h1{font-size:10.25rem}@media(orientation: portrait){h1{font-size:5rem}}h2{font-size:8rem}@media(orientation: portrait){h2{font-size:4.2rem}}h3{font-size:3rem;line-height:1.1}h4{font-size:2.25rem}p{line-height:1.5}a,label{text-decoration:none;cursor:pointer}input,button,fieldset,select,textarea,::placeholder{background-color:rgba(0,0,0,0);border:0;border-radius:0;appearance:none;outline:0;font-family:"Figtree",sans-serif;font-optical-sizing:auto}input[type=text],input[type=tel],input[type=email],input[type=url],textarea,button[type=submit]{width:100%;border-radius:.5rem;padding:1.5rem 2rem;font-size:1.5rem;line-height:1;border:1px solid var(--gray)}::placeholder{color:var(--gray)}button[type=submit]{background:var(--dark-gray);color:var(--white);cursor:pointer;transition:background-color .6s ease}button[type=submit]:hover{background:var(--black)}form{padding-block:4rem}@media(orientation: landscape){form.grid2{gap:3rem 2rem}}form fieldset{display:flex;flex-direction:column}form fieldset:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:1rem}form label{font-size:1.5rem;line-height:2}form textarea{resize:none;min-height:20rem}form input[type=checkbox]{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;cursor:pointer;border-radius:.5rem;border:1px solid var(--gray)}form input[type=checkbox]::after{content:"";display:block;position:absolute;width:60%;height:60%;border-radius:.25rem;background:var(--white);transition:background-color .6s ease}form input[type=checkbox]:checked{background:var(--white)}form input[type=checkbox]:checked::after{background:var(--dark-gray)}.two_col{grid-column:span 2}.btn,.btn-double{font-size:1.5rem;line-height:1;color:var(--black)}.btn::after{content:"";display:block;position:absolute;bottom:-0.5rem;left:0;right:0;transition:transform .75s cubic-bezier(0.19, 1, 0.22, 1);transform:scaleX(0);transform-origin:right;border-bottom:2px solid currentColor}.btn:hover::after{transform-origin:left;transform:scaleX(1)}.btn-double::before,.btn-double::after{content:"";display:block;position:absolute;bottom:-0.5rem;left:0;right:0;transition:transform .75s cubic-bezier(0.19, 1, 0.22, 1);border-bottom:2px solid currentColor}.btn-double::after{transition-delay:.25s;transform-origin:right}.btn-double:hover::after{transition-delay:0s;transform:scaleX(0)}.btn-double::before{transition-delay:0s;transform:scaleX(0);transform-origin:left}.btn-double:hover::before{transition-delay:.25s;transform:scaleX(1)}.link{color:var(--dark-gray);text-decoration:underline;text-underline-offset:.75rem;transition:color .6s ease}.link:hover{color:var(--black)}nav{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:666;background:var(--black);padding:4rem var(--pad);clip-path:inset(0 0 100% 0);pointer-events:none;transition:clip-path .6s cubic-bezier(0.03, 0.5, 0, 1);overflow-y:auto}nav div{display:flex;justify-content:space-between;align-items:flex-start;z-index:2}nav .btn-double{color:var(--white)}nav img{height:2rem}nav menu{position:absolute;top:3.3rem;left:12rem;display:flex;flex-direction:column;gap:20rem;transform:translateY(100vh);transition:transform .6s cubic-bezier(0.03, 0.5, 0, 1),gap 1.2s cubic-bezier(0.03, 0.5, 0, 1)}nav menu a{-webkit-user-select:none;user-select:none;color:var(--dark-gray);font-size:16.6vh;font-weight:300;text-transform:uppercase;line-height:.85;transition:.75s cubic-bezier(0.19, 1, 0.22, 1)}nav menu a:hover{color:var(--white);font-weight:600}@media(orientation: portrait){nav menu{left:2rem;height:80vh;justify-content:flex-end}nav menu a{font-size:4.2rem;line-height:1.2}}header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:4rem var(--pad);mix-blend-mode:difference}header input{display:none}header .btn,header .btn-double{color:var(--white)}header div>a{z-index:2;transition:opacity .35s ease}header div>a img{height:2rem}header div>a:first-of-type{transition-delay:.35s;opacity:1}header div>a:last-of-type{position:absolute;left:0;opacity:0;transition-delay:0s}header menu,header aside{display:flex;gap:2rem;transition:opacity .35s ease}@media(orientation: portrait){header menu{display:none}}header aside a{transition:transform .75s cubic-bezier(0.19, 1, 0.22, 1);transition-delay:.25s}@media(orientation: portrait){header aside a{display:none}}@media(orientation: landscape){header aside label{position:absolute;right:0;opacity:0;transition:opacity .35s ease;transition-delay:0s;pointer-events:none}}header.scroll div>a:first-of-type{transition-delay:0s;opacity:0}header.scroll div>a:last-of-type{transition-delay:.35s;opacity:1}header.scroll menu{opacity:0}header.scroll aside a{transform:translateX(-100%);transition-delay:0s}header.scroll aside label{opacity:1;transition-delay:.25s;pointer-events:auto}header.scroll+section h1{animation-name:title-out}header.scroll+section svg{animation-name:move-out}@keyframes title-out{to{font-weight:300;letter-spacing:.2rem}}@keyframes move-out{to{transform:translate(27.2rem, 11.65rem) scale(0.5)}}section{display:flex;flex-direction:column;padding:var(--pad)}section:not(.hero,.video)>h1{margin-bottom:4rem}section>h2{font-weight:300;animation-name:bold;margin-bottom:4rem}@keyframes bold{0%{font-weight:300}35%{font-weight:600}100%{font-weight:600}}section>.btn-double{align-self:flex-end}@media(orientation: portrait){section>.btn-double{margin-top:4rem}}@media(orientation: landscape){section>.btn-double{position:absolute;top:10.7rem;right:var(--pad)}}@media(orientation: portrait){section{padding:6rem var(--pad)}}.grid2,.grid3{display:grid;gap:4rem 2rem}.grid2{grid-template-columns:1fr 1fr}@media(orientation: portrait){.grid2{grid-template-columns:1fr}}.grid3{grid-template-columns:1fr 1fr 1fr}@media(orientation: portrait){.grid3{grid-template-columns:1fr}}.work{display:flex;flex-direction:column;gap:1rem;color:var(--black)}.work video{width:100%;aspect-ratio:16/9}.card{display:flex;flex-direction:column;gap:.1rem}.card h4,.card p{padding:3rem;background:var(--white)}.card p{flex:1}.article{display:flex;flex-direction:column;gap:2rem}.article img{width:100%;aspect-ratio:4/5;object-fit:cover}.team img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:grayscale(1)}section.hero{justify-content:center;align-items:center;padding:1rem var(--pad)}@media(orientation: portrait){section.hero{align-items:flex-start}}section.hero h1{transform:translateY(0);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 150%);transition:2s cubic-bezier(0.22, 1, 0.36, 1),font-weight 3s ease}section.hero h1:nth-of-type(2){transition-delay:.25s}section.hero h1:nth-of-type(3){transition-delay:.5s}@media(orientation: landscape){section.hero h1:nth-of-type(1){transform:translateX(-5.5rem)}section.hero h1:nth-of-type(2){transform:translateX(17rem);gap:4rem}section.hero h1:nth-of-type(3){transform:translateX(-8.7rem)}}section.hero svg{position:absolute;transform:translate(27.2rem, 11.65rem);width:8rem;transition:1s ease 1.25s;animation-name:title-out}section.hero svg polygon{fill:var(--black)}@media(orientation: portrait){section.hero svg{display:none}}section.hero p{transition:1s ease 1s}@media(orientation: portrait){section.hero p{margin-top:2rem}}@media(orientation: landscape){section.hero p{position:absolute;transform:translateX(-17rem)}section.hero p::before{content:"";display:inline-block;width:3rem}}section.hero:not(.is-inview) h1{transform:translateY(100%);font-weight:300;clip-path:polygon(0 0, 100% 0, 100% -50%, 0 0);letter-spacing:1rem}section.hero:not(.is-inview) p,section.hero:not(.is-inview) svg{opacity:0}section.video video{width:100%;aspect-ratio:16/9}@media(orientation: landscape){section.video video{animation-name:videoscale}}section.video h1:first-of-type{display:flex;gap:1rem;padding-top:4rem}@media(orientation: landscape){section.video h1:first-of-type{gap:0;justify-content:space-between;padding-left:6rem;padding-top:20rem}}@media(orientation: landscape){section.video h1{animation-name:title}}@keyframes title{0%{font-weight:300;letter-spacing:-0.2rem}50%{font-weight:300;letter-spacing:-0.2rem}66%{font-weight:600;letter-spacing:0rem}100%{font-weight:600;letter-spacing:0rem}}@keyframes videoscale{0%{transform:translateY(-15rem) scale(0.5)}30%{transform:translateY(0) scale(1)}40%{transform:translateY(10rem) scale(1)}65%{transform:translateY(49rem) scale(0.2)}100%{transform:translateY(49rem) scale(0.2)}}section.text{display:flex;flex-direction:row;align-items:flex-start}section.text>label{display:flex;align-items:center;gap:1rem;width:40%;padding-block:1rem}@media(orientation: portrait){section.text>label{display:none}}section.text>label::before{content:"";display:inline-block;width:3rem;height:2px;background:var(--black)}section.text>div{max-width:40rem;display:flex;flex-direction:column;align-items:flex-start;gap:2rem}section.clients{gap:2rem;padding:var(--pad) 0}section.clients h4{padding-left:var(--pad)}section.clients>div{display:flex;overflow:hidden}section.clients img{height:3.5rem;animation-name:clients}@keyframes clients{to{transform:translateX(-100%)}}section.about video{position:fixed;top:0;right:0;width:60vw;height:100vh;object-fit:cover;-webkit-mask-image:url(../assets/mask.svg);mask-image:url(../assets/mask.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:top right;mask-position:top right;filter:contrast(0.8);animation-name:about}@keyframes about{to{transform:translateY(-100vh)}}section.about>div{max-width:35rem}section.about>div p{margin-bottom:2rem}section.different{overflow:hidden}section.different h2{position:absolute;margin-top:8rem;color:var(--white);white-space:nowrap;mix-blend-mode:difference;animation-name:different;z-index:2}section.different img{width:100%;aspect-ratio:4/5}section.different .text{display:flex;flex-direction:column;gap:2rem;padding-top:20rem;padding-right:8rem}@keyframes different{0%{transform:translateX(40%);font-weight:300}100%{transform:translateX(-40%);font-weight:600}}footer{display:flex;flex-direction:column;padding:8rem var(--pad);background:var(--black);color:var(--white);margin-top:2rem;animation-name:footer}@keyframes footer{0%{transform:translateY(-10rem);clip-path:inset(50% 0 0 0)}50%{transform:translateY(0);clip-path:inset(0 0 0 0)}100%{transform:translateY(0);clip-path:inset(0 0 0 0)}}footer .btn,footer .btn-double{color:var(--gray)}footer>div{display:flex;justify-content:space-between}@media(orientation: portrait){footer>div:last-of-type{flex-direction:column;gap:2rem}}footer>div>span{display:flex;gap:2rem}@media(orientation: portrait){footer>div>span{flex-direction:column}}footer>div>span P{color:var(--white)}footer a{color:var(--gray);transition:color .6s ease}footer a img{height:1.5rem;opacity:.5;transition:opacity .6s ease}footer a:hover{color:var(--light-gray)}footer a:hover img{opacity:1}footer .logos{align-items:end;padding-bottom:4rem;border-bottom:2px solid var(--dark-gray)}footer .logos img:first-of-type{height:2rem}footer .logos img:last-of-type{height:8rem}footer menu{display:flex;gap:2rem;padding-block:4rem;margin-bottom:6rem}@media(orientation: portrait){footer menu{flex-direction:column}footer menu:last-of-type{align-items:end}}/*# sourceMappingURL=style.css.map */

/* Additional custom styles for SEO report */
.table-container {
  overflow-x: auto;
  margin-bottom: 2rem;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
  background-color: var(--white);
}

table th {
  background-color: var(--black);
  color: var(--white);
  text-align: left;
  padding: 1rem;
  font-weight: 600;
}

table td {
  padding: 1rem;
  border-bottom: 1px solid var(--light-gray);
}

table tr:nth-child(even) {
  background-color: var(--light-gray);
}

code {
  font-family: monospace;
  background-color: var(--light-gray);
  padding: 0.2rem 0.4rem;
  border-radius: 0.2rem;
  font-size: 0.9em;
}

pre {
  background-color: var(--light-gray);
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin-bottom: 2rem;
}

pre code {
  background-color: transparent;
  padding: 0;
}

.section-nav {
  position: sticky;
  top: 10rem;
  background-color: var(--white);
  padding: 2rem;
  border-radius: 0.5rem;
  max-width: 20rem;
  max-height: 80vh;
  overflow-y: auto;
}

.section-nav ul {
  list-style: none;
}

.section-nav li {
  margin-bottom: 1rem;
}

.section-nav a {
  color: var(--dark-gray);
  text-decoration: none;
  transition: color 0.3s ease;
}

.section-nav a:hover {
  color: var(--black);
}

.section-nav a.active {
  color: var(--black);
  font-weight: 600;
}

.recommendation {
  background-color: var(--white);
  padding: 2rem;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  border-left: 4px solid var(--black);
}

.recommendation h4 {
  margin-bottom: 1rem;
}

.recommendation.immediate {
  border-left-color: #e74c3c;
}

.recommendation.short-term {
  border-left-color: #f39c12;
}

.recommendation.long-term {
  border-left-color: #2ecc71;
}

.tag {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.tag.immediate {
  background-color: #e74c3c;
  color: var(--white);
}

.tag.short-term {
  background-color: #f39c12;
  color: var(--white);
}

.tag.long-term {
  background-color: #2ecc71;
  color: var(--white);
}

.tag.technical {
  background-color: #3498db;
  color: var(--white);
}

.tag.content {
  background-color: #9b59b6;
  color: var(--white);
}

.tag.international {
  background-color: #34495e;
  color: var(--white);
}

.timeline {
  position: relative;
  margin: 2rem 0;
}

.timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 1rem;
  height: 100%;
  width: 2px;
  background-color: var(--gray);
}

.timeline-item {
  position: relative;
  padding-left: 3rem;
  margin-bottom: 2rem;
}

.timeline-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--white);
  border: 2px solid var(--gray);
}

.timeline-item.immediate::before {
  border-color: #e74c3c;
}

.timeline-item.short-term::before {
  border-color: #f39c12;
}

.timeline-item.long-term::before {
  border-color: #2ecc71;
}

.kpi-card {
  background-color: var(--white);
  padding: 2rem;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
}

.kpi-card h4 {
  margin-bottom: 1rem;
}

.kpi-card .target {
  font-size: 2rem;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 1rem;
}

.kpi-card .measurement {
  color: var(--dark-gray);
}

@media print {
  body {
    font-size: 12pt;
    background-color: white;
    color: black;
  }
  
  section {
    padding: 1rem;
  }
  
  .section-nav {
    display: none;
  }
  
  a {
    color: black;
    text-decoration: underline;
  }
  
  h1 {
    font-size: 24pt;
  }
  
  h2 {
    font-size: 20pt;
  }
  
  h3 {
    font-size: 16pt;
  }
  
  h4 {
    font-size: 16pt;
  }
}