/* Stage-one crystal collection, guide and design studio. */
:root{--sage:#e9efdf;--soft-green:#f1f6eb;--muted:#58685c;--border:#cdd8c8;--lavender:#e9e2ed}
.stage-one{font-size:15px;line-height:1.65}
.stage-one [hidden]{display:none!important}
.stage-one .site-header nav{gap:24px;font-size:11px}
.stage-one .site-header{grid-template-columns:1fr auto 1fr}
.stage-one .preview-note{background:#e5ebdd;color:#304839;font-size:9px;letter-spacing:.1em}
.stage-one .section-index{color:#526d54;font-size:10px}
.stage-one .button,.stage-one .text-link{font-size:10px;letter-spacing:.11em;min-height:44px}
.stage-one .button.dark{background:#294438}
.stage-one .button.light{background:#e1ead7;border-color:#b8cbb0}
.stage-one .button.outline{border-color:#84977f;background:transparent}
.stage-one .section-heading h2{font-size:clamp(36px,4.3vw,62px);line-height:1.08;letter-spacing:-.035em}
.stage-one .section-heading{margin-bottom:32px}
.stage-one .section-heading.split>p{font-size:14px;line-height:1.7;color:var(--muted)}
.stage-one .section-index+.intro-copy{max-width:640px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px 18px}
.skip-link:focus{top:12px}
.atelier-hero{display:grid;grid-template-columns:.9fr 1.1fr;background:#eff3e8;min-height:620px}
.atelier-hero-copy{padding:78px 4vw 68px 6vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.atelier-hero h1{margin:0;font:400 clamp(48px,5.7vw,84px)/1.03 var(--serif);letter-spacing:-.045em}
.atelier-hero h1 em{color:#5c795c;font-weight:400}
.atelier-hero-copy>p:not(.section-index){max-width:430px;color:#516450;margin:25px 0 0;font-size:16px}
.atelier-hero .hero-actions{gap:19px;flex-wrap:wrap;margin-top:30px}
.atelier-hero-media{position:relative;min-width:0;min-height:620px;overflow:hidden}
.atelier-hero-media>img{width:100%;height:100%;object-fit:cover;object-position:73% center}
.atelier-hero-media .image-label{top:auto;bottom:20px;left:20px}
.hero-footnote{font:italic 17px/1.5 var(--serif)!important;margin-top:35px!important}
.worlds-section,.guide-preview,.studio-invitation,.stage-one .collection-section,.stage-one .journal-section{padding:72px 5vw}
.worlds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.world-card{min-width:0}
.world-media{position:relative;aspect-ratio:1;overflow:hidden;background:#ece9df}
.world-media img{height:100%;object-fit:cover;transition:transform .4s}
.world-card:hover img{transform:scale(1.025)}
.world-card h3{font:32px/1.1 var(--serif);margin:18px 0 7px;letter-spacing:-.02em}
.world-card p{color:var(--muted);font-size:13px;margin:0 0 10px;max-width:330px}
.world-card .world-link{font-size:11px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #98a58f;padding-bottom:5px}
.world-media .image-label{font-size:8px;top:12px;left:12px}
.stage-one .collection-section{background:#f4f1e9}
.stage-one .product-grid{gap:32px 17px}
.stage-one .product-card h3{font-size:24px;line-height:1.14}
.stage-one .product-card-top{font-size:9px;line-height:1.6;gap:7px}
.stage-one .product-card>p{font-size:9px}
.stage-one .product-card-title{gap:8px}
.stage-one .product-card-title>span{font-size:12px;flex:none}
.stage-one .product-badge{background:rgba(242,246,237,.94);color:#294438;font-size:8px}
.stage-one a.quick-add{display:flex;justify-content:center;align-items:center;padding:8px;text-align:center}
.stage-one .filters button{font-size:10px;min-height:40px}
.stage-one .collection-footer{font-size:10px}
.stage-one .brand-story{padding:70px 5vw}
.stage-one .brand-story h2{font-size:clamp(43px,4.6vw,68px)}
.stage-one .story-opening{gap:6vw}
.stage-one .story-intro p{font-size:17px}
.stage-one .story-category{font-size:10px}
.stage-one .story-details{margin-top:32px}
.guide-preview{background:#f8f8f0}
.guide-preview-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:6vw}
.guide-preview-copy h2,.studio-invitation h2{margin:0;font:400 clamp(38px,4.4vw,64px)/1.08 var(--serif);letter-spacing:-.035em}
.guide-preview-copy>p:not(.section-index),.studio-invitation-copy>p:not(.section-index){color:var(--muted);max-width:470px;margin:22px 0 28px}
.stone-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stone-mini{padding:22px 12px 18px;text-align:center;background:#eef0e6;border:1px solid transparent}
.stone-mini:hover{border-color:#9eaf96}
.stone-mini strong{display:block;margin-top:15px;font:22px/1.2 var(--serif)}
.stone-mini small{display:block;margin-top:6px;color:var(--muted);font-size:11px}
.mineral-shape{--tone:#deded0;--shade:#aab7ae;position:relative;width:78px;height:106px;margin:auto;background:linear-gradient(110deg,rgba(255,255,255,.7),transparent 35%),linear-gradient(20deg,var(--shade),var(--tone) 65%,#f9f9ef);clip-path:polygon(50% 0,88% 25%,85% 84%,50% 100%,13% 84%,12% 25%);filter:drop-shadow(0 8px 7px rgba(45,55,39,.12))}
.mineral-shape:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.35) 50%,transparent 51%);clip-path:polygon(50% 0,72% 32%,70% 84%,50% 100%,30% 84%,28% 32%);border-left:1px solid rgba(255,255,255,.4)}
.mineral-shape:after{content:"";position:absolute;inset:25% 12% 16%;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.4);transform:skewY(-17deg)}
.studio-invitation{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#e8efdf}
.studio-invitation-visual{position:relative;min-height:330px;display:grid;place-items:center;background:#f4f3e9;overflow:hidden}
.studio-invitation-visual svg{width:min(340px,88%);height:auto}
.studio-invitation-visual>small{position:absolute;bottom:15px;left:20px;right:20px;text-align:center;font-size:10px;color:#64705d}
.studio-steps{display:flex;gap:15px;margin:25px 0 27px;padding:0;list-style:none;font-size:11px;color:#52664d}
.studio-steps li{border-bottom:1px solid #b7c6ad;padding-bottom:8px;flex:1}
.stage-one .editorial-banner{min-height:0;grid-template-columns:1fr 1fr;background:#eee6da}
.stage-one .editorial-media{min-height:480px}
.stage-one .editorial-copy{padding:55px 5vw}
.stage-one .editorial-copy h2{font-size:clamp(38px,4.3vw,62px);line-height:1.08}
.stage-one .micro-note{font-size:10px!important;text-transform:none;letter-spacing:0}
.stage-one .newsletter{padding:65px 5vw}
.stage-one .newsletter h2{font-size:clamp(37px,4vw,60px);line-height:1.08}
.stage-one footer{background:#253c30}
.stage-one .consent-banner{max-width:820px;left:18px;right:auto;padding:17px 20px;gap:22px}
.stage-one .consent-banner p{max-width:390px;font-size:12px}
.stage-one .consent-banner strong{font-size:21px}
.page-heading{padding:64px 5vw 48px;background:#eff3e8;display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:end}
.page-heading h1{margin:0;font:400 clamp(44px,5.3vw,76px)/1.05 var(--serif);letter-spacing:-.04em}
.page-heading h1 em{color:#607a5c;font-weight:400}
.page-heading>p,.page-heading>div>p:not(.section-index){color:var(--muted);max-width:530px;font-size:15px;line-height:1.8}
.page-heading .heading-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}
.guide-toolbar{padding:28px 5vw;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px;background:#f8f7ef;border-bottom:1px solid var(--border)}
.guide-toolbar label,.studio-form label.field{display:grid;gap:8px;font-size:12px;color:#3c5542}
.guide-toolbar input,.guide-toolbar select,.studio-form input:not([type=radio]),.studio-form select,.studio-form textarea{width:100%;min-width:0;border:1px solid #b9c9b2;padding:11px 12px;background:#fffef7;border-radius:0;font:14px/1.5 var(--sans);color:#294438}
.guide-toolbar input:focus,.guide-toolbar select:focus,.studio-form :is(input,select,textarea):focus{outline:2px solid #687c5e;outline-offset:2px}
.atlas-section{padding:42px 5vw 64px}
.atlas-status{font-size:12px;color:var(--muted);margin:0 0 22px}
.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.atlas-card{display:block;min-width:0}
.atlas-card-art{position:relative;min-height:200px;display:grid;place-items:center;background:#eeefe5}
.atlas-card-art .mineral-shape{width:104px;height:144px}
.atlas-card-art>span{position:absolute;bottom:12px;left:15px;color:#53634d;font-size:10px}
.atlas-card h2{margin:18px 0 8px;font:30px/1.1 var(--serif);letter-spacing:-.02em}
.atlas-card p{margin:0;color:var(--muted);font-size:13px}
.atlas-card .atlas-open{display:inline-block;margin-top:14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #91a286;padding-bottom:4px}
.atlas-card[aria-current=true] .atlas-card-art{outline:2px solid #69815c;outline-offset:4px}
.empty-guide{grid-column:1/-1;padding:45px;border:1px solid var(--border)}
.empty-guide h2{font:32px var(--serif);margin:0 0 10px}
.crystal-detail{padding:65px 5vw;background:#eef3e8;scroll-margin-top:110px}
.crystal-detail[hidden]{display:none}
.crystal-detail-top{display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;align-items:center}
.crystal-detail-illustration{padding:30px;background:#e4ebdb;text-align:center}
.crystal-detail-illustration .mineral-shape{width:130px;height:180px}
.crystal-detail-illustration small{display:block;font-size:11px;color:#586a51;margin-top:24px}
.crystal-detail h2{margin:0 0 14px;font:48px/1.05 var(--serif);letter-spacing:-.035em}
.crystal-detail h3{font:25px/1.2 var(--serif);margin:0 0 14px}
.crystal-detail .fact-text{font:21px/1.6 var(--serif);color:#485d45;max-width:740px}
.detail-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:26px}
.detail-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px;border-top:1px solid #bfd0b4;padding-top:30px}
.detail-columns p{font-size:14px;color:#52644e}
.editorial-label{display:block;color:#58714f;text-transform:uppercase;font-size:9px;letter-spacing:.12em;margin-bottom:12px}
.guide-section{padding:65px 5vw}
.guide-section>h2{margin:0 0 20px;font:clamp(34px,3.7vw,52px)/1.1 var(--serif);letter-spacing:-.025em}
.guide-section>p{max-width:780px;color:var(--muted)}
.meaning-section{background:#f4f0e6}
.meaning-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}
.meaning-layout h2{margin:0;font:42px/1.1 var(--serif);letter-spacing:-.03em}
.meaning-layout p{margin:0 0 18px;color:#53644f}
.meaning-layout details{border-top:1px solid var(--border);padding:16px 0;font-size:13px}
.meaning-layout summary{cursor:pointer;font-weight:600}
.meaning-layout details p{margin:15px 0 0}
.source-link{text-decoration:underline;text-underline-offset:4px;color:#4b6647}
.pairing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:30px}
.pairing-art{display:flex;align-items:center;justify-content:center;min-height:130px;background:#f0eee4;gap:12px}
.pairing-bead{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 27%,#fff9,var(--tone) 45%,var(--shade));box-shadow:inset -5px -5px 8px #0001,0 7px 12px #0001}
.pairing-card h3{font:30px/1.1 var(--serif);margin:20px 0 10px}
.pairing-card p{color:var(--muted);font-size:14px}
.pairing-materials{font-size:11px!important;color:#6a7660!important}
.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}
.care-grid article{border-top:1px solid #b5c5ab;padding-top:20px}
.care-grid h3{font:26px/1.2 var(--serif);margin:0 0 12px}
.care-grid p{font-size:14px;color:var(--muted)}
.studio-heading{grid-template-columns:1fr 1fr;padding-bottom:36px}
.studio-heading h1{font-size:clamp(43px,4.8vw,68px)}
.studio-layout{padding:40px 5vw 65px;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:start}
.studio-form{min-width:0}
.studio-form fieldset{border:0;border-top:1px solid var(--border);padding:27px 0 32px;margin:0;min-width:0}
.studio-form legend{padding:0 14px 0 0;font:26px/1.3 var(--serif)}
.studio-form legend span{font:11px var(--sans);color:#69805e;margin-right:12px}
.studio-form fieldset>p{font-size:13px;color:var(--muted);margin:10px 0 20px}
.format-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}
.format-option{position:relative;padding:15px;border:1px solid #c1cdb9;cursor:pointer;display:flex;gap:9px;align-items:flex-start;background:#f8f8f0}
.format-option:has(input:checked){background:#e5eddb;border-color:#6d855f}
.format-option input{accent-color:#46623d;margin-top:5px}
.format-option strong{font:20px/1.3 var(--serif)}
.format-option small{display:block;color:#64735b;font-size:11px;margin-top:4px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}
.studio-form .field-row:last-child{margin-bottom:0}
.studio-form label.field small{font-size:11px;color:#66765d}
.studio-form textarea{resize:vertical;min-height:95px}
.studio-inline-link{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-top:14px;color:#536e4a}
.mobile-preview-link{display:none}
#studio-preview{scroll-margin-top:90px}
.studio-reference{font-size:12px;color:#5c7153;background:#edf1e5;padding:13px 16px;margin:0 0 28px}
.studio-reference[hidden]{display:none}
.studio-preview{position:sticky;top:112px;background:#eef1e5;padding:29px;min-width:0;border:1px solid #d3deca}
.studio-preview h2{margin:0;font:31px/1.2 var(--serif)}
.studio-preview>.preview-intention{color:#607357;font-size:12px;margin:8px 0 0}
.preview-drawing{min-height:285px;display:grid;place-items:center}
.preview-drawing svg{display:block;width:min(100%,340px);height:auto}
.preview-caption{margin:0 0 22px;font-size:11px;color:#617158;line-height:1.6}
.palette-key{list-style:none;margin:0;padding:18px 0;display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px solid #c5d3bb;border-bottom:1px solid #c5d3bb;font-size:12px}
.palette-key li{display:flex;gap:7px;align-items:center}
.palette-key i{display:block;width:13px;height:13px;border-radius:50%;background:var(--tone);border:1px solid #87947b}
.consultation-note{font-size:12px;color:#607058;margin:18px 0 0}
.studio-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.studio-actions button{font-size:9px!important;padding:0 15px}
.studio-status{font-size:12px;color:#365d2b;min-height:22px;margin:13px 0 0}
.brief-result{padding:30px 5vw 65px;background:#f4f0e6}
.brief-result[hidden]{display:none}
.brief-result h2{font:38px/1.1 var(--serif);margin:0 0 15px}
.brief-result>p{color:var(--muted);max-width:780px}
.brief-text{width:100%;min-height:290px;padding:22px;background:#fffef8;border:1px solid #c3ceb9;font:14px/1.7 var(--sans);resize:vertical;color:#334b36}
.product-crystal-links{padding:22px 0;border-top:1px solid var(--border);margin-top:28px}
.product-crystal-links h3{font:25px/1.2 var(--serif);margin:0 0 12px}
.product-crystal-links p{font-size:13px;color:#5d6e56}
.product-crystal-links .detail-actions{gap:17px;margin-top:12px}
.product-crystal-links .text-link{font-size:9px!important}
.stage-one .product-story-band{background:#edf2e7;color:#2f4b36}
.stage-one .product-story-band span{color:#5b7053}
.stage-one .product-story-band h2{font-size:clamp(38px,4vw,62px);line-height:1.1}
@media(min-width:1051px){.stage-one .site-header{height:86px}.stage-one .site-header nav{font-size:11px}.stage-one .header-actions{gap:15px}}
@media(max-width:1050px){.stage-one .site-header{grid-template-columns:auto 1fr auto}.stage-one .site-header nav{top:90px;font-size:13px}.atelier-hero{grid-template-columns:1fr 1fr}.atelier-hero-copy{padding:55px 5vw}.atelier-hero h1{font-size:58px}.atelier-hero-media{min-height:560px}.guide-preview-layout{grid-template-columns:1fr;gap:30px}.guide-preview-copy{max-width:650px}.stage-one .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-layout{gap:25px}.studio-preview{padding:20px;top:105px}.studio-actions{flex-direction:column}.studio-actions button{width:100%}}
@media(max-width:760px){.stage-one .site-header{height:68px}.stage-one .site-header nav{top:68px}.stage-one .product-header nav.open{display:flex}.stage-one .preview-note{font-size:7px}.atelier-hero{grid-template-columns:1fr;min-height:0}.atelier-hero-copy{padding:48px 6vw 40px}.atelier-hero h1{font-size:clamp(45px,12vw,66px)}.atelier-hero-copy>p:not(.section-index){font-size:15px}.atelier-hero-media{min-height:0;aspect-ratio:1.35}.atelier-hero-media>img{position:absolute;inset:0;object-position:75% center}.atelier-hero .hero-actions{flex-direction:row;gap:17px}.hero-footnote{margin-top:24px!important}.worlds-section,.guide-preview,.studio-invitation,.stage-one .collection-section,.stage-one .journal-section{padding:50px 6vw}.worlds-grid{grid-template-columns:1fr;gap:30px}.world-media{aspect-ratio:1.2}.world-card h3{font-size:30px;margin-top:15px}.world-card p{max-width:none;font-size:14px}.stage-one .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.stage-one .product-card h3{font-size:22px}.stage-one .product-card-title{display:block}.stage-one .quick-add{font-size:9px}.stage-one .product-image-wrap{aspect-ratio:.88}.stage-one .collection-toolbar{gap:13px}.stage-one .filters{gap:6px}.stage-one .filters button{padding:8px 11px}.stage-one .brand-story{padding:52px 6vw}.stage-one .story-opening{gap:26px}.stage-one .story-body>p{font-size:17px}.stage-one .story-footer .button{width:100%}.stone-mini-grid{gap:9px}.stone-mini{padding:20px 7px 15px}.stone-mini .mineral-shape{width:57px;height:80px}.stone-mini strong{font-size:20px}.stone-mini small{font-size:10px}.studio-invitation{grid-template-columns:1fr;gap:30px}.studio-invitation-visual{min-height:280px}.studio-invitation-visual svg{width:265px}.stage-one .editorial-banner{grid-template-columns:1fr}.stage-one .editorial-media{min-height:0;aspect-ratio:1.2}.stage-one .editorial-copy{padding:45px 6vw}.stage-one .consent-banner{left:9px;right:9px;max-width:none;padding:14px 16px}.stage-one .consent-banner strong{font-size:19px}.stage-one .consent-banner p{font-size:11px}.page-heading,.studio-heading{padding:40px 6vw 32px;grid-template-columns:1fr;gap:18px}.page-heading h1{font-size:clamp(42px,11vw,60px)}.page-heading>p{margin:0}.page-heading .heading-links{gap:18px}.guide-toolbar{padding:22px 6vw;grid-template-columns:1fr 1fr;gap:14px}.guide-toolbar label:first-child{grid-column:1/-1}.atlas-section{padding:30px 6vw 45px}.atlas-grid{grid-template-columns:1fr 1fr;gap:26px 15px}.atlas-card-art{min-height:160px}.atlas-card-art .mineral-shape{width:75px;height:110px}.atlas-card h2{font-size:26px}.atlas-card p{font-size:12px}.atlas-card-art>span{font-size:9px;bottom:9px;left:10px}.crystal-detail{padding:45px 6vw;scroll-margin-top:78px}.crystal-detail-top{grid-template-columns:1fr;gap:28px}.crystal-detail-illustration{padding:25px}.crystal-detail-illustration .mineral-shape{width:90px;height:125px}.crystal-detail h2{font-size:42px}.crystal-detail .fact-text{font-size:20px}.detail-columns{grid-template-columns:1fr;gap:22px;margin-top:28px}.detail-columns p{margin-bottom:0}.detail-actions{gap:12px}.guide-section{padding:45px 6vw}.meaning-layout{grid-template-columns:1fr;gap:25px}.meaning-layout h2{font-size:35px}.pairing-grid,.care-grid{grid-template-columns:1fr;gap:30px}.pairing-art{min-height:115px}.pairing-card h3{font-size:29px}.studio-layout{padding:28px 6vw 45px;grid-template-columns:1fr;gap:28px}.studio-preview{position:static;grid-row:1;top:auto;padding:23px}.preview-drawing{min-height:240px}.preview-drawing svg{width:265px}.studio-actions{flex-direction:row}.studio-actions button{width:auto;flex:1}.studio-form legend{font-size:25px}.format-option{padding:13px}.format-option strong{font-size:20px}.field-row{gap:13px}.brief-result{padding:35px 6vw 45px}.brief-result h2{font-size:34px}.brief-text{padding:15px;font-size:13px}.stage-one .product-info{padding-top:36px}.stage-one .product-assurance{background:#e8eddf}}
@media(max-width:380px){.stage-one .header-actions{gap:9px}.stage-one .header-actions .icon-button{font-size:9px}.stage-one .brand-name strong{font-size:19px}.atlas-grid{gap:23px 12px}.atlas-card h2{font-size:24px}.field-row{grid-template-columns:1fr}.studio-actions{flex-direction:column}.studio-actions button{width:100%}.stone-mini strong{font-size:18px}}
@media(max-width:760px){.atelier-hero-media{grid-row:1;aspect-ratio:auto;height:clamp(160px,36vw,220px)}.atelier-hero-media>img{object-position:75% 62%}.atelier-hero-copy{padding:25px 6vw 30px}.atelier-hero-copy .section-index{font-size:9px;margin-bottom:15px}.atelier-hero h1{font-size:clamp(41px,10.8vw,58px)}.atelier-hero-copy>p:not(.section-index){font-size:14px;margin-top:16px}.atelier-hero .hero-actions{margin-top:22px}.atelier-hero .hero-footnote{display:none}}
@media(max-width:760px){.mobile-preview-link{display:block;width:max-content}.studio-heading h1{font-size:43px}.studio-heading{padding-top:30px}.studio-heading>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.world-card img{transition:none}}