.memorial-page{background:#eeece7}.memorial-hero{min-height:650px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:8vw}.crystal-symbol{width:370px;height:500px;margin:auto;display:grid;place-content:center;text-align:center;background:linear-gradient(140deg,#fff8,#bec4c4aa);clip-path:polygon(20% 0,80% 0,100% 20%,88% 100%,12% 100%,0 20%);font-size:70px;color:#fff;text-shadow:0 0 24px #fff}.crystal-symbol span{display:block;font:16px serif;color:#555;text-shadow:none}.memorial-hero h1,.memory-line h2,.memorial-process h2{font:400 clamp(38px,5vw,64px)/1.3 serif}.memorial-hero>div:last-child>div{line-height:2;max-width:580px}.memorial-hero .button{display:inline-block;margin-top:28px}.memory-line{text-align:center;padding-block:110px;border-block:1px solid #d4d0c9}.memory-line h2{font-size:44px}.memorial-order{display:grid;grid-template-columns:280px 1fr;margin-block:100px;background:#f8f6f1;border:1px solid #d1ccc4}.memorial-order>aside{padding:38px;border-right:1px solid #d1ccc4}.memorial-order>aside h2{font:400 28px serif}.memorial-order ol{list-style:none;padding:20px 0}.memorial-order li{display:flex;gap:15px;padding:13px 0;color:#999}.memorial-order li.active,.memorial-order li.done{color:#222}.memorial-order li b{font-size:10px}.memorial-order>aside small{line-height:1.6}.memorial-form{display:flex;flex-direction:column;min-height:650px}.memorial-form fieldset{border:0;padding:52px;flex:1}.memorial-form h3{font:400 34px serif}.step-number{font-size:9px;letter-spacing:.2em}.photo-upload{height:320px;border:1px dashed #aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#eee}.photo-upload b{font-size:40px;font-weight:300}.photo-upload small{margin-top:8px}.photo-advice{display:flex;justify-content:center;gap:25px;font-size:10px;margin-top:15px}.memorial-options{display:grid;gap:10px}.shape-options{grid-template-columns:repeat(4,1fr)}.size-options,.base-options{grid-template-columns:repeat(3,1fr)}.memorial-options label{border:1px solid #d0cbc2;padding:18px;text-align:center;display:grid;gap:8px;position:relative}.memorial-options label:has(input:checked){outline:2px solid #393833}.memorial-options input{position:absolute;opacity:0}.memorial-options i{font:36px serif}.select-row,.engraving{display:grid;gap:10px;margin-top:28px}.select-row select,.engraving input{padding:13px;border:1px solid #ccc;background:#fff}.review-panel{display:grid;grid-template-columns:240px 1fr;gap:30px}.review-panel>div:first-child{height:300px;background:#cfd0cc;display:grid;place-content:center;position:relative;overflow:hidden}.review-panel img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.7}.review-panel i{z-index:1;font-size:50px;color:#fff}.review-panel dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:10px}.approval{display:block;margin-top:25px}.memorial-nav{border-top:1px solid #d1ccc4;padding:18px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.memorial-nav>div{display:grid;text-align:center}.memorial-nav button{border:0;background:transparent;padding:14px}.memorial-nav .next{justify-self:end;background:#292822;color:#fff;min-width:150px}.memorial-process{padding-block:100px}.memorial-process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.memorial-process article{border-top:1px solid #bbb;padding-top:22px}.memorial-process article>b{font-size:11px}.memorial-process h3{font:400 22px serif}@media(max-width:800px){.memorial-hero{grid-template-columns:1fr;padding-block:60px}.crystal-symbol{width:min(78vw,340px);height:430px}.memorial-order{display:block}.memorial-order>aside{border-right:0;border-bottom:1px solid #d1ccc4}.memorial-order>aside ol{display:grid;grid-template-columns:repeat(4,1fr)}.memorial-order li{display:grid;gap:5px}.memorial-form fieldset{padding:30px 18px}.shape-options{grid-template-columns:1fr 1fr}.review-panel{grid-template-columns:1fr}.memorial-process>div{grid-template-columns:1fr}.photo-advice{flex-wrap:wrap}.memorial-nav{grid-template-columns:auto 1fr auto}.memorial-nav>div{display:none}}
