
/* Lumerento Atelier · editorial refinement 2.0. Calm memorial design,
   legible on mobile, no ornate UI controls. */
:root{color-scheme:dark;--ink:#eee7dd;--muted:#bdb0a6;--gold:#c8aa80;--border:#3b3435;--base:#121314}
html{font-family:var(--lm-ui);scroll-behavior:smooth}
body{font-family:var(--lm-ui);color:var(--ink);background:radial-gradient(ellipse 65% 33% at 50% 0%,#242124 0%,#151515 68%,#101113 100%);line-height:1.6}
button,input,select{font-family:var(--lm-ui)}
a,button{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e5c79b;outline-offset:3px}
.topbar{background:#151515f2;border-bottom:1px solid #443d37;padding:16px max(24px,calc((100% - 1260px)/2));gap:15px}
.brand{gap:10px;white-space:nowrap}
.brand-icon{font:34px/1 var(--lm-serif);color:#d8b984}
.brand strong{font:500 31px/1.04 var(--lm-display);letter-spacing:-.035em;color:#f0e8db}
.brand small{font:500 9px/1.5 var(--lm-ui);letter-spacing:.16em;color:#b7a895}
.top-tag{font:italic 19px/1.3 var(--lm-serif);color:#b7aba0}
#lang{background:#1d1c1c;border:1px solid #554c47;color:#eee6d9;border-radius:6px;font-size:12px;min-height:44px;padding:8px 14px}
.intro{max-width:1240px;grid-template-columns:minmax(0,1.5fr) minmax(245px,.6fr);gap:65px;padding:70px 28px 86px}
.eyebrow{font:600 10px/1.5 var(--lm-ui);letter-spacing:.19em;color:#cfb78e}
.intro h1{font:450 clamp(46px,5vw,77px)/1.04 var(--lm-display);letter-spacing:-.04em;max-width:780px;margin:14px 0 24px;text-wrap:balance}
.intro-copy>p:not(.eyebrow){font:400 16px/1.85 var(--lm-ui);color:#cdc1b6;max-width:680px}
.intro-prices{margin:25px 0 18px;gap:8px}
.intro-prices span{border:1px solid #4f443e;border-radius:4px;color:#cfc2b4;background:#211e1d;font-size:11px;letter-spacing:.04em;padding:7px 11px}
.jump{font:500 14px/1.4 var(--lm-ui);color:#e3c99e;border-bottom:1px solid #b99a6d;padding:7px 0;margin-top:10px}
.jump:hover{color:#fff4e0}
.intro-visual{min-height:320px;border:1px solid #484139;border-radius:200px 200px 7px 7px;background:radial-gradient(circle at 50% 43%,#66544147,transparent 54%),#211f1e}
.intro-ring{width:160px;height:205px;border:1px solid #8c785b;border-radius:50% 50% 4px 4px;box-shadow:inset 0 0 50px #8b714521,0 0 60px #a8884a16}
.intro-ring span{font:90px/1 var(--lm-serif);color:#d7bb8c;text-shadow:none}
.intro-visual p{margin:20px 22px 0;font:italic 16px/1.5 var(--lm-serif);color:#c8bdae;text-align:center}
.catalog{max-width:1235px;padding:0 26px 76px}
.section-title{border-top:1px solid #53473e;padding-top:29px;align-items:end}
.section-title h2{font:460 clamp(33px,4vw,49px)/1.15 var(--lm-display);margin:9px 0;letter-spacing:-.02em}
.section-title output{font:500 12px/1.5 var(--lm-ui);color:#bbb0a4}
.tools{gap:13px;margin:26px 0 34px;grid-template-columns:minmax(200px,2fr) minmax(180px,1fr) minmax(170px,1fr)}
.tools label{font:500 12px/1.4 var(--lm-ui);color:#d2c7ba}
.tools span{margin-bottom:8px}
.tools input,.tools select{border:1px solid #595047;border-radius:6px;background:#201f1f;color:#f4e9dc;min-height:47px;padding:12px 13px;font-size:13px}
.tools input::placeholder{color:#a59b91}
.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.theme-card{display:flex;flex-direction:column;border:1px solid #51463f;border-radius:6px;background:#1e1c1b;overflow:hidden;box-shadow:none;transition:border-color .2s ease,transform .2s ease}
.theme-card:hover{border-color:#b8a17f;transform:translateY(-2px)}
.card-media{height:332px;padding:16px 16px 13px;background:#282522;display:flex;align-items:stretch;justify-content:center}
.card-media .memorial-panel{height:100%;max-height:none;max-width:none;width:100%;min-width:0;box-shadow:0 10px 25px #00000024;border-radius:3px!important;padding:25px 22px}
.theme-card-bottom{padding:20px 22px 22px;display:flex;flex:1;flex-direction:column;min-height:152px}
.theme-card-bottom .category{font:600 10px/1.4 var(--lm-ui);letter-spacing:.13em;color:#b5aa9d}
.theme-card-bottom h3{font:450 29px/1.11 var(--lm-display);letter-spacing:-.022em;margin:9px 0 17px;overflow-wrap:normal;hyphens:auto;text-wrap:pretty}
.card-row{margin-top:auto;align-items:center;gap:10px}
.price{font:600 14px/1.3 var(--lm-ui);color:#e2c598;white-space:nowrap;letter-spacing:.025em}
.card-row button{font:550 12px/1.3 var(--lm-ui);letter-spacing:.025em;padding:10px 17px;min-height:44px;color:#e7d9c8;border:1px solid #796a5a;border-radius:4px;background:transparent;white-space:nowrap}
.card-row button:hover{background:#302a24;border-color:#c7a77d}
.memorial-panel{font-family:var(--lm-serif);font-optical-sizing:auto;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--taccent),transparent 83%);justify-content:space-between}
.memorial-panel::before,.memorial-panel::after{opacity:.17}
.memorial-panel>.memory-content{min-height:74%;gap:0;padding:3px 0 0;justify-content:center}
.memorial-panel .memory-pretitle{font:600 9px/1.35 var(--lm-ui);letter-spacing:.21em;opacity:.78;color:inherit;white-space:nowrap}
.memorial-panel .memory-ornament{font:400 25px/1 var(--lm-serif);margin:20px auto 17px;color:var(--taccent);opacity:.8;text-shadow:none}
.memorial-panel h3{font:480 31px/1.08 var(--lm-serif);letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:normal;hyphens:auto;text-wrap:balance;max-width:100%}
.memorial-panel .memory-dates{font:400 14px/1.4 var(--lm-serif);letter-spacing:.065em;opacity:.87;white-space:nowrap}
.memorial-panel .memory-quote{font:italic 400 15px/1.38 var(--lm-serif);margin:20px 0 0;max-width:88%;opacity:.86;text-wrap:balance}
.memorial-panel .memory-footer{font:450 10px/1.35 var(--lm-ui);gap:10px;opacity:.78}
.memorial-panel .memory-candle{width:10px;height:25px;flex-shrink:0;background:linear-gradient(90deg,#916c50,#e4caa4 48%,#b68e62);box-shadow:0 0 16px #efb56836}
.memorial-panel .memory-candle:before{width:7px;height:13px;bottom:23px;background:#ffe2a8;box-shadow:0 0 12px #f8c98d66}
.memorial-panel.layout-halo:before{inset:13% 13% auto;border-width:1px;height:64%;opacity:.24}
.memorial-panel.layout-halo .memory-ornament{font-size:27px;filter:none}
.memorial-panel.layout-botanical:before{inset:8% 9% auto;width:auto;height:83%;border:1px solid var(--taccent);border-radius:50% 50% 4px 4px;transform:none;opacity:.13}
.memorial-panel.layout-botanical:after{display:none}
.memorial-panel.layout-botanical .memory-content{align-items:center;text-align:center;margin:0}
.memorial-panel.layout-stone{border:0}
.memorial-panel.layout-stone:before{inset:14px;border-width:1px;opacity:.25}
.memorial-panel.layout-cosmos:before{opacity:.09}
.memorial-panel.layout-cosmos:after{border-style:solid;opacity:.11}
.memorial-panel.layout-horizon:after{opacity:.18}
.memorial-panel.layout-water:before{opacity:.12}
.memorial-panel.layout-water:after{opacity:.22}
.memorial-panel.layout-glass:before{inset:11px;border-width:1px;opacity:.37}
.memorial-panel.layout-glass:after{inset:18px;opacity:.13}
.memorial-panel.layout-glass .memory-content{background:color-mix(in srgb,var(--tbg),transparent 7%);padding:12px;border-radius:100px 100px 3px 3px}
.memorial-panel.layout-modern:after{opacity:.14}
.memorial-panel.layout-modern .memory-content{justify-content:center;padding:2px 0 0 8%}
.memorial-panel.layout-modern .memory-footer{padding-left:8%}
.memorial-panel.layout-heritage:before{border-width:1px;inset:13px;opacity:.27}
.memorial-panel.layout-heritage:after{border-width:1px;inset:21px;opacity:.16}
.memorial-panel.variant-3 .memory-quote{border-top:0;padding-top:0}
.memorial-panel.variant-4 .memory-dates{border-bottom:0;padding-bottom:0}
.memorial-panel.variant-5 .memory-ornament{filter:none}
.memorial-panel.full{min-height:540px;max-width:620px;width:100%;padding:48px 46px}
.memorial-panel.full>.memory-content{min-height:76%}
.memorial-panel.full .memory-pretitle{font-size:12px}
.memorial-panel.full .memory-ornament{font-size:37px;margin:25px auto}
.memorial-panel.full h3{font:480 clamp(42px,5vw,63px)/1.06 var(--lm-serif)}
.memorial-panel.full .memory-dates{font-size:19px}
.memorial-panel.full .memory-quote{font-size:23px;line-height:1.5;margin-top:24px}
.memorial-panel.full .memory-footer{font-size:13px}
.modal{padding:14px;z-index:50}
.modal-backdrop{background:#080808de;backdrop-filter:blur(6px)}
.modal-inner{background:#191817;border:1px solid #65574a;border-radius:7px;padding:24px;box-shadow:0 24px 95px #000b;max-height:94dvh}
.modal-head{gap:20px}
.modal-head h2{font:470 36px/1.2 var(--lm-display);letter-spacing:-.025em;margin:0 0 15px}
.modal-head button{border:1px solid #605449;border-radius:4px;flex-shrink:0;font:400 20px var(--lm-ui);width:44px;height:44px}
.large-preview{padding:26px;background:#252321;border-radius:4px}
.modal-actions{gap:18px}
.modal-actions #modal-price{font:600 14px var(--lm-ui);color:#e2c598}
.modal-actions p{font:400 12px/1.5 var(--lm-ui);color:#b5aaa0}
.modal-actions button{font:600 12px var(--lm-ui);min-height:44px;color:#211c17;background:#d7b788;border-radius:4px}
.promise{max-width:820px;margin:40px auto 86px;border-top:1px solid #4b423b;padding:40px 30px}
.promise h2{font:460 clamp(29px,3vw,41px)/1.2 var(--lm-display);letter-spacing:-.024em}
.promise p{font:400 14px/1.9 var(--lm-ui);color:#bfb3a8}
footer{border-color:#3c3833;color:#b1a79d;font:400 12px var(--lm-ui)}
footer span:first-child{font:500 26px var(--lm-display);color:#dbc090}
@media(min-width:760px) and (max-width:1040px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{gap:35px}.card-media{height:340px}}
@media(max-width:759px){.intro{grid-template-columns:1fr;gap:26px;padding:52px 22px 60px}.intro-visual{min-height:235px;border-radius:160px 160px 5px 5px}.intro-ring{height:140px;width:115px}.intro-ring span{font-size:72px}.intro-visual p{font-size:14px;margin:10px 18px}.tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tools .search{grid-column:1/-1}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-media{height:280px;padding:10px}.card-media .memorial-panel{padding:20px 12px}.theme-card-bottom{padding:14px}.theme-card-bottom h3{font-size:25px}.memorial-panel h3{font-size:24px}.memorial-panel .memory-quote{font-size:12px}.memorial-panel .memory-ornament{margin:12px auto}.card-row{flex-wrap:wrap}.top-tag{display:none}}
@media(max-width:610px){
 .topbar{padding:15px 18px}.brand strong{font-size:30px}.brand small{font-size:8px}
 .intro{padding:50px 22px 52px}.intro h1{font-size:clamp(42px,10.5vw,55px);max-width:390px;line-height:1.05}
 .intro-copy>p:not(.eyebrow){font-size:14px;line-height:1.75}
 .intro-prices span{font-size:10px}.intro-visual{display:none}
 .catalog{padding:0 16px 60px}
 .section-title{align-items:start;gap:6px;flex-direction:column}.section-title h2{font-size:39px}.section-title output{font-size:11px}
 .tools{grid-template-columns:1fr 1fr;gap:11px;margin:22px 0 24px}
 .tools .search{grid-column:1/-1}.tools label{font-size:11px}
 .tools select{padding:10px 7px;font-size:12px}
 .theme-grid{grid-template-columns:1fr;gap:23px}
 .theme-card{border-radius:5px}
 .card-media{height:360px;padding:16px}
 .card-media .memorial-panel{padding:34px 30px}
 .theme-card-bottom{padding:18px 22px 20px;min-height:136px}
 .theme-card-bottom h3{font-size:32px;margin:6px 0 12px}
 .card-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
 .card-row button{min-width:94px;padding:10px 15px;font-size:13px}
 .price{font-size:14px}
 .memorial-panel .memory-pretitle{font-size:10px}
 .memorial-panel .memory-ornament{font-size:29px;margin:16px auto 15px}
 .memorial-panel h3{font-size:33px;line-height:1.11;margin-bottom:10px}
 .memorial-panel .memory-dates{font-size:15px}
 .memorial-panel .memory-quote{font-size:16px;margin-top:22px;max-width:86%}
 .memorial-panel .memory-footer{font-size:10px}
 .modal-inner{padding:16px;max-height:94dvh}
 .modal-head h2{font-size:28px;margin:0 0 12px}
 .large-preview{padding:10px}
 .memorial-panel.full{padding:27px 25px;min-height:450px}
 .memorial-panel.full .memory-pretitle{font-size:10px}
 .memorial-panel.full h3{font-size:40px}
 .memorial-panel.full .memory-quote{font-size:17px}
 .memorial-panel.full .memory-dates{font-size:16px}
 .memorial-panel.full .memory-ornament{font-size:33px}
 .memorial-panel.full .memory-footer{font-size:11px}
 .promise{margin:12px 17px 55px;padding:30px 10px}
 footer{flex-direction:column;gap:6px}
}
@media(max-width:345px){.card-media{height:318px;padding:10px}.card-media .memorial-panel{padding:25px 18px}.memorial-panel h3{font-size:29px}.memorial-panel .memory-quote{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.memorial-panel.layout-modern.variant-2 h3{font-family:var(--lm-serif);font-weight:500;letter-spacing:-.025em;font-size:31px;text-transform:none}
.memorial-panel.layout-stone.variant-5 h3,.memorial-panel.layout-modern.variant-5 h3{font-size:31px;letter-spacing:-.025em;text-transform:none}
.memorial-panel.full{border-radius:5px!important}

/* Editorial priority: show prices in cards, not as sales badges in the introduction. */
.intro-prices{display:none}
.memorial-panel.full.layout-modern.variant-2 h3,.memorial-panel.full.layout-modern.variant-5 h3,.memorial-panel.full.layout-stone.variant-5 h3{font-size:clamp(40px,5vw,60px)}
@media(max-width:610px){.memorial-panel.full.layout-modern.variant-2 h3,.memorial-panel.full.layout-modern.variant-5 h3,.memorial-panel.full.layout-stone.variant-5 h3{font-size:38px}}
