@font-face{font-family:'BM Dinso';src:url('/fonts/BM-Dinso.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'BM Dinso';src:url('/fonts/BM-Dinso-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:'BM Dinso';src:url('/fonts/BM-Dinso-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--slate:#40485e;--powder:#a4bec8;--rose:#833945;--dusk:#3957a5;--ink:#202638;--paper:#f5f5f2;--mist:#e8ecec;--white:#fff;--shadow:0 18px 50px rgba(25,31,51,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'BM Dinso',sans-serif;font-size:18px;line-height:1.7}a{color:inherit}img{max-width:100%;display:block}.shell{width:min(100% - 2.4rem,70rem);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,245,242,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(64,72,94,.12)}.nav{min-height:4.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:700}.brand img{width:2.6rem;height:2.6rem;object-fit:contain}.nav-links{display:flex;gap:1.1rem;align-items:center}.nav-links a{text-decoration:none;font-size:1rem}.nav-links .pill{padding:.55rem .9rem;border-radius:999px;background:var(--slate);color:#fff}
.page-hero{position:relative;overflow:hidden;padding:6rem 0 5rem;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(57,87,165,.8),transparent 34%),radial-gradient(circle at 12% 90%,rgba(131,57,69,.66),transparent 35%),linear-gradient(145deg,#30374c,var(--slate))}.page-hero::after{content:"";position:absolute;right:-5rem;bottom:-9rem;width:28rem;height:28rem;background:url('/images/stone-in-the-room-hero-v2.png') center/contain no-repeat;opacity:.16;filter:saturate(.8)}.hero-inner{position:relative;z-index:1;max-width:48rem}.eyebrow{margin:0 0 .75rem;color:var(--powder);font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-hero h1{margin:0;font-size:clamp(3rem,7vw,5.8rem);line-height:1.08}.page-hero p{max-width:42rem;margin:1.25rem 0 0;color:rgba(255,255,255,.78);font-weight:300}
.section{padding:5rem 0}.section.soft{background:var(--mist)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-head h2{margin:0;font-size:clamp(2.3rem,5vw,4rem);line-height:1.1}.section-head p{max-width:31rem;margin:0;color:#626b7a}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border:1px solid rgba(64,72,94,.1);border-radius:.7rem;background:#fff;box-shadow:var(--shadow);text-decoration:none}.card-media{aspect-ratio:16/10;object-fit:cover;background:#dbe3e5}.card-body{display:flex;flex:1;flex-direction:column;padding:1.3rem}.tag{color:var(--rose);font-size:.82rem;font-weight:700;letter-spacing:.08em}.card h2,.card h3{margin:.35rem 0 .6rem;line-height:1.2}.card p{margin:0;color:#667080;font-size:1rem}.card .more{margin-top:auto;padding-top:1rem;color:var(--dusk);font-weight:700}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:4rem;align-items:start}.article{max-width:47rem}.article h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1.08;margin:.4rem 0 1rem}.lede{font-size:1.25rem;color:#596174}.article h2{margin:2.8rem 0 .8rem;font-size:2rem;line-height:1.2}.article h3{margin:2rem 0 .6rem;font-size:1.4rem}.article p,.article li{color:#3f4757}.article ul{padding-left:1.25rem}.fact-box,.note{margin:2rem 0;padding:1.4rem;border-radius:.6rem;background:#e8eeee;border-left:.35rem solid var(--dusk)}.note{background:#f0e7e9;border-left-color:var(--rose)}.breadcrumbs{font-size:.9rem;color:#6b7380}.breadcrumbs a{text-underline-offset:.2rem}.side-card{position:sticky;top:6rem;padding:1.4rem;border-radius:.6rem;background:var(--slate);color:#fff}.side-card h3{margin:0 0 .5rem}.side-card p{color:rgba(255,255,255,.7)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.65rem 1rem;border:0;border-radius:999px;background:var(--dusk);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button.secondary{background:var(--powder);color:var(--ink)}
.gem-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.gem-visual{min-height:25rem;display:grid;place-items:center;border-radius:.8rem;background:radial-gradient(circle,#5b6dca 0,rgba(57,87,165,.15) 42%,transparent 70%),var(--slate);overflow:hidden}.gem-visual img{width:78%;height:25rem;object-fit:contain}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.fact{padding:1rem;border-radius:.5rem;background:#fff;border:1px solid rgba(64,72,94,.12)}.fact strong{display:block;color:var(--rose)}
.quiz{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem}.quiz-panel,.result-panel{padding:clamp(1.5rem,4vw,2.5rem);border-radius:.8rem;background:#fff;box-shadow:var(--shadow)}.field{margin-bottom:1.2rem}.field label{display:block;margin-bottom:.35rem;font-weight:700}.field input,.field select{width:100%;min-height:3.2rem;padding:.6rem .8rem;border:1px solid #cbd1d6;border-radius:.45rem;background:#fff;color:var(--ink);font:inherit}.result-panel{background:var(--slate);color:#fff}.result-panel p{color:rgba(255,255,255,.75)}.element-bars{display:grid;gap:.75rem;margin:1.5rem 0}.bar-row{display:grid;grid-template-columns:4rem 1fr 2.5rem;gap:.7rem;align-items:center}.bar{height:.55rem;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}.bar span{display:block;height:100%;border-radius:inherit;background:var(--powder)}.recommendations{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.rec{padding:1rem;border:1px solid rgba(255,255,255,.14);border-radius:.55rem;background:rgba(255,255,255,.06)}.rec strong{display:block;color:#fff}.disclaimer{font-size:.88rem;color:#707887}
.site-footer{padding:2rem 0;background:#303649;color:rgba(255,255,255,.65)}.footer-row{display:flex;justify-content:space-between;gap:1rem}.footer-row a{color:#fff}
@media(max-width:820px){body{font-size:17px}.nav-links a:not(.pill){display:none}.page-hero{padding:4.5rem 0}.grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.article-layout,.gem-hero,.quiz{grid-template-columns:1fr}.side-card{position:static}.facts,.recommendations{grid-template-columns:1fr}.gem-visual,.gem-visual img{min-height:20rem;height:20rem}.footer-row{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}