@font-face{font-family:'Cinzel';src:url("/assets/font-1.woff2") format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
  @font-face{font-family:'Liberation Serif';src:url("/assets/font-2.woff2") format('woff2');font-weight:400;font-style:normal;font-display:swap}
  @font-face{font-family:'Liberation Serif';src:url("/assets/font-3.woff2") format('woff2');font-weight:400;font-style:italic;font-display:swap}
  @font-face{font-family:'Liberation Serif';src:url("/assets/font-4.woff2") format('woff2');font-weight:700;font-style:normal;font-display:swap}

  :root{
    --navy:#121C35;
    --navy-deep:#0C1428;
    --navy-raise:#1A2746;
    --gold:#BE9341;
    --gold-light:#E2C27E;
    --gold-dark:#8F6C2B;
    --cream:#F3ECDD;
    --line:rgba(190,147,65,.28);
    --display:'Cinzel',Georgia,serif;
    --body:'Liberation Serif','Times New Roman',Georgia,serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--navy);color:var(--cream);font-family:var(--body);font-size:1.25rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  ::selection{background:var(--gold);color:var(--navy-deep)}
  img{display:block;max-width:100%}
  a{color:inherit}
  .wrap{max-width:68rem;margin:0 auto;padding:0 1.5rem}

  /* embossed gold */
  .gold{color:var(--gold-light)}
  @supports ((-webkit-background-clip:text) or (background-clip:text)){
    .gold{
      background:linear-gradient(175deg,#F1DCA6 0%,var(--gold-light) 22%,var(--gold) 55%,var(--gold-dark) 82%,var(--gold) 100%);
      -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
      filter:drop-shadow(0 2px 1px rgba(0,0,0,.45));
    }
  }

  .amb{position:fixed;inset:0;pointer-events:none;z-index:0;
    background:
      radial-gradient(1100px 620px at 16% -8%, rgba(190,147,65,.08), transparent 62%),
      radial-gradient(700px 700px at 50% 45%, rgba(26,39,70,.55), transparent 72%);}
  header,section,footer{position:relative;z-index:1}

  .label{font-family:var(--display);font-size:1rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}

  .rule{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:16rem;margin:0 auto}
  .rule::before,.rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
  .rule i{width:7px;height:7px;transform:rotate(45deg);background:var(--gold);flex:none}

  /* emblem */
  .emblem{border-radius:50%;background-color:var(--navy-deep);background-size:cover;background-position:center;
    box-shadow:0 0 0 1px rgba(190,147,65,.45),0 14px 40px rgba(0,0,0,.5);margin:0 auto}
  .emblem--lg{width:132px;height:132px}
  .emblem--md{width:96px;height:96px}
  .emblem--sm{width:76px;height:76px}
  .emblem{background-image:url("/assets/wyona-lan-gold-rose-emblem.webp");background-size:contain;background-repeat:no-repeat;background-origin:content-box;padding:1.25rem;display:grid;place-items:center;border:1px solid rgba(190,147,65,.6)}.emblem::after{content:none;font-family:var(--display);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}

  /* photo slots (shown only where a photo has not been added yet) */
  .slot{display:grid;place-items:center;text-align:center;background:var(--navy-raise);border:1px solid rgba(190,147,65,.5);padding:1.25rem}
  .slot span{font-family:var(--display);font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);line-height:1.6}

  /* HERO */
  .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 5rem}
  .hero .label{margin:2.4rem 0 2.6rem}
  .hero h1{font-family:var(--display);font-weight:500;font-size:clamp(2rem,4.8vw,3.7rem);line-height:1.25;letter-spacing:.01em;max-width:17em;text-wrap:balance}
  .hero .sub{margin-top:2.2rem;font-style:italic;font-size:1.45rem}
  .cue{position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%)}
  .cue .label{margin:0;font-size:.95rem}

  .band{padding:6.5rem 0}
  .lead{font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.4;text-align:center;max-width:24em;margin:2.8rem auto 0;text-wrap:balance}
  .quiet{max-width:36rem;margin:2.2rem auto 0;text-align:center}
  .quiet p{margin-bottom:1.2rem}
  .quiet em{color:var(--gold-light)}

  /* BOOKS */
  .books{background:linear-gradient(180deg,var(--navy-deep),var(--navy));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .books-head{text-align:center;margin-bottom:5rem}
  .book{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4.5rem;align-items:center}
  .book + .gallery{margin-top:5rem}
  .gallery + .book{margin-top:7rem;padding-top:7rem;border-top:1px solid var(--line)}
  .book--flip .cover-wrap{order:2}
  .cover-wrap{perspective:1600px}
  .cover{width:100%;max-width:22rem;aspect-ratio:5/8;object-fit:cover;margin:0 auto;border-radius:3px 7px 7px 3px;
    box-shadow:-22px 26px 60px rgba(0,0,0,.6),0 4px 14px rgba(0,0,0,.4);
    transform:rotateY(-8deg) rotateX(1.5deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .book--flip .cover{transform:rotateY(8deg) rotateX(1.5deg);box-shadow:22px 26px 60px rgba(0,0,0,.6),0 4px 14px rgba(0,0,0,.4)}
  .cover-wrap:hover .cover{transform:rotateY(-3deg)}
  .book--flip .cover-wrap:hover .cover{transform:rotateY(3deg)}
  .copy .label{margin-bottom:1.2rem}
  .copy h2{font-family:var(--display);font-weight:600;font-size:clamp(2rem,4.2vw,3rem);line-height:1.12;margin-bottom:1.3rem}
  .copy p{margin-bottom:1.3rem;max-width:32rem}
  .copy .line{font-style:italic;font-size:1.4rem;color:var(--gold-light)}
  .stories{list-style:none;margin:1.6rem 0 2.4rem;max-width:32rem}
  .stories li{display:flex;gap:1.1rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid rgba(190,147,65,.18)}
  .stories li:last-child{border-bottom:none}
  .stories .n{font-family:var(--display);font-size:1.05rem;color:var(--gold);width:2.2rem;flex:none}
  .stories .t{font-size:1.35rem}

  .cta{display:inline-block;font-family:var(--display);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:1.05rem;color:#22190A;
    background:linear-gradient(180deg,#F1DCA6,var(--gold-light) 40%,var(--gold) 100%);padding:1.1rem 2.6rem;border-radius:2px;text-decoration:none;
    box-shadow:0 10px 30px rgba(190,147,65,.28),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 3px rgba(90,70,32,.4);
    transition:transform .25s ease,box-shadow .25s ease}
  .cta:hover,.cta:focus-visible{transform:translateY(-2px);box-shadow:0 16px 40px rgba(190,147,65,.4),inset 0 1px 0 rgba(255,255,255,.6)}
  .cta:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
  .cta-note{margin-top:1rem;font-size:1.1rem}

  /* paintings */
  .gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
  .gallery > :first-child{grid-column:1 / -1}
  .painting{width:100%;aspect-ratio:5/4;object-fit:cover;box-shadow:0 18px 50px rgba(0,0,0,.45);outline:1px solid rgba(190,147,65,.25)}

  .specs{margin-top:6rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4rem .9rem;text-align:center;font-size:1.15rem}
  .specs .sep{color:var(--gold)}
  @media (max-width:560px){.specs{flex-direction:column;align-items:center}.specs .sep{display:none}}

  /* PROMISE */
  .promise{text-align:center}
  .promise p{font-style:italic;font-size:clamp(1.9rem,4.4vw,2.8rem);line-height:1.3;max-width:16em;margin:2.2rem auto 0;text-wrap:balance}

  footer{background:var(--navy-deep);border-top:1px solid var(--line);text-align:center;padding:4.5rem 1.5rem 3.5rem}
  footer .label{margin-top:1.4rem;font-size:.95rem}
  footer .by{font-style:italic;margin-top:1.2rem;font-size:1.3rem}
  footer .copy-r{margin-top:1.8rem;font-size:1rem}

  .js .reveal{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s ease}
  .js .reveal.in{opacity:1;transform:none}

  @media (max-width:820px){
    .book{grid-template-columns:1fr;gap:3rem;text-align:center}
    .book--flip .cover-wrap{order:0}
    .cover,.book--flip .cover{transform:none;max-width:18rem}
    .copy p,.stories{margin-left:auto;margin-right:auto}
    .stories{text-align:left}
    .gallery{grid-template-columns:1fr}
    .band{padding:5rem 0}
  }
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *{transition:none!important;animation:none!important}
    .js .reveal{opacity:1;transform:none}
  }

  /* New product-page components reuse the master palette, type and spacing scale. */
  [hidden]{display:none!important}
  .skip-link{position:absolute;left:1.5rem;top:1.5rem;z-index:10;transform:translateY(-200%);background:var(--cream);color:var(--navy);padding:.85rem 1.1rem}
  .skip-link:focus{transform:none}
  a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
  a,button{-webkit-tap-highlight-color:rgba(226,194,126,.2)}
  .cue{text-decoration:none}
  .book-three .cover,.book-three-art{object-fit:contain}
  .product-page img,.book-three img,.book-three-art{height:auto}
  .product-nav{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.1rem;padding-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
  .product-nav a{text-underline-offset:.3em}
  .product-nav .label{font-size:.95rem}
  .product-nav-links{display:flex;flex-wrap:wrap;gap:.85rem 1.4rem;font-size:1.1rem}
  .product-page .copy h1,.section-title{font-family:var(--display);font-weight:600;font-size:clamp(2rem,4.2vw,3rem);line-height:1.12;margin-bottom:1.3rem;text-wrap:balance}
  .section-title{margin-top:1.2rem}
  .product-page .copy .book-meta{font-size:1.1rem}
  .action-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 1.4rem}
  .product-page .cta,.gift-context .cta{max-width:100%;text-align:center}
  .text-link{text-underline-offset:.3em}
  .center-copy{max-width:36rem;margin:0 auto;text-align:center}
  .center-copy p+p{margin-top:1.3rem}
  .inside-list{margin-left:auto;margin-right:auto}
  .product-gallery{margin-top:5rem}
  .product-gallery figure{min-width:0}
  .product-gallery figcaption{margin-top:1rem;font-size:1.1rem;color:var(--gold-light)}
  .reading{max-width:36rem;margin:0 auto}
  .reading h2{margin-bottom:1.3rem}
  .reading-source{margin-bottom:1.6rem;font-size:1.1rem}
  .reading-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:2.4rem}
  .reading-controls span{font-size:1.1rem}
  .reading-controls button{font:inherit;font-size:1rem;color:var(--cream);border:1px solid var(--gold);background:var(--navy-deep);padding:.85rem 1.1rem;cursor:pointer;border-radius:2px}
  .reading-controls button[aria-pressed="true"]{background:var(--gold-light);color:var(--navy-deep)}
  .excerpt{font-size:1.25rem}
  .excerpt p{margin-bottom:1.2rem}
  .excerpt-end{margin-top:2.4rem;color:var(--gold-light);font-style:italic}
  .edition-grid,.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
  .edition{background:var(--navy-raise);border:1px solid var(--line);padding:2.4rem}
  .edition h3,.related-book h3{font-family:var(--display);font-size:1.4rem;line-height:1.4;margin:1.2rem 0;color:var(--gold-light)}
  .edition p+p{margin-top:1.3rem}
  .release-note{margin:2.4rem auto 0;max-width:36rem;text-align:center}
  .faq{max-width:36rem;margin:0 auto}
  .faq details{border-bottom:1px solid var(--line);padding:1.3rem 0}
  .faq summary{cursor:pointer;color:var(--gold-light);font-size:1.35rem}
  .faq details p{margin-top:1.2rem}
  .related-book{text-align:center;padding:2.4rem 1.5rem;border:1px solid var(--line)}
  .related-book .cover{max-width:18rem;transform:none}
  .related-book .cover-wrap{margin-bottom:2.4rem}
  .related-book .cta{font-size:.95rem;padding:1.1rem 1.5rem}
  .gift-context .cta{margin-top:2.4rem}
  .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem 1.4rem;margin:1.8rem auto 0;max-width:68rem;font-size:1.1rem}
  .product-header{border-bottom:1px solid var(--line)}
  .product-page main:focus{outline:none}
  @media(max-width:820px){
    .product-nav{justify-content:center;text-align:center}
    .product-nav-links{justify-content:center}
    .action-row{justify-content:center}
    .edition-grid,.related-grid{grid-template-columns:1fr}
    .edition{padding:1.5rem}
    .product-header{padding-top:3rem}
  }


/* Requested navy, gilt book presentation and flowing motion, 12 October 2026. */
:root{
  --navy:#1B3762;--navy-deep:#162E55;--navy-raise:#284A77;
  --gold:#DABB78;--gold-light:#F0D9A1;--gold-dark:#C19A52;
  --cream:#F8F1E3;--line:rgba(224,193,126,.30);
}
body{background:var(--navy)}
.amb{background:
  radial-gradient(ellipse at 15% 5%,rgba(85,135,194,.29),transparent 59%),
  radial-gradient(ellipse at 90% 48%,rgba(47,93,155,.23),transparent 65%),
  radial-gradient(ellipse at 50% 95%,rgba(212,177,105,.06),transparent 56%)}
.gold{filter:none}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .gold{background-image:linear-gradient(165deg,#FFF0C5 0%,#F0D9A1 26%,#D2AF69 63%,#C19A52 84%,#ECD39B 100%);filter:none}
}
.books{background:linear-gradient(155deg,#234574 0%,var(--navy) 52%,#1B3964 100%)}
footer{background:linear-gradient(155deg,#203E6A,var(--navy-deep))}
.emblem{
  background-color:#284E83;
  border-color:rgba(240,217,161,.65);
  box-shadow:0 0 0 1px rgba(240,217,161,.12),0 8px 30px rgba(16,42,85,.2),0 0 38px rgba(99,147,210,.13);
}
.painting{box-shadow:0 14px 34px rgba(15,35,74,.24)}
.brand-flow{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.25;letter-spacing:.08em;margin:1.4rem 0 -1.2rem}
.brand-flow .flow-word{white-space:nowrap}
.flow-letter,.flow-word{display:inline-block}
.flow-ready.gold{-webkit-text-fill-color:initial;background:none;color:var(--gold-light)}
.flow-ready.gold .flow-word,.flow-ready.gold .flow-letter{
  color:var(--gold-light);background:linear-gradient(165deg,#FFF0C5,#F0D9A1 32%,#D2AF69 70%,#ECD39B);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.flow-in .flow-word{animation:wyona-word-flow .62s cubic-bezier(.2,.68,.24,1) both;animation-delay:var(--flow-delay,0ms)}
.flow-in .flow-letter{animation:wyona-letter-flow .72s cubic-bezier(.2,.68,.24,1) both;animation-delay:var(--flow-delay,0ms)}
@keyframes wyona-word-flow{
  from{transform:translate3d(0,.27em,0) rotate(-.35deg)}
  to{transform:translate3d(0,0,0) rotate(0)}
}
@keyframes wyona-letter-flow{
  from{transform:translate3d(0,.34em,0) rotate(-2deg)}
  to{transform:translate3d(0,0,0) rotate(0)}
}
/* Content is readable immediately. No loading sequence or hidden paragraphs. */
.js .reveal,.js .reveal.in{opacity:1;transform:none;transition:none}
.motion-toggle{
  position:fixed;right:1rem;bottom:1rem;z-index:20;min-height:44px;
  padding:.55rem .85rem;border:1px solid rgba(240,217,161,.65);border-radius:2px;
  background:#234574;color:var(--cream);font:inherit;font-size:1rem;line-height:1.4;
  cursor:pointer;box-shadow:0 4px 18px rgba(16,42,85,.18);
}
.motion-toggle:hover{background:#30588D}
.motion-toggle:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Covers remain original artwork; the surrounding book is a CSS display model. */
.cover-wrap{perspective:1600px;perspective-origin:50% 43%;padding:1rem 1.1rem 1.4rem}
.book-object{
  --book-depth:1.8rem;position:relative;width:100%;max-width:22rem;
  aspect-ratio:var(--cover-ratio);margin:0 auto;transform-style:preserve-3d;
  transform:rotateX(-3deg) rotateY(-18deg);
}
.book-object::after{
  content:"";position:absolute;left:2%;right:-3%;top:5%;bottom:-1%;
  transform:translateZ(calc(var(--book-depth) / -2 - 3px));
  box-shadow:0 19px 28px rgba(10,31,68,.3);border-radius:3px;
}
.book-front,.book-back{position:absolute;inset:0;border-radius:2px 4px 4px 2px}
.book-front{transform:translateZ(calc(var(--book-depth) / 2));transform-style:preserve-3d;background:var(--navy-deep)}
.book-back{
  transform:translateZ(calc(var(--book-depth) / -2));
  background:linear-gradient(105deg,#1D355D,#31517D);border:1px solid #CCAA65;
}
.book-front .cover,.book--flip .book-front .cover,.related-book .book-front .cover,
.cover-wrap:hover .book-front .cover,.book--flip .cover-wrap:hover .book-front .cover{
  width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain;
  margin:0;border-radius:2px 4px 4px 2px;box-shadow:none;transform:none;transition:none;
}
.book-front::after{
  content:"";position:absolute;inset:2px;pointer-events:none;transform:translateZ(1px);
  border:1px solid #E6C582;border-radius:1px 3px 3px 1px;
  box-shadow:0 0 0 1px rgba(130,88,32,.5),inset 0 0 0 1px rgba(255,240,193,.19);
}
.book-front::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3%;pointer-events:none;
  transform:translateZ(1px);z-index:1;
  background:linear-gradient(90deg,rgba(219,179,100,.23),rgba(16,31,55,.22) 34%,rgba(255,232,167,.13) 72%,transparent);
}
.book-fore-edge,.book-top-edge,.book-bottom-edge,.book-spine{position:absolute;pointer-events:none}
.book-fore-edge{
  left:100%;top:3px;bottom:3px;width:calc(var(--book-depth) - 2px);
  transform-origin:left center;transform:translateZ(calc(var(--book-depth) / 2 - 1px)) rotateY(90deg);
  background:
    repeating-linear-gradient(90deg,rgba(102,64,15,.3) 0 .55px,rgba(255,246,202,.26) .6px 1px,transparent 1.1px 1.7px),
    linear-gradient(90deg,#AE8033 0%,#F5DA88 16%,#FFF0B1 36%,#C9983A 68%,#F3D37D 89%,#AD7F2D 100%);
  border-top:1px solid #F4D88B;border-bottom:1px solid #B98F3C;
}
.book-fore-edge::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(165deg,transparent 20%,rgba(255,249,221,.52) 48%,transparent 72%);
  opacity:.6;
}
.book-top-edge,.book-bottom-edge{
  left:3px;right:1px;height:calc(var(--book-depth) - 2px);transform-origin:center top;
  background:
    repeating-linear-gradient(0deg,rgba(116,77,22,.28) 0 .55px,transparent .7px 1.7px),
    linear-gradient(110deg,#B78936,#F6DFA0 37%,#D5A745 74%,#F6DE98);
}
.book-top-edge{top:3px;transform:translateZ(calc(var(--book-depth) / -2 + 1px)) rotateX(90deg)}
.book-bottom-edge{top:calc(100% - 3px);transform:translateZ(calc(var(--book-depth) / 2 - 1px)) rotateX(-90deg)}
.book-spine{
  left:0;top:0;bottom:0;width:var(--book-depth);transform-origin:left center;
  transform:translateZ(calc(var(--book-depth) / -2)) rotateY(-90deg);
  background:linear-gradient(90deg,#19375F,#345786 45%,#1D3A65);
  border-top:2px solid #DABB78;border-bottom:2px solid #DABB78;
}
.corner-seal{
  position:absolute;left:-1%;top:-.55%;width:18%;aspect-ratio:1;z-index:3;
  transform:translateZ(3px);pointer-events:none;
}
.corner-cap{
  position:absolute;inset:0;clip-path:polygon(0 0,100% 0,0 100%);
  background:linear-gradient(135deg,#FFF0BD 0%,#C39138 22%,#F7DEA0 36%,#BC8B32 50%,#F8DEA0 63%,#A77523 80%);
}
.corner-cap::after{
  content:"";position:absolute;inset:6%;clip-path:polygon(0 0,100% 0,0 100%);
  background:linear-gradient(135deg,transparent 39%,rgba(255,246,214,.85) 40% 41%,transparent 43%);
  border-top:1px solid rgba(255,247,217,.7);border-left:1px solid rgba(255,247,217,.7);
}
.corner-ribbon{
  position:absolute;left:-9%;top:28%;width:105%;height:18%;transform:rotate(-45deg);
  background:linear-gradient(180deg,#B88731,#FFE6AB 21%,#D5AC57 48%,#F5D58F 74%,#A77325);
  border-top:1px solid #F9E5B1;border-bottom:1px solid #B0802F;
  box-shadow:0 2px 2px rgba(98,63,18,.25);
}
.ribbon-bow{position:absolute;left:25%;top:24%;width:29%;height:20%;transform:rotate(-45deg)}
.ribbon-bow::before,.ribbon-bow::after{
  content:"";position:absolute;top:-9%;width:100%;height:105%;
  background:linear-gradient(15deg,#9D6924,#F7DEA0 39%,#C79842 58%,#FFEABD);
  border:1px solid rgba(245,216,145,.8);box-shadow:0 2px 2px rgba(88,56,15,.24);
}
.ribbon-bow::before{right:60%;border-radius:70% 22% 40% 65%;transform:rotate(15deg)}
.ribbon-bow::after{left:60%;border-radius:22% 70% 65% 40%;transform:rotate(-15deg)}
.ribbon-knot{
  position:absolute;inset:8% 22%;z-index:1;border-radius:20%;
  background:linear-gradient(90deg,#AA7828,#FCE4AA 36%,#D8AE5B 72%,#B98631);
  box-shadow:1px 1px 2px rgba(95,58,14,.3);
}
.ribbon-tail{
  position:absolute;left:27%;top:42%;width:16%;height:28%;transform:rotate(-21deg);
  clip-path:polygon(0 0,100% 0,100% 100%,48% 80%,0 100%);
  background:linear-gradient(90deg,#B6842E,#F9DFA2 42%,#C79A44);
}
.ribbon-tail--second{left:42%;top:31%;transform:rotate(-65deg);height:24%}
.book-object.book-arrived{animation:wyona-book-turn 4.2s cubic-bezier(.32,.01,.28,1) both}
@keyframes wyona-book-turn{
  0%{transform:rotateX(-3deg) rotateY(-18deg)}
  52%{transform:rotateX(-5deg) rotateY(-33deg)}
  100%{transform:rotateX(-3deg) rotateY(-18deg)}
}
.related-book .book-object{max-width:18rem}
.holiday-gifting{color:var(--gold-light);font-style:italic}
.finish-note{font-size:1.05rem;line-height:1.6;color:var(--cream);max-width:36rem;margin:2.4rem auto 0;text-align:center}
@media(max-width:820px){
  .book-object{max-width:18rem;--book-depth:1.55rem}
  .cover-wrap{padding:1rem 1.1rem 1.4rem}
  .hero{min-height:100svh}
}
@media(max-width:420px){.motion-toggle{right:.65rem;bottom:.65rem;font-size:.95rem}}
html[data-motion="off"] .flow-word,html[data-motion="off"] .flow-letter,
html[data-motion="off"] .book-object{animation:none!important}
html[data-motion="off"]{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .flow-word,.flow-letter,.book-object{animation:none!important}
  .js .reveal,.js .reveal.in{opacity:1;transform:none}
}


/* Current correction: deep royal navy; gold sampled from the original WL rose. */
:root{
 --navy:#102659;--navy-deep:#0D204A;--navy-raise:#17366E;
 --gold:#D0A562;--gold-light:#E6BF7F;--gold-dark:#B98943;--cream:#F3ECDD;
 --line:rgba(185,137,67,.43);
 --metal:linear-gradient(165deg,#B98943 0%,#D0A562 22%,#E6BF7F 39%,#F0D591 44%,#B98943 51%,#D0A562 72%,#E6BF7F 86%,#B98943 100%);
}
body{background:var(--navy)}
.amb{background:radial-gradient(ellipse at 17% 8%,rgba(35,70,149,.2),transparent 60%),radial-gradient(ellipse at 80% 64%,rgba(28,61,134,.15),transparent 68%)}
.books{background:linear-gradient(145deg,#142E65,#102659 58%,#102557)}
footer{background:linear-gradient(145deg,#11295B,#0D204A);padding-bottom:5.5rem}
.emblem{background-color:#142F67;border-color:#B98943;box-shadow:0 0 0 1px rgba(185,137,67,.12),0 8px 22px rgba(7,21,54,.18)}
.gold,h1,h2,h3,.label{color:var(--gold)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .gold,h1,h2,h3{background-image:var(--metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(93,59,18,.2))}
 .flow-ready.gold .flow-word,.flow-ready.gold .flow-letter{background-image:var(--metal)}
}
.label{color:#D0A562}
.cta{background:var(--metal);box-shadow:0 8px 22px rgba(185,137,67,.15),inset 0 1px 0 #E6BF7F,inset 0 -1px 0 #A26F30}
.cta:hover,.cta:focus-visible{box-shadow:0 10px 25px rgba(185,137,67,.25),inset 0 1px 0 #E6BF7F}
.motion-toggle{background:#132D62;border-color:#B98943}
.motion-toggle:hover{background:#193B7B}
.book-front::after{border-color:#D0A562;box-shadow:0 0 0 1px #895E29,inset 0 0 0 1px rgba(230,191,127,.23)}
.book-fore-edge{background:repeating-linear-gradient(90deg,rgba(111,74,31,.45) 0 .5px,rgba(230,191,127,.22) .6px 1px,transparent 1.1px 1.7px),linear-gradient(90deg,#A26F30,#D0A562 18%,#E6BF7F 38%,#B98943 53%,#D0A562 79%,#A26F30);border-color:#B98943}
.book-fore-edge::after{background:linear-gradient(165deg,transparent 25%,rgba(240,213,145,.34) 49%,transparent 65%)}
.book-top-edge,.book-bottom-edge{background:repeating-linear-gradient(0deg,rgba(111,74,31,.3) 0 .6px,transparent .7px 1.7px),linear-gradient(110deg,#A26F30,#D0A562 32%,#E6BF7F 47%,#B98943 67%,#D0A562)}
.book-back,.book-spine{background:linear-gradient(100deg,#102451,#1C3B75,#102659);border-color:#B98943}
.gift-ribbon{position:absolute;right:-9%;top:-4%;width:43%;z-index:4;transform:translateZ(4px);pointer-events:none}
.soft-ribbon{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 2px 1px rgba(64,40,13,.18))}
.satin-tail,.satin-loop{transform-box:view-box;transform-origin:60% 26%}
.book-arrived .satin-tail-left{animation:wyona-satin-left 4.2s ease-in-out both}
.book-arrived .satin-tail-right{animation:wyona-satin-right 4.2s ease-in-out both}
.book-arrived .satin-loop-left{animation:wyona-satin-loop 4.2s ease-in-out both}
.book-arrived .satin-loop-right{animation:wyona-satin-loop 4.2s ease-in-out reverse both}
@keyframes wyona-satin-left{0%,100%{transform:rotate(0) skewX(0)}30%{transform:rotate(5deg) skewX(2deg)}65%{transform:rotate(-3deg) skewX(-1.4deg)}}
@keyframes wyona-satin-right{0%,100%{transform:rotate(0) skewX(0)}30%{transform:rotate(-5deg) skewX(-2.5deg)}65%{transform:rotate(3deg) skewX(1.6deg)}}
@keyframes wyona-satin-loop{0%,100%{transform:rotate(0) scaleY(1)}40%{transform:rotate(1.5deg) scaleY(.965)}75%{transform:rotate(-1deg) scaleY(1.02)}}
html[data-motion="off"] .satin-tail,html[data-motion="off"] .satin-loop{animation:none!important}
@media(prefers-reduced-motion:reduce){.satin-tail,.satin-loop{animation:none!important}}
.product-header .book{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:3rem}
.cover-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem;align-items:start}
.cover-pair figure{min-width:0;text-align:center}
.cover-pair .cover-wrap{padding:.75rem .45rem 1rem}
.cover-pair .book-object{--book-depth:1.35rem}
.cover-pair figcaption{font-family:var(--display);font-size:.9rem;letter-spacing:.12em;color:var(--gold);margin-top:.7rem}
.cover-pair .back-display{transform:rotateX(-3deg) rotateY(12deg)}
.cover-pair .back-display.book-arrived{animation:none}
.cover-pair .back-display .book-fore-edge{display:none}
.enlarge-link{display:inline-block;margin-top:.55rem;font:inherit;font-size:1rem;color:var(--cream);background:none;border:0;text-decoration:underline;text-underline-offset:.25em;cursor:pointer;min-height:44px}
.collection-intro{text-align:center;max-width:36rem;margin:0 auto 3rem}
.collection-intro h2{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.25;margin:1.2rem 0}
.collection-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-bottom:6.5rem}
.collection-card{padding:1.5rem 1.1rem;border:1px solid var(--line);background:linear-gradient(150deg,rgba(20,48,103,.75),rgba(13,31,73,.4));text-align:center;min-width:0}
.collection-card .cover-wrap{max-width:11rem;margin:0 auto 1.3rem;padding:1rem .8rem}
.collection-card .book-object{--book-depth:1rem}
.collection-card h3{font-family:var(--display);font-size:1.3rem;line-height:1.3;min-height:2.7em;margin:.7rem 0 1rem}
.collection-card .label{font-size:.9rem}
.collection-card .cta{font-size:.8rem;letter-spacing:.08em;padding:.8rem 1.1rem;margin-top:1.3rem;max-width:100%}
.collection-paintings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.collection-paintings .art-button:first-child{grid-column:1/-1}
.collection-paintings img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#102451}
.art-button{appearance:none;display:block;padding:0;border:1px solid rgba(185,137,67,.45);background:transparent;cursor:zoom-in;width:100%;min-width:0;align-self:start}
.art-button:focus-visible{outline:2px solid #E6BF7F;outline-offset:4px}
.art-button:hover{border-color:#E6BF7F}
.gallery .painting{height:auto;aspect-ratio:auto;object-fit:contain}
.gallery-heading{font-family:var(--display);font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.35;margin:4rem 0 1.5rem}
.book + .gallery-heading + .gallery{margin-top:0}
.gallery-heading:target,.gallery:target,#collection:target{scroll-margin-top:1.5rem}
.art-note{font-size:1.05rem;margin-bottom:1.1rem;color:var(--gold-light)}
.art-viewer{position:fixed;inset:0;margin:auto;max-width:min(95vw,1440px);max-height:94vh;max-height:94svh;width:max-content;border:1px solid #B98943;padding:1rem;background:#0D204A;color:var(--cream);overflow:auto}
.art-viewer::backdrop{background:rgba(6,17,46,.9)}
.art-viewer header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}
.art-viewer p{font-size:1.05rem;line-height:1.4}
.art-viewer button{font:inherit;min-width:44px;min-height:44px;padding:.35rem .8rem;color:var(--cream);background:#17366E;border:1px solid #B98943;cursor:pointer}
.art-viewer img{width:auto;height:auto;max-height:76vh;max-height:76svh;max-width:100%;margin:0 auto;object-fit:contain}
.art-viewer[open]{display:block}
.viewer-help{margin-top:.7rem;color:var(--gold-light)}
@media(max-width:920px){.product-header .book{grid-template-columns:1fr}.cover-pair{max-width:36rem;margin:auto;width:100%}}
@media(max-width:760px){.collection-cards{grid-template-columns:1fr;max-width:34rem;margin-left:auto;margin-right:auto}.collection-card{padding:2rem 1.5rem}.collection-card .cover-wrap{max-width:13rem}.collection-card h3{min-height:0}.collection-paintings{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-paintings .art-button:first-child{grid-column:auto}.collection-paintings img{aspect-ratio:5/4}.collection-card .cta{font-size:.95rem}}
@media(max-width:420px){.cover-pair{gap:.75rem}.cover-pair .book-object{--book-depth:1rem}.cover-pair .cover-wrap{padding:.5rem .2rem}.cover-pair figcaption{font-size:.8rem}.collection-paintings{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-paintings .art-button:first-child{grid-column:1/-1}}

.art-viewer img[data-zoomed="true"]{max-width:none;max-height:none;width:auto;cursor:zoom-out}.art-viewer img{cursor:zoom-in}.viewer-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
/* Requested corrections layered on the retained expanded three-book master. */
@font-face{font-family:'Wayona Lan Signature';src:url('/assets/wayona-lan-signature.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{--navy:#12336b;--navy-deep:#102b58;--navy-raise:#173b75;--gold:#cda961;--gold-light:#e8c889;--gold-dark:#b4884a;--line:rgba(205,169,97,.33);--metal:linear-gradient(175deg,#feecbd 0%,#e8c889 20%,#cda961 39%,#f5e0ac 47%,#b4884a 54%,#e8c889 73%,#f5e0ac 100%)}
body,.hero,.product-header{background:#12336b;background-image:none}
.amb{display:none}
.books{background:linear-gradient(145deg,#14376f,#12336b 58%,#112f63)}
footer{background:#102b58}
.emblem{background-color:#12336b;border-color:#cda961;box-shadow:0 0 0 1px rgba(205,169,97,.12),0 8px 22px rgba(7,21,54,.18)}
.brand-name{display:block;font-family:'Wayona Lan Signature';font-weight:400;font-style:normal;font-size:clamp(4.4rem,8vw,6.1rem);line-height:1.6;letter-spacing:0;text-transform:none;margin:.35rem auto 0;max-width:100%;padding:0 .25em}
.brand-tagline{font-family:var(--body);font-style:normal;font-size:1.25rem;line-height:1.6;letter-spacing:.02em;color:var(--cream);margin:0 auto 1.4rem}
.hero .label{margin-top:.8rem}
.hero .sub.wayona-script{font-family:'Wayona Lan Signature';font-style:normal;font-weight:400;font-size:clamp(2.5rem,4.8vw,3.2rem);line-height:1.65;letter-spacing:0;max-width:28em}
.wayona-script,.copy .line.wayona-script,footer .by.wayona-script,.holiday-gifting.wayona-script,.promise p.wayona-script{font-family:'Wayona Lan Signature';font-style:normal;font-weight:400;font-size:clamp(2.45rem,4.1vw,3rem);line-height:1.65;letter-spacing:0}
.promise p.wayona-script{font-size:clamp(3.3rem,6vw,4.8rem)}
.centered-brand{text-align:center;padding:2.8rem 1.5rem 0}
.centered-brand>a{display:block;text-decoration:none}
.centered-brand .brand-name{color:var(--gold-light);background:var(--metal);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .cue{position:static;left:auto;bottom:auto;transform:none;margin-top:2.2rem;text-underline-offset:.35em}
.gift-nav{display:flex;justify-content:center;gap:1rem 2rem;flex-wrap:wrap;margin-top:1.5rem;font-size:1.05rem}
.gift-nav a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:.3em}
.product-nav{justify-content:center;gap:1.2rem 3rem;flex-wrap:wrap}
.motion-toggle{position:static;margin:1.6rem auto 0;display:block;width:max-content}
.motion-toggle[hidden]{display:none}
.cta{position:relative;isolation:isolate;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,250,220,.12) 0 .6px,rgba(132,82,30,.09) .7px 1.2px,transparent 1.3px 2px),linear-gradient(112deg,#b4884a,#e8c889 26%,#f5e0ac 40%,#cda961 61%,#e8c889 85%,#b4884a);color:#102b58;box-shadow:inset 0 1px 0 #feecbd,0 10px 28px #071a3826}
.cta::after{content:'';pointer-events:none;position:absolute;inset:-80% -60%;background:linear-gradient(105deg,transparent 43%,#fff7d654 49%,transparent 56%);transform:translateX(-70%);animation:wayona-button-reflection 7s ease-in-out infinite}
@keyframes wayona-button-reflection{0%,65%{transform:translateX(-70%)}88%,100%{transform:translateX(70%)}}
.book-front::after{border-color:#cda961;box-shadow:0 0 0 1px #9b6c31,inset 0 0 0 1px #f5e0ac55}
.book-fore-edge{background:repeating-linear-gradient(90deg,#773e0d66 0 .5px,#feecbd44 .6px 1px,transparent 1.1px 1.7px),linear-gradient(90deg,#9b6c31,#cda961 18%,#f5e0ac 38%,#b4884a 53%,#e8c889 79%,#9b6c31);border-color:#b4884a}
.book-top-edge,.book-bottom-edge{background:repeating-linear-gradient(0deg,#773e0d55 0 .5px,transparent .7px 1.7px),var(--metal)}
.gallery img,.collection-paintings img{object-fit:contain}
.gallery .art-button{border:1px solid #cda961;box-shadow:0 0 0 3px #12336b,0 0 0 4px #b4884a88}
.gold-beneath{background:#12336b url('/assets/royal-blue-over-fine-brushed-gold.webp') center/cover no-repeat}
.gold-art-note{max-width:48rem;text-align:center}
.gold-art-note p{max-width:38rem;margin:1.6rem auto}
.gold-art-note h2{margin:1.3rem auto;max-width:22em}
.material-note{font-size:1.05rem;line-height:1.6}
.signature-symbols{max-width:38rem;margin:3rem auto 0}
.signature-symbols h3{font-family:var(--display);font-weight:500;font-size:1.6rem;line-height:1.35;margin-top:2.4rem}
.collection-addition{background:#14376f;border-block:1px solid var(--line)}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.choice{border-top:1px solid var(--gold);padding-top:1.4rem}
.choice h3{font-family:var(--display);font-size:1.6rem;line-height:1.3;margin:1rem 0}
.choice p{margin:1rem 0}
.choice .book-hook{color:var(--gold-light)}
.choice .label{font-size:.9rem;letter-spacing:.12em}
.choice-link{display:inline-block;min-height:44px;text-underline-offset:.35em;margin-top:1rem}
.restored-covers .cover-pair{max-width:52rem;margin:2.5rem auto}
.restored-covers img{width:100%;height:auto;object-fit:contain}
.restored-covers .art-button{background:transparent}
.release-note{font-size:1.1rem;margin:2rem auto 0}
.gallery-heading,.collection-intro{scroll-margin-top:2rem}
html[data-motion='off'] .cta::after{animation:none;display:none}
@media(prefers-reduced-motion:reduce){.cta::after{animation:none;display:none}}
@media(max-width:820px){.choice-grid{grid-template-columns:1fr;gap:2rem}.brand-name{font-size:4.4rem}.product-nav{gap:.6rem}.hero{padding-top:3rem;padding-bottom:3rem}.hero .label{margin-bottom:2rem}.hero .brand-tagline{font-size:1.1rem}.centered-brand{padding-top:2rem}.gold-beneath br{display:none}}
@media(max-width:420px){.brand-name{font-size:3.7rem}.gift-nav{gap:.5rem 1.1rem}.wayona-script,.copy .line.wayona-script{font-size:2.5rem}}
/* New sections expressly retained by the user, within the restored master. */
.wordmark{display:block;width:min(23rem,90%);margin:.8rem auto .25rem}
.wordmark svg{width:100%;height:auto;display:block}
.centered-brand{padding-top:2rem;border-bottom:1px solid var(--line)}
.centered-brand .brand-tagline{margin-bottom:0}
.centered-brand .gift-nav{margin-top:.75rem;padding-bottom:.65rem}
.shell{width:min(100% - 4rem,76rem);margin-inline:auto}
.home-hero{padding:3rem 0 4rem;background:#12336b}
.hero-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:3rem;align-items:center;min-height:33rem}
.hero-copy{max-width:31rem}
.hero-copy h1{font-family:var(--display);font-weight:500;font-size:clamp(2.15rem,3.2vw,3rem);line-height:1.24;margin-bottom:1.4rem}
.hero-copy>.label{font-size:.75rem;letter-spacing:.11em;margin-bottom:1.15rem}
.hero-copy .hero-intro{font-family:'Wayona Lan Signature';font-style:normal;font-size:clamp(2.5rem,3.8vw,3rem);line-height:1.55;margin-bottom:1rem}
.hero-copy>p{max-width:29rem}
.hero-copy .cta{font-size:.82rem;padding:.9rem 1.5rem;letter-spacing:.055em}
.hero-collection{min-width:0;padding:1rem 0}
.book-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;align-items:center;padding:1.4rem .9rem 1rem}
.stage-book{min-width:0;margin:0}
.stage-book:nth-child(2){transform:translateY(-.7rem)}
.stage-book figcaption{text-align:center;font-size:1rem;line-height:1.35;margin-top:1.75rem}
.stage-book figcaption a{text-decoration:none}
.stage-note{font-size:.85rem;text-align:center;margin-top:1.4rem;letter-spacing:.055em}
.mobile-hint{display:none}
.book-display{display:block;perspective:1600px;width:100%;text-decoration:none;border:0;background:none;padding:.3rem .25rem}
.book-stage .book-object{--book-depth:1.15rem}
.book-stage .book-front img{width:100%;height:100%;object-fit:contain;border-radius:2px 4px 4px 2px}
.art-introduction{max-width:43rem;margin:4rem 0 2rem}
.art-introduction h2{font-family:var(--display);font-size:clamp(1.9rem,2.8vw,2.65rem);line-height:1.25;margin:1.15rem 0}
.art-introduction+.gallery-heading{margin-top:2rem}
.gifting{padding:6rem 0}
.gift-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem}
.gift-layout h2{font-family:var(--display);font-size:clamp(1.9rem,2.8vw,2.65rem);font-weight:500;line-height:1.25;max-width:24rem;margin-top:1.15rem}
.gift-copy{max-width:35rem}
.gift-copy>p+p{margin-top:1.15rem}
.gift-copy .release-note{border-left:1px solid #cda961;padding-left:1.4rem;margin-block:1.8rem;text-align:left;max-width:none}
.release-label{font-family:var(--display);font-size:.9rem;line-height:1.5}
.release-note p{font-size:1.08rem;margin-top:.6rem}
@media(max-width:1080px){.shell{width:calc(100% - 3rem)}.hero-layout{gap:1.6rem;grid-template-columns:.9fr 1.1fr}.book-stage{gap:1rem}.gift-layout{gap:3rem}}
@media(max-width:820px){.shell{width:calc(100% - 2.5rem)}.hero-layout{grid-template-columns:1fr;gap:2.5rem;min-height:auto}.home-hero{padding:2.5rem 0 3rem}.hero-copy{max-width:37rem;margin:auto;text-align:center}.hero-copy h1{font-size:2.6rem}.hero-copy>p{margin-inline:auto;max-width:33rem}.hero-collection{max-width:38rem;width:100%;margin:auto}.gift-layout{grid-template-columns:1fr;gap:2.5rem}.gift-layout h2,.gift-copy{max-width:none}.centered-brand .emblem--lg{width:132px;height:132px}}
@media(max-width:600px){.shell{width:calc(100% - 2rem)}.hero-copy h1{font-size:2.1rem}.hero-layout{gap:2rem}.book-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.8rem;padding:1.25rem 1.15rem 1rem;scrollbar-width:thin;scrollbar-color:#cda96150 transparent}.stage-book{flex:0 0 10.5rem;min-width:10.5rem;scroll-snap-align:center}.stage-book:nth-child(2){transform:none}.book-stage .book-object{--book-depth:1rem}.mobile-hint{display:block;text-align:center;font-size:.85rem;margin-top:.6rem}.stage-note{margin-top:.6rem;font-size:.8rem}.gifting{padding:4rem 0}.gift-layout{gap:1.75rem}.wordmark{width:min(20rem,90%)}.art-introduction{margin-top:3rem}}

:root{--blue:var(--navy);--deep:var(--navy-deep);--ivory:var(--cream)}.section{padding:6rem 0}.release-form .button{width:100%}.release-grid h2{font-family:var(--display);font-size:clamp(1.9rem,2.8vw,2.65rem);line-height:1.25}.release-grid .eyebrow{font-family:var(--display);font-size:.9rem;letter-spacing:.12em;margin-bottom:1.15rem}@media(max-width:600px){.section{padding:4rem 0}}

/* October 13: complete galleries, the approved seal, and flowing metallic finishes. */
.gallery>:last-child:nth-child(even){grid-column:1/-1}
.gift-corner-seal{position:absolute;right:-1%;top:-.55%;width:24%;aspect-ratio:1269/1240;z-index:4;transform:translateZ(3px);pointer-events:none;isolation:isolate}
.book-front .gift-corner-seal img,.book-stage .book-front .gift-corner-seal img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;border:0;border-radius:0;margin:0;filter:drop-shadow(0 2px 1px #26190235)}
.gift-corner-seal::after{content:'';position:absolute;inset:0;background:linear-gradient(112deg,transparent 37%,#fff7dc08 43%,#fff8df85 49%,#fff7dc18 54%,transparent 61%);background-size:280% 100%;background-position:160% 0;mask:url('/assets/wayona-corner-seal-approved.webp') center/100% 100% no-repeat;-webkit-mask:url('/assets/wayona-corner-seal-approved.webp') center/100% 100% no-repeat;mix-blend-mode:screen;animation:wayona-surface-light 9s ease-in-out infinite;pointer-events:none}
.book-surface-reflection{position:absolute;inset:0;border-radius:inherit;transform:translateZ(2px);z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 32%,#ffe7ad0a 43%,#fff0c457 50%,#ffe7ad0c 57%,transparent 68%);background-size:280% 100%;mix-blend-mode:soft-light;animation:wayona-surface-light 9s ease-in-out infinite}
@keyframes wayona-surface-light{0%,32%{background-position:160% 0;opacity:0}40%{opacity:.5}72%{opacity:.5}83%,100%{background-position:-60% 0;opacity:0}}
.book-fore-edge{overflow:hidden}
.book-fore-edge::after{inset:-30% -20%;background:linear-gradient(172deg,transparent 24%,#fff9df22 40%,#fff5c9c4 50%,#f5e0ac28 60%,transparent 76%);background-size:100% 300%;animation:wayona-page-light 8.5s ease-in-out infinite;opacity:.7}
.book-top-edge::after,.book-bottom-edge::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#fff9dfaa 50%,transparent 70%);background-size:300% 100%;animation:wayona-surface-light 8.5s ease-in-out infinite;pointer-events:none}
@keyframes wayona-page-light{0%,25%{background-position:0 150%;opacity:.12}45%{opacity:.8}80%,100%{background-position:0 -50%;opacity:.12}}
.wayona-script,.copy .line.wayona-script,footer .by.wayona-script,.holiday-gifting.wayona-script,.hero .sub.wayona-script,.hero-copy .hero-intro.wayona-script{color:#e8c889;background-image:linear-gradient(112deg,#e8c889 0%,#cda961 21%,#f5e0ac 38%,#feecbd 44%,#cda961 51%,#e8c889 72%,#f5e0ac 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.gold,h1,h2,h3,.wayona-script{background-image:linear-gradient(112deg,#e8c889 0%,#cda961 21%,#f5e0ac 38%,#feecbd 44%,#cda961 51%,#e8c889 72%,#f5e0ac 100%);background-size:240% 100%;animation:wayona-title-light 11s ease-in-out infinite}
@keyframes wayona-title-light{0%,18%{background-position:0% 50%}72%,100%{background-position:100% 50%}}
.book>.copy h2,.product-page .copy h1{font-family:var(--display);font-weight:600;font-size:clamp(2rem,4.2vw,3rem);line-height:1.12}
.cta,.button.primary,button:not(.art-button){position:relative;isolation:isolate;overflow:hidden;background:repeating-linear-gradient(0deg,#fffad41c 0 .3px,#84521e09 .4px .65px,transparent .7px 1px),linear-gradient(112deg,#b4884a,#e8c889 26%,#f5e0ac 40%,#cda961 61%,#e8c889 85%,#b4884a);color:#102b58;border:1px solid #cda961;box-shadow:inset 0 1px 0 #feecbd,0 4px 12px #071a3820}
.cta::after,.button.primary::after,button:not(.art-button)::after{content:'';pointer-events:none;position:absolute;inset:-80% -60%;background:linear-gradient(105deg,transparent 43%,#fff7d64a 49%,transparent 56%);transform:translateX(-70%);animation:wayona-button-reflection 9s ease-in-out infinite}
.reading-controls button[aria-pressed='true']{box-shadow:inset 0 0 0 2px #102b58,0 0 0 2px #f5e0ac;text-decoration:underline;text-underline-offset:.2em}
.motion-toggle:hover,.art-viewer button:hover,.reading-controls button:hover{background-color:#e8c889;color:#102b58}
.button.primary{display:inline-block;padding:.85rem 1.3rem;text-decoration:none;min-height:44px}
.enlarge-link{padding:.55rem .8rem;min-height:44px}
/* Painting buttons reflect at their frame, preserving every pixel of the art. */
.art-button{position:relative}
.art-button::after{content:'';position:absolute;inset:0;border:1px solid transparent;pointer-events:none;box-shadow:inset 0 0 0 1px #feecbd55;animation:wayona-frame-light 10s ease-in-out infinite}
@keyframes wayona-frame-light{0%,25%,100%{border-color:#cda96133}55%{border-color:#feecbdcc}}
html[data-motion='off'] .gift-corner-seal::after,html[data-motion='off'] .book-fore-edge::after,html[data-motion='off'] .book-top-edge::after,html[data-motion='off'] .book-bottom-edge::after,html[data-motion='off'] button::after,html[data-motion='off'] .button.primary::after{animation:none;display:none}
html[data-motion='off'] .gold,html[data-motion='off'] h1,html[data-motion='off'] h2,html[data-motion='off'] h3,html[data-motion='off'] .wayona-script{animation:none}
html[data-motion='off'] .book-surface-reflection{animation:none;display:none}
@media(prefers-reduced-motion:reduce){.gift-corner-seal::after,.book-fore-edge::after,.book-top-edge::after,.book-bottom-edge::after,button::after,.button.primary::after{animation:none;display:none}.gold,h1,h2,h3,.wayona-script{animation:none}}
@media(prefers-reduced-motion:reduce){.book-surface-reflection{animation:none;display:none}}

/* Small series caption and the exact end-page rose divider. */
.home-hero .stage-note.wayona-script{font-family:'Wayona Lan Signature',var(--body);font-size:1.75rem;line-height:1.65;letter-spacing:-.045em;word-spacing:.08em;font-weight:400;font-style:normal;-webkit-text-stroke:.22px #e8c889;text-wrap:balance}
.stage-note-phrase{display:inline-block;max-width:100%}
.home-hero .stage-note-word{white-space:nowrap}
.home-hero .stage-note-w{display:inline-block;margin-inline-end:-.38em}
.stage-note-separator{font-family:var(--body);font-size:.65em;letter-spacing:0;margin-inline:.2em}
.rose-rule::before,.rose-rule::after{content:none}
.rose-rule img{display:block;width:100%;height:auto}
@media(max-width:600px){.home-hero .stage-note.wayona-script{font-size:clamp(1.5rem,7vw,1.75rem)}.stage-note-phrase{display:block}.stage-note-separator{display:none}}

/* October 13: approved photographic mockups replace only homepage book visuals.
   Keep the existing book slots and original image pixels. The mask blends the
   outer blue studio backdrop; it does not cross the books or their ribbons. */
.gift-book-mockup{position:relative;width:100%;max-width:22rem;aspect-ratio:var(--cover-ratio,992/1586);margin:0 auto;transform-origin:50% 90%}
.gift-book-mockup img{position:absolute;top:0;left:50%;display:block;width:auto;height:100%;max-width:none;object-fit:contain;transform:translateX(-50%);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 1.5%,#000 98%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 1.5%,#000 98%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
html[data-motion='on'] .gift-book-mockup{animation:wayona-mockup-drift 9s ease-in-out infinite}
.stage-book:nth-child(2) .gift-book-mockup{animation-delay:-3s!important}
.stage-book:nth-child(3) .gift-book-mockup{animation-delay:-6s!important}
@keyframes wayona-mockup-drift{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-.3rem) rotate(.2deg)}}
@media(max-width:820px){.gift-book-mockup{max-width:18rem}}
html[data-motion='off'] .gift-book-mockup{animation:none!important;transform:none}
@media(prefers-reduced-motion:reduce){.gift-book-mockup{animation:none!important;transform:none}}

/* Keep all three approved hero books visible together on phones. */
@media(max-width:600px){
 .home-hero .book-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:1.25rem .45rem 1rem;align-items:start;overflow:visible;scroll-snap-type:none}
 .home-hero .stage-book{min-width:0;scroll-snap-align:none}
}

/* The approved corner cap continues across the existing top and fore-edge planes.
   Preserve the verified book geometry and cover layering. */
.book-fore-edge{overflow:visible}
.book-fore-edge::before,.book-top-edge::before{content:'';position:absolute;pointer-events:none;box-sizing:border-box;background:repeating-linear-gradient(0deg,#fff7d51c 0 .3px,#84521e0a .4px .65px,transparent .7px 1px),linear-gradient(108deg,#b4884a,#e8c889 25%,#feecbd 42%,#cda961 63%,#e8c889 84%,#9b6c31);border:1px solid #cda961;box-shadow:inset 0 0 0 1px #feecbd65}
.book-fore-edge::before{top:-3px;left:-1px;right:-1px;height:calc((100% + 6px) * .24 * var(--cover-ratio));border-bottom:1px solid #9b6c31}
.book-top-edge::before{top:-1px;right:-1px;width:calc((100% + 4px) * .24);height:calc(100% + 2px)}
.book-fore-edge::after{inset:0}
.gift-heading{max-width:24rem}
.gift-framed-rose{display:block;width:6.5rem;max-width:35%;height:auto;margin:1.6rem auto 0}

/* The exact leafless PDF rose closes each homepage painting gallery.
   Match the hero divider's rose height: 16rem * 353 / 2229.
   A decorative grid item preserves the existing painting order and spans. */
#books .gallery::after{content:'';display:block;grid-column:1/-1;justify-self:center;width:calc(16rem * 353 / 2229 * 609 / 1085);height:calc(16rem * 353 / 2229);background:url('/assets/wayona-end-rose.webp') center/contain no-repeat;pointer-events:none}

/* On narrow screens, cover cropping hides the original gold at the sides.
   Bring the same square texture into view at the section's middle, with
   softened boundaries and a clear blue center behind the reading. */
@media(max-width:820px){
 .gold-beneath{position:relative;isolation:isolate}
 .gold-beneath::before{content:'';position:absolute;top:50%;left:0;width:100%;aspect-ratio:1;transform:translateY(-50%);background:url('/assets/royal-blue-over-fine-brushed-gold.webp') center/contain no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);pointer-events:none;z-index:-1}
}

/* Product additions use the approved master colors, type, art and spacing. */
.choice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.4rem}
.choice-actions .sample-link{margin-top:1rem}
.sample-link,.cover-pair-link{display:inline-flex;align-items:center;min-height:44px}
.book-actions{margin-top:.5rem}
.product-gallery-wrap{perspective:none;min-width:0;padding:0}
.product-media{width:100%;max-width:34rem;margin-inline:auto}
.product-media-controls{display:flex;gap:.65rem;margin:0 auto 1.1rem}
.product-media-controls[hidden],.product-media-panel[hidden]{display:none}
.product-media-tab{flex:1;min-width:0;min-height:68px;padding:.65rem .5rem;font:inherit;font-size:1rem;line-height:1.35;cursor:pointer}
.media-number{display:block;font-family:var(--display);font-size:.75rem;letter-spacing:.12em;margin-bottom:.2rem}
.product-media-tab[aria-selected='true']{outline:2px solid #feecbd;outline-offset:3px}
.product-media-image{display:grid;place-items:center;width:100%;aspect-ratio:1;position:relative;background:transparent;border:0;padding:0;cursor:zoom-in}
.product-page .product-media-image img{width:100%;height:100%;max-height:34rem;object-fit:contain}
.product-media-image::after{content:none}
.media-enlarge{position:absolute;bottom:.5rem;right:.5rem;background:#102b58e8;color:#f3ecdd;border:1px solid var(--gold);padding:.3rem .65rem;font-family:var(--body);font-size:.9rem;line-height:1.5}
.product-media-panel figcaption{font-size:1rem;line-height:1.55;text-align:center;max-width:32rem;margin:1rem auto 0}
.cover-pair-link{justify-content:center;width:100%;margin-top:1.1rem;font-size:1.05rem}
.book-description{margin-bottom:4.5rem}
.book-description .label{font-size:.9rem;letter-spacing:.12em}
.book-description h2{margin:1.1rem auto 1.6rem}
.sample-opening-rose{width:5rem;height:auto;margin:0 auto 2.4rem}
.sample-ending-symbols{display:flex;justify-content:center;margin:2.4rem auto 1.6rem}
.sample-end-rose{width:3.25rem;height:auto}
.sample-actions{margin-top:2.4rem}
.sample-actions .cta{font-size:.9rem;letter-spacing:.08em;padding:1.05rem 1.5rem}
.physical-edition .cta{margin-top:1.6rem;font-size:.9rem;letter-spacing:.06em;padding:1.05rem 1.35rem}
.reading{overflow-wrap:break-word}
#sample,#editions{scroll-margin-top:1.5rem}
@media(min-width:760px) and (max-width:1024px){
  .product-header .book{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.8rem;text-align:left;align-items:start}
  .product-header .action-row{justify-content:flex-start}
  .product-header .copy h1{font-size:2rem}
  .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-media-tab{font-size:.95rem}
}
@media(max-width:600px){
  .product-media-controls{gap:.5rem}
  .product-media-tab{font-size:.95rem;padding:.65rem .35rem}
  .product-media-panel figcaption{font-size:1rem}
  .product-page .cta,.book-actions .cta{font-size:.9rem;letter-spacing:.06em;padding:1rem 1.2rem}
  .book-description{margin-bottom:3rem}
  .sample-opening-rose{width:4rem;margin-bottom:1.8rem}
  .reading-controls{gap:.6rem}
  .reading-controls span{width:100%}
  .reading-controls button{flex:1;padding:.85rem .6rem;min-height:44px}
  .sample-actions{align-items:stretch;flex-direction:column;text-align:center}
}

/* Release registrations extend the approved editorial design. */
.release-section .wrap{width:min(100% - 4rem,76rem);margin-inline:auto}.narrow{max-width:47rem}.gold{color:var(--gold);background-image:var(--metal);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.small{font-size:1rem;line-height:1.6}.muted{color:#e2ddd3}.prose h1{margin-bottom:1.5rem}.prose h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem}.prose p{font-size:1.15rem}.prose .button{margin-block:1rem}.release-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--navy-deep)}.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.release-grid h2{margin-bottom:1.3rem}.release-grid>div{max-width:31rem}.release-form{padding:2rem;border:1px solid var(--line);background:#173a7080;min-width:0}.release-form>label{display:block;font-size:1.05rem;margin-bottom:.4rem}.release-form input,.release-form select{font:inherit}.release-form input[type=email],.release-form select{display:block;width:100%;min-width:0;min-height:50px;background:var(--ivory);color:var(--blue);border:1px solid #ddc899;border-radius:2px;padding:.65rem .8rem;margin-bottom:1.3rem;font-size:1.05rem}.release-form .consent{display:flex;align-items:flex-start;gap:.7rem;font-size:1rem;line-height:1.5;margin:1.25rem 0}.consent input{margin-top:.25rem;width:20px;height:20px;accent-color:var(--gold);flex:none}.release-form .button{width:100%}.form-note{font-size:.9rem;line-height:1.5;margin-top:1rem}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status:not(:empty){margin-top:1.2rem;padding:1rem;background:#faf2e310;border-left:3px solid var(--gold);font-size:1.05rem}.form-status a{display:inline-block;margin-top:.8rem}.form-status[data-error=true]{border-left-color:#f3af94}input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.button:disabled{opacity:.7;cursor:wait}.admin-table{width:100%;border-collapse:collapse;font-size:1rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem;overflow-wrap:anywhere}.admin-table-wrap{overflow:auto}.admin-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.admin-table button{background:transparent;border:1px solid var(--line);padding:.4rem .7rem}.header-inner nav{flex-wrap:wrap}.nav-release{border-bottom:1px solid var(--gold)}
@media(max-width:1080px){.release-grid{gap:3rem}.release-section .wrap{width:calc(100% - 3rem)}}
@media(max-width:820px){.release-grid{grid-template-columns:1fr;gap:2rem}.release-grid>div{max-width:none}.release-section .wrap{width:calc(100% - 2.5rem)}}
@media(max-width:600px){.release-section .wrap{width:calc(100% - 2rem)}.release-form{padding:1.3rem}.header-inner nav{column-gap:1rem}}
@media print{.release-section,.site-header,.site-footer,.art-viewer{display:none}}