@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap";html{scroll-padding-bottom:110px}button,input,select{scroll-margin-bottom:110px}.hero-copy p,.hero-copy small{text-shadow:0 1px 6px #160b08,0 0 15px #160b08}:root{font-family:"Noto Serif SC",Songti SC,SimSun,serif;color:#ecd1a0;background:#160e0b;font-synthesis:none;--gold:#e7bf78;--muted:#ad8a61;--ink:#42291c;--red:#982e1b;--paper:#f6e9d3}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 55% 40%,#4a2417,#1d100c 42%,#100b09 82%);background-attachment:fixed}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button svg,a svg{width:22px;height:22px;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #cc8b39;outline-offset:4px}button{border:0;background:none}img{display:block;max-width:100%}button,a,input,select{touch-action:manipulation}p{line-height:1.9}h1,h2,h3,p{margin-top:0}.phone{width:100%;max-width:460px;min-height:100svh;margin:0 auto;position:relative;box-shadow:0 0 100px #0008}.phone.dark{background:#1b100c}.phone.light{color:var(--ink);background:radial-gradient(ellipse at 15% 0%,#fff8e7,transparent 70%),#f3e4cc}.phone main{min-height:100svh;padding-bottom:78px}.phone main:focus{outline:none}.topbar{height:79px;padding:22px 27px 14px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;border-bottom:1px solid #98734220}.wordmark{font-size:19px;letter-spacing:5px;font-weight:600}.wordmark span{display:block;font:7px Georgia,serif;letter-spacing:3.7px;margin-top:5px;opacity:.65}.icon-button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #b78e4e50;border-radius:50%;color:inherit}.topbar.on-dark{color:#eac78e}.eyebrow{font:9px Georgia,serif;letter-spacing:2.8px;color:var(--muted)}.desktop-intro{position:fixed;top:50%;left:max(35px,calc(50% - 580px));transform:translateY(-50%);width:280px}.seal{display:flex;align-items:center;justify-content:center;background:#8d291b;border:1px solid #c5774b;color:#f4d2a3;font-size:20px;line-height:1.25;width:43px;height:64px;margin-bottom:45px;outline:1px solid #8d291b;outline-offset:4px}.desktop-intro h1{font-size:51px;font-weight:400;line-height:1.6;letter-spacing:8px;margin:25px 0}.intro-line{display:block;width:42px;height:1px;background:#ae7944;margin:30px 0}.desktop-intro p:not(.eyebrow){font-size:13px;line-height:2.3;color:#b49673;letter-spacing:2px}.desktop-intro small{display:block;font-size:10px;letter-spacing:3px;color:#876344;margin-top:55px}.desktop-note{position:fixed;left:calc(50% + 295px);top:45%;color:#99764f}.desktop-note>span{font-size:10px;letter-spacing:3px}.desktop-note p{font-size:21px;letter-spacing:8px;line-height:2;margin:24px 0}.desktop-note small{font-size:10px;letter-spacing:2px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;z-index:20;background:#1c120ef2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #b68b4140;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 16px calc(10px + env(safe-area-inset-bottom));color:#927555}.bottom-nav a{display:flex;align-items:center;gap:5px;flex-direction:column;min-height:45px;font-size:10px;letter-spacing:3px;position:relative}.bottom-nav svg{width:22px;height:22px}.bottom-nav .active{color:#f2ce92}.bottom-nav .active:before{content:"";position:absolute;top:-11px;width:26px;height:1px;background:#e7b967;box-shadow:0 0 10px #ecc57e}.gold-button,.red-button{display:flex;align-items:center;justify-content:center;gap:20px;min-height:51px;padding:13px 23px;text-align:center;letter-spacing:3px;font-size:14px;position:relative;border:1px solid #d6a45d;border-radius:3px}.gold-button{background:linear-gradient(100deg,#e4b576,#fbe2b0 50%,#ddb070);color:#482516;box-shadow:0 4px 20px #0002}.gold-button:after,.red-button:after{content:"";position:absolute;inset:4px;border:1px solid currentColor;opacity:.2;pointer-events:none}.red-button{background:linear-gradient(120deg,#a43d22,#852313);color:#ffe2b0;border-color:#c98e51}.gold-button:hover,.red-button:hover{filter:brightness(1.08)}.text-link{display:inline-flex;gap:17px;align-items:center;font-size:13px;letter-spacing:2px;border-bottom:1px solid #b78d5050;padding:10px 0;color:inherit}.text-link svg{width:18px}.hero{height:calc(100svh - 70px);min-height:700px;max-height:960px;position:relative;overflow:hidden}.hero .topbar{border:0}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-art{object-position:center 56%;animation:hero-enter 1.8s ease-out both}.hero-shade{background:linear-gradient(#130b0760,transparent 30%,transparent 68%,#160b08e0 93%,#1b100c)}.hero-copy{position:absolute;top:116px;left:0;right:0;text-align:center;animation:copy-enter 1s .15s both}.hero-kicker{font-size:10px;letter-spacing:5px;display:flex;align-items:center;justify-content:center;gap:12px;color:#cca365}.hero-kicker span{width:24px;height:1px;background:#a57841}.hero-title{width:240px;margin:21px auto 15px;text-align:left;font-weight:900;font-size:85px;line-height:1.12;letter-spacing:12px;color:#f4d49d;text-shadow:0 3px 25px #a64b2580}.hero-title>span{display:block}.hero-title>span:last-child{padding-left:41px;position:relative}.hero-title em{position:absolute;right:-18px;top:12px;font-size:10px;line-height:1.4;letter-spacing:1px;font-weight:400;font-style:normal;border:1px solid #bf7a42;color:#d9a963;padding:5px 3px}.hero-copy p{font-size:12px;letter-spacing:4px;color:#dec095;margin-bottom:7px}.hero-copy small{font:8px Georgia,serif;letter-spacing:4px;color:#af854c}.hero-bottom{position:absolute;bottom:18px;left:42px;right:42px;text-align:center}.hero-bottom>p{font-size:12px;letter-spacing:4px;margin-bottom:15px}.scroll-hint{font-size:8px;letter-spacing:2px;color:#bc945e;display:block;margin-top:16px}.scroll-hint b{display:block;font-size:16px;font-weight:400;animation:breathe 2s infinite}.home-editorial{padding:70px 35px 45px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#66301840,transparent 70%)}.home-editorial h2{font-size:32px;font-weight:400;line-height:1.7;letter-spacing:6px;margin-top:22px}.home-editorial p{font-size:12px;color:#bc9a73;line-height:2.2;letter-spacing:1px}.lotus{width:250px;margin:5px auto 0;mix-blend-mode:screen}.wear-banner{height:530px;position:relative;margin:0 20px;overflow:hidden}.wear-banner>img{width:100%;height:100%;object-fit:cover}.wear-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#1d1109dc)}.wear-banner>div{position:absolute;left:27px;bottom:30px;z-index:1}.wear-banner h2{font-size:31px;font-weight:400;letter-spacing:5px;line-height:1.7;margin:15px 0 6px}.wear-banner .eyebrow{color:#d7b784;font-size:8px}.page-footer{text-align:center;padding:40px 20px 23px;font-size:11px;color:#a27e57;letter-spacing:3px;line-height:2.3}.page-footer small{font-size:9px;letter-spacing:2px;opacity:.7}.section-heading{text-align:center;padding:32px 10px 15px}.section-heading h1{font-size:29px;font-weight:500;letter-spacing:4px;margin:14px 0 12px}.section-heading p{font-size:11px;letter-spacing:2px;opacity:.65;margin:0}.heading-rule{display:flex;gap:12px;align-items:center;justify-content:center;color:#a97538;margin:20px 0 0;font-size:10px}.heading-rule i{width:37px;height:1px;background:#ae86573d}.series-page{padding:0 22px;background:radial-gradient(ellipse at top,#6828182b,transparent 60%)}.filter-row{display:flex;justify-content:center;gap:7px;margin:8px 0 26px}.filter-row button{font-size:10px;padding:10px 12px;letter-spacing:1px;border:1px solid #80573550;color:#aa8860;border-radius:2px}.filter-row button.selected{background:#692417;color:#f2ce96;border-color:#a96c36}.beast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px}.beast-card{position:relative;padding:4px 0 15px;display:flex;align-items:center;flex-direction:column;border-bottom:1px solid #a8783538;min-width:0;transition:transform .25s}.beast-card:hover{transform:translateY(-4px)}.beast-halo{position:absolute;top:8px;width:95%;aspect-ratio:1;border-radius:50%;border:1px solid #9d6a3540;background:radial-gradient(circle,#88562d36,transparent 70%)}.beast-card img{height:125px;width:100%;object-fit:contain;position:relative;filter:drop-shadow(0 5px 8px #0008)}.beast-name{font-size:20px;letter-spacing:5px;margin:10px 0 6px;padding-left:5px}.beast-card small{font-size:8px;color:#b89668;white-space:nowrap;letter-spacing:.5px}.card-diamond{color:#906131;font-size:9px;margin-top:12px}.beast-card.chosen .beast-halo{border-color:#ce9a53;box-shadow:0 0 25px #c7741720}.beast-card.chosen .card-diamond{color:#edbb6b}.quiet-note{text-align:center;font-size:10px;letter-spacing:3px;margin:29px 0 5px;color:#a98257}.cloud-divider{width:85%;margin:10px auto;opacity:.7}.materials-page,.custom-page{padding:0 25px 12px}.material-list{display:grid;gap:12px;margin-top:13px}.material-row{display:flex;align-items:center;text-align:left;gap:18px;padding:13px 15px;border:1px solid #c8a67957;background:linear-gradient(110deg,#fff9ed88,#e9cfaa55);border-radius:3px;min-height:98px;position:relative}.material-row:before{content:"";position:absolute;inset:4px;border:1px solid #a9763320;pointer-events:none}.crystal{display:block;flex-shrink:0;width:68px;height:68px;border-radius:50%;background-size:300% 200%;background-position:var(--cx) var(--cy);mix-blend-mode:multiply}.material-row>span:nth-child(2){flex:1}.material-row strong{display:block;font-size:17px;letter-spacing:3px;font-weight:600}.material-row small{display:block;font-size:10px;letter-spacing:1px;color:#967554;margin-top:8px}.material-row b{font-size:17px;font-weight:400;color:#a17b4f}.material-note{margin:30px 0;text-align:center}.material-note>span{font-size:14px;letter-spacing:2px}.material-note p{font-size:10px;color:#927451;margin:12px 0 0}.bracelet-preview{height:255px;width:280px;margin:0 auto;position:relative;--center-x:140px;--center-y:118px;background:radial-gradient(ellipse,#d2aa6a25,transparent 67%)}.bracelet-orbit{position:absolute;width:188px;height:174px;border:1px solid #b7914b70;border-radius:50%;top:31px;left:46px;transform:rotate(-12deg)}.preview-bead{position:absolute;left:calc(var(--center-x) - 16px);top:calc(var(--center-y) - 16px);width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9,transparent 25%),radial-gradient(circle at 37% 32%,var(--bead),#281208);border:1px solid #b9874b80;box-shadow:2px 4px 5px #6d3b242d,inset -4px -4px 7px #40170655;transform:rotate(var(--a)) translateY(-88px) rotate(calc(-1 * var(--a)))}.bracelet-preview>img{position:absolute;left:100px;top:146px;width:83px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 3px #6d3b2455)}.preview-label{position:absolute;top:108px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:2px;color:#99764d}.concept-note{display:block;text-align:center;color:#a38766;font-size:9px;letter-spacing:1px;margin-bottom:20px}.custom-page .section-heading{padding-bottom:0}.custom-page fieldset{border:0;border-top:1px solid #ba955b50;margin:28px 0;padding:19px 0 0;min-width:0}.custom-page legend{font-size:16px;letter-spacing:2px;padding-right:12px}.custom-page legend em{font-style:normal;color:#a47840;font-size:12px;margin-right:5px}.custom-page legend small{font-size:10px;letter-spacing:0;color:#97734b;margin-left:14px}.son-options{display:flex;gap:8px;overflow-x:auto;padding:4px 1px 14px;scrollbar-width:thin;scrollbar-color:#bd945e transparent}.son-options button{flex:0 0 65px;border:1px solid #b28d5845;padding:8px 4px 7px;border-radius:3px;display:flex;align-items:center;flex-direction:column}.son-options img{height:60px;width:55px;object-fit:contain}.son-options span{font-size:11px;margin-top:6px;letter-spacing:2px}.son-options .selected,.stone-options .selected{border-color:#a84a2a;background:#a7471610;box-shadow:inset 0 0 0 1px #a84a2a}.stone-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stone-options button{border:1px solid #b28d5845;padding:8px 0 9px;display:flex;flex-direction:column;align-items:center;border-radius:3px}.stone-options .crystal{width:48px;height:48px}.stone-options button>span:last-child{font-size:11px;margin-top:5px;letter-spacing:2px}.field-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12px}.field-label>span{font-size:9px;color:#a18a6a}input,select{width:100%;height:46px;background:#fff8eb80;border:1px solid #bea07880;border-radius:2px;color:#4d3122;padding:0 13px;margin-bottom:20px;font-size:13px}input::placeholder{color:#a98f70}.form-note{font-size:10px;color:#9c7e58;line-height:1.8;margin:-7px 0 0}.custom-total{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #b6905450;padding-top:23px}.custom-total small{font-size:9px;color:#92714f;display:block}.custom-total strong{font:27px Georgia,serif;color:#8c2e19;display:block;margin-top:5px}.custom-total .red-button{font-size:12px;gap:12px;padding:13px 17px}.demo-note{font-size:9px;color:#9b805f;text-align:center;margin:17px 0 0}.saved-link{display:flex;margin:10px auto 0;font-size:10px}.story-image{width:calc(100% - 48px);height:390px;object-fit:cover;object-position:center 70%;margin:12px auto 0}.story-copy{padding:35px 32px}.story-copy h2{font-size:28px;letter-spacing:4px;font-weight:400;line-height:1.7;margin:16px 0 24px}.story-copy p{font-size:12px;line-height:2.2;color:#8b6e4f;letter-spacing:1px}.values{display:flex;justify-content:space-between;padding:23px 0;margin:28px 0;border-top:1px solid #a9885050;border-bottom:1px solid #a9885050;font-size:12px;letter-spacing:2px}dialog{border:1px solid #b59057;padding:0;max-width:420px;width:calc(100% - 32px);max-height:88svh;background:#f4e5ce;color:#4d2e1b;border-radius:6px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ac824d #ecd8b9;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#0c0706c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .25s ease-out}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;top:12px;right:12px;z-index:5;background:#24150bba;color:#f9dfb1;border-color:#e3b8786b;width:35px;height:35px}.detail-visual{height:300px;position:relative;overflow:hidden}.detail-product{height:100%;width:100%;object-fit:cover;object-position:50% 44%}.detail-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#29150c90)}.detail-beast{position:absolute;bottom:9px;right:15px;width:89px;height:95px;object-fit:contain;z-index:1;filter:drop-shadow(0 2px 5px #000)}.detail-copy{padding:27px}.detail-copy h2{font-size:28px;letter-spacing:4px;margin:11px 0}.detail-copy h2>span{font-size:15px;font-weight:400;letter-spacing:2px}.detail-copy h3{font-size:12px;font-weight:400;letter-spacing:2px;color:#9e693b}.detail-copy p{font-size:12px;line-height:2;color:#8f6e4d}.detail-spec{display:flex;justify-content:space-between;padding:15px 0;margin:18px 0;border-top:1px solid #a4875c40;border-bottom:1px solid #a4875c40;font-size:10px;color:#8b633a}.detail-copy .red-button{width:100%;font-size:12px;gap:12px}.detail-copy .concept-note{font-size:8px}.material-detail{padding:45px 30px 30px;text-align:center}.material-detail .crystal{width:170px;height:170px;margin:0 auto 30px}.material-detail h2{font-size:30px;letter-spacing:5px;margin:18px 0 10px}.material-detail h3{font-size:13px;font-weight:400;color:#9e774c}.material-detail p{font-size:12px;line-height:2.2;margin:23px 0 30px}.material-detail .red-button{width:100%;font-size:12px}.menu-panel{padding:45px 30px 30px}.menu-panel h2{font-size:29px;letter-spacing:4px;margin:18px 0 25px}.menu-panel>a{display:flex;align-items:center;gap:20px;border-bottom:1px solid #a27b4a30;padding:22px 0;font-size:17px;letter-spacing:4px}.menu-panel a small{font:10px Georgia,serif;color:#ac8958}.menu-panel a svg{margin-left:auto;width:18px}.saved-content{padding:35px 28px 25px;text-align:center}.saved-check{width:35px;height:35px;border:1px solid #a58249;border-radius:50%;color:#a58249;margin:0 auto 20px;padding:7px}.saved-content h2{font-size:22px;font-weight:500;letter-spacing:2px;margin:15px 0}.saved-content>img{width:135px;height:145px;object-fit:contain;margin:20px auto}.saved-content h3{font-size:19px;letter-spacing:3px;margin:10px 0}.saved-content>p{font-size:11px;color:#97754d}.saved-content dl{border-top:1px solid #ad875145;border-bottom:1px solid #ad875145;margin:24px 0;padding:12px 0}.saved-content dl>div{display:flex;justify-content:space-between;padding:9px 0;font-size:12px}.saved-content dt{color:#967852}.saved-content dd{margin:0;max-width:70%;overflow-wrap:anywhere}.saved-content .red-button{width:100%;font-size:12px;margin-top:22px}.saved-content .text-link{font-size:11px;margin-top:12px}.saved-content .form-note{font-size:9px}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;background:#21160eee;border:1px solid #a9834c80;color:#efd7b0;padding:13px 20px;border-radius:3px;font-size:12px;max-width:88%;width:max-content;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}@keyframes hero-enter{0%{transform:scale(1.06);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes copy-enter{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes breathe{50%{transform:translateY(4px);opacity:.4}}@keyframes dialog-in{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1100px){.phone{border-left:1px solid #a9783b40;border-right:1px solid #a9783b40}.hero{min-height:780px}.beast-card img{height:135px}}@media(max-width:1099px){.desktop-intro,.desktop-note{display:none}}@media(max-width:460px){.hero{min-height:660px}.hero-copy{top:110px}.hero-title{font-size:76px;width:218px}.hero-bottom{left:35px;right:35px}.beast-card img{height:112px}.beast-card small{font-size:7px}.section-heading h1{font-size:26px}.section-heading p{font-size:10px}.beast-name{font-size:18px}}@media(max-width:360px){.hero-title{font-size:65px}.hero-copy{top:110px}.hero-bottom{left:27px;right:27px}.series-page{padding:0 15px}.beast-card img{height:100px}.beast-card small{font-size:6px}.filter-row button{padding:9px;font-size:9px}.materials-page,.custom-page{padding-left:18px;padding-right:18px}.material-row{gap:12px}.material-row small{font-size:9px}.section-heading h1{font-size:23px}.custom-total .red-button{font-size:10px;letter-spacing:2px}.field-label>span{font-size:8px}.bracelet-preview{width:270px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.crystal{background-size:300% 300%}