@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#141714;--panel:#1d211d;--line:#ffffff20;--text:#eeeae0;--muted:#b2b6a8;--gold:#dcba81;--igneous:#f2936e;--sedimentary:#ddbd79;--metamorphic:#afc98b;--accent:var(--gold)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(3rem,6vw,6.2rem)}h2{font-size:clamp(2.2rem,4vw,4rem)}h3{font-size:1.6rem}p{margin-bottom:1.1em}::selection{background:#ddbd7940}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:var(--gold);color:var(--bg);padding:10px}.skip:focus{top:15px}header{height:106px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:10;background:#141714ec}.brand{display:flex;gap:12px;align-items:center;line-height:1.1;font-family:Manrope,sans-serif;font-size:28px;letter-spacing:.14em;font-weight:700}.brand svg{width:34px;height:38px;fill:none;stroke:var(--gold);stroke-width:1.4}.brand-sub{font-family:'DM Sans',sans-serif;display:block;font-size:9px;letter-spacing:.24em;margin-top:7px;font-weight:400;color:var(--muted)}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav>a{padding:12px 0;position:relative;color:var(--muted)}nav>a.active{color:var(--text)}nav>a.active:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--gold)}.nav-future{font-size:14px;color:var(--muted);padding:0}.nav-future span,.badge{font-size:10px;letter-spacing:.1em;border:1px solid var(--line);padding:3px 6px;border-radius:4px;margin-left:5px}.field-button{border:1px solid #a9b09850;border-radius:6px;padding:10px 16px;display:flex;gap:9px;align-items:center;font-size:14px;white-space:nowrap}.field-button>span:first-child{font-size:25px;line-height:1}.field-button:hover{background:#ffffff0a}.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:22px}.eyebrow:before{content:'';width:27px;height:1px;background:currentColor}.hub-top{min-height:715px;position:relative;display:grid;grid-template-columns:.83fr 1.3fr;align-items:center;padding:48px 3% 40px 5.5%;gap:12px;overflow:hidden}.hub-top:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141714 0%,#141714dd 34%,#141714b0 75%,#141714bb),var(--hero) center/cover;opacity:.7;pointer-events:none}.hub-intro{position:relative;z-index:1;padding:20px 0 70px;max-width:500px}.hub-intro h1{font-size:clamp(3.8rem,5.3vw,5.8rem);line-height:1.06;margin-bottom:28px}.hub-intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.hub-intro>p{font-size:18px;color:var(--muted);max-width:365px;line-height:1.8}.micro-note{font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:12px;align-items:center;margin-top:42px;color:#cbcdbf}.micro-note .round-icon{width:34px;height:34px;border:1px solid #ffffff30;border-radius:100%;display:grid;place-items:center;font-size:20px}.cycle-workspace{z-index:1;position:relative;min-width:0}.cycle-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);letter-spacing:.11em;text-transform:uppercase;padding:0 15px}.cycle-header button{border:1px solid #ffffff30;border-radius:100px;letter-spacing:0;text-transform:none;font-size:13px;padding:7px 14px;color:var(--text)}.cycle-header button.active{background:var(--gold);color:var(--bg)}.cycle-svg{width:100%;height:auto;overflow:visible;display:block}.cycle-path{fill:none;stroke:#b7bdae50;stroke-width:1.4;transition:stroke .3s,opacity .3s}.cycle-path.hot{stroke:var(--gold);stroke-width:2.4;stroke-dasharray:7 6;animation:flow 1.8s linear infinite}.cycle-path.dim{opacity:.15}.process-label{cursor:pointer}.process-label rect{fill:#1c201bf2;stroke:#71776a75;stroke-width:.8;transition:fill .2s}.process-label:hover rect,.process-label:focus rect{fill:#444934;stroke:var(--gold)}.process-label text{fill:#e0e1d5;font-size:11px;text-anchor:middle;font-family:'DM Sans',sans-serif}.node{cursor:pointer;outline:none}.node image{transition:filter .3s;filter:brightness(.8)}.node:hover image,.node:focus image{filter:brightness(1.2)}.node-ring{fill:none;stroke:#d7d6bf60;stroke-width:1.1;transition:stroke .3s,stroke-width .3s}.node:hover .node-ring,.node:focus .node-ring,.node.chosen .node-ring{stroke:var(--gold);stroke-width:3}.node text{fill:var(--text);text-anchor:middle;font-family:Manrope,sans-serif;font-size:16px;font-weight:600}.node .node-sub{fill:var(--muted);font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.4px;font-weight:400}.cycle-center{fill:#d0d1c5;text-anchor:middle;font-size:10px;letter-spacing:2px}.cycle-center-title{fill:#e8e8dc;font-family:Georgia,serif;font-size:29px;text-anchor:middle;font-style:italic}.cycle-bottom{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted);font-size:13px}.cycle-bottom span:first-child{width:6px;height:6px;border-radius:50%;background:var(--gold)}.trace-controls{padding:16px;border:1px solid var(--line);border-radius:8px;background:#22271e;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px}.trace-controls label{display:flex;align-items:center;gap:7px}.trace-controls select{background:#151813;color:var(--text);border:1px solid var(--line);padding:8px;border-radius:5px;max-width:170px}.trace-status{font-size:13px;width:100%;color:var(--gold)}.cycle-process{margin:18px 10px 0;border:1px solid #ddbd7960;padding:24px;border-radius:8px;background:#22261eee;animation:rise .3s}.cycle-process h3{font-size:24px;margin-bottom:12px}.cycle-process p{font-size:15px;color:#d2d6c7}.process-kicker{color:var(--gold);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.process-close{float:right;font-size:23px}.process-animation{height:45px;display:flex;gap:8px;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}.process-animation i{width:16px;height:16px;background:var(--gold);border-radius:2px;animation:grain 2s infinite alternate}.process-animation i:nth-child(2n){animation-delay:-1s;background:#9ea67c}.process-animation i:nth-child(3n){animation-delay:-.6s}.process-animation[data-kind="melt"] i{animation-name:melt;background:#ff9160}.process-animation[data-kind="pressure"] i{animation-name:pressure}.process-animation[data-kind="cool"] i{animation-name:cool}.section{padding:90px 5.5%;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:390px;color:var(--muted);font-size:16px;margin-bottom:4px}.count{font-size:13px;font-family:'DM Sans',sans-serif;letter-spacing:0;font-weight:400;color:var(--muted)}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.family-card{position:relative;min-height:410px;overflow:hidden;border-radius:9px;background:#272b24;isolation:isolate}.family-card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .8s;filter:brightness(.8)}.family-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111811ee 0%,transparent 85%);z-index:0}.family-card:hover>img{transform:scale(1.06)}.family-card-inner{position:absolute;inset:25px;display:flex;flex-direction:column;justify-content:end;z-index:1}.family-card .number{margin-bottom:auto;color:var(--accent);font-size:13px;font-family:monospace;border:1px solid #ffffff50;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.family-card h3{font-size:36px;margin-bottom:8px}.family-card p{font-size:14px;color:#dce0d1;margin:0}.family-card .family-bottom{display:flex;justify-content:space-between;align-items:end}.round-link{border:1px solid #ffffff70;border-radius:100%;width:40px;height:40px;display:grid;place-items:center;font-size:23px}.igneous{--accent:var(--igneous)}.sedimentary{--accent:var(--sedimentary)}.metamorphic{--accent:var(--metamorphic)}.story-section{display:grid;grid-template-columns:1fr 1.5fr;gap:9%;background:#1b1e18}.story-section h2{position:sticky;top:50px;align-self:start}.prose{max-width:770px}.prose p{color:#c8cdbf;line-height:1.85}.term{display:inline;padding:0;border-bottom:1px dotted #c7cbb275;line-height:inherit;color:inherit;font:inherit;vertical-align:baseline;text-align:inherit}.term:hover{color:var(--gold);border-color:var(--gold)}.future-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.future-card{padding:36px;border:1px solid #ffffff24;min-height:260px;border-radius:8px;background:linear-gradient(130deg,#303729,#191e18);display:flex;flex-direction:column;align-items:start;position:relative}.future-card:nth-child(2){background:linear-gradient(130deg,#2c2d26,#191e18)}.future-card h3{font-size:29px;letter-spacing:-.03em;margin:25px 0 15px}.future-card p{color:var(--muted);max-width:480px;font-size:16px}.planned{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid #ddbd7950;border-radius:50px;padding:4px 10px}.text-button{padding:0 0 4px;border-bottom:1px solid #d8dcca60;font-size:14px;margin-top:auto}.page-intro{padding:50px 5.5% 55px}.breadcrumbs{font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:45px}.breadcrumbs a:hover{color:var(--gold)}.page-intro h1{margin-bottom:22px}.page-intro p{color:var(--muted);max-width:650px}.category-hero{min-height:540px;position:relative;display:flex;align-items:end;padding:65px 5.5%;isolation:isolate;overflow:hidden}.category-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.category-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10150deb,#12170b38),linear-gradient(0deg,#141714,transparent 50%);z-index:-1}.category-hero .breadcrumbs{margin-bottom:70px}.category-hero h1{margin-bottom:18px}.category-hero .eyebrow{color:var(--accent)}.category-hero p{max-width:550px;color:#d5dacb}.category-story{display:grid;grid-template-columns:1fr 2fr;gap:8%}.category-story h2{font-size:36px}.rock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.rock-card .photo{aspect-ratio:1.35;overflow:hidden;background:#252a23;border-radius:8px;margin-bottom:17px}.rock-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.rock-card:hover img{transform:scale(1.07)}.rock-card h3{font-size:23px;margin:0}.rock-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.rock-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.rock-card small{font-size:11px;color:var(--accent);letter-spacing:.09em;text-transform:uppercase}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px}.filters a{padding:8px 18px;border:1px solid var(--line);border-radius:30px;font-size:14px}.filters a.active{background:var(--gold);color:#151a12;border-color:var(--gold)}.rock-hero{display:grid;grid-template-columns:1fr 1.12fr;min-height:560px;border-bottom:1px solid var(--line)}.rock-hero-copy{padding:40px 7% 55px 10%;display:flex;flex-direction:column;justify-content:center}.rock-hero-copy h1{font-size:clamp(3.4rem,5vw,6rem);overflow-wrap:anywhere}.rock-hero-copy .breadcrumbs{margin-bottom:48px}.rock-hero-copy .formation-teaser{font-size:19px;color:var(--muted);max-width:460px}.rock-hero figure{margin:0;position:relative;background:#252923;min-height:450px}.rock-hero figure img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.rock-hero figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#000b);font-size:12px;color:#fff;line-height:1.4}.rock-hero figcaption a{text-decoration:underline}.zoom-button{position:absolute;right:20px;top:20px;background:#141714dc;border:1px solid #ffffff60;border-radius:50px;padding:9px 16px;font-size:13px}.rock-sections{display:flex;gap:24px;padding:18px 5.5%;border-bottom:1px solid var(--line);font-size:14px;flex-wrap:wrap;color:var(--muted)}.rock-sections button{padding:0}.rock-sections button:hover{color:var(--accent)}.formation-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:8%}.formation-grid h2{font-size:38px}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}.texture-photo{margin:0;min-height:440px;border-radius:8px;overflow:hidden;position:relative;background:#262b21}.texture-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transform:scale(1.4)}.texture-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px;background:#10170cce;font-size:12px;color:#d8dbd1}.features{list-style:none;padding:0;margin:0}.features li{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:15px;font-size:17px}.features li:first-child{padding-top:0}.features .feature-n{font-size:12px;color:var(--accent);padding-top:4px}.comparison{background:#1b2018}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-card{margin:0;background:#23291e;border:1px solid var(--line);border-radius:8px;overflow:hidden}.compare-card img{width:100%;height:330px;object-fit:cover}.compare-card figcaption{padding:22px}.compare-card h3{font-size:27px;margin:0 0 10px}.compare-card p{font-size:15px;color:var(--muted);margin:0}.comparison-explanation{max-width:850px;margin-top:30px;font-size:18px;color:#cdd3c3}.location-section{display:grid;grid-template-columns:1fr 1.5fr;gap:8%}.location-section p{color:var(--muted);font-size:19px}.next-rocks{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.next-rocks a{border:1px solid var(--line);padding:8px 16px;border-radius:50px;font-size:14px}.glossary-layout{display:grid;grid-template-columns:200px 1fr;gap:8%;padding-top:10px}.alphabet{display:flex;flex-wrap:wrap;gap:8px;align-content:start;position:sticky;top:30px;height:fit-content}.alphabet a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;font-size:14px}.glossary-group{border-top:1px solid var(--line);padding-top:25px;margin-bottom:40px}.glossary-group>h2{color:var(--gold);font-family:Georgia,serif}.glossary-entry{padding:10px 0 20px}.glossary-entry h3{font-size:23px;letter-spacing:-.025em;margin-bottom:12px}.glossary-entry p{color:var(--muted)}.credits-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.credit{display:flex;gap:20px;align-items:start;border-top:1px solid var(--line);padding:20px 0;font-size:14px;overflow-wrap:anywhere}.credit img{width:95px;height:85px;object-fit:cover;border-radius:5px}.credit p{margin:0}.credit a{color:var(--gold);text-decoration:underline}.credit span{color:var(--muted)}footer{border-top:1px solid var(--line);padding:45px 5.5%;display:flex;align-items:center;gap:25px;font-size:12px;color:var(--muted);flex-wrap:wrap}.footer-brand{font-size:22px;letter-spacing:.15em;color:var(--text);font-weight:700}footer>span{margin-right:auto}dialog{background:#22271e;color:var(--text);border:1px solid #6c765a;border-radius:12px;padding:45px;width:min(620px,calc(100vw - 30px));max-height:85vh;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#0a0e09b8;backdrop-filter:blur(8px)}dialog h2{font-size:35px;margin-bottom:25px}dialog p{color:#cdd3c3}.close-dialog{position:absolute;right:15px;top:9px;font-size:30px;color:var(--muted)}dialog .dialog-link{display:inline-block;margin-top:10px;color:var(--gold);border-bottom:1px solid}dialog.photo-dialog{width:min(1100px,95vw);padding:35px}dialog.photo-dialog img{width:100%;max-height:65vh;object-fit:contain}.photo-dialog p{font-size:13px;margin:15px 0 0}#term-tooltip{position:fixed;z-index:30;background:#e6e7db;color:#1a2115;border:1px solid #d8dfc8;border-radius:7px;padding:16px 19px;max-width:350px;width:calc(100vw - 30px);box-shadow:0 12px 40px #0006;pointer-events:none;font-size:14px;line-height:1.65}#term-tooltip strong{display:block;margin-bottom:6px;font-size:16px}#transition{position:fixed;inset:0;pointer-events:none;z-index:80;opacity:0;background:radial-gradient(ellipse at 65% 50%,#e3834680,#202d20bb 50%,#11170dcc);transform:scale(1.1)}#transition.go{animation:transform-rock .55s ease-out}.loading{min-height:60vh;display:grid;place-items:center;color:var(--gold)}@keyframes flow{to{stroke-dashoffset:-26}}@keyframes rise{from{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes grain{from{transform:translateY(-10px) rotate(25deg);border-radius:50%;opacity:.6}to{transform:translateY(7px) rotate(0);border-radius:1px;opacity:1}}@keyframes pressure{from{transform:scaleY(1.1) translateX(7px)}to{transform:scaleY(.25) scaleX(1.7) translateX(-2px)}}@keyframes melt{from{transform:translateY(-3px);border-radius:0;background:#768266}to{transform:translateY(8px) scaleX(1.5);border-radius:50%;background:#fa9160;box-shadow:0 0 20px #f96c30}}@keyframes cool{from{border-radius:50%;background:#fa9160;transform:scale(1.2)}to{border-radius:1px;background:#858c7e;transform:scale(.8) rotate(45deg)}}@keyframes transform-rock{0%{opacity:0}40%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(1.1)}}
@media(min-width:1600px){.hub-top{padding-left:7%;padding-right:7%;min-height:800px}.cycle-workspace{max-width:820px;justify-self:center}}@media(max-width:1100px){header{padding:0 3%;gap:20px}nav{gap:18px}.nav-future{display:none}.brand{font-size:24px}.hub-top{grid-template-columns:.8fr 1.2fr;padding-left:4%;min-height:640px}.hub-intro h1{font-size:4.3rem}.hub-intro>p{font-size:16px}.family-card{min-height:340px}.family-card h3{font-size:30px}.section{padding:65px 4%}.rock-hero-copy{padding-left:8%}.feature-layout{gap:25px}.cycle-header{font-size:10px}}@media(max-width:800px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:20px 5% 13px;gap:18px}.brand{font-size:24px}.brand-sub{font-size:8px}.field-button{margin-left:auto;font-size:13px}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:13px}nav>a{padding:4px 0 10px}.hub-top{display:flex;flex-direction:column;padding:45px 5% 30px;gap:15px}.hub-intro{padding:0;width:100%;max-width:none}.hub-intro h1{font-size:clamp(3.3rem,9vw,5rem);max-width:600px;margin-bottom:18px}.hub-intro>p{max-width:500px;font-size:16px}.hub-intro .micro-note{display:none}.cycle-workspace{width:100%;max-width:680px}.cycle-header{padding:5px 10px;font-size:11px}.cycle-bottom{font-size:12px}.section{padding:55px 5%}.section-heading{display:block}.section-heading>p{margin-top:20px}.family-grid{grid-template-columns:1fr;gap:20px}.family-card{min-height:310px}.family-card h3{font-size:36px}.family-card>img{object-position:center 45%}.story-section,.category-story,.formation-grid,.location-section{grid-template-columns:1fr;gap:15px}.story-section h2{position:static;max-width:460px}.future-grid{grid-template-columns:1fr}.rock-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}.page-intro{padding:30px 5% 35px}.category-hero{padding:35px 5%;min-height:440px}.category-hero .breadcrumbs{margin-bottom:60px}.rock-hero{grid-template-columns:1fr}.rock-hero-copy{padding:28px 5% 35px}.rock-hero-copy h1{margin-bottom:22px;font-size:4rem}.rock-hero-copy .breadcrumbs{margin-bottom:30px}.rock-hero-copy .formation-teaser{max-width:none}.rock-hero figure{min-height:430px}.feature-layout{grid-template-columns:1fr}.texture-photo{min-height:330px}.compare-card img{height:240px}.compare-card figcaption{padding:16px}.compare-card h3{font-size:22px}.glossary-layout{grid-template-columns:1fr;gap:25px}.alphabet{position:static}.credits-list{grid-template-columns:1fr}footer{gap:16px}footer>span{width:100%;order:2}footer>a:not(.footer-brand){order:3}.cycle-process{margin:10px 0 0}}@media(max-width:450px){.brand svg{width:29px}.field-button{padding:8px 10px}.hub-intro h1{font-size:3.25rem}.eyebrow{font-size:10px}.hub-top{padding-left:4%;padding-right:4%}.cycle-workspace{width:108%;margin:0 -4%}.cycle-header{padding:0 5%}.cycle-process,.trace-controls{margin-left:5%;margin-right:5%}.rock-grid{gap:25px 14px}.rock-card h3{font-size:19px}.rock-card p{font-size:13px}.compare-grid{gap:12px}.compare-card img{height:180px}.compare-card p{font-size:14px}.feature-layout{gap:30px}dialog{padding:35px 24px}.breadcrumbs{font-size:12px}.section-heading h2{font-size:2.35rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.family-card:hover>img,.rock-card:hover img{transform:none}}
.mobile-processes{display:none}.process-label text{font-size:12px}.process-animation[data-kind="compact"] i{animation-name:compact}@keyframes compact{from{transform:translateX(calc((var(--i,1) - 6) * 5px)) scale(.65);opacity:.5}to{transform:translateX(0) scale(1);opacity:1}}@media(max-width:600px){.cycle-svg .process-label{display:none}.cycle-svg .node text{font-size:26px}.cycle-svg .node .node-sub{display:none}.cycle-svg .cycle-center{font-size:17px;letter-spacing:1px}.cycle-svg .cycle-center-title{font-size:32px}.mobile-processes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 5% 20px}.mobile-processes button{border:1px solid #a2ad8660;border-radius:7px;padding:10px 8px;font-size:14px;background:#22271edd;line-height:1.4}.cycle-bottom{padding:0 5%;font-size:12px}.cycle-path{stroke-width:2}.cycle-workspace .cycle-svg{margin-top:15px}}

.brand{letter-spacing:-.065em;font-size:29px;font-weight:800}.brand-domain{color:var(--gold);font-weight:500}.brand-sub{letter-spacing:.16em}.footer-brand{letter-spacing:-.04em}.brand svg{flex-shrink:0}@media(max-width:450px){.brand{font-size:24px;gap:8px}.brand svg{width:25px}.brand-sub{font-size:7px;letter-spacing:.11em}.field-button{font-size:12px}}
/* Immersive exhibit: give the cycle the whole stage. */
:root{--gold:#f0c16d;--igneous:#ff9978;--sedimentary:#f2ce75;--metamorphic:#b8e68c;--panel:#20291c}
header{background:#11170fed;border-bottom-color:#f0c16d30}.brand svg{stroke:#f4c574}.brand-domain{color:#efb358}
.hub-top{display:block;padding:30px 4% 42px;min-height:0;background:#11160f;isolation:isolate}
.hub-top:before{background:linear-gradient(90deg,#13170fe8 0%,#171c12ee 48%,#211b13b8 100%),var(--hero) center 53%/cover;opacity:1;z-index:-2}
.hub-top:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 87% 35%,#fb935921,transparent 39%),radial-gradient(ellipse at 14% 64%,#8abf4425,transparent 42%)}
.hub-intro{padding:0 1% 22px;max-width:none;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 45px;width:100%}
.hub-intro .eyebrow{grid-column:1/-1;margin-bottom:12px;color:#f4c57b}
.hub-intro h1{font-size:clamp(2.7rem,4.7vw,5.2rem);line-height:1.09;margin:0;letter-spacing:-.055em}
.hub-intro h1 em{color:#f3c674}.hub-intro>p{max-width:340px;font-size:16px;line-height:1.65;margin:0 0 4px;color:#d0d1bd}.hub-intro .micro-note{display:none}
.cycle-workspace{width:100%;max-width:1430px;min-width:0;margin:0 auto;padding:18px 24px 22px;border:1px solid #d1ba7638;border-radius:20px;background:linear-gradient(125deg,#1b2519b5,#11190de6 50%,#221d16c9);box-shadow:inset 0 1px 0 #ffffff0d,0 25px 70px #0003;backdrop-filter:blur(3px)}
.cycle-header{padding:0 2%;font-size:13px;color:#e7d6af;letter-spacing:.15em}.cycle-actions{display:flex;gap:10px}.cycle-header button{font-size:14px;border-color:#e2c17b66;padding:9px 18px;background:#232b1d}.cycle-header button:hover{background:#f0c16d;color:#171e12}
.cycle-svg{max-width:1350px;margin:0 auto}.wide-cycle .node text{font-size:24px;fill:#f4f0df}.wide-cycle .node .node-sub{font-size:11px;fill:#c4cbb4;letter-spacing:1.5px}.wide-cycle .process-label text{font-size:14px}.wide-cycle .cycle-center{font-size:12px;letter-spacing:3px}.wide-cycle .cycle-center-title{font-size:40px;fill:#e6d6b0}
.node-halo{fill:transparent;stroke:var(--node-color);stroke-width:1;opacity:.4}.node-ring{stroke:var(--node-color);stroke-width:2;filter:drop-shadow(0 0 8px var(--node-color))}.node image{filter:brightness(1.08) saturate(1.2)}.node:hover image,.node:focus image{filter:brightness(1.3) saturate(1.25)}.node:hover .node-ring,.node:focus .node-ring{stroke:var(--node-color);stroke-width:4;filter:drop-shadow(0 0 14px var(--node-color))}.node:hover .node-halo,.node:focus .node-halo{opacity:1;stroke-width:2}
.cycle-path{stroke:#c4c99d73;stroke-width:1.8}.cycle-path.hot{stroke:#f4ce76;filter:drop-shadow(0 0 5px #e7c36790);stroke-width:3}.process-label rect{fill:#232d1df5;stroke:#a8b87980}.process-label:hover rect,.process-label:focus rect{fill:#48582c;stroke:#f3d58f}.process-label text{fill:#f0ebd9}.cycle-bottom{font-size:14px;color:#c4cdb8}.cycle-bottom span:first-child{box-shadow:0 0 14px #f0c16d}
.cycle-process{max-width:840px;margin:20px auto 0;background:#293422f5;border-color:#f0c16d77}.process-animation{height:62px;background:linear-gradient(90deg,transparent,#f0c16d0a,transparent);border-radius:8px}.trace-controls{margin:16px 2% 0;background:#26341f;border-color:#adcb6766}
.family-grid{gap:27px}.family-card{min-height:480px;border:1px solid color-mix(in srgb,var(--accent),transparent 40%);box-shadow:0 18px 50px #0005}.family-card>img{filter:brightness(.95) saturate(1.13)}.family-card:after{background:linear-gradient(0deg,#0d150afa,transparent 95%)}.family-card-inner{inset:30px}.family-card h3{font-size:clamp(2rem,3vw,3.1rem);color:var(--accent)}.family-card .number{background:#152011b8;border-color:var(--accent);color:var(--accent)}.family-card .eyebrow{font-size:12px}.family-card .round-link{border-color:var(--accent);color:var(--accent)}.family-card:hover{box-shadow:0 12px 55px color-mix(in srgb,var(--accent),transparent 85%)}
.section:has(>.family-grid){background:linear-gradient(145deg,#1c2318,#10170f)}.story-section{background:linear-gradient(115deg,#29351e,#182316 60%,#182015)}.story-section h2{color:#d6e9b4}.future-card{border-color:#c7cc8550;background:linear-gradient(135deg,#3a4726,#192718)}.future-card:nth-child(2){background:linear-gradient(135deg,#463520,#212516)}
.category-hero{min-height:600px}.category-hero:after{background:linear-gradient(90deg,#10180ae8,#17201228),linear-gradient(0deg,#141714,transparent 55%)}.category-hero h1{color:var(--accent);text-shadow:0 4px 35px #0008}.rock-hero{border-bottom:2px solid var(--accent)}.rock-hero-copy{background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--accent),transparent 88%),transparent 80%)}.rock-hero-copy h1{color:var(--accent)}.rock-card .photo{border:1px solid color-mix(in srgb,var(--accent),transparent 55%)}.rock-card:hover h3{color:var(--accent)}.comparison{background:linear-gradient(120deg,#252f1e,#172115)}.texture-photo{border:1px solid color-mix(in srgb,var(--accent),transparent 40%)}
.expanded-exhibit{position:fixed;inset:0;z-index:60;max-width:none;width:100%;height:100dvh;border:0;border-radius:0;overflow:auto;padding:24px;background:radial-gradient(ellipse at 15% 55%,#303f22,#10170e 60%,#302317);backdrop-filter:none}.expanded-exhibit .cycle-header{position:sticky;top:0;z-index:2;background:#172111ed;border-radius:10px;padding:12px 20px}.expanded-exhibit .cycle-svg{height:calc(100dvh - 150px);width:100%;max-width:none}.expanded-exhibit .cycle-bottom{margin-top:10px}
@media(min-width:1600px){.hub-top{padding:32px 5% 50px;min-height:0}.cycle-workspace{max-width:1510px}.hub-intro{max-width:1510px;margin:auto}.cycle-svg{max-width:1420px}}
@media(max-width:1100px){.hub-intro{gap:15px}.hub-intro>p{font-size:14px;max-width:290px}.cycle-workspace{padding:16px 10px 22px}.cycle-header{font-size:12px}.family-card{min-height:390px}}
@media(max-width:800px){.hub-top{padding:28px 3% 30px}.hub-intro{display:block;padding:0 3% 22px}.hub-intro h1{font-size:clamp(2.9rem,8.5vw,4.3rem);margin:0 0 15px;max-width:650px}.hub-intro>p{max-width:500px;font-size:16px}.hub-intro>p br{display:none}.cycle-workspace{max-width:none;padding:17px 8px 20px;width:100%;margin:0;border-radius:13px}.cycle-header{padding:0 2%;gap:12px;align-items:start;flex-wrap:wrap}.cycle-actions{margin-left:auto;gap:7px}.cycle-header button{font-size:12px;padding:7px 10px}.cycle-header>span{font-size:11px;padding:6px 0}.compact-cycle{width:100%;max-width:740px;margin-top:8px}.family-card{min-height:390px}.family-card h3{font-size:40px}.category-hero{min-height:500px}.expanded-exhibit{padding:15px;border-radius:0;max-width:none}.expanded-exhibit .cycle-header{padding:12px}.expanded-exhibit .cycle-svg{height:auto;min-height:50dvh}.cycle-bottom{font-size:12px}}
@media(max-width:450px){.hub-intro h1{font-size:3rem}.hub-intro .eyebrow{font-size:10px;letter-spacing:.12em}.cycle-header{display:block}.cycle-header>span{display:block;margin-bottom:9px}.cycle-actions{display:flex;justify-content:space-between}.cycle-header button{font-size:13px;padding:8px 11px}.mobile-processes{padding:0 2% 16px}.mobile-processes button{background:#29381f;border-color:#b4c77e80}.family-card{min-height:360px}.family-card h3{font-size:36px}}
.hub-top:has(.expanded-exhibit){z-index:100;overflow:visible}
.photo-pending{object-fit:contain!important;background:#2b2620;padding:8%}
.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.creator-card{background:#20261bcc;border:1px solid var(--line);border-radius:9px;padding:26px;display:flex;flex-direction:column;gap:14px}
.creator-card-top{display:flex;align-items:center;gap:16px}
.creator-card-top h3{font-size:20px;margin:0;line-height:1.25}
.creator-avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%}
.creator-avatar circle{filter:brightness(.92)}
.creator-avatar text{fill:#171e12;font-family:Manrope,sans-serif;font-weight:700;font-size:28px}
.creator-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}
.creator-card .text-button{margin-top:auto}
@media(max-width:800px){.creator-grid{grid-template-columns:1fr}}