/* mark3d.css: the stencil plate, 24 Oct 2026. Pairs with mark3d.js.
   Without WebGL, with reduced motion, or with JS off, the same plate stands still:
   a dark steel sheet with the flame cut through it and the orange mark showing in the cut.
   Sized by its parent; the box is square. The numbers below match the live plate at rest. */
.mark3d{position:relative;aspect-ratio:1/1;container-type:size;contain:layout paint;--pw:81.2%;--pw:calc(min(100cqw / 2.62, 100cqh / 1.96) * 2.128)}
.mark3d-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
/* the plate */
.mark3d::before{content:"";position:absolute;left:50%;top:50%;width:var(--pw);aspect-ratio:2/1.26;transform:translate(-50%,-50%);border-radius:2%/3.2%;
  background:linear-gradient(158deg,#2b2b2a 0%,#171716 38%,#121211 62%,#1c1c1b 100%);
  box-shadow:inset 1px 1px 0 rgba(242,242,240,.14),inset -1px -1px 0 rgba(0,0,0,.6),4.8cqw 6.2cqw 3cqw -1cqw rgba(0,0,0,.26);
  transition:opacity .9s cubic-bezier(.22,.8,.2,1)}
/* the mark in the cut */
.mark3d::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--pw) * .8263);aspect-ratio:1180/636;transform:translate(-50%,-50%);background:#E27F22;
  -webkit-mask:url(media/fsi-flame.svg) center/contain no-repeat;mask:url(media/fsi-flame.svg) center/contain no-repeat;
  transition:opacity .9s cubic-bezier(.22,.8,.2,1)}
.mark3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .9s cubic-bezier(.22,.8,.2,1)}
.mark3d.is-live .mark3d-canvas{opacity:1}
.mark3d.is-live::before,.mark3d.is-live::after{opacity:0}
/* a plate that carries a baked still of itself (class has-still, the home's hero-scale plate since R14): the picture is the still plate,
   shown while motion is off and until the first live frame paints, then the live canvas takes over; the drawn fallback stays off */
.mark3d.has-still .mark3d-fallback{opacity:1;transition:opacity .9s cubic-bezier(.22,.8,.2,1)}
.mark3d.has-still.is-live .mark3d-fallback{opacity:0}
.mark3d.has-still::before,.mark3d.has-still::after{display:none}