/* client/src/figma-v31.css */
html:has(.v31-page),
body:has(.v31-page),
#root:has(.v31-page) {
  background: #0d0d0d;
}
.v31-page {
  color: #fff;
  background: #0d0d0d;
  font-family:
    Inter,
    Arial,
    sans-serif;
  overflow-x: hidden;
  margin-inline: auto;
}
.v31-page img {
  display: block;
  object-fit: cover;
}
.v31-page .Frame2 img,
.v31-page .Frame35 img {
  object-fit: contain;
}
.v31-page .Frame3,
.v31-page .Frame6,
.v31-page .Frame20,
.v31-page .Sample3 img {
  object-fit: cover;
}
.v31-page .Frame3 {
  background-image: url(/assets-v31/nydeco-v31-hero-text-free.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.v31-hero-copy {
  position: absolute;
  left: 6.15%;
  top: 29.5%;
  z-index: 1;
  width: 41%;
  color: #fff;
}
.v31-hero-copy h1 {
  margin: 0;
  color: #d4af37;
  font-family:
    "Noto Serif",
    Georgia,
    serif;
  font-size: clamp(66px, 6.35vw, 92px);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 0.98;
}
.v31-hero-copy p {
  margin: 42px 0 38px;
  font-size: clamp(20px, 1.85vw, 28px);
  font-weight: 400;
  line-height: 1.35;
}
.v31-hero-cta {
  display: inline-flex;
  min-width: 391px;
  min-height: 66px;
  align-items: center;
  justify-content: center;
  padding: 16px 30px;
  background: #d4af37;
  color: #0d0d0d;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1;
  text-decoration: none;
  transition: filter 180ms ease, transform 180ms ease;
}
.v31-hero-cta:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
}
.v31-hero-cta:active {
  transform: translateY(0) scale(0.98);
}
.v31-page .Frame9,
.v31-page .Frame42,
.v31-page .Sample3 {
  background: #0d0d0d;
}
@media (max-width: 1439px) {
  .v31-page {
    width: 100% !important;
    height: auto !important;
    min-height: 100vh;
  }
  .v31-page .Frame2,
  .v31-page .Frame3,
  .v31-page .Frame6,
  .v31-page .Frame9,
  .v31-page .Frame42,
  .v31-page .Sample3 {
    left: 0 !important;
    top: auto !important;
    width: 100% !important;
    position: relative !important;
  }
  .v31-page .Frame2 {
    top: 0 !important;
    height: clamp(84px, 12vw, 177px) !important;
    display: flex;
    align-items: center;
    padding: 0 clamp(18px, 7.5vw, 111px);
  }
  .v31-page .Frame2 img {
    position: static !important;
    width: clamp(150px, 21vw, 301px) !important;
    height: auto !important;
  }
  .v31-page .Frame3,
  .v31-page .Frame6,
  .v31-page .Frame20 {
    top: auto !important;
    height: auto !important;
  }
  .v31-page .Frame3 {
    aspect-ratio: 1440 / 903;
  }
  .v31-page .v31-hero-copy {
    left: clamp(24px, 7.5vw, 108px);
    top: 29%;
    width: min(46%, 560px);
  }
  .v31-page .v31-hero-copy h1 {
    font-size: clamp(52px, 7vw, 82px);
  }
  .v31-page .v31-hero-copy p {
    margin: 28px 0 28px;
    font-size: clamp(17px, 2vw, 25px);
  }
  .v31-page .Frame6 {
    aspect-ratio: 1440 / 1345;
  }
  .v31-page .Frame3,
  .v31-page .Frame6,
  .v31-page .Frame20 {
    position: relative !important;
  }
  .v31-page .Frame3 img,
  .v31-page .Frame6 img,
  .v31-page .Frame20 img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .v31-page .Frame9 {
    height: auto !important;
    padding: clamp(42px, 7vw, 69px) clamp(18px, 7.5vw, 108px) 80px;
  }
  .v31-page .Frame9 > .Heading4,
  .v31-page .Frame42 > .Heading5,
  .v31-page .Frame42 > .Heading7 {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 86px;
    margin: 0 0 42px;
  }
  .v31-page .Heading4 > div,
  .v31-page .Heading5 > div,
  .v31-page .Heading7 > div,
  .v31-page .Heading8 > div {
    font-size: clamp(38px, 6.25vw, 90px) !important;
    line-height: 1.02 !important;
  }
  .v31-page .Frame10,
  .v31-page .Frame36,
  .v31-page .Frame43,
  .v31-page .Frame44 {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    margin: 0 0 34px;
    display: flex;
    flex-direction: column;
  }
  .v31-page .Frame10 > .Frame41,
  .v31-page .Frame36 > .Frame41,
  .v31-page .Frame43 > .Frame41,
  .v31-page .Frame44 > .Frame41 {
    position: static !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  .v31-page .Frame10 img,
  .v31-page .Frame36 img,
  .v31-page .Frame43 img,
  .v31-page .Frame44 img {
    order: 0;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 585 / 704;
  }
  .v31-page .Frame10 .Frame40,
  .v31-page .Frame36 .Frame40,
  .v31-page .Frame43 .Frame40,
  .v31-page .Frame44 .Frame40 {
    order: 1;
    width: 100% !important;
    padding: 28px clamp(18px, 4vw, 52px) 34px;
    gap: 12px;
    align-items: flex-start !important;
  }
  .v31-page .Frame36 > .Frame41,
  .v31-page .Frame43 > .Frame41 {
    flex-direction: column-reverse !important;
  }
  .v31-page .Frame10 .Frame40 > div:first-child,
  .v31-page .Frame36 .Frame40 > div:first-child,
  .v31-page .Frame43 .Frame40 > div:first-child,
  .v31-page .Frame44 .Frame40 > div:first-child {
    width: 100% !important;
    text-align: left !important;
    font-size: clamp(24px, 3vw, 35px) !important;
    line-height: 1.12;
  }
  .v31-page .Frame10 .Subtext,
  .v31-page .Frame36 .Subtext,
  .v31-page .Frame43 .Subtext,
  .v31-page .Frame44 .Subtext {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
  }
  .v31-page .Frame10 .Subtext > div,
  .v31-page .Frame36 .Subtext > div,
  .v31-page .Frame43 .Subtext > div,
  .v31-page .Frame44 .Subtext > div {
    width: 100% !important;
    font-size: clamp(15px, 1.65vw, 18px) !important;
    line-height: 1.55;
  }
  .v31-page .Frame42 {
    height: auto !important;
    padding: 52px clamp(18px, 7.5vw, 108px) 80px;
  }
  .v31-page .Frame42 > .Heading5 {
    margin-bottom: 30px;
  }
  .v31-page .Frame14,
  .v31-page .Frame15,
  .v31-page .Frame16,
  .v31-page .Frame17 {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d4af37;
    padding: 22px 0 24px;
  }
  .v31-page .Frame14 > div:nth-child(2),
  .v31-page .Frame15 > div:nth-child(2),
  .v31-page .Frame16 > div:nth-child(2),
  .v31-page .Frame17 > div:nth-child(2) {
    font-size: clamp(28px, 4vw, 40px) !important;
    line-height: 1.05;
  }
  .v31-page .Frame14 .Subtext > div,
  .v31-page .Frame15 .Subtext > div,
  .v31-page .Frame16 .Subtext > div,
  .v31-page .Frame17 .Subtext > div {
    width: 100% !important;
    font-size: clamp(15px, 1.8vw, 20px) !important;
    line-height: 1.45;
  }
  .v31-page .Frame20 {
    aspect-ratio: 1440 / 443;
    margin: 48px 0 0;
  }
  .v31-page .Heading7 {
    margin: 44px 0 32px !important;
  }
  .v31-page .Group1 {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px 24px;
  }
  .v31-page .Group1 > div:not(.Button) {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    gap: 18px !important;
    align-items: flex-start !important;
  }
  .v31-page .Group1 > div:not(.Button) img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 328 / 324;
  }
  .v31-page .Group1 > div:not(.Button) .Frame22 {
    width: 100% !important;
    height: auto !important;
    gap: 12px !important;
  }
  .v31-page .Group1 > div:not(.Button) .Frame22 > div:nth-child(2) {
    font-size: clamp(24px, 3.3vw, 40px) !important;
    line-height: 1.05;
  }
  .v31-page .Group1 > div:not(.Button) .Subtext,
  .v31-page .Group1 > div:not(.Button) .Subtext > div {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    font-size: clamp(15px, 1.8vw, 30px) !important;
    line-height: 1.35;
  }
  .v31-page .Group1 > .Button {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 / -1;
    width: min(100%, 391px) !important;
    height: 66px !important;
    margin-top: 10px;
  }
  .v31-page .Heading8,
  .v31-page .Frame30,
  .v31-page .Frame31,
  .v31-page .Frame32,
  .v31-page .Frame33,
  .v31-page .Frame34,
  .v31-page .Frame35,
  .v31-page .Frame9 > .Subtext,
  .v31-page .Frame9 > .Button {
    position: relative !important;
    inset: auto !important;
  }
  .v31-page .Heading8 {
    width: 100% !important;
    height: auto !important;
    margin: 72px 0 30px;
  }
  .v31-page .Frame9 > .Subtext {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 28px;
  }
  .v31-page .Frame9 > .Subtext > div {
    width: 100% !important;
    font-size: clamp(16px, 2vw, 30px) !important;
    line-height: 1.45;
  }
  .v31-page .Frame9 > .Button {
    width: min(100%, 391px) !important;
    height: 66px !important;
    margin-bottom: 72px;
  }
  .v31-page .Frame30,
  .v31-page .Frame31,
  .v31-page .Frame32,
  .v31-page .Frame33,
  .v31-page .Frame34 {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .v31-page .Frame29 {
    width: 100% !important;
  }
  .v31-page .Frame34 {
    height: auto !important;
  }
  .v31-page .Frame34 .Frame29 {
    height: 150px !important;
  }
  .v31-page .Frame35 {
    width: 100% !important;
    height: auto !important;
    min-height: 220px;
    margin-top: 52px;
    padding: 20px 0 30px;
    border-top: 1px solid #d4af37;
  }
  .v31-page .Frame35 img,
  .v31-page .Frame35 > .Subtext {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    width: min(100%, 240px) !important;
    margin: 0 0 20px;
  }
  .v31-page .Frame35 > .Subtext > div {
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.45;
  }
  .v31-page .Sample3 {
    height: auto !important;
    min-height: 360px;
    padding: 36px 18px;
  }
  .v31-page .Sample3 > .Frame42 {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
  }
  .v31-page .Sample3 img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 22px;
  }
}
@media (max-width: 680px) {
  .v31-page .Frame9,
  .v31-page .Frame42 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .v31-page .Heading4 > div,
  .v31-page .Heading5 > div,
  .v31-page .Heading7 > div,
  .v31-page .Heading8 > div {
    font-size: clamp(32px, 9vw, 48px) !important;
  }
  .v31-page .Group1 {
    display: flex;
    flex-direction: column;
    gap: 38px;
  }
  .v31-page .Group1 > .Button {
    width: 100% !important;
  }
  .v31-page .Frame10 .Frame40,
  .v31-page .Frame36 .Frame40,
  .v31-page .Frame43 .Frame40,
  .v31-page .Frame44 .Frame40 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .v31-page .Frame2 {
    justify-content: center;
  }
  .v31-page .Frame2 img {
    width: 170px !important;
  }
  .v31-page .v31-hero-copy {
    left: 7.5%;
    top: 18%;
    width: 84%;
  }
  .v31-page .Frame3 {
    aspect-ratio: auto;
    min-height: 420px;
  }
  .v31-page .v31-hero-copy h1 {
    font-size: clamp(47px, 12vw, 68px);
  }
  .v31-page .v31-hero-copy p {
    margin: 22px 0 22px;
    font-size: clamp(16px, 4.5vw, 21px);
  }
  .v31-page .v31-hero-cta {
    min-width: 0;
    width: min(100%, 360px);
    min-height: 58px;
    font-size: 14px;
    letter-spacing: 0.12em;
  }
  .v31-page .Sample3 {
    min-height: 260px;
    padding: 24px 12px;
  }
}
@media (max-width: 1439px) {
  .v31-page .Frame42 {
    display: flex;
    flex-direction: column;
  }
  .v31-page .Frame42 > [data-node-id="274-222"] {
    order: 1;
  }
  .v31-page .Frame42 > [data-node-id="274-224"],
  .v31-page .Frame42 > [data-node-id="274-229"],
  .v31-page .Frame42 > [data-node-id="274-234"],
  .v31-page .Frame42 > [data-node-id="274-239"] {
    order: 2;
  }
  .v31-page .Frame42 > .Sample3 {
    order: 3;
  }
  .v31-page .Frame42 > [data-node-id="274-264"] {
    order: 4;
  }
  .v31-page .Frame42 > [data-node-id="274-267"] {
    order: 5;
  }
  .v31-page .Frame42 > [data-node-id="274-252"] {
    order: 6;
  }
  .v31-page .Frame42 > [data-node-id="436-3"] {
    order: 7;
  }
  .v31-page .Frame42 > [data-node-id="436-5"] {
    order: 8;
  }
  .v31-page .Frame42 > [data-node-id="274-311"] {
    order: 9;
  }
  .v31-page .Frame42 > [data-node-id="274-254"] {
    order: 10;
  }
  .v31-page .Frame42 > [data-node-id="274-260"] {
    order: 11;
  }
  .v31-page .Frame42 > [data-node-id="274-314"],
  .v31-page .Frame42 > [data-node-id="274-317"],
  .v31-page .Frame42 > [data-node-id="274-321"],
  .v31-page .Frame42 > [data-node-id="274-325"],
  .v31-page .Frame42 > [data-node-id="274-331"] {
    order: 12;
  }
  .v31-page .Frame42 > .v31-contact-submit {
    order: 13;
  }
  .v31-page .Frame42 > .v31-contact-status {
    order: 14;
  }
  .v31-page .Frame42 > [data-node-id="274-335"] {
    order: 15;
  }
  .v31-page .Frame42 > .v31-contact-form {
    display: flex !important;
    flex-direction: column;
    order: 12;
    width: 100%;
  }
  .v31-page .Frame42 > [data-node-id="274-262"] {
    display: none !important;
  }
  .v31-page .Frame42 > [data-node-id="274-252"],
  .v31-page .Frame42 > [data-node-id="436-3"],
  .v31-page .Frame42 > [data-node-id="274-254"] {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 0 22px;
  }
  .v31-page .Frame42 > [data-node-id="274-252"] > div,
  .v31-page .Frame42 > [data-node-id="436-3"] > div,
  .v31-page .Frame42 > [data-node-id="274-254"] > div {
    width: 100% !important;
    font-size: clamp(16px, 2vw, 30px) !important;
    line-height: 1.45;
  }
  .v31-page .Frame42 > [data-node-id="274-260"],
  .v31-page .Frame42 > [data-node-id="274-262"] {
    position: relative !important;
    inset: auto !important;
    width: min(100%, 391px) !important;
    height: 66px !important;
    margin: 0 0 28px;
  }
  .v31-page .Frame42 > [data-node-id="274-260"] > div,
  .v31-page .Frame42 > [data-node-id="274-262"] > div {
    position: static !important;
    padding: 19px 22px;
    font-size: 18px !important;
    text-align: center;
  }
  .v31-page .Frame42 > [data-node-id="274-311"] {
    width: 100% !important;
    height: auto !important;
    margin: 70px 0 28px;
  }
  .v31-page .Frame42 > [data-node-id="274-335"] {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
  }
}

/* client/src/figma-v31-semantic.css */
.v31-page .Frame6.v31-intro-section,
.v31-page .Frame20.v31-attitude-section {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.v31-page .Frame6.v31-intro-section {
  background-image: url(/assets-v31/nydeco-founder-user-stone-texture.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.v31-page .Frame20.v31-attitude-section {
  background-image: url(/assets-v31/nydeco-v31-attitude-text-free.png);
}
.v31-intro-copy {
  position: absolute;
  left: 50.3%;
  top: 9.1%;
  width: 42%;
  color: #fff;
}
.v31-founder-portrait {
  position: absolute;
  left: 8.1%;
  top: 14.8%;
  width: 38.6%;
  height: auto;
  aspect-ratio: 556 / 562;
  object-fit: cover;
}
.v31-intro-copy h2,
.v31-attitude-section h2,
.v31-contact-intro h2 {
  margin: 0;
  color: #d4af37;
  font-family:
    "Noto Serif",
    Georgia,
    serif;
  font-weight: 900;
}
.v31-intro-copy h2 {
  font-size: clamp(54px, 5.15vw, 78px);
  letter-spacing: -0.045em;
  line-height: 1.02;
}
.v31-intro-body {
  margin-top: 42px;
  font-size: clamp(16px, 1.28vw, 20px);
  line-height: 1.72;
}
.v31-intro-body p {
  margin: 0 0 18px;
}
.v31-intro-body strong {
  font-weight: 800;
}
.v31-attitude-section h2 {
  position: absolute;
  left: 7.5%;
  top: 8%;
  font-size: clamp(58px, 6.25vw, 90px);
  letter-spacing: -0.05em;
  line-height: 1;
}
.v31-attitude-divider,
.v31-contact-strip-divider {
  height: 2px;
  background: #d4af37;
}
.v31-attitude-divider {
  position: absolute;
  left: 7.5%;
  right: 7.5%;
  top: 26%;
}
.v31-contact-intro {
  color: #fff;
}
.v31-contact-intro h2 {
  font-size: clamp(48px, 5.6vw, 82px);
  letter-spacing: -0.045em;
  line-height: 1;
}
.v31-contact-strip-divider {
  width: 100%;
  margin-top: 8px;
}
.v31-contact-intro p {
  margin: 24px 0 0;
  color: #fff;
  font-family:
    Inter,
    Arial,
    sans-serif;
  font-size: 20px;
  line-height: 1.35;
}
@media (max-width: 1439px) {
  .v31-page .Frame6.v31-intro-section,
  .v31-page .Frame20.v31-attitude-section {
    background-size: cover;
  }
  .v31-page .Frame6.v31-intro-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .v31-page .v31-intro-copy {
    left: 52%;
    top: 4.5%;
    width: 43%;
  }
  .v31-page .v31-founder-portrait {
    left: 7.5%;
    top: 10%;
    width: 40%;
  }
  .v31-page .v31-intro-copy h2 {
    font-size: clamp(38px, 5.4vw, 70px);
  }
  .v31-page .v31-intro-body {
    margin-top: 28px;
    font-size: clamp(14px, 1.55vw, 18px);
    line-height: 1.58;
  }
  .v31-page .v31-attitude-section h2 {
    left: 7.5%;
    top: 8%;
    font-size: clamp(46px, 6.5vw, 82px);
  }
  .v31-page .v31-contact-intro {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 200px;
    padding: 12px 0 20px;
  }
  .v31-page .v31-contact-intro h2 {
    font-size: clamp(38px, 6vw, 70px);
  }
  .v31-page .v31-contact-intro p {
    font-size: clamp(15px, 1.8vw, 20px);
    overflow: visible;
    white-space: normal;
  }
  .v31-page .Sample3 .Frame42 {
    position: relative !important;
  }
  .v31-page .Sample3 .v31-contact-intro + .Frame46 {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
  }
}
@media (max-width: 680px) {
  .v31-page .Frame6.v31-intro-section {
    min-height: 920px !important;
    aspect-ratio: auto;
    background-size: cover;
    background-position: center;
  }
  .v31-page .v31-founder-portrait {
    left: 9%;
    top: 6%;
    width: 82%;
  }
  .v31-page .v31-intro-copy {
    left: 9%;
    top: 52%;
    width: 82%;
  }
  .v31-page .v31-intro-copy h2 {
    font-size: clamp(40px, 11vw, 62px);
  }
  .v31-page .v31-intro-body {
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.55;
  }
  .v31-page .Frame20.v31-attitude-section {
    min-height: 180px !important;
    background-size: cover;
    background-position: center;
  }
  .v31-page .v31-attitude-section h2 {
    left: 9%;
    top: 18%;
    font-size: clamp(40px, 11vw, 60px);
  }
  .v31-page .v31-attitude-divider {
    left: 9%;
    right: 9%;
    top: 55%;
  }
  .v31-page .v31-contact-intro {
    min-height: 150px;
    padding: 6px 0 18px;
  }
  .v31-page .v31-contact-intro h2 {
    font-size: clamp(34px, 9vw, 52px);
  }
  .v31-page .v31-contact-intro p {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.45;
  }
}

/* client/src/figma-v31-overlap-fix.css */
.v31-page .Heading8 {
  position: relative !important;
  inset: auto !important;
  width: min(100%, 941px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 72px auto 28px !important;
}
.v31-page .Heading8 > div {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  white-space: normal !important;
  line-height: 0.96 !important;
}
.v31-page .Frame9 > .Subtext {
  position: relative !important;
  inset: auto !important;
  width: min(100%, 941px) !important;
  height: auto !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
}
.v31-page .Frame9 > .Subtext > div {
  width: 100% !important;
  height: auto !important;
  line-height: 1.45 !important;
}
@media (min-width: 1440px) {
  .v31-page .Frame9 > .Frame42 > .Heading7 {
    position: absolute !important;
    inset: auto !important;
    left: 52px !important;
    top: 2303px !important;
    width: 1336px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 34px !important;
    box-sizing: border-box !important;
    display: block !important;
    border-bottom: 2px solid #d4af37 !important;
  }
  .v31-page .Frame9 > .Frame42 > .Heading7 > div {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    font-size: 90px !important;
    line-height: 0.98 !important;
    white-space: normal !important;
  }
  .v31-page .Frame9 > .Frame42 > .Heading7 .v31-projects-title > span {
    display: block !important;
  }
  .v31-page .Frame9 > .Frame42 > .Heading8 {
    position: absolute !important;
    inset: auto !important;
    left: 388px !important;
    top: 4816px !important;
    width: 941px !important;
    height: 162px !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .v31-page .Frame9 > .Frame42 > .Heading8 > div {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    white-space: normal !important;
    line-height: 0.96 !important;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .v31-page .Group1 {
    width: min(100%, 1162px) !important;
    margin-inline: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: clamp(72px, 6.45vw, 89px) !important;
    row-gap: 75px !important;
  }
  .v31-page .Group1 > div:not(.Button) {
    order: 0;
  }
  .v31-page .Group1 > .Button {
    order: 1;
    grid-row: 3;
    justify-self: start;
  }
  .v31-page .Group1 > [data-node-id="274-290"] {
    gap: 26px !important;
  }
  .v31-page .Group1 > [data-node-id="274-297"],
  .v31-page .Group1 > [data-node-id="274-304"] {
    gap: 26px !important;
  }
  .v31-page .Group1 > [data-node-id="274-304"] {
    margin-top: 0 !important;
  }
  .v31-page .Group1 > [data-node-id="274-297"] .Frame22 {
    gap: 21px !important;
  }
}
.v31-page .v31-intro-copy,
.v31-page .v31-contact-intro {
  box-sizing: border-box;
}
.v31-contact-form {
  display: contents;
}
.v31-contact-field .Frame29 {
  display: flex;
  align-items: stretch;
}
.v31-contact-field input,
.v31-contact-field textarea {
  width: 100%;
  min-width: 0;
  height: 100%;
  border: 0;
  border-radius: 0;
  outline: 0;
  resize: none;
  background: transparent;
  color: #fff;
  font-family:
    "Noto Sans Symbols 2",
    Inter,
    Arial,
    sans-serif;
  font-size: 18px;
  line-height: 1.35;
  padding: 10px 12px;
}
.v31-contact-field textarea {
  padding-top: 12px;
}
.v31-contact-field input:focus,
.v31-contact-field textarea:focus {
  box-shadow: inset 0 0 0 2px #fff;
}
.v31-contact-submit {
  position: absolute;
  top: 5922px;
  left: 564px;
  width: 764px;
  min-height: 66px;
  border: 0;
  background: #d4af37;
  color: #0d0d0d;
  cursor: pointer;
  font-family:
    Inter,
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.14em;
  transition: filter 180ms ease, transform 180ms ease;
}
.v31-contact-submit:hover:not(:disabled) {
  filter: brightness(1.08);
  transform: translateY(-2px);
}
.v31-contact-submit:active:not(:disabled) {
  transform: scale(0.99);
}
.v31-contact-submit:disabled {
  cursor: wait;
  opacity: 0.72;
}
.v31-contact-status {
  position: absolute;
  top: 5998px;
  left: 564px;
  width: 764px;
  margin: 0;
  color: #bfe7c4;
  font-family:
    Inter,
    Arial,
    sans-serif;
  font-size: 15px;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
}
.v31-contact-status.is-visible {
  opacity: 1;
}
.v31-contact-status.is-error {
  color: #ffc5c5;
}
@media (min-width: 1440px) {
  .v31-page .Frame42 > .Sample3 {
    top: 709px !important;
  }
  .v31-page .v31-intro-copy {
    max-width: 560px;
  }
  .v31-page .v31-contact-intro {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 !important;
  }
  .v31-page .v31-contact-intro h2 {
    align-self: center;
    font-size: 90px;
    line-height: 0.98;
    text-align: center;
    white-space: nowrap;
  }
  .v31-page .v31-contact-strip-divider {
    display: none;
  }
  .v31-page .v31-contact-intro p {
    max-width: none;
    margin-top: 46px;
    font-size: 24px;
    line-height: 1.35;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
  }
}
@media (max-width: 1439px) {
  .v31-page .Frame6.v31-intro-section {
    aspect-ratio: auto !important;
    min-height: 1260px !important;
    height: auto !important;
    padding: 0 0 56px;
  }
  .v31-page .v31-intro-copy {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 43% !important;
    margin: 0 5% 0 auto;
    padding-top: 5%;
  }
  .v31-page .v31-intro-body {
    max-width: 100%;
  }
  .v31-page .v31-contact-intro {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 28px 0 30px !important;
    overflow: visible !important;
  }
  .v31-page .v31-contact-intro h2 {
    line-height: 1;
  }
  .v31-page .v31-contact-strip-divider {
    margin-top: 12px;
  }
  .v31-page .v31-contact-intro p {
    max-width: 100%;
    margin-top: 18px;
    line-height: 1.45;
  }
  .v31-contact-submit,
  .v31-contact-status {
    position: relative;
    inset: auto;
    width: 100%;
  }
  .v31-contact-submit {
    min-height: 58px;
    margin: 8px 0 0;
  }
  .v31-contact-status {
    min-height: 22px;
    margin-top: 12px;
    font-size: 14px;
  }
}
@media (max-width: 680px) {
  .v31-page .Heading8 {
    width: 100% !important;
    margin: 56px 0 28px !important;
  }
  .v31-page .Heading8 > div {
    line-height: 0.98 !important;
  }
  .v31-page .Frame9 > .Subtext {
    width: 100% !important;
    margin-bottom: 24px !important;
  }
  .v31-page .Frame6.v31-intro-section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    min-height: 980px !important;
    padding: 0 !important;
    background-size: cover;
    background-position: center top;
  }
  .v31-page .v31-intro-copy {
    width: 100% !important;
    margin: 0 !important;
    padding: 34px 9% 42px;
    background:
      linear-gradient(
        180deg,
        rgba(13, 13, 13, 0.02),
        rgba(13, 13, 13, 0.9) 20%);
  }
  .v31-page .v31-intro-copy h2 {
    line-height: 0.98;
  }
  .v31-page .v31-intro-body {
    margin-top: 20px;
    line-height: 1.5;
  }
  .v31-page .v31-contact-intro {
    padding: 24px 0 26px !important;
  }
  .v31-page .v31-contact-intro h2 {
    line-height: 0.98;
  }
  .v31-page .v31-contact-intro p {
    margin-top: 16px;
    line-height: 1.45;
  }
}
@media (min-width: 1440px) {
  .v31-page .Frame3 {
    background-size: auto 100%;
    background-position: right top;
  }
  .v31-page .v31-hero-copy h1 {
    font-family:
      "Noto Serif",
      Georgia,
      serif !important;
    font-size: clamp(66px, 5.7vw, 82px);
    font-weight: 700 !important;
    letter-spacing: -0.035em;
  }
  .v31-page .v31-hero-copy p {
    max-width: 400px;
    font-size: 24px;
    line-height: 1.38;
  }
  .v31-page .v31-hero-cta {
    width: 383px;
    min-width: 0;
    min-height: 86px;
  }
  .v31-page .Frame10 .Frame40 > div:first-child {
    font-family:
      "Noto Serif",
      Georgia,
      serif !important;
    font-weight: 700 !important;
    text-align: left !important;
    padding-left: 46px;
  }
  .v31-page .Frame14,
  .v31-page .Frame15,
  .v31-page .Frame16,
  .v31-page .Frame17,
  .v31-page .Frame14 .Subtext > div,
  .v31-page .Frame15 .Subtext > div,
  .v31-page .Frame16 .Subtext > div,
  .v31-page .Frame17 .Subtext > div {
    font-family:
      "Noto Serif",
      Georgia,
      serif !important;
  }
  .v31-page .Frame14 > div:first-child,
  .v31-page .Frame15 > div:first-child,
  .v31-page .Frame16 > div:first-child,
  .v31-page .Frame17 > div:first-child {
    letter-spacing: 0.08em;
  }
  .v31-page .Frame14 .Subtext,
  .v31-page .Frame15 .Subtext,
  .v31-page .Frame16 .Subtext,
  .v31-page .Frame17 .Subtext {
    padding-top: 18px;
  }
  .v31-page .Frame14 > div:nth-child(2),
  .v31-page .Frame15 > div:nth-child(2),
  .v31-page .Frame16 > div:nth-child(2),
  .v31-page .Frame17 > div:nth-child(2) {
    font-weight: 700 !important;
  }
  .v31-page .v31-attitude-divider {
    top: 31%;
  }
  .v31-page .Frame9 > .Frame42 > .Heading7 {
    left: 105px !important;
    width: 1195px !important;
  }
  .v31-page .Frame9 > .Frame42 > .Heading7 > div {
    font-family:
      "Noto Serif",
      Georgia,
      serif !important;
    font-weight: 700 !important;
    text-align: left !important;
  }
  .v31-page .Group1 > .Button,
  .v31-page .Frame42 > [data-node-id="274-260"] {
    width: 255px !important;
    height: 60px !important;
    min-height: 60px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .v31-page .Group1 > .Button > div,
  .v31-page .Frame42 > [data-node-id="274-260"] > div {
    position: static !important;
    inset: auto !important;
    font-family:
      "Noto Serif",
      Georgia,
      serif !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
  }
}
@media (min-width: 681px) and (max-width: 1439px) {
  .v31-page .Frame3 {
    background-size: auto 100%;
    background-position: right top;
  }
  .v31-page .v31-hero-cta {
    min-height: 72px;
  }
  .v31-page .Frame10 .Frame40 > div:first-child {
    text-align: left !important;
  }
  .v31-page .v31-attitude-divider {
    top: 31%;
  }
}

/* client/src/figma-v31-motion.css */
:root {
  --v31-ease-out:cubic-bezier(.22,1,.36,1);
}
.v31-page .Frame2 img {
  animation: v31-logo-in .7s var(--v31-ease-out) both;
}
.v31-page .v31-hero-copy h1,
.v31-page .v31-hero-copy p,
.v31-page .v31-hero-cta {
  animation: v31-hero-in .85s var(--v31-ease-out) both;
}
.v31-page .v31-hero-copy p {
  animation-delay: .12s;
}
.v31-page .v31-hero-cta {
  animation-delay: .22s;
}
.v31-page .v31-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s var(--v31-ease-out) var(--v31-delay,0ms), transform .7s var(--v31-ease-out) var(--v31-delay,0ms);
}
.v31-page .v31-reveal.is-revealed {
  opacity: 1;
  transform: none;
}
.v31-page .Frame10 img,
.v31-page .Frame36 img,
.v31-page .Frame43 img,
.v31-page .Frame44 img,
.v31-page .Group1 img,
.v31-page .Sample3 img {
  transition: transform .65s var(--v31-ease-out), filter .65s ease;
}
.v31-page .Frame10:hover img,
.v31-page .Frame36:hover img,
.v31-page .Frame43:hover img,
.v31-page .Frame44:hover img,
.v31-page .Group1 > div:not(.Button):hover img,
.v31-page .Sample3:hover img {
  transform: scale(1.025);
  filter: brightness(1.04);
}
.v31-page .v31-hero-cta,
.v31-page .Button,
.v31-page .v31-contact-submit {
  transition:
    transform .22s var(--v31-ease-out),
    filter .22s ease,
    box-shadow .22s ease;
}
.v31-page .v31-hero-cta:hover,
.v31-page .Button:hover,
.v31-page .v31-contact-submit:hover:not(:disabled) {
  transform: translateY(-3px);
  filter: brightness(1.08);
  box-shadow: 0 12px 28px rgba(212, 175, 55, .18);
}
@keyframes v31-logo-in {
  from {
    opacity: 0;
    transform: translateY(-14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes v31-hero-in {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion:reduce) {
  .v31-page *,
  .v31-page *:before,
  .v31-page *:after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
  .v31-page .v31-reveal {
    opacity: 1;
    transform: none;
  }
}

/* client/src/figma-v31-mobile-fix.css */
@media (max-width: 680px) {
  html:has(.v31-page),
  body:has(.v31-page),
  #root:has(.v31-page) {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
  }
  .v31-page *,
  .v31-page *::before,
  .v31-page *::after {
    box-sizing: border-box;
  }
  .v31-page .v31-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .v31-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .v31-page .Frame2 {
    height: 92px !important;
    min-height: 92px;
    padding: 0 22px !important;
    justify-content: flex-start !important;
  }
  .v31-page .Frame2 img {
    width: 166px !important;
    max-width: 48vw;
  }
  .v31-page .Frame3 {
    min-height: 560px !important;
    background-position: 64% center !important;
    background-size: cover !important;
  }
  .v31-page .v31-hero-copy {
    left: 24px !important;
    right: 24px !important;
    top: auto !important;
    bottom: 28px !important;
    width: auto !important;
    padding: 24px;
    background:
      linear-gradient(
        135deg,
        rgba(13, 13, 13, .94),
        rgba(13, 13, 13, .72));
    backdrop-filter: blur(2px);
  }
  .v31-page .v31-hero-copy h1 {
    font-size: clamp(46px, 14vw, 60px) !important;
    line-height: .93 !important;
  }
  .v31-page .v31-hero-copy p {
    margin: 18px 0 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
  .v31-page .v31-hero-cta {
    width: 100% !important;
    min-height: 52px !important;
    padding: 14px 16px !important;
    font-size: 13px !important;
  }
  .v31-page .Frame6.v31-intro-section {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 410px 0 0 !important;
    background-position: 38% top !important;
    background-size: auto 430px !important;
    background-color: #0d0d0d;
  }
  .v31-page .v31-founder-portrait {
    left: 7% !important;
    top: 34px !important;
    width: 45% !important;
    height: auto !important;
  }
  .v31-page .v31-intro-copy {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 38px 24px 48px !important;
    background: #0d0d0d !important;
  }
  .v31-page .v31-intro-copy h2 {
    font-size: clamp(38px, 11.5vw, 50px) !important;
    line-height: .98 !important;
    overflow-wrap: anywhere;
  }
  .v31-page .v31-intro-body {
    margin-top: 26px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
  .v31-page .Frame9,
  .v31-page .Frame42 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .v31-page .Frame9 {
    padding-top: 48px !important;
  }
  .v31-page .Heading4,
  .v31-page .Heading5,
  .v31-page .Heading7,
  .v31-page .Heading8 {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .v31-page .Heading4 > div,
  .v31-page .Heading5 > div,
  .v31-page .Heading7 > div,
  .v31-page .Heading8 > div {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(30px, 9.2vw, 40px) !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
  }
  .v31-page .v31-projects-title > span {
    display: inline !important;
  }
  .v31-page .Frame10,
  .v31-page .Frame36,
  .v31-page .Frame43,
  .v31-page .Frame44 {
    margin-bottom: 28px !important;
    border: 1px solid rgba(212, 175, 55, .22);
  }
  .v31-page .Frame10 img,
  .v31-page .Frame36 img,
  .v31-page .Frame43 img,
  .v31-page .Frame44 img {
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
  }
  .v31-page .Frame10 .Frame40,
  .v31-page .Frame36 .Frame40,
  .v31-page .Frame43 .Frame40,
  .v31-page .Frame44 .Frame40 {
    padding: 26px 20px 30px !important;
  }
  .v31-page .Frame10 .Frame40 > div:first-child,
  .v31-page .Frame36 .Frame40 > div:first-child,
  .v31-page .Frame43 .Frame40 > div:first-child,
  .v31-page .Frame44 .Frame40 > div:first-child {
    font-size: 27px !important;
    line-height: 1.15 !important;
  }
  .v31-page .Frame10 .Subtext > div,
  .v31-page .Frame36 .Subtext > div,
  .v31-page .Frame43 .Subtext > div,
  .v31-page .Frame44 .Subtext > div {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
  .v31-page .Frame14,
  .v31-page .Frame15,
  .v31-page .Frame16,
  .v31-page .Frame17 {
    width: 100% !important;
    padding: 18px 0 20px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, .42);
  }
  .v31-page .Frame14 .Subtext > div,
  .v31-page .Frame15 .Subtext > div,
  .v31-page .Frame16 .Subtext > div,
  .v31-page .Frame17 .Subtext > div {
    width: 100% !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  .v31-page .Sample3 {
    padding: 30px 0 !important;
  }
  .v31-page .v31-contact-intro {
    padding: 0 0 24px !important;
  }
  .v31-page .v31-contact-intro h2,
  .v31-page .v31-attitude-section h2 {
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 1 !important;
    overflow-wrap: anywhere;
  }
  .v31-page .Group1 {
    width: 100% !important;
    gap: 34px !important;
  }
  .v31-page .Group1 > div:not(.Button) {
    width: 100% !important;
    gap: 18px !important;
  }
  .v31-page .Group1 img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
  }
  .v31-page .Group1 .Frame22 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 10px !important;
  }
  .v31-page .Group1 .Frame22 > div:nth-child(1),
  .v31-page .Group1 .Frame22 > div:nth-child(2) {
    font-size: 27px !important;
    line-height: 1.15 !important;
  }
  .v31-page .Group1 .Subtext,
  .v31-page .Group1 .Subtext > div {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .v31-page .Frame42 > [data-node-id="274-252"] > div,
  .v31-page .Frame42 > [data-node-id="436-3"] > div,
  .v31-page .Frame42 > [data-node-id="274-254"] > div {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }
  .v31-page .Frame42 > [data-node-id="274-311"] {
    margin-top: 56px !important;
  }
  .v31-page .v31-contact-field {
    width: 100% !important;
    margin-bottom: 16px !important;
  }
  .v31-page .v31-contact-field .Frame29 {
    min-height: 52px !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
  }
  .v31-page .v31-contact-field textarea,
  .v31-page .Frame34 .Frame29 {
    min-height: 132px !important;
  }
  .v31-page .v31-contact-field input,
  .v31-page .v31-contact-field textarea {
    font-size: 16px !important;
    padding: 14px !important;
  }
  .v31-page .v31-contact-submit {
    min-height: 54px !important;
    margin-top: 4px !important;
  }
  .v31-page .Frame35 {
    padding: 28px 0 12px !important;
  }
  .v31-page .Frame35 img {
    width: 170px !important;
  }
}