/* 2N DIAMONDS - round 2 house elements (Steve approved Oct 9 2026 7:58 PM ET; sample /workspace/2n-design/round2).
   Proof band, standout taglines, MADE-TO-ORDER / BESPOKEN display titles, and the Diamond Fortune block (Pinyon Script, self-hosted, OFL).
   Linked by App\Support\DiamondFortune (block + proof band) and the collection/home templates. */
@font-face{font-family:"Pinyon Script";src:url(/fonts/2n/PinyonScript-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

/* proof band: full width, distinct champagne italic between light-gold hairlines */
.r2-proof{width:100%;box-sizing:border-box;margin:0;background:linear-gradient(180deg,#0e0c08,#070605);border-top:1px solid rgba(233,207,133,.45);border-bottom:1px solid rgba(233,207,133,.45)}
.r2-proof p{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap;margin:0;padding:26px 20px;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(20px,1.9vw,27px);line-height:1.35;letter-spacing:.02em;color:#F4E6BE;text-shadow:0 0 18px rgba(233,207,133,.18);text-align:center}
.r2-proof i{font-style:normal;color:#E9CF85;font-size:12px}

/* standout tagline (e.g. "Four expressions of the house, finished and waiting for you.") */
.r2-stand{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(25px,2.2vw,32px);line-height:1.35;color:#FFFAF0;display:flex;align-items:center;justify-content:center;gap:20px;text-align:center;margin:30px auto 0;max-width:1000px;text-wrap:balance}
.r2-stand::before,.r2-stand::after{content:"\25C6";font-style:normal;font-size:11px;color:#E9CF85;flex:none}

/* approved caps display titles: MADE-TO-ORDER, BESPOKEN ATELIER (typed in caps; nothing transforms case) */
.r2-mto-band{display:flex;align-items:center;justify-content:center;gap:28px;margin:26px auto 0}
.r2-mto-band::before,.r2-mto-band::after{content:"";height:1px;width:clamp(40px,9vw,150px);background:rgba(233,207,133,.55)}
.r2-mto{display:inline-block;white-space:nowrap;font-family:'Cormorant Garamond',Georgia,serif!important;font-style:normal!important;font-weight:500;font-size:clamp(30px,3.1vw,50px);letter-spacing:.16em;line-height:1.1;color:#E9CF85;padding-left:.16em}

/* Diamond Fortune block (one design on every page) */
.dfo{box-sizing:border-box;width:100%;margin:0;padding:96px 24px;text-align:center;background:#000 radial-gradient(60% 80% at 50% 50%,rgba(233,207,133,.07),transparent 70%);border-top:1px solid rgba(255,250,240,.06)}
.dfo-lbl{display:flex;align-items:center;justify-content:center;gap:16px;font-family:'Cormorant Garamond',Georgia,serif;font-style:normal;font-size:17px;letter-spacing:.24em;color:#E9CF85;line-height:1.3}
.dfo-lbl::before,.dfo-lbl::after{content:"";height:1px;width:70px;background:rgba(233,207,133,.5)}
.dfo-q{display:block;font-family:'Pinyon Script',cursive!important;font-style:normal!important;font-weight:400!important;font-size:clamp(34px,3.7vw,54px);line-height:1.35;letter-spacing:0;color:#E9CF85;max-width:980px;margin:22px auto 0;text-wrap:balance}
.dfo-dia{display:block;color:#E9CF85;font-size:12px;margin-top:20px;line-height:1}

@media(max-width:820px){
 .r2-proof p{flex-direction:column;gap:6px;font-size:19px;padding:20px 14px}
 .r2-proof i{display:none}
 .r2-stand{font-size:23px;gap:12px}
 .r2-mto{font-size:30px;letter-spacing:.12em}
 .r2-mto-band{gap:12px}.r2-mto-band::before,.r2-mto-band::after{width:22px}
 .dfo{padding:64px 18px}
 .dfo-q{font-size:34px}
 .dfo-lbl{font-size:15px;letter-spacing:.16em;gap:10px}
 .dfo-lbl::before,.dfo-lbl::after{width:28px}
}

/* product pages wrap the fortune in .lx-fortune-wrap, which /css/2n-cinzel.css paints eggshell inside @layer cz: same layer, higher specificity, so the black fortune band runs edge to edge */
@layer cz{
.lx-fortune-wrap:has(> .dfo){background:#000!important;padding:0!important}
}
/* home fortune line: the sitewide @layer cz heading rule sets Playfair on every h1; this more specific rule in the same layer keeps Pinyon Script */
@layer cz{
h1.t.r2-fortune,h1.t.r2-fortune em{font-family:'Pinyon Script',cursive!important;font-style:normal!important;font-weight:400!important}
}
