/* Original mineral artwork and geometric ribbon: WantaGems, October 2026. */
:root{--ink:#153d32;--gold:#c3a46c;--paper:#f7f5ed;--line:#d6ded2;--muted:#52665b}
body{background:var(--paper);color:var(--ink)}
header{background:#12382e;border-bottom:2px solid var(--gold);padding:18px 5%;gap:28px}header .brand img{border-radius:12px;width:92px;height:92px}header .brand small{color:#e1c998}header nav a{border-radius:8px;padding:10px 14px}header nav a:hover{background:#264c3d}#menu{border-radius:8px}
.hero{overflow:hidden;min-height:660px;background:#12382e}.hero-image{background:linear-gradient(100deg,#12382e 0%,#1b493c 58%,#285548 100%)}.hero:before{content:"";position:absolute;right:1%;top:2%;width:48%;height:94%;background:url('mineral-art.svg') center/contain no-repeat;opacity:.95;pointer-events:none}.hero-copy{width:88%;padding:82px 0 100px}.hero h1{max-width:720px;font-size:clamp(42px,5.2vw,74px);letter-spacing:-.035em}.hero p:not(.eyebrow){max-width:530px;color:#e5eee2;line-height:1.8}.hero .eyebrow{color:#e4ce9e}.hero:after{height:30px;background:#f7f2e6 url('gem-weave.svg') center/auto 30px}
.section,.page-intro{padding:76px 6%}.section-head:after,.page-intro:after{width:240px;height:30px;background:url('gem-weave.svg') center/auto 30px}.page-intro{background:radial-gradient(ellipse at top right,#e1ebdf,transparent 65%),#f7f5ed;border-bottom-color:#d6ded2}.page-intro h1{letter-spacing:-.035em}.eyebrow{color:#6d5935;line-height:1.6}h2,h3{letter-spacing:-.025em}.section-head{max-width:760px}.grid,.module-grid{gap:26px}.course-card,.info,.resource-card,.gallery-card{border:1px solid var(--line);border-radius:16px;background:#fffdf7;box-shadow:0 8px 28px #173d3207}.course-card{border-top:3px solid #6c977d;padding:34px}.course-card:nth-child(4n+2){border-top-color:#a56576}.course-card:nth-child(4n+3){border-top-color:#608ba4}.course-card:nth-child(4n+4){border-top-color:#bb975a}.resource-card:hover,.resource-card:focus{background:#edf3e8;border-color:#769782}.button{border-radius:9px;padding:15px 24px;background:#214c3c;border-color:#214c3c}.button:hover{background:#32644e;color:#fff}.gold{background:#d9bd80;border-color:#d9bd80;color:#14382e}.gold:hover{background:#ead39f;color:#14382e}.outline{background:transparent;border-color:#cbb88a;color:#fff}.dark-outline{color:var(--ink)}.dark{background:#173e33;color:#f6f2e4}.dark .muted{color:#d2dece}.split>img{border:6px solid #e2d7b8;border-radius:18px}.split video,video{border-radius:12px}.brand-emblem img{border-radius:16px}.community{background:#e6eddf url('mineral-art.svg') right 5% center/auto 90% no-repeat;padding-bottom:76px}.community>p,.community h2{max-width:65%}.community .button{position:relative}.notice{background:#f4f0df;border-radius:0 10px 10px 0}.month{background:#fffdf7;border:1px solid var(--line);border-radius:12px;overflow:hidden}.week-link:hover{background:#edf3e8}.work{background:#e6eddf;border-radius:0 12px 12px 0}.self-check{background:#fffdf7;border-radius:12px}input,select,textarea{border-radius:8px;border-color:#9caf9d;background:#fffef9}input:focus,select:focus,textarea:focus{outline:2px solid #58866c;outline-offset:2px}.gallery-card{overflow:hidden}.gallery-card img{background:#e9eddf}.table-wrap{border-radius:10px}.table-wrap th{background:#e5ecdf}footer{background:#103329;color:#e5ebda;border-top:4px solid #bfa36c}footer a{text-underline-offset:4px}footer a:hover{color:#ead39f}
@media(min-width:1101px){header{flex-wrap:nowrap}header nav{flex-basis:auto;justify-content:flex-end;gap:6px;font-size:15px}}
@media(min-width:851px) and (max-width:1100px){.hero h1{max-width:60%;font-size:58px}.hero p:not(.eyebrow){max-width:55%}.hero:before{right:-8%;width:50%}}
@media(max-width:850px){.hero:before{width:430px;height:460px;right:-160px;top:45px;opacity:.22}.hero-copy{padding:58px 0 80px}.hero h1{max-width:680px}.hero p:not(.eyebrow){max-width:590px}.hero{min-height:0}.section,.page-intro{padding:50px 6%}.community{background-image:none;padding-bottom:50px}.community>p,.community h2{max-width:100%}header nav a{padding:14px}header .brand img{width:88px;height:88px}.course-card{padding:28px}}
@media(max-width:580px){.hero h1{font-size:clamp(39px,9vw,53px)}.hero:before{right:-185px;top:80px;opacity:.19}.hero .actions{gap:12px}.hero p:not(.eyebrow){font-size:18px}.section,.page-intro{padding:44px 6%}header{padding:14px 5%;gap:12px}header .brand img{width:80px;height:80px}.course-card,.info{padding:26px}.page-intro h1{font-size:42px}footer{gap:28px}}
@media(max-width:399px){header .brand img{width:68px;height:68px}header .brand{font-size:12px;gap:8px}.hero h1{font-size:39px}}
@media print{body,.page-intro,.section,.work,.self-check{background:white;box-shadow:none}.hero:before,.hero:after,.section-head:after,.page-intro:after{display:none}.course-card,.info{box-shadow:none}}