/* FABLEMARQ home — final editorial book treatment. */

/* Official wordmark artwork is cropped to the wordmark; tagline stays real HTML. */
.home-page--simple .simple-brand{
  width:auto;height:auto;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;overflow:visible;
}
.home-page--simple .simple-brand__mark{display:block;width:230px;height:42px;overflow:hidden;line-height:0}
.home-page--simple .simple-brand__mark img{
  display:block;width:230px!important;height:auto!important;max-width:none!important;transform:translateY(-1px);filter:grayscale(1) brightness(2.2) contrast(1.04);
}
.home-page--simple .simple-brand__tagline{
  display:block;margin-top:-2px;color:rgba(244,239,230,.86);font-size:.52rem;font-weight:700;line-height:1;letter-spacing:.29em;white-space:nowrap;
}
.simple-footer-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin-top:15px}
.simple-footer-mark__crop{display:block;width:250px;height:46px;overflow:hidden;line-height:0}
.simple-footer-mark__crop img{display:block;width:250px!important;height:auto!important;max-width:none!important;filter:grayscale(1) brightness(2.1);transform:translateY(-1px)}
.simple-footer-mark__tagline{color:rgba(244,239,230,.82);font-size:.55rem;font-weight:700;letter-spacing:.3em;line-height:1;text-transform:uppercase}

@media(max-width:760px){
  .home-page--simple .simple-brand__mark{width:190px;height:35px}
  .home-page--simple .simple-brand__mark img{width:190px!important}
  .home-page--simple .simple-brand__tagline{font-size:.44rem;letter-spacing:.25em}

  /* Keep the complete narrative still life visible. */
  .simple-hero{
    background-size:auto 91%;
    background-position:71% 50%;
    background-repeat:no-repeat;
    background-color:#020609;
  }
  .simple-hero::before{
    background:linear-gradient(90deg,rgba(1,3,5,.9) 0%,rgba(1,3,5,.7) 33%,rgba(1,3,5,.19) 65%,rgba(1,3,5,.01) 100%),linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 54%,rgba(1,5,8,.38) 100%);
  }

  /* Editorial shelf for the two physical volumes. */
  .simple-worlds{
    overflow:hidden;
    background:radial-gradient(ellipse at 50% 88%,rgba(148,92,38,.29),transparent 39%),linear-gradient(180deg,#031018,#06131b 64%,#030b10);
  }
  .simple-world-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px;
    align-items:end;
    perspective:1300px;
    padding:8px 11px 24px;
    border-bottom:1px solid rgba(229,190,118,.3);
    box-shadow:0 20px 22px -21px rgba(225,176,103,.7);
  }

  /* Front cover: intentionally book-like, never card-like. */
  .simple-world-card{
    width:100%;min-height:0!important;aspect-ratio:.64;
    overflow:visible;
    border-radius:2px;
    border:1px solid rgba(229,190,118,.95);
    background-position:center 43%!important;
    background-size:cover!important;
    transform-style:preserve-3d;
    box-shadow:
      inset 0 0 0 2px rgba(229,190,118,.11),
      inset 0 0 0 6px rgba(4,7,10,.22),
      inset -5px 0 10px rgba(0,0,0,.28),
      0 5px 0 -1px rgba(211,197,164,.86),
      0 8px 0 -2px rgba(116,99,72,.8),
      0 24px 34px rgba(0,0,0,.54);
    isolation:isolate;
  }
  .simple-world-card--kids{
    transform:perspective(1000px) rotateY(5deg) rotateZ(-.25deg);
    background-image:linear-gradient(180deg,rgba(1,5,10,.69) 0%,rgba(1,5,10,.27) 18%,rgba(1,5,10,.02) 39%,rgba(1,5,10,.04) 64%,rgba(1,5,10,.64) 100%),url('../assets/home/fablemarq-kids-world.avif')!important;
  }
  .simple-world-card--gamebooks{
    transform:perspective(1000px) rotateY(-5deg) rotateZ(.25deg);
    background-image:linear-gradient(180deg,rgba(9,3,5,.72) 0%,rgba(9,3,5,.29) 18%,rgba(9,3,5,.02) 39%,rgba(9,3,5,.04) 64%,rgba(7,3,5,.66) 100%),url('../assets/home/fablemarq-gamebooks-world.avif')!important;
  }

  /* Spine. */
  .simple-world-card::before{
    content:"";position:absolute;z-index:4;top:2px;bottom:1px;left:-13px;width:14px;
    border:1px solid rgba(229,190,118,.5);border-right-color:rgba(255,232,183,.4);border-radius:2px 0 0 2px;
    background:linear-gradient(90deg,#03070c 0%,#112139 27%,rgba(229,190,118,.34) 52%,#07101a 100%);
    box-shadow:-6px 5px 11px rgba(0,0,0,.44),inset -2px 0 2px rgba(255,255,255,.06);
    transform-origin:right center;transform:rotateY(-14deg);pointer-events:none;
  }
  .simple-world-card--gamebooks::before{background:linear-gradient(90deg,#060305 0%,#261015 27%,rgba(229,190,118,.32) 52%,#0c0608 100%)}

  /* Paper block and back-cover edge. */
  .simple-world-card::after{
    content:"";position:absolute;z-index:2;top:6px;bottom:5px;right:-10px;width:10px;
    border:1px solid rgba(107,91,65,.58);border-left-color:rgba(242,226,191,.78);border-radius:0 2px 2px 0;
    background:repeating-linear-gradient(180deg,#e7dcc2 0 1px,#c0ad83 1px 2px,#eee3c9 2px 3px);
    box-shadow:5px 4px 10px rgba(0,0,0,.42);transform-origin:left center;transform:rotateY(15deg);pointer-events:none;
  }

  /* Cover typography follows a real book hierarchy: publisher, title, subtitle, artwork, CTA. */
  .simple-world-card__copy{
    position:absolute;z-index:5;inset:0;
    display:flex;flex-direction:column;align-items:center;text-align:center;
    padding:10% 8% 7%;
  }
  .simple-world-card__copy::before{
    content:"FABLEMARQ";
    display:block;margin:0 0 3%;
    color:#f6efe4;font-family:ui-serif,Georgia,'Times New Roman',serif;
    font-size:clamp(.68rem,2.35vw,.98rem);font-weight:700;line-height:1;letter-spacing:.03em;text-shadow:0 2px 9px rgba(0,0,0,.8);
  }
  .simple-world-card h3{
    margin:0;color:#efc978;font-family:ui-serif,Georgia,'Times New Roman',serif;
    font-size:clamp(1.5rem,6.25vw,2.25rem);font-weight:700;line-height:.92;letter-spacing:-.025em;text-transform:uppercase;
    text-shadow:0 3px 12px rgba(0,0,0,.86);
  }
  .simple-world-card p{
    max-width:18ch;min-height:0;margin:4% auto 0;color:#f3eee7;
    font-size:clamp(.64rem,2.28vw,.82rem);font-weight:500;line-height:1.25;text-shadow:0 2px 9px rgba(0,0,0,.84);
  }
  .simple-world-card__cta{
    width:92%;min-width:0;min-height:38px;margin-top:auto;padding:8px 7px;
    display:inline-flex;align-items:center;justify-content:center;
    border:1px solid rgba(229,190,118,.95);border-radius:999px;background:rgba(2,6,10,.68);
    color:#edca82;font-size:clamp(.48rem,1.75vw,.62rem);font-weight:850;letter-spacing:.055em;line-height:1.1;text-transform:uppercase;
    box-shadow:inset 0 0 0 1px rgba(229,190,118,.08),0 3px 10px rgba(0,0,0,.22);
  }
  .simple-world-card__cta::after{margin-left:8px}

  /* Fine gold inner frame makes the cover feel printed, not clickable UI chrome. */
  .simple-world-card__copy::after{
    content:"";position:absolute;inset:6px;z-index:-1;pointer-events:none;
    border:1px solid rgba(229,190,118,.42);
    background:
      linear-gradient(#e5be76,#e5be76) left top/18px 1px no-repeat,
      linear-gradient(#e5be76,#e5be76) left top/1px 18px no-repeat,
      linear-gradient(#e5be76,#e5be76) right top/18px 1px no-repeat,
      linear-gradient(#e5be76,#e5be76) right top/1px 18px no-repeat,
      linear-gradient(#e5be76,#e5be76) left bottom/18px 1px no-repeat,
      linear-gradient(#e5be76,#e5be76) left bottom/1px 18px no-repeat,
      linear-gradient(#e5be76,#e5be76) right bottom/18px 1px no-repeat,
      linear-gradient(#e5be76,#e5be76) right bottom/1px 18px no-repeat;
    opacity:.72;
  }

  .simple-footer-mark__crop{width:210px;height:39px}
  .simple-footer-mark__crop img{width:210px!important}
  .simple-footer-mark__tagline{font-size:.46rem;letter-spacing:.26em}
}

@media(max-width:479px){
  .home-page--simple .site-header .nav{padding-inline:15px}
  .home-page--simple .simple-brand__mark{width:166px;height:31px}
  .home-page--simple .simple-brand__mark img{width:166px!important}
  .home-page--simple .simple-brand__tagline{font-size:.39rem;letter-spacing:.22em}

  .simple-hero{background-size:auto 88%;background-position:72% 50%}
  .simple-worlds>.container{padding-inline:14px}
  .simple-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px;padding:8px 9px 22px}
  .simple-world-card{aspect-ratio:.63;background-position:center 44%!important}
  .simple-world-card::before{left:-10px;width:11px}
  .simple-world-card::after{right:-8px;width:8px}
  .simple-world-card__copy{padding:10% 7% 6.5%}
  .simple-world-card__copy::before{font-size:clamp(.57rem,2.15vw,.72rem)}
  .simple-world-card h3{font-size:clamp(1.18rem,5.6vw,1.55rem)}
  .simple-world-card p{font-size:clamp(.56rem,2.05vw,.68rem);line-height:1.22}
  .simple-world-card__cta{width:94%;min-height:35px;padding:7px 4px;font-size:clamp(.42rem,1.62vw,.54rem)}

  .simple-footer-mark__crop{width:190px;height:35px}
  .simple-footer-mark__crop img{width:190px!important}
  .simple-footer-mark__tagline{font-size:.41rem;letter-spacing:.22em}
}

@media(max-width:339px){
  .home-page--simple .simple-brand__mark{width:150px;height:28px}
  .home-page--simple .simple-brand__mark img{width:150px!important}
  .home-page--simple .simple-brand__tagline{font-size:.35rem;letter-spacing:.18em}
  .simple-hero{background-size:auto 84%;background-position:73% 50%}
  .simple-world-grid{gap:13px;padding-inline:7px}
  .simple-world-card::before{left:-8px;width:9px}
  .simple-world-card::after{right:-6px;width:6px}
  .simple-world-card__copy::before{font-size:.53rem}
  .simple-world-card h3{font-size:1.05rem}
  .simple-world-card p{font-size:.5rem}
  .simple-world-card__cta{font-size:.39rem;letter-spacing:.02em;min-height:32px}
}

@media(hover:hover){
  .simple-world-card--kids:hover{transform:perspective(1000px) rotateY(4deg) translateY(-2px)}
  .simple-world-card--gamebooks:hover{transform:perspective(1000px) rotateY(-4deg) translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){.simple-world-card--kids,.simple-world-card--gamebooks{transform:none!important}}