/* Release poster: the font itself is the artwork, not an illustration of software. */
.font-release{
  background:#EEE9DF;
  color:#20261F;
  --field:#EEE9DF;
  --paper:#EEE9DF;
  --ink:#20261F;
  --ink-dim:#606A57;
  --ink-muted:#51584B;
  --rule:#20261F33;
  padding:0 var(--gutter);
  overflow:hidden;
  perspective:1600px;
  perspective-origin:22% 45%;
}

.release-poster{
  position:relative;
  min-height:680px;
  display:flex;
  align-items:center;
  padding:96px 0 80px;
  isolation:isolate;
}

.release-symbol{
  position:absolute;
  left:-.25em;
  top:50%;
  width:min(40vw, 640px);
  aspect-ratio:1/1;
  display:block;
  transform-origin:65% 50%;
  transform-style:preserve-3d;
  transform:
    perspective(1300px)
    translate3d(0, calc(-50% + var(--finale-y, 0px)), 0)
    rotateX(calc(24deg + var(--finale-rotate-x, 0deg)))
    rotateY(calc(-19deg + var(--finale-rotate-y, 0deg)))
    rotateZ(calc(-6deg + var(--finale-rotate-z, 0deg)))
    scale(calc(0.85 * var(--finale-scale, 1)));
  filter:
    drop-shadow(0 28px 38px rgba(0,0,0,var(--finale-shadow, .58)))
    drop-shadow(0 10px 26px rgba(21,28,16,.24));
  opacity:.99;
  z-index:0;
  pointer-events:none;
  user-select:none;
  isolation:isolate;
  transition:transform .2s linear,filter .25s ease;
  will-change:transform;
}

.release-symbol .download-logo-layer{
  font-size:clamp(240px, 31vw, 620px);
  line-height:1;
}

.release-symbol .download-logo-layer-a{
  color:#a0aa93;
  opacity:.26;
  transform:
    translate3d(24px,28px,-32px)
    rotateX(7deg)
    rotateY(14deg)
    scale(0.995);
  filter:blur(0.2px);
}

.release-symbol .download-logo-layer-b{
  color:color-mix(in srgb, var(--ink) 42%, var(--paper) 58%);
  opacity:.68;
  transform:
    translate3d(9px,11px,-14px)
    rotateX(4deg)
    rotateY(7deg);
}

.release-symbol .download-logo-layer-c{
  color:var(--ink);
  transform:
    translate3d(0,0,0)
    rotateX(0deg)
    rotateY(0deg);
  text-shadow:0 0 38px color-mix(in srgb, var(--ink) 24%, transparent);
}

.release-model{--model-width:clamp(460px,58vw,920px);position:absolute;left:calc(43% - var(--model-width));top:50%;width:var(--model-width);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.release-model canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.release-model-fallback{display:block;text-align:center;font-size:clamp(200px,30vw,520px);line-height:1;color:#59644F}
.release-model.model-ready .release-model-fallback{visibility:hidden}
.release-poster{scroll-margin-top:100px}
@media(max-width:809px){.release-model{position:relative;left:auto;top:auto;transform:none;width:min(115%,560px);margin:0 0 24px -20%}}
.release-copy{margin-left:39%;width:61%;position:relative}
.release-copy h2{font-size:clamp(66px,7.1vw,112px);line-height:.92;letter-spacing:-.02em;text-wrap:balance}
.release-copy h2 span{color:#606A57}
.release-copy>p{font-size:17px;line-height:1.6;margin-top:28px;color:var(--ink-muted);max-width:44ch}
.release-copy>p a{text-decoration-thickness:1px;text-underline-offset:4px}
.release-download{display:flex;justify-content:space-between;align-items:center;gap:28px;width:min(100%,510px);padding:25px 28px;margin-top:38px;background:#293225;color:#F5F2EA;text-decoration:none;font-size:20px;line-height:1.3;border-radius:4px;transition:background .2s,transform .2s}
.release-download svg{width:28px;height:28px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}
.release-download:hover{background:#404E37;transform:translateY(-2px)}
.release-download:hover svg{transform:translateY(3px)}
.release-free{white-space:nowrap}
.release-copy .release-meta{font-size:12px;line-height:1.7;margin-top:16px}
.release-help{border-top:1px solid var(--rule);padding:0;margin:0}
.release-help>summary{display:flex;align-items:center;gap:24px;list-style:none;font-size:17px;padding:28px 0;cursor:pointer;color:var(--ink)}
.release-help>summary::-webkit-details-marker{display:none}
.release-systems{margin-left:auto;color:var(--ink-muted);font-size:13px}
.release-toggle{font-size:26px;line-height:1;transition:transform .2s}
.release-help[open] .release-toggle{transform:rotate(45deg)}
.release-help .platform-guide{margin:0;padding:12px 0 56px;border:0}
.font-release .platform-tabs button[aria-selected=true]{background:#293225;color:#F5F2EA}
.font-release .platform-tabs button:hover{background:#29322512;color:#20261F}
.font-release .platform-tabs button[aria-selected=true]:hover{background:#404E37;color:#fff}
.font-release .platform-top h3{font-size:19px}

@media(max-width:809px){
  .release-poster{min-height:0;display:block;padding:64px 0 48px}
  .release-symbol{
    position:relative;
    left:auto;
    top:auto;
    width:min(520px,70vw);
    margin:0 0 36px -56px;
    transition-duration:.28s;
    transform:
      perspective(1300px)
      translate3d(0, var(--finale-y, 0px), 0)
      rotateX(calc(20deg + var(--finale-rotate-x, 0deg)))
      rotateY(calc(-10deg + var(--finale-rotate-y, 0deg)))
      rotateZ(calc(-4deg + var(--finale-rotate-z, 0deg)))
      scale(calc(0.88 * var(--finale-scale, 1)));
    filter:
      drop-shadow(0 30px 26px rgba(0,0,0,.36));
  }
  .release-symbol .download-logo-layer{font-size:260px;line-height:.9}
  .release-copy{margin-left:0;width:100%}
  .release-copy h2{font-size:clamp(52px,12.5vw,76px)}
  .release-copy>p{font-size:15px;margin-top:24px}
  .release-download{font-size:17px;padding:22px;margin-top:28px;gap:16px}
  .release-systems{font-size:11px}
  .release-help>summary{font-size:15px;gap:12px;padding:24px 0}
  .release-help .platform-guide{padding-bottom:40px}
}

@media(prefers-reduced-motion:reduce){
  .release-download,.release-download svg,.release-toggle{transition:none}
}

/* Smaller download/contact section */
.download h2{font-size:clamp(48px,5.5vw,72px);line-height:.9}
.download .intro{font-size:16px}
.download .download-note{font-size:13px}

/* Dirham symbol inside the release button — match the "10" digit height */
.release-free svg{width:auto;height:.72em;vertical-align:-.04em;margin-right:.18em}