/* 2N DIAMONDS - Cinzel-only stylesheet (Steve GO 10:21 PM Oct 4 2026).
   Everything sits in @layer cz: an !important rule in a cascade layer beats every UNLAYERED !important rule in the page templates,
   whatever its specificity. Weights 400-500, no italics, theme-blue (#080b2c) boxes kept.
   Injected by App\Http\Middleware\InjectCinzelCss. Kill-switch: storage/framework/cinzel.off. Scope: storage/framework/cinzel.scope */
@layer cz{
/* === CINZEL-ONLY PREVIEW v3 (not live). Cinzel is the only font on the page, weights 400-500, no italics. === */
body{font-family:'Cinzel',serif!important;font-style:normal!important;font-weight:400!important}
*:not(svg):not(svg *):not(img){font-family:'Cinzel',serif!important;font-style:normal!important;font-synthesis:none!important;font-weight:400!important;font-variant-caps:normal!important}
*::before,*::after{font-family:'Cinzel',serif!important;font-style:normal!important;font-weight:400!important}
input::placeholder,textarea::placeholder{font-family:'Cinzel',serif!important;font-style:normal!important;font-weight:400!important;letter-spacing:.06em}
#pvSavePct,#pvPriceNow,#pvRetailWas,#pvMoAmt{font-family:'Cinzel',serif!important;font-style:normal!important}

/* ---- shared ---- */
/* hero + back links */
.lx-back a{font-size:12px!important;letter-spacing:.1em!important;font-weight:500!important}
.lx-sub{font-size:18px!important;letter-spacing:.08em!important;font-weight:400!important}
/* media column captions */
.bb-stone-cap span{font-size:11px!important;letter-spacing:.06em!important;font-weight:500!important;line-height:1.7!important}
.bb-path-cert{font-size:10px!important;letter-spacing:.06em!important;line-height:1.8!important}
#actualSizeBtn .as-lbl{font-size:9px!important;letter-spacing:.1em!important}
/* education blurb */
.edu-l2{font-size:46px!important;font-weight:500!important;letter-spacing:.02em!important;line-height:1.15!important}
.edu-ln{font-size:15px!important;letter-spacing:.05em!important;line-height:1.9!important;font-weight:400!important}
/* story */
.wu-toggle{font-size:12px!important;letter-spacing:.18em!important;font-weight:500!important}
.bb-wu-excerpt,.bb-wu-excerpt *,.vision-writeup,.vision-writeup *,#pieceStory,#pieceStory *{font-size:17.5px!important;line-height:1.95!important;letter-spacing:.035em!important;font-weight:400!important}
.vision-writeup h1,.vision-writeup h2,.vision-writeup h3,#pieceStory h2,#pieceStory h3{font-size:20px!important;letter-spacing:.08em!important;font-weight:500!important}
/* fortune */
.lxfo-eye{font-size:11px!important;letter-spacing:.24em!important;font-weight:500!important}
.lxfo-q .a,.lxfo-q .b{font-size:clamp(19px,2.5vw,32px)!important;font-weight:500!important;line-height:1.4!important;letter-spacing:.03em!important}
.lxfo-cite{font-size:14px!important;letter-spacing:.1em!important}
.lxfo-bless{font-size:10.5px!important;letter-spacing:.18em!important}
@media(max-width:600px){html:root:root body .bb-wu-excerpt,html:root:root body .bb-wu-excerpt *,html:root:root body .vision-writeup,html:root:root body .vision-writeup *,html:root:root body #pieceStory,html:root:root body #pieceStory *{font-size:16.5px!important}}
/* header + footer (shared site partials) in Cinzel */
.hh-cols a{font-size:14px!important;letter-spacing:.12em!important;font-weight:500!important}
.hh-util .hh-t{font-size:14px!important;letter-spacing:.1em!important}
.hh-city span,.hh-ct a{font-size:13px!important;letter-spacing:.08em!important}
.lxf3 h6{font-size:13px!important;letter-spacing:.16em!important}
.lxf3 a,.lxf3 li{font-size:12.5px!important;letter-spacing:.05em!important}
.lxf3 .f3-city span,.lxf3 .f3-ct a{font-size:12px!important;letter-spacing:.06em!important}
.lxf3 .f3-tag{font-size:13px!important;letter-spacing:.06em!important;line-height:1.7!important}
.lxf3 .f3-legal,.lxf3 .f3-legal *{font-size:11px!important;letter-spacing:.06em!important}
@media(max-width:600px){
 .hh-cols a{font-size:9.5px!important;letter-spacing:.03em!important}
 .hh-city span{font-size:11px!important;letter-spacing:.04em!important}
 .hh-ct a{font-size:10px!important;letter-spacing:.01em!important}
 .lxf3 .f3-ct a{font-size:10px!important;letter-spacing:.01em!important}
 .lxf3 .f3-city span{font-size:10.5px!important;letter-spacing:.03em!important}
 .lxf3 h6{letter-spacing:.1em!important}
 .lxf3 a,.lxf3 li{font-size:11.5px!important;letter-spacing:.03em!important}
}
.bb-path-cert{font-size:10.5px!important;letter-spacing:.08em!important}
.bb-chip{font-size:10.5px!important}
.lxfo-bless{font-size:11px!important}


/* ---- PDP buy panel + media (Private, Men's, Atelier) ---- */
/* ---- PDP buy panel + hero, tuned for Cinzel (wider, capital-height): sizes scaled down vs Cormorant/Jost, tracking opened ---- */
.lx-eyebrow{font-size:12px!important;letter-spacing:.22em!important;font-weight:500!important;line-height:1.5!important}
.bb-signame{font-size:40px!important;letter-spacing:.02em!important;font-weight:500!important;line-height:1.2!important}
.bb-vision-deliv,.bb-vision-bench{font-size:11px!important;letter-spacing:.14em!important;font-weight:500!important}
.bb-vision-custom{font-size:14.5px!important;letter-spacing:.04em!important;line-height:1.7!important}
.story-destiny{font-size:16px!important;letter-spacing:.04em!important;line-height:1.7!important;color:#f6f1e8!important}
.bb-path-specs .sp .k{font-size:10.5px!important;letter-spacing:.14em!important;font-weight:500!important}
.bb-path-specs .sp .v{font-size:13.5px!important;letter-spacing:.03em!important;font-weight:500!important;line-height:1.4!important}
.bb-chip{font-size:10px!important;letter-spacing:.1em!important;font-weight:500!important;line-height:1.5!important}
.bb-commission-note{font-size:14.5px!important;letter-spacing:.04em!important;line-height:1.7!important}
.bb-metal-lbl,.bb-metal-lbl *{font-size:10.5px!important;letter-spacing:.16em!important;font-weight:500!important}
.metalpill{font-size:11px!important;letter-spacing:.05em!important;font-weight:500!important;line-height:1.3!important}
.bb-metal-note,.bb-metal-note a{font-size:13px!important;letter-spacing:.04em!important;line-height:1.7!important}
.ring-dd-btn{font-size:13px!important;letter-spacing:.06em!important;font-weight:400!important}
.ring-dd-opt{font-size:13.5px!important;letter-spacing:.06em!important;font-weight:400!important;padding:12px 16px!important}
.bb-size-guide{font-size:11px!important;letter-spacing:.06em!important}
.bnpl-mo-amt{font-size:52px!important;letter-spacing:0!important;font-weight:500!important;line-height:1!important}
.lx-goldbnpl small{font-size:18px!important;letter-spacing:.04em!important;font-weight:400!important}
.lx-goldbnpl i{font-size:11px!important;letter-spacing:.14em!important;font-weight:500!important}
.lx-gb{font-size:19px!important;letter-spacing:.12em!important;font-weight:500!important}
.lx-pc em,.lx-prow em{font-size:11px!important;letter-spacing:.16em!important;font-weight:500!important}
#pvPriceNow{font-size:46px!important;letter-spacing:0!important;font-weight:500!important;line-height:1!important}
#pvRetailWas{font-size:17px!important;letter-spacing:.02em!important}
#pvSavePct{font-size:21px!important;letter-spacing:.03em!important;font-weight:500!important}
.bb-path-note{font-size:14px!important;letter-spacing:.04em!important;line-height:1.75!important;font-weight:400!important;color:#f6f1e8!important}
.bb-cta2{font-size:12px!important;letter-spacing:.2em!important;font-weight:500!important}
/* premium diamond block (media column): sentences upright, milk white */
.bb-edu-blurb,.bb-edu-blurb *{white-space:normal!important}
.edu-l1{font-size:15px!important;letter-spacing:.16em!important;font-weight:500!important;color:#e0bf6e!important}
.edu-l2{font-size:30px!important;letter-spacing:.02em!important;font-weight:500!important;line-height:1.2!important;color:#f6f1e8!important}
.edu-ln{font-size:14px!important;letter-spacing:.06em!important;line-height:1.9!important;color:#f6f1e8!important}
.edu-body{font-size:15px!important;letter-spacing:.04em!important;line-height:1.8!important;color:#f6f1e8!important}
@media(max-width:600px){
 .bb-signame{font-size:30px!important}
 .story-destiny{font-size:14px!important}
 .bb-vision-custom,.bb-commission-note{font-size:13.5px!important}
 .bb-path-specs .sp .v{font-size:12.5px!important}
 .metalpill{font-size:9.5px!important;letter-spacing:.02em!important;padding-left:2px!important;padding-right:2px!important}
 .bnpl-mo-amt{font-size:42px!important}
 .lx-gb{font-size:15px!important;letter-spacing:.08em!important}
 #pvPriceNow{font-size:38px!important}
 .bb-path-note{font-size:13px!important}
 .edu-l2{font-size:22px!important}
 .edu-ln{font-size:12.5px!important}
}


/* ---- Signature PDP (scoped to .sgy) ---- */
/* Signature PDP (signature/show.blade.php) */
.sgy .sgy-eyebrow{font-size:12px!important;letter-spacing:.22em!important;font-weight:500!important}
.sgy .sgy-sub{font-size:18px!important;letter-spacing:.08em!important}
.sgy .bb-signame{font-size:38px!important;letter-spacing:.02em!important;font-weight:500!important;line-height:1.2!important}
.sgy .pv-shapecase-eyebrow{font-size:11px!important;letter-spacing:.16em!important;font-weight:500!important}
.sgy .pv-shapecase .n,.sgy .pv-shapecase span.n{font-size:9px!important;letter-spacing:.08em!important}
.sgy .bb-metal-lbl,.sgy .bb-metal-lbl *{font-size:11px!important;letter-spacing:.14em!important;font-weight:500!important}
.sgy .metalpill{font-size:11px!important;letter-spacing:.05em!important;font-weight:500!important;line-height:1.3!important}
.sgy .bnpl-mo-amt{font-size:52px!important;font-weight:500!important;line-height:1!important}
.sgy .lx-gb{font-size:19px!important;letter-spacing:.12em!important;font-weight:500!important}
.sgy #pvPriceNow{font-size:34px!important;font-weight:500!important}
.sgy #pvRetailWas{font-size:19px!important}
.sgy #pvSavePct,.sgy .sgy-save{font-size:20px!important;font-weight:500!important;letter-spacing:.03em!important}
.sgy .sg-lbl,.sgy .w1{font-size:10.5px!important;letter-spacing:.16em!important;font-weight:500!important}
.sgy .w2{font-size:12px!important;letter-spacing:.04em!important;line-height:1.7!important}
.sgy .bb-path-specs .sp .k,.sgy .sp .k,.sgy .k{font-size:11px!important;letter-spacing:.16em!important;font-weight:500!important}
.sgy .bb-path-specs .sp .v,.sgy .sp .v,.sgy .v{font-size:17px!important;letter-spacing:.03em!important;font-weight:500!important}
.sgy .bb-path-cert{font-size:10.5px!important;letter-spacing:.1em!important;line-height:1.8!important}
.sgy .edu-l1{font-size:15px!important;letter-spacing:.16em!important;font-weight:500!important;color:#e0bf6e!important}
.sgy .edu-l2{font-size:30px!important;letter-spacing:.02em!important;font-weight:500!important;line-height:1.2!important;color:#f6f1e8!important;white-space:normal!important}
.sgy .edu-ln{font-size:14px!important;letter-spacing:.06em!important;line-height:1.9!important;color:#f6f1e8!important;white-space:normal!important}
.sgy .sg-lbl.lx-story-lbl{font-size:12px!important;letter-spacing:.18em!important}

.sgy .pv-shape .n,.sgy .pv-shape span.n{font-size:10px!important;letter-spacing:.08em!important}
/* story: blue panel like the other PDPs, black button kept */
.sgy .sgy-storyin{background:#080b2c!important;border:1px solid rgba(201,162,74,.34)!important;padding:32px 40px 30px!important;max-width:900px!important;box-sizing:border-box!important}
.sgy .sgy-story .sg-desc p,.sgy .sgy-story .kira-writeup p,.sgy .sgy-story .kira-writeup{font-size:17px!important;line-height:1.95!important;letter-spacing:.035em!important;color:#f3eee3!important;text-align:center!important}
.sgy .sgy-story .sg-desc p *,.sgy .sgy-story .kira-writeup p *{color:#f3eee3!important}
.sgy .sgy-story .ring-name{color:#e0bf6e!important}
.sgy .sgy-story .wu-more,.sgy .sgy-story .wu-buy{color:#e8c766!important;border-bottom-color:#e8c766!important;font-size:11.5px!important;letter-spacing:.18em!important}
.sgy .sgy-story .sg-lbl,.sgy .lx-story-lbl{color:#e0bf6e!important;border-top-color:#c9a24a!important;border-bottom-color:#c9a24a!important;font-size:12px!important;letter-spacing:.2em!important}
@media(max-width:600px){
.sgy .sgy-storyin{padding:22px 20px!important}
.sgy .sgy-story .sg-desc p,.sgy .sgy-story .kira-writeup p{font-size:15.5px!important}
}

.sgy .sg-what{background:transparent!important;border:0!important;padding:20px 0 6px!important;margin-top:26px!important}
.sgy .sg-what>p{font-size:16px!important;letter-spacing:.04em!important;line-height:1.8!important;color:#f3eee3!important}
.sgy .sg-what .sg-lbl{color:#c9a24a!important}
.sgy .sg-three{border-top-color:rgba(201,162,74,.4)!important}
.sgy .sg-three>div{background:rgba(255,255,255,.03)!important;border-color:rgba(201,162,74,.3)!important}
.sgy .sg-three b{font-size:20px!important;letter-spacing:.06em!important;font-weight:500!important;color:#e0bf6e!important;text-transform:none!important;line-height:1.2!important}
.sgy .sg-three span{font-size:13.5px!important;letter-spacing:.04em!important;line-height:1.7!important;color:#f3eee3!important}
.hv3back{background:#080b2c!important;border-bottom:1px solid rgba(201,162,74,.22)!important}
.hv3back a{font-size:12px!important;letter-spacing:.1em!important;font-weight:500!important}


/* ---- hub ---- */
/* /private hub: search box takes the theme blue, placeholder fits at 390 */
.lxs--dark .lxs-box{background:#080b2c!important;border-color:rgba(201,162,74,.6)!important}
.lxs-box input::placeholder{font-size:13px!important;letter-spacing:.04em!important}
.lxs-k{font-size:11px!important;letter-spacing:.2em!important;font-weight:500!important}
.lxs-try{font-size:12px!important;letter-spacing:.06em!important}
@media(max-width:600px){
 .lxs-box input::placeholder{font-size:10.5px!important;letter-spacing:.02em!important}
 .lxs-box input{font-size:12px!important}
}


/* ---- theme blue ---- */
/* === v2: theme blue (#080b2c) on selected boxes; black kept on hero, photo column, photo frame, story button === */
.lx-back{background:#080b2c!important;border-bottom:1px solid rgba(201,162,74,.22)!important}
.bb-edu-blurb{background:#080b2c!important;border:1px solid rgba(201,162,74,.34)!important;padding:34px 30px 30px!important;margin:26px auto 0!important;max-width:560px!important}
.bb-stone-cap{background:#080b2c!important;border:1px solid rgba(201,162,74,.28)!important;padding:12px 16px!important;margin:14px auto 0!important;max-width:560px!important}
.bb-wu-under-story,#pieceStory{background:#080b2c!important;color:#f3eee3!important;border:1px solid rgba(201,162,74,.34)!important;padding:30px 38px!important;margin:12px auto 8px!important;max-width:900px!important;width:auto!important;box-sizing:border-box!important}
.bb-wu-under-story *,#pieceStory *{color:#f3eee3!important}
.bb-wu-under-story .wu-slot,#pieceStory .wu-slot{color:#e0bf6e!important}
#pieceStory a,#pieceStory a *{color:#e8c766!important}
.lx-fortune-wrap{background:#faf8f5!important;padding:38px 28px!important}
.lxfo{background:#080b2c!important;border:1px solid rgba(201,162,74,.4)!important;max-width:1180px!important;margin:0 auto!important;padding:34px 28px 26px!important}
.lxfo-eye{color:#c9a24a!important}
.lxfo-q .a{color:#f3eee3!important}
.lxfo-q .b{color:#e0bf6e!important}
.lxfo-cite{color:#c9a24a!important}
.lxfo-bless{color:#d9d2c3!important}
.lxfo-dots button{border-color:#c9a24a!important}
.lxf3{background:#080b2c!important;border-top:1px solid #c9a24a!important}
@media(max-width:600px){
 .bb-wu-under-story,#pieceStory{padding:22px 20px!important}
 .lx-fortune-wrap{padding:22px 14px!important}
 .lxfo{padding:24px 14px 20px!important}
 .bb-edu-blurb{padding:26px 18px 24px!important}
}
/* the collapsed story is a line-clamped box: hide the 5th line that peeks into the bottom padding */
.bb-wu-under-story.bb-wu-excerpt{position:relative!important}
.bb-wu-under-story.bb-wu-excerpt::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:30px!important;background:#080b2c!important;pointer-events:none!important}
@media(max-width:600px){
 .bb-wu-under-story.bb-wu-excerpt::after{height:22px!important}
}


/* ---- headings ---- */
/* Collection-name headings = the /mens/bracelets reference (Cinzel 400, flat gold, two balanced centred lines between hairlines) */
.lxb h1 .t1,.lx-logo,.mh-hero h1,.lx-mark .t1,.sgmark .t1{display:block!important;max-width:14em!important;width:auto!important;margin:0 auto!important;font-family:'Cinzel',serif!important;font-weight:400!important;font-size:clamp(26px,4.4vw,62px)!important;line-height:1.15!important;letter-spacing:clamp(2.64px,.35vw,5.04px)!important;text-wrap:balance!important;text-align:center!important;text-transform:none!important;color:#c9a24a!important;background:none!important;-webkit-text-fill-color:#c9a24a!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;text-shadow:none!important;-webkit-text-stroke:0!important}
/* hub taglines (h1.lx-h1): two balanced centred lines */
.lx-h1{max-width:14em!important;margin-left:auto!important;margin-right:auto!important;text-wrap:balance!important;text-align:center!important}
/* PDP piece name: regular weight like the reference, balanced */
.bb-signame{font-weight:400!important;letter-spacing:.05em!important;text-wrap:balance!important}
/* overflow guards (Cinzel is wider than the old faces) */
.lx-split>*{min-width:0!important;max-width:100%!important}
.lx-split .copy{overflow-wrap:anywhere}
.mh-facts i::after{content:"\200B"}
.sgy .bb-signame,.bb-col-buy .bb-signame{font-weight:400!important;text-align:center!important;max-width:14em!important;margin-left:auto!important;margin-right:auto!important}
/* hub taglines: same typographic family as the collection heading, two balanced lines */
h1.lx-h1{font-family:'Cinzel',serif!important;font-weight:400!important;letter-spacing:clamp(1.6px,.2vw,3px)!important;font-size:clamp(24px,3.2vw,46px)!important;line-height:1.25!important}

/* ===== stage 3: every other page-title h1 = the /mens/bracelets heading ===== */
h1:not(:has(.t1)):not(.bb-signame):not(.lx-h1):not(.t):not(.mh-hero h1):not(.container>h1){
  font-family:'Cinzel',serif!important;font-weight:400!important;font-style:normal!important;
  font-size:clamp(26px,4.4vw,62px)!important;letter-spacing:clamp(2.64px,.35vw,5.04px)!important;line-height:1.18!important;
  color:#c9a24a!important;background:none!important;-webkit-text-fill-color:#c9a24a!important;text-shadow:none!important;text-transform:none!important;
  text-align:center!important;text-wrap:balance!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;
}
h1:not(:has(.t1)):not(.bb-signame):not(.lx-h1):not(.t):not(.mh-hero h1):not(.container>h1) :is(em,i,b,strong,span){
  font-family:inherit!important;font-weight:400!important;font-style:normal!important;color:inherit!important;-webkit-text-fill-color:inherit!important;background:none!important;letter-spacing:inherit!important;font-size:inherit!important;text-transform:none!important}
/* split heroes (text column beside a photo): same face/colour/spacing, size scaled so the title still sets in two balanced lines */
.copy>h1:not(:has(.t1)):not(.bb-signame):not(.lx-h1):not(.t):not(.mh-hero h1):not(.container>h1),.tx>h1:not(:has(.t1)):not(.bb-signame):not(.lx-h1):not(.t):not(.mh-hero h1):not(.container>h1),h1.hero-title:not(:has(.t1)):not(.bb-signame):not(.lx-h1):not(.t):not(.mh-hero h1):not(.container>h1),.hero>h1:not(:has(.t1)):not(.bb-signame):not(.lx-h1):not(.t):not(.mh-hero h1):not(.container>h1),.ck-head h1:not(:has(.t1)):not(.bb-signame):not(.lx-h1):not(.t):not(.mh-hero h1):not(.container>h1){font-size:clamp(24px,3vw,44px)!important;letter-spacing:clamp(2px,.25vw,3.6px)!important}
/* author line-breaks become spaces so the browser balances the two lines */
h1:not(:has(.t1)):not(.bb-signame):not(.lx-h1):not(.t):not(.mh-hero h1):not(.container>h1) br{content:" "}
/* overflow guards for info pages (grid/table cells must be allowed to shrink) */
.ip-tiles>*,.wr-glance>*{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
.ip-table{table-layout:fixed;width:100%!important}
.ip-table th,.ip-table td{padding-left:10px!important;padding-right:10px!important;overflow-wrap:anywhere}

/* ---- category grids (cards): Cinzel is wider than Cormorant/Jost, so sizes drop and the spec row can shrink/wrap ---- */
.card .name{font-size:22px!important;font-weight:500!important;letter-spacing:.03em!important;line-height:1.2!important}
.card .specrow{overflow:hidden!important}
.card .sx{min-width:0!important;padding:9px 2px!important}
.card .sx b{font-size:16px!important;font-weight:500!important;letter-spacing:.02em!important;text-align:center!important}
.card .sx i{font-size:8.5px!important;letter-spacing:.1em!important;white-space:normal!important;text-align:center!important;line-height:1.3!important}
.card .metal,.card .metal b{font-size:10px!important;letter-spacing:.1em!important;font-weight:500!important;line-height:1.5!important}
.card .now{font-size:28px!important;font-weight:500!important;letter-spacing:0!important}
.card .was{font-size:16px!important;letter-spacing:.02em!important}
.card .save{font-size:12px!important;letter-spacing:.05em!important;line-height:1.55!important;font-weight:400!important}
.card .lx-cm{font-size:26px!important;letter-spacing:.01em!important;font-weight:500!important}
.card .lx-cm small{font-size:15px!important;font-weight:400!important}
.card .lx-cm i{font-size:10px!important;letter-spacing:.14em!important;font-weight:500!important}
.card .lx-cb{font-size:13px!important;letter-spacing:.14em!important;font-weight:500!important}
.card .lx-cv{font-size:11px!important;letter-spacing:.12em!important}
@media(max-width:600px){
 .card .name{font-size:19px!important}
 .card .sx b{font-size:13px!important}
 .card .sx i{font-size:7.5px!important;letter-spacing:.06em!important}
 .card .metal,.card .metal b{font-size:9.5px!important;letter-spacing:.07em!important}
 .card .now{font-size:26px!important}
}

}
