.full-product {
  overflow: hidden
}
.full-product h1,.full-product h2,.full-product h3 {
  font-family: WenYuan,serif;
  letter-spacing: -.055em;
  line-height: 1.18
}
.full-product h2 {
  font-size: clamp(38px,5vw,70px);
  margin: 16px 0 22px
}
.full-product h3 {
  font-size: clamp(25px,2.5vw,34px);
  margin: 0 0 15px
}
.full-product p {
  line-height: 1.8
}
.full-product-hero {
  padding: 45px 0 95px;
  background: linear-gradient(135deg,rgba(233,238,225,.88),rgba(248,250,243,.86)),url(/site/releases/20261010-114323/media/works-bg-509f996e11ca.webp) center/cover
}
.full-product-hero .backlink {
  display: inline-block;
  border-bottom: 2px solid var(--ink);
  padding: 5px 0;
  font-weight: 800
}
.full-product-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) 340px;
  column-gap: 7%;
  row-gap: 42px;
  align-items: center;
  padding-top: 62px
}
.full-product-identity,.full-product-close-head {
  display: flex;
  align-items: center;
  gap: 17px
}
.full-product-identity img,.full-product-close-head img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border: 3px solid var(--ink);
  box-shadow: 6px 6px 0 var(--sage);
  border-radius: 20px
}
.full-product-identity span,.full-product-close-head span {
  display: block;
  font-size: 14px
}
.full-product-identity strong {
  display: block;
  margin-top: 5px
}
.full-product-hero h1 {
  font-size: clamp(60px,8vw,118px);
  margin: 32px 0 25px;
  overflow-wrap: anywhere
}
.full-product-hero h1 span {
  display: block;
  color: var(--sage);
  font-size: .6em
}
.full-product-hero p {
  font-size: clamp(18px,2vw,25px);
  font-weight: 650;
  max-width: 850px
}
.full-product-logo {
  min-height: 340px;
  display: grid;
  place-items: center;
  border: 3px solid var(--ink);
  background: var(--paper);
  box-shadow: 14px 14px 0 var(--sage);
  transform: rotate(3deg)
}
.full-product-logo img {
  width: min(70%,255px);
  height: auto;
  object-fit: contain
}
.full-product-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
  gap: 15px;
  margin-top: 45px;
  margin-bottom: 45px
}
.full-product-facts>div {
  min-width: 0;
  padding: 18px;
  background: var(--paper);
  border: 2px solid var(--ink);
  box-shadow: 5px 5px 0 var(--sage)
}
.full-product-facts small {
  display: block;
  font-size: 13px;
  margin-bottom: 9px;
  opacity: .7
}
.full-product-facts strong {
  font-size: 17px;
  line-height: 1.5
}
.full-product-video-section {
  padding: 80px 0
}
.full-product-video {
  width: 100%;
  aspect-ratio: 16/9;
  background: #183224;
  border: 8px solid var(--paper);
  box-shadow: 11px 11px 0 var(--sage)
}
.full-product-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0
}
.full-product-intro {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  column-gap: 6%;
  row-gap: 42px;
  padding: 90px 0
}
.full-product-intro .full-product-facts {
  grid-template-columns: 1fr;
  margin: 32px 0 0
}
.full-product-prose {
  font-size: clamp(18px,1.65vw,23px);
  font-weight: 550
}
.full-product-prose p:first-child {
  margin-top: 0
}
.full-product-shot {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  column-gap: 6%;
  row-gap: 42px;
  align-items: center;
  padding: 65px 0
}
.full-product-shot:nth-of-type(even) {
  grid-template-columns: 1.25fr .75fr
}
.full-product-shot:nth-of-type(even) .full-product-shot-copy {
  order: 2
}
.full-product-shot:nth-of-type(even) figure {
  order: 1
}
.full-product-shot-copy p,.full-product-demo p {
  font-size: clamp(17px,1.5vw,21px);
  max-width: 56ch
}
.full-product-shot figure {
  margin: 0;
  background: var(--paper);
  border: 3px solid var(--ink);
  padding: 12px;
  box-shadow: 10px 10px 0 var(--sage)
}
.full-product-shot img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 630px;
  object-fit: contain
}
.full-product-demo {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  column-gap: 5%;
  row-gap: 42px;
  align-items: center;
  padding: 75px 0
}
.full-product-section {
  padding: 90px 0;
  background: var(--mist)
}
.full-product-section:nth-of-type(even) {
  background: var(--cream)
}
.full-product-section .wrap>h2 {
  max-width: 950px
}
.full-product-lead {
  font-size: clamp(17px,1.7vw,22px);
  max-width: 900px;
  margin: 0 0 45px
}
.full-product-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 25px
}
.full-product-card {
  min-width: 0;
  padding: 27px 28px;
  background: var(--paper);
  border: 2px solid var(--ink);
  box-shadow: 7px 7px 0 var(--sage)
}
.full-product-card small {
  display: block;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 800;
  color: #5f7654
}
.full-product-card p {
  font-size: 16px;
  margin: 0
}
.full-product-spotlights {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 25px;
  margin: 0 0 35px
}
.full-product-spotlights .full-product-card:first-child {
  background: #dce7d3
}
.full-product-users {
  background: var(--cream)
}
.full-product-close {
  margin-top: 80px;
  margin-bottom: 110px;
  padding: clamp(28px,5vw,65px);
  border: 3px solid var(--ink);
  background: var(--paper);
  box-shadow: 13px 13px 0 var(--sage)
}
.full-product-close h2 {
  margin: 35px 0 20px
}
.full-product-close p {
  overflow-wrap: anywhere
}
.full-product-close p a {
  text-decoration: underline;
  text-underline-offset: 4px
}
.full-product-close .product-facts {
  padding: 0;
  margin-top: 25px
}
.full-product-close .hero-links {
  margin-top: 37px
}
.download-pending {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  background: var(--mist);
  color: var(--deep);
  cursor: not-allowed
}
.download-pending small {
  font-size: 12px;
  font-weight: 500
}
.full-product-downloads {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 25px;
  margin-top: 35px
}
.full-product-downloads .full-product-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}
.full-product-downloads .hero-links {
  padding-top: 24px;
  margin-top: auto
}
@media(max-width:950px){
.full-product-hero-grid {
  grid-template-columns: 1fr 250px;
  gap: 30px
}
.full-product-logo {
  min-height: 265px
}
.full-product-grid {
  grid-template-columns: repeat(2,minmax(0,1fr))
}
.full-product-intro,.full-product-demo {
  grid-template-columns: 1fr
}
.full-product-shot,.full-product-shot:nth-of-type(even) {
  grid-template-columns: 1fr
}
.full-product-shot:nth-of-type(even) .full-product-shot-copy,.full-product-shot:nth-of-type(even) figure {
  order: initial
}}
@media(max-width:650px){
.full-product-hero {
  padding: 30px 0 65px
}
.full-product-hero-grid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-top: 42px
}
.full-product-identity img,.full-product-close-head img {
  width: 58px;
  height: 58px
}
.full-product-hero h1 {
  font-size: clamp(50px,12vw,80px)
}
.full-product-logo {
  min-height: 230px;
  transform: none
}
.full-product-logo img {
  width: 160px
}
.full-product-facts {
  grid-template-columns: 1fr 1fr
}
.full-product-facts strong {
  font-size: 15px
}
.full-product-video-section,.full-product-intro,.full-product-shot,.full-product-demo {
  padding-top: 50px;
  padding-bottom: 50px
}
.full-product-video {
  border-width: 4px;
  box-shadow: 5px 5px 0 var(--sage)
}
.full-product-section {
  padding: 65px 0
}
.full-product-grid,.full-product-spotlights,.full-product-downloads {
  grid-template-columns: 1fr;
  gap: 20px
}
.full-product-shot figure {
  padding: 5px;
  box-shadow: 5px 5px 0 var(--sage)
}
.full-product-close {
  margin-top: 60px;
  margin-bottom: 80px;
  box-shadow: 7px 7px 0 var(--sage)
}}