:root {
  color-scheme:light;
  --ink:#191b1b;
  --white:#f5f5f1;
  --orange:#ff8c63;
  --muted:#b2b7b4;
  --line:#3d4040;
  --lime:#dce889
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px
}
body {
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
#main:focus {
  outline:none
}
a:focus-visible {
  outline:3px solid currentColor;
  outline-offset:6px
}
.wrap {
  width:min(1320px,calc(100% - 112px));
  margin-inline:auto
}
.dark-shell {
  background:var(--ink);
  color:var(--white);
  overflow:hidden
}
.header {
  padding:30px 0;
  flex-wrap:wrap;
  gap:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line)
}
.brand {
  max-width:100%;
  flex-wrap:wrap;
  display:flex;
  align-items:center;
  gap:15px;
  width:max-content
}
.brand-ash {
  font-size:3.0625rem;
  font-weight:800;
  letter-spacing:-4px;
  line-height:1
}
.brand-dot {
  color:var(--orange)
}
.brand-ventures {
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:2px;
  border-left:1px solid #6c706d;
  padding:12px 0 12px 15px
}
.header nav {
  display:flex;
  align-items:center;
  gap:32px;
  font-size:0.875rem
}
.header nav>a {
  min-height:44px;
  display:inline-flex;
  align-items:center;
  padding-block:10px
}
.header nav a {
  transition:color .2s
}
.header nav a:hover {
  color:var(--orange)
}
.nav-index {
  font-size:0.75rem;
  vertical-align:super;
  color:var(--muted);
  margin-left:6px
}
.nav-contact {
  border:1px solid #656966;
  border-radius:30px;
  padding:12px 19px
}
.nav-contact span {
  margin-left:20px
}
.hero {
  padding-top:42px;
  padding-bottom:40px
}
.hero-kicker {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  justify-content:space-between
}
.eyebrow {
  font-size:0.75rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:1.4px;
  margin:0
}
.hero-kicker .eyebrow {
  color:#c3c8c4
}
.edition {
  font-size:0.75rem;
  color:#9ba09c;
  letter-spacing:2px
}
.hero-main {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:54px 0 46px
}
.hero h1 {
  min-width:0;
  overflow-wrap:anywhere;
  font-size:clamp(4.5rem,9.7vw,9rem);
  line-height:.99;
  letter-spacing:-.065em;
  font-weight:500;
  margin:0;
  position:relative
}
.hero h1 em {
  font-family:Georgia,'Times New Roman',serif;
  color:var(--orange);
  font-weight:400;
  letter-spacing:-.067em
}
.asterisk {
  display:inline-block;
  font-family:Arial,sans-serif;
  color:var(--orange);
  font-size:.54em;
  vertical-align:top;
  margin:12px 0 0 28px;
  line-height:1
}
.hero-aside {
  font-size:1rem;
  line-height:1.6;
  color:var(--muted);
  padding-bottom:5px;
  white-space:nowrap
}
.hero-bottom {
  border-top:1px solid var(--line);
  padding-top:30px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:36px
}
.hero-bottom>p {
  font-size:1rem;
  color:#bec3bf;
  line-height:1.7;
  max-width:390px;
  margin:0
}
.round-link {
  display:flex;
  gap:17px;
  align-items:center;
  font-size:0.875rem
}
.round-arrow {
  width:47px;
  height:47px;
  border:1px solid #6e726e;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:1.4375rem;
  transition:background .2s,color .2s,transform .2s
}
.round-link:hover .round-arrow {
  background:var(--orange);
  border-color:var(--orange);
  color:var(--ink);
  transform:translateY(3px)
}
.ventures {
  padding:78px 0 0
}
.section-heading {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:space-between;
  padding-bottom:22px;
  border-bottom:1px solid #cccfca
}
.secondary {
  color:#626863
}
.venture-intro {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  padding:42px 0 40px
}
.venture-intro h3 {
  font-size:clamp(2.375rem,4.3vw,4rem);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:500;
  margin:0
}
.venture-intro h3 em {
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400
}
.venture-intro>p {
  font-size:1rem;
  line-height:1.7;
  margin:0;
  color:#606662;
  padding-bottom:5px
}
.corta-card {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  border-radius:8px;
  overflow:hidden;
  background:#e9ece4
}
.corta-copy {
  container-type:inline-size;
  min-width:0;
  padding:36px 40px;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
.product-top {
  flex-wrap:wrap;
  gap:10px;
  display:flex;
  width:100%;
  justify-content:space-between;
  align-items:center;
  font-size:0.75rem;
  letter-spacing:1.2px;
  color:#626a5b
}
.product-number {
  font-size:0.75rem
}
.corta-copy h4 {
  font-size:min(4.75rem,27cqi);
  letter-spacing:-5px;
  line-height:1;
  margin:39px 0 25px;
  font-weight:800
}
.corta-headline {
  font-size:clamp(1.75rem,2.6vw,2.375rem);
  font-weight:500;
  line-height:1.14;
  letter-spacing:-1.2px;
  margin:0 0 22px
}
.corta-description {
  max-width:360px;
  font-size:1rem;
  line-height:1.75;
  margin:0 0 26px;
  color:#535e51
}
.product-link {
  max-width:100%;
  display:flex;
  gap:24px;
  align-items:center;
  border-bottom:1px solid #798570;
  padding:5px 0 10px;
  font-size:0.9375rem;
  font-weight:600
}
.product-arrow {
  font-size:1.5625rem;
  transition:transform .2s
}
.product-link:hover .product-arrow {
  transform:translate(3px,-3px)
}
.product-privacy {
  font-size:0.875rem;
  line-height:1.6;
  color:#535e51;
  border-top:1px solid #bec6b7;
  padding-top:20px;
  margin:28px 0 0;
  max-width:360px
}
.corta-mark {
  display:block;
  width:46px;
  height:46px;
  flex:none;
  margin-right:13px
}
.corta-copy h4 {
  max-width:100%;
  flex-wrap:wrap;
  overflow-wrap:anywhere;
  display:flex;
  align-items:center;
  gap:0
}
.corta-art {
  background:#26372e;
  position:relative;
  overflow:hidden;
  min-height:670px;
  padding:26px 25px 0
}
.art-caption {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:space-between;
  color:#dce8d5;
  font-size:0.75rem;
  letter-spacing:1.6px;
  position:relative;
  z-index:2
}
.screens {
  display:flex;
  gap:21px;
  transform:rotate(-9deg);
  position:absolute;
  width:92%;
  left:6%;
  top:95px;
  align-items:flex-start
}
.screen {
  display:block;
  width:51%;
  height:auto;
  border:1px solid #535e53;
  border-radius:16px;
  box-shadow:0 22px 32px #0005
}
.screen-one {
  transform:translateY(22px)
}
.screen-two {
  transform:translateY(145px)
}
.art-footer {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0;
  padding:42px 25px 24px;
  color:#dce8d5;
  font-size:0.75rem;
  letter-spacing:1.6px;
  background:linear-gradient(transparent,#26372e 65%);
  text-align:center
}
.venture-note {
  padding:44px 0 52px;
  display:flex;
  gap:20px;
  align-items:center
}
.note-mark {
  font-size:2.75rem;
  color:#637055
}
.venture-note p {
  font-size:0.9375rem;
  line-height:1.65;
  color:#697064;
  margin:0
}
.venture-note strong {
  color:var(--ink);
  font-weight:500
}
.contact {
  background:var(--orange);
  padding:35px 0 43px
}
.contact-top {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:20px
}
.contact-link {
  gap:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:28px 0 20px
}
.contact h2 {
  min-width:0;
  overflow-wrap:anywhere;
  font-size:clamp(4.375rem,10.5vw,9.375rem);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-.07em;
  margin:0
}
.contact h2 em {
  font-weight:400;
  font-family:Georgia,'Times New Roman',serif
}
.contact-arrow {
  font-size:clamp(4.0625rem,8vw,7.25rem);
  transition:transform .2s
}
.contact-link:hover .contact-arrow {
  transform:translate(8px,-8px)
}
.email {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:0.9375rem;
  border-bottom:1px solid #925840;
  padding-bottom:5px
}
.email:hover {
  border-color:var(--ink)
}
footer {
  background:var(--ink);
  color:var(--white)
}
.footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:30px 0
}
.footer-brand .brand-ash {
  font-size:2.3125rem
}
.footer-brand .brand-ventures {
  font-size:0.75rem;
  letter-spacing:1.5px
}
.footer>p,.legal {
  color:#afb5af;
  font-size:0.75rem
}
.legal {
  display:flex;
  flex-wrap:wrap;
  gap:8px 22px
}
.legal a {
  display:inline-flex;
  align-items:center;
  min-height:44px
}
.legal a:hover {
  text-decoration:underline;
  text-underline-offset:4px
}
.skip {
  position:fixed;
  top:-100px;
  left:20px;
  padding:15px;
  background:var(--orange);
  color:var(--ink);
  z-index:10
}
.skip:focus {
  top:15px
}
@media(min-width:1500px) {
  .hero-main {
  padding:66px 0 62px
}
.hero {
  padding-bottom:45px
}

}
@media(max-width:1100px) {
  .wrap {
  width:calc(100% - 72px)
}
.hero-aside {
  display:none
}
.corta-copy {
  container-type:inline-size;
  min-width:0;
  padding:28px
}
.corta-art {
  min-height:650px
}
.corta-copy h4 {
  font-size:min(4rem,27cqi);
  margin-top:32px
}
.screens {
  width:106%;
  left:-1%;
  top:123px;
  gap:14px
}
.screen {
  width:51%
}
.screen-two {
  transform:translateY(120px)
}

}
@media(max-width:760px) {
  .wrap {
  width:calc(100% - 40px)
}
.header {
  padding:22px 0
}
.brand {
  gap:10px
}
.brand-ash {
  font-size:2.375rem;
  letter-spacing:-3px
}
.brand-ventures {
  font-size:0.75rem;
  letter-spacing:1px;
  padding-left:10px
}
.header nav {
  gap:15px;
  font-size:0.875rem
}
.nav-contact {
  padding:9px 12px
}
.nav-contact span {
  margin-left:5px
}
.nav-index {
  display:none
}
.hero {
  padding-top:29px;
  padding-bottom:30px
}
.hero-kicker .eyebrow {
  font-size:0.75rem;
  letter-spacing:.6px
}
.edition {
  display:none
}
.hero-main {
  padding:43px 0 37px
}
.hero h1 {
  min-width:0;
  overflow-wrap:anywhere;
  font-size:clamp(3.4375rem,12.1vw,5.6875rem)
}
.asterisk {
  margin-left:18px;
  margin-top:8px
}
.hero-bottom {
  align-items:flex-start;
  flex-direction:column-reverse;
  gap:24px;
  padding-top:23px
}
.hero-bottom>p {
  font-size:0.9375rem;
  max-width:350px
}
.round-arrow {
  height:40px;
  width:40px
}
.round-link {
  font-size:0.8125rem
}
.ventures {
  padding-top:43px
}
.eyebrow {
  font-size:0.75rem;
  letter-spacing:.9px
}
.section-heading {
  gap:12px;
  padding-bottom:17px
}
.venture-intro {
  padding:28px 0;
  display:block
}
.venture-intro h3 {
  font-size:2.6875rem
}
.venture-intro>p {
  margin-top:20px;
  font-size:0.9375rem
}
.corta-card {
  grid-template-columns:1fr
}
.corta-copy {
  container-type:inline-size;
  min-width:0;
  padding:27px
}
.corta-copy h4 {
  font-size:min(4.25rem,27cqi);
  margin:31px 0 25px
}
.corta-headline {
  font-size:2.0625rem
}
.corta-description {
  font-size:1rem;
  max-width:440px
}
.corta-art {
  min-height:570px
}
.screens {
  width:85%;
  left:8%;
  top:71px;
  gap:17px
}
.screen {
  width:50%
}
.screen-one {
  transform:translateY(0)
}
.screen-two {
  transform:translateY(95px)
}
.venture-note {
  padding:32px 0 38px;
  gap:15px
}
.venture-note p {
  font-size:0.8125rem
}
.note-mark {
  font-size:2.25rem
}
.contact {
  padding:26px 0 34px
}
.contact-top>span {
  display:none
}
.contact h2 {
  min-width:0;
  overflow-wrap:anywhere;
  font-size:clamp(4rem,14vw,6.25rem)
}
.contact-link {
  padding:31px 0 25px
}
.contact-arrow {
  font-size:3.75rem
}
.email {
  font-size:0.875rem
}
.footer {
  flex-wrap:wrap;
  gap:20px
}
.footer-brand {
  width:100%
}
.footer>p {
  font-size:0.75rem
}
.legal {
  font-size:0.75rem;
  gap:15px
}

}
@media(max-width:390px) {
  .header nav>a:first-child {
  display:none
}
.brand-ventures {
  font-size:0.75rem;
  letter-spacing:.6px
}
.brand {
  gap:8px
}
.hero h1 {
  min-width:0;
  overflow-wrap:anywhere;
  font-size:clamp(2.6rem,13vw,5.6875rem)
}
.asterisk {
  margin-left:10px
}
.corta-art {
  min-height:495px
}
.section-heading .secondary {
  font-size:0.75rem
}
.contact-arrow {
  font-size:3rem
}
.footer {
  gap:12px
}
.legal {
  gap:12px
}

}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
* {
  animation:none!important;
  transition:none!important
}

}


@media (max-width:520px) {
  .header nav>a:first-child { display:none; }
  .email { max-width:100%; overflow-wrap:anywhere; }
}

.corta-copy > * { max-width:100%; }
.corta-headline, .corta-description, .product-privacy { overflow-wrap:anywhere; }