/*
 LUMERENTO / CINEMATIC MATERIALS v1
 Art direction: photography is the material; DOM remains the interface.
 All image assets are generated for this project. No fake vector flowers.
*/
:root{
 --cin-ink:#121015;--cin-stone:#211e22;--cin-brass:#c9a779;
 --cin-rose:#793b4d;--cin-text:#f4e8dc;--cin-muted:#c7b9ae;
}
body{
 background-color:#100e13;
 background-image:linear-gradient(120deg,rgba(17,14,19,.89),rgba(32,23,29,.88)),url("media/memorial-stone.webp");
 background-size:cover,370px auto;
 background-attachment:fixed,fixed;
 color:var(--cin-text);
}
.header{
 background:linear-gradient(100deg,rgba(15,14,18,.98),rgba(26,19,26,.96));
 border-bottom:1px solid #7b66564f;
 box-shadow:0 12px 34px #07060950;
}
.logo-words strong,.footer-logo{letter-spacing:.065em;font-weight:400}
.logo-mark{color:#be8792}
.nav a{font-size:15px}
.nav a[aria-current],.nav a:hover{color:#f1cdad}
.hero{gap:clamp(20px,5vw,70px);min-height:570px}
.hero-copy{position:relative;z-index:1}
.hero .eyebrow{color:#dcbca0}
.hero h1{font-weight:400;letter-spacing:-.035em;text-shadow:0 3px 22px #0008}
.hero-text{font-size:clamp(17px,1.8vw,20px);color:#e0d1c7}
.hero-art{
 background-image:linear-gradient(90deg,rgba(18,14,19,.20),transparent 35%,rgba(18,14,19,.06)),url("media/hero-memorial.webp")!important;
 background-size:cover!important;
 background-position:center center!important;
 border-radius:16px!important;
 border:1px solid #b4957250;
 box-shadow:0 28px 90px #070509bd,inset 0 0 0 1px #f0e4d20f;
 overflow:hidden;
 min-height:460px;
}
.hero-art::before{
 content:"";position:absolute;inset:55% 0 0!important;
 background:linear-gradient(0deg,rgba(12,10,15,.92),rgba(12,10,15,.46) 40%,transparent)!important;
 z-index:1;
 height:auto!important;left:0!important;right:0!important;bottom:0!important;filter:none;
}
.hero-art .lum-render,.hero-art .halo,.hero-art .candle,.hero-art .flower{display:none!important}
.hero-art .art-caption{
 z-index:3;right:26px;bottom:23px;
 max-width:340px;font:italic clamp(17px,1.5vw,23px)/1.38 Georgia,serif;
 color:#f8e6cf;text-shadow:0 2px 12px #000;
}
.hero-actions .btn.gold,.mini-actions .btn.gold,.form-actions .btn.gold{
 background:linear-gradient(140deg,#9e4358,#65293d)!important;
 border-color:#d4a4a988!important;
 box-shadow:0 6px 19px #0804086a,0 1px 5px #cc83912e!important;
 color:#fff4ed!important;
}
.hero-actions .btn.outline,.mini-actions .btn.outline{background:#262126b0}
.features .feature{
 background-image:linear-gradient(125deg,rgba(33,28,34,.94),rgba(18,16,20,.92)),url("media/memorial-stone.webp")!important;
 background-size:cover,300px 220px;
 border:1px solid #8a6a6045;
 box-shadow:inset 0 1px #f5ded108;
}
.features .feature-icon{color:#d0ae85}
.features .feature h2{font-weight:400}
.memorial-banner{
 text-align:left!important;
 min-height:220px;
 display:flex;flex-direction:column;justify-content:center;
 background-image:linear-gradient(90deg,#171216ee,#221b20d9),url("media/memorial-stone.webp")!important;
 background-size:cover,cover!important;
 background-position:center,center!important;
 border:1px solid #a3857549!important;
 border-radius:15px!important;
 padding:clamp(24px,5vw,50px)!important;
 position:relative;
 box-shadow:0 18px 42px #06050966;
}
.memorial-banner::after{
 content:"";position:absolute;right:38px;top:38px;width:1px;height:calc(100% - 76px);
 background:linear-gradient(transparent,#bc9478b9,transparent);
}
.memorial-banner h1{font-size:clamp(35px,4.5vw,64px);letter-spacing:-.02em}
.memorial-banner .memorial-tribute{max-width:690px;font-size:clamp(18px,2vw,23px)}
.memorial-card,.form-card,.public-card{
 background-image:linear-gradient(130deg,rgba(37,32,38,.95),rgba(22,20,25,.96)),url("media/memorial-stone.webp")!important;
 background-size:cover,300px 290px!important;
 border-color:#9a7e6c55!important;
 box-shadow:0 10px 31px #08070a5e,inset 0 1px #e3bba50d;
}
.memorial-card h2{font-weight:400;color:#f3e2d4}
.memorial-layout{grid-template-columns:minmax(0,1.36fr) minmax(290px,.82fr)!important;gap:20px}
.candle-scene{
 min-height:360px!important;display:flex;flex-direction:column;justify-content:center;
 background:linear-gradient(180deg,#130e13,#1a1519)!important;
 border:1px solid #8064514f;
 padding:9px 9px 18px;
 overflow:hidden;gap:5px;
}
.candle-scene > .lum-render{display:none!important}
.cin-stage{
 width:100%;max-width:660px;
 position:relative;
 aspect-ratio:1.56;
 overflow:hidden;
 border-radius:11px;
 margin:0 auto 5px;
 background:#110e11;
 isolation:isolate;
 box-shadow:0 12px 27px #0b090b75;
}
.cin-stage .cin-stage-photo{
 width:100%;height:100%;display:block;object-fit:cover;
 object-position:center center;
 transition:filter .75s ease,opacity .75s ease;
 filter:saturate(.84) contrast(1.05);
}
.cin-stage[data-lit="false"] .cin-stage-photo{
 filter:grayscale(.45) brightness(.55) saturate(.65);
}
.cin-stage::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(0deg,#0a080a73,transparent 36%,#05040623);
 box-shadow:inset 0 0 65px #0b080b66;
 z-index:6;
}
.cin-stage .cin-flicker{
 position:absolute;left:50%;top:29%;width:38%;height:50%;
 transform:translate(-50%,-50%);
 background:radial-gradient(ellipse at center,#ffc1684c 0%,#de924526 25%,transparent 72%);
 mix-blend-mode:screen;filter:blur(17px);
 animation:cin-flicker 4.4s ease-in-out infinite;pointer-events:none;
 z-index:2;
}
.cin-stage[data-lit="false"] .cin-flicker{display:none}
.cin-decor{
 position:absolute;z-index:7;bottom:-14px;
 height:45%;width:auto;max-width:34%;
 object-fit:contain;filter:drop-shadow(0 9px 8px #0009);
 pointer-events:none;
}
.cin-decor.left{left:0}
.cin-decor.right{right:0;transform:scaleX(-1)}
.cin-decor[hidden]{display:none!important}
.candle-scene .candle-count{font-size:32px!important;line-height:1.1;color:#efd5b2}
.lum-burn-caption{font-style:normal;font-size:12px;letter-spacing:.015em}
.lum-mini-strip{margin-top:5px}
/* The real flowers and candle photographs replace flat gradient palette swatches. */
.lum-atelier{background:linear-gradient(145deg,#221d24f0,#17151bfa)!important;border:1px solid #a5877952!important;padding:clamp(12px,2.4vw,23px)!important}
.lum-atelier-heading{align-items:center}
.lum-atelier h3{font-weight:400;letter-spacing:.005em;color:#f3e7dd}
.lum-at-intro{max-width:570px;line-height:1.6}
.lum-choices{margin-top:18px}
.lum-choices legend{color:#dfbea2;font-weight:500;letter-spacing:.12em}
.lum-options{
 display:grid!important;
 grid-template-columns:repeat(5,minmax(80px,1fr))!important;
 gap:9px!important;
 overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9f8270 #28232c;
 padding:4px 3px 12px;
}
.lum-option{
 min-height:146px!important;
 padding:5px 5px 10px!important;
 border-radius:9px!important;
 border:1px solid #6d5656!important;
 background:#17151af0!important;
 text-align:center!important;
 gap:8px!important;justify-content:flex-start!important;
 color:#eee2d8!important;
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.lum-option:hover{transform:translateY(-2px);border-color:#ddbb96!important}
.lum-option.is-active{border-color:#e6b887!important;box-shadow:0 0 0 1px #d7b27c66,0 9px 19px #0007!important}
.lum-option .lum-swatch{
 width:100%!important;height:99px!important;border-radius:5px!important;
 display:block!important;flex:0 0 auto!important;
 background-color:#1b1619!important;
 background-size:cover!important;background-position:center!important;
 border:0!important;box-shadow:inset 0 0 8px #0005!important;
}
.lum-option .lum-swatch:before,.lum-option .lum-swatch:after{display:none!important}
.lum-swatch-candle.lum-swatch-ivory{background-image:url("media/candle-ivory.webp")!important}
.lum-swatch-candle.lum-swatch-frost{background-image:url("media/candle-frost.webp")!important}
.lum-swatch-candle.lum-swatch-amber{background-image:url("media/candle-amber.webp")!important}
.lum-swatch-candle.lum-swatch-stone{background-image:url("media/candle-stone.webp")!important}
.lum-swatch-candle.lum-swatch-porcelain{background-image:url("media/candle-porcelain.webp")!important}
.lum-swatch-flowers.lum-swatch-none{background-image:linear-gradient(135deg,#242128,#141317)!important}
.lum-swatch-flowers.lum-swatch-rose{background-image:url("media/flower-rose.webp")!important}
.lum-swatch-flowers.lum-swatch-lavender{background-image:url("media/flower-lavender.webp")!important}
.lum-swatch-flowers.lum-swatch-forget{background-image:url("media/flower-meadow.webp")!important}
.lum-swatch-flowers.lum-swatch-autumn{background-image:url("media/flower-autumn.webp")!important}
.lum-option-label{font:11px/1.3 system-ui,sans-serif;letter-spacing:.003em}
.lum-price{color:#dfc4a0;border-color:#a98b7559}
.lum-free-note,.lum-upgrade-description{color:#cabbba}
@keyframes cin-flicker{0%,100%{opacity:.66;transform:translate(-50%,-50%) scale(1)}32%{opacity:.84;transform:translate(-49%,-48%) scale(1.04,.93)}72%{opacity:.53;transform:translate(-52%,-51%) scale(.91,1.09)}}
@media(max-width:930px){
 .memorial-layout{grid-template-columns:minmax(0,1fr)!important}
 .hero-art{min-height:420px}
}
@media(max-width:620px){
 body{background-attachment:scroll,scroll}
 .hero{gap:20px!important}
 .hero-art{height:320px;min-height:320px;border-radius:12px!important}
 .hero-art .art-caption{font-size:16px;right:16px;bottom:14px;max-width:235px}
 .memorial-banner{padding:25px 18px!important}
 .memorial-banner::after{display:none}
 .memorial-card{padding:15px!important}
 .candle-scene{padding:5px 5px 12px;min-height:280px!important}
 .cin-stage{width:100%;border-radius:8px}
 .lum-options{grid-template-columns:repeat(5,minmax(94px,1fr))!important}
 .lum-option{min-height:132px!important}
 .lum-option .lum-swatch{height:82px!important}
}
@media(prefers-reduced-motion:reduce){
 .cin-stage .cin-flicker{animation:none!important;opacity:.5}
 .cin-stage .cin-stage-photo{transition:none!important}
}


/* Memorial editorial composition: left inscription, dominant photograph, quiet utilities. */
@media(min-width:1240px){
 #memorial-content{
  width:min(100%,1510px);margin:30px auto 85px;padding:0 24px;
  display:grid;grid-template-columns:minmax(255px,.29fr) minmax(0,1fr);
  column-gap:23px;align-items:start;
 }
 #memorial-content .memorial-banner{
  grid-column:1;grid-row:1;margin:0;
  min-height:min(75vh,680px);
  position:sticky;top:94px;
  align-self:start;
  justify-content:flex-start;
  padding:39px 26px!important;
 }
 #memorial-content .memorial-banner::after{display:none}
 #memorial-content .memorial-banner h1{font-size:clamp(32px,2.8vw,45px);line-height:1.2}
 #memorial-content .memorial-banner .memorial-tribute{font-size:19px;line-height:1.7}
 #memorial-content .memorial-layout{
  grid-column:2;grid-row:1;width:100%;max-width:none;
  padding:0!important;margin:0!important;
  grid-template-columns:minmax(0,1.33fr) minmax(260px,.78fr)!important;gap:16px;
 }
 #memorial-content .memorial-card{padding:21px}
}
@media(min-width:900px) and (max-width:1239px){
 #memorial-content .memorial-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.75fr)!important}
}

.cin-stage .cin-stage-top-photo{
 position:absolute;inset:0;z-index:1;
 width:100%;height:100%;object-fit:cover;object-position:center;
 transition:opacity 5s linear,filter .75s ease;
 will-change:opacity;
}
.cin-stage[data-lit="false"] .cin-stage-top-photo{opacity:0!important}
@media(prefers-reduced-motion:reduce){.cin-stage .cin-stage-top-photo{transition:none!important;will-change:auto}}


/* Editorial restraint — keep real photography and legible typography; remove ornamental UI effects. */
.header{background:#171419;box-shadow:none}
.logo-words small{font-size:11px;letter-spacing:.015em;text-transform:none}
.hero{min-height:530px}
.hero h1{text-shadow:none}
.hero .gold-line{color:#e6c9ad}
.hero-art{border-radius:8px!important;box-shadow:0 12px 34px #07060966!important}
.hero-art::before{background:linear-gradient(0deg,rgba(12,10,15,.25),transparent 45%)!important}
.eyebrow{letter-spacing:.10em;text-transform:none;font-weight:500}
.hero-actions .btn.gold,.mini-actions .btn.gold,.form-actions .btn.gold{
 background:#87485a!important;border-color:#a36a78!important;box-shadow:none!important;color:#fff2ed!important
}
.hero-actions .btn.gold:hover,.mini-actions .btn.gold:hover,.form-actions .btn.gold:hover{background:#965367!important}
.btn{border-radius:7px;box-shadow:none}
.hero-actions .btn.outline,.mini-actions .btn.outline{background:#241e23!important}
.features .feature{
 background-image:linear-gradient(rgba(28,24,29,.94),rgba(28,24,29,.94)),url("media/memorial-stone.webp")!important;
 border:1px solid #6b555b66;border-radius:8px;box-shadow:none;min-height:142px
}
.features .feature h2{font-size:22px}
.home-bottom{border-top:1px solid #64515b55}
.memorial-banner,.memorial-card,.form-card,.public-card{box-shadow:none}
@media(max-width:620px){.hero-art{border-radius:8px!important}}

/* Wordmark first; no placeholder star or glowing pill buttons. */
.logo-mark{display:none!important}
.lights-primary{border-radius:7px!important;box-shadow:none!important}
.world-lights-empty{border-radius:8px!important}