/* Generated by scripts/bundle-site-styles.mjs; edit the original files in scripts/site-styles.json. */
:root {
  --paper: #f5f2ed;
  --sand: #ccb8a5;
  --silver: #ccb8a5;
  --charcoal: #1e1e1e;
  --ink: #1e1e1e;
  --taupe: #ccb8a5;
  --line: rgba(30,30,30,0.23);
  --gutter: clamp(24px, 4.2vw, 88px);
  --display: var(--font-regatto), Georgia, serif;
  color-scheme: light;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.6;
}
::selection {
  background: var(--ink);
  color: var(--paper);
}
h1,
h2,
h3,
p,
figure {
  margin: 0;
}
h1,
h2,
h3 {
  font-family: var(--display);
  font-weight: 700;
  line-height: 1.02;
  text-wrap: balance;
}
p {
  text-wrap: pretty;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
}
button,
a,
summary {
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(204,184,165,0.2);
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: wait;
}
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 6px;
}
button,
input,
select,
textarea {
  border-radius: 0;
}
img {
  display: block;
}
button {
  background: none;
}
button .arrow,
a .arrow {
  flex-shrink: 0;
}
.arrow {
  width: 28px;
  height: 28px;
}
.section-pad {
  padding: clamp(72px, 8vw, 145px) var(--gutter);
}
section[id] {
  scroll-margin-top: 90px;
}
.small-label {
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 100;
  background: var(--ink);
  color: var(--paper);
  padding: 12px 20px;
  transform: translateY(-180%);
}
.skip-link:focus {
  transform: none;
}
.header {
  height: 88px;
  padding: 0 var(--gutter);
  display: flex;
  align-items: center;
  gap: 40px;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  position: relative;
  z-index: 20;
}
.nav-logo {
  font-family: var(--display);
  font-size: 26px;
  white-space: nowrap;
  letter-spacing: -0.03em;
}
.header-note {
  font-size: 12px;
  margin-left: auto;
}
.nav {
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 13px;
}
.nav a {
  position: relative;
  padding: 10px 0;
}
.nav a:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s;
}
.nav a:hover:after {
  transform: scaleX(1);
}
.nav .nav-contact {
  border: 1px solid var(--line);
  border-radius: 50px;
  padding: 9px 20px;
  display: flex;
  gap: 20px;
}
.nav .nav-contact:hover {
  background: var(--ink);
  color: var(--paper);
}
.nav .nav-contact:after {
  display: none;
}
.menu-toggle {
  display: none;
}
.hero {
  padding: 22px var(--gutter) 0;
}
.hero-top {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
}
.wordmark {
  font-size: clamp(84px, 16.85vw, 350px);
  letter-spacing: -0.065em;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  white-space: nowrap;
  line-height: 1.03;
  margin: 22px 0 34px;
  overflow: hidden;
  padding-bottom: 0.07em;
}
.wordmark .amp {
  font-size: 0.69em;
  letter-spacing: -0.03em;
}
.hero-editorial {
  display: grid;
  grid-template-columns: 1fr 1.38fr;
  gap: 6vw;
  align-items: center;
}
.hero-copy {
  padding: 0 0 28px;
}
.hero-copy h2 {
  font-size: clamp(44px, 5.3vw, 100px);
  letter-spacing: -0.045em;
  margin: 22px 0;
}
.hero-copy > p:not(.small-label) {
  font-size: 14px;
  line-height: 1.8;
}
.text-link {
  display: inline-flex;
  align-items: center;
  gap: 36px;
  font-size: 13px;
  padding: 12px 0;
  border-bottom: 1px solid var(--ink);
  width: max-content;
  max-width: 100%;
  transition: gap 0.25s;
}
.text-link:hover {
  gap: 50px;
}
.hero-copy .text-link {
  margin-top: 26px;
}
.hero-note {
  display: block;
  font-family: Georgia, serif;
  font-style: normal;
  font-size: 23px;
  margin-top: 48px;
  transform: rotate(-7deg);
  transform-origin: left;
}
.hero-art {
  position: relative;
}
.hero-image {
  position: relative;
  height: clamp(340px, 33vw, 600px);
  overflow: hidden;
  background: var(--sand);
}
.hero-image img {
  object-fit: cover;
  object-position: 55% center;
}
.hero-art figcaption {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  margin-top: 12px;
  gap: 16px;
}
.hero-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 56px;
  padding: 18px 0;
  border-top: 1px solid var(--line);
  font-size: 11px;
}
.hero-bottom a {
  display: flex;
  align-items: center;
  gap: 60px;
}
.hero-bottom a span {
  font-size: 22px;
}
.section-kicker {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 64px;
}
.intro {
  overflow: hidden;
  background: var(--sand);
  margin-top: 0;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
  margin-bottom: 64px;
}
.section-heading h2 {
  font-size: clamp(44px, 6.8vw, 116px);
  letter-spacing: -0.045em;
  margin-top: 24px;
}
.section-aside {
  font-size: 13px;
  max-width: 300px;
  line-height: 1.8;
}
.project {
  margin-top: 60px;
}
.project-visual {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  border: none;
  text-align: left;
  overflow: hidden;
}
.demo-badge {
  position: absolute;
  left: 24px;
  bottom: 24px;
  background: var(--paper);
  color: var(--ink);
  font-size: 10px;
  padding: 7px 12px;
  border-radius: 30px;
  z-index: 2;
}
.project-open-label {
  position: absolute;
  right: 24px;
  bottom: 24px;
  background: var(--ink);
  color: var(--paper);
  padding: 9px 18px;
  border-radius: 40px;
  font-size: 11px;
  transition: transform 0.25s;
}
.project-visual:hover .project-open-label {
  transform: translateY(-5px);
}
.project-meta {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}
.project-meta h3 {
  font-size: 30px;
  letter-spacing: -0.025em;
}
.project-meta > span {
  font-size: 11px;
}
.project-year {
  text-align: right;
}
.mock-sculpture > span:nth-child(1) {
  height: 62%;
  width: 62%;
  background: #f1e8dd;
  left: 6%;
  bottom: -4%;
  border-radius: 40% 40% 0 0;
  transform: rotate(-16deg);
}
.mock-sculpture > span:nth-child(2) {
  height: 76%;
  width: 24%;
  background: #ccb8a5;
  right: 10%;
  bottom: 0;
  border-radius: 80% 80% 0 0;
}
.mock-sculpture > span:nth-child(3) {
  height: 27%;
  aspect-ratio: 1;
  background: #1e1e1e;
  right: 25%;
  top: 25%;
  border-radius: 50%;
}
.expertise {
  background: #f1e8dd;
}
.services {
  border-top: 1px solid var(--line);
}
.service {
  border-bottom: 1px solid var(--line);
}
.service summary {
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  list-style: none;
  padding: 26px 0;
}
.service summary::-webkit-details-marker {
  display: none;
}
.service summary h3 {
  font-size: clamp(36px, 5.2vw, 84px);
  letter-spacing: -0.04em;
  flex: 1;
}
.service summary > span:not(.service-icon) {
  font-size: 12px;
  width: 35%;
}
.lab {
  background: var(--ink);
  color: var(--paper);
  min-height: 760px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 8%;
  align-items: center;
  overflow: hidden;
}
.lab h2 {
  font-size: clamp(50px, 6.8vw, 115px);
  letter-spacing: -0.04em;
  margin: 25px 0;
}
.lab-copy > p:not(.small-label) {
  max-width: 380px;
  font-size: 14px;
}
.lab-controls {
  display: flex;
  gap: 12px;
  margin-top: 30px;
  flex-wrap: wrap;
}
.lab-controls button {
  border: 1px solid #f5f2ed70;
  color: var(--paper);
  border-radius: 30px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  transition: background-color 0.2s;
}
.lab-controls button[aria-pressed="true"],
.lab-controls button:hover {
  background: var(--paper);
  color: var(--ink);
}
.lab-controls button > span {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid currentColor;
}
.lab-note {
  margin-top: 18px;
  min-height: 26px;
}
.lab-copy .lab-disclosure {
  font-size: 10px !important;
  margin-top: 30px;
  line-height: 1.7;
  color: #f1e8dd;
}
.lab-art {
  position: relative;
  aspect-ratio: 1;
  background: #ccb8a5;
  overflow: hidden;
  isolation: isolate;
  transition: background-color 0.6s;
}
.lab-platform {
  position: absolute;
  background: #ccb8a5;
  width: 105%;
  height: 45%;
  left: 12%;
  bottom: -12%;
  transform: rotate(-13deg);
  box-shadow: 0 -30px 70px #1e1e1e20;
  transition: background-color 0.6s;
}
.lab-bottle {
  position: absolute;
  left: 43%;
  top: 23%;
  width: 27%;
  height: 55%;
  transform: rotate(10deg);
  filter: drop-shadow(26px 35px 13px #1e1e1e50);
}
.bottle-cap {
  position: absolute;
  top: 0;
  height: 12%;
  left: 22%;
  width: 56%;
  background: linear-gradient(90deg, #1e1e1e, #1e1e1e 50%, #1e1e1e);
  border-radius: 3px 3px 0 0;
}
.bottle-body {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 88%;
  background: linear-gradient(
    90deg,
    #1e1e1e,
    #ccb8a5 35%,
    #ccb8a5 50%,
    #ccb8a5 70%,
    #1e1e1e
  );
  border-radius: 14% 14% 7% 7%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #f1e8dd;
  transition:
    background 0.6s,
    color 0.6s;
}
.bottle-body > span {
  font-family: var(--display);
  font-size: clamp(65px, 7vw, 120px);
  line-height: 1;
}
.bottle-body small {
  font-size: 8px;
  text-align: center;
  letter-spacing: 0.08em;
  margin-top: 24px;
}
.lab-orbit {
  position: absolute;
  border: 1px solid #f5f2ed80;
  border-radius: 50%;
  width: 70%;
  height: 70%;
  left: -23%;
  top: -20%;
  transform: rotate(22deg);
}
.orbit-two {
  left: auto;
  right: -42%;
  top: 4%;
  width: 100%;
  height: 100%;
}
.lab-art-caption {
  position: absolute;
  left: 22px;
  top: 22px;
  font-size: 10px;
  color: var(--ink);
}
.world-1 .lab-art {
  background: #1e1e1e;
}
.world-1 .lab-platform {
  background: #1e1e1e;
}
.world-1 .bottle-body {
  background: linear-gradient(
    90deg,
    #1e1e1e,
    #1e1e1e 45%,
    #1e1e1e 55%,
    #1e1e1e
  );
  color: #f1e8dd;
}
.world-1 .lab-art-caption {
  color: var(--paper);
}
.world-2 .lab-art {
  background: #f1e8dd;
}
.world-2 .lab-platform {
  background: #f5f2ed;
}
.world-2 .bottle-body {
  background: linear-gradient(
    90deg,
    #ccb8a5,
    #f1e8dd 40%,
    #f5f2ed 55%,
    #ccb8a5
  );
  color: var(--ink);
}
.studio {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12%;
  align-items: center;
}
.studio-copy h2 {
  font-size: clamp(50px, 5.8vw, 100px);
  letter-spacing: -0.04em;
  margin: 24px 0 30px;
}
.studio-copy > p:not(.small-label) {
  font-size: 14px;
  max-width: 400px;
  margin-bottom: 20px;
}
.studio-copy .text-link {
  margin-top: 15px;
}
.process {
  padding-top: 20px;
}
.process > h2 {
  font-size: clamp(38px, 4.4vw, 70px);
  letter-spacing: -0.035em;
}
.process ol {
  padding: 0;
  margin: 60px 0 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5%;
}
.process li {
  border-top: 1px solid var(--line);
  padding-top: 20px;
}
.step-number {
  font-size: 11px;
}
.process h3 {
  font-size: 36px;
  letter-spacing: -0.03em;
  margin: 26px 0 16px;
}
.process li p {
  font-size: 13px;
  max-width: 300px;
}
.contact {
  background: var(--sand);
}
.contact .section-kicker {
  margin-bottom: 50px;
}
.contact-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 60px;
  border-bottom: 1px solid var(--line);
}
.contact h2 {
  font-size: clamp(66px, 10vw, 170px);
  letter-spacing: -0.05em;
  line-height: 1.05;
}
.contact-heading > .arrow,
.contact-heading > span > .arrow {
  width: 12vw;
  height: 12vw;
}
.contact-content {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 12%;
  margin-top: 64px;
}
.contact-intro > p {
  font-size: 19px;
  max-width: 330px;
  line-height: 1.6;
}
.contact-intro .contact-preview-note {
  font-size: 12px;
  line-height: 1.8;
  margin-top: 30px;
}
.field {
  display: flex;
  flex-direction: column;
  margin-bottom: 28px;
  min-width: 0;
}
.field label {
  font-size: 11px;
  margin-bottom: 8px;
}
.field input,
.field select,
.field textarea {
  font-size: 16px;
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #1e1e1e80;
  padding: 10px 0;
  color: var(--ink);
  min-height: 44px;
}
.field textarea {
  resize: vertical;
  min-height: 110px;
}
.field select {
  background: var(--sand);
}
.field input::placeholder,
.field textarea::placeholder {
  color: #1e1e1e;
  opacity: 1;
}
.footer {
  padding-top: 55px;
  padding-bottom: 28px;
}
.footer-bottom {
  border-top: 1px solid var(--line);
  margin-top: 40px;
  padding-top: 24px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
  font-size: 10px;
}
.project-dialog {
  border: 0;
  background: var(--paper);
  color: var(--ink);
  max-width: 800px;
  width: calc(100% - 40px);
  padding: 0;
  max-height: 85svh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.project-dialog::backdrop {
  background: #1e1e1eb8;
  backdrop-filter: blur(5px);
}
.close-dialog {
  border: 0;
  font-size: 11px;
  padding: 10px;
}
.close-dialog span {
  margin-left: 10px;
  font-size: 23px;
}
.close-dialog:hover {
  background: var(--sand);
}
.project-dialog h2 {
  font-size: clamp(40px, 6vw, 75px);
  letter-spacing: -0.04em;
  margin-top: 40px;
}
.project-dialog .dialog-lead {
  font-size: 21px;
  line-height: 1.5;
  margin: 35px 0 20px;
}
.project-dialog p:not(.dialog-category):not(.dialog-lead) {
  font-size: 14px;
}
.project-dialog .text-link {
  margin-top: 30px;
}
@media (min-width: 1800px) {
  body {
    font-size: 18px;
  }
  .hero-copy > p:not(.small-label) {
    font-size: 18px;
  }
  .intro-bottom p,
  .studio-copy > p:not(.small-label),
  .lab-copy > p:not(.small-label) {
    font-size: 18px;
  }
  .header {
    height: 100px;
  }
  .nav {
    font-size: 15px;
  }
  .hero-top,
  .small-label {
    font-size: 14px;
  }
}
@media (max-width: 1000px) {
  .header {
    gap: 25px;
  }
  .header-note {
    display: none;
  }
  .nav {
    margin-left: auto;
  }
  .hero-editorial {
    gap: 4vw;
    grid-template-columns: 1fr 1.2fr;
  }
  .hero-copy h2 {
    font-size: 52px;
  }
  .hero-note {
    margin-top: 25px;
  }
  .section-aside {
    max-width: 230px;
  }
  .studio {
    gap: 7%;
  }
  .contact-content {
    gap: 7%;
  }
  .lab {
    min-height: auto;
    gap: 6%;
  }
  .lab h2 {
    font-size: 62px;
  }
  .lab-art {
    align-self: center;
  }
  .lab-controls {
    gap: 7px;
  }
  .lab-controls button {
    padding: 9px 12px;
  }
}
@media (max-width: 760px) {
  html {
    scroll-padding-top: 24px;
  }
  .header {
    height: 74px;
  }
  .nav-logo {
    font-size: 23px;
  }
  .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border: 0;
    padding: 10px 0;
    margin-left: auto;
    font-size: 13px;
    min-height: 44px;
  }
  .menu-toggle span {
    font-size: 24px;
  }
  .nav {
    display: none;
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    background: var(--paper);
    padding: 20px var(--gutter) 30px;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 20px 30px #1e1e1e12;
  }
  .nav.is-open {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-direction: column;
  }
  .nav a {
    font-size: 23px;
    padding: 15px 0;
  }
  .nav .nav-contact {
    margin-top: 12px;
    font-size: 18px;
    width: max-content;
  }
  .hero {
    padding-top: 19px;
  }
  .hero-top {
    font-size: 9px;
  }
  .hero-top p:last-child {
    max-width: 110px;
    text-align: right;
  }
  .wordmark {
    font-size: 16.2vw;
    margin: 28px 0 30px;
    line-height: 1.15;
    letter-spacing: -0.075em;
  }
  .hero-editorial {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 35px;
  }
  .hero-copy {
    padding: 0;
    position: relative;
  }
  .hero-copy h2 {
    font-size: clamp(42px, 10vw, 68px);
    margin: 18px 0;
  }
  .hero-copy > p:not(.small-label) {
    font-size: 13px;
  }
  .hero-copy .small-label {
    font-size: 10px;
  }
  .hero-copy .text-link {
    margin-top: 20px;
  }
  .hero-note {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 18px;
    transform: rotate(-9deg);
    max-width: 110px;
    line-height: 1.35;
  }
  .hero-image {
    height: auto;
    aspect-ratio: 1.17;
  }
  .hero-art figcaption {
    font-size: 9px;
  }
  .hero-bottom {
    font-size: 9px;
    margin-top: 28px;
  }
  .hero-bottom > a {
    gap: 16px;
  }
  .section-kicker {
    font-size: 10px;
    margin-bottom: 40px;
  }
  .section-heading {
    display: block;
    margin-bottom: 38px;
  }
  .section-heading h2 {
    font-size: clamp(42px, 10vw, 64px);
    margin-top: 18px;
  }
  .section-aside {
    margin-top: 25px;
    font-size: 12px;
    max-width: 100%;
  }
  .project {
    margin-top: 38px;
  }
  .demo-badge {
    left: 14px;
    bottom: 14px;
    font-size: 8px;
    padding: 6px 9px;
  }
  .project-open-label {
    right: 14px;
    bottom: 14px;
    font-size: 9px;
    padding: 6px 10px;
  }
  .project-meta {
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 18px 0;
  }
  .project-meta h3 {
    font-size: 25px;
  }
  .project-meta > span {
    font-size: 9px;
    grid-row: 2;
  }
  .project-meta .project-year {
    grid-row: 2;
    grid-column: 2;
  }
  .service summary {
    padding: 24px 0;
    gap: 12px;
  }
  .service summary h3 {
    font-size: 44px;
  }
  .service summary > span:not(.service-icon) {
    display: none;
  }
  .lab {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-top: 65px;
    padding-bottom: 50px;
    gap: 35px;
  }
  .lab h2 {
    font-size: clamp(50px, 12vw, 70px);
  }
  .lab-copy > p:not(.small-label) {
    font-size: 13px;
  }
  .lab-copy .lab-disclosure {
    max-width: 100%;
  }
  .lab-art {
    width: 100%;
    max-width: 500px;
  }
  .bottle-body > span {
    font-size: 22vw;
  }
  .bottle-body small {
    font-size: 7px;
    margin-top: 15px;
  }
  .lab-controls {
    gap: 10px;
  }
  .lab-controls button {
    padding: 10px 17px;
  }
  .studio {
    display: flex;
    flex-direction: column;
    gap: 45px;
  }
  .studio-copy h2 {
    font-size: clamp(50px, 11vw, 68px);
  }
  .studio-copy > p:not(.small-label) {
    max-width: 100%;
    font-size: 13px;
  }
  .process {
    padding-top: 0;
  }
  .process > h2 {
    font-size: 38px;
  }
  .process ol {
    grid-template-columns: 1fr;
    margin-top: 38px;
    gap: 26px;
  }
  .process li {
    display: grid;
    grid-template-columns: 35px 1fr;
    column-gap: 20px;
  }
  .step-number {
    padding-top: 8px;
    grid-row: 1/3;
  }
  .process h3 {
    font-size: 32px;
    margin: 0 0 12px;
  }
  .process li p {
    max-width: 100%;
    font-size: 13px;
  }
  .contact .section-kicker {
    gap: 20px;
    margin-bottom: 35px;
  }
  .contact-heading {
    padding-bottom: 35px;
    gap: 10px;
  }
  .contact h2 {
    font-size: clamp(60px, 13vw, 90px);
  }
  .contact-heading > span > .arrow {
    height: 18vw;
    width: 18vw;
  }
  .contact-content {
    display: flex;
    flex-direction: column;
    gap: 36px;
    margin-top: 35px;
  }
  .contact-intro > p {
    font-size: 17px;
    max-width: 100%;
  }
  .contact-intro .contact-preview-note {
    margin-top: 20px;
    font-size: 11px;
  }
  .field {
    margin-bottom: 22px;
  }
  .footer {
    padding-top: 40px;
  }
  .footer-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    font-size: 9px;
    margin-top: 25px;
  }
  .footer-bottom > span:nth-child(2) {
    text-align: right;
  }
  .footer-bottom > a {
    text-align: right;
  }
  .project-dialog .dialog-lead {
    font-size: 18px;
  }
  .close-dialog {
    font-size: 10px;
    padding: 5px;
  }
  .project-dialog .text-link {
    font-size: 12px;
    gap: 15px;
  }
  .project-dialog h2 {
    font-size: 42px;
  }
}
@media (max-width: 360px) {
  :root {
    --gutter: 20px;
  }
  .hero-note {
    display: none;
  }
  .hero-copy h2 {
    font-size: 43px;
  }
  .hero-bottom {
    font-size: 8px;
  }
  .contact .section-kicker {
    font-size: 9px;
  }
  .demo-badge {
    font-size: 7px;
  }
  .project-open-label {
    font-size: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
  .hero-note {
    transform: rotate(-7deg);
  }
}

.project-open {
  position: absolute;
  inset: 0;
  padding: 0;
  border: 0;
  background: transparent;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.project-open:focus-visible {
  outline: 3px solid var(--paper);
  outline-offset: -7px;
}
html {
  scroll-padding-top: 80px;
}
section[id] {
  scroll-margin-top: 0;
}
.motion-root {
  overflow-x: clip;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 82px;
  z-index: 50;
  background: transparent;
  color: var(--paper);
  border-bottom: 1px solid #f5f2ed50;
  transition:
    background-color 0.35s,
    color 0.35s,
    border-color 0.35s;
  gap: 28px;
}
.header.is-scrolled,
.header.menu-open {
  background: var(--paper);
  color: var(--ink);
  border-color: var(--line);
}
.header-note {
  font-size: 10px;
  margin-left: 0;
}
.nav {
  margin-left: auto;
  gap: 28px;
  font-size: 11px;
}
.nav .nav-contact {
  border-color: currentColor;
  white-space: nowrap;
}
.nav .nav-contact:hover {
  background: var(--paper);
  color: var(--ink);
}
.is-scrolled .nav .nav-contact:hover {
  background: var(--ink);
  color: var(--paper);
}
.nav-logo {
  font-size: 29px;
  letter-spacing: -0.04em;
}
.reading-progress {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: currentColor;
  transform-origin: left;
}
.motion-toggle {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  white-space: nowrap;
  border: 0;
  padding: 12px 0;
  min-height: 44px;
  margin-left: auto;
}
.motion-toggle > span:first-child {
  font-size: 17px;
}
.motion-toggle:disabled {
  opacity: 0.6;
  cursor: default;
}
.motion-toggle:hover {
  opacity: 0.7;
}
.hero {
  position: relative;
  min-height: 760px;
  height: 100svh;
  max-height: 1200px;
  padding: 0;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1e1e1e;
  color: var(--paper);
  overflow: hidden;
}
.hero-video-layer {
  position: absolute;
  inset: -3% 0;
  z-index: -3;
  overflow: hidden;
  will-change: transform;
}
.hero-video-layer > img {
  object-fit: cover;
  object-position: center;
}
.hero-video {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
}
.hero-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    180deg,
    rgba(30,30,30,0.42),
    rgba(30,30,30,0.43) 50%,
    rgba(30,30,30,0.7)
  );
}
.hero-content {
  position: relative;
  text-align: center;
  width: 100%;
  padding: 110px var(--gutter) 130px;
  will-change: transform;
}
.hero-eyebrow {
  font-size: 12px;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.hero-magnet {
  margin-top: 35px;
}
.hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 38px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  border-bottom: 1px solid #f5f2edb3;
  padding: 16px 0;
  color: var(--paper);
}
.hero-cta svg {
  width: 30px;
  height: 30px;
  transition: transform 0.3s;
}
.hero-cta:hover svg {
  transform: translateX(9px);
}
.hero-floating-note {
  position: absolute;
  right: 6%;
  top: 27%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: rotate(10deg);
}
.hero-floating-note > span:not(.orbit-ring) {
  font-family: var(--display);
  font-size: 45px;
  line-height: 1.1;
}
.hero-floating-note small {
  font-size: 8px;
  line-height: 1.3;
  text-align: center;
}
.hero-bottom-copy {
  position: absolute;
  left: var(--gutter);
  right: var(--gutter);
  bottom: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: end;
  gap: 30px;
  border-bottom: 1px solid #f5f2ed70;
  padding-bottom: 24px;
}
.hero-bottom-copy p {
  font-size: 12px;
  line-height: 1.7;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.hero-bottom-copy strong {
  font-weight: 400;
}
.hero-bottom-copy > a {
  justify-self: center;
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.hero-bottom-copy > a span {
  font-size: 24px;
  animation: scroll-hint 1.8s ease-in-out infinite;
}
.hero-bottom-copy > span {
  font-size: 10px;
  justify-self: end;
}
.kinetic-ticker {
  overflow: hidden;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  background: var(--paper);
  padding: 19px 0;
}
.ticker-track {
  display: flex;
  width: max-content;
  will-change: transform;
}
.ticker-set {
  display: flex;
  align-items: center;
  gap: 50px;
  padding-right: 50px;
  flex-shrink: 0;
}
.ticker-set > span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.ticker-set b {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
.intro {
  background: var(--paper);
  overflow: visible;
  margin: 0;
  padding: 0;
}
.statement-line:nth-child(2) {
  text-align: center;
}
.statement-line:nth-child(3) {
  text-align: right;
  margin-right: 10%;
}
.collage-orbit {
  position: absolute;
  left: -12%;
  bottom: 5%;
  width: 210px;
  z-index: -1;
  animation: orbit 35s linear infinite;
}
.intro-editorial-copy > p:not(.small-label) {
  font-size: 14px;
  max-width: 410px;
  margin-top: 20px;
}
.work {
  background: #1e1e1e;
  color: var(--paper);
  overflow: hidden;
  padding-top: 100px;
}
.work .section-heading {
  margin-bottom: 90px;
}
.work .section-heading h2 {
  font-size: clamp(55px, 7.2vw, 120px);
}
.work .small-label {
  color: #f1e8dd;
}
.work .project {
  margin-top: 100px;
  position: relative;
}
.project-visual {
  will-change: transform;
  background: #ccb8a5;
}
.project-meta {
  border-color: #f5f2ed50;
  padding: 25px 0;
}
.project-meta h3 {
  font-size: 34px;
}
.project-quiet {
  width: 84%;
  margin-left: auto;
}
.project-noir {
  width: 90%;
  margin-right: auto;
}
.project-noir .project-visual {
  background: #1e1e1e;
}
.project-dialog {
  color: var(--ink);
}
.project-open-label {
  border: 1px solid #f5f2ed70;
}
.expertise {
  background: var(--paper);
}
.service summary:hover h3 {
  transform: translateX(20px);
}
.service summary h3 {
  transition: transform 0.35s;
}
.service[open] summary {
  padding-bottom: 35px;
}
.lab {
  position: relative;
}
.lab-bottle {
  animation: bottle-float 5s ease-in-out infinite;
}
.lab-orbit {
  animation: orbit 28s linear infinite;
}
.lab-art-caption {
  z-index: 3;
}
.studio {
  padding-top: 160px;
  padding-bottom: 150px;
  gap: 11%;
  overflow: hidden;
}
.studio-copy > h2 {
  font-size: clamp(55px, 6.5vw, 110px);
}
.process {
  background: var(--sand);
  padding-top: 90px;
  padding-bottom: 90px;
}
.process ol {
  gap: 6%;
}
.process li {
  border-color: #1e1e1e70;
}
.contact {
  background: var(--ink);
  color: var(--paper);
  position: relative;
  overflow: hidden;
}
.contact .section-kicker {
  color: #f1e8dd;
}
.contact-heading {
  border-color: #f5f2ed50;
}
.contact h2 {
  font-size: clamp(70px, 11.5vw, 190px);
}
.contact-heading > span > .arrow {
  transition: transform 0.5s;
}
.contact-heading:hover > span > .arrow {
  transform: rotate(-45deg) translate(12px, -12px);
}
.field input,
.field select,
.field textarea {
  border-color: #f5f2ed80;
  color: var(--paper);
}
.field input::placeholder,
.field textarea::placeholder {
  color: #ccb8a5;
}
.field select {
  background: var(--ink);
}
.footer {
  background: var(--paper);
  overflow: hidden;
}
.footer-bottom {
  font-size: 10px;
}
.project-dialog h2 {
  text-wrap: balance;
}
.motion-root[data-motion="paused"] .ambient-spin,
.motion-root[data-motion="paused"] .orbit-ring,
.motion-root[data-motion="paused"] .hero-bottom-copy > a span,
.motion-root[data-motion="paused"] .lab-bottle,
.motion-root[data-motion="paused"] .lab-orbit,
.motion-root[data-motion="paused"] .collage-orbit {
  animation-play-state: paused !important;
}
@keyframes orbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes scroll-hint {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}
@keyframes bottle-float {
  0%,
  100% {
    transform: translateY(0) rotate(10deg);
  }
  50% {
    transform: translateY(-18px) rotate(14deg);
  }
}
@keyframes nav-reveal {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 1100px) {
  .header-note {
    display: none;
  }
  .nav {
    gap: 22px;
  }
  .hero-floating-note {
    right: 6%;
    top: 23%;
    width: 65px;
    height: 65px;
  }
  .hero-floating-note > span:not(.orbit-ring) {
    font-size: 32px;
  }
  .hero-floating-note small {
    font-size: 7px;
  }
  .hero {
    min-height: 700px;
  }
  .section-pad {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
}
@media (max-width: 760px) {
  .header {
    height: 74px;
    gap: 18px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .nav-logo {
    font-size: 24px;
  }
  .motion-toggle {
    margin-left: auto;
    gap: 4px;
    padding: 10px 0;
    font-size: 8px;
  }
  .motion-toggle > span:first-child {
    font-size: 16px;
  }
  .menu-toggle {
    margin-left: 0;
    gap: 12px;
    color: inherit;
    font-size: 11px;
  }
  .nav {
    background: var(--paper);
    color: var(--ink);
    top: 74px;
    z-index: 2;
    border-color: var(--line);
    padding: 20px 24px 35px;
  }
  .nav.is-open {
    display: flex;
  }
  .nav.is-open a {
    animation: nav-reveal 0.4s ease-out both;
    animation-delay: calc(var(--nav-index) * 60ms);
    padding: 14px 0;
    font-family: var(--display);
    font-size: 35px;
    letter-spacing: -0.03em;
  }
  .nav .nav-contact {
    border: 0;
    border-radius: 0;
    padding: 14px 0;
    font-size: 35px;
    margin: 0;
  }
  .hero {
    height: 100svh;
    min-height: 650px;
    max-height: 1100px;
  }
  .hero-video-layer {
    inset: 0 -40%;
  }
  .hero-video-layer > img,
  .hero-video {
    object-position: 52% center;
  }
  .hero-shade {
    background: linear-gradient(180deg, #1e1e1e65, #1e1e1e70 45%, #1e1e1ebd);
  }
  .hero-content {
    padding: 130px 16px 140px;
  }
  .hero-eyebrow {
    font-size: 9px;
    letter-spacing: 0.14em;
    margin-bottom: 26px;
  }
  .hero-magnet {
    margin-top: 25px;
  }
  .hero-cta {
    font-size: 10px;
    gap: 28px;
    padding: 12px 0;
  }
  .hero-floating-note {
    top: 18%;
    right: 10%;
    height: 55px;
    width: 55px;
  }
  .hero-floating-note > span:not(.orbit-ring) {
    font-size: 28px;
  }
  .hero-floating-note small {
    font-size: 6px;
  }
  .hero-bottom-copy {
    bottom: 24px;
    left: 24px;
    right: 24px;
    grid-template-columns: 1fr auto;
    gap: 25px;
    padding-bottom: 18px;
  }
  .hero-bottom-copy p {
    font-size: 9px;
  }
  .hero-bottom-copy > a {
    font-size: 8px;
    justify-self: end;
    gap: 10px;
  }
  .hero-bottom-copy > span {
    grid-column: 1/-1;
    justify-self: start;
    font-size: 8px;
  }
  .kinetic-ticker {
    padding: 15px 0;
  }
  .ticker-set {
    gap: 26px;
    padding-right: 26px;
  }
  .ticker-set > span {
    font-size: 9px;
  }
  .ticker-set > b {
    font-size: 18px;
  }
  .statement-line:nth-child(2) {
    text-align: left;
    margin-left: 4%;
  }
  .statement-line:nth-child(3) {
    margin-right: 5%;
  }
  .collage-orbit {
    width: 160px;
    left: -5%;
    bottom: 5%;
    z-index: 0;
  }
  .intro-editorial-copy > p:not(.small-label) {
    font-size: 13px;
    max-width: 100%;
  }
  .work {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .work .section-heading {
    margin-bottom: 40px;
  }
  .work .section-heading h2 {
    font-size: 43px;
  }
  .work .project {
    margin-top: 55px;
    width: 100%;
  }
  .project-meta h3 {
    font-size: 27px;
  }
  .service summary:hover h3 {
    transform: translateX(8px);
  }
  .lab {
    padding-top: 65px;
    padding-bottom: 55px;
  }
  .studio {
    padding: 80px 24px 100px;
    gap: 50px;
    display: flex;
    flex-direction: column;
  }
  .studio-copy h2 {
    font-size: 58px;
  }
  .studio-copy > p:not(.small-label) {
    font-size: 13px;
  }
  .process {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .contact {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .contact h2 {
    font-size: clamp(54px, 12vw, 88px);
  }
  .contact .section-kicker {
    font-size: 9px;
  }
  .contact-heading {
    padding-bottom: 30px;
  }
  .contact-heading > span > .arrow {
    width: 16vw;
    height: 16vw;
  }
  .footer-bottom {
    font-size: 9px;
  }
  .footer {
    padding-top: 40px;
  }
  .hero-cta:focus-visible,
  .header:not(.is-scrolled):not(.menu-open) a:focus-visible,
  .header:not(.is-scrolled):not(.menu-open) button:focus-visible {
    outline-color: var(--paper);
  }
}
@media (max-width: 360px) {
  .header {
    gap: 12px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .nav-logo {
    font-size: 22px;
  }
  .motion-toggle {
    font-size: 7px;
    gap: 3px;
  }
  .motion-toggle > span:first-child {
    font-size: 14px;
  }
  .menu-toggle {
    font-size: 10px;
    gap: 8px;
  }
  .hero-floating-note {
    top: 19%;
    width: 44px;
    height: 44px;
  }
  .contact h2 {
    font-size: 12vw;
  }
  .section-aside {
    font-size: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ambient-spin,
  .orbit-ring,
  .hero-bottom-copy > a span,
  .lab-bottle,
  .lab-orbit,
  .collage-orbit {
    animation: none !important;
  }
  .hero-video {
    display: none;
  }
  .hero-video-layer,
  .hero-content,
  .statement-line,
  .project-visual,
  .studio-portrait,
  .studio-detail,
  .collage-main,
  .collage-small {
    will-change: auto;
  }
}
:root {
  --paper: #f5f2ed;
  --sand: #f1e8dd;
  --warm-beige: #ccb8a5;
  --taupe: #ccb8a5;
  --ink: #1e1e1e;
  --espresso: #1e1e1e;
  --line: rgba(30,30,30,0.22);
  --body: var(--font-matahari), Arial, sans-serif;
  --label: var(--font-montserrat), Arial, sans-serif;
  --silk: var(--font-regatto), Georgia, serif;
  --script: var(--font-regatto), cursive;
}
body,
button,
input,
textarea,
select {
  font-family: var(--body);
}
.small-label,
.hero-eyebrow,
.hero-cta,
.hero-bottom-copy p,
.hero-bottom-copy > span,
.nav,
.header-note,
.section-kicker,
.ticker-set > span {
  font-family: var(--label);
}
.work {
  background: #1e1e1e;
}
.contact {
  background: #1e1e1e;
}
.lab {
  background: #1e1e1e;
}
.expertise .section-heading h2 {
  font-family: var(--silk);
  font-weight: 200;
  font-size: clamp(56px, 7.6vw, 120px);
}
@media (max-width: 760px) {
  .expertise .section-heading h2 {
    font-size: 53px;
  }
  .field input,
  .field textarea,
  .field select {
    font-size: 16px;
  }
  .hero-cta {
    font-size: 9px;
  }
  .nav.is-open a {
    font-family: var(--display);
  }
}
.hero-shade {
  background: linear-gradient(
    180deg,
    rgba(30,30,30,0.59),
    rgba(30,30,30,0.57) 48%,
    rgba(30,30,30,0.73)
  );
}
.changing-phrase {
  display: inline-block;
  transform-origin: center;
}
.motion-toggle {
  font-size: 10px;
}
.hero-content {
  padding-top: 125px;
}
.hero-eyebrow {
  font-size: 12px;
}
.hero-bottom-copy > a,
.hero-bottom-copy > span {
  font-size: 11px;
}
@media (max-width: 760px) {
  .hero-shade {
    background: linear-gradient(
      180deg,
      rgba(30,30,30,0.61),
      rgba(30,30,30,0.57) 48%,
      rgba(30,30,30,0.77)
    );
  }
  .motion-toggle {
    font-size: 9px;
  }
  .menu-toggle {
    font-size: 12px;
  }
  .hero-eyebrow {
    font-size: 10px;
  }
  .hero-bottom-copy > a,
  .hero-bottom-copy > span {
    font-size: 9px;
  }
  .hero-content {
    padding-top: 130px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.header--paper {
  background: rgba(245,242,237,0.92);
  color: var(--ink);
  border-bottom-color: var(--line);
}
.header--paper .nav-contact:hover {
  background: var(--ink);
  color: var(--paper);
}
.hero--experimental {
  background: var(--paper);
  color: var(--ink);
  height: 104svh;
  min-height: 900px;
  max-height: 1200px;
  display: block;
  isolation: isolate;
}
.hero-grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    to right,
    rgba(204,184,165,0.12) 1px,
    transparent 1px
  );
  background-size: 25% 100%;
  z-index: -2;
}
.hero-topline {
  position: absolute;
  left: var(--gutter);
  right: var(--gutter);
  top: 120px;
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  font-family: var(--label);
}
.hero-type-plane {
  position: absolute;
  top: 150px;
  left: var(--gutter);
  right: var(--gutter);
  will-change: transform;
}
.kinetic-wordmark {
  font-size: 16vw;
  line-height: 1.05;
  letter-spacing: -0.065em;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  white-space: nowrap;
  text-wrap: initial;
}
.hero-word {
  display: flex;
}
.kinetic-letter {
  display: inline-block;
  transform-origin: bottom left;
}
.hero-amp {
  font-size: 0.63em;
  -webkit-text-stroke: 1px var(--ink);
  color: transparent;
  transform-origin: center;
}
.hero-design-board {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 30%;
  height: 48%;
  z-index: 3;
  isolation: isolate;
  will-change: transform;
}
.hero-board-orbit {
  position: absolute;
  left: 12%;
  right: 12%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
}
.hero-board-orbit svg {
  width: 100%;
  height: 100%;
}
.design-card {
  position: absolute;
  cursor: grab;
  outline-offset: 10px;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
.design-card:focus-visible {
  outline: 2px solid var(--ink);
}
.design-card-surface {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 10px 30px 55px rgba(30,30,30,0.17);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.design-card-campaign {
  left: 36%;
  top: 0;
  width: 29%;
  height: 100%;
  z-index: 5;
}
.design-card-campaign img {
  object-fit: cover;
  object-position: 58% center;
  pointer-events: none;
}
.design-card-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  background: linear-gradient(transparent, #1e1e1eb0);
  color: #f5f2ed;
  font-size: 11px;
  display: flex;
  justify-content: space-between;
}
.design-card-note {
  left: 12%;
  top: 20%;
  width: 25%;
  height: 70%;
  z-index: 4;
}
.design-card-note > .design-card-surface {
  background: var(--warm-beige);
  padding: 25px 22px;
}
.card-corner {
  font-size: 8px;
  font-family: var(--label);
  letter-spacing: 0.08em;
}
.card-note-type {
  font-family: var(--script);
  font-size: clamp(40px, 4.8vw, 74px);
  line-height: 0.8;
  transform: rotate(-7deg);
  display: block;
  margin: 8px 0;
}
.card-symbol {
  width: 70px;
  height: 70px;
  align-self: center;
  animation: orbit 20s linear infinite;
}
.card-caption {
  font-size: 8px;
}
.design-card-type {
  right: 9%;
  top: 18%;
  width: 23%;
  height: 76%;
  z-index: 2;
}
.design-card-type > .design-card-surface {
  background: var(--espresso);
  color: var(--paper);
  padding: 25px 22px;
}
.card-display-word {
  font-family: var(--silk);
  font-weight: 200;
  letter-spacing: -0.03em;
  font-size: clamp(40px, 4.3vw, 70px);
  line-height: 1.05;
  margin: 30px 0;
}
.card-mini-line {
  height: 1px;
  background: currentColor;
  margin: 10px 0;
  opacity: 0.5;
}
.board-drag-symbol {
  position: absolute;
  right: 3%;
  top: 6%;
  height: 55px;
  width: 55px;
  border: 1px solid var(--line);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  background: var(--paper);
  transform: rotate(-18deg);
}
.hero-board-tools {
  position: absolute;
  right: 10%;
  bottom: 18%;
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 20;
}
.hero-board-tools > p {
  font-size: 10px;
  font-family: var(--label);
}
.remix-button {
  border: 1px solid var(--ink);
  border-radius: 40px;
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 9px 15px;
  font-size: 10px;
  background: var(--paper);
  transition: background-color 0.2s;
}
.remix-button:hover {
  background: var(--sand);
}
.remix-button > span {
  font-size: 20px;
  line-height: 1.3;
}
.hero-new-bottom {
  position: absolute;
  left: var(--gutter);
  right: var(--gutter);
  bottom: 28px;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
  padding-top: 23px;
  border-top: 1px solid var(--line);
  z-index: 5;
}
.hero-message > .small-label {
  font-size: 10px;
}
.hero-changing-copy {
  font-family: var(--silk);
  font-size: 48px;
  line-height: 1.1;
  height: 1.3em;
  margin-top: 5px;
  overflow: hidden;
}
.hero--experimental .hero-cta {
  color: var(--ink);
  border-color: var(--ink);
  font-size: 9px;
  letter-spacing: 0.05em;
  gap: 30px;
}
.hero-scroll-link {
  font-size: 10px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.hero-scroll-link > span {
  font-size: 20px;
}
.motion-root[data-motion="paused"] .card-symbol {
  animation-play-state: paused !important;
}
.portfolio-playground {
  margin: 0 calc(var(--gutter) * -1);
}
.rail-controls {
  padding: 0 var(--gutter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.rail-controls > p {
  font-family: var(--label);
  font-size: 11px;
}
.rail-controls > div {
  display: flex;
  gap: 12px;
}
.rail-controls button {
  height: 48px;
  width: 48px;
  border: 1px solid #f5f2ed80;
  color: var(--paper);
  border-radius: 50%;
  font-size: 23px;
}
.rail-controls button:hover {
  background: var(--paper);
  color: var(--ink);
}
.project-rail {
  display: flex;
  gap: 4vw;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding: 35px var(--gutter) 30px;
  scrollbar-width: thin;
  scrollbar-color: var(--taupe) transparent;
  cursor: grab;
  scroll-padding-left: var(--gutter);
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
}
.project-rail.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.work .project-rail > .project {
  flex: 0 0 78vw;
  width: 78vw;
  margin: 0;
  scroll-snap-align: start;
  min-width: 0;
}
.project-rail .project-visual {
  transform-origin: center;
}
.project-rail .project-visual img {
  pointer-events: none;
}
.project-rail:focus-visible {
  outline: 2px solid var(--paper);
  outline-offset: -5px;
}
.project-rail .project-open {
  cursor: grab;
}
.project-rail.is-dragging .project-open {
  cursor: grabbing;
}
@media (min-width: 1800px) {
  .hero-type-plane {
    top: 155px;
  }
  .hero-design-board {
    top: 32%;
  }
}
@media (max-width: 1100px) {
  .hero--experimental {
    min-height: 820px;
  }
  .hero-topline {
    top: 110px;
  }
  .hero-type-plane {
    top: 150px;
  }
  .hero-design-board {
    left: 3%;
    right: 3%;
    top: 31%;
    height: 43%;
  }
  .hero-board-tools {
    right: 7%;
    bottom: 21%;
  }
  .hero-new-bottom {
    gap: 20px;
  }
  .hero-changing-copy {
    font-size: 40px;
  }
  .hero-scroll-link {
    display: none;
  }
  .card-note-type {
    font-size: 52px;
  }
  .card-symbol {
    width: 55px;
    height: 55px;
  }
  .card-display-word {
    font-size: 45px;
  }
}
@media (max-width: 760px) {
  .header--paper {
    color: var(--ink);
    background: rgba(245,242,237,0.95);
  }
  .header--paper:not(.is-scrolled):not(.menu-open) a:focus-visible,
  .header--paper:not(.is-scrolled):not(.menu-open) button:focus-visible {
    outline-color: var(--ink);
  }
  .hero--experimental {
    height: 100svh;
    min-height: 790px;
    max-height: 1050px;
  }
  .hero-topline {
    left: 24px;
    right: 24px;
    top: 103px;
    font-size: 8px;
    gap: 20px;
  }
  .hero-topline > span:last-child {
    max-width: 130px;
    text-align: right;
  }
  .hero-type-plane {
    left: 20px;
    right: 24px;
    top: 155px;
  }
  .kinetic-wordmark {
    font-size: 16vw;
  }
  .hero-design-board {
    left: 3%;
    right: 3%;
    top: 33%;
    height: 39%;
  }
  .design-card-campaign {
    left: 29%;
    width: 43%;
    height: 95%;
    top: 0;
  }
  .design-card-note {
    left: 2%;
    top: 22%;
    width: 31%;
    height: 67%;
  }
  .design-card-type {
    right: 0;
    top: 17%;
    width: 31%;
    height: 72%;
  }
  .design-card-type > .design-card-surface,
  .design-card-note > .design-card-surface {
    padding: 16px 12px;
  }
  .card-corner,
  .card-caption {
    font-size: 6px;
  }
  .card-note-type {
    font-size: 8.5vw;
    line-height: 0.9;
  }
  .card-symbol {
    width: 40px;
    height: 40px;
  }
  .card-display-word {
    font-size: 7.7vw;
    margin: 18px 0;
  }
  .design-card-label {
    padding: 13px 12px;
    font-size: 9px;
  }
  .board-drag-symbol {
    width: 40px;
    height: 40px;
    font-size: 20px;
    top: -15%;
    right: 7%;
  }
  .hero-board-orbit {
    left: 0;
    right: 0;
  }
  .hero-board-tools {
    left: 24px;
    right: 24px;
    bottom: 19%;
    justify-content: space-between;
    gap: 15px;
  }
  .hero-board-tools > p {
    font-size: 8px;
    max-width: 150px;
  }
  .remix-button {
    font-size: 9px;
    gap: 15px;
    padding: 7px 12px;
  }
  .remix-button > span {
    font-size: 18px;
  }
  .hero-new-bottom {
    left: 24px;
    right: 24px;
    bottom: 20px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    padding-top: 20px;
  }
  .hero-message > .small-label {
    font-size: 8px;
    max-width: 160px;
    line-height: 1.7;
  }
  .hero-changing-copy {
    font-size: 36px;
  }
  .hero--experimental .hero-cta {
    font-size: 8px;
    max-width: 145px;
    gap: 18px;
    text-transform: none;
    padding: 10px 0;
    letter-spacing: 0;
  }
  .hero--experimental .hero-cta > svg {
    width: 23px;
    height: 23px;
  }
  .work .project-rail > .project {
    flex-basis: 84vw;
    width: 84vw;
  }
  .project-rail {
    gap: 6vw;
    padding-top: 25px;
  }
  .rail-controls > p {
    font-size: 9px;
  }
  .rail-controls button {
    width: 42px;
    height: 42px;
    font-size: 21px;
  }
  .rail-controls > div {
    gap: 8px;
  }
  .project-rail .project-meta {
    padding: 17px 0;
  }
  .hero-topline + .hero-type-plane {
    will-change: transform;
  }
}
@media (max-width: 360px) {
  .hero--experimental {
    min-height: 720px;
  }
  .hero-type-plane {
    top: 148px;
  }
  .hero-design-board {
    top: 33%;
    height: 36%;
  }
  .hero-new-bottom {
    gap: 8px;
  }
  .hero-changing-copy {
    font-size: 32px;
  }
  .hero--experimental .hero-cta {
    font-size: 7px;
    max-width: 110px;
    gap: 8px;
  }
  .card-symbol {
    width: 30px;
    height: 30px;
  }
  .card-caption,
  .card-corner {
    font-size: 5px;
  }
  .design-card-note > .design-card-surface,
  .design-card-type > .design-card-surface {
    padding: 14px 10px;
  }
  .hero-board-tools {
    bottom: 20%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .card-symbol {
    animation: none !important;
  }
  .hero-design-board,
  .hero-type-plane {
    will-change: auto;
  }
}
.studio-film {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.studio-film > img,
.studio-film > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.studio-film > span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--paper);
  background: #1e1e1eb0;
  padding: 12px;
  font-size: 9px;
}
.design-card {
  touch-action: pan-y pinch-zoom;
}
.project-rail {
  touch-action: pan-x pan-y pinch-zoom;
}
@media (prefers-reduced-motion: reduce) {
  .studio-film > video {
    display: none;
  }
}
.hero-type-plane {
  overflow: hidden;
  padding-bottom: 0.08em;
}
:root {
  --california: var(--font-regatto), cursive;
  --slanted: var(--font-regatto), cursive;
}
.brand-symbol {
  width: 100%;
  height: 100%;
  display: block;
}
.handwritten {
  font-family: var(--script);
  font-weight: 400;
  font-size: clamp(38px, 4.5vw, 68px);
  line-height: 1;
}
.hero-snippet {
  position: absolute;
  width: 20%;
  height: 64%;
  top: 16%;
  margin: 0;
  z-index: -1;
  background: #f1e8dd;
  box-shadow: 8px 15px 35px #1e1e1e20;
  overflow: hidden;
  pointer-events: none;
}
.hero-snippet img {
  object-fit: cover;
  padding: 8px 8px 32px;
}
.hero-snippet figcaption {
  position: absolute;
  bottom: 10px;
  left: 12px;
  font: 8px var(--label);
}
.snippet-one {
  left: -6%;
}
.snippet-two {
  right: -5%;
  top: 31%;
}
.hero-bold-symbol {
  position: absolute;
  width: 130px;
  height: 130px;
  left: 9%;
  top: -20%;
  color: var(--taupe);
  z-index: -2;
}
.hero-flower-symbol {
  position: absolute;
  width: 95px;
  height: 95px;
  right: -4%;
  top: -10%;
  color: var(--taupe);
  animation: bold-turn 28s linear infinite;
}
.ticker-set b {
  display: inline-block;
  width: 44px;
  height: 44px;
}
.bold-chapters {
  background: var(--paper);
  overflow: hidden;
}
.chapter-card:nth-child(2) {
  border-radius: 48% 48% 0 0;
}
.chapter-card:nth-child(2) .chapter-copy {
  padding-top: 105px;
  text-align: center;
}
.chapter-card:nth-child(2) .chapter-copy p {
  margin: auto;
}
.chapter-card:nth-child(3) .chapter-copy {
  padding-top: 65px;
}
.expertise .section-heading h2 {
  font-family: var(--display);
  font-size: clamp(52px, 6vw, 100px);
  line-height: 1.1;
}
.lab {
  position: relative;
}
.lab-copy h2 {
  font-family: var(--display);
}
.lab-identity {
  margin-top: 30px;
  min-height: 140px;
}
.lab-identity-name {
  font: 200 45px var(--silk);
}
.lab-note {
  margin: 5px 0 15px;
}
.lab-palette {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.lab-palette > span:not(:last-child) {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid #f5f2ed66;
}
.lab-palette > span:last-child {
  margin-left: 7px;
  font-size: 10px;
}
.bottle-tilt {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transform-origin: center;
}
.lab-art {
  perspective: 1000px;
}
.lab-bottle {
  animation: none;
  width: 30%;
  left: 38%;
  top: 20%;
  height: 62%;
}
.bottle-body {
  overflow: hidden;
}
.bottle-body::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15%;
  width: 7%;
  background: linear-gradient(90deg, transparent, #f5f2ed88, transparent);
  opacity: 0.4;
  pointer-events: none;
}
.bottle-logo {
  font: 700 clamp(32px, 3.9vw, 60px)/1 var(--display);
  letter-spacing: -0.05em;
}
.bottle-descriptor {
  margin-top: 10px;
  font-size: 8px;
  letter-spacing: 0.04em;
}
.bottle-rule {
  height: 1px;
  width: 55%;
  background: currentColor;
  opacity: 0.4;
  margin-top: 15px;
}
.world-1 .bottle-cap {
  background: linear-gradient(
    90deg,
    #1e1e1e,
    #f1e8dd 42%,
    #ccb8a5 58%,
    #1e1e1e
  );
  border-radius: 30% 30% 0 0;
  height: 15%;
  top: -3%;
}
.world-2 .bottle-cap {
  background: linear-gradient(90deg, #ccb8a5, #f1e8dd, #ccb8a5);
  border-radius: 45% 45% 0 0;
  height: 16%;
  top: -4%;
}
.world-2 .bottle-body {
  border-radius: 22% 22% 12% 12%;
}
.lab-world-number {
  position: absolute;
  right: 20px;
  bottom: 10px;
  color: var(--paper);
  font: 200 90px/1 var(--silk);
  opacity: 0.8;
}
.world-2 .lab-world-number {
  color: #1e1e1e;
}
.studio-copy h2 {
  font-family: var(--display);
}
.process {
  position: relative;
  overflow: hidden;
}
.process li {
  position: relative;
}
.process li > .brand-symbol {
  width: 70px;
  height: 70px;
  position: absolute;
  right: 5%;
  top: 20px;
}
.process > h2 {
  font-family: var(--silk);
  font-weight: 200;
  font-size: clamp(45px, 5.5vw, 85px);
}
.newsletter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 10%;
  position: relative;
  background: #f1e8dd;
  overflow: hidden;
}
.newsletter-film {
  height: 560px;
  width: 88%;
  position: relative;
  margin-left: 5%;
}
.newsletter-film > .brand-symbol {
  position: absolute;
  width: 65%;
  height: 65%;
  bottom: -10%;
  left: -15%;
  color: #1e1e1e;
  pointer-events: none;
}
.newsletter-copy {
  position: relative;
  z-index: 1;
}
.newsletter-copy > .handwritten {
  font-family: var(--slanted);
  color: #1e1e1e;
  font-size: clamp(38px, 4vw, 60px);
}
.newsletter-copy h2 {
  font: 700 clamp(75px, 9vw, 140px)/0.95 var(--display);
  letter-spacing: -0.055em;
  margin: 25px 0 35px;
}
.newsletter-copy h2 > span {
  font: 400 1.35em/0.7 var(--california);
  display: inline-block;
  margin: 15px 0 25px;
  letter-spacing: 0;
}
.newsletter-copy > p {
  max-width: 350px;
  font-size: 15px;
  line-height: 1.7;
}
.newsletter-open {
  width: min(100%, 350px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #1e1e1e;
  padding: 17px 22px;
  margin: 30px 0 12px;
  border-radius: 40px;
  font-size: 12px;
  transition:
    background 0.3s,
    color 0.3s;
}
.newsletter-open:hover {
  background: #1e1e1e;
  color: var(--paper);
}
.newsletter-coming {
  display: block;
  font-size: 10px;
}
.newsletter-spark {
  position: absolute;
  width: 170px;
  height: 170px;
  right: -50px;
  top: 30px;
  opacity: 0.4;
}
.newsletter-dialog {
  color: #f5f2ed;
  background: #1e1e1e;
  border: 1px solid #f5f2ed55;
  padding: 0;
  width: min(540px, calc(100% - 34px));
  max-height: calc(100svh - 65px);
  overflow: visible;
  border-radius: 8px;
}
.newsletter-dialog::backdrop {
  background: #1e1e1e88;
  backdrop-filter: blur(7px);
}
.newsletter-dialog[open] {
  animation: popup-arrive 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.newsletter-avatar {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid var(--paper);
  position: absolute;
  left: calc(50% - 57.5px);
  top: -57px;
}
.newsletter-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 44px;
  height: 44px;
  font-size: 27px;
  z-index: 1;
}
.newsletter-popup-copy {
  padding: 90px 35px 30px;
  text-align: center;
  max-height: 65svh;
  overflow: auto;
}
.newsletter-popup-copy h2 {
  font: 400 clamp(25px, 3vw, 37px)/1.25 var(--label);
  margin: 20px 0;
  text-wrap: balance;
}
.newsletter-popup-copy > p {
  font-size: 13px;
  max-width: 350px;
  margin: 0 auto 20px;
}
.newsletter-popup-copy .newsletter-preview-note {
  font-size: 10px;
  color: #ccb8a5;
  line-height: 1.6;
}
.newsletter-popup-actions {
  border-top: 1px solid #f1e8dd66;
  display: flex;
}
.newsletter-popup-actions > button {
  flex: 1;
  padding: 20px 12px;
  font: 12px var(--label);
  min-height: 60px;
}
.newsletter-popup-actions > button + button {
  border-left: 1px solid #f1e8dd66;
}
.newsletter-popup-actions > button:hover {
  background: #f1e8dd;
  color: #1e1e1e;
}
.bold-footer {
  color: #f1e8dd;
  background: #1e1e1e;
  padding-top: 90px;
  padding-bottom: 30px;
  overflow: hidden;
}
.footer-wordmark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 90px;
  padding-bottom: 35px;
  border-bottom: 1px solid #f1e8dd40;
}
.footer-wordmark > a {
  font: 700 clamp(65px, 13.8vw, 220px)/1.2 var(--display);
  letter-spacing: -0.06em;
}
.footer-wordmark > .brand-symbol {
  width: 12%;
  height: auto;
}
.bold-footer .footer-bottom {
  border: 0;
  padding-top: 30px;
  align-items: center;
}
.case-experience.project-dialog {
  position: fixed;
  inset: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #1e1e1e;
  background: #f5f2ed;
  overflow: auto;
  overscroll-behavior: contain;
}
.case-experience::backdrop {
  background: #1e1e1e;
}
.case-experience[open] {
  animation: case-unfold 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.case-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 4%;
  position: sticky;
  top: 0;
  z-index: 20;
  background: #f5f2edf5;
  border-bottom: 1px solid #1e1e1e33;
  font: 10px var(--label);
}
.case-navigation .close-dialog {
  position: static;
  color: #1e1e1e;
  padding: 8px 15px;
  font: 12px var(--label);
  border: 1px solid #1e1e1e66;
  border-radius: 40px;
}
.case-navigation .close-dialog span {
  margin-left: 20px;
  font-size: 22px;
}
.case-title {
  padding: 65px 7% 40px;
  position: relative;
}
.case-title h2 {
  font: 700 clamp(62px, 10.5vw, 180px)/1.08 var(--display);
  letter-spacing: -0.05em;
  margin: 20px 0;
}
.case-handnote {
  font: 400 50px var(--slanted);
  display: block;
  text-align: right;
  padding-right: 5%;
  color: #1e1e1e;
}
.case-cinematic {
  height: 75svh;
  min-height: 420px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.case-cinematic img {
  object-fit: cover;
  object-position: center;
}
.case-cinematic-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent, #1e1e1e33);
}
.case-display-word {
  position: absolute;
  left: 6%;
  bottom: 12%;
  color: #f5f2ed;
  font: 200 clamp(80px, 16vw, 270px)/1 var(--silk);
  letter-spacing: -0.06em;
}
.case-terra .case-display-word {
  font-family: var(--display);
}
.case-cinematic > .brand-symbol {
  position: absolute;
  top: 8%;
  right: 6%;
  width: 17%;
  height: 30%;
  color: #f5f2ed;
}
.case-image-caption {
  position: absolute;
  bottom: 7%;
  right: 6%;
  color: #f5f2ed;
  font: 12px var(--label);
}
.case-story {
  padding: 90px 8%;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 8%;
}
.case-story .dialog-lead {
  font: 200 clamp(30px, 3.3vw, 54px)/1.25 var(--silk);
  margin-bottom: 30px;
}
.case-story p:not(.dialog-lead) {
  max-width: 600px;
  font-size: 14px;
  line-height: 1.8;
}
.case-art-direction {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 70px 8%;
  background: #f1e8dd;
  gap: 15%;
  perspective: 1000px;
  align-items: center;
}
.case-palette > div {
  display: flex;
  margin: 25px 0 20px;
}
.case-palette > div > span {
  display: block;
  width: 33%;
  height: 160px;
  position: relative;
  border: 1px solid #1e1e1e22;
}
.case-palette small {
  font: 9px var(--label);
  position: absolute;
  bottom: -25px;
  left: 0;
  color: #1e1e1e;
}
.case-palette > p {
  margin-top: 50px;
  font-size: 11px;
}
.case-brand-card {
  background: #f5f2ed;
  padding: 40px 30px;
  box-shadow: 15px 20px 35px #1e1e1e19;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
  transform-style: preserve-3d;
}
.case-brand-card .brand-symbol {
  width: 65px;
  height: 65px;
}
.case-brand-card strong {
  font: 200 clamp(32px, 4vw, 65px)/1 var(--silk);
  text-align: center;
}
.case-brand-card > span {
  font-size: 10px;
}
.case-noir .case-brand-card {
  background: #1e1e1e;
  color: #f5f2ed;
}
.case-secondary {
  position: relative;
  min-height: 550px;
  height: 70svh;
  overflow: hidden;
}
.case-secondary img {
  object-fit: cover;
}
.case-secondary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #1e1e1e55;
}
.case-secondary-line {
  position: absolute;
  left: 8%;
  top: 25%;
  color: #f5f2ed;
  z-index: 1;
  font: 200 clamp(55px, 8vw, 135px)/1.1 var(--silk);
}
.case-end {
  padding: 90px 8%;
  text-align: center;
  background: #1e1e1e;
  color: #f5f2ed;
}
.case-end p {
  font: 10px var(--label);
}
.case-end h3 {
  font: 700 clamp(50px, 6vw, 95px)/1.1 var(--display);
  margin: 30px 0;
}
.case-end > button {
  display: block;
  margin: 40px auto 0;
  border-bottom: 1px solid currentColor;
  padding: 12px 0;
  font-size: 12px;
}
@keyframes bold-turn {
  to {
    transform: rotate(360deg);
  }
}
@keyframes popup-arrive {
  from {
    opacity: 0;
    transform: translateY(40px) rotate(-3deg) scale(0.94);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes case-unfold {
  from {
    clip-path: inset(18% 8% round 30px);
    opacity: 0.3;
  }
  to {
    clip-path: inset(0 0 round 0);
    opacity: 1;
  }
}
.motion-root[data-motion="paused"] .hero-flower-symbol,
.motion-root[data-motion="paused"] .film-note-panel > .brand-symbol {
  animation-play-state: paused;
}
@media (min-width: 1000px) {
  .motion-root[data-motion="running"] .process li:hover .brand-symbol {
    transform: rotate(100deg);
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media (max-width: 1000px) {
  .newsletter-film {
    height: 460px;
  }
}
@media (max-width: 760px) {
  .hero-snippet {
    width: 27%;
    height: 48%;
    opacity: 0.95;
    top: 11%;
  }
  .snippet-one {
    left: -5%;
    top: -5%;
  }
  .snippet-two {
    right: -6%;
    top: 40%;
  }
  .hero-snippet figcaption {
    font-size: 6px;
    bottom: 9px;
    left: 8px;
  }
  .hero-snippet img {
    padding: 5px 5px 28px;
  }
  .hero-bold-symbol {
    width: 70px;
    height: 70px;
    left: -3%;
    top: -20%;
  }
  .hero-flower-symbol {
    width: 60px;
    height: 60px;
    top: -6%;
    right: 1%;
  }
  .chapter-card:nth-child(1) {
    margin-right: 12%;
  }
  .chapter-card:nth-child(2) {
    margin-left: 12%;
  }
  .chapter-card:nth-child(3) {
    margin-right: 12%;
  }
  .chapter-card:nth-child(2) .chapter-copy {
    padding-top: 70px;
  }
  .chapter-card:nth-child(3) .chapter-copy {
    padding-top: 35px;
  }
  .ticker-set b {
    width: 32px;
    height: 32px;
  }
  .expertise .section-heading h2 {
    font-size: 51px;
  }
  .lab-bottle {
    width: 31%;
    left: 38%;
    top: 20%;
    height: 62%;
  }
  .bottle-logo {
    font-size: 10vw;
  }
  .bottle-descriptor {
    font-size: 6px;
    margin-top: 7px;
  }
  .bottle-rule {
    margin-top: 8px;
  }
  .lab-world-number {
    font-size: 65px;
  }
  .lab-identity-name {
    font-size: 38px;
  }
  .lab-copy .lab-disclosure {
    margin-top: 12px;
  }
  .lab-identity {
    min-height: 120px;
  }
  .process li > .brand-symbol {
    width: 60px;
    height: 60px;
  }
  .process > h2 {
    font-size: 46px;
  }
  .newsletter {
    grid-template-columns: 1fr;
    gap: 50px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .newsletter-film {
    width: 75%;
    height: 115vw;
    max-height: 530px;
    margin-left: 10%;
  }
  .newsletter-copy {
    padding: 0 6%;
  }
  .newsletter-copy h2 {
    font-size: 90px;
  }
  .newsletter-copy > .handwritten {
    font-size: 45px;
  }
  .newsletter-spark {
    width: 100px;
    height: 100px;
    top: 51%;
    right: -20px;
  }
  .newsletter-popup-copy {
    padding: 80px 23px 25px;
  }
  .newsletter-popup-copy h2 {
    font-size: 27px;
  }
  .newsletter-popup-actions > button {
    font-size: 11px;
  }
  .newsletter-dialog {
    max-height: 85svh;
  }
  .newsletter-avatar {
    width: 95px;
    height: 95px;
    left: calc(50% - 47.5px);
    top: -47px;
  }
  .bold-footer {
    padding-top: 65px;
  }
  .footer-wordmark {
    margin-top: 40px;
    padding-bottom: 25px;
  }
  .footer-wordmark > a {
    font-size: 14vw;
  }
  .footer-wordmark > .brand-symbol {
    width: 13%;
  }
  .bold-footer .footer-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px 12px;
    font-size: 9px;
  }
  .case-navigation {
    padding: 10px 16px;
    font-size: 8px;
  }
  .case-navigation .close-dialog {
    padding: 6px 12px;
    font-size: 10px;
  }
  .case-navigation .close-dialog span {
    margin-left: 12px;
  }
  .case-title {
    padding: 45px 23px 25px;
  }
  .case-title h2 {
    font-size: 17vw;
  }
  .case-handnote {
    font-size: 35px;
  }
  .case-cinematic {
    height: 65svh;
    min-height: 390px;
  }
  .case-display-word {
    font-size: 23vw;
  }
  .case-quiet .case-display-word {
    font-size: 18vw;
  }
  .case-cinematic > .brand-symbol {
    width: 26%;
    height: 23%;
  }
  .case-image-caption {
    font-size: 10px;
    left: 6%;
    right: auto;
    bottom: 7%;
  }
  .case-story {
    display: block;
    padding: 55px 25px;
  }
  .case-story .dialog-lead {
    font-size: 35px;
    margin-top: 25px;
  }
  .case-art-direction {
    grid-template-columns: 1fr;
    padding: 50px 25px;
    gap: 60px;
  }
  .case-palette > div > span {
    height: 120px;
  }
  .case-brand-card {
    min-height: 300px;
    width: 90%;
    margin: auto;
    transform: rotate(-4deg);
  }
  .case-brand-card strong {
    font-size: 45px;
  }
  .case-secondary {
    min-height: 450px;
    height: 65svh;
  }
  .case-secondary-line {
    font-size: 57px;
  }
  .case-end {
    padding: 65px 23px;
  }
  .case-end h3 {
    font-size: 51px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-flower-symbol,
  .film-note-panel > .brand-symbol {
    animation: none;
  }
  .case-experience[open],
  .newsletter-dialog[open] {
    animation: none;
  }
}
.newsletter-video-toggle {
  position: absolute;
  left: 12px;
  top: 15px;
  z-index: 2;
  padding: 8px 7px;
  font: 9px var(--label);
  border-bottom: 1px solid #f1e8dd66;
}
.newsletter-video-toggle:disabled {
  opacity: 0.7;
  cursor: default;
}
.lab-world-number {
  color: #1e1e1e;
  opacity: 1;
}
.world-1 .lab-world-number {
  color: #f5f2ed;
}
.lab-anchor {
  scroll-margin-top: 80px;
}
.newsletter-dialog {
  overscroll-behavior: contain;
}
.case-navigation {
  padding-top: max(10px, env(safe-area-inset-top));
}
.bold-footer {
  padding-bottom: max(30px, env(safe-area-inset-bottom));
}
.case-experience .small-label {
  color: #1e1e1e;
}
.case-terra .case-display-word {
  color: #1e1e1e;
}
.case-image-caption {
  background: #1e1e1ec9;
  padding: 8px 13px;
  border-radius: 30px;
}
:root {
  --board-beige: #f1e8dd;
  --board-sand: #ccb8a5;
  --board-brown: #ccb8a5;
}
.lab {
  background: var(--board-sand);
  color: var(--ink);
}
.lab-controls button {
  color: var(--ink);
  border-color: #1e1e1e60;
}
.lab-controls button[aria-pressed="true"],
.lab-controls button:hover {
  background: var(--ink);
  color: var(--paper);
}
.lab-copy .lab-disclosure {
  color: var(--ink);
}
.lab-palette > span:not(:last-child) {
  border-color: #1e1e1e50;
}
.newsletter,
.footer-polaroid {
  background: var(--board-beige);
}
body {
  font-family: var(--font-matahari), sans-serif;
}
h1,
h2,
h3,
.nav-logo,
.menu-wordmark,
.footer-wordmark,
.card-display-word,
.kinetic-wordmark {
  text-transform: lowercase;
}
.original-symbol {
  display: block;
  background: currentColor;
  mask: var(--symbol) center/contain no-repeat;
  -webkit-mask: var(--symbol) center/contain no-repeat;
  flex-shrink: 0;
}
.hero--experimental .kinetic-wordmark {
  font-size: clamp(80px, 17.7vw, 290px);
  letter-spacing: -0.065em;
}
.hero--experimental .hero-amp {
  font-family: var(--font-regatto);
  font-style: normal;
}
.header .nav-logo {
  font-size: 31px;
  letter-spacing: -0.06em;
}
.header-direct {
  font-size: 12px;
  margin-left: auto;
  margin-right: 22px;
}
.header .menu-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--ink);
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 1;
}
.header .menu-toggle span {
  font-size: 24px;
}
.header .header-note {
  font-family: var(--font-regatto);
  font-style: normal;
  font-size: 19px;
  letter-spacing: 0;
  text-transform: none;
}
.studio-menu {
  position: fixed;
  inset: 0;
  margin: 0;
  width: 100vw;
  height: 100dvh;
  max-width: none;
  max-height: none;
  border: 0;
  padding: 30px var(--gutter);
  color: var(--ink);
  background: var(--board-sand);
  overflow: auto;
  overscroll-behavior: contain;
}
.studio-menu::backdrop {
  background: var(--board-sand);
}
.menu-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #1e1e1e40;
  padding-bottom: 22px;
}
.menu-wordmark {
  font: 700 34px/1 var(--display);
  letter-spacing: -0.06em;
}
.menu-top > span {
  font: normal 25px var(--font-regatto);
}
.menu-top button {
  display: flex;
  gap: 18px;
  align-items: center;
  border: 0;
  color: inherit;
  min-height: 44px;
  font-size: 13px;
}
.menu-top button span {
  font-size: 33px;
}
.menu-spread {
  min-height: calc(100dvh - 190px);
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 5vw;
  padding: 36px 0;
}
.menu-spread nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.menu-spread nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font: 700 clamp(34px, 4.5vw, 78px)/1.06 var(--display);
  letter-spacing: -0.045em;
  padding: 9px 0;
  color: var(--ink);
}
.menu-spread nav a.is-selected {
  color: #1e1e1e;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 10px;
}
.menu-link-arrow {
  font-family: var(--font-regatto);
  font-size: 0.65em;
  opacity: 0;
}
.menu-spread nav a.is-selected .menu-link-arrow {
  opacity: 1;
}
.menu-exhibit {
  position: relative;
  max-width: 470px;
  width: 100%;
  justify-self: center;
}
.menu-photo-stack {
  position: relative;
  aspect-ratio: 4/4.7;
  margin: 8px 30px;
}
.menu-photo {
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 0 12px 40px #1e1e1e33;
}
.menu-photo img {
  object-fit: cover;
}
.menu-exhibit > .brand-symbol {
  position: absolute;
  width: 120px;
  height: 120px;
  bottom: 30px;
  right: 0;
  color: #1e1e1e;
}
.menu-exhibit > p {
  font: normal 25px/1.2 var(--font-regatto);
  margin: 30px 0 0;
  text-align: center;
}
.menu-bottom {
  border-top: 1px solid #1e1e1e40;
  padding: 20px 0 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 11px;
}
.chapter-card,
.chapter-card:nth-child(n) {
  border-radius: 48% 48% 0 0;
  height: 47vw;
  min-height: 480px;
  max-height: 720px;
}
.chapter-card .chapter-copy,
.chapter-card:nth-child(n) .chapter-copy {
  text-align: center;
  padding: 50% 22px 20px;
}
.service-stage {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 7vw;
  align-items: start;
}
.studio-journal {
  padding-top: 110px;
  padding-bottom: 100px;
  overflow: hidden;
  background: var(--paper);
}
.studio-journal-heading {
  margin-bottom: 65px;
}
.studio-journal-heading h2 {
  font-size: clamp(55px, 8vw, 130px);
  letter-spacing: -0.05em;
  margin-top: 25px;
  line-height: 1;
}
.studio-journal-heading h2 em {
  font-family: var(--font-regatto);
  font-weight: 200;
}
.studio-journal-spread {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9vw;
  align-items: center;
}
.portrait-stage {
  position: relative;
  aspect-ratio: 2/2.8;
  background: var(--board-beige);
  isolation: isolate;
}
.portrait-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.portrait-layer img {
  object-fit: cover;
}
.portrait-caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: var(--paper);
  font-size: 11px;
  padding: 9px 15px;
  z-index: 2;
}
.studio-journal-copy {
  position: relative;
  padding: 30px 0;
}
.studio-journal-copy .handwritten {
  font-size: clamp(34px, 3.5vw, 60px);
}
.studio-journal-copy .studio-lead {
  font: 200 clamp(35px, 4.1vw, 66px)/1.15 var(--font-regatto);
  margin: 25px 0 30px;
  max-width: 530px;
}
.studio-journal-copy > p:not(.studio-lead) {
  max-width: 440px;
  font-size: 14px;
  line-height: 1.9;
  margin-bottom: 22px;
}
.studio-journal-copy .text-link {
  font-size: 12px;
  margin-top: 15px;
}
.studio-journal-copy > .brand-symbol {
  width: 120px;
  height: 80px;
  margin-top: 45px;
  color: var(--taupe);
}
.portrait-contact-sheet {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 65px;
  padding: 25px 0;
}
.portrait-contact-sheet button {
  background: #f5f2ed;
  border: 1px solid transparent;
  padding: 12px 12px 17px;
  width: 20%;
  transform: rotate(-5deg);
  box-shadow: 0 8px 20px #1e1e1e15;
}
.portrait-contact-sheet button:nth-child(even) {
  transform: rotate(5deg) translateY(20px);
}
.portrait-contact-sheet button[aria-pressed="true"] {
  border-color: var(--taupe);
}
.portrait-contact-sheet button > div {
  position: relative;
  aspect-ratio: 3/4;
  overflow: hidden;
}
.portrait-contact-sheet img {
  object-fit: cover;
}
.portrait-contact-sheet button > span {
  display: block;
  font: normal 19px/1.2 var(--font-regatto);
  margin-top: 15px;
}
.newsletter-dialog {
  width: min(491px, calc(100% - 40px));
  background: #1e1e1e;
  border: 0;
  border-radius: 10px;
  color: #f5f2ed;
  max-height: calc(100dvh - 150px);
}
.newsletter-dialog:not(.is-reading) .newsletter-popup-copy {
  padding: 68px 55px 35px;
  min-height: 224px;
  overflow: visible;
}
.newsletter-dialog .newsletter-avatar {
  width: 105px;
  height: 105px;
  left: calc(50% - 52.5px);
  top: -77px;
  border: 0;
}
.newsletter-dialog .newsletter-popup-copy > .small-label {
  color: #ccb8a5;
  font: 18px/1.3 var(--font-montserrat);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.newsletter-dialog:not(.is-reading) .newsletter-popup-copy h2 {
  font: 30px/1.3 var(--font-montserrat);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 22px 0 0;
}
.newsletter-popup-actions {
  border-top: 1px solid #f5f2ed;
  align-items: center;
  padding: 12px 16px;
  gap: 12px;
}
.newsletter-popup-actions:before {
  content: "";
  height: 1px;
  width: 50px;
  background: #f5f2ed;
  order: 1;
  flex-shrink: 0;
}
.newsletter-popup-actions > button {
  font: 23px/1.3 var(--font-montserrat);
  text-transform: uppercase;
  padding: 4px 0;
  min-height: 44px;
  border: 0;
}
.newsletter-popup-actions > button + button {
  border: 0;
  order: 2;
}
.newsletter-dialog .newsletter-close {
  right: 8px;
  top: 3px;
  border: 0;
}
.newsletter-video-toggle {
  top: -42px;
  right: 0;
  font-size: 10px;
}
.newsletter-dialog:not(.is-reading) .newsletter-popup-copy > p {
  display: none;
}
.footer-wordmark {
  letter-spacing: -0.06em;
}
@media (min-width: 1600px) {
  .service-stage {
    gap: 9vw;
  }
}
@media (max-width: 1000px) {
  .header .header-note {
    display: none;
  }
  .menu-spread {
    grid-template-columns: 1.3fr 1fr;
    gap: 25px;
  }
  .menu-spread nav a {
    font-size: 4.9vw;
  }
  .menu-exhibit > .brand-symbol {
    width: 80px;
    height: 80px;
  }
  .chapter-card,
  .chapter-card:nth-child(n) {
    min-height: 440px;
  }
  .service-stage {
    gap: 35px;
    grid-template-columns: 0.85fr 1.15fr;
  }
  .studio-journal-spread {
    gap: 40px;
  }
}
@media (max-width: 760px) {
  .header .nav-logo {
    font-size: 25px;
  }
  .header-direct {
    display: none;
  }
  .header .motion-toggle {
    margin-left: auto;
  }
  .header .menu-toggle {
    padding: 9px 13px;
    gap: 9px;
  }
  .header .menu-toggle span {
    font-size: 20px;
  }
  .studio-menu {
    padding: 20px 24px;
  }
  .menu-top {
    padding-bottom: 15px;
  }
  .menu-top > span {
    display: none;
  }
  .menu-wordmark {
    font-size: 28px;
  }
  .menu-spread {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    padding: 25px 0;
    gap: 20px;
    min-height: auto;
  }
  .menu-exhibit {
    height: 120px;
    max-width: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
  }
  .menu-photo-stack {
    height: 115px;
    width: 90px;
    aspect-ratio: auto;
    margin: 0;
  }
  .menu-exhibit > p {
    font-size: 23px;
    max-width: 190px;
    text-align: left;
    margin: 0;
  }
  .menu-exhibit > .brand-symbol {
    display: none;
  }
  .menu-spread nav {
    gap: 0;
  }
  .menu-spread nav a {
    font-size: clamp(29px, 8.1vw, 49px);
    padding: 9px 0;
  }
  .menu-bottom {
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 10px;
  }
  .menu-bottom > span:last-child {
    display: none;
  }
  .menu-link-arrow {
    opacity: 1;
  }
  .hero--experimental .kinetic-wordmark {
    font-size: 18.1vw;
  }
  .chapter-card,
  .chapter-card:nth-child(n) {
    height: 145vw;
    min-height: 470px;
    max-height: 650px;
  }
  .chapter-card .chapter-copy,
  .chapter-card:nth-child(n) .chapter-copy {
    padding: 55% 30px 20px;
  }
  .service-stage {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .studio-journal {
    padding-top: 70px;
    padding-bottom: 65px;
  }
  .studio-journal-heading h2 {
    font-size: 56px;
  }
  .studio-journal-heading {
    margin-bottom: 40px;
  }
  .studio-journal-spread {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .portrait-stage {
    aspect-ratio: 2/2.6;
  }
  .studio-journal-copy {
    padding: 20px 0;
  }
  .studio-journal-copy .handwritten {
    font-size: 42px;
  }
  .studio-journal-copy .studio-lead {
    font-size: 47px;
  }
  .studio-journal-copy > .brand-symbol {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 75px;
    height: 65px;
  }
  .studio-journal-copy .text-link {
    max-width: 75%;
  }
  .portrait-contact-sheet {
    justify-content: flex-start;
    gap: 12px;
    margin-top: 15px;
    width: 115%;
  }
  .portrait-contact-sheet button {
    width: 26%;
    flex-shrink: 0;
    padding: 6px 6px 10px;
  }
  .portrait-contact-sheet button > span {
    font-size: 14px;
    margin-top: 9px;
  }
  .portrait-contact-sheet button:nth-child(4) {
    display: none;
  }
  .newsletter-dialog:not(.is-reading) .newsletter-popup-copy {
    padding: 62px 30px 30px;
    min-height: 215px;
  }
  .newsletter-dialog:not(.is-reading) .newsletter-popup-copy h2 {
    font-size: 24px;
    letter-spacing: 0.07em;
  }
  .newsletter-dialog .newsletter-popup-copy > .small-label {
    font-size: 15px;
  }
  .newsletter-popup-actions > button {
    font-size: 17px;
  }
  .newsletter-popup-actions:before {
    width: 30px;
  }
  .newsletter-video-toggle {
    right: 0;
    font-size: 9px;
  }
  .newsletter-dialog.is-reading .newsletter-popup-actions:before {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .studio-menu *,
  .service-theatre *,
  .studio-journal * {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}
[data-motion="paused"] .studio-menu *,
[data-motion="paused"] .service-theatre *,
[data-motion="paused"] .studio-journal * {
  animation: none !important;
  transition: none !important;
}
@media (max-width: 760px) {
  .portrait-contact-sheet {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
    padding: 20px 10px 35px;
  }
  .portrait-contact-sheet button {
    width: 31%;
    min-width: 100px;
  }
  .portrait-contact-sheet button:nth-child(4) {
    display: block;
  }
}
@media (min-width: 761px) and (max-height: 800px) {
  .menu-spread {
    padding: 20px 0;
    min-height: calc(100dvh - 170px);
  }
  .menu-spread nav {
    gap: 3px;
  }
  .menu-spread nav a {
    font-size: 4.1vw;
    padding: 7px 0;
  }
  .menu-photo-stack {
    height: 53dvh;
    aspect-ratio: auto;
  }
  .menu-exhibit > p {
    margin-top: 23px;
  }
}
.newsletter-dialog .newsletter-video-toggle {
  left: 12px;
  right: auto;
  top: 10px;
  width: auto;
  border: 0;
  border-bottom: 1px solid #f5f2ed66;
  min-height: 32px;
  padding: 5px 3px;
}
.no-script-nav {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  font-size: 12px;
}
:root {
  --paper: #f5f2ed;
  --sand: #ccb8a5;
  --beige: #f1e8dd;
  --ink: #1e1e1e;
  --line: #1e1e1e30;
  --body: var(--font-matahari), Arial, sans-serif;
  --accent: var(--font-regatto), Georgia, serif;
  --font-silk: var(--font-regatto);
  --font-sebastian: var(--font-regatto);
  --font-california: var(--font-regatto);
  --font-sebastian-slanted: var(--font-regatto);
  --font-montserrat: var(--font-matahari);
}
body {
  font-family: var(--body);
  color: var(--ink);
  background: var(--paper);
}
h1,
h2,
h3,
.strong-copy {
  font-family: var(--display) !important;
  font-style: normal !important;
}
em,
i {
  font-style: normal;
}
.handwritten {
  font-family: var(--display);
  font-style: normal !important;
  transform: none;
  font-size: clamp(24px, 2.7vw, 42px);
  line-height: 1.15;
}
.small-label {
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}
.section-pad {
  padding: clamp(80px, 8vw, 140px) var(--gutter);
}
button,
a,
summary {
  touch-action: manipulation;
}
button:disabled {
  cursor: default;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}
input,
select,
textarea {
  font-size: 16px;
}
button {
  font-family: var(--body);
}
.header .header-note {
  font-family: var(--body);
  font-size: 13px;
  transform: none;
  font-style: normal;
}
.header-direct {
  font-family: var(--display);
  font-size: 22px;
}
.header {
  background: var(--paper);
  color: var(--ink);
}
.header .nav-logo {
  font-size: 31px;
}
.studio-menu {
  background: var(--sand);
}
.menu-exhibit p {
  font-family: var(--display);
  font-style: normal;
  font-size: clamp(28px, 3vw, 50px);
}
.menu-top > span {
  font-family: var(--body);
  font-size: 13px;
}
.menu-wordmark {
  font-family: var(--display);
}
.hero--experimental {
  background: var(--paper);
  min-height: 0;
  padding-bottom: 0;
}
.hero-grid {
  opacity: 0.35;
}
.hero--experimental .kinetic-wordmark {
  font-size: clamp(90px, 18vw, 310px);
}
.hero--experimental .hero-amp {
  font-family: var(--display);
}
.hero-concept-name {
  position: absolute;
  left: 8%;
  top: 10%;
  font-family: var(--display);
  font-size: clamp(30px, 3.8vw, 72px);
  font-weight: 700;
  color: var(--paper);
  line-height: 1;
  z-index: 2;
}
.design-card-campaign img {
  object-fit: cover;
}
.card-note-type {
  font-family: var(--display);
  font-style: normal;
  line-height: 1.02;
  font-size: clamp(28px, 4.3vw, 78px);
}
.card-display-word {
  font-family: var(--display);
  font-size: clamp(28px, 4.2vw, 78px);
  font-style: normal;
  line-height: 1.02;
}
.card-corner {
  font-family: var(--body);
  font-style: normal;
  line-height: 1.4;
}
.hero-new-bottom {
  align-items: center;
  padding: 34px 0 48px;
  min-height: 0;
}
.hero-guiding-line {
  font-size: clamp(32px, 4.8vw, 84px);
  line-height: 1.03;
  letter-spacing: -0.035em;
}
.hero-message > p {
  font-size: 13px;
  margin-top: 16px;
}
.hero-cta {
  font-family: var(--body);
  font-size: 14px;
}
.hero-scroll-link {
  font-family: var(--body);
}
.wild-manifesto {
  background: var(--ink);
  color: var(--paper);
  position: relative;
  overflow: clip;
}
.manifesto-content {
  position: relative;
  z-index: 2;
  padding-top: 125px;
  padding-bottom: 90px;
}
.manifesto-content > p {
  font-size: 14px;
}
.manifesto-content .manifesto-tagline {
  font-size: clamp(65px, 11.6vw, 200px);
  line-height: 0.98;
  letter-spacing: -0.045em;
  margin: 52px 0 60px;
  max-width: none;
}
.manifesto-content .manifesto-tagline > span {
  display: block;
}
.manifesto-content .clear-line {
  margin-left: 12%;
}
.manifesto-aperture {
  width: 36vw;
  height: 36vw;
  position: absolute;
  right: -7%;
  top: 3%;
  border: 1px solid #f1e8dd45;
  border-radius: 50%;
  display: grid;
  place-items: center;
  z-index: 1;
}
.manifesto-aperture .brand-symbol {
  width: 68%;
  height: 68%;
  color: var(--sand);
  opacity: 0.45;
}
.manifesto-foot {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
}
.manifesto-foot p {
  font-size: 15px;
  max-width: 430px;
}
.wild-manifesto .kinetic-ticker {
  margin: 0;
  background: var(--ink);
  color: var(--sand);
  border-top: 1px solid #f5f2ed40;
  border-bottom: 0;
  transform: rotate(-2deg) scale(1.03);
  padding: 24px 0 30px;
}
.wild-manifesto .ticker-set > span {
  font-family: var(--accent);
  font-size: clamp(26px, 4vw, 66px);
  font-weight: 800;
  letter-spacing: -0.035em;
}
.ticker-set .brand-symbol {
  width: 45px;
  height: 45px;
}
.wild-offers {
  background: var(--beige);
  color: var(--ink);
}
.offers-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  margin-bottom: 70px;
}
.offers-heading h2 {
  font-size: clamp(62px, 8.2vw, 140px);
  line-height: 1;
  letter-spacing: -0.04em;
}
.offers-heading > div {
  display: flex;
  gap: 40px;
  align-items: center;
}
.offers-heading p {
  font-size: 15px;
  line-height: 1.6;
}
.offers-heading .brand-symbol {
  width: 90px;
  height: 90px;
}
.offer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}
.offer {
  min-width: 0;
  scroll-margin-top: 110px;
}
.offer:nth-child(2) {
  padding-top: 55px;
}
.offer-arch {
  height: clamp(350px, 33vw, 540px);
  border-radius: 50% 50% 0 0;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  transform-origin: bottom center;
}
.offer-body {
  padding: 32px 4px 0;
}
.offer-body h3 {
  font-size: clamp(40px, 4.6vw, 76px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  margin-bottom: 20px;
}
.offer-benefit {
  font-family: var(--display);
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.2;
  margin-bottom: 15px;
}
.offer-body > p:not(.offer-benefit) {
  font-size: 15px;
  line-height: 1.75;
}
.offer-items {
  display: block;
  font-size: 12px;
  margin: 25px 0 8px;
}
.offer-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #1e1e1e60;
  padding: 17px 0;
  font-size: 14px;
}
.offer-link > span {
  font-size: 27px;
  transition: transform 0.3s;
}
.offer-link:hover > span {
  transform: rotate(45deg);
}
.social-art,
.identity-art,
.web-art {
  position: absolute;
  inset: 0;
}
.identity-art > img {
  object-fit: cover;
}
.identity-card {
  position: absolute;
  inset: 25% 13% 13%;
  background: var(--beige);
  padding: 25px;
  transform: rotate(7deg);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 8px 10px 20px #1e1e1e22;
  transition: transform 0.65s;
}
.identity-card > .brand-symbol {
  width: 58px;
  height: 58px;
}
.identity-card b {
  font-family: var(--display);
  font-size: clamp(30px, 3.3vw, 56px);
  line-height: 1;
}
.identity-card span:last-child {
  font-size: 10px;
}
.identity-sticker {
  position: absolute;
  bottom: 9%;
  right: 5%;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  background: var(--ink);
  color: var(--paper);
  display: grid;
  place-items: center;
  font-family: var(--display);
  font-size: 65px;
  transform: rotate(-12deg);
  transition: transform 0.65s;
}
.offer:hover .identity-card,
.offer:focus-within .identity-card {
  transform: rotate(-3deg) translateY(-10px);
}
.offer:hover .identity-sticker {
  transform: rotate(18deg);
}
.web-art {
  background: var(--sand);
  display: grid;
  place-items: center;
}
.offer-browser {
  width: 85%;
  background: var(--paper);
  padding: 14px;
  transform: rotate(-8deg);
  box-shadow: 10px 18px 0 #1e1e1e15;
  transition: transform 0.65s;
}
.offer-browser-bar {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid #1e1e1e20;
  padding-bottom: 10px;
  margin-bottom: 14px;
}
.offer-browser-bar > i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ink);
}
.offer-browser > small {
  font-family: var(--display);
  font-size: 16px;
}
.web-design {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 18px 0;
  align-items: center;
}
.web-design > b {
  font-family: var(--display);
  font-size: clamp(24px, 2.9vw, 47px);
  line-height: 1;
}
.web-design > div {
  position: relative;
  height: 170px;
  border-radius: 80px 80px 0 0;
  overflow: hidden;
}
.web-design img {
  object-fit: cover;
}
.offer-browser > span {
  font-size: 9px;
}
.web-cursor {
  position: absolute;
  bottom: 18%;
  right: 5%;
  font-size: 90px;
  text-shadow: 3px 3px 0 var(--paper);
  transition: transform 0.65s;
}
.offer:hover .offer-browser,
.offer:focus-within .offer-browser {
  transform: rotate(0) scale(1.04);
}
.offer:hover .web-cursor {
  transform: translate(-25px, -20px);
}
.work {
  background: var(--paper);
  color: var(--ink);
}
.work .section-heading h2 {
  font-size: clamp(58px, 7.5vw, 130px);
  letter-spacing: -0.035em;
}
.project-meta h3 {
  font-size: clamp(26px, 3.1vw, 48px);
}
.quiet-poster > span,
.noir-type,
.terra-title,
.case-display-word,
.case-handnote,
.case-secondary-line {
  font-family: var(--display);
  font-style: normal;
}
.case-handnote {
  font-size: 24px;
  transform: none;
}
.case-title h2 {
  font-size: clamp(48px, 8vw, 130px);
}
.case-palette {
  color: var(--ink);
}
.ai-theatre {
  background: var(--sand);
  color: var(--ink);
  position: relative;
  overflow: clip;
  padding-top: 90px;
  padding-bottom: 80px;
}
.ai-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
}
.ai-heading h2 {
  font-size: clamp(55px, 6.7vw, 114px);
  line-height: 1;
  letter-spacing: -0.035em;
  margin-top: 20px;
}
.ai-heading p {
  font-size: 14px;
  line-height: 1.6;
}
.ai-heading > p {
  max-width: 320px;
  padding-bottom: 10px;
}
.ai-stage {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 7vw;
  align-items: center;
}
.ai-controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 20px;
  margin-bottom: 30px;
}
.ai-controls > button {
  border: 0;
  border-bottom: 1px solid #1e1e1e50;
  padding: 13px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  font-size: 13px;
  gap: 8px;
  min-height: 48px;
}
.ai-controls > button[aria-pressed="true"] {
  border-bottom: 3px solid var(--ink);
  font-weight: 700;
}
.ai-controls > button > span:last-child {
  font-size: 22px;
}
.ai-description {
  min-height: 310px;
}
.ai-description h3 {
  font-size: clamp(28px, 2.9vw, 47px);
  line-height: 1.1;
  margin-bottom: 18px;
}
.ai-description p {
  font-size: 14px;
  line-height: 1.75;
  max-width: 500px;
}
.ai-description ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0;
}
.ai-description li {
  border: 1px solid #1e1e1e60;
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 20px;
}
.ai-description a {
  font-size: 13px;
}
.character-scene {
  background: var(--ink);
  color: var(--paper);
  position: relative;
  overflow: clip;
  display: grid;
  grid-template-columns: 0.28fr 1fr;
  gap: 4vw;
  align-items: center;
  min-height: 800px;
}
.character-copy {
  position: relative;
  z-index: 2;
}
.character-copy > p {
  font-size: 14px;
  margin-bottom: 44px;
}
.character-copy h2 {
  font-size: clamp(60px, 8.7vw, 145px);
  line-height: 1;
  letter-spacing: -0.04em;
}
.character-seed {
  position: relative;
  display: grid;
  place-items: center;
  z-index: 2;
  align-self: start;
  margin-top: 100px;
  aspect-ratio: 1;
}
.character-seed > .brand-symbol {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: var(--sand);
}
.character-seed > span {
  font-family: var(--display);
  font-size: 7vw;
  line-height: 1;
}
.character-bottom {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 50px;
  align-items: end;
}
.character-bottom p {
  font-size: 14px;
  max-width: 360px;
}
.character-bottom a {
  font-family: var(--display);
  font-size: 25px;
  max-width: 250px;
  line-height: 1.2;
  gap: 20px;
}
.character-echo {
  position: absolute;
  right: -15%;
  bottom: -42%;
  font-family: var(--display);
  font-size: 65vw;
  line-height: 0.8;
  color: #f5f2ed0b;
  pointer-events: none;
}
.lab {
  background: var(--sand);
  color: var(--ink);
}
.lab-copy h2 {
  font-size: clamp(60px, 7vw, 115px);
}
.lab-disclosure {
  color: var(--ink) !important;
}
.lab-identity-name {
  font-family: var(--display);
  font-style: normal;
}
.lab-copy p {
  max-width: 480px;
}
.lab-controls button {
  font-family: var(--body);
}
.studio-journal {
  background: var(--paper);
}
.studio-journal-heading h2 {
  font-size: clamp(58px, 8vw, 132px);
  letter-spacing: -0.035em;
  line-height: 1;
}
.studio-journal-heading > span {
  font-size: 13px;
}
.studio-journal-copy > .handwritten {
  font-family: var(--body);
  font-size: 16px;
}
.studio-journal-copy .studio-lead {
  font-family: var(--display);
  font-size: clamp(36px, 4.1vw, 66px);
  line-height: 1.05;
  font-style: normal;
}
.studio-journal-copy p:not(.studio-lead) {
  font-size: 15px;
  line-height: 1.8;
}
.portrait-contact-sheet > button span {
  font-size: 12px;
}
.portrait-stage {
  border-radius: 50% 50% 2px 2px;
  overflow: hidden;
}
.studio-journal-spread {
  align-items: center;
}
.process {
  background: var(--ink);
  color: var(--paper);
}
.process h2 {
  font-size: clamp(55px, 7vw, 120px);
  letter-spacing: -0.035em;
}
.process ol {
  border-color: #f5f2ed60;
}
.process li {
  border-color: #f5f2ed60;
}
.process h3 {
  font-size: clamp(38px, 4.2vw, 65px);
}
.process li p {
  font-size: 15px;
  line-height: 1.75;
}
.process .step-number {
  font-family: var(--accent);
  font-size: 16px;
}
.process .brand-symbol {
  color: var(--sand);
}
.wild-newsletter {
  background: var(--beige);
  color: var(--ink);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9vw;
  align-items: center;
  overflow: clip;
}
.edit-dialog::backdrop,
.contact-dialog::backdrop {
  background: #1e1e1eaa;
  backdrop-filter: blur(5px);
}
.contact {
  background: var(--ink);
  color: var(--paper);
}
.contact-heading h2 {
  font-size: clamp(60px, 9.2vw, 160px);
  letter-spacing: -0.035em;
  line-height: 1;
}
.contact-heading > span {
  color: var(--sand);
}
.contact-invitation {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px 70px;
  margin-top: 55px;
  align-items: center;
}
.contact-invitation > p {
  max-width: 480px;
  font-size: 16px;
  line-height: 1.75;
}
.contact-launch {
  font-family: var(--display);
  font-size: clamp(50px, 6vw, 92px);
  border: 0;
  color: var(--paper);
  display: flex;
  align-items: center;
  gap: 60px;
  line-height: 1.1;
  border-bottom: 1px solid #f5f2ed70;
  padding: 12px 0;
}
.contact-launch > span {
  font-family: var(--body);
  display: block;
}
.contact-invitation > span {
  grid-column: 2;
  font-size: 12px;
}
.contact-dialog {
  background: var(--paper);
  color: var(--ink);
  border: 0;
  width: min(1200px, calc(100% - 36px));
  max-width: none;
  max-height: 93svh;
  padding: 35px 45px 45px;
  overflow: auto;
}
.contact-dialog-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #1e1e1e40;
  gap: 20px;
}
.contact-dialog-top > span {
  font-family: var(--display);
  font-size: 28px;
}
.contact-dialog-top > button {
  border: 0;
  min-height: 44px;
}
.contact-dialog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  padding-top: 36px;
}
.contact-dialog-intro > .brand-symbol {
  width: 66px;
  height: 66px;
  margin-bottom: 35px;
}
.contact-dialog-intro h2 {
  font-size: clamp(55px, 6vw, 90px);
  line-height: 1;
  letter-spacing: -0.035em;
  margin-bottom: 25px;
}
.contact-dialog-intro > p {
  font-size: 15px;
  line-height: 1.75;
  max-width: 360px;
}
.contact-form-panel form {
  display: grid;
  gap: 24px;
}
.contact-form-panel label {
  display: grid;
  gap: 8px;
  font-size: 13px;
}
.contact-form-panel input,
.contact-form-panel select,
.contact-form-panel textarea {
  display: block;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #1e1e1e70;
  width: 100%;
  padding: 9px 0;
  min-height: 44px;
  font-family: var(--body);
  border-radius: 0;
}
.contact-form-panel textarea {
  resize: vertical;
  min-height: 100px;
}
.wild-footer {
  background: var(--paper);
  color: var(--ink);
  padding-top: 80px;
  padding-bottom: 30px;
}
.footer-columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  gap: 40px;
}
.footer-columns nav {
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: start;
}
.footer-columns nav:last-child {
  justify-self: end;
  min-width: 180px;
}
.footer-columns nav > h2 {
  font-size: 34px;
  margin: 0 0 18px;
  line-height: 1;
}
.footer-columns nav > a {
  font-size: 14px;
  line-height: 1.8;
  min-height: 28px;
}
.footer-sign {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 25px;
}
.footer-sign .brand-symbol {
  width: 90px;
  height: 90px;
}
.footer-sign > p {
  font-family: var(--display);
  font-size: 30px;
  line-height: 1.1;
}
.footer-centred-wordmark {
  display: block;
  text-align: center;
  width: 100%;
  font-family: var(--display);
  font-size: clamp(72px, 17vw, 310px);
  line-height: 1.3;
  letter-spacing: -0.055em;
  margin: 80px 0 35px;
  padding-right: 0.055em;
  white-space: nowrap;
}
.wild-footer .footer-bottom {
  border-top: 1px solid #1e1e1e40;
  padding-top: 24px;
  align-items: start;
}
.wild-footer .footer-bottom > a {
  font-size: 12px;
}
@media (max-width: 999px) {
  .header-direct {
    display: none;
  }
  .offers-heading h2 {
    font-size: 76px;
  }
  .offer-grid {
    gap: 20px;
  }
  .offer-arch {
    height: 340px;
  }
  .offer-body h3 {
    font-size: 40px;
  }
  .offer-benefit {
    font-size: 26px;
  }
  .offer-browser {
    padding: 9px;
  }
  .web-design > div {
    height: 130px;
  }
  .identity-card {
    padding: 16px;
    inset: 27% 9% 15%;
  }
  .identity-card b {
    font-size: 32px;
  }
  .identity-sticker {
    width: 65px;
    height: 65px;
    font-size: 48px;
  }
  .ai-heading {
    align-items: start;
  }
  .ai-heading h2 {
    font-size: 75px;
  }
  .ai-stage {
    gap: 30px;
  }
  .ai-information {
    min-width: 0;
  }
  .ai-controls {
    grid-template-columns: 1fr;
  }
  .ai-description {
    min-height: 390px;
  }
  .character-scene {
    grid-template-columns: 1fr;
    min-height: 700px;
  }
  .character-seed {
    width: 140px;
    margin: 0;
  }
  .character-seed > span {
    font-size: 70px;
  }
  .character-copy h2 {
    font-size: 94px;
  }
  .character-bottom {
    margin-top: 35px;
  }
  .character-echo {
    bottom: -15%;
    font-size: 90vw;
  }
  .contact-dialog-grid {
    gap: 35px;
  }
  .contact-dialog {
    padding: 28px;
  }
  .footer-columns {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
  .footer-sign > p {
    font-size: 25px;
  }
}
@media (max-width: 760px) {
  .section-pad {
    padding: 75px 24px;
  }
  .header {
    height: 74px;
    gap: 16px;
  }
  .header .nav-logo {
    font-size: 27px;
  }
  .header .motion-toggle {
    margin-left: auto;
  }
  .header .menu-toggle {
    padding: 10px 14px;
    font-size: 12px;
  }
  .hero--experimental {
    padding: 20px 24px 0;
  }
  .hero--experimental .kinetic-wordmark {
    font-size: 18vw;
  }
  .hero-new-bottom {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px 0 42px;
  }
  .hero-guiding-line {
    font-size: 49px;
  }
  .hero-message > p {
    font-size: 12px;
  }
  .hero-scroll-link {
    display: none;
  }
  .hero-concept-name {
    font-size: 9vw;
  }
  .card-note-type {
    font-size: 8vw;
  }
  .card-display-word {
    font-size: 8vw;
  }
  .card-corner {
    font-size: 8px;
  }
  .card-caption {
    font-size: 8px;
  }
  .hero-design-board {
    height: 80vw;
    min-height: 310px;
  }
  .hero .design-card-campaign {
    width: 48%;
    height: 73%;
  }
  .hero .design-card-note {
    width: 33%;
    height: 56%;
    left: 0;
    top: 23%;
  }
  .hero .design-card-type {
    width: 34%;
    height: 60%;
    right: -3%;
    top: 18%;
  }
  .hero-snippet figcaption {
    font-size: 8px;
  }
  .hero-board-tools {
    padding-top: 0;
    margin-top: 0;
    gap: 15px;
  }
  .hero-board-tools p {
    font-size: 10px;
  }
  .remix-button {
    font-size: 11px;
    padding: 10px 16px;
  }
  .hero-topline {
    font-size: 9px;
  }
  .hero-topline > span:last-child {
    max-width: 140px;
    text-align: right;
  }
  .hero-type-plane {
    padding-top: 25px;
  }
  .manifesto-content {
    padding-top: 85px;
    padding-bottom: 65px;
  }
  .manifesto-content > p {
    font-size: 11px;
    max-width: 240px;
  }
  .manifesto-content .manifesto-tagline {
    font-size: 16vw;
    margin: 50px 0;
    line-height: 1.06;
  }
  .manifesto-content .clear-line {
    margin-left: 0;
  }
  .manifesto-aperture {
    width: 70vw;
    height: 70vw;
    right: -25%;
    top: 8%;
  }
  .manifesto-foot {
    display: block;
  }
  .manifesto-foot p {
    font-size: 13px;
  }
  .wild-manifesto .ticker-set > span {
    font-size: 30px;
  }
  .wild-manifesto .kinetic-ticker {
    padding: 20px 0;
  }
  .ticker-set .brand-symbol {
    height: 30px;
    width: 30px;
  }
  .offers-heading {
    display: block;
    margin-bottom: 45px;
  }
  .offers-heading h2 {
    font-size: 65px;
  }
  .offers-heading > div {
    margin-top: 26px;
    justify-content: space-between;
  }
  .offers-heading p {
    font-size: 13px;
  }
  .offers-heading .brand-symbol {
    width: 60px;
    height: 60px;
  }
  .offer-grid {
    display: block;
  }
  .offer {
    margin-bottom: 65px;
  }
  .offer:last-child {
    margin: 0;
  }
  .offer:nth-child(2) {
    padding: 0;
  }
  .offer-arch {
    height: 110vw;
    max-height: 560px;
  }
  .offer-body {
    padding: 28px 0 0;
  }
  .offer-body h3 {
    font-size: 54px;
  }
  .offer-benefit {
    font-size: 30px;
    max-width: 300px;
  }
  .offer-body > p:not(.offer-benefit) {
    font-size: 15px;
  }
  .offer-items {
    font-size: 12px;
  }
  .identity-card {
    padding: 26px;
    inset: 25% 12% 13%;
  }
  .identity-card b {
    font-size: 12vw;
  }
  .identity-card > .brand-symbol {
    width: 70px;
    height: 70px;
  }
  .identity-card span:last-child {
    font-size: 12px;
  }
  .identity-sticker {
    width: 100px;
    height: 100px;
    font-size: 73px;
  }
  .offer-browser {
    padding: 18px;
  }
  .offer-browser > small {
    font-size: 24px;
  }
  .web-design {
    margin: 25px 0;
  }
  .web-design > b {
    font-size: 10vw;
  }
  .web-design > div {
    height: 210px;
  }
  .offer-browser > span {
    font-size: 11px;
  }
  .web-cursor {
    font-size: 110px;
  }
  .work .section-heading h2 {
    font-size: 59px;
  }
  .work .section-heading {
    display: block;
  }
  .work .section-aside {
    margin-top: 25px;
    font-size: 13px;
  }
  .project-meta h3 {
    font-size: 31px;
  }
  .ai-theatre {
    padding: 75px 24px 85px;
  }
  .ai-heading {
    display: block;
  }
  .ai-heading h2 {
    font-size: 58px;
    line-height: 1.03;
  }
  .ai-heading p {
    font-size: 13px;
  }
  .ai-heading > p {
    margin-top: 25px;
  }
  .ai-stage {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
  .ai-controls {
    grid-template-columns: 1fr 1fr;
    gap: 0 18px;
    margin: 0 0 28px;
  }
  .ai-controls > button {
    font-size: 12px;
    min-height: 60px;
  }
  .ai-description {
    min-height: 0;
  }
  .ai-description h3 {
    font-size: 34px;
  }
  .ai-description p {
    font-size: 15px;
  }
  .ai-description li {
    font-size: 11px;
  }
  .character-scene {
    gap: 35px;
    min-height: 0;
  }
  .character-seed {
    width: 100px;
  }
  .character-seed > span {
    font-size: 48px;
  }
  .character-copy > p {
    font-size: 12px;
    margin-bottom: 35px;
  }
  .character-copy h2 {
    font-size: 15vw;
  }
  .character-bottom {
    display: block;
    margin-top: 30px;
  }
  .character-bottom p {
    font-size: 14px;
    max-width: 100%;
  }
  .character-bottom a {
    margin-top: 25px;
    font-size: 28px;
    max-width: 300px;
  }
  .character-echo {
    font-size: 160vw;
    bottom: -15%;
    right: -30%;
  }
  .lab-copy h2 {
    font-size: 65px;
  }
  .studio-journal-heading h2 {
    font-size: 59px;
  }
  .studio-journal-heading > span {
    font-size: 12px;
  }
  .studio-journal-copy .studio-lead {
    font-size: 44px;
  }
  .studio-journal-copy > .handwritten {
    font-size: 15px;
  }
  .portrait-contact-sheet {
    gap: 12px;
  }
  .portrait-contact-sheet > button span {
    font-size: 10px;
  }
  .process h2 {
    font-size: 57px;
  }
  .process h3 {
    font-size: 46px;
  }
  .process li p {
    font-size: 14px;
  }
  .wild-newsletter {
    display: flex;
    flex-direction: column;
    gap: 55px;
    align-items: stretch;
  }
  .contact .section-kicker {
    font-size: 11px;
    gap: 25px;
  }
  .contact-heading {
    margin-top: 30px;
  }
  .contact-heading h2 {
    font-size: 15vw;
    line-height: 1.04;
  }
  .contact-heading > span {
    display: none;
  }
  .contact-invitation {
    display: block;
    margin-top: 35px;
  }
  .contact-invitation > p {
    font-size: 15px;
  }
  .contact-launch {
    font-size: 65px;
    gap: 35px;
    margin-top: 34px;
    width: 100%;
    justify-content: space-between;
  }
  .contact-invitation > span {
    display: block;
    margin-top: 15px;
    font-size: 12px;
  }
  .contact-dialog {
    padding: 20px;
    width: calc(100% - 20px);
    max-height: 95svh;
  }
  .contact-dialog-top {
    padding-bottom: 16px;
  }
  .contact-dialog-top > span {
    font-size: 26px;
  }
  .contact-dialog-grid {
    display: block;
    padding-top: 26px;
  }
  .contact-dialog-intro > .brand-symbol {
    display: none;
  }
  .contact-dialog-intro h2 {
    font-size: 53px;
    margin-bottom: 20px;
  }
  .contact-dialog-intro > p {
    font-size: 13px;
  }
  .contact-form-panel {
    margin-top: 30px;
  }
  .contact-form-panel form {
    gap: 23px;
  }
  .contact-form-panel textarea {
    min-height: 100px;
  }
  .wild-footer {
    padding-top: 65px;
    padding-bottom: 25px;
  }
  .footer-columns {
    grid-template-columns: 1fr 1fr;
    gap: 35px 20px;
  }
  .footer-columns nav:last-child {
    min-width: 0;
    justify-self: start;
    grid-column: 2;
    grid-row: 1;
  }
  .footer-columns nav > h2 {
    font-size: 32px;
    margin-bottom: 12px;
  }
  .footer-columns nav > a {
    font-size: 12px;
    min-height: 32px;
  }
  .footer-sign {
    grid-column: 1/-1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 25px;
    padding-top: 15px;
  }
  .footer-sign .brand-symbol {
    width: 65px;
    height: 65px;
  }
  .footer-sign > p {
    font-size: 27px;
    text-align: left;
  }
  .footer-centred-wordmark {
    font-size: 17vw;
    margin: 45px 0 28px;
    padding-right: 0.055em;
    line-height: 1.4;
  }
  .wild-footer .footer-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 12px;
    font-size: 10px;
  }
  .wild-footer .footer-bottom > a {
    font-size: 10px;
  }
  .case-dialog h2 {
    font-size: 50px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .motion-root *,
  .motion-root *:before,
  .motion-root *:after {
    animation: none !important;
    transition: none !important;
  }
  .hero-snippet,
  .design-card-surface {
    will-change: auto;
  }
}
[data-motion="paused"] *,
[data-motion="paused"] *:before,
[data-motion="paused"] *:after {
  animation-play-state: paused !important;
  transition: none !important;
}
.hero--experimental {
  height: auto;
  max-height: none;
  min-height: 0;
  padding: 120px var(--gutter) 0;
  overflow: clip;
}
.hero-topline {
  position: relative;
  inset: auto;
  top: auto;
  left: auto;
  right: auto;
  font-family: var(--body);
}
.hero-type-plane {
  position: relative;
  inset: auto;
  margin-top: 22px;
  padding-bottom: 0.08em;
}
.hero--experimental .hero-story {
  display: block;
  font-size: clamp(52px, 7.1vw, 126px);
  line-height: 1.05;
  letter-spacing: -0.045em;
  white-space: normal;
  text-align: center;
}
.hero-story-line {
  display: block;
  overflow: hidden;
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
}
.hero-story-opening {
  font-size: 1.32em;
}
.hero-story-ending .kinetic-letter {
  white-space: nowrap;
}
.hero-story-invitation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: fit-content;
  min-height: 44px;
  margin: 20px auto 0;
  font-family: var(--display);
  font-size: clamp(25px, 2.4vw, 40px);
  letter-spacing: -0.025em;
}
.hero-story-invitation span {
  transition: transform 0.2s;
}
.hero-story-invitation:hover span {
  transform: translate(3px, -3px);
}
.hero-design-board {
  position: relative;
  inset: auto;
  width: 86%;
  height: 34vw;
  max-height: 520px;
  margin: 26px auto 40px;
}
.hero-board-tools {
  position: relative;
  inset: auto;
  justify-content: flex-end;
  margin: 0 0 24px;
  font-family: var(--body);
}
.hero-new-bottom {
  position: relative;
  inset: auto;
  left: auto;
  right: auto;
  bottom: auto;
  padding: 36px 0 45px;
  align-items: end;
}
.hero-guiding-line {
  font-size: clamp(36px, 4.3vw, 74px);
}
.hero--experimental .hero-cta {
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
}
.card-note-type {
  transform: none;
  font-weight: 700;
}
.card-display-word {
  font-weight: 700;
  margin: 15px 0;
}
h1,
h2,
h3 {
  font-weight: 700 !important;
}
.hero-topline {
  font-size: 11px;
}
@media (max-width: 760px) {
  .hero--experimental {
    padding: 105px 24px 0;
  }
  .hero-topline {
    font-size: 9px;
  }
  .hero-type-plane {
    padding-top: 0;
    margin-top: 30px;
    left: auto;
    right: auto;
    top: auto;
  }
  .hero--experimental .hero-story {
    font-size: 12.4vw;
    line-height: 1.08;
  }
  .hero-story-opening {
    font-size: 0.75em;
    white-space: nowrap;
    margin-bottom: 6px;
  }
  .hero-story-ending .kinetic-letter {
    display: block;
  }
  .hero-story-invitation {
    font-size: 26px;
    margin-top: 16px;
  }
  .hero-design-board {
    width: 100%;
    height: 82vw;
    min-height: 300px;
    margin: 40px auto 28px;
    left: auto;
    right: auto;
    top: auto;
  }
  .hero .design-card-campaign {
    left: 29%;
    width: 45%;
    height: 92%;
  }
  .hero .design-card-note {
    left: 0;
    width: 34%;
    height: 62%;
    top: 21%;
  }
  .hero .design-card-type {
    width: 32%;
    right: 0;
    top: 15%;
    height: 69%;
  }
  .hero-board-tools {
    left: auto;
    right: auto;
    bottom: auto;
    justify-content: space-between;
    margin: 10px 0 20px;
  }
  .hero-new-bottom {
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    padding: 26px 0 40px;
  }
  .hero-new-bottom > div:nth-child(2) {
    margin-top: 25px;
  }
  .hero-guiding-line {
    font-size: 12vw;
  }
  .hero .hero-cta {
    font-size: 12px;
    max-width: none;
  }
  .hero-scroll-link {
    display: none;
  }
  .hero-bold-symbol {
    width: 65px;
    height: 65px;
    left: 4%;
    top: -12%;
  }
  .hero-flower-symbol {
    width: 55px;
    height: 55px;
    right: 0;
  }
  .hero-snippet {
    width: 26%;
    height: 65%;
  }
  .hero-snippet figcaption {
    font-size: 7px;
    left: 8px;
    bottom: 7px;
  }
  .design-card-note > .design-card-surface,
  .design-card-type > .design-card-surface {
    padding: 15px 12px;
  }
  .card-note-type {
    font-size: 8vw;
  }
  .card-display-word {
    font-size: 8vw;
    margin: 6px 0;
  }
  .card-symbol {
    width: 40px;
    height: 40px;
  }
  .card-corner {
    font-size: 7px;
    letter-spacing: 0;
  }
  .card-caption {
    font-size: 6px;
  }
  .hero-concept-name {
    font-size: 8.7vw;
  }
  .design-card-label {
    font-size: 8px;
    padding: 10px;
  }
  .snippet-one {
    left: -8%;
  }
  .snippet-two {
    right: -7%;
  }
  .board-drag-symbol {
    right: 2%;
    top: -8%;
    width: 36px;
    height: 36px;
    font-size: 19px;
  }
}
html:has([data-motion="paused"]) {
  scroll-behavior: auto;
}
[hidden] {
  display: none !important;
}
@media (max-width: 760px) {
  .manifesto-content .manifesto-tagline {
    font-size: 15vw;
  }
  .manifesto-content .manifesto-tagline > span {
    white-space: nowrap;
  }
}
.work .section-heading .small-label,
.work .work-note {
  color: var(--ink);
}
.contact-dialog-top {
  position: sticky;
  top: -35px;
  background: var(--paper);
  z-index: 6;
  box-shadow: 0 -36px 0 var(--paper);
}
@media (max-width: 999px) {
  .contact-dialog-top {
    top: -28px;
  }
}
@media (max-width: 760px) {
  .contact-dialog-top {
    top: -20px;
    box-shadow: 0 -21px 0 var(--paper);
  }
}
button.text-link {
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
}
@media (max-width: 760px) {
  .offers-heading h2 {
    font-size: clamp(48px, 16.3vw, 65px);
  }
  .ai-heading h2 {
    font-size: clamp(45px, 14.5vw, 58px);
  }
}
.brand-lockup {
  display: inline-flex;
  position: relative;
  font-family: var(--display);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.055em;
  font-style: normal;
  white-space: nowrap;
}
.brand-lockup .brand-symbol {
  position: absolute;
  pointer-events: none;
}
.lockup-1 {
  flex-direction: column;
  padding-right: 0.65em;
  text-align: left;
}
.lockup-1 .brand-symbol {
  width: 0.65em;
  height: 0.65em;
  right: -0.08em;
  top: 0.25em;
}
.lockup-2 {
  align-items: center;
  gap: 0.22em;
  letter-spacing: -0.07em;
}
.lockup-2 > span:first-child {
  font-size: 1.8em;
}
.lockup-2 .lockup-sign {
  font-family: var(--body);
  font-size: 0.15em;
  line-height: 1.5;
  letter-spacing: 0;
  white-space: normal;
}
.lockup-2 .brand-symbol {
  width: 1.8em;
  height: 1.8em;
  left: -0.2em;
  top: -0.15em;
  opacity: 0.3;
}
.studio-intro {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100svh;
  max-width: none;
  max-height: none;
  border: 0;
  margin: 0;
  padding: 36px var(--gutter);
  background: var(--ink);
  color: var(--paper);
  overflow: hidden;
  z-index: 500;
}
.studio-intro[open] {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 20px;
}
.studio-intro::backdrop {
  background: var(--ink);
}
.intro-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.intro-top button {
  padding: 12px 20px;
  border: 1px solid #f5f2ed66;
  border-radius: 50px;
  background: transparent;
  color: inherit;
  min-height: 44px;
}
.intro-top button:hover {
  background: var(--paper);
  color: var(--ink);
}
.intro-logo-stage {
  position: relative;
  min-height: 0;
}
.intro-logo {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(70px, 15vw, 245px);
}
.intro-logo .lockup-1 {
  font-size: 0.78em;
}
.intro-logo .lockup-2 {
  font-size: 0.85em;
}
.intro-slogan {
  font-family: var(--display);
  font-size: clamp(36px, 5vw, 80px);
  text-align: center;
  padding-bottom: 30px;
}
.intro-progress {
  position: absolute;
  height: 3px;
  background: var(--sand);
  left: 0;
  bottom: 0;
  width: 100%;
  transform-origin: left;
  animation: intro-progress 2.3s linear both;
}
@keyframes intro-progress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.archive-film {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.archive-film img,
.archive-film video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archive-film video {
  z-index: 1;
}
.hero--experimental .hero-story {
  line-height: 1.12;
  -webkit-text-stroke: 1.5px var(--ink);
  -webkit-text-fill-color: transparent;
  color: transparent;
  paint-order: stroke fill;
}
.hero-story-line {
  overflow: visible;
}
.hero-story-word {
  display: inline-block;
  white-space: pre;
}
.hero-story .kinetic-letter {
  display: inline-block;
}
.hero-phrase {
  display: inline-block;
  white-space: nowrap;
}
.hero-story-ending .kinetic-letter {
  white-space: normal;
}
.hero-service-line {
  font-family: var(--display);
  font-size: clamp(26px, 3vw, 48px) !important;
  line-height: 1.1;
}
.hero-new-bottom {
  padding-top: 24px;
}
.hero-logo-echo {
  position: absolute;
  right: 8%;
  bottom: 80px;
  font-size: 120px;
  opacity: 0.025;
  pointer-events: none;
  z-index: 0;
}
.hero .card-corner .brand-lockup {
  font-size: 18px;
  width: 90px;
  min-height: 30px;
  letter-spacing: -0.04em;
}
.hero .card-corner .lockup-1 {
  font-size: 13px;
}
.hero .card-corner .lockup-2 {
  font-size: 15px;
}
.hero .design-card {
  transition:
    left 0.75s,
    right 0.75s,
    top 0.75s,
    width 0.75s,
    height 0.75s;
}
.hero .design-card-surface {
  transition:
    background-color 0.7s,
    color 0.7s;
}
.design-card-campaign img {
  transition:
    object-position 0.7s,
    transform 0.7s;
}
.composition-1 .design-card-campaign {
  left: 12%;
  width: 31%;
  top: 4%;
  height: 91%;
}
.composition-1 .design-card-note {
  left: 48%;
  top: -2%;
  width: 24%;
  height: 73%;
}
.composition-1 .design-card-type {
  right: 0;
  top: 16%;
  width: 27%;
  height: 76%;
}
.composition-1 .design-card-type > .design-card-surface {
  background: var(--paper);
  color: var(--ink);
}
.composition-1 .design-card-campaign img {
  object-position: 20% center;
  transform: scale(1.08);
}
.composition-1 .hero-board-orbit {
  transform: rotate(25deg) scale(0.9);
}
.composition-1 .snippet-one {
  transform: translateX(50px);
}
.composition-1 .hero-bold-symbol {
  left: 70%;
  top: -8%;
  transform: rotate(-25deg);
}
.composition-2 .design-card-campaign {
  left: 53%;
  top: 0;
  width: 30%;
  height: 100%;
}
.composition-2 .design-card-note {
  left: 4%;
  top: 3%;
  height: 70%;
}
.composition-2 .design-card-type {
  right: 35%;
  top: 26%;
  height: 70%;
  width: 27%;
}
.composition-2 .design-card-note > .design-card-surface {
  background: var(--ink);
  color: var(--paper);
}
.composition-2 .design-card-type > .design-card-surface {
  background: var(--beige);
  color: var(--ink);
}
.composition-2 .design-card-campaign img {
  object-position: 85% center;
  transform: scale(1.12);
}
.composition-2 .hero-board-orbit {
  transform: rotate(-35deg) scale(1.12);
}
.composition-2 .hero-flower-symbol {
  right: 77%;
  top: 70%;
  transform: rotate(35deg);
}
.hero-board-orbit,
.hero-bold-symbol,
.hero-flower-symbol {
  transition:
    transform 0.8s,
    left 0.8s,
    right 0.8s,
    top 0.8s;
}
.hero-concept-name {
  font-size: clamp(30px, 3.3vw, 60px);
  max-width: 85%;
  text-shadow: 0 2px 24px #1e1e1e66;
}
.entirely-you {
  position: relative;
  overflow: clip;
  background: var(--sand);
  color: var(--ink);
  padding-top: 50px;
  padding-bottom: 65px;
}
.entirely-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.entirely-top > .brand-lockup {
  font-size: 38px;
}
.entirely-you h2 {
  position: relative;
  z-index: 2;
  font-size: clamp(64px, 10.4vw, 175px);
  line-height: 1.08;
  letter-spacing: -0.045em;
  margin: 70px 0;
  max-width: none;
}
.entirely-you h2 > span {
  display: block;
  white-space: nowrap;
}
.entirely-word-two {
  margin-left: 10%;
}
.entirely-disc {
  position: absolute;
  right: 5%;
  top: 38%;
  width: clamp(95px, 12vw, 180px);
  aspect-ratio: 1;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: grid;
  place-content: center;
  text-align: center;
  z-index: 1;
}
.entirely-disc .brand-symbol {
  width: 45px;
  height: 45px;
  margin: auto auto 10px;
}
.entirely-disc > span:last-child {
  font-family: var(--accent);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}
.entirely-foot {
  display: flex;
  justify-content: space-between;
  gap: 35px;
  align-items: end;
  position: relative;
  z-index: 3;
}
.entirely-foot p {
  font-size: 14px;
  line-height: 1.65;
}
.entirely-foot .text-link {
  font-size: 15px;
}
.wild-manifesto .manifesto-agency {
  font-family: var(--display);
  font-size: clamp(55px, 9.6vw, 160px);
  line-height: 1.04;
  letter-spacing: -0.035em;
  margin: 0 0 80px;
  padding: 0 0 60px;
  border-bottom: 1px solid #f5f2ed55;
  position: relative;
  z-index: 2;
  max-width: none;
}
.manifesto-content .manifesto-tagline {
  font-size: clamp(62px, 9.5vw, 160px);
}
.manifesto-aperture {
  top: 8%;
  right: -9%;
}
.studio-menu .menu-spread {
  grid-template-columns: 1.1fr 0.9fr;
  gap: 5vw;
  align-items: center;
  min-height: 0;
}
.studio-menu .menu-spread nav {
  gap: 3px;
}
.studio-menu .menu-spread nav > a {
  font-size: clamp(27px, 3.5vw, 59px);
  line-height: 1.13;
  padding: 5px 0;
  letter-spacing: -0.035em;
}
.menu-photo-stack {
  height: clamp(340px, 56vh, 650px);
}
.menu-photo {
  overflow: hidden;
  background: var(--paper);
}
.menu-photo .archive-film {
  position: absolute;
  inset: 0;
}
.menu-film-caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: var(--paper);
  padding: 12px;
  font-size: 12px;
  color: var(--ink);
  z-index: 3;
}
.menu-social-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
  gap: 10px;
  padding: 35px;
  background: var(--beige);
  align-content: center;
}
.menu-social-grid > span {
  padding: 20px;
  font-family: var(--display);
  font-size: 54px;
  line-height: 1;
  background: var(--ink);
  color: var(--paper);
  min-width: 0;
}
.menu-social-grid > span:nth-child(2) {
  background: var(--sand);
  color: var(--ink);
  margin-top: 35px;
}
.menu-social-grid > .brand-symbol {
  width: 80px;
  height: 80px;
  margin: 25px;
}
.menu-social-grid > .brand-lockup {
  font-size: 30px;
  white-space: normal;
  background: transparent;
  color: var(--ink);
}
.menu-campaign-word {
  position: absolute;
  left: 12%;
  top: 12%;
  font:
    700 80px "Lab Grotesk",
    sans-serif;
  color: var(--paper);
  letter-spacing: -0.06em;
}
.menu-campaign-word small {
  font: 12px var(--body);
  letter-spacing: 0;
}
.menu-brand-worlds {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 35px;
  height: 100%;
  background: #ccb8a5;
  color: #f1e8dd;
}
.menu-brand-worlds > span:first-child {
  font:
    52px/0.9 "Lab Serif",
    serif;
}
.menu-brand-worlds > span:nth-child(2) {
  font:
    700 65px "Lab Grotesk",
    sans-serif;
  color: #1e1e1e;
}
.menu-brand-worlds > span:nth-child(3) {
  font:
    700 39px "Lab Mono",
    monospace;
  letter-spacing: -0.07em;
}
.menu-brand-worlds > small {
  font-size: 11px;
  margin-top: 25px;
}
.menu-signature-art {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 50px;
  height: 100%;
  padding: 50px;
  background: var(--ink);
  color: var(--paper);
}
.menu-signature-art > .brand-lockup {
  font-size: 110px;
}
.menu-signature-art > span:last-child {
  font-family: var(--display);
  font-size: 43px;
  line-height: 1;
}
.service-menu {
  margin: 22px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.service-menu summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 54px;
  padding: 10px 0;
  font-size: 13px;
  cursor: pointer;
}
.service-menu summary::-webkit-details-marker {
  display: none;
}
.service-menu summary > span {
  font-size: 22px;
}
.service-menu[open] summary > span {
  transform: rotate(45deg);
}
.service-detail {
  border-top: 1px solid var(--line);
  padding: 20px 0;
}
.service-detail h4 {
  font-family: var(--body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.service-detail p {
  font-size: 13px;
  line-height: 1.7;
  margin: 12px 0;
}
.service-detail a {
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.content-services {
  margin-top: 110px;
  border-top: 1px solid var(--line);
  padding-top: 65px;
  scroll-margin-top: 100px;
}
.content-services-heading {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: end;
  margin-bottom: 45px;
}
.content-services h3 {
  font-size: clamp(46px, 5.6vw, 90px);
  line-height: 1.04;
  letter-spacing: -0.035em;
}
.content-services-heading p {
  font-size: 14px;
  line-height: 1.7;
}
.content-service-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  align-items: start;
}
.content-service-grid > details {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.content-service-grid summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 18px;
  padding: 24px 0;
  min-height: 60px;
}
.content-service-grid details p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 22px;
}
.content-service-grid details a {
  display: block;
  font-size: 12px;
  margin-bottom: 24px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.content-archive {
  height: 280px;
  position: relative;
  overflow: hidden;
}
.content-archive .archive-film {
  position: absolute;
  inset: 0;
}
.content-archive > span:last-child {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 14px 18px;
  color: var(--paper);
  background: #1e1e1ebb;
  font-size: 11px;
  z-index: 3;
}
.offer-browser .web-design > div img {
  content: url("/images/studio-design.webp");
}
.rail-count {
  font-variant-numeric: tabular-nums;
  margin-left: 25px;
}
.rail-index {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 28px;
}
.rail-index button {
  min-width: 44px;
  min-height: 44px;
  padding: 10px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  font: 13px var(--body);
  cursor: pointer;
  color: var(--ink);
}
.rail-index button[aria-pressed="true"] {
  border-bottom-color: var(--ink);
}
.rail-index button:hover {
  background: var(--beige);
}
.project-rail .project .project-visual {
  height: clamp(380px, 46vw, 700px);
  aspect-ratio: auto;
}
.concept-art {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--beige);
  isolation: isolate;
  color: var(--ink);
}
.concept-art > img {
  object-fit: cover;
  z-index: -1;
}
.concept-print {
  position: absolute;
  top: 15%;
  left: 9%;
  width: 49%;
  height: 68%;
  padding: 6%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  background: var(--paper);
  box-shadow: 12px 20px 30px #1e1e1e20;
  transform: rotate(-7deg);
}
.concept-brand {
  font-family: "Lab Serif", serif;
  font-size: clamp(55px, 8vw, 140px);
  line-height: 0.9;
  letter-spacing: -0.045em;
  white-space: pre-line;
}
.concept-print > span:nth-child(2) {
  font-size: 12px;
  line-height: 1.4;
}
.concept-mark {
  font-size: 65px;
  line-height: 1;
  align-self: end;
}
.concept-object {
  position: absolute;
  right: 8%;
  top: 40%;
  background: var(--sand);
  width: 24%;
  height: 40%;
  transform: rotate(14deg);
  padding: 3%;
  box-shadow: 12px 20px 40px #1e1e1e25;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  white-space: pre-line;
}
.concept-object > span {
  font-family: "Lab Serif", serif;
  font-size: clamp(28px, 4vw, 70px);
  line-height: 1;
  letter-spacing: -0.04em;
}
.concept-object > small {
  font-size: 10px;
  line-height: 1.4;
}
.concept-caption {
  position: absolute;
  bottom: 5%;
  left: 6%;
  right: 6%;
  font-size: 11px;
}
.concept-terra .concept-caption {
  color: var(--ink);
  background: var(--paper);
  width: fit-content;
  padding: 8px;
}
.concept-quiet {
  background: #ccb8a5;
}
.concept-quiet .concept-print {
  transform: rotate(-2deg);
  left: 13%;
  top: 9%;
  height: 82%;
  width: 55%;
  padding: 5%;
  background: #f5f2ed;
}
.concept-quiet .concept-brand {
  font-size: clamp(52px, 7vw, 120px);
  max-width: 330px;
}
.concept-quiet .concept-object {
  width: 25%;
  height: 25%;
  top: 55%;
  right: 10%;
  background: #1e1e1e;
  color: #f5f2ed;
}
.concept-quiet .concept-object > span {
  font-size: clamp(22px, 2.8vw, 46px);
}
.concept-noir {
  background: #1e1e1e;
  color: var(--paper);
}
.concept-noir > img {
  object-position: 70% center;
}
.concept-noir .concept-print {
  left: 1%;
  top: 8%;
  width: 45%;
  height: 65%;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.concept-noir .concept-brand {
  font-family: "Lab Grotesk", sans-serif;
  font-weight: 700;
  font-size: clamp(60px, 12vw, 210px);
  letter-spacing: -0.09em;
}
.concept-noir .concept-object {
  display: none;
}
.concept-field {
  background: #ccb8a5;
  color: #f1e8dd;
}
.concept-field .concept-print {
  background: transparent;
  transform: none;
  box-shadow: none;
  padding: 0;
  left: 9%;
  top: 9%;
  height: 65%;
  width: 70%;
}
.concept-field .concept-brand {
  font-size: clamp(60px, 10vw, 170px);
  line-height: 0.85;
}
.concept-field .concept-object {
  background: #f1e8dd;
  color: #ccb8a5;
  right: 4%;
  top: 49%;
  width: 30%;
  height: 38%;
  transform: rotate(12deg);
}
.concept-field .concept-object > span {
  font-size: clamp(26px, 3.4vw, 58px);
}
.concept-offhours {
  background: #1e1e1e;
  color: #ccb8a5;
}
.concept-offhours .concept-print {
  left: 8%;
  top: 8%;
  background: transparent;
  box-shadow: none;
  transform: none;
  width: 80%;
  height: 78%;
  padding: 0;
}
.concept-offhours .concept-brand {
  font-family: "Lab Grotesk", sans-serif;
  font-weight: 700;
  font-size: clamp(70px, 12vw, 210px);
  line-height: 0.83;
  letter-spacing: -0.065em;
}
.concept-offhours .concept-object {
  border-radius: 50%;
  width: 37%;
  height: auto;
  aspect-ratio: 1;
  right: 4%;
  top: 35%;
  background: repeating-radial-gradient(#1e1e1e 0 5px, #1e1e1e 6px 7px);
  color: #ccb8a5;
  align-items: center;
  justify-content: center;
  transform: rotate(22deg);
  text-align: center;
}
.concept-offhours .concept-object > span {
  font-family: "Lab Grotesk", sans-serif;
  font-weight: 700;
  font-size: clamp(26px, 4vw, 70px);
}
.concept-offhours .concept-object > small {
  display: none;
}
.concept-sunday {
  background: #ccb8a5;
  color: #1e1e1e;
}
.concept-sunday .concept-print {
  background: #ccb8a5;
  left: 9%;
  top: 15%;
  width: 48%;
  height: 65%;
  transform: rotate(-9deg);
}
.concept-sunday .concept-brand {
  font:
    700 clamp(43px, 6.5vw, 110px)/0.95 "Lab Mono",
    monospace;
  letter-spacing: -0.08em;
}
.concept-sunday .concept-object {
  border-radius: 8px 8px 38% 38%;
  background: #1e1e1e;
  color: #f1e8dd;
  right: 10%;
  top: 32%;
  height: 52%;
  width: 25%;
  z-index: 2;
  justify-content: center;
  gap: 25px;
  text-align: center;
}
.concept-sunday .concept-object > span {
  font:
    700 clamp(26px, 3.2vw, 60px)/1 "Lab Mono",
    monospace;
  letter-spacing: -0.07em;
}
.concept-application .concept-print {
  left: 34%;
  top: 5%;
  transform: rotate(8deg) scale(0.85);
}
.concept-application .concept-object {
  right: 51%;
  top: 28%;
  transform: rotate(-15deg) scale(1.2);
}
.concept-dialog {
  background: var(--paper);
  padding: 0;
  overscroll-behavior: contain;
}
.concept-dialog .case-title {
  padding: 60px 7% 40px;
}
.concept-dialog .case-title h2 {
  font-size: clamp(45px, 7vw, 110px);
  margin: 20px 0;
  line-height: 1.1;
}
.concept-dialog .case-title > span,
.concept-dialog .case-title > p {
  font-size: 12px;
}
.concept-dialog-gallery {
  margin: 0 5%;
  position: relative;
}
.concept-dialog-gallery > div:first-child {
  height: clamp(380px, 48vw, 700px);
}
.concept-frame-controls {
  display: flex;
  justify-content: center;
  gap: 15px;
  padding: 20px;
}
.concept-frame-controls button {
  background: none;
  border: 1px solid var(--line);
  border-radius: 30px;
  padding: 12px 20px;
  font-size: 13px;
  min-height: 44px;
}
.concept-frame-controls button[aria-pressed="true"] {
  background: var(--ink);
  color: var(--paper);
}
.concept-story {
  padding: 30px 12% 80px;
  max-width: 1000px;
  margin: auto;
}
.concept-story p {
  font-size: 16px;
  line-height: 1.75;
  margin: 20px 0;
}
.concept-story p:first-child {
  font-size: clamp(22px, 3vw, 38px);
  line-height: 1.4;
}
.ai-season-plane > span:nth-child(2) {
  background: #ccb8a577;
  transform: translateX(20%);
}
.ai-season-plane > span:nth-child(3) {
  background: #1e1e1ebb;
  transform: translateX(-20%);
}
.ai-season-plane > span:nth-child(4) {
  background: #1e1e1e99;
  transform: translateY(20%);
}
.lab-art {
  overflow: hidden;
  isolation: isolate;
  min-height: 600px;
  background: var(--sand) !important;
}
.lab-bottle {
  animation: none !important;
  z-index: 3;
}
.lab-world-backdrops {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.lab-world-backdrop {
  position: absolute;
  inset: 0;
  padding: 35px;
  overflow: hidden;
}
.world-display {
  position: absolute;
  left: -5%;
  top: 9%;
  font-size: clamp(70px, 9vw, 160px);
  line-height: 0.95;
  letter-spacing: -0.065em;
  max-width: 100%;
  white-space: normal;
}
.world-edition {
  position: absolute;
  bottom: 28px;
  left: 25px;
  right: 25px;
  font-size: 10px;
  letter-spacing: 0.06em;
}
.backdrop-0 {
  background: #ccb8a5;
  color: #1e1e1e;
}
.backdrop-0 .world-display {
  font-family: "Lab Serif", serif;
}
.backdrop-0 .world-graphic {
  position: absolute;
  width: 50%;
  height: 55%;
  border: 1px solid currentColor;
  border-radius: 90% 10% 90% 10%;
  right: -5%;
  bottom: 12%;
  transform: rotate(20deg);
  background: repeating-linear-gradient(
    45deg,
    transparent 0 25px,
    #1e1e1e22 26px 28px
  );
}
.backdrop-1 {
  background: #1e1e1e;
  color: #f1e8dd;
}
.backdrop-1 .world-display {
  font-family: "Lab Grotesk", sans-serif;
  font-weight: 700;
  font-size: clamp(120px, 20vw, 330px);
  top: 4%;
}
.backdrop-1 .world-graphic {
  position: absolute;
  width: 70%;
  aspect-ratio: 1;
  border: 1px solid #ccb8a5;
  transform: rotate(45deg);
  bottom: -15%;
  left: 15%;
}
.backdrop-2 {
  background: #f1e8dd;
  color: #1e1e1e;
}
.backdrop-2 .world-display {
  font-family: "Lab Mono", monospace;
  font-weight: 700;
  font-size: clamp(65px, 7.3vw, 130px);
  top: 12%;
  left: 1%;
  letter-spacing: -0.08em;
}
.backdrop-2 .world-graphic {
  position: absolute;
  width: 75%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ccb8a5;
  bottom: -15%;
  right: -15%;
}
.lab .bottle-body {
  background: linear-gradient(
    90deg,
    #1e1e1ecc 0%,
    #1e1e1eee 16%,
    #ccb8a5dd 44%,
    #1e1e1ef5 83%,
    #1e1e1eee 100%
  );
  border: 1px solid #ccb8a555;
}
.lab.world-1 .bottle-body {
  background: linear-gradient(90deg, #1e1e1ef5, #1e1e1eee 35%, #1e1e1ef5 85%);
  border-color: #ccb8a566;
}
.lab.world-2 .bottle-body {
  background: linear-gradient(
    90deg,
    #ccb8a5dd,
    #ccb8a5ee 30%,
    #f1e8ddee 55%,
    #ccb8a5ee
  );
  border-color: #f1e8dd88;
}
.bottle-imprint {
  position: absolute;
  inset: 22% 8% 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-align: center;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f5f2ed;
  transform-style: preserve-3d;
  padding: 0;
}
.bottle-imprint .brand-symbol {
  width: 40px;
  height: 40px;
}
.bottle-imprint .bottle-logo {
  font:
    400 38px/0.9 "Lab Serif",
    serif;
  letter-spacing: -0.045em;
  max-width: 100%;
  color: inherit;
}
.bottle-imprint .bottle-descriptor {
  font:
    11px "Lab Serif",
    serif;
  letter-spacing: 0.02em;
  color: inherit;
}
.bottle-imprint .bottle-rule {
  height: 1px;
  width: 35%;
  background: currentColor;
  opacity: 0.6;
}
.bottle-imprint small {
  font:
    8px/1.6 "Lab Serif",
    serif;
  color: inherit;
  letter-spacing: 0.03em;
  position: static;
  margin: 0;
}
.imprint-1 {
  color: #f1e8dd;
}
.imprint-1 .bottle-logo {
  font:
    700 52px/0.9 "Lab Grotesk",
    sans-serif;
  letter-spacing: -0.08em;
}
.imprint-1 .bottle-descriptor,
.imprint-1 small {
  font-family: "Lab Grotesk", sans-serif;
}
.imprint-2 {
  color: #1e1e1e;
}
.imprint-2 .bottle-logo {
  font:
    700 30px/1 "Lab Mono",
    monospace;
  letter-spacing: -0.09em;
}
.imprint-2 .bottle-descriptor,
.imprint-2 small {
  font-family: "Lab Mono", monospace;
}
.world-0 .lab-identity-name {
  font:
    42px "Lab Serif",
    serif;
}
.world-1 .lab-identity-name {
  font:
    700 44px "Lab Grotesk",
    sans-serif;
}
.world-2 .lab-identity-name {
  font:
    700 36px "Lab Mono",
    monospace;
  letter-spacing: -0.08em;
}
.lab .lab-platform {
  z-index: 1;
  background: #1e1e1e22;
}
.lab .lab-orbit {
  z-index: 1;
  opacity: 0.35;
  border-color: #f1e8dd;
}
.lab .lab-world-number,
.lab .lab-art-caption {
  display: none;
}
.lab .demo-badge {
  background: var(--paper);
  color: var(--ink);
  z-index: 8;
}
.studio-journal-spread {
  grid-template-columns: 1.15fr 0.85fr;
  gap: 7vw;
}
.portrait-stage {
  height: clamp(600px, 59vw, 850px);
}
.portrait-stage .portrait-layer img {
  object-position: center center;
}
.portrait-contact-sheet {
  grid-template-columns: repeat(3, 1fr);
}
.footer-signature {
  width: clamp(180px, 20vw, 290px);
  height: 230px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  isolation: isolate;
}
.footer-signature::before {
  content: "";
  position: absolute;
  inset: 8% 12%;
  border: 1px solid var(--line);
  border-radius: 50%;
  transform: rotate(-25deg);
  z-index: -1;
}
.footer-signature > div {
  font-size: clamp(40px, 4.8vw, 70px);
}
.footer-signature > div .lockup-2 {
  font-size: 60px;
}
.footer-signature > span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
  font-family: var(--body);
}
.footer-sign > .brand-symbol {
  width: 45px;
  height: 45px;
}
@media (max-width: 1050px) {
  .menu-spread {
    padding-top: 15px;
  }
  .studio-menu .menu-spread nav > a {
    font-size: 32px;
  }
  .menu-photo-stack {
    height: 440px;
  }
  .menu-exhibit {
    min-width: 0;
  }
  .menu-social-grid > span {
    font-size: 35px;
  }
  .menu-signature-art > .brand-lockup {
    font-size: 65px;
  }
  .content-service-grid {
    gap: 20px;
  }
  .lab-art {
    min-height: 550px;
  }
  .content-services h3 {
    font-size: 54px;
  }
  .entirely-disc {
    right: 4%;
    top: 42%;
  }
  .studio-journal-spread {
    gap: 4vw;
  }
  .portrait-stage {
    height: 630px;
  }
}
@media (max-width: 760px) {
  .studio-intro {
    padding: 24px;
  }
  .intro-top {
    font-size: 10px;
    gap: 20px;
  }
  .intro-top > span {
    max-width: 130px;
  }
  .intro-top button {
    font-size: 11px;
    padding: 10px 15px;
  }
  .intro-logo {
    font-size: 17vw;
  }
  .intro-logo .lockup-1 {
    font-size: 1.15em;
  }
  .intro-logo .lockup-2 {
    font-size: 1em;
  }
  .intro-slogan {
    font-size: 10vw;
    margin-bottom: 35px;
  }
  .hero--experimental .hero-story {
    -webkit-text-stroke: 1px var(--ink);
    line-height: 1.14;
  }
  .hero-story-ending .kinetic-letter {
    display: inline-block;
  }
  .hero-story-ending .hero-phrase {
    display: block;
  }
  .hero .hero-service-line {
    font-size: 27px !important;
    margin-top: 0;
  }
  .hero .card-corner .brand-lockup {
    font-size: 11px;
    width: 55px;
    min-height: 18px;
  }
  .hero .card-corner .lockup-1 {
    font-size: 9px;
  }
  .hero .card-corner .lockup-2 {
    font-size: 10px;
  }
  .hero-concept-name {
    font-size: 8vw;
    left: 8%;
    top: 9%;
    max-width: 85%;
  }
  .hero-logo-echo {
    display: none;
  }
  .composition-1 .design-card-campaign {
    left: 3%;
    width: 47%;
    top: 3%;
    height: 86%;
  }
  .composition-1 .design-card-note {
    left: 51%;
    top: 5%;
    width: 37%;
    height: 63%;
  }
  .composition-1 .design-card-type {
    right: 4%;
    top: 44%;
    width: 40%;
    height: 60%;
  }
  .composition-2 .design-card-campaign {
    left: 48%;
    width: 48%;
    top: 0;
    height: 90%;
  }
  .composition-2 .design-card-note {
    left: 0;
    top: 2%;
    width: 37%;
    height: 62%;
  }
  .composition-2 .design-card-type {
    right: 43%;
    top: 39%;
    width: 39%;
    height: 63%;
  }
  .hero-design-board {
    margin-top: 50px;
    margin-bottom: 45px;
  }
  .composition-1 .hero-design-board,
  .composition-2 .hero-design-board {
    height: 103vw;
    min-height: 350px;
  }
  .entirely-you {
    padding: 30px 24px 45px;
  }
  .entirely-top {
    font-size: 10px;
    align-items: start;
    gap: 30px;
  }
  .entirely-top > span:first-child {
    max-width: 160px;
    line-height: 1.5;
  }
  .entirely-top > .brand-lockup {
    font-size: 28px;
  }
  .entirely-you h2 {
    font-size: 12.6vw;
    margin: 65px 0 55px;
    line-height: 1.08;
  }
  .entirely-word-two {
    margin-left: 3%;
  }
  .entirely-disc {
    width: 75px;
    right: 8%;
    top: 14%;
  }
  .entirely-disc .brand-symbol {
    width: 30px;
    height: 30px;
    margin: 0;
  }
  .entirely-disc > span:last-child {
    display: none;
  }
  .entirely-foot {
    display: block;
  }
  .entirely-foot p {
    font-size: 13px;
    margin-bottom: 25px;
  }
  .entirely-foot .text-link {
    font-size: 13px;
  }
  .wild-manifesto .manifesto-agency {
    font-size: 13vw;
    line-height: 1.04;
    margin-bottom: 55px;
    padding-bottom: 45px;
  }
  .manifesto-content .manifesto-tagline {
    font-size: 15vw;
  }
  .manifesto-aperture {
    top: 7%;
  }
  .studio-menu .menu-spread {
    display: block;
  }
  .studio-menu .menu-spread nav > a {
    font-size: clamp(26px, 7.2vw, 39px);
    padding: 5px 0;
    line-height: 1.12;
  }
  .studio-menu .menu-spread nav {
    gap: 3px;
  }
  .studio-menu .menu-exhibit {
    display: none;
  }
  .menu-top {
    margin-bottom: 20px;
  }
  .studio-menu .menu-bottom {
    font-size: 10px;
  }
  .content-services {
    margin-top: 70px;
    padding-top: 45px;
  }
  .content-services-heading {
    display: block;
    margin-bottom: 30px;
  }
  .content-services h3 {
    font-size: 12vw;
  }
  .content-services-heading p {
    font-size: 13px;
    margin-top: 25px;
  }
  .content-service-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .content-service-grid summary {
    font-size: 19px;
  }
  .content-archive {
    height: 270px;
    max-width: 440px;
  }
  .content-archive .archive-film img,
  .content-archive .archive-film video {
    object-position: center 45%;
  }
  .project-rail .project .project-visual {
    height: 115vw;
    min-height: 340px;
    max-height: 520px;
  }
  .concept-print {
    left: 8%;
    top: 15%;
    width: 63%;
    height: 62%;
    padding: 8%;
    transform: rotate(-6deg);
  }
  .concept-brand {
    font-size: 18vw;
  }
  .concept-print > span:nth-child(2) {
    font-size: 10px;
  }
  .concept-mark {
    font-size: 40px;
  }
  .concept-object {
    right: 3%;
    width: 33%;
    height: 34%;
    top: 48%;
    padding: 6%;
  }
  .concept-object > span {
    font-size: 9vw;
  }
  .concept-object > small {
    font-size: 8px;
  }
  .concept-caption {
    font-size: 9px;
    bottom: 4%;
  }
  .concept-quiet .concept-print {
    left: 8%;
    width: 72%;
    height: 78%;
    padding: 8%;
  }
  .concept-quiet .concept-brand {
    font-size: 17vw;
  }
  .concept-quiet .concept-object {
    right: 2%;
    width: 36%;
    height: 26%;
    top: 60%;
  }
  .concept-quiet .concept-object > span {
    font-size: 7vw;
  }
  .concept-noir .concept-print {
    left: 0;
    top: 8%;
    width: 55%;
    height: 65%;
  }
  .concept-noir .concept-brand {
    font-size: 23vw;
  }
  .concept-noir > img {
    object-position: 65% center;
  }
  .concept-field .concept-brand {
    font-size: 21vw;
  }
  .concept-field .concept-object {
    width: 38%;
    top: 53%;
    height: 30%;
    right: 2%;
  }
  .concept-field .concept-object > span {
    font-size: 8vw;
  }
  .concept-offhours .concept-brand {
    font-size: 24vw;
  }
  .concept-offhours .concept-print {
    height: 80%;
  }
  .concept-offhours .concept-object {
    width: 53%;
    top: 48%;
    right: 1%;
  }
  .concept-offhours .concept-object > span {
    font-size: 12vw;
  }
  .concept-sunday .concept-print {
    width: 68%;
    height: 64%;
    left: 6%;
    top: 12%;
  }
  .concept-sunday .concept-brand {
    font-size: 15vw;
  }
  .concept-sunday .concept-object {
    right: 4%;
    width: 39%;
    top: 52%;
    height: 36%;
  }
  .concept-sunday .concept-object > span {
    font-size: 9vw;
  }
  .concept-application .concept-print {
    left: 24%;
    top: 7%;
    transform: rotate(9deg) scale(0.85);
  }
  .concept-application .concept-object {
    right: 51%;
    top: 48%;
    transform: rotate(-12deg);
  }
  .concept-dialog .case-title {
    padding: 45px 24px 30px;
  }
  .concept-dialog .case-title h2 {
    font-size: 13vw;
  }
  .concept-dialog-gallery {
    margin: 0 15px;
  }
  .concept-dialog-gallery > div:first-child {
    height: 105vw;
    min-height: 340px;
  }
  .concept-frame-controls {
    padding: 18px 0;
    gap: 10px;
  }
  .concept-frame-controls button {
    font-size: 11px;
    padding: 12px 16px;
  }
  .concept-story {
    padding: 15px 24px 45px;
  }
  .concept-story p {
    font-size: 14px;
  }
  .concept-story p:first-child {
    font-size: 23px;
  }
  .rail-count {
    margin-left: 12px;
  }
  .rail-index {
    gap: 3px;
  }
  .rail-index button {
    padding: 8px;
    min-width: 40px;
  }
  .lab-art {
    min-height: 560px;
    height: 145vw;
    max-height: 680px;
  }
  .lab .bottle-tilt {
    transform: scale(0.9);
  }
  .lab .lab-bottle {
    width: 170px;
  }
  .world-display {
    font-size: 24vw;
    top: 12%;
  }
  .backdrop-1 .world-display {
    font-size: 42vw;
  }
  .backdrop-2 .world-display {
    font-size: 18vw;
    top: 12%;
  }
  .lab-world-backdrop {
    padding: 24px;
  }
  .world-edition {
    font-size: 8px;
    bottom: 25px;
  }
  .bottle-imprint .bottle-logo {
    font-size: 30px;
  }
  .imprint-1 .bottle-logo {
    font-size: 45px;
  }
  .imprint-2 .bottle-logo {
    font-size: 27px;
  }
  .bottle-imprint .bottle-descriptor {
    font-size: 10px;
  }
  .bottle-imprint small {
    font-size: 7px;
  }
  .world-0 .lab-identity-name {
    font-size: 37px;
  }
  .world-1 .lab-identity-name {
    font-size: 40px;
  }
  .world-2 .lab-identity-name {
    font-size: 31px;
  }
  .studio-journal-spread {
    display: block;
  }
  .portrait-stage {
    height: 135vw;
    min-height: 460px;
    max-height: 740px;
  }
  .studio-journal-copy {
    margin-top: 45px;
  }
  .portrait-contact-sheet {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .portrait-contact-sheet button > span {
    font-size: 9px;
  }
  .footer-signature {
    width: 210px;
    height: 195px;
    margin-bottom: 24px;
  }
  .footer-signature > div {
    font-size: 50px;
  }
  .footer-signature > div .lockup-2 {
    font-size: 55px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .studio-intro {
    display: none !important;
  }
  .intro-progress {
    animation: none;
  }
  .hero .design-card,
  .hero-board-orbit,
  .hero-bold-symbol,
  .hero-flower-symbol,
  .ai-season-plane,
  .ai-season-plane > span {
    transition: none !important;
  }
}
@media (forced-colors: active) {
  .hero--experimental .hero-story {
    -webkit-text-stroke-color: CanvasText;
  }
  .entirely-you {
    background: Canvas;
    color: CanvasText;
  }
}
.concept-field {
  background: #ccb8a5;
  color: #f5f2ed;
}
.concept-field .concept-object {
  background: #f1e8dd;
  color: #1e1e1e;
}
.concept-offhours {
  background: #1e1e1e;
  color: #ccb8a5;
}
.concept-offhours .concept-object {
  color: #f1e8dd;
  background: repeating-radial-gradient(#1e1e1e 0 5px, #1e1e1e 6px 7px);
}
.concept-sunday {
  background: #ccb8a5;
  color: #1e1e1e;
}
.concept-sunday .concept-print {
  background: #f1e8dd;
}
.concept-sunday .concept-object {
  background: #1e1e1e;
  color: #f5f2ed;
}
.concept-system {
  padding: 20px 6% 75px;
  max-width: 1550px;
  margin: auto;
}
.concept-system > section {
  padding: 60px 0;
  border-top: 1px solid var(--line);
}
.case-system-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 35px;
  margin-bottom: 40px;
}
.case-system-heading h3 {
  font-size: clamp(34px, 4vw, 62px);
  line-height: 1.06;
  letter-spacing: -0.035em;
  max-width: 70%;
  text-wrap: balance;
}
.case-system-heading p {
  font-size: 12px;
  line-height: 1.6;
  max-width: 230px;
}
.case-logos {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 18px;
}
.case-logos > div {
  position: relative;
  min-height: 290px;
  display: grid;
  place-content: center;
  background: var(--case-a);
  color: var(--case-d);
  padding: 35px;
  border: 1px solid #1e1e1e12;
}
.case-logos > div:nth-child(2) {
  background: var(--case-d);
  color: var(--case-a);
}
.case-logos > div:nth-child(3) {
  background: var(--case-b);
  color: var(--case-d);
}
.case-logos small {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  font: 10px var(--body);
  text-align: center;
}
.case-primary-logo {
  font:
    400 clamp(40px, 5.5vw, 86px)/0.9 var(--case-font),
    serif;
  letter-spacing: -0.06em;
  white-space: pre-line;
  text-align: center;
}
.system-offhours .case-primary-logo,
.system-noir .case-primary-logo,
.system-sunday .case-primary-logo {
  font-weight: 700;
}
.case-secondary-logo {
  display: flex;
  align-items: center;
  gap: 20px;
  font: 400 58px/1 var(--case-font);
  letter-spacing: -0.06em;
}
.case-secondary-logo > span {
  font-size: 40px;
}
.case-submark {
  font: 400 65px/0.9 var(--case-font);
  letter-spacing: -0.07em;
  position: relative;
  display: grid;
  place-items: center;
  width: 135px;
  height: 135px;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.case-submark > span {
  font-size: 25px;
  position: absolute;
  right: -7px;
  top: 5px;
  background: var(--case-b);
  padding: 5px;
}
.case-colour-chips {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.case-colour-chips > div > span:first-child {
  display: block;
  aspect-ratio: 1.2;
  background: var(--case-a);
  border: 1px solid #1e1e1e18;
}
.case-colour-chips > div > span:last-child {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font-size: 12px;
  margin-top: 15px;
}
.case-colour-chips small {
  font: 10px var(--body);
  font-variant-numeric: tabular-nums;
}
.case-type-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  background: var(--beige);
  padding: 45px;
}
.case-type-pair > div {
  min-width: 0;
}
.type-specimen-display,
.type-specimen-support {
  display: block;
  font-size: clamp(110px, 13vw, 200px);
  line-height: 1.1;
  margin-bottom: 30px;
  letter-spacing: -0.07em;
}
.type-specimen-display,
.type-demo-display {
  font-family: var(--case-font), serif;
}
.type-specimen-support,
.type-demo-support {
  font-family: var(--case-support), sans-serif;
}
.type-demo-display {
  font-size: clamp(27px, 3.3vw, 46px);
  line-height: 1.15;
  max-width: 450px;
  min-height: 120px;
  margin-bottom: 30px;
}
.type-demo-support {
  font-size: clamp(11px, 1.2vw, 16px);
  line-height: 1.8;
  overflow-wrap: anywhere;
  min-height: 120px;
  margin-bottom: 30px;
}
.case-type-pair small {
  font: 11px/1.6 var(--body);
}
.case-mockup-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 35px;
}
.case-print-scene {
  height: clamp(430px, 55vw, 760px);
  background: var(--case-b);
  color: var(--case-d);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  perspective: 1500px;
}
.case-print-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    transparent 0 40%,
    #1e1e1e12 41%,
    transparent 65%
  );
  pointer-events: none;
}
.case-letterhead {
  position: absolute;
  width: 47%;
  height: 82%;
  left: 16%;
  top: 6%;
  background: var(--case-a);
  color: var(--case-d);
  box-shadow:
    2px 3px 0 #1e1e1e22,
    25px 40px 50px #1e1e1e33;
  transform: rotate(-13deg) rotateX(10deg);
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.case-letterhead > span:first-child {
  font:
    400 clamp(35px, 5.4vw, 85px)/0.9 var(--case-font),
    serif;
  white-space: pre-line;
  letter-spacing: -0.05em;
}
.case-letterhead p {
  font:
    400 clamp(18px, 2vw, 28px)/1.4 var(--case-font),
    serif;
  max-width: 75%;
}
.mock-letter-lines {
  width: 80%;
  height: 21%;
  background: repeating-linear-gradient(
    transparent 0 10px,
    currentColor 10px 11px
  );
  opacity: 0.2;
}
.case-letterhead small {
  font:
    9px/1.8 var(--case-support),
    sans-serif;
  max-width: 80%;
}
.case-visit-card {
  position: absolute;
  right: 12%;
  top: 45%;
  width: 35%;
  height: 32%;
  background: var(--case-d);
  color: var(--case-a);
  box-shadow: 18px 30px 30px #1e1e1e33;
  transform: rotate(15deg);
  padding: 4%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.case-visit-card > span:first-child {
  font: 400 68px/0.9 var(--case-font);
  letter-spacing: -0.06em;
}
.case-visit-card small {
  font: 10px/1.4 var(--case-support);
  max-width: 80%;
}
.case-visit-card > span:last-child {
  position: absolute;
  right: 8%;
  top: 15%;
  font-size: 35px;
}
.case-seal {
  position: absolute;
  left: 10%;
  bottom: 12%;
  width: 12%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  background: var(--case-c);
  color: var(--case-a);
  border-radius: 50%;
  box-shadow: 7px 12px 25px #1e1e1e33;
  font-size: 55px;
  transform: rotate(-15deg);
}
.case-screen-scene {
  height: clamp(440px, 53vw, 760px);
  background: var(--case-c);
  position: relative;
  overflow: hidden;
  perspective: 1400px;
}
.case-desktop-mockup {
  position: absolute;
  left: 6%;
  top: 12%;
  width: 76%;
  height: 70%;
  background: var(--case-a);
  border: 9px solid #1e1e1e;
  border-radius: 12px;
  box-shadow: 25px 30px 50px #1e1e1e44;
  transform: rotate(-4deg);
  overflow: hidden;
  transform-style: preserve-3d;
}
.case-browser-bar {
  height: 27px;
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--case-a);
  color: var(--case-d);
  padding: 0 12px;
  border-bottom: 1px solid #1e1e1e22;
}
.case-browser-bar i {
  width: 5px;
  height: 5px;
  background: currentColor;
  border-radius: 50%;
  opacity: 0.5;
}
.case-browser-bar small {
  font: 7px var(--body);
  margin-left: 10px;
}
.case-mock-page {
  position: relative;
  height: calc(100% - 27px);
  padding: 5%;
  background: var(--case-a);
  color: var(--case-d);
  overflow: hidden;
}
.case-mock-page > span:first-child {
  display: block;
  font: 400 clamp(30px, 4.3vw, 65px)/0.9 var(--case-font);
  letter-spacing: -0.06em;
  white-space: pre-line;
}
.case-mock-page > small {
  position: absolute;
  right: 5%;
  top: 9%;
  font: 8px var(--case-support);
}
.case-mock-page > strong {
  font: 400 clamp(24px, 4vw, 60px)/1.05 var(--case-font);
  letter-spacing: -0.04em;
  display: block;
  width: 65%;
  margin-top: 7%;
  position: relative;
  z-index: 2;
}
.mock-page-art {
  position: absolute;
  width: 43%;
  height: 70%;
  right: 0;
  top: 25%;
  display: grid;
  place-items: center;
  background: var(--case-b);
  color: var(--case-d);
  font-size: clamp(90px, 18vw, 280px);
  transform: rotate(10deg);
  border-radius: 50% 50% 0 0;
}
.mock-page-footer {
  position: absolute;
  bottom: 6%;
  left: 5%;
  font: 9px var(--case-support);
  z-index: 3;
}
.case-phone-mockup {
  position: absolute;
  right: 8%;
  top: 28%;
  width: 21%;
  height: 62%;
  border: 7px solid #1e1e1e;
  border-radius: 30px;
  background: var(--case-d);
  color: var(--case-a);
  box-shadow: 18px 25px 40px #1e1e1e44;
  transform: rotate(9deg);
  padding: 8% 2% 3%;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.phone-speaker {
  position: absolute;
  top: 5%;
  width: 30%;
  height: 4px;
  border-radius: 5px;
  background: currentColor;
  opacity: 0.6;
}
.phone-brand {
  font: 400 clamp(18px, 2.7vw, 40px)/0.95 var(--case-font);
  letter-spacing: -0.05em;
  white-space: pre-line;
}
.phone-symbol {
  font-size: clamp(55px, 9vw, 120px);
  line-height: 0.8;
}
.case-phone-mockup p {
  font: 400 clamp(13px, 1.6vw, 22px)/1.2 var(--case-font);
}
.case-phone-mockup small {
  font: 7px/1.5 var(--case-support);
}
.phone-home {
  width: 35%;
  height: 3px;
  border-radius: 3px;
  background: currentColor;
}
.case-mockup-note {
  font-size: 11px;
  line-height: 1.7;
  margin-top: 25px;
  max-width: 520px;
}
@media (max-width: 760px) {
  .concept-system {
    padding: 0 24px 45px;
  }
  .concept-system > section {
    padding: 40px 0;
  }
  .case-system-heading {
    display: block;
    margin-bottom: 28px;
  }
  .case-system-heading h3 {
    font-size: 34px;
    max-width: 100%;
  }
  .case-system-heading p {
    font-size: 11px;
    margin-top: 15px;
    max-width: 100%;
  }
  .case-logos {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .case-logos > div {
    min-height: 180px;
    padding: 25px 15px;
  }
  .case-logos > div:first-child {
    grid-column: 1/-1;
    min-height: 240px;
  }
  .case-primary-logo {
    font-size: 61px;
  }
  .case-secondary-logo {
    font-size: 37px;
    gap: 10px;
  }
  .case-secondary-logo > span {
    font-size: 27px;
  }
  .case-submark {
    font-size: 44px;
    width: 100px;
    height: 100px;
  }
  .case-submark > span {
    font-size: 20px;
  }
  .case-logos small {
    font-size: 9px;
    bottom: 15px;
    left: 10px;
    right: 10px;
  }
  .case-colour-chips {
    grid-template-columns: 1fr 1fr;
    gap: 24px 12px;
  }
  .case-colour-chips > div > span:last-child {
    font-size: 11px;
    display: block;
    margin-top: 10px;
  }
  .case-colour-chips small {
    display: block;
    margin-top: 4px;
    font-size: 9px;
  }
  .case-type-pair {
    grid-template-columns: 1fr;
    gap: 45px;
    padding: 28px;
  }
  .type-specimen-display,
  .type-specimen-support {
    font-size: 115px;
    margin-bottom: 20px;
  }
  .type-demo-display {
    font-size: 31px;
    min-height: 0;
    margin-bottom: 20px;
  }
  .type-demo-support {
    font-size: 12px;
    min-height: 0;
    margin-bottom: 20px;
  }
  .case-type-pair small {
    font-size: 10px;
  }
  .case-print-scene {
    height: 116vw;
    min-height: 370px;
    max-height: 520px;
  }
  .case-letterhead {
    left: 15%;
    top: 7%;
    width: 55%;
    height: 78%;
    padding: 7%;
  }
  .case-letterhead > span:first-child {
    font-size: 10vw;
  }
  .case-letterhead p {
    font-size: 5vw;
    max-width: 100%;
  }
  .case-letterhead small {
    font-size: 6px;
    max-width: 100%;
  }
  .case-visit-card {
    right: 5%;
    top: 54%;
    width: 47%;
    height: 28%;
    padding: 6%;
  }
  .case-visit-card > span:first-child {
    font-size: 12vw;
  }
  .case-visit-card small {
    font-size: 6px;
    max-width: 100%;
  }
  .case-visit-card > span:last-child {
    font-size: 24px;
  }
  .case-seal {
    width: 18%;
    left: 8%;
    bottom: 12%;
    font-size: 32px;
  }
  .case-screen-scene {
    height: 120vw;
    min-height: 380px;
    max-height: 520px;
  }
  .case-desktop-mockup {
    width: 88%;
    left: 3%;
    top: 9%;
    height: 65%;
    border-width: 5px;
    border-radius: 8px;
  }
  .case-browser-bar {
    height: 20px;
    padding: 0 7px;
  }
  .case-browser-bar small {
    font-size: 5px;
    margin-left: 3px;
  }
  .case-browser-bar i {
    width: 3px;
    height: 3px;
  }
  .case-mock-page {
    height: calc(100% - 20px);
    padding: 7%;
  }
  .case-mock-page > span:first-child {
    font-size: 8vw;
  }
  .case-mock-page > small {
    font-size: 5px;
    top: 10%;
  }
  .case-mock-page > strong {
    font-size: 7vw;
    width: 72%;
    margin-top: 13%;
  }
  .mock-page-art {
    font-size: 32vw;
  }
  .mock-page-footer {
    font-size: 6px;
    bottom: 7%;
    left: 7%;
  }
  .case-phone-mockup {
    width: 32%;
    height: 55%;
    right: 7%;
    top: 39%;
    border-width: 5px;
    border-radius: 20px;
    padding: 13% 3% 5%;
    gap: 10px;
  }
  .phone-brand {
    font-size: 5vw;
  }
  .phone-symbol {
    font-size: 16vw;
  }
  .case-phone-mockup p {
    font-size: 4vw;
  }
  .case-phone-mockup small {
    font-size: 5px;
  }
  .phone-speaker {
    height: 3px;
  }
  .case-mockup-note {
    font-size: 10px;
  }
}
.hero--experimental .hero-story {
  -webkit-text-stroke: 0;
  -webkit-text-fill-color: var(--ink);
  color: var(--ink);
}
.concept-dialog {
  width: calc(100vw - 60px);
  max-width: 1500px;
  max-height: 92svh;
}
.concept-dialog .case-navigation {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--paper);
  padding: 18px 35px;
  border-bottom: 1px solid var(--line);
}
@media (max-width: 760px) {
  .concept-dialog {
    width: calc(100vw - 20px);
    max-height: 94svh;
  }
  .concept-dialog .case-navigation {
    padding: 15px 20px;
    gap: 15px;
  }
  .concept-dialog .case-navigation > span {
    font-size: 9px;
    max-width: 200px;
  }
}
@media (max-width: 760px) {
  .studio-menu .menu-spread {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(95px, 0.55fr);
    gap: 15px;
    align-items: center;
  }
  .studio-menu .menu-spread nav > a {
    font-size: clamp(22px, 6.3vw, 31px);
    min-height: 44px;
  }
  .studio-menu .menu-exhibit {
    display: block;
    min-width: 0;
    align-self: center;
  }
  .studio-menu .menu-photo-stack {
    height: 210px;
    min-height: 0;
    width: 100%;
  }
  .studio-menu .menu-photo {
    inset: 0;
  }
  .menu-exhibit > .brand-symbol {
    display: none;
  }
  .menu-exhibit > p {
    font-size: 11px;
    line-height: 1.4;
    margin-top: 20px;
    max-width: 140px;
  }
  .menu-social-grid {
    padding: 12px;
    gap: 5px;
  }
  .menu-social-grid > span {
    font-size: 18px;
    padding: 8px;
  }
  .menu-social-grid > .brand-symbol {
    width: 30px;
    height: 30px;
    margin: 10px;
  }
  .menu-social-grid > .brand-lockup {
    font-size: 11px;
  }
  .menu-social-grid > span:nth-child(2) {
    margin-top: 15px;
  }
  .menu-film-caption {
    font-size: 7px;
    bottom: 10px;
    left: 7px;
    right: 7px;
    padding: 7px;
  }
  .menu-campaign-word {
    font-size: 32px;
    left: 10%;
    top: 12%;
  }
  .menu-campaign-word small {
    font-size: 7px;
  }
  .menu-brand-worlds {
    padding: 15px;
    gap: 12px;
  }
  .menu-brand-worlds > span:first-child {
    font-size: 25px;
  }
  .menu-brand-worlds > span:nth-child(2) {
    font-size: 30px;
  }
  .menu-brand-worlds > span:nth-child(3) {
    font-size: 16px;
  }
  .menu-brand-worlds > small {
    font-size: 7px;
    margin-top: 15px;
  }
  .menu-signature-art {
    padding: 15px;
    gap: 25px;
  }
  .menu-signature-art > .brand-lockup {
    font-size: 35px;
  }
  .menu-signature-art > span:last-child {
    font-size: 20px;
  }
}
.entirely-you {
  background: var(--sand);
  color: var(--ink);
}
.entirely-glyph {
  display: inline-block;
  transform-origin: bottom center;
}
.entirely-you h2 > span {
  overflow: hidden;
  padding-bottom: 0.08em;
}
.entirely-disc {
  background: var(--beige);
  box-shadow: 9px 12px 0 #1e1e1e12;
}
.manifesto-agency {
  text-transform: none !important;
}
.hero-service-line {
  max-width: 550px;
  font-family: var(--display);
  font-size: clamp(25px, 3vw, 42px);
  line-height: 1.1;
}
.footer-photo-card {
  position: relative;
  padding: 13px 13px 43px;
  width: 250px;
  background: var(--paper);
  color: var(--ink);
  margin-bottom: 24px;
  transform: rotate(-4deg);
  box-shadow: 8px 14px 25px #1e1e1e14;
}
.footer-photo-window {
  width: 100%;
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
}
.footer-photo-window > div {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.85s ease;
}
.footer-photo-window > .is-current {
  opacity: 1;
}
.footer-photo-window img {
  object-fit: cover;
}
.footer-photo-sticker {
  position: absolute;
  right: -22px;
  bottom: 19px;
  display: grid;
  place-content: center;
  border: 1px solid var(--ink);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: var(--sand);
  font-family: var(--display);
  font-size: 18px;
  line-height: 1.05;
  transform: rotate(15deg);
}
.extended-offers {
  margin-top: 80px;
  padding-top: 45px;
  border-top: 1px solid var(--line);
}
.offer-extra h3 {
  font-size: clamp(34px, 3.8vw, 64px);
}
.offer-extra:nth-child(2) {
  padding-top: 55px;
}
.photo-offer-art,
.film-offer-art,
.ads-offer-art {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.film-offer-art {
  background: var(--ink);
  color: var(--paper);
}
.film-offer-art .archive-film {
  position: absolute;
  inset: 0;
  opacity: 0.48;
  width: 100%;
  height: 100%;
}
.film-offer-art b {
  position: absolute;
  left: 12%;
  top: 29%;
  font-family: var(--display);
  font-size: clamp(35px, 4vw, 65px);
  font-weight: 400;
  line-height: 1.05;
}
.film-record {
  position: absolute;
  top: 20%;
  left: 12%;
  font-size: 9px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.film-record i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sand);
}
.film-edit-timeline {
  position: absolute;
  bottom: 15%;
  left: 10%;
  right: 10%;
  height: 25px;
  display: flex;
  gap: 3px;
  border-top: 1px solid var(--sand);
  padding-top: 6px;
}
.film-edit-timeline span {
  height: 14px;
  flex: 1;
  background: var(--sand);
  opacity: 0.8;
}
.film-edit-timeline span:nth-child(2n) {
  background: var(--beige);
  flex: 1.7;
}
.film-offer-art > small {
  position: absolute;
  bottom: 5%;
  left: 10%;
  font-size: 8px;
}
.film-corner {
  position: absolute;
  width: 23px;
  height: 23px;
  border-color: var(--paper);
  border-style: solid;
}
.corner-tl {
  top: 17%;
  left: 8%;
  border-width: 1px 0 0 1px;
}
.corner-br {
  bottom: 23%;
  right: 8%;
  border-width: 0 1px 1px 0;
}
.ads-offer-art {
  background: var(--sand);
}
.ads-poster {
  position: absolute;
  inset: 15% 12% 15%;
  transform: rotate(7deg);
  overflow: hidden;
  border: 8px solid var(--paper);
  box-shadow: 7px 12px 20px #1e1e1e22;
  transition: transform 0.6s;
}
.ads-poster img {
  object-fit: cover;
}
.ads-poster > span {
  position: absolute;
  left: 10%;
  top: 11%;
  font-family: var(--display);
  font-size: clamp(37px, 4vw, 65px);
  line-height: 0.98;
  color: var(--ink);
}
.ads-campaign-tag {
  position: absolute;
  bottom: 15%;
  left: 4%;
  right: 10%;
  background: var(--ink);
  color: var(--paper);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  transform: rotate(-7deg);
  font-family: var(--display);
  font-size: 24px;
  line-height: 1.05;
}
.ads-campaign-tag .brand-symbol {
  width: 35px;
  height: 35px;
}
.ads-campaign-tag i {
  margin-left: auto;
  font-size: 33px;
}
.ads-offer-art > small {
  position: absolute;
  bottom: 13px;
  left: 15px;
  font-size: 9px;
  color: var(--ink);
}
.offer:hover .ads-poster {
  transform: rotate(0);
}
.concept-art .concept-photograph {
  object-fit: cover !important;
  opacity: 1 !important;
  z-index: 1;
  filter: none !important;
  transition: transform 1s ease;
}
.concept-art .concept-shape,
.concept-art .concept-print,
.concept-art .concept-object,
.concept-art .concept-caption {
  display: none !important;
}
.concept-photo-signature {
  position: absolute;
  bottom: 25px;
  left: 25px;
  z-index: 3;
  background: var(--paper);
  color: var(--ink);
  padding: 16px 22px;
  display: grid;
  grid-template-columns: 45px 1fr;
  gap: 5px 13px;
  max-width: 70%;
  box-shadow: 5px 6px 20px #1e1e1e22;
  transform: rotate(-3deg);
}
.concept-photo-signature > span {
  font-family: "Lab Serif", serif;
  font-size: 30px;
  line-height: 1;
  white-space: pre-line;
}
.concept-photo-signature > small {
  font-size: 8px;
  grid-column: 2;
  line-height: 1.4;
}
.concept-photo-signature .concept-custom-mark {
  width: 45px;
  height: 45px;
  grid-row: span 2;
}
.project:hover .concept-photograph {
  transform: scale(1.04);
}
.concept-dialog .concept-photo-signature {
  bottom: 30px;
  left: 35px;
}
.concept-application .concept-photograph {
  object-position: 70% center;
  transform: scale(1.1);
}
.concept-application .concept-photo-signature {
  transform: rotate(4deg);
  left: auto;
  right: 40px;
}
.concept-custom-mark {
  width: 85px;
  height: 85px;
  display: block;
  flex-shrink: 0;
}
.case-logos > div {
  gap: 22px;
}
.case-logos .case-primary-logo {
  font-size: clamp(32px, 4vw, 66px);
}
.case-secondary-logo .concept-custom-mark {
  width: 70px;
  height: 70px;
}
.case-submark .concept-custom-mark {
  width: 100%;
  height: 100%;
}
.case-secondary-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-photographic-mockup {
  position: relative;
  margin: 45px 0 70px;
}
.case-photographic-mockup img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 760px;
  object-fit: cover;
}
.case-photographic-mockup figcaption {
  padding: 17px 0;
  font-size: 12px;
  border-bottom: 1px solid var(--line);
}
@media (max-width: 760px) {
  .footer-photo-card {
    width: 205px;
  }
  .footer-photo-sticker {
    width: 65px;
    height: 65px;
    font-size: 16px;
    right: -15px;
  }
  .extended-offers {
    margin-top: 45px;
  }
  .offer-extra:nth-child(2) {
    padding-top: 0;
  }
  .offer-extra h3 {
    font-size: clamp(35px, 10vw, 56px);
  }
  .film-offer-art b {
    font-size: 48px;
  }
  .ads-poster > span {
    font-size: 48px;
  }
  .concept-photo-signature {
    left: 15px;
    bottom: 18px;
    padding: 12px 15px;
    max-width: 85%;
  }
  .concept-photo-signature > span {
    font-size: 25px;
  }
  .concept-dialog .concept-photo-signature {
    bottom: 20px;
    left: 20px;
    right: auto;
  }
  .concept-application .concept-photo-signature {
    left: auto;
    right: 20px;
  }
  .case-photographic-mockup {
    margin: 30px 0 45px;
  }
  .case-logos > div {
    gap: 12px;
  }
}
.portrait-caption {
  max-width: calc(100% - 120px);
}
.footer-photo-card {
  flex-shrink: 0;
}
@media (max-width: 760px) {
  .footer-sign {
    flex-direction: column;
    gap: 18px;
  }
  .footer-sign > p {
    text-align: center;
  }
  .studio-menu .menu-spread {
    padding-bottom: 25px;
  }
}
:root { --paper: #f5f2ed; --beige: #f1e8dd; --sand: #ccb8a5; --ink: #1e1e1e; --line: #1e1e1e30; }
::selection { background: var(--sand); color: var(--ink); }
.wild-manifesto .manifesto-agency { margin-bottom: 25px; padding-bottom: 0; border: 0; font-size: clamp(64px,10vw,155px); }
.manifesto-content { padding-top: clamp(60px,7vw,110px); padding-bottom: 55px; }
.manifesto-content .manifesto-tagline { font-size: clamp(24px,3vw,45px); margin: 22px 0 40px; display: flex; gap: .3em; }
.manifesto-content .clear-line { margin-left: 0; }
.entirely-you { min-height: 0; padding-block: clamp(45px,6vw,85px); }
.entirely-top { margin-bottom: 35px; }
.entirely-you h2 { font-size: clamp(65px,11.9vw,190px); }
.entirely-foot { margin-top: 35px; }
.entirely-top > span { font-size: 12px; }
.entirely-disc { width: clamp(85px,10vw,145px); top: 36%; right: 5%; }
.entirely-disc > span:last-child { font-size: 11px; }
.wild-offers { padding-top: 80px; padding-bottom: 85px; }
.offer-grid { gap: clamp(22px,3vw,48px); }
.offer-arch { height: clamp(310px,31vw,475px); }
.offer-0 .offer-arch { border-radius: 8% 8% 0 0; }
.offer-1 .offer-arch { border-radius: 50% 50% 2% 2%; }
.offer-2 .offer-arch { border-radius: 0; clip-path: polygon(0 0,90% 0,100% 10%,100% 100%,0 100%); }
.offer:nth-child(2) { padding-top: 38px; }
.offer-body { padding: 24px 0 0; }
.offer-body h3 { font-size: clamp(38px,4.1vw,66px); margin-bottom: 14px; }
.offer-benefit { font-size: clamp(23px,2vw,31px); margin-bottom: 15px; }
.offer-body > p:not(.offer-benefit) { font-size: 14px; line-height: 1.7; max-width: 40ch; }
.offer-items, .offer-link, .service-menu { display: none; }
.identity-art { background: var(--sand); }
.identity-art > img { opacity: .7; }
.identity-card { transform: rotate(7deg); }
.offer-browser { transform: rotate(-4deg); background: var(--paper); }
.web-design > div { border-radius: 45% 45% 0 0; overflow: hidden; }
.web-design .archive-film { position: absolute; inset: 0; }
.web-art { background: var(--sand); }
.extended-offers { margin-top: 60px; }
.photo-offer-art > small, .film-offer-art > small, .ads-offer-art > small { display: none; }
.project-rail .project .project-visual { height: clamp(350px,39vw,600px); }
.project-rail .concept-terra .concept-photo-signature { left: auto; right: 7%; bottom: 11%; transform: rotate(7deg); padding: 24px; background: var(--beige); }
.project-rail .concept-quiet { background: var(--paper); }
.project-rail .concept-quiet .concept-photograph { width: 54% !important; height: 78% !important; left: 42% !important; top: 11% !important; border-radius: 46% 46% 0 0; }
.project-rail .concept-quiet .concept-photo-signature { background: var(--sand); left: 7%; bottom: 12%; width: 48%; padding: 7%; transform: rotate(-7deg); grid-template-columns: 1fr; }
.project-rail .concept-quiet .concept-photo-signature > span { font-size: clamp(32px,5vw,76px); }
.project-rail .concept-noir .concept-photo-signature { background: transparent; color: var(--paper); box-shadow: none; bottom: auto; top: 8%; left: 7%; }
.project-rail .concept-noir .concept-photo-signature > span { font-family: "Lab Grotesk",sans-serif; font-size: clamp(52px,7vw,100px); }
.project-rail .concept-field .concept-photo-signature { width: 42%; height: 65%; left: 8%; top: 17%; padding: 5%; display: flex; flex-direction: column; align-items: start; justify-content: space-between; transform: rotate(-8deg); }
.project-rail .concept-field .concept-photo-signature > span { font-size: clamp(32px,5vw,76px); }
.project-rail .concept-offhours { background: var(--ink); color: var(--beige); }
.project-rail .concept-offhours .concept-photograph { display: none; }
.project-rail .concept-offhours .concept-photo-signature { position: absolute; inset: 0; width: 100%; max-width: none; display: flex; justify-content: center; align-items: center; flex-direction: column; background: transparent; color: var(--paper); transform: none; box-shadow: none; }
.project-rail .concept-offhours .concept-photo-signature > span { font: 700 clamp(65px,10vw,150px)/.82 "Lab Grotesk",sans-serif; letter-spacing: -.07em; z-index: 2; }
.project-rail .concept-offhours .concept-custom-mark { position: absolute; width: 75%; height: 75%; color: var(--sand); opacity: .5; transform: rotate(-15deg); transition: transform 1s cubic-bezier(.22,1,.36,1); }
.project-rail .project:hover .concept-offhours .concept-custom-mark { transform: rotate(25deg); }
.project-rail .concept-sunday .concept-photo-signature { left: auto; right: 6%; bottom: 9%; border-radius: 50%; width: 190px; height: 190px; padding: 35px; display: flex; flex-direction: column; justify-content: center; background: var(--sand); transform: rotate(10deg); }
.project-rail .concept-sunday .concept-photo-signature > span { font-family: "Lab Grotesk",sans-serif; font-weight: 700; }
.ai-theatre { background: var(--beige); padding-block: 75px; }
.ai-heading { margin-bottom: 35px; }
.ai-heading h2 { margin: 0; font-size: clamp(50px,6.3vw,100px); }
.ai-stage { gap: 6vw; align-items: center; }
.application-canvas { position: relative; height: clamp(380px,38vw,570px); overflow: hidden; background: var(--sand); }
.application-world, .application-world > div { position: absolute; inset: 0; }
.application-world { overflow: hidden; }
.application-identity { background: var(--sand); }
.identity-sheet { position: absolute; width: 58%; height: 70%; left: 18%; top: 14%; padding: 9%; box-shadow: 10px 15px 25px #1e1e1e20; }
.sheet-back { transform: rotate(-12deg) translate(-10%,-1%); background: var(--ink); color: var(--beige); }
.sheet-back .brand-symbol { width: 100%; height: 100%; }
.sheet-front { transform: rotate(8deg) translate(10%,4%); background: var(--paper); display: flex; flex-direction: column; justify-content: space-between; }
.sheet-front > span { font: 90px/.9 var(--display); }
.sheet-front b { font: 36px/.95 var(--display); }
.identity-seal { position: absolute; width: 100px; height: 100px; bottom: 8%; left: 8%; border-radius: 50%; background: var(--beige); display: grid; place-items: center; }
.identity-seal .brand-symbol { width: 60%; height: 60%; }
.application-social { background: var(--ink); }
.application-film { background: var(--ink); color: var(--paper); overflow: hidden; }
.application-film .archive-film { inset: 8% 9%; width: 82%; height: 84%; position: absolute; opacity: .75; }
.application-film b { position: absolute; left: 15%; bottom: 17%; font: clamp(60px,8vw,120px)/.85 var(--display); }
.film-play-mark { position: absolute; right: 14%; top: 14%; font-size: 65px; }
.film-sprockets { position: absolute; inset: 0; border-left: 10px dashed var(--sand); border-right: 10px dashed var(--sand); margin: 15px; opacity: .7; }
.visualisation-scene { background: var(--paper); overflow: hidden; }
.visualisation-scene::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(#ccb8a550 1px, transparent 1px),linear-gradient(90deg,#ccb8a550 1px,transparent 1px); background-size: 36px 36px; }
.architecture-disc { position: absolute; border-radius: 50%; width: 43%; aspect-ratio: 1; background: var(--sand); right: 6%; top: 10%; }
.architecture-house { position: absolute; width: 105%; height: 105%; left: -2.5%; bottom: -8%; filter: drop-shadow(6px 16px 8px #1e1e1e20); }
.architecture-solid { clip-path: inset(0 0 0 47%); }
.architecture-wire { clip-path: inset(0 53% 0 0); }
.visualisation-scan { position: absolute; width: 1px; height: 72%; top: 18%; left: 47%; background: var(--ink); }
.visualisation-word { position: absolute; top: 6%; left: 7%; font: clamp(38px,4.5vw,70px)/1 var(--display); }
.ai-description { min-height: 150px; margin-top: 30px; }
.ai-description h3 { font: clamp(25px,2.6vw,40px)/1.12 var(--display); margin-bottom: 17px; }
.ai-description p { font-size: 15px; line-height: 1.7; max-width: 44ch; }
.lab { height: calc(100svh - 80px); min-height: 570px; max-height: 950px; padding-top: 32px; padding-bottom: 32px; grid-template-columns: .8fr 1.2fr; gap: 5%; background: var(--sand); color: var(--ink); }
.lab-copy h2 { font-size: clamp(48px,6.2vw,95px); line-height: .98; margin: 14px 0 20px; }
.lab-copy > .small-label { font-size: 11px; }
.lab-copy > p:not(.small-label) { font-size: 13px; line-height: 1.6; max-width: 32ch; }
.lab-controls { margin-top: 23px; gap: 8px; }
.lab-controls button { padding: 10px 13px; color: var(--ink); border-color: #1e1e1e60; }
.lab-controls button[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
.lab-identity { margin-top: 24px; }
.lab .lab-identity-name { font-size: clamp(28px,3vw,43px); }
.lab-note { margin-top: 8px; font-size: 13px; }
.lab-palette { margin-top: 13px; }
.lab-palette > span:last-child { font-size: 10px; max-width: 22ch; }
.lab-copy .lab-disclosure { font-size: 10px !important; margin-top: 18px; max-width: 35ch; }
.lab-art { min-height: 0; height: 100%; max-height: 690px; aspect-ratio: auto; }
.lab-world-backdrop .world-display { left: 6%; right: 6%; top: 7%; font-size: clamp(42px,6.5vw,100px); max-width: none; white-space: nowrap; letter-spacing: -.065em; }
.backdrop-0 .world-display { white-space: normal; width: 80%; font-size: clamp(50px,6.8vw,105px); line-height: .88; }
.backdrop-1 .world-display { font-size: clamp(90px,15vw,220px); }
.backdrop-2 .world-display { font-size: clamp(45px,5.4vw,84px); }
.lab .bottle-tilt { position: absolute; inset: 0; }
.lab .lab-bottle { left: 41%; top: 31%; width: 28%; height: 53%; max-width: none; }
.lab .bottle-body { background: linear-gradient(90deg,var(--ink),var(--sand) 34%,var(--beige) 55%,var(--sand) 75%,var(--ink)); }
.lab.world-1 .bottle-body { background: linear-gradient(90deg,var(--ink),var(--sand) 48%,var(--ink)); }
.lab.world-2 .bottle-body { background: linear-gradient(90deg,var(--sand),var(--paper) 50%,var(--sand)); }
.lab .bottle-cap { background: linear-gradient(90deg,var(--ink),var(--sand),var(--ink)); }
.bottle-imprint .bottle-logo { font-size: clamp(23px,2.5vw,38px); }
.bottle-imprint .brand-symbol { width: 30px; height: 30px; }
.bottle-imprint { gap: 11px; }
.lab .demo-badge { bottom: 12px; left: 15px; font-size: 9px; }
.world-edition { display: none; }
.portrait-stage .portrait-layer img { object-position: center 30%; }
.portrait-contact-sheet { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 480px; }
.wild-footer { padding-top: clamp(35px,5vh,65px); padding-bottom: 22px; display: flex; flex-direction: column; justify-content: space-between; min-height: 640px; height: calc(100svh - 80px); max-height: 950px; overflow: clip; }
.footer-columns { grid-template-columns: 1fr 1.7fr 1fr; align-items: center; gap: 35px; flex: 1; }
.footer-columns nav > h2 { font-size: 30px; margin-bottom: 13px; }
.footer-columns nav > a { font-size: 13px; min-height: 30px; }
.footer-sign { position: relative; display: grid; place-items: center; gap: 0; min-height: 320px; }
.footer-sign > p { display: none; }
.footer-centred-wordmark { font-size: clamp(65px,10.5vw,170px); margin: 5px 0 18px; line-height: 1.05; }
.wild-footer .footer-bottom { padding-top: 15px; font-size: 10px; gap: 15px; }
.footer-photo-card { width: clamp(235px,24vw,360px); padding: 13px 13px 38px; margin: 0; transform: rotate(-7deg); box-shadow: 12px 18px 25px #1e1e1e20; isolation: isolate; }
.footer-photo-card::before, .footer-photo-card::after { content:""; position: absolute; inset: 0; background: var(--sand); border: 1px solid #1e1e1e30; z-index: -1; transform: rotate(13deg) translate(12px,-5px); }
.footer-photo-card::after { background: var(--beige); transform: rotate(-6deg) translate(-12px,6px); z-index: -2; }
.footer-photo-window { aspect-ratio: 1.15; }
.footer-photo-sticker { width: 105px; height: 105px; right: -40px; bottom: -5px; font-size: 26px; background: var(--ink); color: var(--paper); border-color: var(--paper); }
.footer-photo-card .collage-orbit { position: absolute; width: 150px; height: 150px; left: -65px; top: -55px; color: var(--ink); z-index: -3; }
.footer-photo-card .collage-orbit .brand-symbol { width: 100%; height: 100%; }
@keyframes blueprint-reveal { 0%,15% { clip-path: inset(0 0 0 78%); } 65%,100% { clip-path: inset(0 0 0 25%); } }
@keyframes blueprint-wire { 0%,15% { clip-path: inset(0 22% 0 0); } 65%,100% { clip-path: inset(0 75% 0 0); } }
@keyframes blueprint-scan { 0%,15% { left:78%; } 65%,100% { left:25%; } }
@media (prefers-reduced-motion:no-preference) {
  .motion-root[data-motion="running"] .architecture-solid { animation: blueprint-reveal 7s cubic-bezier(.4,0,.2,1) infinite alternate; }
  .motion-root[data-motion="running"] .architecture-wire { animation: blueprint-wire 7s cubic-bezier(.4,0,.2,1) infinite alternate; }
  .motion-root[data-motion="running"] .visualisation-scan { animation: blueprint-scan 7s cubic-bezier(.4,0,.2,1) infinite alternate; }
}
@media (max-width:999px) {
  .lab { height: auto; min-height: 0; max-height: none; padding-block: 45px; grid-template-columns: 1fr 1fr; gap: 4%; }
  .lab-art { height: 550px; }
  .lab-world-backdrop .world-display { font-size: 55px; white-space: normal; }
  .footer-photo-card { width: 245px; }
  .footer-photo-sticker { right: -23px; }
}
@media (max-height:760px) and (min-width:1000px) {
  .lab { min-height: 0; padding-block: 20px; }
  .lab-copy h2 { font-size: 55px; margin-block: 10px 15px; }
  .lab-copy .small-label, .lab-disclosure, .lab-palette > span:last-child { display:none; }
  .lab-controls { margin-top: 15px; }
  .lab-identity { margin-top: 15px; }
  .lab .lab-bottle { top: 26%; height: 60%; }
  .wild-footer { min-height: 0; }
  .footer-photo-card { width: 240px; }
  .footer-sign { min-height: 280px; }
}
@media (max-width:760px) {
  .wild-manifesto .manifesto-agency { font-size: 19vw; margin-bottom: 20px; }
  .manifesto-content .manifesto-tagline { font-size: 25px; gap: .2em; margin-bottom: 30px; }
  .manifesto-foot { gap: 22px; }
  .manifesto-foot p { font-size: 12px; max-width: 55%; }
  .entirely-you { padding-block: 45px; }
  .entirely-you h2 { font-size: 13.5vw; }
  .entirely-top > .brand-lockup { display: none; }
  .entirely-disc { display:none; }
  .entirely-foot { gap: 20px; align-items: start; flex-direction: column; margin-top: 20px; }
  .entirely-foot p { font-size: 12px; }
  .wild-offers { padding-block: 55px; }
  .offer-grid { gap: 40px; }
  .offer:nth-child(2) { padding-top: 0; }
  .offer-arch { height: 110vw; max-height: 530px; }
  .offer-1 .offer-arch { height: 115vw; }
  .offer-body h3 { font-size: clamp(38px,11vw,60px); }
  .offer-body > p:not(.offer-benefit) { font-size: 14px; }
  .offer-benefit { font-size: 24px; }
  .extended-offers { margin-top: 40px; }
  .project-rail .project .project-visual { height: 110vw; max-height: 580px; }
  .project-rail .concept-quiet .concept-photo-signature > span, .project-rail .concept-field .concept-photo-signature > span { font-size: 39px; }
  .project-rail .concept-offhours .concept-photo-signature > span { font-size: 21vw; }
  .project-rail .concept-sunday .concept-photo-signature { width: 125px; height: 125px; padding: 20px; }
  .project-rail .concept-sunday .concept-photo-signature > span { font-size: 23px; }
  .project-rail .concept-sunday .concept-custom-mark { width: 30px; height: 30px; }
  .ai-theatre { padding-block: 50px; }
  .ai-heading h2 { font-size: 13vw; }
  .ai-stage { grid-template-columns: 1fr; gap: 25px; }
  .application-canvas { height: 112vw; max-height: 520px; }
  .ai-description { min-height: 140px; margin-top: 24px; }
  .ai-description h3 { font-size: 29px; }
  .ai-description p { font-size: 14px; }
  .sheet-front > span { font-size: 80px; }
  .sheet-front b { font-size: 30px; }
  .identity-seal { width: 80px; height: 80px; }
  .lab { height: auto; padding-block: 45px 30px; grid-template-columns: 1fr; gap: 28px; }
  .lab-copy h2 { font-size: 14vw; }
  .lab-copy h2 br { display:none; }
  .lab-copy > p:not(.small-label) { max-width: 38ch; }
  .lab-identity { margin-top: 18px; }
  .lab .lab-identity-name { font-size: 31px; }
  .lab-art { height: 112vw; min-height: 350px; max-height: 550px; }
  .lab-world-backdrop .world-display { font-size: 20vw; left: 7%; top: 6%; width: 85%; }
  .lab .bottle-tilt { inset: 0; }
  .lab .lab-bottle { left: 43%; top: 32%; width: 29%; height: 54%; }
  .bottle-imprint .bottle-logo { font-size: 26px; }
  .bottle-imprint .brand-symbol { width: 25px; height: 25px; }
  .bottle-imprint .bottle-descriptor { font-size: 8px; }
  .bottle-imprint small { display:none; }
  .portrait-stage { height: 125vw; max-height: 700px; }
  .portrait-contact-sheet { max-width: 90%; }
  .wild-footer { height: auto; min-height: 0; max-height: none; padding-top: 40px; padding-bottom: 20px; }
  .footer-columns { grid-template-columns: 1fr 1fr; gap: 24px; }
  .footer-columns nav > h2 { font-size: 27px; }
  .footer-columns nav > a { font-size: 12px; min-height: 30px; }
  .footer-sign { grid-column: 1/-1; grid-row: 2; min-height: 280px; padding: 10px 0; display: grid; }
  .footer-photo-card { width: 220px; padding-bottom: 34px; }
  .footer-photo-sticker { width: 80px; height: 80px; font-size: 22px; right: -20px; }
  .footer-photo-card .collage-orbit { width: 105px; height: 105px; left: -40px; top: -28px; }
  .footer-centred-wordmark { font-size: 15.6vw; margin: 22px 0; }
  .wild-footer .footer-bottom { gap: 13px; font-size: 9px; }
}
.lab-identity { min-height: 0; }
.lab .imprint-0 { color: var(--ink); }
.lab.world-1 .bottle-body { background: linear-gradient(90deg,var(--ink),var(--ink) 20%,var(--sand) 100%); }
.lab .imprint-1 { color: var(--paper); }
.lab.world-1 .bottle-imprint { text-shadow: 0 1px 2px var(--ink); }
.lab .lab-disclosure, .lab-palette > span:last-child { display: none; }
.ai-controls { gap: 0 22px; }
.ai-controls button { min-height: 54px; }
.ai-heading h2 { font-size: clamp(50px,5.7vw,90px); }
.wild-footer .footer-bottom > a { font-size: 10px; }
.footer-photo-card:hover { transform: rotate(-3deg); }
.footer-photo-card { transition: transform .6s cubic-bezier(.22,1,.36,1); }
@media (prefers-reduced-motion:reduce) { .footer-photo-card { transition:none; } }
.ai-stage, .lab { display: grid; }
.application-canvas { width: 100%; min-width: 0; }
@media (max-width:760px) {
  .lab-copy h2 br { display:initial; }
  .lab-copy h2 { font-size: 13.5vw; }
  .lab-art { width: 100%; max-width: none; }
}
@media (max-width:760px) and (min-height:700px) {
  .lab { height: calc(100svh - 74px); min-height: 0; padding-block: 22px; grid-template-rows: auto minmax(0,1fr); gap: 18px; }
  .lab-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; align-items: center; }
  .lab-copy > .small-label, .lab-copy > p { display:none; }
  .lab-copy h2 { grid-column:1/-1; font-size: 11vw; line-height: .95; margin: 0; }
  .lab-copy h2 br { display:none; }
  .lab-copy h2 { word-spacing: .03em; }
  .lab-controls { grid-column: 1/-1; margin: 0; }
  .lab-identity { grid-column: 1/-1; margin: 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap: 4px 12px; }
  .lab .lab-identity-name { font-size: 27px; }
  .lab-note { font-size: 11px; min-height:0; margin:0; }
  .lab-palette { margin: 0; }
  .lab-art { height: 100%; min-height: 0; max-height: none; }
  .lab-world-backdrop .world-display { font-size: 14vw; }
  .lab .lab-bottle { width: 30%; height: 58%; top: 27%; left: 42%; }
  .bottle-imprint .bottle-logo { font-size: 25px; }
}
@media (max-width:760px) and (min-height:700px) {
  .lab-copy h2 { font-size: 10.8vw; }
  .lab .lab-bottle { top: 31%; height: 55%; }
  .lab-art .world-display { font-size: 13.5vw; }
}
@media (max-width:760px) {
  .ai-heading h2 { font-size: 11.5vw; }
  .ai-information { min-width: 0; }
  .ai-description h3 { max-width: 100%; text-wrap: balance; }
}
.studio-menu .menu-spread nav > a { opacity: 1; color: var(--ink); }
.studio-menu .menu-spread nav > a:hover { color: var(--ink); }
.offer-extra .offer-body h3 { font-size: clamp(28px,3.9vw,62px); }
@media (max-width:760px) { .offer-extra .offer-body h3 { font-size: 10vw; } }
.portrait-contact-sheet { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; max-width:1100px; gap:clamp(20px,4vw,60px); margin:70px auto 30px; overflow:visible; padding:25px 12px 40px; }
.portrait-contact-sheet button { width:100%; min-width:0; padding:16px 16px 24px; transform:rotate(-3deg); }
.portrait-contact-sheet button:nth-child(even) { transform:rotate(3deg) translateY(25px); }
.portrait-contact-sheet button>div { aspect-ratio:4/5; }
.portrait-contact-sheet button>span { font-size:clamp(18px,2.2vw,30px); margin-top:20px; }
.footer-centred-wordmark .footer-outline { color:transparent; -webkit-text-fill-color:transparent; -webkit-text-stroke:1.4px var(--ink); }
.application-inclusions { list-style:none; padding:0; margin:21px 0 0; display:grid; gap:9px; }
.application-inclusions li { font-size:13px; line-height:1.55; border-top:1px solid #1e1e1e25; padding-top:8px; }
.ai-information { min-width:0; }
.ai-controls button { text-align:left; font-size:13px; gap:12px; }
.ai-description { min-height:360px; }
.instagram-art { position:absolute; inset:0; background:var(--sand); overflow:hidden; }
.instagram-post { position:absolute; width:54%; padding:4%; background:var(--paper); color:var(--ink); box-shadow:12px 18px 25px #1e1e1e25; }
.post-one { top:10%; left:3%; transform:rotate(-9deg); }
.post-two { right:2%; bottom:8%; transform:rotate(8deg); }
.instagram-account { display:flex; align-items:center; gap:6px; font-size:9px; margin-bottom:10px; }
.instagram-account>i { width:15px; height:15px; border:1px solid var(--ink); border-radius:50%; }
.instagram-account>span { margin-left:auto; }
.instagram-square { position:relative; aspect-ratio:1; background:var(--beige); padding:12%; display:flex; flex-direction:column; justify-content:space-between; }
.instagram-square b { font:clamp(24px,2.6vw,42px)/1 var(--display); }
.instagram-square .brand-symbol { width:40%; height:40%; }
.post-two .instagram-square { background:var(--ink); color:var(--paper); }
.post-two .instagram-square>span { font-size:7px; }
.post-two .instagram-square .brand-symbol { position:absolute; right:7%; bottom:8%; width:25%; height:25%; }
.instagram-actions { display:flex; font-size:16px; margin-top:9px; }
.instagram-actions>span { margin-left:auto; }
.instagram-caption-lines { margin-top:6px; display:grid; gap:4px; }
.instagram-caption-lines i { width:80%; height:2px; background:var(--sand); }
.instagram-caption-lines i:last-child { width:50%; }
.sheet-front small { font-size:9px; }
.application-web { background:var(--sand); }
.service-browser { position:absolute; inset:13% 9%; background:var(--paper); padding:8%; transform:rotate(-6deg); box-shadow:12px 15px 0 #1e1e1e20; }
.service-browser-toolbar { display:flex; gap:5px; border-bottom:1px solid #1e1e1e30; padding-bottom:10px; margin-bottom:18px; }
.service-browser-toolbar i { width:5px; height:5px; border-radius:50%; background:var(--ink); }
.service-browser>span { font:17px var(--display); }
.service-browser>b { display:block; margin:14% 0 5%; font:clamp(30px,4vw,62px)/.95 var(--display); }
.service-browser>.brand-symbol { position:absolute; width:30%; height:30%; right:8%; bottom:8%; }
.service-browser-line { width:35%; border-top:1px solid var(--ink); margin-top:12%; }
.service-browser-pointer { position:absolute; right:9%; bottom:13%; font-size:100px; }
.application-ads { background:var(--ink); }
.campaign-poster { position:absolute; inset:10% 17%; background:var(--beige); padding:8%; transform:rotate(-7deg); box-shadow:15px 14px 0 #ccb8a550; display:flex; flex-direction:column; justify-content:space-between; }
.campaign-poster>span:first-child { font:18px var(--display); }
.campaign-poster>b { font:clamp(35px,4.4vw,68px)/.95 var(--display); }
.campaign-poster>.brand-symbol { width:55px; height:55px; }
.campaign-cta { font-size:12px; border-top:1px solid var(--ink); padding-top:10px; }
.campaign-click { position:absolute; bottom:8%; right:8%; color:var(--paper); font-size:100px; }
.application-coaching { background:var(--sand); }
.workshop-page { position:absolute; inset:10% 15%; background:var(--paper); transform:rotate(-6deg); padding:8%; display:flex; flex-direction:column; justify-content:space-between; box-shadow:12px 14px 0 #1e1e1e20; }
.workshop-page>b { font:clamp(30px,4vw,65px)/1 var(--display); }
.workshop-page>span { font-size:10px; }
.workshop-page>.brand-symbol { width:75px; height:75px; align-self:flex-end; }
.workshop-pencil { position:absolute; right:13%; top:8%; height:80%; width:10px; background:var(--ink); transform:rotate(15deg); }
.offer-copy-line { display:block; }
.offer-body>p.offer-short-copy { line-height:1.65; }
.offer-arch .visualisation-scene { position:absolute; inset:0; }
.offer-arch .architecture-house { bottom:-2%; height:85%; }
.offer-arch .visualisation-word { top:19%; }
.offer-arch .archive-film, .application-film .archive-film { background:var(--sand); }
.offer-arch .archive-film img, .offer-arch .archive-film video, .application-film .archive-film img, .application-film .archive-film video { filter:grayscale(1); mix-blend-mode:multiply; }
@media(max-width:760px) {
  .portrait-contact-sheet { max-width:100%; gap:16px; margin-top:40px; padding-inline:5px; }
  .portrait-contact-sheet button { padding:7px 7px 14px; }
  .portrait-contact-sheet button>span { font-size:17px; margin-top:12px; }
  .footer-centred-wordmark .footer-outline { -webkit-text-stroke-width:1px; }
  .ai-description { min-height:380px; }
  .ai-controls button { font-size:12px; }
  .instagram-square b { font-size:8vw; }
  .service-browser>b,.campaign-poster>b,.workshop-page>b { font-size:10vw; }
  .motion-root>.brand-symbol,.wild-manifesto>.brand-symbol,.offers-heading>div>.brand-symbol,.studio-journal-copy>.brand-symbol,.process li>.brand-symbol,.entirely-disc,.character-seed,.character-echo,.hero-floating-mark,.hero-scroll .brand-symbol,.menu-toggle>span,.collage-orbit { display:none; }
  .instagram-actions { display:none; }
}
@media(forced-colors:active) { .footer-centred-wordmark .footer-outline { color:CanvasText; -webkit-text-fill-color:CanvasText; -webkit-text-stroke:0; } }
@media(max-width:760px) {
  .hero-bold-symbol,.hero-flower-symbol,.manifesto-aperture,.ticker-set>b,.board-drag-symbol,.menu-exhibit>.brand-symbol,.hero-side-note svg,.footer-sign>.brand-symbol { display:none; }
  .footer-columns { justify-items:center; }
  .footer-columns nav,.footer-columns nav:last-child { width:100%; text-align:center; align-items:center; }
  .footer-sign { width:100%; justify-self:center; }
  .footer-photo-card { margin-inline:auto; }
  .footer-centred-wordmark { padding-right:0; text-align:center; }
  .wild-footer .footer-bottom { grid-template-columns:1fr; text-align:center; justify-items:center; gap:12px; }
  .wild-footer .footer-bottom>* { justify-self:center; text-align:center; }
}
.intro-progress { animation-duration:5.8s; }
.intro-logo .brand-lockup { text-transform:none; }
.kind-words { background:var(--sand); padding-block:90px 60px; display:grid; grid-template-columns:.8fr 1.2fr; gap:35px 6vw; align-items:center; overflow:clip; }
.voices-heading .small-label { font-size:11px; }
.voices-heading h2 { font:clamp(48px,6vw,90px)/1 var(--display); margin:25px 0 45px; }
.voices-stage { position:relative; padding:28px 18px 0; min-width:0; }
.voice-back { position:absolute; inset:28px 18px 75px; background:var(--beige); border:1px solid #1e1e1e30; }
.voice-back-one { transform:rotate(-5deg); }
.voice-back-two { background:var(--ink); transform:rotate(4deg); }
.voice-window { position:relative; background:var(--paper); min-height:400px; }
.voice-card { margin:0; min-height:400px; padding:38px; display:flex; flex-direction:column; position:relative; }
.voice-topic { font-size:10px; border-bottom:1px solid #1e1e1e30; padding-bottom:18px; }
.voice-card blockquote { font:clamp(30px,3.4vw,52px)/1.12 var(--display); margin:42px 0 35px; position:relative; z-index:1; }
.voice-card figcaption { display:grid; gap:7px; margin-top:auto; }
.voice-card figcaption b { font-size:13px; font-weight:400; }
.voice-card figcaption>span { font-size:11px; }
.voice-controls { position:relative; display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:32px; }
.voice-pause { background:none; border:0; border-bottom:1px solid var(--ink); color:var(--ink); font-size:10px; padding:12px 0; }
@media(max-width:760px) {
 .kind-words { grid-template-columns:1fr; padding-block:55px 40px; gap:18px; }
 .voices-heading h2 { font-size:13vw; margin:20px 0; }
 .voices-stage { padding:20px 10px 0; }
 .voice-back { inset:20px 10px 75px; }
 .voice-window,.voice-card { min-height:340px; }
 .voice-card { padding:26px; }
 .voice-card blockquote { font-size:clamp(29px,8vw,44px); margin-top:35px; }
 .voice-pause { max-width:105px; line-height:1.5; }
}
.voice-card blockquote { margin-bottom:22px; }
.voice-window,.voice-card { min-height:445px; }
@media(max-width:760px) {
 .voice-window,.voice-card { min-height:425px; }
 .voice-controls { flex-wrap:wrap; justify-content:center; }
 .voice-pause { max-width:none; }
 .voice-back { bottom:110px; }
}
.ai-creation-cover { position:absolute; inset:0; background:var(--beige); overflow:hidden; }
.ai-sculpture { width:100%; height:100%; }
.ai-cover-filmstrip { position:absolute; bottom:9%; left:12%; width:76%; display:flex; gap:5px; }
.ai-cover-filmstrip i { flex:1; height:13px; background:var(--sand); }
.ai-cover-filmstrip i:nth-child(2n) { background:var(--paper); }
.ai-cover-filmstrip i:last-child { background:var(--ink); }
.application-graphic { background:var(--beige); }
.graphic-print { position:absolute; width:55%; height:75%; padding:7%; box-shadow:10px 13px 20px #1e1e1e20; display:flex; flex-direction:column; justify-content:space-between; }
.print-back { left:8%; top:10%; transform:rotate(-11deg); background:var(--paper); }
.print-front { right:8%; top:15%; transform:rotate(9deg); background:var(--ink); color:var(--paper); }
.graphic-print>span { font-size:8px; }
.graphic-print>b { font:clamp(38px,5vw,74px)/.9 var(--display); }
.graphic-print>.brand-symbol { width:50px; height:50px; }
.graphic-type-lines { display:grid; gap:9px; }
.graphic-type-lines i { height:3px; background:var(--sand); }
.graphic-type-lines i:nth-child(even) { width:70%; }
.graphic-swatch-row { display:flex; gap:5px; }
.graphic-swatch-row i { width:21%; aspect-ratio:1; background:var(--sand); }
.graphic-swatch-row i:nth-child(2) { background:var(--paper); }
.graphic-swatch-row i:nth-child(3) { background:var(--beige); }
.graphic-swatch-row i:last-child { border:1px solid var(--paper); background:var(--ink); }
.graphic-round-sticker { position:absolute; bottom:8%; left:11%; width:85px; height:85px; border-radius:50%; background:var(--sand); color:var(--ink); display:grid; place-items:center; font:48px var(--display); transform:rotate(-8deg); }
@media(max-width:760px) { .graphic-print>b { font-size:12vw; } }
h1,h2,h3 { text-transform:none; }
.hero-story { text-transform:none; }
.offer-ai .offer-arch,
.offer-ai .ai-creation-cover { background:var(--sand); border-radius:50% 50% 0 0; }
.portrait-contact-sheet { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:1280px; align-items:start; }
.studio-personality-card { min-width:0; margin:0; padding:12px 12px 24px; background:var(--paper); box-shadow:0 8px 20px #1e1e1e15; transform:rotate(-3deg); }
.studio-personality-card:nth-child(2) { transform:rotate(3deg) translateY(30px); }
.studio-personality-card:nth-child(3) { transform:rotate(-2deg); }
.personality-photo { position:relative; aspect-ratio:4/5; overflow:hidden; }
.personality-photo img { object-fit:cover; filter:none; }
.studio-personality-card figcaption { padding:22px 8px 0; text-align:center; }
.studio-personality-card h3 { font:clamp(24px,2.5vw,38px)/1.05 var(--display); margin:0 0 12px; }
.studio-personality-card p { font-size:clamp(14px,1.15vw,17px); line-height:1.6; margin:0; }
.mobile-control-label { display:none; }
@media(max-width:760px) {
  .mobile-symbol,
  .brand-symbol,
  .menu-link-arrow,
  .web-cursor,
  .service-browser-pointer,
  .campaign-click,
  .film-play-mark,
  .concept-mark,
  .case-seal,
  .mock-page-art,
  .phone-symbol,
  .instagram-actions,
  .instagram-account>i,
  .instagram-account>span,
  .hero-cta>svg,
  .contact-heading>.arrow,
  .contact-heading>span:has(>.arrow) { display:none !important; }
  .mobile-control-label { display:inline; }
  .rail-controls button { width:auto; min-width:76px; height:44px; padding:0 14px; border-radius:0; font:14px var(--body); }
  summary { list-style:none; }
  summary::marker, summary::-webkit-details-marker { display:none; content:""; }
  .portrait-contact-sheet { grid-template-columns:minmax(0,1fr); max-width:410px; gap:38px; margin:45px auto 15px; padding:15px 10px; }
  .studio-personality-card { padding:10px 10px 23px; transform:rotate(-2deg); }
  .studio-personality-card:nth-child(2) { transform:rotate(2deg); }
  .studio-personality-card:nth-child(3) { transform:rotate(-1deg); }
  .studio-personality-card h3 { font-size:30px; }
  .studio-personality-card p { font-size:15px; }
}
.ticker-track { text-transform:none; }
.ticker-set>span { text-transform:none; }
@keyframes instinct-paper { 0%,100% {transform:rotate(-4deg) translateY(0)} 50% {transform:rotate(1deg) translateY(-8px)} }
@keyframes instinct-line { 0%,20%,100% {transform:scaleX(.75)} 50%,75% {transform:scaleX(1)} }
.contact-postcard { background:var(--sand); color:var(--ink); overflow:clip; padding-block:65px 90px; }
.contact-postcard .section-kicker { color:var(--ink); border-color:#1e1e1e40; }
.contact-postcard-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:7%; align-items:center; padding:75px 0 10px; }
.contact-postcard-copy h2 { font:clamp(52px,6.1vw,92px)/1 var(--display); letter-spacing:-.035em; margin:0 0 28px; }
.contact-postcard-copy h2>span { -webkit-text-stroke:1px var(--ink); color:transparent; }
.contact-postcard-copy>p { max-width:440px; font-size:16px; line-height:1.8; }
.contact-postcard .contact-launch { color:var(--ink); border-bottom:1px solid var(--ink); font-size:clamp(42px,4.6vw,68px); margin-top:20px; }
.contact-postcard-copy>small { display:block; font-size:12px; margin-top:15px; }
.contact-sculpture { position:relative; width:100%; max-width:560px; height:500px; isolation:isolate; margin:20px auto; }
.contact-sculpture-plane { position:absolute; inset:9% 8% 4%; background:var(--beige); transform:rotate(12deg); }
.contact-sculpture-disc { position:absolute; inset:0 0 8%; background:var(--ink); color:var(--paper); border-radius:50%; padding:15% 12%; display:flex; flex-direction:column; justify-content:space-between; text-align:center; }
.contact-sculpture-disc>span { font:12px var(--body); }
.contact-sculpture-disc>b { font:clamp(65px,7vw,104px)/.88 var(--display); font-weight:normal; }
.contact-sculpture-disc>b>span { color:var(--sand); }
.contact-sculpture-base { position:absolute; bottom:0; left:6%; width:88%; height:8%; border-radius:50%; background:#1e1e1e15; transform:rotate(3deg); z-index:-1; }
.voice-card blockquote { font-size:clamp(24px,3vw,44px); line-height:1.3; }
@media(max-width:760px) {
  .contact-postcard { padding-block:40px 65px; }
  .contact-postcard-grid { grid-template-columns:1fr; gap:30px; padding-top:40px; }
  .contact-postcard-copy h2 { font-size:clamp(42px,10.5vw,72px); }
  .contact-postcard-copy>p { font-size:15px; }
  .contact-sculpture { width:95%; height:clamp(310px,90vw,480px); margin-top:30px; }
  .contact-sculpture-disc>b { font-size:clamp(60px,16vw,92px); }
  .contact-sculpture-disc>span { font-size:11px; }
  .voice-card blockquote { font-size:clamp(21px,5.5vw,28px); }
}
@media(max-width:760px) { .hero-board-orbit,.card-symbol { display:none !important; } }
.hero .hero-snippet.design-card { pointer-events:auto; overflow:visible; cursor:grab; }
.hero-snippet.design-card>.design-card-surface { width:100%; height:100%; padding:0; }
.hero-snippet .archive-film { position:absolute; inset:0; pointer-events:none; }
.hero-snippet img { pointer-events:none; user-select:none; }
.composition-1 .snippet-two { right:1%; top:9%; }
.composition-2 .snippet-one { left:3%; top:30%; }
.composition-2 .snippet-two { right:-1%; top:20%; }
.instinct-word>span:nth-child(2n) { color:var(--sand); }
@media(max-width:760px) {
  .studio-menu .menu-exhibit { display:none !important; }
  .studio-menu .menu-spread { display:block; min-height:0; height:auto; padding-block:30px; }
  .studio-menu .menu-spread>nav { width:100%; }
  .studio-menu .menu-bottom { position:relative; margin-top:15px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
}
.instinct-statement { padding:12px 0; max-width:400px; }
.instinct-statement p { font:clamp(26px,3.1vw,46px)/1.15 var(--display); margin:0; }
.instinct-statement p+p { color:var(--sand); margin-top:10px; }
.ticker-set>span:nth-of-type(4n+1) { color:var(--paper); }
.ticker-set>span:nth-of-type(4n+2) { color:var(--sand); }
.ticker-set>span:nth-of-type(4n+3) { color:var(--beige); }
.ticker-set>span:nth-of-type(4n) { color:var(--sand); }
.archive-film { isolation:isolate; }
.archive-film>img { z-index:0; opacity:1; }
.archive-film>video { opacity:0; transition:opacity .25s; }
.archive-film[data-playing=true]>video { opacity:1; }
.application-film .archive-film { opacity:1; }
.application-film .archive-film img,.application-film .archive-film video,
.offer-arch .archive-film img,.offer-arch .archive-film video { filter:none; mix-blend-mode:normal; }
.portrait-contact-sheet { max-width:1050px; grid-template-columns:1fr 1.13fr .94fr; gap:clamp(25px,4vw,55px); align-items:center; margin-top:55px; }
.studio-personality-card { padding:10px 10px 20px; }
.studio-personality-card:nth-child(2) { margin-top:35px; }
.studio-personality-card h3 { font-size:clamp(24px,2.25vw,32px); }
.studio-personality-card p { font-size:clamp(13px,1.05vw,15px); }
@media(max-width:760px) {
  .portrait-contact-sheet { max-width:350px; display:flex; flex-direction:column; gap:30px; }
  .studio-personality-card { width:88%; align-self:flex-start; }
  .studio-personality-card:nth-child(2) { width:96%; margin-top:0; align-self:flex-end; }
  .studio-personality-card:nth-child(3) { width:84%; align-self:center; }
  .studio-personality-card h3 { font-size:26px; }
  .studio-menu .menu-spread { display:flex; flex-direction:column; align-items:stretch; gap:22px; padding-block:22px; }
  .studio-menu .menu-exhibit { display:block !important; width:100%; margin:0; }
  .studio-menu .menu-photo-stack { margin:0 auto; width:min(230px,70%); height:190px; aspect-ratio:auto; }
  .studio-menu .menu-exhibit>p { margin:14px auto 0; max-width:230px; font-size:13px; }
  .studio-menu .menu-bottom { margin-top:10px; }
}
.hero[data-mixing=reset] .design-card { transition:left .32s ease,right .32s ease,top .32s ease,width .32s ease,height .32s ease; }
.studio-about-link{display:table;margin-top:22px}
.has-wild-cursor,
.has-wild-cursor a,
.has-wild-cursor button,
.has-wild-cursor summary,
.has-wild-cursor [role="button"],
.has-wild-cursor [data-cursor] {
  cursor: none;
}
.has-wild-cursor input,
.has-wild-cursor textarea,
.has-wild-cursor select {
  cursor: text;
}
.wild-cursor-dot,
.wild-cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483000;
  pointer-events: none;
  border-radius: 50%;
  translate: -50% -50%;
}
.wild-cursor-dot {
  width: 6px;
  height: 6px;
  background: var(--paper);
  mix-blend-mode: difference;
}
.wild-cursor-ring {
  width: 38px;
  height: 38px;
  border: 1px solid var(--paper);
  mix-blend-mode: difference;
  display: grid;
  place-items: center;
  transition:
    width 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.3s,
    border-color 0.3s;
}
.wild-cursor-ring span {
  font: 400 11px/1 var(--font-matahari), sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink);
  opacity: 0;
  transform: scale(0.6);
  transition:
    opacity 0.25s,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.wild-cursor-ring[data-state="hover"] {
  width: 64px;
  height: 64px;
  background: var(--paper);
}
.wild-cursor-ring[data-state="label"] {
  width: 92px;
  height: 92px;
  background: var(--sand);
  border-color: var(--sand);
  mix-blend-mode: normal;
}
.wild-cursor-ring[data-state="label"] span {
  opacity: 1;
  transform: scale(1);
}
.wild-cursor-ring[data-down="yes"] {
  scale: 0.82;
}
.hero {
  isolation: isolate;
}
.hero-paper {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.hero-paper canvas {
  display: block;
}
.hero-story .writing-character,
.footer-centred-wordmark .rp {
  display: inline-block;
  will-change: translate, rotate;
}
.footer-centred-wordmark .rp {
  transform-origin: 50% 90%;
}
.lab-bottle-3d {
  position: absolute;
  inset: 22% 4% 2%;
  z-index: 2;
  cursor: grab;
  touch-action: pan-y;
}
.lab-bottle-3d:active {
  cursor: grabbing;
}
.lab.has-3d .bottle-tilt {
  visibility: hidden;
}
:has(> .fx-tilt) {
  perspective: 1100px;
}
.fx-tilt {
  transition: rotate 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: rotate;
}
.fx-magnet {
  translate: calc(var(--fx-mx, 0) * 1px) calc(var(--fx-my, 0) * 1px);
}
.kinetic-ticker .ticker-set {
  display: inline-flex;
  transform: skewX(calc(var(--fx-velocity, 0) * -0.35deg));
  transition: transform 0.2s linear;
}
.fx-line {
  will-change: transform;
}
.contact-postcard-copy h2 span {
  -webkit-text-stroke: 1px var(--ink);
  color: transparent;
}
.wild-manifesto .manifesto-agency { margin-bottom:clamp(45px,5vw,78px); }
.fx-line-mask { padding-bottom:.12em; margin-bottom:-.12em; }
@media(pointer:coarse),(prefers-reduced-motion:reduce) { .wild-cursor-dot,.wild-cursor-ring { display:none; } }
.studio-personality-card { border:1px solid #1e1e1e12; background:var(--paper); padding:16px 16px 25px; box-shadow:0 15px 35px #1e1e1e1c; overflow:visible; }
.studio-personality-card .personality-photo { border:1px solid #1e1e1e0c; }
.lab-bottle-3d { inset:22% 2% 1%; }
.lab-bottle-3d canvas { touch-action:pan-y; }
.lab-art .world-graphic { opacity:.32; }
.lab-art .world-display { letter-spacing:-.045em; }
.application-inclusions { gap:7px; counter-reset:inclusions; }
.application-inclusions li { position:relative; display:flex; align-items:center; gap:17px; border:1px solid #1e1e1e25; border-radius:3px; padding:13px 15px; overflow:hidden; isolation:isolate; transition:transform .3s,color .3s,border-color .3s,box-shadow .3s; }
.application-inclusions li::before { content:""; position:absolute; inset:0; z-index:-1; background:var(--sand); transform:translateX(-102%); transition:transform .45s cubic-bezier(.22,1,.36,1); }
.application-inclusions .inclusion-number { font:12px/1 'Lab Mono',monospace; opacity:.55; min-width:20px; transition:transform .3s; }
.application-inclusions li:hover,.application-inclusions li:focus-visible { transform:translateX(5px); border-color:var(--sand); box-shadow:0 4px 12px #1e1e1e0b; outline:2px solid transparent; }
.application-inclusions li:hover::before,.application-inclusions li:focus-visible::before { transform:translateX(0); }
.application-inclusions li:hover .inclusion-number,.application-inclusions li:focus-visible .inclusion-number { transform:rotate(-9deg); opacity:1; }
@media(max-width:760px){ .studio-personality-card { padding:11px 11px 22px; } .application-inclusions li { padding:12px; gap:10px; } }
@media(prefers-reduced-motion:reduce){.application-inclusions li,.application-inclusions li::before,.application-inclusions .inclusion-number{transition:none;transform:none!important;}}
.application-inclusions li:focus-visible { outline-color:var(--ink); outline-offset:2px; }
.brand-cover { background:var(--sand); }
.brand-cover>img { object-fit:cover!important; filter:none!important; mix-blend-mode:normal!important; opacity:1!important; }
.brand-cover-edition { position:absolute; bottom:24px; left:24px; background:var(--paper); color:var(--ink); padding:9px 13px; font-size:11px; max-width:calc(100% - 48px); }
.portfolio-invitation>a { height:100%; min-height:550px; display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,4vw,70px); background:var(--ink); color:var(--paper); text-decoration:none; position:relative; overflow:hidden; }
.portfolio-invitation>a>span:first-child { font-size:12px; margin-bottom:30px; }
.portfolio-invitation h3 { font:clamp(44px,5.7vw,85px)/.98 var(--display); margin:0 0 25px; z-index:1; }
.portfolio-invitation p { max-width:350px; font-size:16px; line-height:1.7; z-index:1; }
.portfolio-invitation-link { border-bottom:1px solid var(--sand); padding:15px 0; margin-top:30px; width:fit-content; }
.portfolio-colour-fan { position:absolute; right:-2%; top:6%; width:44%; height:56%; opacity:.45; }
.portfolio-colour-fan i { display:block; position:absolute; width:55%; height:65%; top:10%; left:15%; transform-origin:50% 100%; background:var(--sand); border:1px solid var(--paper); transform:rotate(-30deg); transition:transform .7s cubic-bezier(.2,.8,.3,1); }
.portfolio-colour-fan i:nth-child(2){transform:rotate(-15deg);background:var(--beige)}
.portfolio-colour-fan i:nth-child(3){transform:rotate(0deg);background:var(--paper)}
.portfolio-colour-fan i:nth-child(4){transform:rotate(15deg);background:var(--sand)}
.portfolio-colour-fan i:nth-child(5){transform:rotate(30deg);background:var(--beige)}
.portfolio-invitation a:hover .portfolio-colour-fan i:first-child{transform:rotate(-50deg)}
.portfolio-invitation a:hover .portfolio-colour-fan i:last-child{transform:rotate(50deg)}
.brand-study-dialog { width:min(1280px,calc(100vw - 40px)); max-width:1280px; max-height:94svh; padding:0; border:0; background:var(--paper); overscroll-behavior:contain; }
.brand-study-dialog .case-navigation { position:sticky; top:0; z-index:20; display:flex; justify-content:space-between; align-items:center; gap:20px; background:var(--paper); color:var(--ink); padding:17px 28px; border-bottom:1px solid #1e1e1e20; }
.brand-study-dialog .close-dialog { position:static; background:none; border:1px solid var(--ink); border-radius:50%; width:58px; height:58px; font:12px var(--body); color:var(--ink); padding:0; }
.brand-case { background:var(--brand-paper); color:var(--brand-ink); overflow:hidden; }
.brand-case-intro { padding:65px 7% 55px; }
.brand-eyebrow { font:11px/1.6 var(--body); letter-spacing:.08em; text-transform:uppercase; margin:0 0 18px; }
.brand-case-intro h2 { font:clamp(48px,7vw,105px)/1.05 var(--brand-font); margin:20px 0 30px; letter-spacing:-.045em; }
.brand-case-intro>p:last-child { max-width:640px; font-size:17px; line-height:1.8; margin:0; }
.brand-case h3 { font-family:var(--brand-font); text-transform:none; }
.brand-campaign { margin:0; padding:0; }
.brand-campaign img { display:block; width:100%; height:auto; object-fit:cover; }
.brand-campaign figcaption { padding:14px 7%; font-size:11px; border-bottom:1px solid currentColor; }
.brand-marks { display:grid; grid-template-columns:2fr 1fr 1fr; min-height:280px; margin:50px 7%; border:1px solid currentColor; }
.brand-marks>div { padding:35px 20px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; text-align:center; }
.brand-marks>div+div { border-left:1px solid currentColor; }
.brand-wordmark>span { font:clamp(30px,5vw,74px)/1 var(--brand-font); }
.brand-marks small { font-size:10px; }
.brand-marks svg { width:85px; height:85px; }
.brand-seal { background:var(--brand-ink); color:var(--brand-paper); }
.brand-seal span { font-size:12px; }
.brand-palette-panel { padding:60px 7%; background:var(--brand-light); }
.brand-palette-panel h3 { font-size:clamp(30px,4vw,56px); max-width:700px; margin:0 0 35px; line-height:1.1; }
.brand-palette-strip { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--brand-ink); }
.brand-palette-strip>div { height:190px; padding:20px 15px; display:flex; flex-direction:column; justify-content:end; gap:8px; }
.brand-palette-strip b { font-size:12px; font-weight:400; }
.brand-palette-strip small { font:10px var(--body); }
.brand-typography { display:grid; grid-template-columns:1fr 1fr; padding:65px 7%; gap:25px; align-items:center; }
.brand-typography>.brand-eyebrow { grid-column:1/-1; }
.brand-aa { font:clamp(100px,17vw,240px)/1 var(--brand-font); grid-row:span 2; }
.brand-typography h3 { font-size:clamp(30px,4vw,55px); line-height:1.15; margin:0; }
.brand-typography>p:last-child { font:14px/2 var(--body); }
.brand-case-end { padding:75px 7%; background:var(--brand-ink); color:var(--brand-paper); }
.brand-case-end small { display:block; max-width:500px; font-size:11px; line-height:1.8; opacity:.8; }
.brand-case-end h3 { font-size:clamp(36px,5vw,70px); line-height:1.1; margin:35px 0; }
.brand-case-end a { color:inherit; border-color:currentColor; }
.terra-pack { aspect-ratio:4/5; display:flex; flex-direction:column; justify-content:center; align-items:center; background:var(--brand-paper); color:var(--brand-ink); box-shadow:10px 18px 0 #302c2822,20px 28px 25px #16141325; transform:rotate(-6deg); padding:25px; border:1px solid #16141320; }
.terra-pack svg { width:65px; height:65px; }
.terra-pack b { font:clamp(40px,6vw,85px)/1 var(--brand-font); margin:18px 0; text-shadow:1px 2px #F5F2ED; }
.terra-pack>span { font-size:11px; }
.terra-pack small { font-size:8px; margin-top:40px; }
.quiet-broadsheet { padding:45px 7%; border-top:1px solid; background:var(--brand-light); }
.quiet-broadsheet>p { text-align:center; font-size:11px; }
.quiet-broadsheet>h3 { text-align:center; font-size:clamp(45px,8vw,115px); margin:20px 0; letter-spacing:-.04em; border-block:3px double; padding:24px 0; line-height:1.05; }
.quiet-columns { display:grid; grid-template-columns:1.4fr 1fr .4fr; gap:35px; padding:25px 0; align-items:center; }
.quiet-columns b { font:clamp(25px,4vw,50px)/1.05 var(--brand-font); }
.quiet-columns p{font:16px/1.7 Georgia,serif}
.quiet-columns svg{width:85px}
.brand-case-noir { background:var(--brand-ink); color:var(--brand-paper); }
.brand-case-noir .brand-palette-panel{color:var(--brand-ink)}
.noir-campaign-heading { padding:60px 7%; display:flex; align-items:end; justify-content:space-between; background:var(--brand-light); color:var(--brand-ink); }
.noir-campaign-heading>span{font:clamp(90px,16vw,210px)/1 Georgia,serif;letter-spacing:.04em}
.noir-campaign-heading>p{font:11px var(--body)}
.noir-specimen { padding:80px 7%; display:grid; grid-template-columns:1fr 2fr; gap:30px; align-items:center; }
.noir-specimen svg{width:150px;height:150px}
.noir-specimen h3{font:clamp(55px,8vw,100px)/1 Georgia,serif;margin:0}
.noir-specimen>p{grid-column:2;font-size:13px;line-height:1.8}
.noir-specimen i{color:var(--brand-light)}
.brand-case-noir .brand-marks{border-color:var(--brand-light)}
.brand-case-noir .brand-marks>div+div{border-color:var(--brand-light)}
.brand-case-noir .brand-seal{background:var(--brand-light);color:var(--brand-ink)}
.field-symbols{padding:70px 7%;background:var(--brand-light)}
.field-symbols h3{font:clamp(30px,4vw,52px)/1.1 var(--brand-font);margin:15px 0 40px}
.field-symbols>div{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
.field-symbols figure{margin:0;text-align:center;border-block:1px solid #16141340;padding:20px 0}
.field-symbols svg{width:100%;height:130px}
.field-symbols figcaption{font:9px/1.6 var(--body)}
.field-packets{padding:75px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;align-items:center}
.field-packets>div{aspect-ratio:3/4;background:var(--brand-light);padding:25px 20px;border:1px solid var(--brand-ink);box-shadow:7px 10px 15px #16141325;transform:rotate(-5deg)}
.field-packets>div:nth-child(2){background:var(--brand-accent);transform:rotate(4deg) translateY(20px)}
.field-packets>div:nth-child(3){transform:rotate(-1deg)}
.field-packets small{font:8px var(--body)}
.field-packets svg{height:170px;width:100%;margin:25px 0}
.field-packets h3{font:22px/1.2 var(--brand-font);margin:0}
.field-packets p{font-size:10px}
.offhours-motion{position:relative;background:var(--brand-ink);padding:30px}
.offhours-film{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.offhours-motion>p{font:10px var(--body);color:var(--brand-light);margin:15px 0 0}
.offhours-poster-wall>div:nth-child(2){background:var(--brand-accent);color:var(--brand-ink);transform:rotate(5deg)}
.sunday-post:nth-child(3n){background:var(--brand-accent);color:var(--brand-ink)}
.sunday-post:nth-child(4){background:var(--brand-paper);color:var(--brand-ink)}
.sunday-loyalty{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center;padding:80px 7%}
.sunday-loyalty>div{padding:30px;background:var(--brand-accent);transform:rotate(-4deg);box-shadow:10px 15px 20px #16141325}
.sunday-loyalty b{font:35px var(--brand-font)}
.sunday-loyalty p{font:25px/1.2 var(--brand-font)}
.sunday-loyalty>div>div{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.sunday-loyalty>div>div>span{aspect-ratio:1;border:1px solid;border-radius:50%;display:grid;place-items:center}
.sunday-loyalty svg{width:80%;height:80%}
.sunday-loyalty small{font-size:9px;display:block;margin-top:20px}
.sunday-loyalty>p{font:clamp(25px,3.6vw,48px)/1.2 var(--brand-font)}
.portfolio-page { padding-top:80px; }
.full-portfolio{padding-top:75px}
.full-portfolio-intro{max-width:650px;font-size:18px;line-height:1.7;margin:0 0 60px}
.full-portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 35px}
.full-portfolio-grid .project{width:100%;min-width:0}
.full-portfolio-grid .project-visual{aspect-ratio:3/2;height:auto}
.full-portfolio-grid .project-meta{padding-bottom:10px}
.full-portfolio-grid .project-meta h3{font-size:35px}
.full-portfolio-grid .project-year{display:none}
@media(max-width:760px){
 .brand-study-dialog{width:calc(100vw - 14px);max-height:96svh}.brand-study-dialog .case-navigation{padding:10px 15px;font-size:10px}.brand-study-dialog .close-dialog{width:45px;height:45px}.brand-case-intro{padding:45px 7% 35px}.brand-case-intro h2{font-size:49px;overflow-wrap:anywhere}.brand-case-intro>p:last-child{font-size:14px}.brand-eyebrow{font-size:9px}.brand-marks{grid-template-columns:1fr 1fr;min-height:0;margin:35px 7%}.brand-marks>div:first-child{grid-column:1/-1;border-bottom:1px solid}.brand-marks>div:nth-child(2){border-left:0}.brand-marks>div{padding:25px 15px}.brand-marks svg{width:60px;height:60px}.brand-wordmark>span{font-size:48px}.brand-palette-panel{padding:40px 7%}.brand-palette-strip{grid-template-columns:1fr 1fr}.brand-palette-strip>div{height:120px}.brand-palette-strip b{font-size:10px}.brand-typography{padding:40px 7%;gap:15px}.brand-aa{font-size:100px}.brand-typography h3{font-size:28px}.brand-typography>p:last-child{font-size:9px}.brand-case-end{padding:50px 7%}.brand-campaign figcaption{font-size:9px}.terra-pack{padding:20px 10px}.terra-pack b{font-size:45px}.terra-pack small{margin-top:22px;font-size:7px}.terra-pack>span{font-size:8px}.quiet-columns{grid-template-columns:1.2fr 1fr;gap:20px}.quiet-columns svg{display:none}.quiet-columns p{font-size:12px}.noir-campaign-heading{display:block;padding:40px 7%}.noir-specimen{padding:45px 7%;grid-template-columns:.6fr 2fr;gap:15px}.noir-specimen svg{width:80px;height:80px}.noir-specimen h3{font-size:48px}.field-symbols{padding:45px 7%}.field-symbols>div{grid-template-columns:repeat(3,1fr);gap:12px}.field-symbols svg{height:95px}.field-packets{gap:15px;padding:50px 7%;grid-template-columns:1fr 1fr}.field-packets>div{padding:15px 12px}.field-packets>div:last-child{grid-column:1/-1;width:48%;justify-self:center}.field-packets svg{height:110px;margin:15px 0}.field-packets small{font-size:6px}.field-packets h3{font-size:17px}.offhours-motion{padding:15px}.sunday-loyalty{padding:50px 7%;grid-template-columns:1fr;gap:25px}.sunday-loyalty>p{font-size:28px}.sunday-loyalty>div{padding:25px}.portfolio-invitation>a{min-height:470px;padding:35px}.portfolio-invitation h3{font-size:48px}.portfolio-invitation p{font-size:14px}.full-portfolio-grid{grid-template-columns:1fr;gap:40px}.full-portfolio{padding-top:45px}.full-portfolio-intro{font-size:15px}.full-portfolio-grid .project-meta h3{font-size:30px}
}
.full-portfolio #work-title { font:clamp(56px,7.5vw,118px)/1.02 var(--display); letter-spacing:-.055em; margin:18px 0 45px; }
.brand-case a:focus-visible,.brand-study-dialog button:focus-visible,.portfolio-invitation>a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.brand-cover-edition { display:none; }
.full-portfolio-grid .project { min-height:0; height:auto; }
.full-portfolio-grid .project-meta { min-height:0; }
.work .project-rail>.portfolio-invitation{align-self:stretch}
.portfolio-invitation>a{box-sizing:border-box;min-height:0;justify-content:flex-start;padding:clamp(28px,3vw,48px);gap:18px}
.portfolio-invitation>a>span:first-child{margin-bottom:12px}
.portfolio-invitation h3{font-size:clamp(40px,5.2vw,76px);margin:0;line-height:1.08}
.portfolio-invitation p{margin:0;line-height:1.65}
.portfolio-invitation-link{display:inline-flex;align-items:center;min-height:48px;margin-top:auto;padding:12px 0;position:relative;z-index:2;color:var(--paper);flex-shrink:0;font-size:14px}
@media(max-width:760px){.portfolio-invitation>a{min-height:520px;padding:28px;gap:16px}.portfolio-invitation h3{font-size:43px}.portfolio-invitation-link{font-size:13px}}
.offer-service-link{display:inline-flex;align-items:center;min-height:44px;margin-top:17px;font:13px var(--body);color:var(--ink);text-decoration:none;border-bottom:1px solid currentColor;transition:translate .3s}
.offer-service-link:hover{translate:4px 0}
.offer-service-link:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.services-page{padding-top:82px;background:var(--paper);color:var(--ink);overflow:clip}
.services-page :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.services-hero{padding:35px var(--gutter) 45px;min-height:calc(100svh - 82px);display:flex;flex-direction:column}
.services-hero-top{display:flex;justify-content:space-between;gap:25px;font-size:12px;line-height:1.6}
.services-hero-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:40px;flex:1;padding:45px 0 55px}
.services-hero-copy h1{font:clamp(70px,7.6vw,125px)/1 var(--display);letter-spacing:-.05em;margin:0 0 30px}
.services-title-line{display:block;overflow:hidden;padding-bottom:.15em;margin-bottom:-.15em}
.services-title-line>span{display:block}
.services-hero-copy p{font-size:15px;line-height:1.85;max-width:440px}
.services-studio-deck{position:relative;min-height:370px;height:32vw;max-height:470px;perspective:1200px;transform-style:preserve-3d;isolation:isolate}
.services-deck-card{display:flex;flex-direction:column;justify-content:space-between;position:absolute;width:56%;height:85%;padding:22px;background:var(--beige);color:var(--ink);box-shadow:10px 15px 30px #1e1e1e20;text-decoration:none;transition:box-shadow .45s;transform-origin:50% 90%}
.services-deck-card>span{font-size:11px}
.services-deck-card small{font-size:10px;line-height:1.6}
.services-deck-card b{font-family:var(--display);letter-spacing:-.035em;line-height:1.03}
.services-deck-card:hover,.services-deck-card:focus-visible{z-index:5;box-shadow:14px 22px 40px #1e1e1e25}
.deck-social{left:-1%;top:8%;rotate:-13deg;background:var(--ink);color:var(--paper);z-index:1}
.deck-social b{font-size:clamp(30px,3.1vw,48px)}
.deck-social .brand-symbol{width:65px;height:65px;color:var(--sand)}
.deck-web{left:40%;top:7%;rotate:13deg;background:var(--sand);z-index:2}
.deck-web b{font-size:clamp(27px,3vw,44px)}
.services-deck-screen{position:relative;height:46%;overflow:hidden;border:6px solid var(--paper)}
.services-deck-screen .archive-film{position:absolute;inset:0;width:100%;height:100%}
.deck-brand{left:20%;top:0;rotate:0deg;background:var(--paper);border:1px solid var(--sand);z-index:3}
.deck-brand>b{font-size:clamp(100px,12vw,175px);align-self:center;letter-spacing:-.09em}
.services-deck-swatches{display:grid;grid-template-columns:repeat(4,1fr);height:12px;border:1px solid var(--sand)}
.services-deck-swatches i:nth-child(1){background:var(--ink)}
.services-deck-swatches i:nth-child(2){background:var(--sand)}
.services-deck-swatches i:nth-child(3){background:var(--beige)}
.services-deck-swatches i:nth-child(4){background:var(--paper)}
.services-starts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #1e1e1e40;gap:25px}
.services-starts>a{color:inherit;text-decoration:none;padding:23px 0 5px;display:flex;flex-direction:column;gap:12px;transition:translate .4s}
.services-starts>a:hover{translate:0 -5px}
.services-starts span{font:clamp(23px,2.15vw,31px)/1.1 var(--display);letter-spacing:-.03em}
.services-starts small{font-size:11px}
.service-explorer{position:relative}
.service-hash-targets{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.service-hash-targets>span{position:absolute;top:0;scroll-margin-top:100px}
.service-explorer .ai-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.service-explorer-intro{font-size:14px;line-height:1.8;max-width:300px;margin:0}
.service-explorer .ai-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.service-explorer .ai-information{min-width:0}
.service-explorer .application-canvas{position:sticky;top:110px;min-width:0;isolation:isolate}
.service-explorer .application-world{position:absolute;inset:0 0 46px}
.service-canvas-caption{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 22px;background:var(--paper);color:var(--ink);font-size:11px}
.service-canvas-caption>span{font-variant-numeric:tabular-nums;white-space:nowrap}
.service-explorer .ai-controls>button{position:relative;min-height:60px;padding:15px 0;color:var(--ink);transition:background .35s,padding .35s,border-color .35s;isolation:isolate}
.service-explorer .ai-controls>button:hover{padding-left:9px;background:#ccb8a530}
.service-explorer .ai-controls>button[aria-selected=true]{font-weight:700;border-bottom:3px solid var(--ink)}
.service-tab-mark{position:relative;width:15px;height:15px;flex-shrink:0;margin-right:5px}
.service-tab-mark::before,.service-tab-mark::after{content:"";position:absolute;left:0;top:50%;height:1px;width:100%;background:currentColor;transition:rotate .4s}
.service-tab-mark::after{rotate:90deg}
.ai-controls>button[aria-selected=true] .service-tab-mark::after{rotate:0deg}
.service-fit{font-size:13px!important;line-height:1.75!important;margin-top:15px!important;opacity:.8}
.service-outcome{padding:20px 0 0;margin-top:24px;border-top:1px solid #1e1e1e35}
.service-outcome>span{font-size:10px}
.service-outcome>p{font-size:16px!important;line-height:1.7!important;margin:10px 0 0!important;max-width:460px}
.service-actions{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:24px}
.service-actions a{font-size:12px;line-height:1.6;min-height:44px;display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}
.service-explorer .application-inclusions{gap:5px}
.service-explorer .application-inclusions li{font-size:12px;padding:11px 12px}
.service-explorer .service-browser{overflow:hidden}
.service-browser-film{position:absolute;inset:32% 5% 12%;overflow:hidden;z-index:0;opacity:.32}
.service-browser-film .archive-film{position:absolute;inset:0;width:100%;height:100%}
.service-explorer .service-browser>b,.service-explorer .service-browser>span,.service-explorer .service-browser>.brand-symbol{position:relative;z-index:1}
.service-explorer-full{padding-top:85px;padding-bottom:85px}
.service-explorer-full .ai-description{min-height:0}
.service-explorer-full .application-inclusions li:focus-visible{outline:2px solid var(--ink)}
.services-together :is(a,button):focus-visible{outline-color:var(--paper)}
@media(max-width:900px){.services-hero-main{grid-template-columns:1fr 1fr;gap:25px}.services-hero-copy h1{font-size:8vw}.services-studio-deck{min-height:300px}.services-deck-card{padding:16px}.service-explorer .ai-stage{grid-template-columns:minmax(0,1fr)}.service-explorer .application-canvas{position:relative;top:0;max-width:650px;margin:auto}.service-explorer .ai-description{min-height:0}}
@media(max-width:700px){
 .services-page{padding-top:74px}.services-hero{min-height:0;padding:24px 24px 35px}.services-hero-top{font-size:11px}.services-hero-top>span:last-child{max-width:150px;text-align:right}
 .services-hero-main{grid-template-columns:minmax(0,1fr);gap:30px;padding:40px 0}.services-hero-copy h1{font-size:15vw;margin-bottom:24px}.services-hero-copy p{font-size:14px;max-width:330px}.services-studio-deck{height:94vw;min-height:300px;max-height:400px;margin:0 8px}.deck-brand>b{font-size:125px}.deck-social b,.deck-web b{font-size:31px}
 .services-starts{grid-template-columns:1fr;gap:0}.services-starts>a{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #1e1e1e25}.services-starts span{font-size:22px;max-width:190px}.services-starts small{font-size:10px;max-width:100px;text-align:right}
 .service-explorer .ai-heading{display:block}.service-explorer-intro{font-size:13px;margin-top:23px}.service-explorer .ai-stage{gap:28px}.service-explorer .application-canvas{height:105vw;max-height:480px}.service-explorer .ai-controls{gap:0 15px}.service-explorer .ai-controls>button{font-size:12px;min-height:66px;gap:8px}.service-tab-mark{width:12px;height:12px}.service-canvas-caption{padding:13px 16px;font-size:10px}.service-outcome>p{font-size:15px!important}.service-explorer-full{padding-top:55px;padding-bottom:60px}.service-actions{gap:10px 24px}
}
@media(prefers-reduced-motion:reduce){.services-page *, .service-explorer *, .offer-service-link{transition:none!important}}
[data-motion=paused] .services-page *,[data-motion=paused] .service-explorer *{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){
 .service-explorer :is(.sheet-front,.sheet-back,.instagram-post,.service-browser,.campaign-poster,.workshop-pencil,.graphic-print,.graphic-round-sticker){transition:translate .65s cubic-bezier(.22,1,.36,1),rotate .65s cubic-bezier(.22,1,.36,1),scale .65s cubic-bezier(.22,1,.36,1)}
 .service-explorer .application-canvas:hover .sheet-front{translate:6px -10px;rotate:-3deg}.service-explorer .application-canvas:hover .sheet-back{translate:-8px 4px;rotate:2deg}
 .service-explorer .application-canvas:hover .post-one{translate:-8px -10px;rotate:-2deg}.service-explorer .application-canvas:hover .post-two{translate:8px -5px;rotate:3deg}
 .service-explorer .application-canvas:hover .service-browser{translate:0 -10px;rotate:2deg}
 .service-explorer .application-canvas:hover .campaign-poster{scale:1.03;rotate:-2deg}
 .service-explorer .application-canvas:hover .workshop-pencil{translate:12px -12px;rotate:-6deg}
 .service-explorer .application-canvas:hover .print-front{translate:8px -10px;rotate:3deg}.service-explorer .application-canvas:hover .print-back{translate:-6px 5px}.service-explorer .application-canvas:hover .graphic-round-sticker{rotate:12deg}
}
.services-title-line{padding-inline:.05em;margin-inline:-.05em}
@media(max-width:700px){
 .service-explorer .ai-stage{display:flex;flex-direction:column;align-items:stretch}
 .service-explorer .ai-information{display:contents}
 .service-explorer .ai-controls{order:0;margin:0}
 .service-explorer .application-canvas{order:1;width:100%}
 .service-explorer .ai-description{order:2;margin-top:0}
}
@media(max-width:700px){.service-explorer .service-tab-mark{display:none}}
:root{--ui-duration:220ms;--ui-ease:cubic-bezier(.22,1,.36,1)}
:where(a[href],button:not(:disabled),summary){-webkit-tap-highlight-color:#ccb8a540;touch-action:manipulation;transition:opacity var(--ui-duration) ease,color var(--ui-duration) ease,background-color var(--ui-duration) ease,box-shadow var(--ui-duration) ease;text-underline-offset:.22em;text-decoration-thickness:1px}
:where(a[href],button:not(:disabled),summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover){body :where(a[href],button:not(:disabled),summary):hover{opacity:1}}
:where(a[href],button:not(:disabled),summary):active{opacity:.65}
.ds-symbol{display:inline-block;flex-shrink:0;width:24px;height:24px;background:currentColor;mask:var(--ds) center/contain no-repeat;-webkit-mask:var(--ds) center/contain no-repeat}
.menu-toggle-symbol{width:23px;height:23px;margin-left:8px;vertical-align:middle;transition:transform var(--ui-duration) var(--ui-ease)}
.menu-toggle:hover .menu-toggle-symbol{transform:rotate(45deg)}
.studio-menu .menu-spread nav>a{display:flex;align-items:center;gap:18px}
.menu-page-symbol{width:30px;height:30px;transition:transform .35s var(--ui-ease)}
.studio-menu .menu-spread nav>a:is(:hover,:focus-visible) .menu-page-symbol{transform:rotate(-14deg) scale(1.12)}
.studio-menu .menu-spread nav>a[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.17em}
.menu-link-arrow{margin-left:auto}
.wild-footer .footer-columns nav>a{display:flex;align-items:center;gap:10px;min-height:38px;width:fit-content}
.wild-footer .footer-columns nav>a>.ds-symbol{width:19px;height:19px;transition:transform .3s var(--ui-ease)}
.wild-footer .footer-columns nav>a:is(:hover,:focus-visible)>.ds-symbol{transform:rotate(-15deg)}
.studio-social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px auto 22px}
.studio-social-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 14px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-size:12px;color:var(--ink)}
.studio-social-links svg{width:18px;height:18px;transition:transform .3s var(--ui-ease)}
.studio-social-links a:is(:hover,:focus-visible){background:var(--ink);color:var(--paper);opacity:1}
.studio-social-links a:is(:hover,:focus-visible) svg{transform:translateY(-2px)}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.footer-legal a{padding:8px 0;text-decoration:underline}
.wild-footer .footer-bottom{grid-template-columns:auto auto auto auto auto;gap:18px;align-items:center;flex-wrap:wrap}
.legal-page{padding-top:82px;background:var(--paper);color:var(--ink);min-height:100svh}
.legal-hero{position:relative;padding:75px var(--gutter,5vw) 60px;background:var(--beige);overflow:hidden}
.legal-hero>span{font-size:13px}
.legal-hero h1{font:clamp(45px,8vw,112px)/1.12 var(--display);margin:25px 0;overflow-wrap:anywhere;letter-spacing:-.035em}
.legal-hero p{max-width:55ch;font-size:18px;line-height:1.6}
.legal-hero>.ds-symbol{position:absolute;right:6vw;bottom:20px;width:150px;height:150px;opacity:.12;pointer-events:none}
.legal-content{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(0,2fr);gap:8vw;padding:65px var(--gutter,5vw) 100px;max-width:1300px;margin:auto}
.legal-content>nav{display:flex;flex-direction:column;align-items:flex-start;gap:18px;position:sticky;top:120px;align-self:start;font-size:14px}
.legal-content article{max-width:68ch;font-size:16px;line-height:1.85}
.legal-content section{margin-bottom:42px;scroll-margin-top:110px}
.legal-content h2{font:clamp(26px,3vw,40px)/1.2 var(--display);margin:0 0 18px;letter-spacing:-.025em}
.legal-content address{font-style:normal}
.legal-content p{margin:0 0 18px}
.legal-content a{text-decoration:underline;overflow-wrap:anywhere}
.legal-source,.legal-date{font-size:12px;line-height:1.7}
.legal-date{border-top:1px solid currentColor;padding-top:20px}
@media(max-width:760px){
 .menu-toggle-symbol{display:none}
 .studio-menu .menu-spread nav>a{gap:13px}
 .menu-page-symbol{width:22px;height:22px}
 .wild-footer .footer-columns nav>a{margin-inline:auto}
 .wild-footer .footer-bottom{display:flex;justify-content:center;align-items:center;text-align:center;gap:16px}
 .footer-legal{justify-content:center;width:100%}
 .studio-social-links{gap:8px}
 .studio-social-links a{padding:11px;border-radius:50%}
 .studio-social-links a>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .legal-page{padding-top:74px}
 .legal-hero{padding:45px 24px 35px}
 .legal-content{display:block;padding:32px 24px 60px}
 .legal-content>nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 20px;margin-bottom:40px}
 .legal-content article{font-size:15px}
}
@media(prefers-reduced-motion:reduce){:where(a[href],button,summary),.menu-page-symbol,.menu-toggle-symbol,.studio-social-links svg{transition:none!important}}
[data-motion=paused] :is(.menu-page-symbol,.menu-toggle-symbol,.studio-social-links svg){transition:none;transform:none!important}
.wild-footer{height:auto;min-height:calc(100svh - 82px);max-height:none;overflow:visible;gap:20px}
.studio-menu .menu-exhibit>.brand-symbol{display:none}
@media(max-width:760px){.wild-footer{min-height:0}}
.studio-menu .menu-spread nav>a{justify-content:flex-start}
.studio-menu .menu-exhibit>p{font:clamp(24px,2.5vw,34px)/1.2 var(--display);margin:24px 0 0}
@media(min-width:761px){.studio-menu .menu-photo-stack{height:clamp(250px,44vh,440px)}}
@media(max-width:760px){
 .studio-menu .menu-exhibit{height:auto;display:block!important;flex-shrink:0}
 .studio-menu .menu-photo-stack{height:160px;width:min(210px,70%);margin:0 auto}
 .studio-menu .menu-exhibit>p{font-size:17px;line-height:1.35;max-width:260px;margin:20px auto 0;text-align:center}
 .studio-menu .menu-bottom{clear:both;margin-top:20px}
}
.studio-menu .menu-photo{container-type:size}
.studio-menu .menu-visual-portrait{background:#d9cfc2}
.studio-menu .menu-visual-portrait img{object-fit:contain;object-position:center}
.studio-menu .menu-signature-art{box-sizing:border-box;justify-content:space-between;gap:12px;padding:8cqh 8cqw}
.studio-menu .menu-signature-art>.brand-lockup{font-size:clamp(32px,21cqh,100px);flex-shrink:0}
.studio-menu .menu-signature-art>span:last-child{font-size:clamp(18px,9cqh,40px);line-height:1.1}
.studio-menu .menu-bottom{align-items:center;flex-wrap:wrap}
.studio-menu .menu-bottom>.studio-social-links{margin:0;gap:9px}
.studio-menu .menu-bottom .studio-social-links a{width:40px;min-height:40px;padding:10px;border-radius:50%;justify-content:center}
.studio-menu .menu-bottom .studio-social-links a>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.menu-shop-art{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:5cqh 8cqw;background:#e8ded1;color:#5c4535;box-sizing:border-box;text-align:center;gap:3cqh}
.menu-shop-art svg{display:block;min-height:0;width:90%;height:65%;overflow:visible}
.menu-bag-logo{font:38px var(--display);fill:#5c4535;letter-spacing:-1.5px}
.menu-bag-note{font:9px var(--font-matahari);fill:#5c4535;letter-spacing:1px}
.menu-shop-art>span{font:clamp(17px,6.7cqh,32px)/1.1 var(--display)}
.menu-shop-art>small{font-size:clamp(7px,2.5cqh,11px)}
@media(max-width:760px){.studio-menu .menu-bottom{flex-direction:row;align-items:center}.studio-menu .menu-bottom>.studio-social-links{margin-left:auto}}
.header .nav-logo,
.header .nav-logo:is(:hover,:focus-visible){text-decoration:none;opacity:1}
.header .nav-logo::after{content:none}
.header .nav-logo:is(:hover,:focus-visible) .nav-logo-outline{color:transparent;-webkit-text-stroke:1px var(--ink)}
.studio-menu .menu-visual-portrait img{object-fit:cover;object-position:center 25%}
.studio-menu .menu-bottom .menu-claim{font-family:var(--body);font-weight:700}
.wild-footer .footer-bottom .footer-back-to-top{font-family:var(--body);font-style:italic}
.studio-icon-label{display:inline-flex;align-items:center;gap:12px;max-width:100%;line-height:1.6}
.studio-icon-label>.ds-symbol{width:28px;height:28px;flex-shrink:0}
.home-offer-mark{width:82px;height:70px;margin-top:20px;display:block}
.process li>.home-process-symbol{position:absolute;right:22px;top:25px;width:60px;height:60px}
.contact-next-card>.contact-step-symbol{position:absolute;top:34px;right:30px;width:48px;height:48px}
.footer--studio{position:relative;isolation:isolate;padding-top:32px;gap:22px}
.footer--studio .footer-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1.3fr) minmax(0,1fr);grid-template-areas:"left art right";gap:clamp(20px,4vw,65px);width:100%;align-items:center;flex:1;margin:8px 0 0;min-height:320px}
.footer-pages-left{grid-area:left}
.footer-pages-right{grid-area:right}
.footer--studio .footer-sign{grid-area:art}
.footer--studio .footer-pages{display:flex;flex-direction:column;gap:14px;min-width:0;position:relative}
.footer--studio .footer-pages-right{align-items:flex-end}
.footer--studio .footer-pages>.footer-page-link{position:relative;display:inline-flex;align-items:center;gap:14px;padding:8px 0;margin:0;min-height:52px;width:fit-content;max-width:100%;font:clamp(26px,3.3vw,46px)/1.12 var(--display);letter-spacing:-.035em;text-decoration:none;text-wrap:balance;opacity:1}
.footer--studio .footer-pages>.footer-page-link>span:last-child{position:relative;transition:transform .35s var(--ui-ease);min-width:0}
.footer--studio .footer-pages>.footer-page-link>span:last-child::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ui-ease)}
.footer--studio .footer-pages>.footer-page-link>.ds-symbol{width:28px;height:28px;transition:transform .4s var(--ui-ease)}
.footer--studio .footer-pages-right>.footer-page-link{flex-direction:row-reverse;text-align:right}
.footer--studio .footer-pages-right>.footer-page-link>span:last-child::after{transform-origin:right}
.footer--studio .footer-page-link:is(:hover,:focus-visible)>span:last-child{transform:translateX(5px)}
.footer--studio .footer-pages-right>.footer-page-link:is(:hover,:focus-visible)>span:last-child{transform:translateX(-5px)}
.footer--studio .footer-page-link:is(:hover,:focus-visible)>span:last-child::after{transform:scaleX(1)}
.footer--studio .footer-pages>.footer-page-link:is(:hover,:focus-visible)>.ds-symbol{transform:rotate(-18deg) scale(1.12)}
.footer--studio .studio-social-links{margin:4px auto 0}
.footer--studio .footer-bottom{margin-top:0}
@media (max-width:1000px) and (min-width:761px){
 .footer--studio .footer-columns{grid-template-columns:minmax(0,1fr) minmax(220px,1.05fr) minmax(0,1fr);gap:18px}
 .footer--studio .footer-pages>.footer-page-link{font-size:27px;gap:10px}
 .footer--studio .footer-pages>.footer-page-link>.ds-symbol{width:22px;height:22px}
}
@media(max-width:760px){
 .studio-icon-label{gap:10px}
 .studio-icon-label>.ds-symbol{width:23px;height:23px}
 .home-offer-mark{width:54px;height:54px;margin-top:18px}
 .process li>.home-process-symbol{width:40px;height:40px;right:15px;top:25px}
 .footer--studio{padding-top:28px;gap:26px}
 .footer--studio .footer-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right" "art art";gap:32px 16px;min-height:0;margin:0}
 .footer--studio .footer-pages{gap:9px;align-self:start}
 .footer--studio .footer-pages>.footer-page-link{font-size:clamp(22px,6.2vw,30px);gap:8px;min-height:43px;padding:7px 0;margin:0}
 .footer--studio .footer-pages>.footer-page-link>.ds-symbol{width:18px;height:18px}
 .footer--studio .footer-sign{width:100%;margin:0;min-height:280px}
 .footer--studio .footer-page-link:is(:hover,:focus-visible)>span:last-child{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .footer--studio .footer-page-link>span,.footer--studio .footer-page-link>span::after{transition:none!important;transform:none!important}
}
[data-motion=paused] .footer--studio .footer-page-link>span{transition:none!important;transform:none!important}
@media(pointer:fine){
 html.has-wild-cursor,html.has-wild-cursor *{cursor:none!important}
 html.has-wild-cursor .wild-cursor-ring{display:grid!important}
 html.has-wild-cursor .wild-cursor-dot{display:block!important}
 .wild-cursor-ring[data-cursor-motion=paused]{transition:none!important}
}
.nav-logo{position:relative;display:flex;align-items:center;line-height:1}
.nav-logo-reveal{display:block;padding:0 .03em;line-height:1}
.header .header-note,.wy-page>header .wy-claim,.soon-header .soon-claim{line-height:1;white-space:nowrap}
@supports(text-box-trim:trim-both){
 .nav-logo-reveal,.header .header-note,.wy-page>header .wy-claim,.soon-header .soon-claim{text-box-trim:trim-both;text-box-edge:cap alphabetic}
}
.nav-logo[data-logo-motion=running] .nav-logo-reveal{animation:studio-logo-reveal .85s cubic-bezier(.22,1,.36,1) both}
.nav-logo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ui-ease)}
.nav-logo:is(:hover,:focus-visible)::after{transform:scaleX(1)}
@keyframes studio-logo-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.nav-logo-reveal{animation:none!important}.nav-logo::after{transition:none}}
:root{--heading-leading:1.08}
@layer title-rhythm {
 body :is(h1,h2,h3,h4,h5,h6):not(:where(.brand-case *,.concept-art *,.project-visual *)){line-height:var(--heading-leading)!important}
}
body .about-name{row-gap:0}
body .about-name>span{padding-bottom:0}
body .entirely-you h2>span{padding-bottom:0;overflow:visible}
.wild-mascot{position:relative;display:inline-block;width:112px;height:112px;flex:none;color:var(--ink)}
.wild-mascot>.brand-symbol{display:block!important;opacity:1!important}
.wild-mascot>.brand-symbol,.wild-mascot-face{position:absolute;inset:0;width:100%;height:100%;margin:0}
.mascot-note{display:flex;align-items:center;gap:24px;color:var(--ink)}
.mascot-note p{font-family:var(--body);font-size:14px;line-height:1.6;margin:0;max-width:52ch}
.mascot-note--small{gap:16px;margin:0 0 30px}
.mascot-note--small .wild-mascot{width:72px;height:72px}
.mascot-note--small p{font-size:13px;max-width:28ch}
body :is(h1,h2,h3,h4,h5,h6)>button{line-height:inherit}
.header .nav-logo::after,.header .nav-logo-reveal::after{content:none}
.header .nav-logo-reveal{background-image:none}
.footer-back-to-top{font-style:italic}
.wild-mascot>img{display:block;width:100%;height:100%;object-fit:contain}
.motion-root :is(.character-copy,.character-bottom,.about-letter-copy,.contact-letter-form){min-width:0}
.motion-root .character-copy{max-width:100%}
.motion-root .character-bottom>.text-link{max-width:100%;overflow-wrap:break-word}
.motion-root dialog{overscroll-behavior:contain}
.motion-root :is(input,textarea,select){scroll-margin-block:110px 40px}
.about-off-duty-film{position:relative;display:block;isolation:isolate}
.about-off-duty-film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s;pointer-events:none}
.about-off-duty-film[data-playing=true]>video{opacity:1}
@media(prefers-reduced-motion:reduce){.about-off-duty-film>video{transition:none}}
@supports(padding:max(0px)){
 .header{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
 .studio-menu{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));padding-bottom:max(30px,env(safe-area-inset-bottom))}
 .wild-footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}
}
@media(max-width:480px){
 .motion-root .character-copy :is(p,h2){max-width:100%}
 .motion-root .character-bottom a{font-size:clamp(24px,7vw,28px)}
 .about-page .about-signature{max-width:100%}
 .about-page .about-signature>span{font-size:clamp(62px,18vw,78px)}
 .about-page .about-interlude>p{font-size:clamp(44px,14vw,59px);margin-left:0}
 .about-page .about-personal-heading h2{font-size:clamp(42px,13.5vw,53px)}
 .about-page .about-contact h2{font-size:clamp(48px,15vw,65px)}
}
@media(pointer:coarse){
 .motion-root :is(.motion-toggle,.footer-page-link,.footer-legal a,.preview-info summary,.ba-share a,.ba-share button,.ai-controls button,.portfolio-navigation button){min-height:44px}
 .motion-root :is(input:not([type=range]),textarea,select){font-size:max(16px,1em)}
 .motion-root input[type=range]{min-height:44px}
 .motion-root :is(.pf-ring-stage,.portfolio-track,.svc-work-frame,.svc-chips){-webkit-overflow-scrolling:touch}
}
@media(max-height:500px) and (max-width:1000px){
 .motion-root .studio-menu .menu-top{padding-bottom:16px}
 .motion-root .studio-menu .menu-spread{padding-block:20px;min-height:0;height:auto}
 .motion-root .studio-menu .menu-spread nav>a{font-size:clamp(25px,4vw,38px);min-height:44px}
 .about-page .about-hero{height:640px;min-height:640px}
 .contact-page-main .contact-hero{height:auto;min-height:600px}
 .contact-page-main .contact-letter-stage{position:relative;top:0;min-height:380px;height:460px}
}
.editorial-label-text{position:relative;display:inline-block;max-width:100%;min-width:0;vertical-align:bottom}
.editorial-label-copy{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.editorial-label[data-label-state=running] .editorial-label-layout{color:transparent}
.editorial-label[data-label-state=running] .editorial-label-copy{display:block}
@media(prefers-reduced-motion:reduce){
 .editorial-label .editorial-label-copy{display:none!important}
 .editorial-label .editorial-label-layout{color:inherit!important}
}
[data-motion=paused] .editorial-label .editorial-label-copy{display:none!important}
[data-motion=paused] .editorial-label .editorial-label-layout{color:inherit!important}
.ds-arch-n{--ds-icon:url("/ds/ui/893501758b78.webp")}
.ds-arch-u{--ds-icon:url("/ds/ui/a70057efc7ec.webp")}
.ds-chevrons{--ds-icon:url("/ds/ui/752ab98e8180.webp")}
.ds-curves-c-wide{--ds-icon:url("/ds/ui/d10a8e2ab735.webp")}
.ds-curves-d{--ds-icon:url("/ds/ui/441d4d0c7914.webp")}
.ds-four-point-star{--ds-icon:url("/ds/ui/ebda0ec384a6.webp")}
.ds-half-circle-bowl{--ds-icon:url("/ds/ui/8cb3e90d798e.webp")}
.ds-half-circle-dome{--ds-icon:url("/ds/ui/b5f031f6db1d.webp")}
.ds-half-circle-flat{--ds-icon:url("/ds/ui/50fc36a01c4a.webp")}
.ds-layered-geometry{--ds-icon:url("/ds/ui/cf6354a824f3.webp")}
.ds-parallel-curves{--ds-icon:url("/ds/ui/676188e9b010.webp")}
.ds-radiating-star{--ds-icon:url("/ds/ui/7b63057005fd.webp")}
.ds-waves{--ds-icon:url("/ds/ui/24922d301ca0.webp")}
.ds-zigzag{--ds-icon:url("/ds/ui/d019c55c00ad.webp")}
.motion-root [data-scene-visible="false"] *,
.motion-root[data-document-visible="false"] * {
  animation-play-state: paused !important;
}
.newsletter-direct{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:7vw;background:var(--beige);color:var(--ink);align-items:center;overflow:hidden}
.newsletter-direct .newsletter-introduction>h2{font:clamp(44px,5.5vw,90px)/1.08 var(--display);letter-spacing:-.035em;margin:30px 0 24px}
.newsletter-introduction>p{max-width:480px;font:16px/1.8 var(--body)}
.newsletter-signup-panel{position:relative;background:var(--paper);border:1px solid var(--ink);padding:clamp(24px,3.5vw,54px);box-shadow:9px 9px 0 var(--sand);min-width:0}
.newsletter-signup-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font:12px var(--body);border-bottom:1px solid var(--sand);padding-bottom:22px}
.newsletter-signup-panel>h3{font:clamp(28px,3vw,45px)/1.15 var(--display);margin:25px 0 16px;letter-spacing:-.02em}
.newsletter-signup-panel>p{font:14px/1.8 var(--body);margin-bottom:28px;max-width:430px}
.newsletter-direct .wy-form-wrap{max-width:none}
.newsletter-direct .wy-language{margin-bottom:20px}
.newsletter-direct .wy-form button{background:var(--ink);color:var(--paper);font-family:var(--body);border:1px solid var(--ink);min-height:54px}
.newsletter-direct .wy-form button:hover{background:var(--sand);color:var(--ink);transform:translateY(-2px)}
.newsletter-letter-scene{width:min(345px,78%);height:265px;position:relative;margin:85px auto 0;perspective:900px}
.newsletter-envelope-back{position:absolute;inset:45px 0 0;background:var(--sand);border:1px solid var(--ink);transform:rotate(-2deg)}
.newsletter-letter{position:absolute;left:8%;top:-18px;width:84%;height:250px;background:var(--paper);color:var(--ink);padding:22px;box-shadow:0 6px 16px #16141318;display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid var(--sand)}
.newsletter-letter>span{font:9px var(--body)}
.newsletter-letter>b{font:49px/.98 var(--display);letter-spacing:-.02em;position:relative;z-index:2}
.newsletter-letter>.ds-symbol{position:absolute;width:48px;height:48px;right:22px;top:44px}
.newsletter-letter>small{font:10px var(--body);margin-top:10px}
.newsletter-envelope-front{position:absolute;inset:130px 0 0;background:var(--sand);border:1px solid var(--ink);clip-path:polygon(0 0,50% 22%,100% 0,100% 100%,0 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:25px 15px 18px}
.newsletter-envelope-front>span{font:25px var(--display)}
.newsletter-envelope-front>small{font:10px var(--body)}
@media(max-width:800px){.newsletter-direct{grid-template-columns:1fr;gap:45px;padding-block:75px}.newsletter-direct .newsletter-introduction>h2{font-size:clamp(42px,9vw,65px)}.newsletter-introduction>p{max-width:540px}.newsletter-letter-scene{margin-top:65px;width:min(300px,85%);height:240px}.newsletter-signup-panel{width:100%;max-width:560px;justify-self:center}.newsletter-direct .newsletter-letter>b{font-size:44px}.newsletter-direct .newsletter-letter{top:-14px}.newsletter-letter>small{display:block}.newsletter-envelope-front{inset:128px 0 0}.newsletter-direct .newsletter-signup-panel>h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.newsletter-letter-scene,.newsletter-letter{transform:none!important}}
.voices-collection{display:block;background:var(--sand);padding-block:100px 65px;overflow:hidden}
.voices-collection .voices-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px;flex-wrap:wrap}
.voices-collection .voices-heading>.small-label{width:100%;font-size:12px}
.voices-collection .voices-heading h2{font:clamp(55px,7vw,108px)/1.02 var(--display);letter-spacing:-.04em;margin:0}
.voices-seal{width:155px;height:155px;position:relative;display:grid;place-items:center;transform:rotate(9deg);flex-shrink:0}
.voices-seal>.ds-symbol{position:absolute;inset:0;width:100%;height:100%;opacity:.6}
.voices-seal>span{font-size:11px;line-height:1.5;text-align:center;z-index:1}
.voices-desk{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:7vw;align-items:center}
.voices-collection .voices-stage{padding:20px 12px 0;min-width:0;perspective:1000px}
.voices-collection .voice-back{inset:20px 12px 55px;pointer-events:none;transition:transform .6s}
.voices-collection .voice-back-one{background:var(--beige);transform:rotate(-3deg) translate(-8px,5px)}
.voices-collection .voice-back-two{background:var(--ink);transform:rotate(2deg) translate(6px,8px)}
.voices-collection .voices-stage:hover .voice-back-one{transform:rotate(-4deg) translate(-11px,5px)}
.voices-collection .voice-window{background:transparent;min-height:470px}
.voices-collection .voice-card{background:var(--paper);padding:clamp(25px,3.8vw,60px);min-height:470px;box-shadow:0 20px 40px #16141314}
.voice-paper-top{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #16141330;padding-bottom:18px}
.voices-collection .voice-topic{border:0;padding:0;font-size:10px}
.voice-paper-number{font-size:10px;white-space:nowrap}
.voice-review-text{font:clamp(25px,2.9vw,44px)/1.26 var(--display);letter-spacing:-.02em;margin:35px 0 40px;min-height:5.1em}
.voices-collection .voice-card figcaption{display:flex;align-items:center;gap:15px;flex-wrap:nowrap}
.voice-monogram{display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;border-radius:50%;border:1px solid #16141355;font:18px var(--display)}
.voices-collection .voice-card figcaption b{display:block;font-size:13px;margin-bottom:5px;font-weight:400}
.voices-collection .voice-card figcaption small{font-size:9px;line-height:1.5;display:block}
.voices-collection .voice-card figcaption>.ds-symbol{width:42px;height:42px;margin-left:auto;flex-shrink:0}
.voices-collection .voice-controls{margin-top:25px;justify-content:space-between;flex-wrap:nowrap}
.voices-collection .voice-controls button{color:var(--ink);background:transparent;border:0;border-bottom:1px solid #16141360;min-height:44px;padding:8px 0;font-size:11px;transition:color .2s,transform .2s}
.voices-collection .voice-controls button:hover{transform:translateY(-3px)}
@media(max-width:800px){
 .voices-collection{padding-block:65px 40px}.voices-collection .voices-heading{margin-bottom:25px;gap:20px}.voices-collection .voices-heading h2{font-size:clamp(48px,10vw,78px)}.voices-seal{width:100px;height:100px}.voices-seal>span{font-size:8px}
 .voices-desk{display:flex;flex-direction:column-reverse;gap:27px}.voices-collection .voices-stage{width:100%;padding:12px 5px 0}.voices-collection .voice-back{inset:12px 5px 55px}.voices-collection .voice-card,.voices-collection .voice-window{min-height:400px}.voice-review-text{font-size:clamp(25px,5.6vw,38px);margin:25px 0 30px;min-height:6.5em}.voices-collection .voice-card figcaption>.ds-symbol{width:30px;height:30px}.voice-monogram{width:37px;height:37px;font-size:15px}.voices-collection .voice-card figcaption{gap:10px}
}
@media(prefers-reduced-motion:reduce){.voices-index>button,.voices-collection .voice-back,.voices-collection .voice-controls button{transition:none}.voices-collection .voices-stage:hover .voice-back-one{transform:rotate(-3deg)}}
.brand-case button{font:12px var(--body);border:1px solid currentColor;padding:13px 18px;background:transparent;color:inherit;min-height:44px;transition:background .3s,color .3s,transform .3s}
.brand-case button:hover{background:var(--brand-ink);color:var(--brand-paper);transform:translateY(-2px)}
.terra-logo-collection{padding:65px 7%;background:var(--brand-paper)}
.terra-logo-collection>h3{font:clamp(32px,5vw,60px)/1.1 var(--brand-font);margin:20px 0 35px}
.terra-six-logos{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #16141330;border-left:1px solid #16141330}
.terra-signature{margin:0;padding:22px 15px;border-right:1px solid #16141330;border-bottom:1px solid #16141330;perspective:800px;transition:background .35s}
.terra-signature>div{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transition:transform .6s}
.terra-signature:hover{background:var(--brand-light)}
.terra-signature:hover>div{transform:rotateY(12deg) rotateX(-5deg) translateZ(10px)}
.terra-signature b{font:clamp(44px,5.8vw,80px)/.9 var(--brand-font);text-align:center}
.terra-signature svg{width:85px;height:85px}
.terra-signature span,.terra-signature small{display:block;font:8px var(--body);letter-spacing:.14em;text-align:center}
.terra-signature b span{margin-top:14px}
.terra-signature figcaption{font:9px/1.5 var(--body);margin-top:20px;opacity:.7}
.signature-2{background:var(--brand-ink);color:var(--brand-paper)}
.signature-2:hover{background:var(--brand-ink)}
.signature-3>div{border:1px solid;border-radius:50%;width:170px;height:170px;min-height:170px;margin:auto}
.signature-4 b{font-size:110px;font-style:italic}
.signature-5{background:var(--brand-accent)}
.terra-pack,.terra-card,.terra-label{transition:transform .7s cubic-bezier(.2,.8,.3,1)}
.quiet-digital-study{display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;padding:75px 7%;background:var(--brand-accent);align-items:center}
.quiet-digital-heading h3{font:clamp(35px,5vw,64px)/1.05 var(--brand-font);margin:25px 0}
.quiet-digital-heading>p:not(.brand-eyebrow){font:14px/1.7 var(--body);margin-bottom:25px}
.quiet-site-shell{background:var(--brand-paper);border:1px solid var(--brand-ink);box-shadow:15px 18px 0 #16141312;transform:rotate(2deg);min-width:0}
.quiet-browser-bar{display:flex;justify-content:space-between;gap:10px;padding:14px;font:9px var(--body);border-bottom:1px solid #16141330}
.quiet-browser-bar small{font-size:8px;opacity:.65}
.quiet-site-viewport{height:470px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.quiet-site-page{padding:22px;animation:quiet-site-scroll 20s ease-in-out infinite alternate;animation-play-state:paused}
.quiet-digital-study[data-moving=true] .quiet-site-page{animation-play-state:running}
.quiet-site-viewport:hover .quiet-site-page,.quiet-site-viewport:focus .quiet-site-page{animation-play-state:paused}
.quiet-site-page header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.quiet-site-page header b{font:20px var(--brand-font)}
.quiet-site-page header span{font:7px var(--body)}
.quiet-site-page h4{font:clamp(35px,4.5vw,60px)/1.02 var(--brand-font);margin:40px 0 25px;letter-spacing:-.045em}
.quiet-site-page img{width:100%;height:auto;object-fit:cover}
.quiet-site-page>p{font:11px/1.8 var(--body);max-width:32ch}
.quiet-site-stories{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:40px 0}
.quiet-site-stories>img{height:210px;object-fit:cover}
.quiet-site-stories h4{font-size:30px;margin:30px 0}
.quiet-site-stories span,.quiet-site-stories p,.quiet-site-page footer{font:8px/1.7 var(--body)}
.quiet-site-page footer{padding:25px 0;border-top:1px solid;margin-top:25px}
@keyframes quiet-site-scroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(-45%)}}
.noir-object-study{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:35px;padding:60px 7% 85px;background:var(--brand-accent);color:var(--brand-ink)}
.noir-object-copy h3{font:clamp(35px,5vw,60px)/1.05 var(--brand-font);margin:25px 0}
.noir-object-copy>p{font:14px/1.8 var(--body);max-width:29ch}
.noir-object-copy>label{font:10px var(--body);display:block;margin:35px 0 15px}
.noir-object-copy input{width:min(220px,100%);accent-color:var(--brand-ink)}
.noir-object-stage{height:430px;position:relative;perspective:1000px;display:grid;place-items:center}
.noir-object{position:relative;transform-style:preserve-3d;z-index:2;width:185px;margin:50px 60px 0 0;filter:drop-shadow(20px 26px 16px #16141330)}
.noir-object-glass{height:270px;background:linear-gradient(95deg,#161413 0%,#1E1E1E 10%,#A08572 25%,#161413 48%,#1E1E1E 86%,#A08572);border-radius:30px 30px 18px 18px;border:1px solid #CCB8A580;color:var(--brand-paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;box-shadow:inset 7px 0 12px #F5F2ED22}
.noir-object-glass svg{width:40px;height:40px}
.noir-object-glass>b{font:50px Georgia,serif;letter-spacing:.06em}
.noir-object-glass>span{font:6px var(--body);letter-spacing:.1em}
.noir-object-glass>small{font:6px/1.7 var(--body);text-align:center}
.noir-object-cap{height:70px;width:70px;margin:auto;background:linear-gradient(90deg,#161413,#1E1E1E 35%,#A08572 50%,#161413);border-radius:5px 5px 0 0;border:1px solid #CCB8A540}
.noir-carton{position:absolute;right:5px;top:55px;width:155px;height:310px;background:var(--brand-paper);color:var(--brand-ink);padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between;transform:rotateY(-15deg) rotateZ(8deg);box-shadow:10px 16px 15px #16141325;border-right:17px solid var(--brand-light)}
.noir-carton>span{font:40px Georgia,serif}
.noir-carton>small{font:7px/1.8 var(--body)}
.field-icon-library>div{grid-template-columns:repeat(4,1fr)}
.field-icon-library button{padding:20px 12px;border:1px solid #16141335;display:grid;place-items:center;gap:10px}
.field-icon-library button svg{height:100px;transition:transform .45s}
.field-icon-library button:hover svg{transform:rotate(-8deg) scale(1.07)}
.field-icon-library button span{font-size:9px}
.field-icon-library button[aria-pressed=true]{background:var(--brand-ink);color:var(--brand-paper)}
.field-selected{font:11px/1.7 var(--body);margin-top:25px;min-height:3.4em}
.sunday-photo-direction>div p:not(.brand-eyebrow){font:14px/1.8 var(--body);max-width:32ch}
.sunday-loyalty button{margin-top:20px;font-size:10px}
.sunday-loyalty>div>div>span svg{animation:coffee-stamp .25s ease-out}
@keyframes coffee-stamp{from{transform:scale(1.5) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
.brand-case-noir .brand-case-end{background:var(--brand-light);color:var(--brand-ink)}
@media(max-width:760px){.terra-six-logos{grid-template-columns:repeat(2,1fr)}.terra-signature>div{min-height:140px}.signature-3>div{width:125px;height:125px;min-height:125px}.terra-signature svg{width:65px;height:65px}.terra-signature figcaption{font-size:8px}.terra-logo-collection{padding:45px 7%}.terra-logo-collection h3{font-size:34px}.quiet-digital-study{grid-template-columns:1fr;padding:45px 7%;gap:35px}.quiet-site-viewport{height:400px}.quiet-site-page h4{font-size:42px}.quiet-site-page header b{font-size:16px}.quiet-site-stories h4{font-size:26px}.quiet-site-stories>img{height:185px}.quiet-site-shell{transform:rotate(0)}.noir-object-study{grid-template-columns:1fr;padding:45px 7% 35px;gap:0}.noir-object-copy input{width:100%}.noir-object-stage{height:390px;transform:scale(.9);margin:-20px -15px 0}.noir-object{margin-right:50px}.noir-carton{right:0}.field-icon-library>div{grid-template-columns:repeat(3,1fr);gap:8px}.field-icon-library button{padding:12px 6px}.field-icon-library button svg{height:80px}.field-icon-library button span{font-size:8px}.voice-card .voice-review-text{font-size:clamp(26px,5.6vw,38px);line-height:1.26;margin:25px 0 30px}}
@media(prefers-reduced-motion:reduce){.quiet-site-page,.sunday-loyalty>div>div>span svg{animation:none}.terra-signature>div,.terra-signature,.terra-pack,.terra-card,.terra-label,.sunday-post,.field-icon-library button svg,.brand-case button{transition:none}.terra-signature:hover>div,.terra-materials:hover .terra-pack,.terra-materials:hover .terra-card,.sunday-post:hover{transform:none}}
.voices-collection .voice-card .voice-review-text{font:clamp(25px,2.9vw,44px)/1.26 var(--display);letter-spacing:-.02em;margin:35px 0 40px;min-height:5.1em}
@media(max-width:800px){.voices-collection .voice-card .voice-review-text{font-size:clamp(26px,5.6vw,38px);margin:25px 0 30px;min-height:6.5em}}
@media(max-width:800px){.newsletter-direct .newsletter-letter>.ds-symbol{display:none}.voices-collection .voices-heading{padding-top:0}.voices-collection .voices-seal{position:absolute;right:0;top:-25px;width:64px;height:64px}.voices-collection .voices-seal>span{font-size:6px}.voices-collection .voices-heading h2{margin-top:15px}.voices-collection .voice-card .voice-review-text{font-size:clamp(24px,5.6vw,34px)}}
.wild-footer.footer--boutique{background:var(--charcoal);color:var(--paper);height:auto;min-height:0;max-height:none;overflow:clip;padding:42px var(--gutter) 24px;display:flex;flex-direction:column;gap:0}
.footer--boutique .footer-follow-title{margin:0 0 34px;text-align:center;font:700 clamp(32px,3.2vw,46px)/1.15 var(--display);letter-spacing:-.025em;color:var(--paper)}
.footer--boutique.footer--studio .footer-columns{grid-template-columns:minmax(0,.9fr) minmax(280px,1.9fr) minmax(0,.9fr);grid-template-areas:"left art right";align-items:center;gap:0;margin:0;min-height:340px;flex:none}
.footer--boutique.footer--studio .footer-pages{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center;align-self:center;gap:12px;min-height:250px;min-width:0;width:100%;margin:0;padding:0 28px 0 0;border-right:1px solid var(--paper);justify-self:stretch;text-align:center}
.footer--boutique.footer--studio .footer-pages-right{grid-template-columns:minmax(0,1fr) 55px;border-right:0;border-left:1px solid var(--paper);padding:0 0 0 28px;justify-self:stretch}
.footer--boutique .footer-site-label{font:700 clamp(30px,3.2vw,44px)/1 var(--display);writing-mode:vertical-rl;transform:rotate(180deg);justify-self:center;letter-spacing:-.025em}
.footer--boutique .footer-pages-right .footer-site-label{transform:none}
.footer--boutique .footer-menu-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0}
.footer--boutique .footer-menu-list .footer-page-link,.footer--boutique .footer-shop-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:36px;max-width:100%;padding:4px 0;margin:0;color:var(--paper);font:400 13px/1.5 var(--font-matahari),Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;text-align:center;opacity:1}
.footer--boutique .footer-menu-list .footer-page-link>span{display:inline-block;position:relative;transition:transform .3s var(--ui-ease)}
.footer--boutique .footer-menu-list .footer-page-link>span::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--sand);transform:scaleX(0);transition:transform .3s var(--ui-ease)}
.footer--boutique .footer-menu-list .footer-page-link:is(:hover,:focus-visible)>span{transform:translateY(-3px)}
.footer--boutique .footer-menu-list .footer-page-link:is(:hover,:focus-visible)>span::after{transform:scaleX(1)}
.footer--boutique.footer--studio .footer-sign{min-height:340px;width:100%;padding:30px 0;margin:0;justify-self:center}
.footer--boutique .footer-photo-card{color:var(--ink)}
.footer--boutique .footer-photo-card .collage-orbit,.footer--boutique .footer-sign>.brand-symbol{color:var(--paper)}
.footer--boutique .footer-centred-wordmark{color:var(--paper);margin:30px 0 28px;line-height:1.15;font-size:clamp(65px,10.5vw,170px)}
.footer--boutique .footer-centred-wordmark .footer-outline{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--paper)}
.wild-footer.footer--boutique .footer-bottom{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);gap:24px;align-items:center;border:0;margin:0;padding:16px 0 0;width:100%;font-size:10px}
.footer--boutique .footer-colophon{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;font-size:9px;line-height:1.6;letter-spacing:.04em;text-transform:uppercase;text-align:center}
.footer--boutique .footer-legal{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.footer--boutique .footer-legal a{display:inline-flex;align-items:center;min-height:36px}
.footer--boutique.footer--studio .studio-social-links{display:flex;justify-content:flex-start;gap:12px;margin:0;justify-self:start;flex-wrap:wrap}
.footer--boutique .studio-social-links a{min-width:32px;min-height:36px;padding:7px;border:0;border-radius:0;color:var(--paper)}
.footer--boutique .studio-social-links a>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.footer--boutique .studio-social-links a:is(:hover,:focus-visible){background:transparent;color:var(--sand)}
.footer--boutique .studio-social-links svg{width:16px;height:16px}
.wild-footer.footer--boutique .footer-bottom>.footer-back-top{justify-self:end;font:700 22px/1.05 var(--display);letter-spacing:-.025em;text-align:right;padding:4px 0;transition:transform .3s var(--ui-ease)}
.footer--boutique .footer-back-top:is(:hover,:focus-visible){transform:translateY(-4px)}
.footer--boutique a:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
@media(max-width:1000px) and (min-width:761px){
 .footer--boutique.footer--studio .footer-columns{grid-template-columns:minmax(0,1fr) minmax(260px,1.8fr) minmax(0,1fr)}
 .footer--boutique.footer--studio .footer-pages{grid-template-columns:35px minmax(0,1fr);padding-right:12px;gap:8px}
 .footer--boutique.footer--studio .footer-pages-right{grid-template-columns:minmax(0,1fr) 35px;padding:0 0 0 12px}
 .wild-footer.footer--boutique .footer-bottom{grid-template-columns:1fr auto;gap:20px}
 .footer--boutique .footer-colophon{grid-column:1/-1;grid-row:2}
}
@media(max-width:760px){
 .wild-footer.footer--boutique{padding:36px 24px 24px}
 .footer--boutique .footer-follow-title{margin-bottom:18px}
 .footer--boutique.footer--studio .footer-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"art art" "left right";gap:25px 0;min-height:0}
 .footer--boutique.footer--studio .footer-sign{min-height:280px;padding:25px 0;grid-column:auto;grid-row:auto}
 .footer--boutique.footer--studio .footer-pages,.footer--boutique.footer--studio .footer-pages-right{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:220px;gap:20px;padding:0 12px;margin:0;border:0}
 .footer--boutique.footer--studio .footer-pages-left{border-right:1px solid var(--paper)}
 .footer--boutique .footer-site-label,.footer--boutique .footer-pages-right .footer-site-label{writing-mode:horizontal-tb;transform:none;font-size:30px;order:-1}
 .footer--boutique .footer-menu-list{gap:9px}
 .footer--boutique .footer-menu-list .footer-page-link,.footer--boutique .footer-shop-soon{font-size:11px;min-height:36px;letter-spacing:.035em}
 .footer--boutique .footer-centred-wordmark{font-size:15.6vw;margin:36px 0 24px;padding-right:0}
 .wild-footer.footer--boutique .footer-bottom{grid-template-columns:1fr auto;gap:22px 12px;text-align:center}
 .footer--boutique .footer-colophon{grid-column:1/-1;grid-row:2;gap:8px 20px;font-size:9px}
 .footer--boutique .footer-legal{gap:20px}
 .wild-footer.footer--boutique .footer-bottom>.footer-back-top{font-size:20px}
 .footer--boutique.footer--studio .studio-social-links{gap:8px}
}
@media(prefers-reduced-motion:reduce){.footer--boutique .footer-menu-list .footer-page-link>span,.footer--boutique .footer-menu-list .footer-page-link>span::after,.footer--boutique .footer-back-top{transition:none;transform:none}}
[data-motion=paused] .footer--boutique :is(.footer-page-link>span,.footer-page-link>span::after,.footer-back-top){transition:none;transform:none}
.footer--boutique .footer-colophon>span{text-transform:none}
.wild-cursor-ring,.wild-cursor-dot{--cursor-colour:#161413;--cursor-inverse:#F5F2ED;mix-blend-mode:normal}
.wild-cursor-ring[data-tone=paper],.wild-cursor-dot[data-tone=paper]{--cursor-colour:#F5F2ED;--cursor-inverse:#161413}
.wild-cursor-ring{border-color:var(--cursor-colour)}
.wild-cursor-dot{background:var(--cursor-colour)}
.wild-cursor-ring[data-state=label]{background:var(--cursor-colour);border-color:var(--cursor-colour);mix-blend-mode:normal}
.wild-cursor-ring[data-state=label] span{color:var(--cursor-inverse)}
.hero-type-plane{overflow:visible!important}
.hero-story-line,.svc-typed-line{padding-block:.12em .24em;margin-block:-.12em -.14em}
.fx-line-mask{padding-block:.13em .25em;margin-block:-.13em -.15em}
.about-page .about-name{font-size:clamp(54px,11.3vw,174px);line-height:1.2!important;letter-spacing:-.045em!important}
.about-page .about-name>span{padding:.06em .09em .16em}
.contact-next-card h3{line-height:1.18;margin-bottom:24px}
.wild-footer.footer--boutique .footer-bottom>.footer-back-top{font-style:italic}
@media(max-width:760px){
 .wild-manifesto .manifesto-agency{font-size:16.5vw;line-height:1.12;overflow:visible}
 .about-page .about-name{font-size:11.8vw}
 .nf-word{font-size:clamp(96px,27vw,170px)}
}
@keyframes portfolio-drift-once{from{transform:translateX(0)}to{transform:translateX(-5%)}}
.contact-page-main .contact-next-card h3{line-height:1.18;margin-bottom:24px}
.wild-cursor-ring[data-state=label]+.wild-cursor-dot{visibility:hidden}
@media(max-width:760px){.nf-main .nf-word{font-size:clamp(96px,27vw,170px)}}
:root {
  --bx-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .13 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --bx-brick: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='52'><g fill='none' stroke='%23000' stroke-opacity='.22' stroke-width='2'><path d='M0 1h120M0 27h120M30 1v26M90 1v26M0 27v25M60 27v25M120 27v25'/></g></svg>");
  --bx-ease: cubic-bezier(.22, 1, .36, 1);
}
.cover-terra { --bf: "BX Fraunces", Georgia, serif; }
.cover-quiet { --bf: "BX Instrument Serif", Georgia, serif; }
.cover-noir { --bf: "BX Bodoni Moda", Didot, serif; }
.cover-field { --bf: "BX Plex Mono", "Courier New", monospace; }
.cover-offhours { --bf: "BX Unbounded", Arial, sans-serif; }
.cover-sunday { --bf: "BX Young Serif", Georgia, serif; }
.project-visual > .bx-cover { position: absolute; inset: 0; overflow: hidden; container-type: size; }
.bx-cover::after { content: ""; position: absolute; inset: 0; background: var(--bx-grain); opacity: .8; mix-blend-mode: multiply; pointer-events: none; }
.bx-cover > * { position: absolute; }
.bx-cover img { transition: scale 1.2s var(--bx-ease); }
.project-visual:hover .bx-cover img { scale: 1.05; }
.cover-terra { background: #ccb8a5; color: #161413; }
.tc-arch { right: 7cqw; top: 9cqh; width: 33cqw; height: 91cqh; border-radius: 50cqw 50cqw 0 0; overflow: hidden; box-shadow: 0 30px 60px #16141325; }
.tc-vase { right: 36cqw; bottom: 9cqh; width: 15cqw; height: 34cqh; overflow: hidden; border: 6px solid #f5f2ed; rotate: -5deg; box-shadow: 0 18px 30px #16141330; transition: rotate .6s var(--bx-ease), translate .6s var(--bx-ease); }
.project-visual:hover .tc-vase { rotate: -9deg; translate: -10px -8px; }
.tc-type { left: 6cqw; top: 10cqh; }
.tc-type b { display: block; font: 400 31cqh/.9 var(--bf); letter-spacing: -.05em; padding-bottom: .08em; }
.tc-type span { display: block; margin-top: 2cqh; font: 13px var(--body); letter-spacing: .04em; }
.tc-stamp { left: 6cqw; bottom: 9cqh; width: 14cqh; height: 14cqh; display: grid; place-items: center; border-radius: 50%; background: #f5f2ed; animation: bx-spin 18s linear infinite; }
.tc-stamp svg { width: 62%; height: 62%; }
.tc-swatches { left: calc(6cqw + 18cqh); bottom: 12cqh; display: flex; }
.tc-swatches i { width: 7cqh; height: 7cqh; border-radius: 50%; margin-right: -1.6cqh; border: 2px solid #f5f2ed; background: #161413; }
.tc-swatches i:nth-child(2) { background: #f1e8dd; }
.tc-swatches i:nth-child(3) { background: #a08572; }
.tc-swatches i:nth-child(4) { background: #f5f2ed; }
.cover-quiet { background: #f5f2ed; color: #1e1e1e; }
.qc-q { left: 2cqw; top: -18cqh; font: 400 135cqh/1 var(--bf); color: transparent; -webkit-text-stroke: 1px #1e1e1e40; }
.qc-mag { right: 12cqw; top: 9cqh; width: 29cqw; aspect-ratio: 3/4; max-height: 84cqh; height: auto; overflow: hidden; background: #ebe3da; box-shadow: 20px 30px 50px #1e1e1e30; rotate: 4deg; transition: rotate .7s var(--bx-ease), translate .7s var(--bx-ease); }
.qc-mag.qc-back { right: 30cqw; top: 14cqh; rotate: -7deg; filter: brightness(.95); }
.project-visual:hover .qc-mag { rotate: 1deg; translate: 0 -10px; }
.project-visual:hover .qc-back { rotate: -11deg; translate: -20px 0; }
.qc-mag b { position: absolute; left: 7%; top: 5%; font: 400 clamp(18px, 3.4cqw, 44px)/1 var(--bf); color: #f5f2ed; letter-spacing: -.03em; text-shadow: 0 2px 20px #0003; }
.qc-mag span { position: absolute; left: 7%; bottom: 5%; font: 10px var(--body); color: #f5f2ed; letter-spacing: .04em; }
.qc-line { left: 6cqw; bottom: 10cqh; font: 400 clamp(26px, 4.3cqw, 62px)/1.05 var(--bf); letter-spacing: -.035em; margin: 0; }
.cover-noir { background: #161413; color: #f5f2ed; }
.nc-shade { inset: 0; background: linear-gradient(90deg, #161413f0 0%, #16141399 40%, #16141300 75%); }
.nc-word { left: 6cqw; top: 6cqh; font: 400 54cqh/.95 var(--bf); letter-spacing: .02em; color: #f1e8dd; }
.nc-line { left: 6.4cqw; bottom: 11cqh; font: 12px var(--body); letter-spacing: .26em; text-transform: uppercase; }
.nc-sweep { inset: -20% auto -20% -40%; width: 25%; background: linear-gradient(90deg, #fff0, #f1e8dd30, #fff0); rotate: 18deg; animation: bx-sweep 6s 1s var(--bx-ease) infinite; }
@keyframes bx-sweep { 0% { transform: translateX(0); } 45%, 100% { transform: translateX(680%); } }
.cover-field { background: #f1e8dd; color: #161413; }
.fc-title { left: 6cqw; top: 6cqh; font: 500 clamp(14px, 2.2cqw, 30px) var(--bf); letter-spacing: .12em; }
.fc-chart { left: 6cqw; top: 17cqh; width: 52cqw; height: 72cqh; display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid #16141340; border-left: 1px solid #16141340; }
.fc-chart span { position: relative; display: grid; place-items: center; border-right: 1px solid #16141340; border-bottom: 1px solid #16141340; transition: background .4s; }
.fc-chart svg { width: 58%; height: 58%; }
.fc-chart small { position: absolute; left: 6px; top: 5px; font: 9px var(--body); opacity: .6; }
.project-visual:hover .fc-chart span:nth-child(odd) { background: #ccb8a540; }
.fc-photo { right: 6cqw; top: 9cqh; width: 30cqw; height: 58cqh; overflow: hidden; }
.fc-packet { right: 22cqw; bottom: 7cqh; width: 17cqw; height: 46cqh; background: #c8ad8b; padding: 2.4cqh 1.6cqw; display: flex; flex-direction: column; align-items: center; justify-content: space-between; box-shadow: 0 20px 35px #16141333; rotate: -6deg; transition: rotate .6s var(--bx-ease); }
.project-visual:hover .fc-packet { rotate: -1deg; }
.fc-packet small { font: 9px var(--bf); letter-spacing: .25em; }
.fc-packet svg { width: 70%; height: 55%; }
.fc-packet b { font: 400 clamp(14px, 2cqw, 26px) var(--bf); }
.cover-offhours { background: #1e1e1e; color: #f5f2ed; }
.oc-type { left: 5cqw; top: 8cqh; font: 700 26cqh/.9 var(--bf); letter-spacing: -.04em; }
.oc-sleeve { right: 20cqw; top: 12cqh; width: 36cqh; height: 36cqh; overflow: hidden; scale: 1.7; transform-origin: right top; box-shadow: 0 25px 50px #0008; }
.oc-record { right: 6cqw; top: 14cqh; width: 60cqh; height: 60cqh; border-radius: 50%; background: repeating-radial-gradient(circle, #121110 0 2px, #1c1a19 2px 4px); box-shadow: 0 20px 40px #000a; animation: bx-spin 4s linear infinite; transition: translate .8s var(--bx-ease); }
.oc-record i { position: absolute; inset: 34%; border-radius: 50%; background: #a08572; }
.oc-record i::after { content: ""; position: absolute; inset: 44%; border-radius: 50%; background: #f5f2ed; }
.project-visual:hover .oc-record { translate: 6cqw 0; }
.oc-bars { left: 5cqw; bottom: 9cqh; height: 13cqh; display: flex; align-items: flex-end; gap: 4px; }
.oc-bars i { width: 5px; height: 100%; background: #a08572; transform-origin: bottom; animation: bx-beat .9s ease-in-out infinite alternate; }
.oc-tag { left: calc(5cqw + 140px); bottom: 10cqh; font: 11px var(--body); letter-spacing: .14em; text-transform: uppercase; }
@keyframes bx-beat { 0% { scale: 1 .15; } 100% { scale: 1 1; } }
.cover-sunday { background: #ebe3da; color: #1e1e1e; }
.sc-awning { left: 0; right: 0; top: 0; height: 16cqh; background: repeating-linear-gradient(90deg, #1e1e1e 0 4.5cqw, #f5f2ed 4.5cqw 9cqw); -webkit-mask: radial-gradient(circle at 2.25cqw 100%, #0000 2.25cqw, #000 calc(2.25cqw + 1px)) 0 0 / 4.5cqw 100%; mask: radial-gradient(circle at 2.25cqw 100%, #0000 2.25cqw, #000 calc(2.25cqw + 1px)) 0 0 / 4.5cqw 100%; }
.sc-polaroid { background: #f5f2ed; padding: 1.2cqw 1.2cqw 0; width: 25cqw; box-shadow: 0 20px 40px #1e1e1e30; transition: rotate .6s var(--bx-ease), translate .6s var(--bx-ease); }
.sc-polaroid > span { position: relative; display: block; aspect-ratio: 1; overflow: hidden; }
.sc-polaroid small { display: block; padding: 1.4cqh 0 2cqh; font: 400 clamp(13px, 1.6cqw, 22px) var(--bf); }
.sc-polaroid.p1 { right: 30cqw; top: 22cqh; rotate: -6deg; }
.sc-polaroid.p2 { right: 7cqw; top: 26cqh; rotate: 5deg; }
.project-visual:hover .sc-polaroid.p1 { rotate: -10deg; translate: -14px -6px; }
.project-visual:hover .sc-polaroid.p2 { rotate: 9deg; translate: 14px -6px; }
.sc-post { left: 6cqw; top: 26cqh; width: 22cqw; aspect-ratio: 1; background: #1e1e1e; color: #f5f2ed; padding: 2cqw; display: flex; flex-direction: column; justify-content: space-between; rotate: -2deg; }
.sc-post svg { width: 6cqw; height: 6cqw; }
.sc-post b { font: 400 clamp(16px, 2.4cqw, 34px)/1.05 var(--bf); }
.sc-word { left: 6cqw; bottom: 6cqh; font: 400 15cqh/1 var(--bf); letter-spacing: -.04em; }
@container (aspect-ratio < 1) {
  .oc-type { font-size: 15cqw; }
  .tc-arch { width: 62cqw; height: 58cqh; right: 7cqw; top: auto; bottom: 0; }
  .tc-type b { font-size: 21cqw; }
  .tc-vase { width: 30cqw; height: 22cqh; right: auto; left: 6cqw; bottom: 8cqh; }
  .tc-stamp, .tc-swatches { display: none; }
  .qc-q { font-size: 95cqh; }
  .qc-mag { width: 52cqw; right: 6cqw; top: 8cqh; }
  .qc-mag.qc-back { right: 38cqw; top: 14cqh; }
  .qc-line { font-size: 9cqw; }
  .nc-word { font-size: 30cqw; }
  .fc-chart { width: 88cqw; height: 40cqh; grid-template-columns: repeat(4, 1fr); }
  .fc-photo { width: 44cqw; height: 34cqh; top: auto; bottom: 6cqh; }
  .fc-packet { width: 34cqw; height: 32cqh; right: 50cqw; }
  .oc-type { font-size: 22cqw; }
  .oc-record { width: 70cqw; height: 70cqw; top: auto; bottom: 18cqh; right: -10cqw; }
  .oc-sleeve { width: 40cqw; height: 40cqw; top: auto; bottom: 18cqh; right: 40cqw; scale: 1; }
  .oc-tag { display: none; }
  .sc-polaroid { width: 46cqw; }
  .sc-polaroid.p1 { right: 46cqw; top: 46cqh; }
  .sc-polaroid.p2 { right: 5cqw; top: 50cqh; }
  .sc-post { width: 44cqw; top: 20cqh; }
  .sc-post svg { width: 10cqw; height: 10cqw; }
  .sc-word { font-size: 13cqw; }
}
@keyframes bx-swing { 0%, 100% { rotate: -5deg; } 50% { rotate: 5deg; } }
@keyframes bx-fade { to { opacity: 0; } }
@keyframes bx-flicker { 0%, 12% { opacity: .2; } 13% { opacity: 1; } 16% { opacity: .3; } 18%, 30% { opacity: 1; } 31% { opacity: .4; } 34%, 100% { opacity: 1; } }
@keyframes bx-buzz { 0%, 92%, 100% { opacity: 1; } 93% { opacity: .5; } 95% { opacity: 1; } 96% { opacity: .6; } }
@keyframes bx-bar { to { scale: 1 1; } }
@keyframes bx-rise { from { opacity: 0; translate: 0 20px; } }
.bx-cover-issue { position: relative; aspect-ratio: 3/4; overflow: hidden; color: #f5f2ed; box-shadow: 0 25px 40px #1e1e1e2a; transition: translate .6s var(--bx-ease), rotate .6s var(--bx-ease); }
.bx-cover-issue:nth-child(2) { translate: 0 30px; }
.bx-cover-issue:hover { translate: 0 -12px; rotate: -1.5deg; }
.bx-cover-issue b { position: absolute; left: 7%; top: 5%; font: 400 clamp(22px, 2.6vw, 38px)/1 var(--brand-font); letter-spacing: -.035em; text-shadow: 0 2px 20px #0004; }
.bx-cover-issue span { position: absolute; right: 7%; top: 6%; font: 9px var(--body); letter-spacing: .12em; }
.bx-cover-issue strong { position: absolute; left: 7%; bottom: 6%; right: 7%; font: 400 clamp(18px, 2vw, 28px)/1.05 var(--brand-font); }
@keyframes bx-marquee { to { translate: -50% 0; } }
@keyframes bx-spin { to { rotate: 360deg; } }
@media (max-width: 760px) {
  .bx-cover-issue:nth-child(2) { translate: 0 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .tc-stamp, .nc-sweep, .oc-record, .oc-bars i, .bx-blade-sign, .bx-seal > svg, .bx-beat i, .oh-wristband span, .bx-neon-sign, .bx-neon-sign span { animation: none !important; }
}
.tc-stamp { bottom: 17cqh; }
.tc-swatches { bottom: 20cqh; }
.qc-line { bottom: 17cqh; }
.sc-word { bottom: 15cqh; }
.oc-type { font-size: 20cqh; }
.oc-sleeve { right: 24cqw; top: 14cqh; width: 46cqh; height: 46cqh; scale: 1; }
.oc-record { right: 3cqw; top: 16cqh; width: 62cqh; height: 62cqh; }
.oc-bars { bottom: 20cqh; }
.oc-tag { bottom: 21cqh; left: calc(5cqw + 150px); }
@container (aspect-ratio < 1) {
  .oc-type { font-size: 14cqw; }
  .oc-sleeve { width: 40cqw; height: 40cqw; right: 42cqw; top: auto; bottom: 24cqh; }
  .oc-record { width: 66cqw; height: 66cqw; right: -8cqw; top: auto; bottom: 22cqh; }
  .oc-bars { bottom: 14cqh; }
  .tc-stamp, .tc-swatches { display: none; }
}
.sc-word { top: 21cqh; bottom: auto; font-size: 12cqh; }
.sc-post { top: auto; bottom: 17cqh; width: 18cqw; }
.oc-bars { bottom: 24cqh; }
.oc-tag { left: 5cqw; bottom: 15cqh; }
@container (aspect-ratio < 1) {
  .sc-word { top: 19cqh; font-size: 11cqw; }
  .sc-post { width: 40cqw; bottom: auto; top: 27cqh; }
  .sc-polaroid.p1 { top: 52cqh; }
  .sc-polaroid.p2 { top: 56cqh; }
}
.project-terra .project-meta h3 { font-family: "BX Fraunces", Georgia, serif !important; font-weight: 400 !important; }
.project-quiet .project-meta h3 { font-family: "BX Instrument Serif", Georgia, serif !important; font-weight: 400 !important; font-size: 40px; }
.project-noir .project-meta h3 { font-family: "BX Bodoni Moda", Didot, serif !important; font-weight: 400 !important; }
.project-field .project-meta h3 { font-family: "BX Plex Mono", monospace !important; font-weight: 500 !important; letter-spacing: .02em; }
.project-offhours .project-meta h3 { font-family: "BX Unbounded", Arial, sans-serif !important; font-weight: 700 !important; letter-spacing: -.02em; }
.project-sunday .project-meta h3 { font-family: "BX Young Serif", Georgia, serif !important; font-weight: 400 !important; }
@keyframes bx-pop { 50% { scale: 1.35; } }
.cover-echo{background:#d9cdbc;isolation:isolate;color:#191918}
.ec-cover-masthead{left:5cqw;top:6cqh;z-index:1}
.ec-cover-masthead>b{display:block;font:400 16cqw/.9 'BX Bodoni Moda',Didot,serif;letter-spacing:-.025em}
.ec-cover-masthead>span{display:block;margin-top:2cqh;font:clamp(8px,1cqw,15px)/1.5 var(--body);letter-spacing:.1em}
.ec-cover-print{padding:1.1cqw 1.1cqw 0;background:#f5f2ed;box-shadow:1cqw 2cqh 3cqw #49382f30;transform-origin:center;transition:rotate .6s var(--bx-ease)}
.ec-cover-print>div{position:relative;aspect-ratio:3/4;overflow:hidden}
.cover-echo .ec-cover-print img{object-fit:contain!important;scale:1!important}
.ec-cover-print>span{display:block;padding:1.3cqh 0;font:clamp(6px,.65cqw,11px)/1.5 var(--body)}
.ec-cover-portrait{right:7cqw;top:7cqh;width:min(40cqw,57cqh);rotate:6deg;z-index:2}
.ec-cover-runway{left:25cqw;top:32cqh;width:min(30cqw,42cqh);rotate:-9deg;z-index:3}
.ec-cover-tag{left:5cqw;bottom:12cqh;width:15cqw;height:26cqh;background:#242220;color:#f5f2ed;rotate:-5deg;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqh;box-shadow:.5cqw 1cqh 2cqw #49382f25}
.ec-cover-tag>i{position:absolute;top:1.5cqh;width:.6cqw;height:.6cqw;border-radius:50%;background:#d9cdbc}
.ec-cover-tag::before{content:'';position:absolute;width:5cqw;height:10cqh;border:1px solid #f5f2ed;border-radius:50%;bottom:calc(100% - 2cqh);left:calc(50% - 2.5cqw);rotate:15deg}
.ec-cover-tag>svg{width:6cqw;height:9cqh}
.ec-cover-tag>b{font:400 3.2cqw/1 'BX Bodoni Moda',Didot,serif;letter-spacing:.04em}
.ec-cover-tag>span{font:clamp(5px,.55cqw,9px)/1.4 var(--body);text-align:center;padding:0 1cqw}
.ec-cover-note{left:5cqw;bottom:4cqh;font:clamp(7px,.8cqw,12px)/1.5 var(--body);letter-spacing:.06em}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project-visual:hover .ec-cover-portrait{rotate:3deg}.project-visual:hover .ec-cover-runway{rotate:-6deg}}
@container(max-aspect-ratio:1/1){
 .ec-cover-masthead{left:7cqw;top:6cqh}.ec-cover-masthead>b{font-size:23cqw}.ec-cover-masthead>span{font-size:2.5cqw}
 .ec-cover-portrait{right:7cqw;top:23cqh;width:51cqw}
 .ec-cover-runway{left:7cqw;top:43cqh;width:39cqw}
 .ec-cover-print{padding:1.5cqw 1.5cqw 0}.ec-cover-print>span{font-size:1.65cqw;padding:1cqh 0}
 .ec-cover-tag{left:auto;right:6cqw;bottom:8cqh;width:21cqw;height:23cqw}.ec-cover-tag>svg{width:8cqw;height:10cqw}.ec-cover-tag>b{font-size:4.5cqw}.ec-cover-tag>span{font-size:1.2cqw}.ec-cover-tag>i{top:1.5cqw}
 .ec-cover-note{left:7cqw;font-size:2cqw}
}
@keyframes ec-orbit{to{transform:rotate(360deg)}}
@keyframes ec-image-in{from{opacity:.25;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
[data-motion=paused] :is(.ec-cover-orbit,.ec-hero-seal svg,.ec-story-mark>svg,.ec-campaign>img),[data-case-motion=paused] :is(.ec-hero-seal svg,.ec-story-mark>svg,.ec-campaign>img){animation-play-state:paused!important}
@media(max-width:760px){.ec-cover-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ec-world *,.cover-echo *{animation:none!important;scroll-behavior:auto!important}}
.cover-echo .ec-cover-word,.ec-world .ec-hero-type>b,.ec-world .bx-chapter-head h3,.ec-world .bx-logo-motion>b,.ec-world .ec-campaign-copy>b,.ec-world .ec-social-poster>b,.bx-end-echo h3{font-family:'BX Bodoni Moda',Didot,serif;letter-spacing:-.035em}
.ec-cover-orbit,.ec-hero-seal svg,.ec-story-mark>svg{animation:none!important}
.lg-main{padding-top:82px;background:var(--paper);color:var(--ink);overflow:clip;font-family:var(--font-matahari),Arial,sans-serif}
.lg-main h1,.lg-main h2{font-family:var(--display);font-weight:700;letter-spacing:-.045em;line-height:1.02;margin:0}
.lg-label{display:block;font-size:12px}
.lg-hero{position:relative;padding:30px var(--gutter) 70px;background:var(--beige,#f1e8dd);overflow:hidden}
.lg-kicker{display:flex;justify-content:space-between;font-size:12px}
.lg-hero h1{margin:8vh 0 26px!important;font-size:clamp(66px,10vw,180px)!important;line-height:.98!important}
.lg-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.lg-line>span{display:inline-block}
.lg-line.is-outline{padding-left:.4em;color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.lg-hero p{max-width:46ch;font-size:17px;line-height:1.7;margin:0}
.lg-symbol{position:absolute;right:8%;bottom:14%;width:clamp(110px,13vw,200px);height:auto;aspect-ratio:1;color:var(--ink);animation:lg-sway 8s ease-in-out infinite}
@keyframes lg-sway{0%,100%{rotate:-6deg;translate:0 0}50%{rotate:6deg;translate:0 -10px}}
.lg-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,740px);justify-content:center;gap:7vw;padding:90px var(--gutter) 120px}
.lg-aside-inner{position:sticky;top:120px;display:grid;gap:16px}
.lg-aside ol{list-style:none;padding:0;margin:0;display:grid;gap:8px;border-left:1px solid #1e1e1e26}
.lg-aside li a{display:block;padding:2px 0 2px 16px;margin-left:-1px;border-left:2px solid transparent;color:#1e1e1ea6;text-decoration:none;font-size:14px;line-height:1.4;transition:color .3s,border-color .3s,padding .4s cubic-bezier(.22,1,.36,1)}
.lg-aside li a:hover{color:var(--ink);padding-left:22px}
.lg-aside li[data-current] a{color:var(--ink);border-color:var(--ink)}
.lg-other{margin-top:18px;display:inline-flex;font-size:14px;color:var(--ink);text-decoration:none;border-bottom:1px solid #1e1e1e40;width:max-content;transition:border-color .3s}
.lg-other:hover{border-color:var(--ink)}
.lg-section{padding:0 0 46px;margin-bottom:46px;border-bottom:1px solid #1e1e1e1f;scroll-margin-top:120px}
.lg-section:last-child{border-bottom:0}
.lg-section h2{font-size:clamp(30px,2.8vw,44px)!important;margin-bottom:18px!important}
.lg-section p{font-size:17px;line-height:1.8;margin:0 0 16px;max-width:64ch}
.lg-section address{font-style:normal;font-size:17px;line-height:1.8;margin:0 0 20px}
.lg-section a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--sand);transition:border-color .3s}
.lg-section a:hover{border-color:var(--ink)}
.lg-section dl{display:grid;grid-template-columns:140px 1fr;gap:10px 20px;margin:0;font-size:16px}
.lg-section dt{color:#1e1e1ea6}
.lg-section dd{margin:0}
[data-motion=paused] .lg-symbol{animation:none}
@media (max-width:899px){
  .lg-hero{padding:22px 24px 50px}
  .lg-hero h1{font-size:15vw!important}
  .lg-line.is-outline{padding-left:.1em}
  .lg-symbol{width:90px;right:24px;bottom:auto;top:90px}
  .lg-layout{grid-template-columns:1fr;gap:30px;padding:50px 24px 80px}
  .lg-aside-inner{position:relative;top:0}
  .lg-section dl{grid-template-columns:1fr;gap:2px}
  .lg-section dd{margin-bottom:10px}
}
.lg-hero{background:var(--sand)}
.lg-line{padding:0 .06em .26em;margin-bottom:-.2em}
.lg-hero h1{letter-spacing:-.03em!important}
.lg-line.is-outline{letter-spacing:-.01em;-webkit-text-stroke-width:1.3px}
.lg-layout{background:var(--beige,#f1e8dd)}
.lg-line{margin-bottom:-.04em}
.lg-hero h1{line-height:1.04!important}
.lg-main .lg-section{scroll-margin-top:40px}
.lg a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.lg-section dd,.lg-section address,.lg-section a{overflow-wrap:anywhere}
.lg-aside li a{color:var(--ink)}
@media(max-width:599px){
  .lg-symbol{position:relative;display:block;top:auto;right:auto;width:72px;margin:24px 0 0 auto}
  .lg-kicker{gap:16px;flex-wrap:wrap}
  .lg-other{max-width:100%;width:fit-content}
}
@media(prefers-reduced-motion:reduce){.lg-symbol{animation:none}.lg a,.lg-short li,.lg-table tbody tr{transition:none}}
.lg-main{--heading-leading:1.12}
.lg-main .lg-line{overflow:visible;margin-bottom:0;padding:0 .03em .12em}
.lg-hero h1{max-width:100%;overflow-wrap:anywhere}
.lg-hero p{padding-right:clamp(110px,16vw,220px);max-width:66ch}
.lg-body,.lg-aside{min-width:0}
.lg-aside li a{min-height:44px;display:flex;align-items:center;padding-block:10px}
.lg-main .lg-section{scroll-margin-top:110px}
.lg-section a,.lg-other{border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.lg-section a:is(:hover,:focus-visible),.lg-other:is(:hover,:focus-visible){color:#6d5441;text-decoration-thickness:2px}
.lg-section .legal-source{font-size:13px;line-height:1.7}
@media(max-width:899px){
 .lg-main{padding-top:74px}
 .lg-hero h1{font-size:clamp(38px,10.5vw,90px)!important;margin-top:48px!important}
 .lg-hero p{padding-right:0;font-size:16px}
 .lg-section p,.lg-section address{font-size:16px}
 .lg-aside ol{gap:0}
 .lg-main .lg-section{scroll-margin-top:96px}
}
main.lg-main .lg-hero{display:grid;grid-template-columns:minmax(0,1fr);row-gap:32px}
main.lg-main .lg-hero h1{margin:32px 0 0!important;line-height:1.15!important;max-width:calc(100% - 220px)}
main.lg-main .lg-line{display:block;margin:0;padding:0;overflow:visible}
main.lg-main .lg-line>span{display:block}
main.lg-main .lg-hero p{margin:0;line-height:1.8}
@media(max-width:899px){
 main.lg-main .lg-hero{row-gap:24px}
 main.lg-main .lg-hero h1{max-width:100%;margin-top:24px!important}
 main.lg-main .lg-symbol{position:relative;inset:auto;justify-self:end;width:72px;margin:0}
}
:root{--studio-title-leading:1.1;--studio-heading-leading:1.14}
main.services-main :is(h1,h2),main.portfolio-main :is(h1,h2),main.contact-page-main :is(h1,h2),main.blog-main h2,
main.about-page :is(.about-letter,.about-story-title,.about-personal-heading,.about-team,.about-contact) h2,
.newsletter-direct .newsletter-introduction>h2,.voices-collection .voices-heading h2{
 line-height:var(--studio-title-leading);
}
main.services-main h3,main.contact-page-main h3,main.blog-main h3,
main.about-page .about-journey-chapter h3,main.lg-main h2{line-height:var(--studio-heading-leading)}
main .svc-typed-line{padding-block:.12em .24em;margin-block:-.12em -.24em}
main.services-main .svc-outro .svc-typed-line+.svc-typed-line{margin-top:-.12em}
main.services-main .svc-outro h2{margin-block:28px 48px}
main.lg-main .lg-hero h1{line-height:var(--studio-title-leading)!important}
main.lg-main .lg-line{margin-bottom:0}
.services-main .svc-work-card[data-brand=vale] .svc-work-img{background:#e9e0d4}
.services-main .svc-work-card[data-brand=vale] .svc-work-img img{object-fit:contain}
.services-main .svc-work-card[data-brand=vale]:hover .svc-work-img img{scale:1}
main :is(#chapters-title,#work-title,#entirely-title,#ai-title,#character-title,#lab-title,#studio-title,#process-title,#contact-title),main.shop-main :is(h1,h2),.wy-page main h1{line-height:var(--studio-title-leading)}
.language-switch{display:flex;align-items:center;justify-content:flex-end;gap:0;flex:none;font-family:var(--font-matahari),Arial,sans-serif;font-size:12px;line-height:1;white-space:nowrap;color:inherit}
.language-switch>span{display:flex;align-items:center}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;color:inherit;text-decoration:none;opacity:.65;letter-spacing:.04em}
.language-switch a[aria-current=true]{opacity:1;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.language-switch a:hover{opacity:1}
.language-switch a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.header>.language-switch{order:10;margin-left:8px}
.soon-header>.language-switch{margin-left:auto}
.wy-page>header>.language-switch{margin-left:auto}
@media(max-width:700px){.header>.language-switch{margin-left:0}.language-switch{font-size:11px}.language-switch a{min-width:30px;min-height:44px}.soon-header{flex-wrap:wrap}.soon-header .soon-claim{margin-left:auto}.soon-header>.language-switch{margin-left:4px}}
.menu-toggle-label{font-size:inherit!important}
@media(max-width:760px){
 .header.header--paper{gap:6px;padding-inline:18px}
 .header.header--paper .motion-toggle{width:44px;min-width:44px;justify-content:center;gap:0;padding:10px 0}
 .header.header--paper .motion-toggle>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .header.header--paper .menu-toggle{width:44px;min-width:44px;min-height:44px;margin-left:0;padding:10px;gap:0;justify-content:center}
 .header.header--paper .menu-toggle>.menu-toggle-label{display:none}
 .header.header--paper .menu-toggle>.menu-toggle-symbol{display:inline-block!important;margin:0;width:20px;height:20px}
 .header.header--paper>.language-switch{margin-left:0}
 .wy-page>header>span{display:none}
}
@media(max-width:360px){.header.header--paper .nav-logo{font-size:25px}}
@media(max-width:760px){.header.header--paper .motion-toggle>span:first-child{display:inline!important;visibility:visible;font-size:17px}}
.service-detail{background:#F5F2ED;color:#161413;padding-top:110px}
.service-detail-hero,.service-detail-section{padding:clamp(52px,7vw,110px) clamp(24px,7vw,112px)}
.service-detail h1{font-family:var(--font-regatto);font-size:clamp(52px,7.5vw,116px);font-weight:400;line-height:1.04;letter-spacing:-.04em;max-width:1050px;margin:0 0 32px;text-wrap:balance}
.service-detail h2{font-family:var(--font-regatto);font-size:clamp(36px,4.3vw,66px);line-height:1.1;font-weight:400;letter-spacing:-.025em;margin:0 0 38px;text-wrap:balance}
.service-detail h3{font-size:21px;line-height:1.4;font-weight:500;margin:20px 0 14px}
.service-detail-section p{font-size:16px;line-height:1.85;max-width:760px}
.service-detail a:focus-visible,.service-topics a:focus-visible,.service-questions summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.service-detail [id]{scroll-margin-top:110px}
.service-detail a:hover,.service-topics a:hover{text-decoration:underline;text-underline-offset:5px}
.service-detail summary:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.service-detail{padding-top:84px}.service-detail h1{font-size:clamp(44px,9.5vw,64px)}.service-topics a>span:nth-child(2){flex:1;min-width:60px}}
.header .menu-toggle:is(:hover,:focus-visible),
.header .motion-toggle:is(:hover,:focus-visible){background:var(--ink);color:var(--paper);opacity:1}
.header .motion-toggle{border-radius:999px}
.language-switch a:is(:hover,:focus-visible){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;opacity:1}
:is(.header-direct,.hero-story-invitation,.hero-cta,.hero-scroll-link,.mascot-note a,.ai-description a,.contact-launch,.footer-legal a,.wy-note a,.lg-copy a):is(:hover,:focus-visible){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.24em;opacity:1}
.portrait-motion-toggle:is(:hover,:focus-visible){background:var(--ink);color:var(--paper);opacity:1}
body :is(a[href],button,summary,input,select,textarea):focus-visible{outline:2px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 3px var(--paper)}
.voices-seal>.ds-symbol{opacity:1;color:var(--ink)}
@media(max-width:800px){.voices-collection .voices-seal{width:84px;height:84px}.voices-collection .voices-seal>span:not(.ds-symbol){font-size:8px}}
@media(max-width:899px),(hover:none),(pointer:coarse){
 .hero-paper{display:none}
 .header .nav-logo-reveal{animation:none!important}
 .hero-board-orbit,.hero-bold-symbol,.hero-flower-symbol{animation:none!important}
}
.lk-head>.language-switch{justify-content:center;margin-top:18px}
@media(max-width:899px){.hero~#work,.hero~#lab{content-visibility:auto;contain-intrinsic-block-size:auto 1200px}}
.motion-root main :is(h1,h2,h3):not(:where(.brand-case *,.concept-art *,.project-visual *)){line-height:1.06!important}
.motion-root main .svc-typed-line{display:block;line-height:1.06;padding-block:0!important;margin-block:0!important;overflow:visible}
.motion-root main .svc-typed-line+.svc-typed-line{margin-top:0!important}
.hero .design-card-still,.hero .design-card-still .design-card-surface{background:transparent;border:0;padding:0;box-shadow:none}
.hero .design-card-still .design-card-surface::before,.hero .design-card-still::before,.hero .design-card-still::after{content:none}
.studio-menu .menu-visual-portrait{padding:0;background:transparent}
.studio-menu .menu-visual-portrait img{object-fit:cover;object-position:center}
.about-page .about-contact{background:var(--taupe,#A08572);color:var(--ink)}
.about-contact .about-contact-word,.about-contact a{color:var(--ink)}
.services-main .svc-work{height:auto!important;min-height:0!important;overflow:visible;padding-block:80px}
.services-main .svc-work-frame{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:10px var(--gutter) 28px;scroll-padding-inline:var(--gutter)}
.services-main .svc-work-track{display:flex;gap:28px;transform:none!important;width:max-content}
.services-main .svc-work-card,.services-main .svc-work-end{flex:0 0 clamp(260px,27vw,390px);width:clamp(260px,27vw,390px);scroll-snap-align:start;transform:none!important}
.services-main .svc-work-img{border:0;box-shadow:none;background:transparent}
.services-main .svc-work-progress{display:none}
.pf-case{padding:0;border:0;border-radius:0;background:var(--paper)}
.pf-case .pf-case-head h2{display:block;overflow:visible;font-size:clamp(52px,8vw,128px);line-height:1.03!important;padding:0;letter-spacing:-.035em}
.pf-case .pf-case-hero{margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;height:min(66vw,630px)}
.pf-case .client-case-content{max-width:1320px;margin:auto;padding:0 clamp(24px,5vw,80px)}
.pf-case .client-case-section{padding-block:48px;border:0}
.pf-case .client-section-number{display:none}
.pf-case .client-case-section>header{margin-bottom:22px}
.pf-case .client-section-media{gap:28px}
.pf-case :is(.client-media,.client-media-view,.client-gallery-stage,.client-original-reel){background:transparent!important;border:0!important;border-radius:0!important;padding:0;box-shadow:none!important}
.pf-case .client-media:not(.is-website) .client-media-view img,.pf-case .client-media-view video{display:block;width:auto;max-width:100%;max-height:640px;height:auto;margin-inline:auto;object-fit:contain}
.pf-case .client-media.is-wide{grid-column:auto}
.client-gallery-stage{min-height:200px;display:grid;place-items:center}
.pf-case .client-gallery-stage .client-media{width:100%}
.pf-case .client-gallery-stage .client-media-view img,.pf-case .client-gallery-stage .client-media-view video{max-height:min(65svh,620px);width:auto;max-width:100%;object-fit:contain}
.client-gallery-tools{display:flex;align-items:center;justify-content:center;gap:24px;margin-block:18px;font-size:13px}
.client-gallery-tools button{width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font-size:22px;transition:background .2s,color .2s}
.client-gallery-tools button:is(:hover,:focus-visible){background:var(--ink);color:var(--paper)}
.client-gallery-thumbnails{display:flex;gap:12px;overflow:auto;padding:8px 4px 14px;scroll-snap-type:x proximity}
.client-gallery-thumbnails button{flex:0 0 76px;height:86px;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 6px;opacity:.65;transition:opacity .2s,translate .2s}
.client-gallery-thumbnails button[aria-pressed=true],.client-gallery-thumbnails button:is(:hover,:focus-visible){opacity:1;border-bottom-color:var(--ink);translate:0 -2px}
.client-gallery-thumbnails img{width:100%;height:100%;object-fit:cover;display:block}
.pf-case .client-browser-bar{background:transparent;border:0;padding-inline:0}
.pf-case .client-media-tools{background:transparent;padding-inline:0}
.blog-main .ba-studio-banner{background:var(--sand);color:var(--ink)}
.blog-main .ba-studio-banner :is(h2,h2>span,p,a,.ba-banner-rule,.ba-banner-art){color:var(--ink)}
.blog-main .ba-studio-banner .ba-banner-link{border-color:var(--ink)}
.blog-main .ba-studio-banner .ba-banner-arrow{border-color:var(--ink)}
.sh-main .sh-bespoke--studio{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:90px var(--gutter)}
.sh-bespoke--studio .sh-bespoke-copy :is(h2,h2>span,p,a){color:var(--ink)}
.sh-bespoke-art{position:relative;aspect-ratio:4/5;overflow:hidden}
.sh-bespoke-art>img{object-fit:cover;transition:scale .7s}
.sh-bespoke-art[data-mix="1"]>img{scale:1.14}
.sh-bespoke-art[data-mix="2"]>img{scale:1.04;object-position:70% center}
.sh-bespoke-art>button{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;background:var(--paper);color:var(--ink);border:0;border-radius:99px;padding:14px 20px;font:14px var(--font-matahari);transition:background .2s,color .2s}
.sh-bespoke-art>button .ds-symbol{width:22px;height:22px}
.sh-bespoke-art>button:is(:hover,:focus-visible){background:var(--ink);color:var(--paper)}
.mascot-note.mascot-note--small{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;gap:18px;margin:0 0 28px}
.wild-mascot{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;display:inline-block}
.wild-mascot>img{object-fit:contain;mix-blend-mode:normal}
.wild-mascot[data-animated=true]{animation:mascot-hello 4.5s ease-in-out infinite}
@keyframes mascot-hello{0%,100%{transform:translateY(0) rotate(-3deg)}45%{transform:translateY(-7px) rotate(3deg)}65%{transform:translateY(-4px) rotate(-1deg)}}
.mascot-peek{position:fixed;right:18px;bottom:95px;z-index:65;display:flex;align-items:flex-end;gap:12px;pointer-events:none}
.mascot-peek-toggle{width:84px;height:84px;flex-shrink:0;border:1px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);padding:6px;pointer-events:auto;transition:scale .2s}
.mascot-peek-toggle:is(:hover,:focus-visible){scale:1.07}
.mascot-peek-toggle .wild-mascot{width:100%;height:100%}
.mascot-greeting{position:absolute;right:100px;bottom:0;width:290px;padding:24px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);pointer-events:auto}
.mascot-greeting h2{font:29px/1.08 var(--display);margin:0 0 12px}
.mascot-greeting p{font-size:14px;line-height:1.65}
.mascot-greeting a{display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:5px;font-size:13px}
.mascot-dismiss{position:absolute;right:8px;top:6px;width:32px;height:32px;border:0;background:transparent;color:var(--ink);font-size:24px}
.voice-company{display:block;font-size:13px;line-height:1.5;margin-top:3px}
.contact-page-main .contact-type-stage h1{overflow:visible;line-height:1.02!important}
.contact-page-main .contact-type-stage h1>.contact-title-outline{display:inline;line-height:inherit}
@media(max-width:700px){
 .services-main .svc-work-card,.services-main .svc-work-end{width:76vw;flex-basis:76vw}
 .sh-main .sh-bespoke--studio{grid-template-columns:1fr;gap:40px;padding-block:60px}
 .sh-bespoke-art{max-height:520px;width:100%}
 .pf-case .client-case-section{padding-block:30px}.pf-case .client-media:not(.is-website) .client-media-view img{max-height:70svh}
 .mascot-peek-toggle{width:64px;height:64px}.mascot-peek{right:12px;bottom:85px}.mascot-greeting{right:0;bottom:80px;width:min(290px,calc(100vw - 24px))}
}
@media(prefers-reduced-motion:reduce){.wild-mascot[data-animated=true]{animation:none}}
.jl-creative-brief{display:grid;gap:20px}
.jl-brief-field{display:grid;gap:8px}
.jl-creative-brief textarea{width:100%;min-height:90px;padding:14px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:16px/1.5 var(--font-matahari),sans-serif;resize:vertical}
.jl-creative-brief label{font-size:14px;line-height:1.5}
.jl-creative-brief .jl-action{justify-self:start}
.services-main .svc-story{height:auto;min-height:0}
.services-main .svc-story-sticky{position:relative;top:auto;height:auto;min-height:620px;padding-block:70px}
.services-main .svc-story-dots{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.services-main .svc-story-dots button{width:auto;height:auto;min-height:44px;padding:9px 13px;border:1px solid var(--ink);border-radius:99px;background:transparent;color:var(--ink);font:12px/1.4 var(--font-matahari),sans-serif;opacity:1;transition:background .2s,color .2s;transform:none}
.services-main .svc-story-dots li[aria-current=step] button,.services-main .svc-story-dots button:is(:hover,:focus-visible){background:var(--ink);color:var(--paper)}
.services-main .svc-story-stage{min-height:400px}
@media(max-width:700px){.services-main .svc-story-sticky{min-height:0;padding-block:50px}.services-main .svc-story-stage{min-height:280px}.services-main .svc-story-dots button{font-size:11px}}
.pf-case .pf-case-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.pf-case .pf-case-bar{grid-column:1/-1;width:100%;align-self:start;z-index:30;text-transform:none}
.pf-case .pf-case-bar>span{text-transform:none}
.pf-case .pf-case-head{grid-column:1;padding:55px clamp(24px,4vw,65px)}
.pf-case .pf-case-head h2{font-size:clamp(48px,7.2vw,110px);overflow-wrap:anywhere}
.pf-case .pf-case-hero{grid-column:2;width:100%;height:min(68svh,630px);margin:0}
.pf-case .pf-case-hero .pf-shot{background:transparent!important}
.pf-case .pf-case-hero img{object-fit:contain;padding:0}
.pf-case .client-case-content,.pf-case .pf-case-foot{grid-column:1/-1;width:100%}
@media(max-width:700px){.pf-case .pf-case-inner{grid-template-columns:minmax(0,1fr)}.pf-case .pf-case-bar,.pf-case .pf-case-head,.pf-case .pf-case-hero{grid-column:1}.pf-case .pf-case-head{padding:34px 24px}.pf-case .pf-case-head h2{font-size:clamp(44px,13vw,74px)}.pf-case .pf-case-hero{height:54svh;min-height:260px;margin-bottom:25px}}
.header .nav-logo,.header .nav-logo-reveal,.header .nav-logo-outline{overflow:visible!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important}
.header .nav-logo-reveal{animation:none!important;text-box-trim:none;line-height:1.25;padding:.1em .12em;margin:-.1em -.12em;white-space:nowrap}
.header .nav-logo-outline{display:inline-block;padding-inline:.025em;transition:color .2s,-webkit-text-stroke .2s}
.studio-menu .menu-wordmark{border:0;outline:0;box-shadow:none;background:none;text-decoration:none;-webkit-text-stroke:0;color:var(--ink);padding:.12em;line-height:1.2;overflow:visible;clip-path:none;letter-spacing:-.04em}
.studio-menu .menu-wordmark::before,.studio-menu .menu-wordmark::after{content:none!important}
.motion-root .editorial-label,.motion-root h2 .editorial-label,.motion-root .sh-label{font-family:var(--font-matahari),Arial,sans-serif!important;font-size:12px!important;font-weight:400!important;font-style:normal!important;line-height:1.5!important;letter-spacing:.025em!important;text-transform:none!important;max-width:100%;display:inline-flex;align-items:center;gap:9px}
.editorial-label .ds-symbol{width:20px;height:20px;flex:none}
.motion-root .editorial-label:has(+h1),.motion-root .editorial-label:has(+h2){margin-bottom:20px}
.about-hero-eyebrow{position:absolute;top:28px;left:var(--gutter);z-index:3}
[data-motion=running] .about-name .about-title-letter{animation:studio-letter-wave 5.5s ease-in-out infinite;transform-origin:50% 90%;will-change:auto}
@keyframes studio-letter-wave{0%,65%,100%{transform:translateY(0) rotate(0)}76%{transform:translateY(-.085em) rotate(-3deg)}86%{transform:translateY(.025em) rotate(1deg)}}
[data-motion=running] .contact-title--kinetic>.contact-title-outline{display:inline-block;animation:contact-line-sway 6s ease-in-out infinite;transform-origin:15% 50%}
@keyframes contact-line-sway{0%,100%{transform:translateX(0) rotate(0)}45%{transform:translateX(.09em) rotate(-1.5deg)}70%{transform:translateX(-.025em) rotate(.3deg)}}
.contact-idea-orbit{position:relative;width:clamp(150px,18vw,240px);aspect-ratio:1;display:grid;place-items:center;flex-shrink:0}
.contact-idea-orbit>.ds-symbol{position:absolute;inset:0;width:100%;height:100%;opacity:.4}
.contact-idea-orbit>span:not(.ds-symbol){font:14px/1.5 var(--font-matahari);text-align:center;position:relative;background:var(--paper);padding:12px}
[data-motion=running] .contact-idea-orbit>.ds-symbol{animation:studio-orbit 28s linear infinite}
@keyframes studio-orbit{to{rotate:360deg}}
.mascot-peek{z-index:120;right:24px;bottom:100px}
.mascot-peek[data-animated=true]{animation:mascot-pop .7s cubic-bezier(.18,.9,.3,1.2) both}
@keyframes mascot-pop{from{opacity:0;transform:translateX(150px) rotate(15deg)}to{opacity:1;transform:translateX(0) rotate(0)}}
.mascot-peek-toggle{width:100px;height:100px;border:0;background:transparent;padding:0}
.mascot-greeting{right:110px;bottom:10px;border:0;box-shadow:0 12px 50px #16141320;border-radius:18px 18px 0 18px;width:300px}
.mascot-greeting h2{font-family:var(--display);font-size:30px}
.mascot-greeting p{margin-bottom:0}
.pf-ring-now li,.pf-case-services li{font:400 13px/1.5 var(--font-matahari)!important;text-transform:none;letter-spacing:0}
.pf-case-services{gap:8px 18px!important}
.pf-case-services li{padding:0!important;border-radius:0!important;background:transparent!important}
.services-main .svc-work-card[data-brand=vale] .svc-work-img img{object-fit:cover;width:100%;height:100%;padding:0}
.services-main .svc-work-img{aspect-ratio:3/4!important;height:auto!important;width:100%;display:block;overflow:hidden}
.sh-main .sh-bespoke--studio{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.sh-bespoke--studio .sh-bespoke-art{aspect-ratio:1/1.12;overflow:visible}
.sh-bespoke--studio .sh-bespoke-art>img{object-fit:cover;clip-path:inset(0);transform:rotate(-4deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.sh-bespoke--studio .sh-bespoke-art:hover>img{transform:rotate(0) scale(1.025)}
.sh-bespoke--studio .sh-bespoke-copy h2{font-size:clamp(44px,5.6vw,88px);line-height:1.03!important;color:var(--paper)}
.sh-bespoke--studio .sh-bespoke-copy a{color:var(--paper);border-color:var(--paper)}
.sh-bespoke--studio .sh-bespoke-copy a:hover{background:var(--paper);color:var(--ink)}
.voice-card .voice-review-text{font-size:clamp(23px,2.2vw,35px);line-height:1.3;max-width:34ch}
.voices-stage .voice-window{min-height:480px;height:auto}
.voices-stage .voice-card{min-height:480px;height:auto}
@media(max-width:700px){.mascot-peek{right:12px;bottom:90px}.mascot-peek-toggle{width:76px;height:76px}.mascot-greeting{right:0;bottom:85px;width:min(300px,calc(100vw - 24px));padding:24px}.contact-idea-orbit{width:110px;position:absolute;right:20px;bottom:0}.contact-idea-orbit>span:not(.ds-symbol){font-size:10px;padding:6px}.contact-type-stage{padding-bottom:120px}.voice-card .voice-review-text{font-size:25px}.voices-stage .voice-window,.voices-stage .voice-card{min-height:520px}}
@media(prefers-reduced-motion:reduce){.about-name .about-title-letter,.contact-title--kinetic>.contact-title-outline,.contact-idea-orbit>.ds-symbol,.mascot-peek{animation:none!important;transform:none!important}}
@media(min-width:900px){.services-main .svc-story{height:260svh}.services-main .svc-story-sticky{position:sticky;top:82px;height:calc(100svh - 82px);min-height:580px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6vw;padding:35px var(--gutter)}.services-main .svc-story-stage{display:block;height:min(62svh,590px);min-height:360px}.services-main .svc-story-now{display:block}.services-main .svc-story-list{display:none}.services-main .svc-story-dots{display:flex}.services-main .svc-story-card[data-state=active]{opacity:1;visibility:visible;transform:none}}
@media(max-width:899px){.services-main .svc-story{height:auto}.services-main .svc-story-sticky{position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding:65px 24px;min-height:0;gap:35px}.services-main .svc-story-copy{display:block}.services-main .svc-story-stage{display:block;height:min(110vw,540px);min-height:300px}.services-main .svc-story-now,.services-main .svc-story-dots{display:block}.services-main .svc-story-dots{display:flex;gap:8px}.services-main .svc-story-list{display:none}.services-main .svc-story-card[data-state=active]{opacity:1;visibility:visible;transform:none}}
.pf-case .client-case-index{position:relative;top:auto;display:flex;justify-content:flex-start;gap:20px;overflow-x:auto;white-space:nowrap;border-block:1px solid #16141322;margin:20px var(--gutter) 0;padding:18px 0;background:transparent}
.pf-case .client-case-index a{font:12px/1.5 var(--font-matahari);text-decoration:none;border-bottom:1px solid transparent;padding-block:5px;transition:border-color .2s}
.pf-case .client-case-index a:hover{border-color:var(--ink)}
.pf-case .client-case-section{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(0,1.65fr);gap:24px 6vw;align-items:start;padding:70px var(--gutter);margin:0;position:relative}
.pf-case .client-case-section>header{grid-column:1;grid-row:1/span 4;display:block;position:sticky;top:110px;align-self:start}
.pf-case .client-case-section h3{font-size:clamp(30px,3.5vw,56px);margin-top:18px;line-height:1.06!important}
.pf-case .client-case-section>:not(header){grid-column:2;min-width:0;max-width:100%;margin-block:0}
.pf-case .client-section-copy{max-width:65ch;gap:18px}
.pf-case .client-section-copy p{font-size:17px;line-height:1.75}
.pf-case .client-section-copy .is-short{font:13px/1.6 var(--font-matahari)}
.pf-case .client-services-list{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;font:13px/1.6 var(--font-matahari)}
.pf-case .client-gallery-stage{min-height:300px;height:min(60svh,580px);display:grid;place-items:center}
.pf-case .client-gallery-stage .client-media{max-height:100%;width:100%;display:grid;place-items:center;overflow:visible}
.pf-case .client-gallery-stage .client-media-view img,.pf-case .client-gallery-stage .client-media-view video{height:auto;max-height:min(60svh,580px);width:auto;max-width:100%;object-fit:contain}
.pf-case .client-gallery-tools{justify-content:flex-start;gap:22px;margin-top:22px}
.pf-case .client-gallery-thumbnails{margin-top:20px;padding-bottom:10px;max-width:100%}
.pf-case .client-case-section[data-kind=quote]{grid-template-columns:1fr 2fr;padding-block:90px;border-top:1px solid #16141322}
.pf-case .client-section-copy blockquote{font:clamp(24px,2.3vw,36px)/1.35 var(--display);letter-spacing:-.015em;margin:0;max-width:38ch}
.pf-case .client-colour-palette{display:flex;flex-wrap:nowrap;gap:0}
.pf-case .client-colour-palette li{flex:1}
.pf-case .client-colour-palette li>span{height:80px;border-radius:0;display:block;width:100%}
.pf-case .client-media.is-website{overflow:visible!important;padding-bottom:38px!important;width:100%}
.client-monitor-screen{background:var(--ink);border:8px solid var(--ink);border-radius:14px;overflow:hidden;width:100%;position:relative;box-shadow:0 24px 40px #16141312}
.pf-case .client-media.is-website .client-media-view{background:var(--paper)!important;max-height:min(50svh,500px);width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;line-height:0}
.pf-case .client-media.is-website .client-media-view img{max-height:none!important;width:100%;height:auto;max-width:none;display:block}
.pf-case .client-browser-bar{background:var(--ink);color:var(--paper);padding:7px 12px;display:flex;justify-content:space-between;font-size:10px;line-height:1.5}
.pf-case .client-media.is-website::after{content:"";display:block;width:38%;height:30px;position:absolute;bottom:1px;left:31%;background:linear-gradient(90deg,#b1b1ad,#deded9 48%,#a5a5a1);clip-path:polygon(36% 0,64% 0,70% 85%,100% 90%,100% 100%,0 100%,0 90%,30% 85%)}
.pf-case .client-media-tools{font-size:11px;gap:18px;position:relative;margin-top:12px;width:100%}
.pf-case .client-gallery-stage:has(.is-website){height:auto;min-height:0}
.services-main .svc-work-card{cursor:default}
[data-motion=running] .pf-outro h2 .svc-typed-line{animation:contact-line-sway 6s ease-in-out infinite}
[data-motion=running] .pf-outro h2 .svc-typed-line:nth-child(2){animation-delay:-2s}
@media(max-width:700px){.pf-case .client-case-section{grid-template-columns:minmax(0,1fr);padding:44px 24px;gap:24px}.pf-case .client-case-section>header,.pf-case .client-case-section>:not(header){grid-column:1;grid-row:auto;position:relative;top:auto}.pf-case .client-case-section h3{font-size:36px}.pf-case .client-case-section[data-kind=quote]{grid-template-columns:minmax(0,1fr);padding-block:50px}.pf-case .client-gallery-stage{height:55svh;min-height:240px}.pf-case .client-section-copy p{font-size:16px}.pf-case .client-media.is-website .client-media-view{max-height:45svh}.client-monitor-screen{border-width:5px;border-radius:10px}}
.services-main .svc-story-dots button::after,.services-main .svc-story-dots button::before{content:none!important;display:none!important}
.voices-collection .voice-card .voice-review-text{font-size:clamp(23px,2.2vw,35px);line-height:1.3;min-height:0}
.studio-menu .menu-wordmark:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
@media(max-width:700px){.voices-collection .voice-card .voice-review-text{font-size:25px;line-height:1.3}}
.pf-case .client-media.is-website::after{bottom:8px}
@media(max-width:700px){.pf-case .client-media.is-website::after{bottom:8px;height:30px}}
.motion-root .lab-copy>p.small-label{display:block!important;margin-bottom:20px}
.sh-main .sh-bespoke--studio{background:var(--taupe);color:var(--ink)}
.sh-bespoke--studio .sh-bespoke-copy h2{color:var(--ink)}
.sh-bespoke--studio .sh-bespoke-copy a{color:var(--ink);border-color:var(--ink)}
.sh-bespoke--studio .sh-bespoke-copy a:is(:hover,:focus-visible){color:var(--paper);background:var(--ink)}
.motion-root .editorial-label+:is(h1,h2){margin-top:0!important}
.motion-root .small-label:has(>.editorial-label){margin-bottom:20px}
.motion-root[data-motion=paused] .services-main .svc-story{height:auto}
.motion-root[data-motion=paused] .services-main .svc-story-sticky{position:relative;top:auto;height:auto;min-height:620px}
@keyframes studio-letter-wave{0%,65%,100%{transform:translateY(0) rotate(0)}76%{transform:translateY(-.025em) rotate(-1.5deg)}86%{transform:translateY(.015em) rotate(.5deg)}}
@keyframes contact-line-sway{0%,100%{transform:translateX(0) skewX(0)}45%{transform:translateX(.09em) skewX(-2deg)}70%{transform:translateX(-.025em) skewX(.5deg)}}
.contact-type-stage .contact-idea-orbit{position:absolute;right:0;top:24%;width:clamp(130px,15vw,210px)}
@media(max-width:700px){.contact-type-stage .contact-idea-orbit{top:auto;bottom:0;right:12px;width:95px}.contact-type-stage{padding-bottom:110px}}
.header .header-note{align-self:center;display:flex;align-items:center;line-height:1!important;text-box-trim:none;translate:0 0}
.motion-root a[href]{text-decoration:none!important;background-image:none!important;transition:opacity .22s ease,translate .22s ease,color .22s ease!important}
.motion-root a[href]::after{background-image:none!important;border-bottom:0!important}
.motion-root :is(.text-link,.header-direct,.hero-story-invitation,.hero-cta,.hero-scroll-link,.sh-bespoke a,.footer-legal a,.wy-note a,.lg-copy a){border-bottom:0!important;background-image:none!important}
.motion-root :is(.text-link,.footer-page-link>span:last-child,.header-direct,.hero-story-invitation,.sh-bespoke a)::after{content:none!important}
@media(hover:hover){
 .motion-root a[href]:not(.nav-logo):is(:hover,:focus-visible),.motion-root button:not(:disabled):not(.pf-ring-card):not(.pf-gallery-item):is(:hover,:focus-visible){text-decoration:none!important;opacity:.72!important;translate:0 -2px}
 .motion-root .sh-bespoke-copy a:is(:hover,:focus-visible){background:transparent!important;color:var(--ink)!important}
}
.motion-root a:focus-visible,.motion-root button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.mascot-tip{display:flex;align-items:center;gap:20px;max-width:520px;margin:28px 0;text-align:left}
.mascot-tip .wild-mascot{width:70px;height:70px;flex:0 0 70px}
.mascot-tip .wild-mascot img{width:100%;height:100%}
.mascot-tip strong{font:400 16px/1.4 var(--font-matahari)}
.mascot-tip p{font:400 13px/1.65 var(--font-matahari)!important;margin:8px 0 0!important}
.services-main .svc-outro .mascot-tip{margin:0 auto 36px}
.about-curiosity-film{width:min(100%,320px)!important;max-width:320px!important;justify-self:center}
.about-curiosity-film img{max-width:280px!important;height:calc(100% - 84px)!important;image-rendering:auto}
[data-motion=running] .about-name .about-title-letter{animation:studio-letter-dance 3.8s ease-in-out infinite}
@keyframes studio-letter-dance{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-.065em) rotate(-2deg)}65%{transform:translateY(.025em) rotate(1deg)}}
.studio-journal-heading h2{transform-origin:left center;will-change:transform}
.studio-journal .portrait-stage{transform-origin:50% 65%}
.services-main .svc-outro h2{line-height:1.16!important;letter-spacing:-.025em!important}
main.services-main .svc-outro .svc-typed-line{padding-block:.08em;margin:0!important;line-height:1.16!important;overflow:visible}
.pf-ring-section{height:auto!important;min-height:760px;padding-block:50px}
.pf-ring-sticky{position:relative!important;top:auto!important;height:720px;max-height:90svh;min-height:620px}
.pf-ring{transition:none!important;will-change:transform}
.pf-ring-stage{touch-action:pan-y;cursor:grab;user-select:none}
.pf-ring-stage:active{cursor:grabbing}
.pf-ring-card>div{width:100%;height:100%}
.pf-ring-card img{pointer-events:none;user-select:none}
.sh-how li b{font-size:clamp(21px,2vw,31px)!important;line-height:1.2;white-space:nowrap;letter-spacing:-.025em}
.sh-how li>span:not(.ds-symbol){font-size:14px;line-height:1.65;white-space:pre-line;max-width:none;min-height:3.3em}
.sh-main .sh-bespoke--studio{background:var(--cream,#F1E8DD)!important;color:var(--ink);padding-block:110px}
.sh-bespoke--studio .sh-bespoke-art>img{transform:rotate(-3deg);clip-path:inset(0);object-fit:cover}
[data-motion=running] .sh-bespoke--studio .sh-bespoke-copy h2{animation:bespoke-title-drift 6s ease-in-out infinite;transform-origin:left center}
[data-motion=running] .sh-bespoke--studio .sh-bespoke-art{animation:bespoke-art-drift 7s ease-in-out infinite}
@keyframes bespoke-title-drift{0%,100%{transform:translateX(0) rotate(-1deg)}50%{transform:translateX(12px) rotate(1deg)}}
@keyframes bespoke-art-drift{0%,100%{translate:0 0}50%{translate:0 -14px}}
.contact-wild-hello{display:flex;align-items:center;gap:12px;aspect-ratio:auto!important;width:240px!important}
.contact-wild-hello>.wild-mascot{width:90px;height:90px;flex-shrink:0}
.contact-wild-hello>.wild-mascot img{width:100%;height:100%}
.contact-wild-hello>span:not(.wild-mascot){background:transparent!important;padding:0!important;font-size:13px!important;text-align:left}
[data-motion=running] .contact-title--kinetic{animation:contact-title-arrive 1.2s cubic-bezier(.22,1,.36,1) both}
[data-motion=running] .contact-title--kinetic>.contact-title-outline{animation:contact-word-play 4.8s ease-in-out infinite}
@keyframes contact-title-arrive{from{transform:translateX(-25px) skewX(-4deg)}to{transform:translateX(0) skewX(0)}}
@keyframes contact-word-play{0%,100%{transform:translateX(0) rotate(-1deg)}50%{transform:translateX(.08em) rotate(1deg)}}
@media(max-width:899px){.pf-ring-section{min-height:0;padding-block:60px}.pf-ring-sticky{height:auto;max-height:none;min-height:0}.pf-ring-stage{cursor:auto}.sh-how li b{font-size:clamp(20px,2.4vw,29px)!important}.contact-wild-hello{width:185px!important}.contact-wild-hello>.wild-mascot{width:65px;height:65px}}
@media(max-width:699px){.sh-how li b{font-size:clamp(20px,5.4vw,30px)!important}.mascot-tip{gap:14px}.mascot-tip .wild-mascot{width:58px;height:58px;flex-basis:58px}.contact-wild-hello{width:180px!important;bottom:15px!important}.sh-main .sh-bespoke--studio{padding-block:65px}.studio-journal-heading h2{will-change:auto}}
@media(prefers-reduced-motion:reduce){.motion-root a[href],.motion-root button{transition:none!important;translate:none!important}.about-name .about-title-letter,.sh-bespoke-copy h2,.sh-bespoke-art,.contact-title--kinetic,.contact-title-outline{animation:none!important;transform:none!important;translate:none!important}}
[data-motion=paused] :is(.about-title-letter,.sh-bespoke-copy h2,.sh-bespoke-art,.contact-title--kinetic,.contact-title-outline){animation:none!important;transform:none!important;translate:none!important}
.about-page .about-letter{background:#EBE3DA!important}
.about-page .about-manifesto h2{line-height:1.24!important;letter-spacing:-.025em!important}
.about-page .about-manifesto-line{line-height:1.24!important;padding-bottom:.25em}
.about-page .about-manifesto-opening{margin-bottom:42px}
.about-page .about-interlude{padding:85px var(--gutter) 110px;background:#F1E8DD;overflow:visible;isolation:isolate}
.about-page .about-curiosity-film{width:min(100%,480px)!important;max-width:480px!important;aspect-ratio:1.08;background:transparent!important;overflow:visible!important;clip-path:none!important;padding:20px 20px 70px;justify-self:center}
.about-page .about-curiosity-film::before{content:"";position:absolute;inset:5% 7% 12%;border-radius:50%;background:#CCB8A5;rotate:-8deg;z-index:-1}
.about-page .about-curiosity-film img{position:relative!important;inset:auto!important;width:100%!important;max-width:440px!important;height:auto!important;object-fit:contain;display:block;z-index:1}
.about-page .about-curiosity-film>span{bottom:4px;left:50%;translate:-50% 0;white-space:nowrap;background:transparent;font-size:12px}
.about-page .about-interlude-copy>p{line-height:1.17!important;letter-spacing:-.025em}
@media(min-width:900px){
 .pf-ring-section[data-scroll-ring=true]{height:calc(var(--n)*32svh + 100svh)!important;min-height:0;padding:0;overflow:visible;clip-path:none!important}
 .pf-ring-section[data-scroll-ring=true] .pf-ring-sticky{position:sticky!important;top:82px!important;height:calc(100svh - 82px);min-height:560px;max-height:none;overflow:hidden}
}
.service-explorer .application-canvas:empty{background:transparent;box-shadow:none}
@media(max-width:700px){.about-page .about-curiosity-film{width:min(100%,400px)!important}.about-page .about-interlude{padding-block:60px;gap:40px}.about-page .about-interlude-copy{margin-left:0}}
.about-page .about-curiosity-film img{border-radius:50%;transform-origin:50% 65%}
[data-motion=running] [data-scene-visible=true] .about-curiosity-film img{animation:mascot-search 5s ease-in-out infinite}
@keyframes mascot-search{0%,100%{transform:translateY(0) rotate(-2deg)}45%{transform:translateY(-10px) rotate(3deg)}75%{transform:translateY(-3px) rotate(0)}}
@media(prefers-reduced-motion:reduce){.about-curiosity-film img{animation:none!important;transform:none!important}}
.motion-root a[data-action-link]::before{content:none!important;display:none!important}
.motion-root :is(a[data-action-link],.pf-btn,.svc-start,.contact-submit,.wy-form button[type=submit]){--action-bg:#1E1E1E;--action-ink:#F5F2ED;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;min-width:220px;max-width:100%;padding:14px 28px!important;border:1px solid transparent!important;border-radius:999px;font:400 14px/1.4 var(--font-matahari)!important;letter-spacing:0;text-align:center;text-decoration:none!important;background:var(--action-bg)!important;color:var(--action-ink)!important;box-shadow:none!important;transition:opacity .22s ease,translate .22s ease!important}
.motion-root a[data-action-link][data-action-tone=taupe]{--action-bg:#CCB8A5;--action-ink:#161413}
.motion-root a[data-action-link][data-action-inline=true]{display:inline;min-width:0;min-height:0;padding:0!important;border:0!important;border-radius:0;background:transparent!important;color:inherit!important;font:inherit!important;font-weight:500!important}
@media(hover:hover){body .motion-root :is(a[data-action-link],.pf-btn,.svc-start,.contact-submit,.wy-form button[type=submit]):is(:hover,:focus-visible){background:#CCB8A5!important;color:#161413!important;opacity:1!important;translate:0 -2px;box-shadow:none!important}body .motion-root a[data-action-link][data-action-tone=taupe]:is(:hover,:focus-visible){background:#1E1E1E!important;color:#F5F2ED!important}body .motion-root a[data-action-link][data-action-inline=true]:is(:hover,:focus-visible){background:transparent!important;color:#6d5441!important}}
.footer--studio a::before,.studio-menu a::before,.contact-launch::before,.footer-centred-wordmark::before{content:none!important;display:none!important}
.studio-menu .menu-link-arrow{display:none!important}
.wild-cursor-ring[data-state=label]{box-shadow:0 0 0 1px var(--cursor-inverse);transition:background-color .15s,color .15s,border-color .15s}
.services-main .svc-index{overflow-anchor:none}
.services-main .svc-row,.services-main .svc-row-panel{overflow-anchor:none}
[data-motion=running] .about-name .about-title-letter{animation:studio-letter-wave 5.5s ease-in-out infinite}
@media(min-width:900px){.pf-ring-stage{overflow:visible;overscroll-behavior:auto}}
.contact-title--written .contact-write-letter{display:inline-block}
[data-motion=running] .contact-title--written .contact-write-letter{animation:contact-write-in .75s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--letter-delay)}
.contact-title--written>.contact-title-outline{display:block!important;line-height:1.15!important;white-space:nowrap}
.contact-word-window{display:inline-block;vertical-align:top;width:3.5em;min-height:1.3em;position:relative;overflow:visible}
.contact-changing-word{display:inline-block;white-space:nowrap}
@keyframes contact-write-in{from{opacity:0;transform:translateY(.45em) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.contact-title--written .contact-write-letter{animation:none!important;transform:none!important;opacity:1!important}}
@media(max-width:699px){.motion-root :is(a[data-action-link],.pf-btn,.svc-start,.contact-submit,.wy-form button[type=submit]){min-width:min(220px,100%);padding:14px 24px!important}.contact-title--written .contact-word-window{width:3.3em}}
.hero .design-card-surface>img{object-fit:cover}
.motion-root :is(a[data-action-link],.pf-btn,.svc-start,.contact-submit,.wy-form button[type=submit]){min-height:50px;line-height:20px!important}
.studio-journal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:28px}
.studio-journal-copy .studio-journal-actions a{margin:0!important}
.services-starts a{background:transparent!important;border-radius:0!important;min-width:0!important;padding:18px 0!important;text-align:left!important;box-shadow:none!important}
.services-starts a:hover{color:#A08572;translate:0 -2px}
a[href^="mailto:"]:not(.contact-way){background:transparent!important;border-radius:0!important;min-width:0!important;padding:0!important;display:inline!important;box-shadow:none!important;color:inherit!important}
a[href^="mailto:"]:hover{color:#A08572!important}
@media(max-width:760px){
 .header.header--paper{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px 66px;gap:6px!important;padding-inline:16px!important;width:100%;box-sizing:border-box;align-items:center}
 .header.header--paper>.header-note,.header.header--paper>.header-direct{display:none!important}
 .header.header--paper>.nav-logo{grid-column:1;grid-row:1;min-width:0;width:max-content;max-width:100%;font-size:27px;justify-self:start}
 .header.header--paper>.motion-toggle{grid-column:2;grid-row:1;margin:0!important}
 .header.header--paper>.menu-toggle{grid-column:3;grid-row:1;margin:0!important}
 .header.header--paper>.language-switch{grid-column:4;grid-row:1;order:0;margin:0!important;justify-content:center;gap:0;width:66px}
 .header.header--paper>.language-switch a{width:30px;min-width:30px;min-height:44px;box-sizing:border-box}
 .hero .hero-design-board{height:64vw;min-height:235px;max-height:410px;margin-block:35px 16px}
 .hero .design-card-campaign{width:45%!important;height:80%!important;left:28%!important;top:4%!important}
 .hero .design-card-note{width:34%!important;height:65%!important;top:24%!important;left:2%!important}
 .hero .design-card-type{width:33%!important;height:68%!important;top:18%!important;right:1%!important}
 .hero .snippet-one{width:29%!important;height:56%!important;left:-2%!important;top:10%!important}
 .hero .snippet-two{width:28%!important;height:55%!important;right:-2%!important;top:34%!important}
 .hero .hero-concept-name{font-size:8vw;line-height:1.03}
 .hero .card-note-type,.hero .card-display-word{font-size:6.8vw;line-height:1.06}
 .hero .card-corner{font-size:7px}.hero .card-caption,.hero .design-card-label{font-size:7px}
 .wild-footer.footer--studio{width:100%;max-width:100%;box-sizing:border-box;padding-inline:24px;overflow:hidden}
 .wild-footer .footer-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 12px;width:100%;min-width:0}
 .wild-footer .footer-columns>*{min-width:0;max-width:100%}
 .wild-footer .footer-sign{grid-column:1/-1;grid-row:2;display:grid;place-items:center;width:100%;min-height:270px;padding-block:18px}
 .wild-footer .footer-pages{grid-row:1;width:100%;align-self:start}
 .wild-footer .footer-pages-left{grid-column:1}.wild-footer .footer-pages-right{grid-column:2}
 .wild-footer .footer-centred-wordmark{display:flex!important;align-items:baseline;justify-content:center;gap:.16em;width:100%;max-width:100%;min-width:0;margin:20px 0!important;padding:0!important;font-size:clamp(42px,14vw,106px)!important;line-height:1.3;letter-spacing:-.05em;white-space:nowrap;text-align:center;box-sizing:border-box}
 .wild-footer .footer-centred-wordmark>span{display:inline-flex;flex:none;white-space:nowrap}
 .wild-footer .footer-centred-wordmark .rp{display:inline-block;transform:none!important;translate:none!important;rotate:none!important}
 .wild-footer .footer-bottom{display:flex!important;flex-direction:column;align-items:center;gap:20px!important;width:100%;min-width:0}
 .wild-footer .footer-colophon{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%}
 .wild-footer .footer-photo-card{width:min(210px,72vw);box-sizing:border-box}
 .studio-journal-actions{align-items:stretch;gap:14px}.studio-journal-actions a{max-width:100%}
}
@media(max-width:400px){
 .header.header--paper{grid-template-columns:minmax(0,1fr) 44px 66px}
 .header.header--paper>.motion-toggle{display:none!important}
 .header.header--paper>.menu-toggle{grid-column:2}
 .header.header--paper>.language-switch{grid-column:3}
 .header.header--paper>.nav-logo{font-size:25px}
}
.bl-topic{padding:70px var(--gutter,5vw);background:#EBE3DA;display:flex;justify-content:space-between;align-items:center;gap:35px}
.bl-topic h2{font:clamp(35px,4.8vw,66px)/1.16 var(--display);letter-spacing:-.025em;margin:18px 0}
.bl-topic p{max-width:54ch;font:15px/1.75 var(--body)}
.bl-topic button:not(.bl-topic-close){background:#1E1E1E;color:#F5F2ED;border:1px solid transparent;border-radius:999px;min-height:50px;padding:14px 28px;font:14px/20px var(--body);cursor:pointer}
.bl-topic button:not(.bl-topic-close):hover{background:#CCB8A5;color:#161413}
@keyframes story-spark{0%,100%{translate:0 0;rotate:-4deg}50%{translate:0 -7px;rotate:2deg}}
.bl-topic-sheet{padding:42px;position:relative}
.bl-topic-sheet h2{font:clamp(32px,4vw,48px)/1.17 var(--display);margin:18px 24px 25px 0}
.bl-topic-sheet form{display:grid;gap:20px}
.bl-topic-sheet label{display:grid;gap:10px;font:13px/1.6 var(--body)}
.bl-topic-sheet input,.bl-topic-sheet textarea{font:16px/1.5 var(--body);width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #A08572;background:transparent;border-radius:0;color:inherit}
.bl-topic-sheet textarea{resize:vertical}
.bl-topic-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bl-topic-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.bl-topic-sheet p.bl-topic-privacy{font:12px/1.6 var(--body);margin:0}
.bl-topic-privacy a{display:inline!important;background:none!important;color:inherit!important;padding:0!important;border:0!important;min-width:0!important}
@media(prefers-reduced-motion:no-preference){@keyframes story-sheet{from{opacity:0;transform:translateY(25px) rotate(-2deg)}to{opacity:1;transform:none}}}
@media(max-width:760px){.bl-topic{padding:50px 24px;align-items:flex-start;flex-direction:column;gap:22px}.bl-topic-sheet{padding:35px 24px}.bl-topic-fields{grid-template-columns:1fr;gap:18px}}
.footer-mobile-logo{display:none}
@media(max-width:760px){
 .wild-footer.footer--boutique.footer--studio .footer-columns{grid-template-areas:"left right" "art art"!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .wild-footer.footer--boutique.footer--studio .footer-sign{grid-area:art!important;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;padding:25px 0!important}
 .wild-footer.footer--boutique.footer--studio .footer-pages-left{grid-area:left!important}.wild-footer.footer--boutique.footer--studio .footer-pages-right{grid-area:right!important}
 .wild-footer .footer-centred-wordmark>span{display:none!important}
 .wild-footer .footer-mobile-logo{display:block!important;width:min(100%,340px)!important;height:auto!important;object-fit:contain;filter:invert(1);margin:auto;transform:none!important}
 .wild-footer .footer-photo-card{margin:0 auto!important;align-self:center}
}
@media(max-width:1100px){.header.header--paper>.header-note{display:none!important}}
@media(hover:hover){body .motion-root a[data-action-ground=sand]:is(:hover,:focus-visible){background:#F5F2ED!important;color:#161413!important}}
.bl-topic.bl-topic--studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;align-items:center;padding:105px var(--gutter,5vw);background:#CCB8A5;overflow:hidden;position:relative;isolation:isolate}
.bl-topic--studio .bl-topic-invitation{min-width:0;align-self:center}
.bl-topic--studio .bl-topic-invitation h2{font:clamp(52px,6.3vw,94px)/1.18 var(--display);letter-spacing:-.035em;margin:28px 0}
.bl-topic-invitation h2>span{display:block}
.bl-topic-invitation h2>span:last-child{color:#161413}
.bl-topic--studio .bl-topic-invitation>p{max-width:39ch;font-size:16px;line-height:1.8}
.bl-topic-curiosity{position:relative;display:grid;grid-template-columns:100px 90px minmax(0,1fr);align-items:center;column-gap:26px;margin-top:40px;min-height:180px}
.bl-topic-question{font:180px/1 var(--display);display:block;transform-origin:center 65%;rotate:-8deg;color:#1E1E1E}
.bl-topic-curiosity>.brand-symbol{display:block!important;position:relative;width:90px;height:90px;opacity:.65;justify-self:center}
.bl-topic-margin-note{font:13px/1.65 var(--body);max-width:16ch;margin:0;rotate:-3deg}
.bl-topic[data-animated=true] .bl-topic-question{animation:topic-curious 7s ease-in-out infinite}
.bl-topic[data-animated=true] .bl-topic-curiosity>.brand-symbol{animation:topic-spark 12s ease-in-out infinite}
@keyframes topic-curious{0%,70%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-18px) rotate(12deg)}45%{transform:translateY(-12px) rotate(-4deg)}}
@keyframes topic-spark{0%,100%{transform:rotate(0) scale(.9)}50%{transform:rotate(90deg) scale(1)}}
.bl-topic[data-animated=true] .bl-topic-invitation h2>span:last-child{animation:topic-call 8s cubic-bezier(.45,0,.55,1) infinite}
@keyframes topic-call{0%,65%,100%{transform:translateX(0)}30%{transform:translateX(14px)}}
.bl-topic[data-animated=true] .bl-topic-letter-top>span:last-child{animation:topic-stamp 8s ease-in-out infinite;transform-origin:right center}
@keyframes topic-stamp{0%,65%,100%{transform:rotate(0)}25%,40%{transform:rotate(-6deg)}}
.bl-topic[data-scene-visible=false] *,.motion-root[data-document-visible=false] .bl-topic *{animation-play-state:paused!important}
.bl-topic:focus-within .bl-topic-invitation h2>span,.bl-topic:focus-within .bl-topic-letter-top>span{animation-play-state:paused!important}
.bl-topic--studio+.bl-letter{background:#F5F2ED;color:#1E1E1E}
.bl-topic--studio+.bl-letter .bl-letter-card{background:#F1E8DD;box-shadow:20px 26px 60px #1e1e1e14}
.bl-topic--studio .bl-topic-letter{padding:34px;background:#F5F2ED;min-width:0;position:relative;box-shadow:12px 14px 0 #A0857266}
.bl-topic-letter-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid #A0857266;font:11px/1.6 var(--body)}
.bl-topic-letter h3{font:clamp(27px,2.9vw,39px)/1.2 var(--display);margin:0;letter-spacing:-.02em}
.bl-topic-sheet .bl-topic-ideas{border:0;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.bl-topic-ideas legend{font:11px/1.6 var(--body);margin:0 0 9px}
.bl-topic.bl-topic--studio .bl-topic-ideas button{display:block;background:transparent;color:#161413;padding:5px 0;min-height:32px;border:0;border-radius:0;text-align:left;font:12px/1.55 var(--body);text-decoration:none;transition:color .2s,translate .2s}
.bl-topic.bl-topic--studio .bl-topic-ideas button:is(:hover,:focus-visible){color:#6d5441;translate:4px 0;background:transparent;opacity:1}
.bl-topic--studio .bl-topic-sheet textarea{background:#F1E8DD;border:0;border-bottom:1px solid #A08572;padding:16px;min-height:140px}
.bl-topic--studio .bl-topic-sheet input{border:0;border-bottom:1px solid #A08572;padding:10px 0;background:transparent}
.bl-topic--studio .bl-topic-sheet button[type=submit]{width:100%;margin-top:3px}
.bl-topic-thanks{min-height:420px;display:flex;flex-direction:column;justify-content:center;gap:25px}
.bl-topic-thanks .brand-symbol{width:80px;height:80px}
@media(max-width:1000px){.bl-topic.bl-topic--studio{gap:40px;padding-block:80px}.bl-topic--studio .bl-topic-invitation h2{font-size:clamp(48px,6vw,65px)}.bl-topic--studio .bl-topic-letter{padding:26px}.bl-topic-fields{grid-template-columns:1fr}}
@media(min-width:761px) and (max-width:1000px){.bl-topic-curiosity{grid-template-columns:70px 65px minmax(0,1fr);column-gap:20px}.bl-topic-question{font-size:135px}.bl-topic-curiosity>.brand-symbol{width:65px;height:65px}}
@media(max-width:760px){.bl-topic.bl-topic--studio{grid-template-columns:minmax(0,1fr);gap:38px;padding:65px 24px}.bl-topic--studio .bl-topic-invitation h2{font-size:clamp(45px,10.4vw,70px);margin-block:24px}.bl-topic--studio .bl-topic-invitation>p{font-size:15px}.bl-topic-curiosity{grid-template-columns:65px 60px minmax(0,1fr);column-gap:20px;margin-top:26px;min-height:135px}.bl-topic-question{font-size:125px}.bl-topic-curiosity>.brand-symbol{width:60px;height:60px}.bl-topic-margin-note{max-width:18ch;font-size:12px}.bl-topic--studio .bl-topic-letter{padding:26px 20px;box-shadow:7px 8px 0 #A0857266}.bl-topic-letter h3{font-size:29px}.bl-topic-fields{gap:18px}}
@media(prefers-reduced-motion:reduce){.bl-topic-question,.bl-topic-curiosity>.brand-symbol,.bl-topic-invitation h2>span,.bl-topic-letter-top>span{animation:none!important;transform:none!important}.bl-topic-ideas button{transition:none!important;translate:none!important}}
body :is(dialog.project-dialog,dialog.pf-case) :is(button,a.text-link,.bx-end-link,.pf-btn,.client-section-links a){transition:background-color .22s ease,color .22s ease,border-color .22s ease,translate .22s ease!important}
body :is(dialog.project-dialog,dialog.pf-case) .bx-end-link{min-height:50px;padding:14px 28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font:14px/20px var(--body);max-width:100%;text-align:center}
body :is(dialog.project-dialog,dialog.pf-case) .bx-end-link i{display:none!important}
body :is(dialog.project-dialog,dialog.pf-case) :is(button:not(:disabled),a.text-link,.bx-end-link,.pf-btn,.client-section-links a):is(:hover,:focus-visible){background:#CCB8A5!important;color:#161413!important;border-color:#CCB8A5!important;opacity:1!important;translate:0 -2px;text-decoration:none!important}
body :is(dialog.project-dialog,dialog.pf-case) :is(.bx-end-terra,.bx-end-field,.client-case-section) :is(button:not(:disabled),a.text-link,.bx-end-link,.client-section-links a):is(:hover,:focus-visible){background:#1E1E1E!important;color:#F5F2ED!important;border-color:#1E1E1E!important}
body :is(dialog.project-dialog,dialog.pf-case) .close-dialog:is(:hover,:focus-visible){background:#1E1E1E!important;color:#F5F2ED!important;border-color:#1E1E1E!important}
body :is(dialog.project-dialog,dialog.pf-case) .client-gallery-thumbnails button:is(:hover,:focus-visible){outline:3px solid #A08572;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body :is(dialog.project-dialog,dialog.pf-case) :is(button,a.text-link,.bx-end-link,.pf-btn,.client-section-links a){transition:none!important;translate:none!important}}
body:has(.bl-topic--studio:focus-within)>.mascot-peek{visibility:hidden;pointer-events:none}
body dialog.project-dialog .brand-case .bx-end-link{background:#1E1E1E!important;color:#F5F2ED!important;border:1px solid #1E1E1E!important;border-radius:999px!important;padding:14px 28px!important}
body dialog.project-dialog .brand-case :is(.bx-end-echo,.bx-end-noir,.bx-end-offhours) .bx-end-link{background:#CCB8A5!important;color:#161413!important;border-color:#CCB8A5!important}
body dialog.project-dialog .brand-case .bx-end-link:is(:hover,:focus-visible){background:#CCB8A5!important;color:#161413!important;border-color:#CCB8A5!important}
body dialog.project-dialog .brand-case :is(.bx-end-echo,.bx-end-noir,.bx-end-offhours) .bx-end-link:is(:hover,:focus-visible){background:#1E1E1E!important;color:#F5F2ED!important;border-color:#F5F2ED!important}
body dialog.project-dialog .brand-case :is(.bx-end-terra,.bx-end-field) .bx-end-link:is(:hover,:focus-visible){background:#F5F2ED!important;color:#161413!important;border-color:#F5F2ED!important}
@media(max-width:760px){
 .about-page .about-hero{display:grid;align-content:start;justify-items:center;height:auto;min-height:670px;max-height:none;padding:95px 24px 135px}
 .about-page .about-name{font-size:clamp(38px,11.8vw,78px);gap:6px!important;margin:0;z-index:4;line-height:1.15!important}
 .about-page .about-name>span:last-child{font-size:1.3em}
 .about-page .about-fan-scene{top:465px}
 .about-page .about-fan-trigger{top:410px;height:245px;width:85%}
 .about-page .about-hero-symbol{top:300px}
 .about-page .about-team h2,.contact-page-main #brief-title,.services-main .svc-story h2{font-size:clamp(36px,10.5vw,56px);line-height:1.16;overflow-wrap:break-word}
 .about-page .about-team h2{max-width:100%;text-wrap:balance}
 .services-main .svc-story-copy,.contact-brief-copy,.about-team-heading{min-width:0;max-width:100%}
 .services-main .svc-story .svc-typed-line{white-space:normal;max-width:100%}
 .contact-next-card h3{line-height:1.2!important;margin-bottom:22px!important}
 .contact-next-card p{line-height:1.7}
 .studio-menu{overflow-y:auto;overscroll-behavior:contain}
 .mascot-peek-toggle{width:60px!important;height:60px!important}
}
.wild-footer .footer-centred-wordmark{display:block!important;width:min(100%,720px)!important;max-width:100%;margin:32px auto!important;padding:0!important;transform:none!important}
.wild-footer .footer-centred-wordmark>span{display:none!important}
.wild-footer .footer-mobile-logo{display:block!important;width:100%!important;height:auto!important;object-fit:contain;filter:invert(1);margin:auto;transform:none!important}
.portfolio-transfer .cw-concept .brand-case-intro h1{font-family:var(--display);font-size:clamp(48px,7vw,105px);line-height:1.12;letter-spacing:-.02em;font-weight:400;margin:20px 0 30px}
@media(pointer:coarse){.wild-cursor-ring,.wild-cursor-dot{display:none!important}a,button{cursor:auto}}
@media(max-width:760px){
 .about-page .about-fan-scene{top:285px;left:50%;width:min(80vw,260px);height:auto;transform:translateX(-50%);perspective:none}
 .about-page .about-fan-container{display:none}
 .about-page .about-fan-still,.about-page .about-fan-still[hidden]{display:block!important;position:relative;left:0;top:0;width:100%;aspect-ratio:5/4;translate:none;transform:rotate(-3deg)}
 .about-page .about-fan-trigger{top:395px;height:230px}
}
.menu-motion-toggle{display:none}
@media(max-width:760px){.studio-menu .menu-motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid currentColor;border-radius:99px;background:transparent;color:inherit;font:12px/1.4 var(--font-matahari)}.studio-menu .menu-motion-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}}
@media(max-width:760px){main.services-main h2{font-size:clamp(36px,10.5vw,56px)!important;max-width:100%;line-height:1.16!important;overflow-wrap:break-word}main.services-main .svc-typed-line{max-width:100%;white-space:normal;overflow-wrap:break-word}}
.ba-aside ol a{background:transparent!important;color:#1e1e1ea6!important;border-radius:0!important;min-width:0!important;min-height:0!important;display:block!important;padding:8px 0 8px 16px!important;text-align:left!important;font:400 14px/1.5 var(--body)!important;translate:none!important;box-shadow:none!important}
.ba-aside li[data-current] a{color:var(--ink)!important;border-left-color:var(--ink)}
.ba-aside ol a:hover{color:var(--ink)!important;background:transparent!important}
.ba-share{gap:10px;align-items:center}
.ba-share :is(a,button){flex:0 0 auto;min-width:0!important;min-height:44px!important;padding:10px 16px!important;background:transparent!important;color:var(--ink)!important;display:inline-flex!important;border:1px solid #1e1e1e80!important;font:400 13px/1.4 var(--body)!important;text-align:center;border-radius:99px!important}
.ba-share :is(a,button):hover{background:var(--ink)!important;color:var(--paper)!important}
.studio-menu .menu-wordmark:focus{outline:none!important;box-shadow:none!important}
.contact-mobile-preview{display:none}
.about-mobile-project{position:absolute;inset:0}
.motion-root a>.mobile-symbol,.motion-root a>.menu-link-arrow,.motion-root .wy-language-mark{display:none!important}
.motion-root :is(.svc-start,.contact-submit,.svc-mix-go,.contact-hero-cta,.contact-way,.svc-start-light)>.wild-icon:last-child{display:none!important}
@media(max-width:1000px){
 .contact-page-main .contact-letter-stage{display:none!important}
 .contact-page-main .contact-mobile-preview{display:block;position:sticky;top:calc(74px + env(safe-area-inset-top,0px));z-index:12;margin:24px 0;background:#F5F2ED;color:#161413;border:1px solid #CCB8A5;border-radius:8px;box-shadow:0 6px 18px #0002}
 .contact-mobile-preview summary{display:flex;align-items:center;gap:12px;list-style:none;min-height:54px;padding:12px 16px;font:400 13px/1.4 var(--body);cursor:pointer}
 .contact-mobile-preview summary::-webkit-details-marker{display:none}
 .contact-mobile-preview summary>b{margin-left:auto;font-weight:400;white-space:nowrap}
 .brief-preview-toggle{border-bottom:1px solid currentColor}
 .contact-mobile-letter{max-height:min(32svh,260px);overflow:auto;overscroll-behavior:contain;padding:8px 20px 24px;border-top:1px solid #16141330}
 .contact-mobile-letter>b{display:block;font:28px/1.2 var(--display);margin:12px 0 20px}
 .contact-mobile-letter>p{font:22px/1.4 var(--body);color:var(--ink)}
 .contact-mobile-letter dl{display:grid;grid-template-columns:1fr;gap:6px;margin:0;font:14px/1.5 var(--body)}
 .contact-mobile-letter dt{color:var(--ink);font-size:11px;margin-top:12px}
 .contact-mobile-letter dd{margin:0;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap}
 .contact-page-main :is(input,textarea){font-size:16px!important;scroll-margin-top:160px}
}
@media(max-width:760px){
 .studio-menu{height:100dvh!important;max-height:100dvh!important;padding-bottom:max(28px,env(safe-area-inset-bottom))!important}
 .studio-menu .menu-bottom{display:flex!important;flex-wrap:wrap;gap:16px 20px;height:auto;padding-bottom:18px}
 .studio-menu .menu-top{flex-shrink:0}
 .studio-journal-heading h2{font-size:clamp(40px,10.2vw,64px)!important;line-height:1.16!important;letter-spacing:-.025em;transform:none!important;translate:none!important;rotate:none!important;max-width:100%;overflow-wrap:normal;margin:22px 0 32px!important}
 .studio-journal .portrait-stage{height:auto!important;aspect-ratio:4/5;max-height:none!important;transform:none!important;rotate:none!important;translate:none!important}
 .studio-journal .portrait-layer{transform:none!important;rotate:none!important;scale:1!important}
 .studio-journal .portrait-layer[aria-hidden=true]{opacity:0!important;visibility:hidden}
 .studio-journal .portrait-layer[aria-hidden=false]{opacity:1!important;visibility:visible}
 .about-page .about-fan-scene{width:min(78vw,330px);top:275px}
 .about-page .about-fan-still,.about-page .about-fan-still[hidden]{transform:none;aspect-ratio:5/4}
 .about-page .about-fan-trigger{top:405px;height:260px;max-width:90%}
 .about-page .about-hero{min-height:680px!important}
 .about-page .about-name{gap:0!important;line-height:1.08!important}
 .about-page .about-fan-footer{gap:16px}
 .about-page .about-curiosity-film{width:min(100%,270px)!important;max-width:270px!important;padding:16px 16px 60px;transform:none!important;rotate:none!important;translate:none!important}
 .about-page .about-curiosity-film>span{position:relative!important;bottom:auto!important;left:auto!important;translate:none!important;width:100%;white-space:normal!important;text-align:center;font-size:12px;padding:12px 0 0!important}
 .about-page .about-interlude-copy{transform:none!important;translate:none!important;width:100%;margin:0!important}
 .about-page .about-interlude-copy>p{font-size:clamp(36px,10vw,52px)!important;line-height:1.16!important;overflow-wrap:normal}
 .services-main .services-starts{display:grid;grid-template-columns:1fr;gap:0}
 .services-main .services-starts>a{display:grid!important;grid-template-columns:1fr!important;justify-content:start!important;justify-items:start!important;gap:10px!important;width:100%;padding:24px 0!important;text-align:left!important}
 .services-main .services-starts span{font-size:26px;line-height:1.15;max-width:none;width:100%;text-align:left}
 .services-main .services-starts small{font-size:12px;max-width:none;text-align:left!important}
 .services-main .svc-row-head{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:16px;padding:16px 0;align-items:center}
 .services-main .svc-row-name{font-size:clamp(23px,6.3vw,31px);line-height:1.16;letter-spacing:-.03em;overflow-wrap:normal;translate:none!important}
 .services-main .svc-row-plus{width:38px;height:38px}
 .services-main .svc-row-panel{height:auto!important;opacity:1!important;overflow:visible;animation:none!important}
 .services-main .svc-row-inner{grid-template-columns:minmax(0,1fr);padding:8px 16px 32px;gap:24px}
 .services-main .svc-row-photo{display:block;max-width:100%;margin:0;border:0;box-shadow:none}
 .services-main .svc-row-photo img{display:block;width:100%;height:auto;max-height:none}
 .services-main .svc-row-photo-symbol{display:none}
 .services-main .svc-rows{gap:0}
 .services-main .svc-row{border-top:1px solid #16141330;border-radius:0}
 .services-main .svc-row:hover{background:transparent}
 .services-main .svc-row[data-open=true]{background:#F1E8DD}
 .sh-main .sh-how li b{white-space:normal!important;line-height:1.18!important}
 .sh-main .sh-how li p{max-width:100%;line-height:1.6}
 .mascot-peek{right:12px!important;bottom:max(24px,env(safe-area-inset-bottom))!important}
 .mascot-peek-toggle{width:46px!important;height:46px!important}
 body:has(.contact-letter-form:focus-within) .mascot-peek{display:none!important}
 .ba-layout{padding-top:40px}
 .ba-aside ol{gap:4px}
 .ba-aside-inner{gap:16px}
}
@media(max-width:1000px){
 .contact-mobile-preview summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 12px}
 .brief-preview-current{grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:12px;line-height:1.5;color:#161413}
 .contact-mobile-preview summary>b{margin:0}
}
@media(max-width:760px){
 .contact-page-main .contact-next-card{transform:none!important;rotate:none!important}
 .contact-page-main .contact-next-card h3{font-size:30px!important;line-height:1.2!important;margin-bottom:24px!important}
 .contact-page-main .contact-next-card p{margin-top:0;line-height:1.7}
 .contact-outro-link>.wild-icon,.contact-ways .contact-way-arrow{display:none!important}
 body:has(.contact-letter-form:focus-within) .consent-settings{display:none!important}
}
.motion-root .ba-share a[href^="mailto:"]{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:10px 16px!important;border:1px solid #1e1e1e80!important;border-radius:99px!important;background:transparent!important;color:var(--ink)!important}
@media(max-width:760px){body:has(.contact-letter-form:focus-within) .statistics-settings{visibility:hidden}}
.contact-brief .contact-submit{--action-bg:#CCB8A5;--action-ink:#161413}
@media(hover:hover){body .motion-root .contact-brief .contact-submit:is(:hover,:focus-visible){background:#F5F2ED!important;color:#161413!important}}
@media(max-width:760px){
 .services-main .svc-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex-wrap:wrap;overflow:visible;gap:14px;padding:12px 4px}
 .services-main .svc-chip{width:100%;max-width:100%;white-space:normal;min-height:48px;justify-content:center;text-align:center;line-height:1.4}
 .services-main .svc-row-plus::after{content:"+";font:24px/1 var(--body)}
 .services-main .svc-row[data-open=true] .svc-row-plus::after{content:"−"}
}
.motion-root .contact-brief .contact-submit{background:#CCB8A5!important;color:#161413!important}
@media(hover:hover){body .motion-root .contact-brief .contact-submit:is(:hover,:focus-visible){background:#F5F2ED!important;color:#161413!important}}
.motion-root .contact-page-main .contact-brief .contact-submit{background:#CCB8A5!important;color:#161413!important}
@media(hover:hover){body .motion-root .contact-page-main .contact-brief .contact-submit:is(:hover,:focus-visible){background:#F5F2ED!important;color:#161413!important}}
.services-main .svc-disclosure{display:block}
.services-main .svc-disclosure>.svc-row-head{display:grid;grid-template-columns:50px minmax(0,1fr) 48px;gap:24px;align-items:center;padding:24px 22px;list-style:none;cursor:pointer}
.services-main .svc-disclosure>.svc-row-head::-webkit-details-marker{display:none}
.services-main .svc-row-heading{display:grid;gap:10px;min-width:0}
.services-main .svc-disclosure .svc-row-name{display:block;translate:none!important;overflow-wrap:anywhere;line-height:1.14}
.services-main .svc-disclosure .svc-row-line{display:block;font-size:13px;line-height:1.5}
.services-main .svc-disclosure .svc-row-plus{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;background:transparent;color:inherit;flex-shrink:0;border-radius:50%}
.services-main .svc-disclosure .svc-row-plus::after{content:"+";font:24px/1 var(--body)}
.services-main .svc-disclosure[open] .svc-row-plus::after{content:"−"}
.services-main .svc-row:has(.svc-disclosure[open]){background:var(--cream,#F1E8DD)}
.services-main .svc-disclosure:not([open])>.svc-row-panel{display:none!important}
.services-main .svc-disclosure[open]>.svc-row-panel{display:block!important;height:auto!important;opacity:1!important}
.services-main .svc-disclosure .svc-row-copy>p{margin:0 0 18px;line-height:1.7}
.services-main .svc-disclosure .svc-included{margin-top:28px}
.voices-collection .voices-desk{display:block;width:100%;max-width:920px;margin-inline:auto}
.voices-collection .voice-dots{display:flex;justify-content:center;gap:4px;margin:24px auto 0}
.voices-collection .voice-dots button{display:grid;place-items:center;width:28px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);min-width:0;cursor:pointer}
.voices-collection .voice-dots button>span{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;transition:background .22s,scale .22s}
.voices-collection .voice-dots button[aria-pressed=true]>span{background:currentColor;scale:1.3}
.voices-collection .voice-dots button:hover>span{background:var(--taupe);scale:1.3}
@media(max-width:760px){
 .services-main .svc-disclosure>.svc-row-head{grid-template-columns:24px minmax(0,1fr) 40px;gap:14px;padding:22px 12px;align-items:center}
 .services-main .svc-disclosure .svc-row-number{display:block;font:12px/1.5 var(--body);color:var(--ink)}
 .services-main .svc-disclosure .svc-row-name{font-size:clamp(22px,6.4vw,30px);letter-spacing:-.025em;line-height:1.18;white-space:normal;overflow-wrap:normal}
 .services-main .svc-disclosure .svc-row-line{display:none}
 .services-main .svc-disclosure .svc-row-plus{width:36px;height:36px}
 .services-main .svc-disclosure .svc-row-inner{display:flex;flex-direction:column;padding:6px 16px 30px;gap:24px}
 .services-main .svc-disclosure .svc-row-copy{width:100%;min-width:0;order:0}
 .services-main .svc-disclosure .svc-row-photo{order:1;width:100%;max-width:100%}
 .services-main .svc-disclosure .svc-row-copy h3{font-size:clamp(27px,7vw,34px);line-height:1.2!important;margin:10px 0 20px}
 .services-main .svc-disclosure .svc-row-copy>p{font-size:15px;line-height:1.75}
 .voices-collection .voices-stage{padding:12px 0 0!important}
 .voices-collection .voice-window,.voices-collection .voice-card{min-height:0!important;height:auto}
 .voices-collection .voice-card{padding:28px 24px 30px!important}
 .voices-collection .voice-card .voice-review-text{font-size:clamp(21px,5.5vw,25px)!important;line-height:1.4!important;margin:24px 0 30px;min-height:0}
 .voices-collection .voice-controls{gap:12px;margin-top:12px;justify-content:space-between}
 .voices-collection .voice-controls button{min-height:44px;font-size:12px}
}
.about-page .about-curiosity-film>span{position:relative!important;display:block;inset:auto!important;translate:none!important;rotate:none!important;transform:none!important;white-space:normal!important;width:100%;max-width:100%;margin:20px 0 0!important;padding:15px 18px!important;background:#F5F2ED!important;color:#1E1E1E;text-align:center;font:400 14px/1.5 var(--body);border-radius:0!important;box-sizing:border-box}
.about-page .about-curiosity-film{padding-bottom:18px!important;aspect-ratio:auto!important}
.about-page .about-curiosity-film::before{bottom:22%}
.services-main .svc-chip{touch-action:none!important}
.services-main .svc-row{scroll-margin-top:110px;overflow-anchor:none}
.services-main .svc-rows{overflow-anchor:none}
.bl-cover-img,.bl-card-img,.bl-card.is-wide .bl-card-img{aspect-ratio:4/3!important}
.bl-cover-img img,.bl-card-img img,.ba-next-card .bl-card-img img{object-fit:cover!important;width:100%;height:100%}
@media(max-width:760px){
 .about-page .about-fan-action{display:none}
 .about-page .about-fan-trigger{display:none}
 .about-page .about-fan-footer{grid-template-columns:1fr;gap:16px}
 .services-main .svc-chips{min-height:310px;align-content:start;position:relative;padding:18px 8px;overflow:visible}
 .services-main .svc-playground{min-height:0;overflow:visible}
 .services-main .svc-chip{z-index:1;touch-action:none!important}
 .services-main .svc-row{scroll-margin-top:90px}
 .bl-cover-img,.bl-card-img,.bl-card.is-wide .bl-card-img{aspect-ratio:4/3!important}
}
.wy-page,.svc-row-copy,.bl-topic-letter,.studio-personality-card{--heading-leading:1.2}
.portfolio-transfer .cw-title{--heading-leading:1.18}
.wild-cursor-ring[data-state=label]{width:var(--cursor-size,92px);height:var(--cursor-size,92px)}
.wild-cursor-ring span{white-space:nowrap;text-align:center;letter-spacing:.035em;line-height:1.2}
.wild-footer .footer-photo-sticker{left:auto;box-sizing:border-box;padding:12px;font-size:22px;line-height:1.14;text-align:center;place-content:center}
@media(max-width:760px){.wild-footer .footer-photo-sticker{font-size:16px;padding:10px}}
.wild-footer .footer-photo-sticker>span{white-space:nowrap}
.services-main .svc-disclosure .svc-row-name{display:flex;align-items:center;gap:clamp(16px,1.4vw,26px)}
.services-main .svc-row-symbol{flex:0 0 .62em}
.services-main .svc-row-label{min-width:0}
.services-main .svc-disclosure[open] .svc-row-line{display:block}
.services-main .svc-mix-inline{justify-content:center;min-height:48px;padding:14px 28px;background:#CCB8A5;color:#1E1E1E;border:1px solid #CCB8A5;font:400 14px/1.4 var(--font-matahari);transition:background-color .22s,color .22s,border-color .22s}
.services-main .svc-mix-inline[aria-pressed=true]{background:#CCB8A5;color:#1E1E1E;border-color:#CCB8A5}
@media(hover:hover){.services-main .svc-mix-inline:is(:hover,:focus-visible){background:#1E1E1E;color:#F5F2ED;border-color:#1E1E1E;opacity:1!important}}
.services-main .svc-mix-inline:focus-visible{outline:2px solid #1E1E1E;outline-offset:4px}
@media(hover:hover){.services-main .svc-mix-inline[aria-pressed=true]:is(:hover,:focus-visible){background:#1E1E1E;color:#F5F2ED;border-color:#1E1E1E}}
.footer-privacy-settings{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer;text-align:left}
.footer-privacy-settings:hover{text-decoration:underline;text-underline-offset:4px}
.footer-privacy-settings:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.footer-legal{flex-wrap:wrap;gap:8px 20px}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.editorial-label{font-size:12px;line-height:1.5;letter-spacing:.02em}
.about-page .editorial-label{color:#1E1E1E;opacity:1}
@media(max-width:760px){.header.header--paper{grid-template-columns:minmax(0,1fr) 44px 44px 90px!important;gap:4px!important}.header.header--paper>.language-switch{width:90px!important}.header.header--paper>.language-switch a{width:44px!important;min-width:44px!important;min-height:44px!important}.mascot-peek{right:12px!important;bottom:max(16px,env(safe-area-inset-bottom))!important}.mascot-peek-toggle{width:44px!important;height:44px!important}.mascot-greeting{right:0!important;bottom:56px!important}.transfer-pf-ring-nav button,.rail-dots button,.sh-desk-controls button{min-width:44px;min-height:44px}}
@media(hover:none),(pointer:coarse){.studio-cursor,.fx-cursor,.wild-cursor{display:none!important}}
@media(hover:none),(pointer:coarse){.wild-cursor-ring,.wild-cursor-dot{display:none!important}html.has-wild-cursor,html.has-wild-cursor *{cursor:auto!important}}