@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/wl-web-20261017/wyona-lan-gold-rose-emblem-512.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);}
  .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);}
  .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:1;transform:none;}
  .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}
    *{}
    .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{}
.flow-in .flow-letter{}


/* Content is readable immediately. No loading sequence or hidden paragraphs. */
.js .reveal,.js .reveal.in{opacity:1;transform: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;
}
.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{}

.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{}
html[data-motion="off"]{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .flow-word,.flow-letter,.book-object{}
  .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{}
.book-arrived .satin-tail-right{}
.book-arrived .satin-loop-left{}
.book-arrived .satin-loop-right{}



html[data-motion="off"] .satin-tail,html[data-motion="off"] .satin-loop{}
@media(prefers-reduced-motion:reduce){.satin-tail,.satin-loop{}}
.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{}
.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-spaced.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%);}

.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{display:none}
@media(prefers-reduced-motion:reduce){.cta::after{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;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;}

.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%;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%;pointer-events:none}

.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%;}

.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%);}
.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;}

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{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{}
html[data-motion='off'] .book-surface-reflection{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{display:none}.gold,h1,h2,h3,.wayona-script{}}
@media(prefers-reduced-motion:reduce){.book-surface-reflection{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{}
.stage-book:nth-child(2) .gift-book-mockup{}
.stage-book:nth-child(3) .gift-book-mockup{}

@media(max-width:820px){.gift-book-mockup{max-width:18rem}}
html[data-motion='off'] .gift-book-mockup{transform:none}
@media(prefers-reduced-motion:reduce){.gift-book-mockup{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/wl-web-20261017/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}}

/* Approved 14 October: a quiet glimpse of the gold beneath each painting
   gallery, and a fine moving reflection confined to the painting frames. */
.gallery{
  position:relative;
  isolation:isolate;
}
.gallery::before{
  content:'';
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-1.5rem;
  bottom:-1.5rem;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:url('/assets/royal-blue-over-fine-brushed-gold.webp') center top / min(112vw,103rem) auto repeat-y;
  opacity:.70;
  -webkit-mask-image:linear-gradient(transparent,#000 4rem,#000 calc(100% - 4rem),transparent);
  mask-image:linear-gradient(transparent,#000 4rem,#000 calc(100% - 4rem),transparent);
}
.gallery .art-button{
  border:1px solid #cda961;
  box-shadow:0 12px 30px #071a3824;
}
.gallery .art-button::after{
  content:'';
  position:absolute;
  inset:-1px;
  z-index:1;
  padding:1.5px;
  border:0;
  box-shadow:none;
  pointer-events:none;
  background:linear-gradient(110deg,#b4884a 0%,#cda961 23%,#e8c889 40%,#feecbd 47%,#fff4d5 49%,#e8c889 53%,#b4884a 66%,#cda961 82%,#f5e0ac 100%) 100% 50% / 260% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}
.gallery .art-button:nth-child(2n)::after,
.product-gallery figure:nth-child(2n) .art-button::after{}
.gallery .art-button:nth-child(3n)::after,
.product-gallery figure:nth-child(3n) .art-button::after{}

html[data-motion='off'] .gallery .art-button::after{
  background-position:50% 50%;
}
@media(prefers-reduced-motion:reduce){
  .gallery .art-button::after{display:block;background-position:50% 50%}
}

/* Keep the confirmed physical edition centered after the unconfirmed
   digital-edition card is withdrawn from the launch pages. */
.edition-grid:has(>.edition:only-child){grid-template-columns:minmax(0,1fr);max-width:42rem;margin-inline:auto}

/* Golden Drops of Life: approved smooth, rounded gold; all rules scoped. */
.golden-drops{padding:5rem 0 5.5rem;background:var(--navy);isolation:isolate}
.gd-wrap{width:min(1440px,96%);margin-inline:auto}
.gd-heading{text-align:center;max-width:42rem;margin:0 auto 2rem;padding-inline:1rem}
.gd-heading .label{font-size:.8rem;letter-spacing:.2em;margin-bottom:1rem}
.gd-heading .section-title{margin-bottom:1rem}
.gd-heading>p:last-child{font-size:1.2rem;color:var(--cream)}
.gd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.gd-card{min-width:0;text-align:center;margin:0 auto;width:100%;max-width:510px}
.gd-object{container-type:inline-size;perspective:1400px;width:100%;margin:auto}
.golden-drops .gd-turn{display:block;width:100%;aspect-ratio:1;position:relative;padding:0;border:0;background:none;box-shadow:none;overflow:visible;color:#132959;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.golden-drops .gd-turn:focus-visible{outline:2px solid #ecd397;outline-offset:5px;border-radius:2rem}
.gd-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d}
/* Rotate each face itself. Explicit visibility also hides composited text in
   Safari, where hiding only an untransformed parent's back face can leak it. */
.gd-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.gd-front{transform:rotateY(0deg);visibility:visible}
.gd-back{transform:rotateY(180deg);visibility:hidden}
.gd-turn[aria-pressed="true"] .gd-front{transform:rotateY(-180deg);visibility:hidden}
.gd-turn[aria-pressed="true"] .gd-back{transform:rotateY(0deg);visibility:visible}
.gd-metal{display:block;width:100%;height:100%;object-fit:contain;max-width:none;filter:drop-shadow(0 15px 15px #020c2638)}
.gd-inscription{position:absolute;z-index:2;inset:43% 18% auto;min-height:30%;display:flex;align-items:center;justify-content:center;color:#112651;font-family:'Wayona Lan Signature',var(--body);font-style:normal;font-weight:400;font-size:5.4cqw;line-height:1.24;letter-spacing:0;text-wrap:balance;overflow-wrap:normal;-webkit-text-stroke:.022em currentColor;paint-order:stroke fill}
.gd-footnote{position:absolute;z-index:2;top:77.5%;left:20%;right:20%;display:flex;align-items:center;flex-direction:column;color:#132959;font-family:var(--body);font-style:normal;font-weight:400;line-height:1.35;letter-spacing:0}
.gd-book{font-size:2.8cqw;display:block;white-space:nowrap}
.gd-name{font-size:4cqw;display:block;white-space:nowrap;margin-top:.35em}
.gd-domain{font-size:2.8cqw;display:block;margin-top:.3em}
.gd-sheen{position:absolute;inset:0;pointer-events:none;z-index:1;mask:url('/assets/golden-drop-front.png') center/contain no-repeat;-webkit-mask:url('/assets/golden-drop-front.png') center/contain no-repeat;background:linear-gradient(110deg,transparent 36%,#fff9df00 43%,#fff9df50 49%,#fff9df08 55%,transparent 64%);background-size:300% 100%;background-position:150% 0;mix-blend-mode:screen;opacity:.65}
.gd-back .gd-sheen{mask-image:url('/assets/golden-drop-back.png');-webkit-mask-image:url('/assets/golden-drop-back.png')}
.gd-card:nth-child(2) .gd-sheen{}.gd-card:nth-child(3) .gd-sheen{}
.gd-turn-hint{font-size:.85rem;letter-spacing:.035em;color:#d5c7a9;margin:.65rem 0 1rem}
.gd-story{font-size:1rem;line-height:1.5;max-width:28rem;margin:0 auto .65rem;padding-inline:1.25rem}
.gd-story cite{font-style:normal}
.gd-reading{font-family:var(--body);font-size:1.05rem;max-width:28rem;margin:.65rem auto 0;padding-inline:1.25rem;text-align:center}
.gd-reading summary{cursor:pointer;color:#edcf8f;text-underline-offset:4px;min-height:44px;line-height:1.5;padding:.5rem .2rem;list-style-position:inside}
.gd-reading summary:hover{text-decoration:underline}
.gd-reading summary:focus-visible{outline:2px solid #ecd397;outline-offset:3px}
.gd-reading blockquote{font-size:1.4rem;line-height:1.65;margin:.75rem 0 1.5rem;padding:1rem 1.1rem;border-inline-start:1px solid #caa45b75;text-align:left;color:var(--cream);font-style:normal;background:none}
.gd-sample{display:inline-block;color:#edcf8f;padding:.55rem .35rem;margin:.25rem 0 0;font-size:1.1rem;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.gd-sample:focus-visible{outline:2px solid #ecd397;outline-offset:3px}
.gd-product .gd-wrap{max-width:1120px}
.gd-product-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.2fr);gap:3rem;align-items:center;max-width:1000px;margin:auto}
.gd-selector{display:grid;gap:.75rem;padding:1rem}
.gd-selector[hidden]{display:none}
.golden-drops .gd-select{display:flex;gap:1rem;text-align:left;align-items:center;font:inherit;font-size:1.05rem;line-height:1.5;color:var(--cream);border:1px solid #caa45b45;background:transparent;box-shadow:none;padding:1rem 1.2rem;min-height:64px;cursor:pointer;}
.golden-drops .gd-select[aria-pressed="true"]{border-color:#e2bd70;background:#e4bd6d12;color:#f3d698}
.golden-drops .gd-select:hover{border-color:#e2bd70}
.golden-drops .gd-select:focus-visible{outline:2px solid #ecd397;outline-offset:3px}
.gd-select-number{font-family:var(--display);font-size:.85rem;color:#dec18a;flex:none}
.gd-card[hidden]{display:none}
.gd-product:not(.gd-ready) .gd-deck{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.gd-status.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

html[data-motion="off"] .gd-sheen{opacity:0}
html[data-motion="off"] .gd-face{}
@media(max-width:1199px) and (min-width:741px){.gd-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:950px;margin:auto}.gd-grid .gd-card:last-child{grid-column:1/-1;max-width:460px}}
/* On phones, each complete drop occupies its own full-width reading section. */
@media(max-width:740px){.golden-drops{padding:3.5rem 0 4rem}.gd-grid{grid-template-columns:1fr;gap:3.5rem}.gd-wrap{width:100%}.gd-card{max-width:none;scroll-margin-block-start:1rem;break-inside:avoid}.gd-heading{margin-bottom:1rem}.gd-product-layout{display:block}.gd-selector{display:none}.gd-deck,.gd-product:not(.gd-ready) .gd-deck{display:grid;grid-template-columns:1fr;gap:3.5rem;width:100%}.gd-deck .gd-card{margin-bottom:0}.gd-inscription{inset-inline:17%;font-size:5.8cqw;line-height:1.2}.gd-footnote{top:79.5%}}
@media(prefers-reduced-motion:reduce){.gd-sheen{opacity:0}.gd-face,.golden-drops .gd-select{}}

.golden-drops .gd-turn::after,.golden-drops .gd-select::after{content:none}
.gd-sheen{display:none}.gd-is-visible .gd-sheen{display:block}

/* Optical font pairs preserve whole words and the original letter shapes. */
.brand-name,.wayona-script,.gd-inscription{font-kerning:normal;font-feature-settings:"kern" 1}
.home-hero .stage-note.wayona-script{letter-spacing:0}


/* Assessment correction, 15 October 2026.
   One continuous material surface. Exact approved image files and gold colors.
   No rectangular texture inserts, opacity fades, blur, or image color overlays. */
body{position:relative;isolation:isolate;min-height:100vh;background:var(--navy)}
/* Clipped-away studio pixels must not widen the phone document. */
#main-content{overflow-x:hidden;overflow-x:clip}
.site-material,.product-page .site-material{position:fixed;inset:-9%;width:118%;height:118%;max-width:none;object-fit:cover;object-position:center;z-index:-1;pointer-events:none;opacity:1;filter:none;mask:none}
.centered-brand,.home-hero,.hero,.product-header,.books,.collection-addition,
.golden-drops,.gold-beneath,.gifting,.release-section,footer,.product-nav{background:transparent}
.gallery::before,.gold-beneath::before,.home-hero::before{content:none}
.centered-brand{padding:1.3rem 1.5rem .4rem}
.centered-brand>a{display:flex;flex-direction:column;align-items:center;width:100%;text-decoration:none}
.centered-brand .wordmark{display:none}
.centered-brand .emblem--lg{position:static;transform:none;width:72px;height:72px;padding:.7rem;margin:0 auto}
.approved-wordmark{display:block;width:min(28rem,82vw);height:auto;aspect-ratio:1310/450;margin:.25rem auto .2rem;overflow:hidden}
.centered-brand .brand-tagline{margin:0 auto;font-size:1.1rem;line-height:1.5}
.centered-brand .gift-nav{margin-top:.4rem;padding-bottom:.3rem}
.centered-brand .nav-release{border-bottom:0}
.home-hero{padding:2.5rem 0 3rem;overflow:visible}
.home-hero .shell{width:min(100% - 4rem,68rem)}
.hero-layout{min-height:auto}
.hero-copy h1{font-size:clamp(2.05rem,2.8vw,2.65rem)}
.hero-copy>.label{font-size:.85rem}
.hero-copy .hero-intro{font-size:clamp(2rem,3vw,2.5rem);line-height:1.5;-webkit-text-stroke:.12px #e8c889}
.product-page .copy .line.wayona-script{font-size:clamp(2rem,3vw,2.5rem);line-height:1.5;-webkit-text-stroke:.12px #e8c889}
.gift-book-mockup img,.gallery img,.product-media-image img{opacity:1;filter:none;mask:none;-webkit-mask:none;mix-blend-mode:normal}
.gift-book-mockup{filter:drop-shadow(0 8px 7px #020c2638)}
html[data-motion='on'] .gift-book-mockup,html[data-motion='off'] .gift-book-mockup{transform:none}
.gd-sheen,.gd-is-visible .gd-sheen{display:none;opacity:0}
.gd-metal{filter:drop-shadow(0 8px 12px #020c2630)}
.gold-beneath{isolation:auto}
.gallery{overflow:visible}
.gallery .art-button{background:transparent}
@media(max-width:820px){
 .centered-brand{padding:1.15rem 1.25rem .4rem}
 .centered-brand .emblem--lg{width:64px;height:64px;padding:.6rem}
 .approved-wordmark{width:min(26rem,86vw)}
 .home-hero{padding:2rem 0 3rem}
 .home-hero .shell{width:calc(100% - 2.5rem)}
 .hero-copy h1{font-size:clamp(1.9rem,5.5vw,2.6rem)}
 .hero-copy .hero-intro{font-size:clamp(2rem,6vw,2.5rem)}
}
@media(max-width:420px){
 .centered-brand .brand-tagline{font-size:1rem}
 .centered-brand .gift-nav{font-size:.95rem;gap:.1rem 1.15rem}
 .centered-brand .gift-nav[aria-label='Explore Wayona Lan']{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center}
}
@media print{.site-material{display:none}}

/* Object bounds measured from the approved studio images; raster bytes unchanged. */
.gift-book-mockup img[src$="a-little-more-light-physical-mockup.webp"],.product-media-image img[src$="a-little-more-light-physical-mockup.webp"]{clip-path:polygon(83.5726% 20.5742%, 80.9410% 92.4242%, 80.5423% 92.9825%, 75.7576% 96.3317%, 74.8006% 96.3317%, 19.3780% 90.1914%, 18.8198% 89.7129%, 18.5805% 54.7049%, 18.5008% 5.4226%, 23.9234% 4.0670%, 62.5997% 3.6683%, 63.2376% 3.6683%, 80.9410% 7.0175%, 81.2600% 7.4960%);}
.gift-book-mockup img[src$="the-ones-still-here-physical-mockup.webp"],.product-media-image img[src$="the-ones-still-here-physical-mockup.webp"]{clip-path:polygon(23.5247% 4.8644%, 58.7719% 2.9506%, 59.6491% 2.9506%, 78.8676% 5.8214%, 79.4258% 5.9809%, 79.8246% 6.5391%, 79.8246% 91.8660%, 79.1069% 92.8230%, 73.3652% 96.4115%, 72.8070% 96.4115%, 22.5678% 89.7927%, 19.6970% 89.3142%, 19.1388% 88.5167%, 18.6603% 5.9809%, 19.7767% 5.5024%);}
.gift-book-mockup img[src$="still-her-own-physical-mockup.webp"],.product-media-image img[src$="still-her-own-physical-mockup.webp"]{clip-path:polygon(20.3349% 84.3700%, 20.4147% 6.6188%, 20.7337% 6.2998%, 23.8437% 5.5821%, 61.4035% 2.7113%, 62.1212% 2.7113%, 79.2663% 5.1037%, 79.8246% 5.5821%, 80.7018% 17.0654%, 79.5853% 91.3078%, 78.9474% 92.0255%, 74.0032% 94.8963%, 73.3652% 94.8963%, 21.4514% 88.2775%, 20.8931% 88.1180%, 20.3349% 87.4003%);}

/* Device adaptation requested 15 October 2026.
   Keep the original raster, color and aspect ratio. Portrait framing includes
   the approved left water-worn edge; desktop landscape framing stays intact. */
@media (max-width:1180px) and (max-aspect-ratio:1/1){
 .site-material,.product-page .site-material{object-position:18% center}
}
/* Extend the established stacked tablet hero through larger portrait tablets
   and compact landscape tablets. Reuse the existing tablet relationships. */
@media (min-width:821px) and (max-width:1024px){
 .hero-layout{grid-template-columns:1fr;gap:2.5rem;min-height:auto}
 .hero-copy{max-width:37rem;margin:auto;text-align:center}
 .hero-copy>p{margin-inline:auto;max-width:33rem}
 .hero-collection{max-width:38rem;width:100%;margin:auto}
}
/* Keep the same two-row phone navigation on larger phones too. */
@media (min-width:421px) and (max-width:600px){
 .centered-brand .gift-nav[aria-label='Explore Wayona Lan']{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center}
}

/* Responsive release also prepares gold-drop reverse images before first tap. */

/* Phone composition: turn the unchanged landscape material into a portrait
   surface so its water-worn gold edges remain visible above and below. */
@media (max-width:600px) and (max-aspect-ratio:1/1){
 .site-material,.product-page .site-material{
  inset:auto;left:50%;top:50%;width:118vh;height:118vw;
  object-fit:cover;object-position:center;
  transform:translate(-50%,-50%) rotate(90deg);
 }
}

/* Short phones bring more of the material above the header and leave a shallower lower edge. */
@media (max-width:600px) and (max-height:700px) and (max-aspect-ratio:1/1){
 .site-material,.product-page .site-material{top:55%}
}

/* The material belongs to the document's sections, never to the viewport.
   All texture is the original approved raster, at full opacity and color. */
body{background:#003485}
.site-material{display:none!important}
[data-material]{position:relative;isolation:isolate;background:linear-gradient(135deg,#013689,#003485 54%,#002d78)}
[data-material="quiet-deep"]{background:linear-gradient(165deg,#002d78,#003485 54%,#013689)}
.section-material{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}
.section-material .material-landscape{position:absolute;inset:auto;top:-8%;left:-8%;width:116%;height:116%;max-width:none;object-fit:cover;object-position:center;opacity:1;filter:none;mask:none;transform:none}
[data-material="right"]>.section-material .material-landscape{left:-17%;top:-11%;width:122%;height:122%;object-position:right 30%}
[data-material="left"]>.section-material .material-landscape{left:-5%;top:-11%;width:122%;height:122%;object-position:left 75%}
[data-material="author"]>.section-material .material-landscape{left:-3%;top:-3%;width:106%;height:106%;object-position:center}
.material-portrait{display:none}
.author-world{border-block:1px solid var(--line);padding-block:7rem}
.author-world-wrap{max-width:70rem}
.author-kicker{margin:0 0 3rem;text-align:left}
.author-world-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:4.5rem;align-items:start}
.author-statement,.author-statement blockquote{margin:0;max-width:none;text-align:left}
.author-world-title{font-family:var(--display);font-weight:600;font-size:clamp(2.8rem,4.7vw,4.3rem);line-height:1.12;text-wrap:balance;margin:0 0 1.5rem}
.author-statement p{font-size:1.25rem;line-height:1.7;margin:1.5rem 0;max-width:30em}
.author-statement .author-lead{font-size:1.65rem;line-height:1.45;margin:0 0 2rem}
.author-attribution{margin-top:2.3rem;font-size:1.05rem;line-height:1.7}
.author-attribution>div:first-child{font-family:var(--display);font-weight:500;font-size:1.65rem;line-height:1.4;margin-bottom:.5rem}
.author-symbols{border-inline-start:1px solid var(--line);padding-inline-start:3rem;margin:0}
.author-symbols h3{font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,2.6vw,2.2rem);line-height:1.3;text-wrap:balance;margin:0 0 2rem}
.author-symbols p{font-size:1.25rem;line-height:1.7;margin:1.5rem 0}
.author-symbols p:last-child{margin-bottom:0}
#author-world,#author-note,#gold-beneath-passage{scroll-margin-top:2rem}
@media(max-width:1000px){
 .author-world-grid{gap:2.5rem}
 .author-symbols{padding-inline-start:2rem}
}
@media(max-width:900px){
 .author-world{padding-block:7rem}
 .author-world-wrap{max-width:42rem}
 .author-world-grid{grid-template-columns:1fr;gap:3.5rem}
 .author-kicker{margin-bottom:2rem}
 .author-world-title{font-size:clamp(2.5rem,8vw,3.8rem)}
 .author-symbols{border-inline-start:0;border-block-start:1px solid var(--line);padding:3rem 0 0}
 .author-symbols h3{max-width:19em;font-size:clamp(1.8rem,5.8vw,2.25rem)}
}
@media(max-width:900px) and (max-aspect-ratio:1/1){
 .section-material .material-landscape{display:none}
 .section-material .material-portrait{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;opacity:1;filter:none;transform:none}
 [data-material="right"]>.section-material .material-portrait{transform:scaleX(-1)}
}
@media(max-width:600px) and (max-aspect-ratio:1/1){
 .home-hero[data-material],.product-header[data-material]{padding-top:7rem}
}
@media print{
 [data-material]{background:none}
 .section-material{display:none}
 .author-world-grid{display:block}
}

/* 16 October: a single document-owned texture continues across every section.
   The SVG contains the exact approved PNG, cropped and reflected at its edges.
   The material is never fixed to the screen and never blurred or washed out. */
body{position:relative;isolation:isolate;background:#003485}
.continuous-material{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none;background:url('/assets/wayona-continuous-material.svg?v=20261016b') center top/100% auto repeat-y;opacity:1;filter:none}
.site-material,.section-material{display:none!important}
.centered-brand,.home-hero,.hero,.product-header,.books,.collection-addition,
.golden-drops,.gold-beneath,.gifting,.release-section,footer,.product-nav,
.author-world,.band,main{background:transparent}
.books,.collection-addition,.release-section,.author-world,footer{border-block:0}
/* Source gold occupies at most 11.8% at either edge.
   Both text margins sit beyond that source boundary at every viewport. */
.wrap,.home-hero .shell,.gifting .shell,.release-section .wrap,.gd-wrap{width:70%;max-width:68rem;margin-inline:auto;padding-inline:0}
footer{padding-inline:15%}
.author-world-wrap{max-width:68rem}
.wrap.narrow{max-width:47rem}
.centered-brand .approved-wordmark{width:min(28rem,76vw)}
.centered-brand .brand-tagline,.centered-brand .gift-nav{max-width:70vw;margin-inline:auto}
.home-hero{padding-top:2.5rem}
.product-header{padding-top:5rem}
.edition,.collection-card,.release-form{background:transparent}
/* The author's original words are the exceptional material reveal. Quiet,
   stationary brushed gold and a fine recessed edge echo the approved logo. */
.author-world-title{background-image:var(--wl-gold-copy);background-size:64px 240px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #091d42) drop-shadow(0 -1px 0 #b4884a66)}
.author-symbols h3{font-size:clamp(1.65rem,2.1vw,1.95rem);}
.author-world .gold{}
#artistry h2{font-size:clamp(1.8rem,2.8vw,2.6rem)}
#artistry h3{font-size:1.5rem}
@media(max-width:900px){
 .author-world{padding-block:5rem}
 .author-world-title{font-size:clamp(2rem,7.5vw,3.8rem)}
 .author-statement .author-lead{font-size:1.4rem}
 .author-statement p,.author-symbols p{font-size:1.15rem}
}
@media(max-width:600px){
 .wrap,.home-hero .shell,.gifting .shell,.release-section .wrap{width:72%}
 .centered-brand .brand-tagline,.centered-brand .gift-nav{max-width:76vw}
 .home-hero{padding-top:2rem}
 .hero-copy h1{font-size:1.85rem}
 .hero-copy .hero-intro{font-size:1.9rem}
 .release-form{padding:1rem}
 .edition{padding:1.25rem}
 footer{padding-inline:14%}
}
@media(max-width:740px){
 .gd-wrap{width:100%}
 .gd-heading,.gd-story,.gd-reading,.gd-turn-hint{width:72%;margin-inline:auto;padding-inline:0}
}
@media print{.continuous-material{display:none}}

/* 16 October: twenty unique sparse-peeling photographs replace the reflected tile.
   The 120-source-pixel joins contain blue paint only, verified in every asset.
   No gold or water enters a join. No blur, gray overlay, or reflected image. */
.continuous-material{background:#003485;overflow:hidden}
.material-panel{display:block;position:absolute;left:0;width:100%;height:auto;max-width:none;aspect-ratio:1672/941;margin:0;padding:0;filter:none;opacity:1;transform:none;object-fit:contain;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0,#000 12.752391%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12.752391%,#000 100%)}
.material-panel:first-child{mask-image:none;-webkit-mask-image:none}
@media print{.continuous-material{display:none}}

/* Author-approved type and spacing refinement, 15 October 2026 Pacific.
   Original artwork, fonts, page order, copy and the restored logo stay intact. */
:root{
 --reading-copy:clamp(1.375rem,1.1rem + .45vw,1.5rem);
 --reading-section:clamp(2.5rem,4.2vw,3.75rem);
 --gilt-copy:linear-gradient(112deg,#edc77c 0%,#ffe8b0 18%,#f2cf86 33%,#fff0c2 43%,#e6bf73 48%,#f8db98 61%,#e9c378 78%,#ffe7aa 100%);
 --gilt-brush:repeating-linear-gradient(0deg,#fff0c30a 0 .7px,#bd8e4406 .7px 1.4px);
}
body{font-size:var(--reading-copy);font-weight:700;line-height:1.55}
.gilt-text{color:#f2cf86;background-image:var(--gilt-brush),var(--gilt-copy);background-size:auto,100% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-shadow:0 .5px .35px #061a3920}
.gilt-text::selection{background:#f2cf86;color:#102659;-webkit-text-fill-color:#102659}
.label,.eyebrow,.release-grid .eyebrow{font-size:1.0625rem;font-weight:600;letter-spacing:.11em;line-height:1.5}
h1,h2,h3,h4,.author-attribution>div:first-child{font-weight:700}
.hero-copy h1,.product-page .copy h1{font-size:clamp(2.15rem,1.4rem + 1.65vw,3rem);line-height:1.2}
.section-title,.copy h2,.book>.copy h2,.collection-intro h2,.art-introduction h2,.gift-layout h2,.release-grid h2,#artistry h2{font-size:clamp(1.9rem,1.3rem + 1.3vw,2.75rem);line-height:1.25}
.choice h3,.signature-symbols h3,#artistry h3,.author-symbols h3{font-size:clamp(1.6rem,1.25rem + .75vw,2rem);line-height:1.3}
.hero-copy>.label,.choice .label,.book-description .label,.gd-heading .label{font-size:1.0625rem;letter-spacing:.09em}
.hero-copy>p:not(.label):not(.hero-intro),.copy>p:not(.line):not(.label),.center-copy p,.collection-intro>p:not(.label),.choice p:not(.label),.gift-copy p,.release-grid p:not(.eyebrow):not(.form-note),.quiet p,.author-statement p,.author-symbols p,.prose p,.material-note{font-size:var(--reading-copy);line-height:1.55}
.lead{font-size:clamp(1.65rem,1.25rem + 1.2vw,2.25rem);line-height:1.45;margin-top:1.5rem}
.quiet{margin-top:1.4rem;max-width:38rem}
.quiet p:last-child,.collection-intro p:last-child,.author-symbols p:last-child{margin-bottom:0}
.centered-brand .brand-tagline{font-size:1.3125rem;line-height:1.45}
.centered-brand .gift-nav{font-size:1.1875rem;gap:.35rem 1.6rem;margin-top:1rem}
.centered-brand .gift-nav a{min-height:44px}
.product-nav-links,.product-nav .label{font-size:1.1875rem}
.stage-book figcaption{font-size:1.1875rem;line-height:1.4;margin-top:1rem}
.home-hero .stage-note.wayona-script{font-size:2rem;line-height:1.45;margin-top:1rem}
.home-hero .hero-intro.wayona-script,.product-page .copy .line.wayona-script{font-size:clamp(2.3rem,1.85rem + .8vw,2.75rem);line-height:1.5}
.wayona-script,.hero-copy .hero-intro,.product-page .copy .line.wayona-script,.home-hero .stage-note.wayona-script{font-weight:400;-webkit-text-stroke:.3px #edc77c;paint-order:stroke fill}
.stories .t{font-size:var(--reading-copy);line-height:1.45}
.stories .n{font-size:1.1875rem;font-weight:600}
.stories{margin-block:1.25rem 1.75rem}
.stories li{padding-block:.7rem;gap:.65rem}
.cta,.hero-copy .cta,.product-page .cta,.sample-actions .cta,.physical-edition .cta,.book-actions .cta{font-size:1.125rem;font-weight:700;letter-spacing:.055em;line-height:1.45;padding:.85rem 1.4rem;white-space:normal;max-width:100%;text-align:center}
.text-link,.choice-link,.sample-link,.enlarge-link,.cover-pair-link,.gd-sample{font-size:1.25rem;line-height:1.45;font-weight:700}
.action-row{gap:.7rem 1.4rem;margin-top:1.25rem}
.choice-actions{gap:.4rem 1.4rem}
.choice-link,.choice-actions .sample-link{margin-top:.65rem}
.band,.section,.gifting,.golden-drops,.author-world{padding-block:var(--reading-section)}
.home-hero{padding-block:2rem 2.5rem}
.product-header{padding-block:var(--reading-section)}
.hero-layout{gap:2.5rem;min-height:auto}
.collection-intro{max-width:43rem;margin-bottom:2rem}
.collection-intro h2{margin-block:1rem}
.choice{padding-top:1.15rem}
.choice-grid{gap:1.75rem}
.choice h3{margin-block:.85rem}
.choice p{margin-block:.85rem}
.art-introduction{margin:2.75rem 0 1.75rem}
.gallery-heading{font-size:clamp(1.6rem,1.25rem + 1vw,2.1rem);line-height:1.35;margin:2.75rem 0 1.25rem}
.book + .gallery,.product-gallery{margin-top:2.5rem}
.gallery + .book{margin-top:3.5rem;padding-top:3.5rem}
.book{gap:3rem}
.specs{margin-top:2.5rem;font-size:1.1875rem}
.signature-symbols{margin-top:2rem}
.signature-symbols h3{margin-top:1.75rem}
.gold-art-note p{margin-block:1.15rem}
.author-kicker{margin-bottom:1.5rem}
.author-world-grid{gap:3rem}
.author-world-title{font-size:clamp(2.2rem,1.5rem + 2.1vw,3.5rem);line-height:1.2;margin-bottom:1.2rem}
.author-statement .author-lead{font-size:clamp(1.5rem,1.3rem + .6vw,1.8rem);line-height:1.45;margin-bottom:1.5rem}
.author-statement p,.author-symbols p{margin-block:1.15rem}
.author-attribution{font-size:1.25rem;line-height:1.5;margin-top:1.6rem}
.author-attribution>div:first-child{font-size:1.8rem}
.author-symbols{padding-inline-start:2rem}
.author-symbols h3{margin-bottom:1.35rem}
.gd-heading>p:last-child,.gd-story,.gd-reading{font-size:var(--reading-copy);line-height:1.5}
.gd-turn-hint,.reading-source,.product-page .copy .book-meta,.release-note,.art-note,.cta-note,.small{font-size:1.1875rem;line-height:1.5}
.gd-reading blockquote{font-size:1.5rem;line-height:1.55}
.golden-drops .gd-select{font-size:1.25rem;font-weight:700;line-height:1.45}
.gd-select-number{font-size:1.0625rem}
.product-media-tab,.product-media-panel figcaption,.cover-pair figcaption,.media-enlarge{font-size:1.1875rem;line-height:1.45;font-weight:700;letter-spacing:0}
.media-number{font-size:1rem}
.release-grid{gap:3rem}
.release-grid>div{max-width:34rem}
.release-form{padding:1.5rem}
.release-form>label,.release-form .consent,.release-form input[type=email],.release-form select{font-size:1.25rem;line-height:1.45;font-weight:700}
.release-form input[type=email],.release-form select{min-height:56px}
.form-note{font-size:1.125rem;line-height:1.5}
.excerpt{font-size:1.375rem;line-height:1.6}
.excerpt p{font-size:inherit;line-height:inherit}
.reading{max-width:39rem}
.reading-controls{gap:.65rem;margin-bottom:1.6rem}
.reading-controls span,.reading-controls button{font-size:1.1875rem;font-weight:700}
.reading-controls button{padding:.7rem .85rem;min-height:48px}
.reading-controls button[aria-pressed=true]{color:#102659}
.reading-controls button[aria-pressed=true] .gilt-text{color:#102659;background:none;-webkit-text-fill-color:#102659;text-shadow:none}
.art-viewer p,.art-viewer button{font-size:1.1875rem;font-weight:700;line-height:1.5}
[data-viewer-caption],[data-viewer-zoom],.motion-toggle{color:#f2cf86;background-image:var(--gilt-copy);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.motion-toggle{font-size:1.125rem;min-height:44px}
footer{padding-block:2.75rem 3rem}
footer .label,footer .copy-r{font-size:1.125rem;line-height:1.5}
.footer-nav{font-size:1.1875rem;line-height:1.5;gap:.65rem 1.4rem;margin-top:1.5rem}
.footer-nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1024px){.choice-grid{grid-template-columns:1fr;max-width:40rem;margin-inline:auto}.choice-actions{gap:.35rem 1.2rem}}
@media(max-width:900px){
 .author-world-grid{gap:2rem}
 .author-symbols{padding:2rem 0 0;border-inline-start:0}
 .author-world-wrap{max-width:42rem}
}
@media(max-width:740px){
 .gd-grid,.gd-deck,.gd-product:not(.gd-ready) .gd-deck{gap:2rem}
 .gd-heading,.gd-story,.gd-reading,.gd-turn-hint{width:82%}
}
@media(max-width:600px){
 :root{--reading-copy:1.375rem;--reading-section:2.25rem}
 .wrap,.home-hero .shell,.gifting .shell,.release-section .wrap{width:84%;padding-inline:0}
 .centered-brand .brand-tagline,.centered-brand .gift-nav{max-width:84vw}
 .centered-brand .gift-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem 1rem;font-size:1.1875rem}
 .centered-brand .gift-nav a{justify-content:center;line-height:1.4}
 .centered-brand .brand-tagline{font-size:1.25rem}
 .home-hero{padding-block:1.75rem 2.25rem}
 .hero-layout,.book,.gift-layout{gap:2rem}
 .hero-copy h1{font-size:clamp(2.05rem,8.6vw,2.45rem);line-height:1.2}
 .hero-copy>.label{font-size:1rem}
 .stage-book figcaption{font-size:1.125rem;line-height:1.35;margin-top:.7rem}
 .home-hero .book-stage{gap:.5rem;padding:.75rem 0}
 .home-hero .stage-note.wayona-script{font-size:2rem;line-height:1.4;margin-top:.65rem}
 .home-hero .hero-intro.wayona-script{font-size:2.3rem;line-height:1.4}
 .mobile-hint{font-size:1.1875rem;line-height:1.4}
 .hero-copy .cta,.cta,.product-page .cta{font-size:1.0625rem;padding:.85rem 1rem}
 .book>.copy h2,.product-page .copy h1{font-size:2.1rem}
 .choice-grid{gap:1.75rem}
 .collection-intro{margin-bottom:1.5rem}
 .author-world-title{font-size:2.15rem}
 .author-kicker{font-size:1rem;letter-spacing:.09em}
 .release-grid{gap:1.75rem}
 .release-form{padding:1rem}
 .release-form .consent,.form-note{font-size:1.125rem}
 .reading-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
 .reading-controls>span{grid-column:1/-1}
 .reading-controls button{font-size:1.125rem;padding:.6rem .2rem}
 footer{padding-inline:8%;padding-block:2.5rem}
}
@media(prefers-contrast:more){.gilt-text{background:none;color:#ffe8b0;-webkit-text-fill-color:#ffe8b0;text-shadow:none}}
@media(forced-colors:active){.gilt-text{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;text-shadow:none}}
@media print{.gilt-text{background:none;color:#111;-webkit-text-fill-color:#111;text-shadow:none}}

/* Approved 15 October 2026: the actual background gold, with flowing light.
   Only the reflected light moves. Fonts, geometry and artwork are unchanged. */
:root{
 --wyona-gold-material:var(--wl-gold-copy);
 --wyona-gold-wave:linear-gradient(108deg,transparent 34%,#ffe9ae08 39%,#ffe9ae54 45%,#ffe9aed9 49%,#ffe9ae72 53%,#ffe9ae12 61%,transparent 68%);
}
.gilt-text,[data-viewer-caption],
.reading-controls button[aria-pressed=true] .gilt-text{
 color:#f6c979;
 background-image:var(--wyona-gold-wave),var(--wyona-gold-material);
 background-size:250% 100%,64px 240px;
 background-position:140% 0,0 0;
 background-repeat:no-repeat,repeat;
 background-clip:text;-webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
}
/* Fine dark engraving edges keep gold lettering readable on gold objects. */
.cta .gilt-text,.gd-turn .gilt-text,
.reading-controls button[aria-pressed=true] .gilt-text{
 -webkit-text-stroke:.65px #102659;
 paint-order:stroke fill;
 text-shadow:0 .65px .2px #102659;
}
.gd-inscription .gilt-text{-webkit-text-stroke:1px #102659}
.gd-footnote .gilt-text{-webkit-text-stroke:.45px #102659}
.approved-wordmark .wyona-wordmark-reflection{display:none;pointer-events:none}


@media(prefers-reduced-motion:no-preference){
 html:not([data-motion=off]) .gilt-text,
 html:not([data-motion=off]) [data-viewer-caption]{
 }
 html:not([data-motion=off]) .approved-wordmark .wyona-wordmark-reflection{
  display:block;
 }
}
/* Keep each plate separate from its clipped gold label. Dynamic controls
   receive the same label span whenever their text changes. */
button.motion-toggle,button[data-viewer-zoom]{
 background-clip:border-box;-webkit-background-clip:border-box;
 -webkit-text-fill-color:initial;color:#102659;
}
.cta>.gilt-text,button:not(.art-button):not(.gd-turn):not(.gd-select) .gilt-text{
 position:relative;z-index:1;
 -webkit-text-stroke:.8px #102659;paint-order:stroke fill;
 text-shadow:0 .7px .25px #102659;
}
#books .cover-wrap>.enlarge-link{
 display:flex;align-items:center;justify-content:center;
 width:fit-content;max-width:100%;margin:1rem auto 0;text-align:center;
}
#books .gallery::after{
 height:clamp(6rem,8vw,8rem);
 width:calc(clamp(6rem,8vw,8rem) * 609 / 1085);
}
.sample-end-rose{
 height:clamp(6rem,8vw,8rem);width:auto;max-width:100%;
}
@media(prefers-contrast:more){
 .gilt-text,[data-viewer-caption],[data-viewer-zoom],.motion-toggle{background:none;color:#ffe8b0;-webkit-text-fill-color:#ffe8b0}
 .approved-wordmark .wyona-wordmark-reflection{display:none!important}
}
@media(forced-colors:active){
 .gilt-text,[data-viewer-caption],[data-viewer-zoom],.motion-toggle{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;text-shadow:none}
 .approved-wordmark .wyona-wordmark-reflection{display:none!important}
}
@media print{
 .gilt-text,[data-viewer-caption],[data-viewer-zoom],.motion-toggle{background:none;color:#111;-webkit-text-fill-color:#111;-webkit-text-stroke:0;text-shadow:none}
 .approved-wordmark .wyona-wordmark-reflection{display:none!important}
}

/* Books belong to the page from first paint. No scroll entrances or replays. */
.js .reveal,.js .reveal.in,.reveal{
 opacity:1;transform:none;
}
.flow-ready .flow-word,.flow-in .flow-word,
.flow-ready .flow-letter,.flow-in .flow-letter{
 opacity:1;transform:none;
}
.book-object.book-arrived,
.book-arrived .satin-tail,.book-arrived .satin-loop{
}
/* Independent rotation preserves the existing photographic crop and 3D pose.
   No vertical travel, scale, fade, delay, or scroll-dependent trigger. */

@media(prefers-reduced-motion:no-preference){
 html[data-motion='on'] .gift-book-mockup,
 html[data-motion='on'] .stage-book:nth-child(2) .gift-book-mockup,
 html[data-motion='on'] .stage-book:nth-child(3) .gift-book-mockup,
 html[data-motion='on'] .book-object,
 html[data-motion='on'] .book-object.book-arrived{
 }
}
html[data-motion='off'] .gift-book-mockup,
html[data-motion='off'] .book-object{rotate:none;
}
@media(prefers-reduced-motion:reduce){
 .gift-book-mockup,.book-object{rotate:none!important}
}
/* Gold light ebbs gently without an entrance, reset, or resting pause. */


/* Keep controls in their established positions as well. */
.cta:hover,.cta:focus-visible{transform:none}
@media print{.gift-book-mockup,.book-object{rotate:none!important}}

/* Only two automatic movements remain: a fully visible book tilt and an
   unbroken repeating light texture. No fades, entrance effects, or pulses. */
html body *,html body *::before,html body *::after{
 animation:none!important;animation-delay:0s!important;transition:none!important;
}
.js .reveal,.js .reveal.in,.reveal,
.flow-ready .flow-word,.flow-in .flow-word,
.flow-ready .flow-letter,.flow-in .flow-letter{
 opacity:1!important;visibility:visible!important;transform:none!important;
}
.gift-book-mockup,.gift-book-mockup img,.book-object,.book-stage,
.stage-book,.book-display,.cover-wrap,.gallery,.gallery img,
.product-media-image img,.gilt-text{
 opacity:1!important;
}
.gift-book-mockup,.book-object{rotate:none!important}
/* Remove the old transient glints entirely. Original gold stays visible. */
.approved-wordmark .wyona-wordmark-reflection,
.gift-corner-seal::after,.book-surface-reflection,
.book-fore-edge::after,.book-top-edge::after,.book-bottom-edge::after,
.cta::after,.button.primary::after,button:not(.art-button)::after,
.gd-sheen,.gd-is-visible .gd-sheen{display:none!important}
.gilt-text,[data-viewer-caption]{
 background-color:#d5af66;
 --wyona-gold-wave:linear-gradient(90deg,#ffe9ae18 0%,#ffe9ae55 25%,#ffe9ae18 50%,#ffe9ae55 75%,#ffe9ae18 100%);
 background-image:var(--wyona-gold-wave),var(--wyona-gold-material);
 background-size:240px 100%,64px 240px;
 background-repeat:repeat,repeat;
 background-position:0 0,0 0;
}

@keyframes wyona-steady-book{
 0%,100%{transform:rotate(-.35deg)}
 50%{transform:rotate(.35deg)}
}
@media(prefers-reduced-motion:no-preference){
 html:not([data-motion='off']) body .gilt-text,
 html:not([data-motion='off']) body [data-viewer-caption]{
  animation:none!important;
  animation-delay:0s!important;
 }
 html[data-motion='on'] body .gift-book-mockup,
 html[data-motion='on'] body .stage-book:nth-child(2) .gift-book-mockup,
 html[data-motion='on'] body .stage-book:nth-child(3) .gift-book-mockup{
  animation:wyona-steady-book 11s ease-in-out infinite!important;
  animation-delay:0s!important;
 }
}
@media(prefers-reduced-motion:reduce),(prefers-contrast:more),(forced-colors:active){
 html body .gilt-text,html body [data-viewer-caption],
 html body .gift-book-mockup{animation:none!important}
}
@media(forced-colors:active){html body .gilt-text,html body [data-viewer-caption]{background:none!important}}
@media print{html body *{animation:none!important}}

/* Approved 17 October 2026: persistent content and restrained brushed gold.
   Layout, type metrics, image crops and the twenty-painting sequence are locked. */
:root{
 --wl-gold-base:#E8C889;
 --wl-gold-copy:linear-gradient(180deg,#F8E3A8 0%,#ECD080 30%,#E4BC61 53%,#EBCB7B 72%,#FAE7AE 100%);
 --wl-gold-title:linear-gradient(180deg,#FFF0BC 0%,#F2D17B 24%,#DEB552 47%,#C9A348 55%,#E9C469 68%,#FFF0BA 84%,#E8C77D 100%);
 --wl-brush:repeating-linear-gradient(180deg,#fff5d016 0 .45px,transparent .45px 1.1px,#805e1808 1.1px 1.5px,transparent 1.5px 2.6px);
 --wl-reflection:linear-gradient(105deg,transparent 0%,transparent 42%,#fff4cf0a 47%,#fff4cf33 50%,#fff4cf0a 53%,transparent 58%,transparent 100%);
 --wyona-gold-material:var(--wl-gold-copy);
}
html,body{scroll-behavior:auto!important;animation:none!important;transition:none!important}
html body *,html body *::before,html body *::after{scroll-behavior:auto!important}
html body *::backdrop{animation:none!important;transition:none!important}
html body .continuous-material,html body .material-panel,
html body .emblem,html body .approved-wordmark{
 opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;
}
html body .js .reveal,html.js body .reveal,html body .reveal,
html body .flow-ready .flow-word,html body .flow-in .flow-word,
html body .flow-ready .flow-letter,html body .flow-in .flow-letter{
 opacity:1!important;visibility:visible!important;transform:none!important;
 animation:none!important;transition:none!important;
}
/* Solid, readable fallback exists before the optional clipped treatment. */
html:root body .gilt-text,html:root body [data-viewer-caption],
html:root body :is(.gold,.author-world-title){
 color:var(--wl-gold-base);-webkit-text-fill-color:var(--wl-gold-base);
 background:none;filter:none;animation:none!important;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 html:root body .gilt-text,html:root body [data-viewer-caption],
 html:root body :is(.gold,.author-world-title){
  background-color:var(--wl-gold-base);
  background-image:var(--wl-brush),var(--wl-gold-copy);
  background-size:auto,100% 100%;background-position:0 0,0 0;
  background-repeat:repeat,no-repeat;
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
  text-shadow:none;filter:none;
 }
 html:root body :is(h1,h2,h3,.wayona-script,.brand-name) .gilt-text,
 html:root body :is(h1,h2,h3).gilt-text{
  background-image:var(--wl-brush),var(--wl-gold-title);
 }
 /* Only the transparent highlight travels. The brushed gold beneath stays fixed. */
 html:root body .gilt-text[data-wl-reflection]{
  background-image:var(--wl-reflection),var(--wl-brush),var(--wl-gold-title);
  background-size:260% 100%,auto,100% 100%;
  background-repeat:no-repeat,repeat,no-repeat;
  background-position:110% 0,0 0,0 0;
 }
}
/* Engraved, readable labels on the existing gold plates. */
html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)) .gilt-text,
html:root body .reading-controls button[aria-pressed=true] .gilt-text{
 color:#102659;-webkit-text-fill-color:#102659;background:none;
 -webkit-text-stroke:0;text-shadow:0 1px 0 #fff3cd66;
 filter:none;animation:none!important;
}
html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)){
 background-color:var(--wl-gold-base);
 background-image:var(--wl-brush),var(--wl-gold-title);
 background-size:auto,100% 100%;background-position:0 0,0 0;
 background-repeat:repeat,no-repeat;
 color:#102659;-webkit-text-fill-color:#102659;
 background-clip:border-box;-webkit-background-clip:border-box;
 animation:none!important;
}
@keyframes wyona-soft-reflection{
 from{background-position:110% 0,0 0,0 0}
 to{background-position:-10% 0,0 0,0 0}
}
@keyframes wyona-soft-wordmark{
 from{transform:translateX(-65%)}
 to{transform:translateX(65%)}
}
@media(prefers-reduced-motion:no-preference){
 @supports ((background-clip:text) or (-webkit-background-clip:text)){
  html:root[data-motion='on'] body .gilt-text[data-wl-reflection]{
   animation:wyona-soft-reflection var(--wl-flow-duration,20s) ease-in-out infinite alternate!important;
   animation-delay:var(--wl-flow-delay,0s)!important;
   animation-play-state:var(--wl-reflection-state,paused)!important;
  }
 }
 html:root[data-motion='on'] body .approved-wordmark .wyona-wordmark-reflection{
  display:block!important;pointer-events:none;opacity:.18!important;
  transform-box:fill-box;
  animation:wyona-soft-wordmark 23s ease-in-out infinite alternate!important;
  animation-play-state:var(--wl-reflection-state,paused)!important;
 }
}
html:root[data-motion='off'] body .gilt-text[data-wl-reflection],
html:root[data-motion='off'] body .approved-wordmark .wyona-wordmark-reflection{
 animation:none!important;
}
html:root[data-motion='off'] body .approved-wordmark .wyona-wordmark-reflection{display:none!important}
@media(prefers-reduced-motion:reduce){
 html:root body .gilt-text,html:root body .approved-wordmark .wyona-wordmark-reflection,
 html:root body .gift-book-mockup{animation:none!important}
 html:root body .approved-wordmark .wyona-wordmark-reflection{display:none!important}
}
@media(prefers-contrast:more){
 html:root[data-motion] body .gilt-text[data-wl-reflection],
 html:root[data-motion] body .approved-wordmark .wyona-wordmark-reflection{
  animation:none!important;
 }
 html:root body .gilt-text,html:root body [data-viewer-caption],html:root body :is(.gold,.author-world-title){
  background:none!important;color:#FFE8B0!important;-webkit-text-fill-color:#FFE8B0!important;
  -webkit-text-stroke:0;text-shadow:none;animation:none!important;
 }
 html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)) .gilt-text{
  color:#102659!important;-webkit-text-fill-color:#102659!important;
 }
 html:root[data-motion] body .approved-wordmark .wyona-wordmark-reflection{display:none!important}
}
@media(forced-colors:active){
 html:root[data-motion] body .gilt-text[data-wl-reflection],
 html:root[data-motion] body .approved-wordmark .wyona-wordmark-reflection{
  animation:none!important;
 }
 html:root body .gilt-text,html:root body [data-viewer-caption],html:root body :is(.gold,.author-world-title),
 html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)) .gilt-text{
  background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;
  -webkit-text-stroke:0;text-shadow:none;animation:none!important;
 }
 html:root[data-motion] body .approved-wordmark .wyona-wordmark-reflection{display:none!important}
}
@media print{
 html:root[data-motion] body .gilt-text[data-wl-reflection],
 html:root[data-motion] body .approved-wordmark .wyona-wordmark-reflection{
  animation:none!important;
 }
 html:root body .gilt-text,html:root body [data-viewer-caption],html:root body :is(.gold,.author-world-title){
  background:none!important;color:#111!important;-webkit-text-fill-color:#111!important;
  -webkit-text-stroke:0;text-shadow:none;animation:none!important;
 }
 html:root[data-motion] body .approved-wordmark .wyona-wordmark-reflection{display:none!important}
}
@media(prefers-contrast:more),(forced-colors:active),print{
 html:root[data-motion='on'] body .gift-book-mockup,
 html:root[data-motion='on'] body .stage-book:nth-child(n) .gift-book-mockup{
  animation:none!important;
 }
}

/* Requested navigation marquee, 17 October 2026. The existing four links,
   gold lettering, type size and navigation width stay in their original row.
   The default is a stationary, wrapping navigation; motion is opt-in through
   the site's existing motion state. No opacity, masks or entrance effects. */
.centered-brand .gift-nav.wyona-marquee{
 --wyona-marquee-gap:1.6rem;
 --wyona-marquee-row-gap:.35rem;
 display:block;overflow:visible;
}
.wyona-marquee-track{
 display:block;width:100%;min-width:0;
 transform:none;animation:none!important;
}
.wyona-marquee-group{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
 gap:var(--wyona-marquee-row-gap) var(--wyona-marquee-gap);
}
.wyona-marquee-group a{flex:none;white-space:nowrap}
.wyona-marquee-group[aria-hidden='true']{display:none}
@keyframes wyona-navigation-loop{
 from{transform:translateX(0)}
 to{transform:translateX(-50%)}
}
@media(prefers-reduced-motion:no-preference){
 html[data-motion='on'] .centered-brand .gift-nav.wyona-marquee{overflow:hidden}
 html[data-motion='on'] body .wyona-marquee-track{
  display:flex;width:max-content;min-width:200%;
  animation:wyona-navigation-loop 48s linear infinite!important;
 }
 html[data-motion='on'] .wyona-marquee-group{
  flex:1 0 auto;flex-wrap:nowrap;
  padding-inline:calc(var(--wyona-marquee-gap) / 2);
 }
 html[data-motion='on'] .wyona-marquee-group[aria-hidden='true']{display:flex}
 html[data-motion='on'] body .wyona-marquee:is(:hover,:focus-within,:active) .wyona-marquee-track{
  animation-play-state:paused!important;
 }
}
/* Keyboard navigation shows one stationary copy of every link. A focused
   link and its outline can never be clipped by the moving viewport. */
.centered-brand .gift-nav.wyona-marquee[data-keyboard-focus]{overflow:visible!important}
html[data-motion='on'] body .wyona-marquee[data-keyboard-focus] .wyona-marquee-track{
 display:block;width:100%;min-width:0;transform:none;
 animation:none!important;
}
html[data-motion='on'] .wyona-marquee[data-keyboard-focus] .wyona-marquee-group{
 flex-wrap:wrap;padding-inline:0;
}
html[data-motion='on'] .wyona-marquee[data-keyboard-focus] .wyona-marquee-group[aria-hidden='true']{display:none}
@media(max-width:600px){
 .centered-brand .gift-nav.wyona-marquee{
  --wyona-marquee-gap:1rem;--wyona-marquee-row-gap:.15rem;
 }
}
@media print{
 html[data-motion='on'] .centered-brand .gift-nav.wyona-marquee{overflow:visible}
 html[data-motion='on'] body .wyona-marquee-track{
  display:block;width:100%;min-width:0;transform:none;animation:none!important;
 }
 html[data-motion='on'] .wyona-marquee-group{flex-wrap:wrap;padding-inline:0}
 html[data-motion='on'] .wyona-marquee-group[aria-hidden='true']{display:none}
}

/* Approved photographic mockups, 17 October 2026. Whole compositions stay
   static and uncropped; the original artwork, gold type and material remain. */
.wyona-lifestyle-photo{
 display:block;position:relative;width:100%;max-width:22rem;margin-inline:auto;
 aspect-ratio:auto;background:none;border:0;padding:0;
}
.wyona-lifestyle-photo img,
.product-page .product-media-image.wyona-lifestyle-photo img{
 display:block;position:static;width:100%;height:auto;max-width:100%;max-height:none;
 aspect-ratio:auto;object-fit:contain;transform:none;rotate:none;
 opacity:1;filter:none;mask:none;-webkit-mask:none;clip-path:none;
}
.product-media-image.wyona-lifestyle-photo{max-width:none;aspect-ratio:auto}
.home-hero.wyona-photo-intro .hero-layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}
.wyona-collection-photo{min-width:0;width:100%;margin:0}
.wyona-collection-photo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.wyona-collection-photo figcaption{
 font-size:1.1875rem;line-height:1.45;text-align:center;margin:1rem 0 0;
}
.wyona-collection-followup{margin-top:var(--reading-section)}
@media(max-width:820px){
 .wyona-lifestyle-photo{max-width:18rem}
}
@media(max-width:740px){
 .home-hero.wyona-photo-intro .hero-layout{grid-template-columns:minmax(0,1fr)}
}

/* Requested gold navigation band and phone-first collection portrait,
   18 October 2026. Preserve the existing gold material and content; the band
   stays inside the original 70% safe column at every screen width. */
html:root body .centered-brand .gift-nav.wyona-marquee{
 width:min(70vw,68rem);max-width:min(70vw,68rem);margin-inline:auto;
 padding:.15rem 0;border:1px solid #cda961;border-radius:2px;
 background-color:var(--wl-gold-base);
 background-image:var(--wl-brush),var(--wl-gold-title);
 background-size:auto,100% 100%;background-position:0 0,0 0;
 background-repeat:repeat,no-repeat;
 color:#102659;-webkit-text-fill-color:#102659;
 box-shadow:0 8px 22px rgba(185,137,67,.15),inset 0 1px 0 #E6BF7F,inset 0 -1px 0 #A26F30;
 overflow:hidden!important;animation:none!important;
}
html:root body .centered-brand .gift-nav.wyona-marquee a,
html:root body .centered-brand .gift-nav.wyona-marquee .gilt-text{
 color:#102659!important;-webkit-text-fill-color:#102659!important;
 background:none!important;-webkit-text-stroke:0;
 text-shadow:0 1px 0 #fff3cd66;filter:none;animation:none!important;
}
.centered-brand .gift-nav.wyona-marquee .wyona-marquee-group{
 padding-inline:calc(var(--wyona-marquee-gap) / 2);
}
.centered-brand .gift-nav.wyona-marquee .wyona-marquee-group a{
 max-width:100%;padding-inline:.25rem;white-space:normal;
}
.centered-brand .gift-nav.wyona-marquee a:focus-visible{
 outline:2px solid #102659;outline-offset:-2px;
}
@media(prefers-reduced-motion:no-preference){
 html[data-motion='on'] .centered-brand .gift-nav.wyona-marquee:not([data-keyboard-focus]) .wyona-marquee-group{
  justify-content:space-around;
 }
 html[data-motion='on'] .centered-brand .gift-nav.wyona-marquee:not([data-keyboard-focus]) .wyona-marquee-group a{
  white-space:nowrap;
 }
}
@media(max-width:740px){
 .home-hero.wyona-photo-intro{padding-top:.75rem}
 .home-hero.wyona-photo-intro .hero-layout>.wyona-collection-photo{order:-1}
}
/* Keep the existing tablet portrait alongside the top of the copy. */
@media(min-width:741px) and (max-width:1024px){
 .home-hero.wyona-photo-intro .hero-layout>.wyona-collection-photo{align-self:start}
}
@media(prefers-contrast:more){
 html:root body .centered-brand .gift-nav.wyona-marquee a,
 html:root body .centered-brand .gift-nav.wyona-marquee .gilt-text{text-shadow:none}
}
@media(forced-colors:active){
 html:root body .centered-brand .gift-nav.wyona-marquee{
  background:Canvas;border-color:CanvasText;box-shadow:none;
 }
 html:root body .centered-brand .gift-nav.wyona-marquee a,
 html:root body .centered-brand .gift-nav.wyona-marquee .gilt-text{
  color:LinkText!important;-webkit-text-fill-color:LinkText!important;text-shadow:none;
 }
 .centered-brand .gift-nav.wyona-marquee a:focus-visible{outline-color:Highlight}
}
@media print{
 html:root body .centered-brand .gift-nav.wyona-marquee{
  background:none;border-color:#111;box-shadow:none;
 }
 html:root body .centered-brand .gift-nav.wyona-marquee a,
 html:root body .centered-brand .gift-nav.wyona-marquee .gilt-text{
  color:#111!important;-webkit-text-fill-color:#111!important;text-shadow:none;
 }
 html[data-motion='on'] .centered-brand .gift-nav.wyona-marquee:not([data-keyboard-focus]) .wyona-marquee-group{
  justify-content:center;
 }
 html[data-motion='on'] .centered-brand .gift-nav.wyona-marquee:not([data-keyboard-focus]) .wyona-marquee-group a{
  white-space:normal;
 }
}

/* Requested metallic-gold refinement, 18 October 2026. The exact approved
   bitmap supplies the lettering. The selected cylindrical plate supplies
   the controls; native nine-slice sizing preserves its polished endcaps.
   Existing type metrics, content, imagery and responsive placement stay put. */
:root{
 --wl-letter-texture:url('/assets/wl-metal-20261018/wyona-bright-gold-letter-master-dcda0fbb452c.png');
 --wl-cylinder-plate:url('/assets/wl-metal-20261018/wyona-cylindrical-gold-plate-d26b2bbd67da.svg');
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 html:root body .gilt-text,html:root body [data-viewer-caption],
 html:root body :is(.gold,.author-world-title),
 html:root body :is(h1,h2,h3,.wayona-script,.brand-name) .gilt-text,
 html:root body :is(h1,h2,h3).gilt-text{
  background-image:var(--wl-letter-texture);
  background-size:cover;background-position:0 0;background-repeat:no-repeat;
 }
 /* Keep the already-approved reflection timing; the actual gold is fixed.
    The empty middle layer replaces the old artificial horizontal grain. */
 html:root body .gilt-text[data-wl-reflection]{
  background-image:var(--wl-reflection),none,var(--wl-letter-texture);
  background-size:260% 100%,auto,cover;
  background-position:110% 0,0 0,0 0;
  background-repeat:no-repeat,no-repeat,no-repeat;
 }
}
.approved-wordmark .wyona-wordmark-material{pointer-events:none}
html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)),
html:root body .centered-brand .gift-nav.wyona-marquee{
 background-color:var(--wl-gold-base);background-image:none;
 background-clip:padding-box;-webkit-background-clip:padding-box;
 border-color:transparent;border-radius:.4em;
 border-image-source:var(--wl-cylinder-plate);
 border-image-slice:18 58 18 58 fill;
 border-image-width:.16em .55em;
 border-image-outset:0;border-image-repeat:stretch;
 box-shadow:none;
}
/* The stationary plate keeps its existing 70vw safe footprint. Only its
   inner navigation moves, clear of the rounded ends at every viewport. */
.centered-brand .gift-nav.wyona-marquee .wyona-marquee-viewport{
 min-width:0;margin-inline:.75rem;overflow:hidden;
}
html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)) .gilt-text,
html:root body .centered-brand .gift-nav.wyona-marquee a,
html:root body .centered-brand .gift-nav.wyona-marquee .gilt-text{
 text-shadow:none;
}
/* Preserve the existing selected reading-control indicator. */
html:root body .reading-controls :is(button:not(.art-button):not(.gd-turn):not(.gd-select))[aria-pressed='true']{
 box-shadow:inset 0 0 0 2px #102b58,0 0 0 2px #f5e0ac;
}
@media(prefers-contrast:more){
 html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)),
 html:root body .centered-brand .gift-nav.wyona-marquee{
  border-image:none;background:#FFE8B0;border-color:#FFE8B0;
 }
 html:root body .approved-wordmark .wyona-wordmark-material{fill:#FFE8B0}
}
@media(forced-colors:active){
 html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)),
 html:root body .centered-brand .gift-nav.wyona-marquee{
  border-image:none;background:Canvas;border-color:CanvasText;
  color:CanvasText;-webkit-text-fill-color:CanvasText;box-shadow:none;
 }
 html:root body .approved-wordmark .wyona-wordmark-material{fill:CanvasText}
 html:root body .reading-controls :is(button:not(.art-button):not(.gd-turn):not(.gd-select))[aria-pressed='true']{
  box-shadow:none;outline:2px solid Highlight;outline-offset:2px;
 }
}
@media print{
 html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)),
 html:root body .centered-brand .gift-nav.wyona-marquee{
  border-image:none;background:none;border-color:#111;
  color:#111;-webkit-text-fill-color:#111;box-shadow:none;
 }
 html:root body .approved-wordmark .wyona-wordmark-material{fill:#111}
 html:root body .reading-controls :is(button:not(.art-button):not(.gd-turn):not(.gd-select))[aria-pressed='true']{
  box-shadow:none;
 }
}

/* Approved regular-weight gold reading palette, 18 October 2026. Prose and
   captions use the existing regular font and the titles' restrained brushed
   material. Display type and engraved plate inscriptions keep their weights. */
html:root body{--wl-readable-ink:var(--gold-light);color:var(--wl-readable-ink);font-weight:400}
html:root body :is(.text-link,.choice-link,.sample-link,.enlarge-link,.cover-pair-link,.gd-sample,.product-media-panel figcaption,.cover-pair figcaption,.release-form>label,.release-form .consent,.reading-controls>span,.reading-controls>span span,.art-viewer p):not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *)){
 font-weight:400;
}
/* These approved inscriptions previously inherited the body's bold weight. */
html:root body :is(.cta,.button.primary,button:not(.art-button):not(.gd-turn):not(.gd-select)),
html:root body .centered-brand .gift-nav.wyona-marquee,
html:root body .golden-drops .gd-turn,
html:root body .skip-link{font-weight:700}
:root{
 --wl-title-wash:linear-gradient(rgba(232,200,137,.62),rgba(232,200,137,.62));
}
html:root body :is(.label,.eyebrow,.stories .n,.media-number):not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *,.skip-link,.skip-link *)){
 --wl-readable-ink:var(--gold-light);
 color:var(--gold-light);-webkit-text-fill-color:var(--gold-light);
 background:none;filter:none;text-shadow:none;
}
/* Clear the previous container painting, including non-heading .gold labels.
   The existing leaf spans keep the material from being painted twice. */
html:root body :is(.gold,.author-world-title,.wayona-script,.brand-name):not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *,.skip-link,.skip-link *)){
 color:var(--wl-readable-ink);-webkit-text-fill-color:var(--wl-readable-ink);
 background:none;filter:none;
}
/* Keep a solid gold fallback before applying the optional clipped material. */
html:root body :is(.gilt-text,[data-viewer-caption]):not(:where(h1,h1 *,h2,h2 *,h3,h3 *,.wayona-script,.wayona-script *,.brand-name,.brand-name *,.author-world-title,.author-world-title *,.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *,.skip-link,.skip-link *)){
 color:var(--wl-readable-ink);-webkit-text-fill-color:var(--wl-readable-ink);
 background:none;filter:none;text-shadow:none;-webkit-text-stroke:0;
}
/* These quiet text controls sit on blue, outside the engraved gold plates. */
html:root body :is(.media-enlarge,.golden-drops .gd-select) .gilt-text{
 color:var(--gold-light);-webkit-text-fill-color:var(--gold-light);
 background:none;filter:none;text-shadow:none;-webkit-text-stroke:0;
}
html:root body :is(.media-enlarge,.golden-drops .gd-select){font-weight:400}
.gd-reading summary,.gd-sample{color:var(--gold-light)}
/* A solid gold fallback remains readable before the optional bitmap loads. */
html:root body :is(h1,h2,h3,.wayona-script,.brand-name,.author-world-title):not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *,.skip-link,.skip-link *)){
 color:var(--gold-light);-webkit-text-fill-color:var(--gold-light);
 background:none;filter:none;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 /* The reading text uses the same bitmap and 62% wash as the titles, held
    still so its regular strokes remain clear throughout a paragraph. */
 html:root body :is(.gilt-text,[data-viewer-caption]):not(:where(h1,h1 *,h2,h2 *,h3,h3 *,.wayona-script,.wayona-script *,.brand-name,.brand-name *,.author-world-title,.author-world-title *,.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *,.skip-link,.skip-link *)),
 html:root body :is(.media-enlarge,.golden-drops .gd-select) .gilt-text{
  color:var(--gold-light);background-color:var(--gold-light);
  background-image:var(--wl-title-wash),var(--wl-letter-texture);
  background-size:100% 100%,cover;background-position:0 0,0 0;
  background-repeat:no-repeat,no-repeat;
  background-clip:text;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;filter:none;text-shadow:none;-webkit-text-stroke:0;
 }
 html:root[data-motion] body .gilt-text[data-wl-reflection]:not(:where(h1,h1 *,h2,h2 *,h3,h3 *,.wayona-script,.wayona-script *,.brand-name,.brand-name *,.author-world-title,.author-world-title *,.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *,.skip-link,.skip-link *)){
  animation:none!important;
 }
 html:root body :is(h1,h2,h3,.wayona-script,.brand-name,.author-world-title) .gilt-text:not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *)),
 html:root body :is(h1,h2,h3,.wayona-script,.brand-name,.author-world-title).gilt-text:not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *)){
  color:var(--gold-light);background-color:var(--gold-light);
  background-image:var(--wl-title-wash),var(--wl-letter-texture);
  background-size:100% 100%,cover;background-position:0 0,0 0;
  background-repeat:no-repeat,no-repeat;
  background-clip:text;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;filter:none;text-shadow:none;
 }
 /* Reuse the existing three-layer reflection timing. The wash and bitmap
    stay stationary while the already-approved transparent highlight moves. */
 html:root body :is(h1,h2,h3,.wayona-script,.brand-name,.author-world-title) .gilt-text[data-wl-reflection]:not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *)),
 html:root body :is(h1,h2,h3,.wayona-script,.brand-name,.author-world-title).gilt-text[data-wl-reflection]:not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *)){
  background-image:var(--wl-reflection),var(--wl-title-wash),var(--wl-letter-texture);
  background-size:260% 100%,100% 100%,cover;
  background-position:110% 0,0 0,0 0;
  background-repeat:no-repeat,no-repeat,no-repeat;
 }
}
/* Their touch targets have unequal min-heights. Align the existing link
   baselines without changing the row, text metrics or any plate control. */
.choice-actions{align-items:baseline}
/* The requested gift portrait uses the same physical gold material as the
   approved plates, in a thinner frame. The entire image remains uncropped. */
.wyona-hero-gold-frame{
 display:block;width:100%;border:.25rem solid transparent;
 border-image-source:var(--wl-cylinder-plate);
 border-image-slice:18 58 18 58;border-image-width:1;
 border-image-outset:0;border-image-repeat:stretch;
 background:var(--wl-gold-base);
}
.wyona-hero-gold-frame img{display:block;width:100%;height:auto;object-fit:contain}
/* Native scrolling lives inside the unchanged plate and its safe margins.
   A gesture briefly takes control; the loop resumes at that same position. */
.centered-brand .gift-nav.wyona-marquee .wyona-marquee-viewport{
 overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
 touch-action:auto;overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;
}
.wyona-marquee-viewport::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:no-preference){
 html:root[data-motion='on'] body .wyona-marquee:not([data-keyboard-focus]) .wyona-marquee-track{
  animation-delay:var(--wyona-marquee-delay,0s)!important;
  animation-play-state:running!important;
 }
 html:root[data-motion='on'] body .wyona-marquee[data-reader-controlled]:not([data-keyboard-focus]) .wyona-marquee-track{
  animation:none!important;transform:none;
 }
 html:root[data-motion='on'] body .wyona-marquee:not([data-keyboard-focus]) .wyona-marquee-viewport{cursor:grab}
 html:root[data-motion='on'] body .wyona-marquee[data-reader-dragging] .wyona-marquee-viewport{
  cursor:grabbing;user-select:none;-webkit-user-select:none;
 }
}
@media(prefers-contrast:more){.wyona-hero-gold-frame{border-image:none;border-color:#FFE8B0}}
@media(forced-colors:active){.wyona-hero-gold-frame{border-image:none;border-color:CanvasText;background:Canvas}}
@media print{.wyona-hero-gold-frame{border-image:none;border-color:#111;background:none}}
/* Retain the existing accessible solid-ink fallbacks. These rules touch text
   roles only; approved plate colors and control behavior stay separate. */
@media(prefers-contrast:more){
 html:root body :is(.label,.eyebrow,.stories .n,.media-number,h1,h2,h3,.wayona-script,.brand-name,.author-world-title):not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *,.skip-link,.skip-link *)){
  background:none!important;color:#FFE8B0!important;-webkit-text-fill-color:#FFE8B0!important;
  filter:none;text-shadow:none;
 }
}
@media(forced-colors:active){
 html:root body :is(.label,.eyebrow,.stories .n,.media-number,h1,h2,h3,.wayona-script,.brand-name,.author-world-title):not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *,.skip-link,.skip-link *)){
  background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;
  filter:none;text-shadow:none;-webkit-text-stroke:0;
 }
}
@media print{
 html:root body :is(.label,.eyebrow,.stories .n,.media-number,h1,h2,h3,.wayona-script,.brand-name,.author-world-title):not(:where(.cta,.cta *,.button,.button *,button,button *,.wyona-marquee,.wyona-marquee *,.skip-link,.skip-link *)){
  background:none!important;color:#111!important;-webkit-text-fill-color:#111!important;
  filter:none;text-shadow:none;-webkit-text-stroke:0;
 }
}
/* Desktop/laptop only: release the former 68rem cap and reduce side margins
   to 12%, just beyond the approved material's 11.8% gold edge. The phone and
   touch-tablet layout retains its existing widths at every orientation. */
@media screen and (min-width:1100px) and (hover:hover) and (pointer:fine){
 .wrap,.home-hero .shell,.gifting .shell,.release-section .wrap,.gd-wrap{
  width:76%;max-width:96rem;
 }
 .wrap.narrow{max-width:47rem}
 html:root body .centered-brand .gift-nav.wyona-marquee{
  width:min(76vw,96rem);max-width:min(76vw,96rem);
 }
 footer{padding-inline:12%}
}

/* Approved Gold Beneath composition, 18 October 2026.
   Controlling master: wyona-columns-repaired.html. The user's two corrections
   enlarge only The Gold Beneath label to match the lower heading sizes and
   retain the existing whole-page material as the sole section background.
   The existing .wrap supplies the approved device margins; no nested width. */
#artistry .artistry-intro{text-align:center;margin:0 auto 60px}
#artistry .artistry-section-title{
 font-size:clamp(1.6rem,1.25rem + .75vw,2rem);line-height:1.3;
}
#artistry .artistry-label{margin:0 0 21px;max-width:none}
#artistry .artistry-intro h2{margin:0 auto 28px;max-width:22em}
/* The approved quotation now uses the site's own regular signature font and
   existing responsive signature scale. All three section titles are unchanged. */
#artistry .artistry-intro .artistry-quotation{
 font-family:'Wayona Lan Signature',var(--body);font-size:clamp(2.3rem,1.85rem + .8vw,2.75rem);
 font-weight:400;font-style:normal;line-height:1.5;letter-spacing:0;-webkit-text-stroke:0;
}
#artistry .artistry-intro-copy{max-width:38rem;margin:0 auto}
#artistry .artistry-intro-copy p,#artistry .artistry-symbol-copy p{
 font-size:var(--reading-copy);font-weight:400;line-height:1.55;margin:0 0 1.15rem;
}
#artistry .artistry-intro-copy p:last-child,#artistry .artistry-symbol-copy p:last-child{margin-bottom:0}
#artistry .artistry-symbol-columns{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6%;
 align-items:start;max-width:none;width:100%;margin:0;
}
#artistry .artistry-symbol-section{min-width:0;text-align:center}
#artistry .artistry-symbol-title{
 font-family:var(--display);font-weight:500;margin:0 0 20px;min-height:2.6em;
 display:flex;align-items:center;justify-content:center;text-wrap:balance;
}
#artistry .artistry-symbol-title br{display:initial}
#artistry .artistry-symbol-stage{
 min-width:0;height:340px;display:flex;align-items:center;justify-content:center;margin:0 0 28px;
}
#artistry .artistry-letter-sample{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:4px 8px;padding:8px 0;
}
#artistry .artistry-letter-pair{
 display:block;font-family:'Wayona Lan Signature',var(--body);font-size:clamp(68px,8.4vw,112px);
 font-weight:400;font-style:normal;line-height:1.6;white-space:nowrap;letter-spacing:0;
 text-align:center;-webkit-text-stroke:0;
}
#artistry .artistry-leafless-rose{display:block;width:auto;height:330px;max-width:100%;object-fit:contain;margin:0 auto}
#artistry .artistry-symbol-copy{max-width:38rem;margin:0 auto;text-align:center}
@media(max-width:740px){
 #artistry .artistry-intro{margin-bottom:46px}
 #artistry .artistry-symbol-columns{grid-template-columns:1fr;row-gap:46px}
 #artistry .artistry-symbol-title{min-height:0;margin-bottom:20px}
 #artistry .artistry-symbol-stage{height:290px;margin-bottom:22px}
 #artistry .artistry-letter-sample{max-width:370px}
 #artistry .artistry-letter-pair{font-size:82px;line-height:1.6}
 #artistry .artistry-leafless-rose{height:280px}
}
@media(max-width:420px){
 #artistry .artistry-section-title{font-size:25px}
 #artistry .artistry-letter-pair{font-size:clamp(56px,17.8vw,72px)}
 #artistry .artistry-symbol-stage{height:260px}
 #artistry .artistry-leafless-rose{height:255px}
}

/* Approved bold Wyona lettering, 18 October 2026.
   Gold signature quotations, dedicatory text, bylines and the existing letter
   samples use the original signature font at weight 700. Sizes, line spacing,
   gold material and artwork stay unchanged. Gold-plate inscriptions retain
   their approved typography; no stroke, shadow or replacement font is added. */
html:root body .wayona-script,
html:root body .hero .sub.wayona-script,
html:root body .copy .line.wayona-script,
html:root body .home-hero .stage-note.wayona-script,
#artistry .artistry-intro .artistry-quotation,
#artistry .artistry-letter-pair{font-weight:700}

/* Preserve the original letter swashes within the metallic text paint area. */
#artistry .artistry-letter-pair > .gilt-text{padding-inline:.12em;margin-inline:-.12em}