/* Author-approved ivory tiles, straight double gold border, independent crystals. */
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 48px;margin-top:34px;padding:0 18px}.tile{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center;min-height:225px;padding:35px 42px;border:1px solid #a47a34;border-radius:26px;background:linear-gradient(120deg,#fffdf4,#faf0d7 53%,#fff9e9);box-shadow:0 8px 16px #63451c12,inset 0 1px 2px #fff;transition:box-shadow .25s ease;overflow:visible;color:#4a301c}.tile:before{content:"";position:absolute;inset:5px;border:1px solid #c69b50;border-radius:21px;pointer-events:none;box-shadow:0 1px 1px #fff9,inset 0 1px 1px #fff9}.tile-surface{display:none}.tile-copy{width:100%}.tile h2{font:400 clamp(20px,1.65vw,22px)/1.25 Georgia,'Times New Roman',serif;letter-spacing:.015em;margin:0 0 18px;padding-bottom:17px;border-bottom:1px solid #c99d55;color:#65401e;text-shadow:0 1px #fff}.tile p{font:16px/1.65 Georgia,'Times New Roman',serif;color:#4d3524;margin:0}.tile:hover{transform:none;border-color:#a47a34;box-shadow:0 10px 22px #63451c20,inset 0 1px 2px #fff}.tile:focus-visible{outline:2px solid #8c652a;outline-offset:8px}.crystal{position:absolute;width:57px;height:65px;right:-28px;top:calc(50% - 32px);pointer-events:none;z-index:2;filter:drop-shadow(0 2px 2px #61451d25)}.crystal img{display:block;width:100%;height:100%;object-fit:contain}.tile:nth-child(3n+2) .crystal{left:10px;right:auto;top:-26px}.tile:nth-child(3n) .crystal{right:8px;top:auto;bottom:-24px}.crystal-glint{position:absolute;inset:24% 25%;clip-path:polygon(50% 0,56% 43%,100% 50%,56% 57%,50% 100%,44% 57%,0 50%,44% 43%);background:#fff;opacity:0;transform:scale(.4);filter:drop-shadow(0 0 3px #fff);animation:crystal-spark 9s ease-in-out infinite;animation-delay:var(--spark-delay,0s)}.tile:nth-child(2){--spark-delay:2s}.tile:nth-child(3){--spark-delay:4.5s}.tile:nth-child(4){--spark-delay:1s}.tile:nth-child(5){--spark-delay:6s}.tile:nth-child(6){--spark-delay:3s}.tile:nth-child(7){--spark-delay:7s}.tile:hover .crystal-glint,.tile:focus-visible .crystal-glint{animation:crystal-hover 1.8s ease-in-out infinite;animation-delay:0s}@keyframes crystal-spark{0%,78%,100%{opacity:0;transform:scale(.4)}84%{opacity:.95;transform:scale(1)}90%{opacity:0;transform:scale(.55)}}@keyframes crystal-hover{0%,100%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1.15)}}
@media(max-width:760px){.grid{grid-template-columns:1fr;gap:40px;padding:0 14px}.tile{min-height:210px;padding:30px 30px}.tile h2{font-size:22px}.tile p{font-size:16px}.crystal{width:46px;height:54px;right:-23px;top:calc(50% - 27px)}.tile:nth-child(3n+2) .crystal{top:-22px}.tile:nth-child(3n) .crystal{bottom:-21px}}@media(prefers-reduced-motion:reduce){.tile{transition:none}.crystal-glint,.tile:hover .crystal-glint,.tile:focus-visible .crystal-glint{animation:none}}

/* Eight distinct perimeter positions, no implied series grouping. */
.grid .tile:nth-child(n) .crystal{left:var(--crystal-x);top:var(--crystal-y);right:auto;bottom:auto;transform:translate(-50%,-50%)}
.tile:nth-child(1){--crystal-x:100%;--crystal-y:50%}.tile:nth-child(2){--crystal-x:5%;--crystal-y:5%}.tile:nth-child(3){--crystal-x:95%;--crystal-y:95%}.tile:nth-child(4){--crystal-x:0%;--crystal-y:50%}.tile:nth-child(5){--crystal-x:50%;--crystal-y:0%}.tile:nth-child(6){--crystal-x:50%;--crystal-y:100%}.tile:nth-child(7){--crystal-x:95%;--crystal-y:5%}.tile:nth-child(8){--crystal-x:5%;--crystal-y:95%;--spark-delay:5s}.tile-pending{cursor:default}.tile-pending h2{border:0;padding:0;margin:0}.tile-pending:hover{box-shadow:0 8px 16px #63451c12,inset 0 1px 2px #fff}

/* Trial: softly faceted gold setting inspired by the crystal bezel. */
.grid .tile{border:4px solid transparent;background:linear-gradient(120deg,#fffdf4,#faf0d7 53%,#fff9e9) padding-box,linear-gradient(135deg,#754916 0%,#e1ba69 14%,#fff0bd 23%,#a16b29 37%,#ebce84 51%,#90601e 65%,#f9e2a1 79%,#a06c2d 91%,#f5d994 100%) border-box;box-shadow:0 8px 16px #63451c18,inset 0 1px 2px #fff,0 0 0 1px #a77c3f}
.grid .tile:before{inset:2px;border-color:#d1ad68;box-shadow:0 1px 1px #fff9,inset 0 1px 1px #fff9}
.grid .tile:hover{border-color:transparent;box-shadow:0 10px 22px #63451c20,inset 0 1px 2px #fff,0 0 0 1px #a77c3f}

/* Raised gold setting: alternating bevels catch light along both edges. */
.grid .tile{border:6px ridge #d6ab60;background:linear-gradient(120deg,#fffdf4,#faf0d7 53%,#fff9e9) padding-box,linear-gradient(135deg,#754916,#e8c77d 25%,#966022 45%,#f8df9e 65%,#8f5d25 100%) border-box;box-shadow:0 8px 16px #63451c26,0 1px 2px #72501a80,inset 1px 1px 1px #fff6d5,inset -1px -1px 1px #946425;}
.grid .tile:before{inset:2px;border:1px solid #b17c31;border-radius:18px;box-shadow:0 1px 0 #fff4c9,inset 0 1px 1px #fff9;}
.grid .tile:hover{border-color:#d6ab60;box-shadow:0 10px 22px #63451c26,0 1px 2px #72501a80,inset 1px 1px 1px #fff6d5,inset -1px -1px 1px #946425;}

/* Fine double gold bezel, inspired by the approved jewelry preview. */
.grid .tile{border:3px solid transparent;background:linear-gradient(120deg,#fffdf4,#faf0d7 53%,#fff9e9) padding-box,linear-gradient(135deg,#91601f,#fff0b7 18%,#bd862f 37%,#fff0bd 53%,#98631b 76%,#f3d48a) border-box;box-shadow:0 5px 12px #63451c1c,0 0 0 1px #a4742c,inset 0 1px 1px #fff8dd;}
.grid .tile:before{inset:2px;border:1px solid #bd8d41;border-radius:19px;box-shadow:0 1px 0 #fff9,inset 0 1px 0 #fff9;}
.grid .tile:hover{border-color:transparent;box-shadow:0 7px 15px #63451c24,0 0 0 1px #a4742c,inset 0 1px 1px #fff8dd;}

/* Match the quieter series collection headings. */
h1.title{font-size:clamp(24px,1.9vw,26px);color:#60451d}