.viewPiecesItem{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:350px;height:100%;max-height:500px;display:flex}.viewPiecesItem:hover .viewPiecesItemImage{transition:all .3s ease-in-out;transform:scale(1.05)}@media (max-width:640px){.viewPiecesItem{width:100%}}.viewPiecesItem .viewPiecesItemPicture{width:100%;max-width:360px;height:auto;overflow:hidden}.viewPiecesItem .viewPiecesItemPicture .viewPiecesItemImage{object-fit:cover;width:100%;max-width:360px;height:290px;transition:all .3s ease-in-out}.viewPiecesItem .viewPiecesItemContent{flex-direction:column;gap:1rem;width:100%;display:flex}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemInfo{text-align:start;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;height:100%;display:flex}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemInfo h3{letter-spacing:.05em;text-transform:uppercase;color:#b7baa7;font-size:12px;font-weight:400;font-family:var(--font-inter),system-ui,sans-serif;height:20px;margin-bottom:.5rem}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemInfo .viewPiecesItemDescription{color:#fff;font-size:18px;font-weight:400;font-family:var(--font-cormorant-garamond),system-ui,ui-serif,"Playfair Display";height:80px;margin-bottom:1rem;overflow:auto}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemInfo .viewPiecesItemDescription::-webkit-scrollbar{width:2px}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemInfo .viewPiecesItemDescription::-webkit-scrollbar-track{background:0 0}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemInfo .viewPiecesItemDescription::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemInfo .viewPiecesItemDescription{scrollbar-width:thin;scrollbar-color:#fff #0000}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemInfo .viewPiecesItemPrice{color:#fff;font-size:18px;font-weight:400;font-family:var(--font-cormorant-garamond),system-ui,ui-serif,"Playfair Display";width:fit-content}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemButton{cursor:pointer;color:#fff;font-size:12px;font-weight:500;line-height:16px;font-family:var(--font-inter),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;background-color:#0000;border:none;border-bottom:1px solid #fff;padding-bottom:.5rem;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemButton .viewPiecesItemButtonIcon{margin-left:.5rem;transition:all .3s ease-in-out}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemButton:hover{border-color:#1c19178f}.viewPiecesItem .viewPiecesItemContent .viewPiecesItemButton:hover .viewPiecesItemButtonIcon{transform:translate(5px)}
.viewPieces{text-align:center;background-color:#342e25;flex-direction:column;align-items:center;gap:2rem;min-height:100dvh;margin:0 auto;padding:4rem 1rem;display:flex}.viewPieces .viewPiecesContainer{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:72rem;display:flex}.viewPieces .viewPiecesContainer .viewPiecesItems{scrollbar-width:thin;scrollbar-color:#ffffff59 #ffffff14;scrollbar-gutter:stable;flex-wrap:wrap;justify-content:flex-start;gap:2rem;width:100%;max-height:35rem;display:flex;overflow-y:auto}.viewPieces .viewPiecesContainer .viewPiecesItems::-webkit-scrollbar{width:10px}.viewPieces .viewPiecesContainer .viewPiecesItems::-webkit-scrollbar-track{background:#ffffff14;border-radius:6px}.viewPieces .viewPiecesContainer .viewPiecesItems::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:6px}.viewPieces .viewPiecesContainer .viewPiecesItems::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.viewPieces .viewPiecesContainer .viewPiecesItems{justify-content:center}}
.pieceSelector{border-radius:5rem;align-items:center;gap:.5rem;padding:.25rem;display:inline-flex}.pieceSelector .selectorButton{appearance:none;color:#fff;min-width:8rem;font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:5rem;padding:.9rem 1.5rem;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s,box-shadow .2s}.pieceSelector .selectorButton:hover{border-color:#ffffff40}.pieceSelector .selectorButton:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff2e}.pieceSelector .selectorButton.isActive{background:#1c1917;border-color:#fff;box-shadow:inset 0 0 0 1px #ffffffb3}
.stoneItem{appearance:none;width:100%;max-width:270px;color:inherit;text-align:left;cursor:pointer;background-color:#181514;border:1px solid #ffffff1f;border-radius:.35rem;flex-direction:column;align-items:flex-start;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.stoneItem:hover{border-color:#ffffff59;transform:translateY(-2px)}.stoneItem:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff26}.stoneItem.isSelected{border-color:#ffffffb8;box-shadow:inset 0 0 0 1px #ffffffb3}.stoneItem.isSelected .stoneMarker{border-color:#ffffffb8}.stoneItem.isSelected .stoneInfo .stoneMarkerCheck{opacity:1;transform:scale(1)}.stoneItem .stoneImageWrapper{width:100%;max-width:360px;height:200px;overflow:hidden}.stoneItem .stoneImageWrapper .stoneImage{object-fit:cover;width:100%;max-width:360px;height:100%;max-height:200px;transition:all .3s ease-in-out}.stoneItem .stoneInfo{flex-direction:column;align-items:flex-start;gap:.65rem;width:100%;padding:1rem;display:flex}.stoneItem .stoneInfo .stoneHeader{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.stoneItem .stoneInfo .stoneName{font-family:var(--font-cormorant-garamond),system-ui,ui-serif,"Playfair Display";font-size:18px;font-weight:400;line-height:28px}.stoneItem .stoneInfo .stoneCharacteristics{width:100%;font-family:var(--font-inter),system-ui,sans-serif;text-align:left;color:#b7baa7;white-space:normal;overflow-wrap:anywhere;text-wrap:pretty;font-size:12px;font-weight:400;line-height:20px}.stoneItem .stoneInfo .stoneMarker{border:1px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;display:inline-flex}.stoneItem .stoneInfo .stoneMarkerCheck{color:#fff;font-family:var(--font-inter),system-ui,sans-serif;opacity:0;font-size:.8rem;font-weight:700;line-height:1;transition:opacity .2s,transform .2s;transform:scale(.4)}
.yourOrder{background-color:#342e25;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;padding:1rem;display:flex}@media (max-width:768px){.yourOrder{flex-direction:column;align-items:center}}.yourOrder .yourOrderContainerHeader{flex-direction:column;align-items:flex-start;gap:1rem;padding:.5rem;display:flex}.yourOrder .yourOrderContainerHeader .yourOrderTitle{font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:400}.yourOrder .yourOrderContainerHeader .selectedPiece{align-items:center;gap:.5rem;display:flex}.yourOrder .yourOrderContainerHeader .selectedPiece .piece{font-family:var(--font-cormorant-garamond),system-ui,ui-serif,"Playfair Display";text-align:center;font-size:24px;font-weight:400;line-height:28px}.yourOrder .yourOrderContainerHeader .selectedPiece .selectedStones{gap:.5rem;display:flex}@media (max-width:768px){.yourOrder .yourOrderContainerHeader .selectedPiece .selectedStones{gap:.25rem;max-width:200px;overflow-x:auto}}.yourOrder .yourOrderContainerHeader .selectedPiece .selectedStones .stone{text-align:center;font-family:var(--font-inter),system-ui,sans-serif;background-color:#1f1f1f;border-radius:16px;align-items:center;padding:.25rem .5rem;font-size:14px;font-weight:400;display:flex}.yourOrder .yourOrderButton{color:#fff;cursor:pointer;letter-spacing:.2em;text-transform:uppercase;line-height:1;font-family:var(--font-inter),system-ui,sans-serif;background-color:#181514;border:none;border-radius:5rem;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:.5rem;padding:1.25rem;font-size:14px;font-weight:400;text-decoration:none;transition:all .3s;display:flex}.yourOrder .yourOrderButton:hover{background-color:#1c19178f}@media (max-width:768px){.yourOrder .yourOrderButton{font-size:12px}}
.createYourPiece{color:#fff;background:#3f362d;flex-direction:column;align-items:center;gap:2rem;min-height:100dvh;margin:0 auto;padding:4rem 1rem;display:flex}.createYourPiece .createYourPieceContainer{flex-direction:column;align-items:flex-start;gap:2rem;width:100%;max-width:72rem;display:flex}.createYourPiece .createYourPieceContainer .description{color:#b7baa7;font-family:var(--font-inter),system-ui,sans-serif;font-size:clamp(16px,2vw,18px);line-height:1.7}.createYourPiece .createYourPieceContainer .stoneList{scrollbar-width:thin;scrollbar-color:#ffffff59 #ffffff14;scrollbar-gutter:stable;flex-wrap:wrap;gap:1rem;width:100%;max-height:30rem;display:flex;overflow-y:auto}.createYourPiece .createYourPieceContainer .stoneList::-webkit-scrollbar{width:10px}.createYourPiece .createYourPieceContainer .stoneList::-webkit-scrollbar-track{background:#ffffff14;border-radius:6px}.createYourPiece .createYourPieceContainer .stoneList::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:6px}.createYourPiece .createYourPieceContainer .stoneList::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:640px){.createYourPiece{padding:4rem 1rem}.createYourPiece .pieceSelector{width:100%}.createYourPiece .selectorButton{letter-spacing:.18em;flex:1;min-width:0;padding-inline:1rem}.createYourPiece .stoneList{justify-content:center;align-items:center;max-height:32rem}}
.aboutBrand{color:#fff;background:#181514;justify-content:center;align-items:center;gap:2rem;min-height:50dvh;margin:0 auto;padding:4rem 1rem;display:flex}@media (max-width:768px){.aboutBrand .titleContainer{align-items:center}.aboutBrand .titleContainer .subTitle{text-align:center}}.aboutBrand .aboutBrandContent{justify-content:center;align-items:center;gap:3rem;width:100%;max-width:1200px;display:flex}@media (max-width:768px){.aboutBrand .aboutBrandContent{text-align:center;flex-direction:column;align-items:center}}.aboutBrand .aboutBrandContent .aboutBrandTextContainer{flex-direction:column;gap:1.5rem;display:flex}.aboutBrand .aboutBrandContent .aboutBrandTextContainer .aboutBrandText{color:#fff;font-size:16px;line-height:1.5;font-family:var(--font-inter),system-ui,sans-serif}.aboutBrand .aboutBrandContent .aboutBrandTextContainer .aboutBrandText.accent{color:#c6b399;font-style:italic}