@font-face{font-family:"Cinzel";font-weight:700;font-display:swap;src:url(fonts/cinzel-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-weight:900;font-display:swap;src:url(fonts/cinzel-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:500;font-style:italic;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:600;font-display:swap;src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Marcellus";font-weight:400;font-display:swap;src:url(fonts/marcellus-latin-400-normal.woff2) format("woff2")}
/* INVICTA House: ivory and maroon */
:root{
  --ivory:#F6F0E3; --ivory-2:#EDE4D1; --maroon:#6E1423; --maroon-2:#8E2234; --maroon-ink:#2B1518;
  --taupe:#7A665E; --hair:rgba(110,20,35,.22);
  --night:#0B1440; --gold:#E8BF55; --marigold:#E3A21A;
}
.ih{margin:0;background:var(--ivory);color:var(--maroon-ink);font:500 1.2rem/1.62 "Cormorant Garamond",Georgia,serif;min-height:100vh;overflow-wrap:break-word}
.ih a{color:var(--maroon)}
.ih a:focus-visible,.ih .ih-btn:focus-visible{outline:2px solid var(--maroon);outline-offset:3px}
.ih-wrap{max-width:70rem;margin:0 auto;padding:0 1.25rem}

/* Header */
.ih-head{background:var(--ivory);border-top:4px solid var(--marigold);border-bottom:1px solid var(--hair)}
.ih-head .ih-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.9rem;padding-bottom:.9rem}
.ih-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.ih-brand .seal{width:2.6rem;height:2.6rem;display:block}
.ih-brand .word{height:.95rem;width:auto;display:block}
.ih-nav{display:flex;gap:1.6rem}
.ih-nav a{font:500 1.05rem/1 "Cormorant Garamond",serif;color:var(--maroon-ink);text-decoration:none;padding:.4rem 0;border-bottom:1px solid transparent}
.ih-nav a:hover,.ih-nav a[aria-current]{border-bottom:2px solid var(--marigold);color:var(--maroon)}

/* House statement */
.ih-intro{padding:clamp(3.5rem,9vw,6.5rem) 0 clamp(2.5rem,6vw,4rem);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.ih-intro .seal-lg{width:clamp(6rem,14vw,9.5rem);height:auto;display:block}
.ih-intro h1{font:500 clamp(2.3rem,5.4vw,4.1rem)/1.06 "Cormorant Garamond",serif;letter-spacing:-.01em;color:var(--maroon);margin:0 0 1rem;max-width:20ch}
.ih-intro .eyebrow{font:700 .78rem/1.3 "Cinzel",serif;letter-spacing:.2em;text-transform:uppercase;color:var(--maroon-2);margin:0 0 1rem;padding-left:.9rem;border-left:3px solid var(--marigold)}
.ih-intro p{margin:0;max-width:36rem;font-size:1.3rem;line-height:1.5;color:var(--maroon-ink)}
.ih-rule{height:0;border:0;border-top:1px solid var(--hair);margin:0}

/* Section title */
.ih-sec{padding:clamp(2.8rem,7vw,5rem) 0}
.ih-sec>.ih-wrap>h2{font:500 clamp(1.8rem,3.6vw,2.5rem)/1.1 "Cormorant Garamond",serif;color:var(--maroon);margin:0 0 2rem}

/* A book */
.ih-book{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:clamp(1.6rem,4vw,3.5rem);align-items:start;margin-bottom:clamp(2.5rem,6vw,4rem)}
.ih-book .cover{margin:0}
.ih-book .cover img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 1.4rem 2.6rem -1rem rgba(43,21,24,.45),0 0 0 1px rgba(43,21,24,.08)}
.ih-book h3{font:600 clamp(1.9rem,4vw,2.8rem)/1.05 "Cormorant Garamond",serif;margin:0 0 .3rem;color:var(--maroon-ink)}
.ih-book .sub{font-style:italic;font-size:1.3rem;line-height:1.35;margin:0 0 .4rem;color:var(--maroon-ink)}
.ih-book .by{font:500 1.05rem/1.4 "Cormorant Garamond",serif;color:var(--taupe);margin:0 0 1.3rem}
.ih-book p{margin:0 0 1rem;max-width:38rem}
.ih-book ul{margin:0 0 1.2rem;padding:0;list-style:none;max-width:38rem}
.ih-book li{padding:.3rem 0 .3rem 1.3rem;position:relative}
.ih-book li::before{content:"";position:absolute;left:0;top:.95rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--marigold);box-shadow:0 0 0 1px var(--maroon)}
.ih-facts{font-size:1rem;color:var(--taupe);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:.6rem 0;margin:1.2rem 0;max-width:38rem}
.ih-stores{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 .4rem}
.ih-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:2.8rem;padding:.55rem 1.2rem;border-radius:2px;border:1px solid var(--maroon);
  background:transparent;color:var(--maroon);font:600 1.02rem/1.1 "Cormorant Garamond",serif;text-decoration:none;cursor:pointer}
.ih-btn.solid{background:var(--maroon);color:var(--ivory)}
.ih-btn[aria-disabled="true"]{opacity:.62;cursor:default}
.ih-btn small{font-weight:500;font-style:italic;font-size:.92rem}
.ih .note{font-size:1rem;color:var(--taupe);margin:.3rem 0 0}

/* The birth star tool inside the Nakshatra book */
.ih-tool{margin-top:1.6rem;max-width:38rem;background:var(--night);color:#F4EEDF;border-radius:2px;padding:1.2rem 1.4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.ih-tool p{margin:0;max-width:24rem;font-size:1.1rem;line-height:1.45}
.ih-tool strong{color:var(--gold);font-weight:600}
.ih-tool .ih-btn{border-color:var(--gold);color:var(--gold)}

/* A forthcoming book: typographic cover */
.ih-plate{aspect-ratio:2/3;background:var(--maroon-ink);color:var(--ivory);display:flex;flex-direction:column;justify-content:space-between;padding:1.6rem 1.4rem;border-radius:2px;
  box-shadow:0 1.4rem 2.6rem -1rem rgba(43,21,24,.45)}
.ih-plate .t{font:600 2rem/1.02 "Cormorant Garamond",serif;margin:0}
.ih-plate .k{font-style:italic;font-size:1.05rem;margin:.5rem 0 0;opacity:.85}
.ih-plate .a{font:700 .8rem/1 "Cinzel",serif;letter-spacing:.18em;margin:0;color:var(--marigold)}

/* How we work */
.ih-about{background:var(--ivory-2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.ih-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2.2rem 3rem}
.ih-pillars>div{background:var(--ivory);border-top:3px solid var(--marigold);padding:1.6rem 1.5rem 1.7rem;border-radius:0 0 2px 2px;box-shadow:0 .6rem 1.4rem -1rem rgba(43,21,24,.35)}
.ih-pillars .ico{width:2.6rem;height:2.6rem;display:block;margin-bottom:.9rem;fill:none;stroke:var(--maroon);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ih-pillars .ico .dot{fill:var(--marigold);stroke:none}
.ih-about h3{font:600 1.4rem/1.2 "Cormorant Garamond",serif;color:var(--maroon);margin:0 0 .5rem}
.ih-about p{margin:0;font-size:1.12rem}

/* Statement band */
.ih-band{background:var(--maroon);color:var(--ivory);border-bottom:4px solid var(--marigold);padding:clamp(2.4rem,6vw,3.6rem) 0}
.ih-band p{margin:0 auto;max-width:48rem;text-align:center;font:500 italic clamp(1.35rem,2.6vw,1.75rem)/1.45 "Cormorant Garamond",serif}
.ih-band p::before{content:"";display:block;width:3rem;height:3px;background:var(--marigold);margin:0 auto 1.3rem}

/* For writers */
.ih-writers .ih-wrap{max-width:46rem;text-align:center}
.ih-writers h2{font:500 clamp(1.8rem,3.6vw,2.5rem)/1.1 "Cormorant Garamond",serif;color:var(--maroon);margin:0 0 1rem}
.ih-writers p{margin:0 auto 1.2rem;font-size:1.22rem;max-width:40rem}

/* Footer */
.ih-foot{background:var(--maroon);color:var(--ivory);border-top:4px solid var(--marigold)}
.ih-foot .ih-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-top:2rem;padding-bottom:2.2rem;font-size:1rem}
.ih-foot a{color:var(--ivory)}
.ih-foot .mark{display:flex;align-items:center;gap:.8rem}
.ih-foot .mark img{width:2.4rem;height:2.4rem;border-radius:50%;box-shadow:0 0 0 1px rgba(246,240,227,.5)}

.ih-foot .ih-legal{flex-basis:100%;order:3;margin:.4rem 0 0;font-size:.85rem;line-height:1.5;opacity:.85;max-width:52rem}

/* Plain pages (privacy, 404) */
.ih-page{max-width:42rem;margin:0 auto;padding:clamp(3rem,8vw,5rem) 1.25rem}
.ih-page h1{font:500 clamp(2.4rem,6vw,3.4rem)/1.05 "Cormorant Garamond",serif;color:var(--maroon);margin:0 0 .5rem}
.ih-page h2{font:600 1.35rem/1.25 "Cormorant Garamond",serif;color:var(--maroon);margin:2rem 0 .4rem}
.ih-page p{margin:0 0 1rem}
.ih-page .updated{color:var(--taupe);font-size:1rem;margin-bottom:2rem}

@media (max-width:760px){
  .ih-brand .word{height:.72rem}
  .ih-brand .seal{width:2.2rem;height:2.2rem}
  .ih-intro .seal-lg{display:none}
  .ih-intro{grid-template-columns:1fr}
  .ih-book{grid-template-columns:1fr}
  .ih-book .cover,.ih-plate{max-width:14rem}
  .ih-nav{gap:1.1rem}
}

/* The Ninth Name book page and homepage card */
.ih-book .cover a{display:block}
.ih-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:0 0 1.4rem}
.ih-covers figure{margin:0}
.ih-covers img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 1.4rem 2.6rem -1rem rgba(43,21,24,.45),0 0 0 1px rgba(43,21,24,.08)}
.ih-covers figcaption{font-size:.95rem;color:var(--taupe);margin-top:.5rem;text-align:center}
.ih-hook{font:500 italic clamp(1.4rem,3vw,1.8rem)/1.25 "Cormorant Garamond",serif;color:var(--maroon);margin:0 0 1.2rem}
.ih-quote{font-style:italic;margin:1.2rem 0 .2rem}
.ih-quote-by{color:var(--taupe);margin:0 0 1.2rem}
.ih-note{color:var(--taupe);font-size:1rem;margin:.6rem 0 0}
.ih-bookpage{padding:clamp(2.5rem,6vw,4rem) 0}
.ih-bookpage .ih-book{grid-template-columns:minmax(0,32rem) minmax(0,1fr)}
@media (max-width:760px){
  .ih-bookpage .ih-book{grid-template-columns:1fr}
  .ih-covers{max-width:26rem}
}
.ih-book .ih-title{font:600 clamp(2.2rem,5vw,3.2rem)/1.05 "Cormorant Garamond",serif;margin:0 0 .3rem;color:var(--maroon-ink)}
.ih-book h3 a{color:inherit;text-decoration:none}.ih-book h3 a:hover{text-decoration:underline}
.ih-press{border-left:3px solid #E3A21A;padding:.6em 1em;margin:1.2em 0}
.ih-press p{margin:0}
.ih-press .ih-press-k{margin:0 0 .3em;font-size:.8em;letter-spacing:.14em;text-transform:uppercase}
.nn-main .nn-big{font-size:1.2rem;padding:.8rem 1.6rem;min-height:3.4rem;flex-direction:column;align-items:flex-start;gap:.15rem}
.nn-more{margin:.3rem 0 1rem;max-width:38rem}
.nn-more summary{cursor:pointer;color:var(--taupe);font-size:1rem;padding:.3rem 0}
.nn-more .ih-stores{margin:.5rem 0 0}
