@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=IBM+Plex+Mono:wght@500;600&family=Nunito+Sans:wght@400;600;700;800&display=swap";:root{color:#3b342a;font-synthesis:none;text-rendering:optimizelegibility;--linen:#f3ede1;--linen-deep:#e8dcc6;--paper:#fcf8f0;--bark:#3b342a;--soft:#7c7160;--sage:#65744d;--sage-soft:#d9dfcc;--terracotta:#b45c3e;--terracotta-soft:#f1d4c7;--honey:#b7832e;--honey-soft:#f1dfc0;--moss:#35412e;background:#f3ede1;font-family:Nunito Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--linen);min-width:320px;color:var(--bark);margin:0}#root{overflow-x:clip}button,a{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--honey);outline-offset:4px}::selection{background:var(--sage-soft)}.skip-link{z-index:100;background:var(--paper);padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--sage);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font:600 11px/1.4 IBM Plex Mono,monospace}.digit{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace}.site-header{z-index:50;min-height:70px;color:var(--bark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3ede1e6;border-bottom:1px solid #3b342a1a;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,64px);display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:.14em;font:600 18px/1 Fraunces,serif;text-decoration:none}.nav-cta{min-height:44px;color:var(--paper);background:var(--sage);border-radius:100px;align-items:center;padding:0 18px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.hero{background:var(--linen-deep);align-items:center;min-height:92svh;display:flex;position:relative;overflow:hidden}.hero>img{object-fit:cover;width:100%;height:100%;animation:18s ease-in-out infinite alternate slowZoom;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#f3ede1f7 0%,#f3ede1ed 36%,#f3ede126 72%,#f3ede108 100%);position:absolute;inset:0}.hero-copy{z-index:2;width:min(860px,58vw);padding:140px 0 90px clamp(24px,6vw,110px);position:relative}.hero h1{letter-spacing:-.045em;word-break:keep-all;margin:0 0 28px;font:500 clamp(52px,5.2vw,78px)/1.18 Fraunces,serif}.hero h1 span{white-space:nowrap;display:block}.hero-lead{color:#574e41;max-width:620px;margin:0 0 30px;font-size:clamp(16px,2vw,19px);line-height:1.9}.primary-button{background:var(--sage);min-height:50px;color:var(--paper);border:0;border-radius:100px;justify-content:center;align-items:center;padding:0 26px;font-weight:800;text-decoration:none;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 12px 30px #35412e2e}.primary-button:hover{background:var(--moss);transform:translateY(-2px)}.hero-note{max-width:460px;color:var(--soft);margin:20px 0 0;font-size:12px;line-height:1.7}.hero-folio{z-index:2;color:#3b342a8c;letter-spacing:.12em;font-size:12px;position:absolute;bottom:26px;right:4vw}.diagnosis-section,.library-section{padding:clamp(88px,10vw,140px) clamp(18px,5vw,72px)}.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.section-heading h2,.disclaimer-section h2{letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 18px;font:500 clamp(34px,5vw,58px)/1.25 Fraunces,serif}.section-heading>p:last-child{color:var(--soft);margin:0;font-size:16px;line-height:1.8}.quiz-panel,.result{background:var(--paper);border:1px solid #3b342a14;border-radius:28px;width:min(920px,100%);min-height:560px;margin:0 auto;padding:clamp(26px,5vw,64px);box-shadow:0 28px 60px -40px #3b342a52}.quiz-progress{color:var(--soft);align-items:center;gap:18px;margin-bottom:52px;font-size:12px;display:flex}.progress-track{background:var(--linen-deep);flex:1;height:3px;overflow:hidden}.progress-track span{background:var(--sage);height:100%;transition:width .4s;display:block}fieldset{border:0;min-width:0;margin:0;padding:0}legend{text-align:center;word-break:keep-all;overflow-wrap:anywhere;width:100%;margin:0 0 34px;font:500 clamp(27px,4vw,43px)/1.35 Fraunces,serif}fieldset>.eyebrow{text-align:center}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.option-button{min-height:76px;color:var(--bark);background:var(--linen);text-align:left;border:1px solid #3b342a1f;border-radius:16px;padding:16px 19px;transition:transform .2s,border-color .2s,background .2s}.option-button:hover{border-color:var(--sage);background:var(--sage-soft);transform:translateY(-2px)}.option-button b{font-size:16px;display:block}.option-button span{color:var(--soft);margin-top:4px;font-size:12px;line-height:1.5;display:block}.analyzing{text-align:center;width:min(920px,100%);min-height:460px;color:var(--paper);background:var(--moss);border-radius:28px;place-content:center;gap:26px;margin:0 auto;padding:36px;display:grid}.analyzing p{font:500 clamp(24px,4vw,38px)/1.4 Fraunces,serif}.analyzing-word{color:#d8c29c;letter-spacing:.26em;font:500 11px/1.5 IBM Plex Mono,monospace;animation:1.2s ease-in-out infinite softPulse}.result{animation:.65s both bloomIn}.result>h2{text-align:center;word-break:keep-all;overflow-wrap:anywhere;max-width:700px;margin:0 auto 16px;font:500 clamp(30px,4vw,48px)/1.3 Fraunces,serif}.result>.eyebrow,.result-intro,.result-message,.privacy-note{text-align:center}.result-intro{color:var(--soft)}.result-message{max-width:680px;margin:0 auto 42px;line-height:1.8}.bracelet-preview{background:var(--linen);border-radius:22px;margin:0 0 18px;padding:clamp(22px,4vw,40px);overflow:clip}.preview-heading{text-align:center;max-width:620px;margin:0 auto 20px}.preview-heading h3{margin:0 0 8px;font:500 clamp(26px,4vw,38px)/1.3 Fraunces,serif}.preview-heading>p:last-child{color:var(--soft);margin:0;line-height:1.7}.bracelet-stage{aspect-ratio:1;background:#e9d8c5 url(/img/bracelet-scene-base-square.png) 50%/cover no-repeat;border-radius:18px;width:min(720px,100%);margin:0 auto;position:relative;overflow:hidden}.three-bracelet{touch-action:none;cursor:grab;place-items:center;width:100%;height:100%;display:grid}.three-bracelet:active{cursor:grabbing}.three-bracelet>p{color:var(--soft);font-size:13px}.bracelet-canvas{width:100%;height:100%;display:block}.bracelet-message{border-left:4px solid var(--sage);background:#fcf8f0d6;border-radius:4px 16px 16px 4px;max-width:680px;margin:12px auto 10px;padding:clamp(20px,4vw,30px)}.bracelet-message .eyebrow{margin-bottom:8px}.bracelet-message h4{margin:0 0 12px;font:500 clamp(21px,3vw,28px)/1.4 Fraunces,serif}.bracelet-message>p:last-child{color:#554c40;margin:0;line-height:1.95}.bracelet-message b{color:var(--moss)}.preview-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:680px;margin:8px auto 0;display:grid}.preview-legend>span{background:var(--paper);border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;min-width:0;padding:8px 11px;display:grid}.preview-legend img{object-fit:contain;width:38px;height:38px}.preview-legend b{overflow-wrap:anywhere;min-width:0;font-size:12px}.preview-legend small{color:var(--soft);font:500 10px/1.3 IBM Plex Mono,monospace}.preview-caution{max-width:700px;color:var(--soft);text-align:center;margin:15px auto 0;font-size:11px;line-height:1.65}.result-stones{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stone-result{border-radius:20px;min-height:280px;padding:24px}.stone-result-sage{background:var(--sage-soft)}.stone-result-terracotta{background:var(--terracotta-soft)}.stone-result-honey{background:var(--honey-soft)}.stone-index{color:#3b342a94;margin-bottom:32px;font-size:12px;display:block}.stone-position{color:var(--soft);margin:0 0 6px;font-size:11px;font-weight:800}.stone-result h3,.library-card h3{margin:0;font:500 25px/1.35 Fraunces,serif}.stone-kana{color:var(--soft);margin:4px 0 16px;font-size:12px}.stone-result>p:not(.stone-position):not(.stone-kana){line-height:1.7}.stone-result small{color:var(--soft);border-top:1px solid #3b342a1f;padding-top:14px;line-height:1.6;display:block}.result-notes{grid-template-columns:1.35fr .85fr;gap:14px;margin-top:14px;display:grid}.result-notes section{background:var(--linen);border-radius:20px;padding:28px}.result-notes h3{margin:0 0 10px;font:500 24px/1.35 Fraunces,serif}.result-notes p{line-height:1.7}.layout-note ol{margin:22px 0;padding:0;list-style:none}.layout-note li{border-bottom:1px solid #3b342a1a;justify-content:space-between;gap:14px;padding:11px 0;display:flex}.layout-note li span{color:var(--soft)}.pattern{font-weight:700}.care-note b{color:var(--sage)}.privacy-note{color:var(--soft);margin:28px 0 14px;font-size:12px}.result-actions{justify-content:center;align-items:center;gap:20px;display:flex}.text-button{min-height:48px;color:var(--bark);background:0 0;border:0;border-bottom:1px solid;padding:0 8px;font-weight:800}.method-section{color:var(--paper);background:var(--moss);padding:clamp(84px,10vw,140px) clamp(18px,5vw,72px)}.method-inner{max-width:1200px;margin:0 auto}.section-heading-light{text-align:left;margin-inline:0}.section-heading-light .eyebrow{color:#d8c29c}.section-heading-light>p:last-child{color:#fcf8f0b3}.method-grid{border-top:1px solid #fcf8f033;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.method-grid article{padding:30px 24px 10px 0}.method-number{color:#d8c29c;margin:0 0 26px;font-size:44px}.method-number small{font-size:13px}.method-grid h3{margin:0 0 10px;font:500 22px/1.4 Fraunces,serif}.method-grid article>p:last-child{color:#fcf8f0ad;line-height:1.7}.library-section{max-width:1380px;margin:0 auto}.stone-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.library-card{background:var(--paper);border:1px solid #3b342a14;border-radius:20px;flex-direction:column;min-height:500px;padding:24px;transition:transform .25s;display:flex;box-shadow:0 18px 40px -35px #3b342a80}.library-card:hover{transform:translateY(-4px)}.library-card-sage{border-top:5px solid var(--sage)}.library-card-terracotta{border-top:5px solid var(--terracotta)}.library-card-honey{border-top:5px solid var(--honey)}.color-label{color:var(--soft);align-self:flex-end;margin:-47px 0 10px;font-size:11px}.library-stone-photo{place-items:center;height:170px;margin:0 0 10px;display:grid}.library-stone-photo img{object-fit:contain;filter:drop-shadow(0 14px 14px #3b342a2e);width:152px;height:152px;transition:transform .35s}.library-card:hover .library-stone-photo img{transform:scale(1.04)rotate(2deg)}.library-card>p:not(.color-label):not(.stone-kana):not(.handling-note){flex:1;line-height:1.7}.handling-note{color:#765745;border-top:1px solid #3b342a1f;margin:16px 0 0;padding-top:12px;font-size:12px;line-height:1.65}.disclaimer-section{background:var(--linen-deep);padding:80px 20px}.disclaimer-section>div{max-width:850px;margin:0 auto}.disclaimer-section p:last-child{color:#655b4b;line-height:1.9}footer{color:#fcf8f0b8;background:#273021;justify-content:space-between;align-items:center;gap:20px;min-height:120px;padding:30px clamp(20px,5vw,72px);font-size:12px;display:flex}footer a{min-width:44px;min-height:44px;color:var(--paper);place-items:center;text-decoration:none;display:grid}@keyframes slowZoom{0%{transform:scale(1.02)}to{transform:scale(1.08)}}@keyframes softPulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes bloomIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.hero{align-items:flex-end;min-height:820px}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(#f3ede11f 18%,#f3ede1f2 52%,#f3ede1fa 100%)}.hero-copy{width:100%;padding:300px 22px 70px}.hero h1{font-size:clamp(38px,8.5vw,60px)}.method-grid,.stone-library{grid-template-columns:repeat(2,minmax(0,1fr))}.result-stones,.result-notes{grid-template-columns:1fr}.bracelet-stage{width:min(600px,100%)}}@media (width<=520px){.site-header{min-height:62px}.nav-cta{padding-inline:14px;font-size:12px}.hero{min-height:760px}.hero-copy{padding-top:260px}.hero h1{font-size:clamp(31px,9.8vw,48px)}.option-grid,.method-grid,.stone-library{grid-template-columns:1fr}.quiz-panel,.result{border-radius:20px;padding:24px 18px}.quiz-progress{margin-bottom:38px}legend{font-size:28px}.result-actions{flex-direction:column}.bracelet-preview{padding-inline:8px}.bracelet-stage{width:100%}.preview-legend{grid-template-columns:1fr;padding-inline:10px}.primary-button{width:100%}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}