@font-face{font-family:Geist;src:url(Geist-Regular.woff2) format('woff2');font-weight:400;font-display:block}
@font-face{font-family:Hubot Wide;src:url(HubotSansExpanded-Medium.woff2) format('woff2');font-weight:500;font-display:block}
:root{--ink:#edeae1;--paper:#101d2c;--edge:clamp(24px,3.3vw,72px);--cut:polygon(0 12px,20px 0,calc(100% - 6px) 0,100% 6px,calc(100% - 5px) calc(100% - 12px),calc(100% - 19px) 100%,10px 100%,0 calc(100% - 9px));--ease:cubic-bezier(.22,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Geist,Arial,sans-serif;scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}main:focus{outline:none}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;color:#183438;padding:14px}.skip:focus{top:16px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.header{height:112px;position:fixed;top:0;left:0;width:100%;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--edge);pointer-events:none}.header>*{pointer-events:auto}.brand{width:160px;display:block}.brand img{width:100%;height:auto;display:block}.navigation{display:flex;align-items:center;position:relative;padding:0;background:#bec6bc15;backdrop-filter:blur(18px);clip-path:var(--cut);border-radius:7px;font-size:12px}.navigation:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,#ebf3d732,transparent 70%);pointer-events:none}.navigation>a,.navigation>button{isolation:isolate;position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:49px;padding:0 20px;border-radius:0;background:none;overflow:hidden}.navigation>a:before,.navigation>button:before{content:'';position:absolute;z-index:-1;inset:0;background:#e3e6d8;clip-path:polygon(0 12px,20px 0,100% 0,100% 100%,10px 100%,0 calc(100% - 9px));transform:translateY(104%);transition:transform .45s var(--ease)}.navigation>a:hover,.navigation>button:hover,.navigation>a:focus-visible,.navigation>button:focus-visible{color:#183343}.navigation>a:hover:before,.navigation>button:hover:before,.navigation>a:focus-visible:before,.navigation>button:focus-visible:before{transform:translateY(0)}.navigation>button svg{width:26px;height:26px;overflow:visible}.navigation>a:focus-visible,.navigation>button:focus-visible{outline:none}.navigation>a:focus-visible>span,.navigation>button:focus-visible>span{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}#menu-open{background:transparent;color:#e3e6d8}#menu-open:hover,#menu-open:focus-visible{color:#183343}
.cut-button{--surface:#dce4e9;--foreground:#183343;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:64px;padding:0 13px 0 25px;background:transparent;color:var(--foreground);font-size:14px;font-weight:400;transition:transform .45s var(--ease)}.cut-button:before,.cut-button:after{content:'';position:absolute;z-index:-1;inset:0;border-radius:7px;clip-path:var(--cut);transition:background .45s,transform .5s var(--ease)}.cut-button:before{background:linear-gradient(130deg,#ecebe3,#a9bfcb)}.cut-button:after{inset:1px;background:var(--surface)}.cut-button:hover:after{background:#edf0e4;transform:translate(-1px,-1px)}.cut-button:hover{transform:translateY(-2px)}.cut-button:active{transform:translateY(0)}.cut-button>svg{width:42px;height:42px;flex:none;transition:transform .55s var(--ease)}.cut-button:hover>svg{transform:rotate(-7deg)}.button-label{position:relative;display:block;overflow:hidden;line-height:1.25}.button-label>span{display:block;transition:transform .5s var(--ease)}.button-label>span+span{position:absolute;inset:0;transform:translateY(130%)}.cut-button:hover .button-label>span:first-child{transform:translateY(-130%)}.cut-button:hover .button-label>span+span{transform:translateY(0)}.contact{position:relative;justify-self:end;display:flex;align-items:center;min-height:49px;padding:0;font-size:12px;color:#edeae1}.contact:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(.24);transform-origin:left;opacity:.4;transition:transform .45s var(--ease),opacity .3s}.contact:hover:after,.contact:focus-visible:after{transform:scaleX(1);opacity:1}.contact:hover .button-label>span:first-child,.contact:focus-visible .button-label>span:first-child{transform:translateY(-130%)}.contact:hover .button-label>span+span,.contact:focus-visible .button-label>span+span{transform:translateY(0)}.seal-edge{stroke-dasharray:105;stroke-dashoffset:0}.cut-button:hover .seal-edge{animation:seal-trace .65s var(--ease)}@keyframes seal-trace{from{stroke-dashoffset:105}to{stroke-dashoffset:0}}
.journey{height:250svh;position:relative}#source{position:absolute;top:140svh;left:0;width:1px;height:1px}.hero{height:100svh;min-height:700px;position:sticky;top:0;isolation:isolate;overflow:hidden}.atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 74% 24%,#4c626061,transparent 62%),radial-gradient(ellipse at 38% 84%,#79776955,transparent 58%),linear-gradient(140deg,#17292f,#314547 52%,#58665e)}.atmosphere:after{content:'';position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.32' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}.shadow{position:absolute;z-index:-1;left:51%;top:80%;width:32%;height:4%;transform:translate(-50%,-50%);border-radius:50%;background:#101e1fa0;filter:blur(21px);opacity:.4}.word-fallback{position:absolute;left:3%;width:94%;height:auto;top:46%;transform:translateY(-50%);display:block;overflow:visible;z-index:-1;stroke:none;stroke-width:0}.word-fallback.is-placed{transform:none}.stage-in .word-fallback{display:none}.rock-fallback{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:min(115vw,1280px);height:auto;z-index:1}.stage-in .rock-fallback,.js:not(.webgl-unavailable) .rock-fallback{display:none}#rock{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}#examine{position:absolute;left:25%;top:19%;width:50%;height:65%;z-index:4;cursor:grab;touch-action:pan-y;border-radius:45%}#examine:active{cursor:grabbing}#examine:focus-visible{outline:1px dashed #bccabd66;outline-offset:-12px}.opening{position:absolute;z-index:5;inset:0;pointer-events:none}.opening>*{pointer-events:auto}.opening h1{position:absolute;bottom:65px;left:var(--edge);font-size:clamp(17px,1.5vw,25px);line-height:1.3;letter-spacing:-.025em;font-weight:400;margin:0;max-width:440px}.primary-action{position:absolute;bottom:62px;right:var(--edge);min-width:320px}.source-light{position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 36%,#a9b39955,transparent 63%),linear-gradient(0deg,#152d30b0,transparent 67%)}.source-story{position:absolute;z-index:5;left:var(--edge);right:var(--edge);top:65%;text-align:center;opacity:0;pointer-events:none}.source-story h2{font-size:clamp(42px,4.2vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.055em;margin:0 0 19px}.source-story p{font-size:clamp(14px,1.08vw,18px);line-height:1.5;max-width:580px;margin:0 auto;color:#d0dace;text-wrap:pretty}.process-action{position:relative;display:flex;align-items:center;gap:16px;width:max-content;min-height:44px;margin:20px auto 0;font-size:14px}.process-action:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#dce4e9;transform:scaleX(.2);transform-origin:left;opacity:.4;transition:transform .5s var(--ease),opacity .4s}.process-action:hover:after,.process-action:focus-visible:after{transform:scaleX(1);opacity:1}.process-action>svg{width:25px;height:25px}.process-action:hover .button-label>span:first-child{transform:translateY(-130%)}.process-action:hover .button-label>span+span{transform:translateY(0)}.source-active .source-story{pointer-events:auto}.conversation-edge{stroke-dasharray:105;stroke-dashoffset:0}.cut-button:hover .conversation-edge{animation:seal-trace .65s var(--ease)}.failure-message{display:none}.webgl-unavailable .failure-message{display:block;position:absolute;bottom:170px;left:50%;transform:translateX(-50%);color:#d6dfd2;font-size:12px;text-align:center;z-index:5;max-width:80%}
.loader{display:none}.js .loader{display:grid;place-items:center;position:fixed;inset:0;z-index:30;pointer-events:none}.loader svg{position:absolute;width:84px;height:84px;color:#dce4e9;stroke-width:1.5}.loader path{stroke-dasharray:1;stroke-dashoffset:1;animation:trace-load 1.7s var(--ease) infinite}.loader[hidden]{display:none}@keyframes trace-load{0%{stroke-dashoffset:1;opacity:.2}60%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}.js:not(.webgl-unavailable) .word-fallback{display:none}.js:not(.scene-ready) .header .brand{opacity:0}.js:not(.scene-ready) .header .navigation{clip-path:inset(0 100% 0 0)}.js:not(.scene-ready) .header .contact{clip-path:inset(0 0 0 100%)}.js:not(.scene-ready) .opening{visibility:hidden}.scene-ready .header .brand{animation:brand-settle .55s both}.scene-ready .header .navigation{animation:nav-cut .8s var(--ease) .25s both}.scene-ready .header .contact{animation:contact-cut .85s var(--ease) .5s both}.scene-ready .opening h1{animation:copy-uncover .9s var(--ease) .65s both}.scene-ready .primary-action{animation:contact-cut .9s var(--ease) .85s both}@keyframes brand-settle{from{opacity:0}to{opacity:1}}@keyframes nav-cut{from{clip-path:polygon(0 12px,0 0,0 0,0 6px,0 calc(100% - 12px),0 100%,0 100%,0 calc(100% - 9px))}to{clip-path:var(--cut)}}@keyframes contact-cut{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes copy-uncover{from{clip-path:inset(0 0 100%);transform:translateX(-12px)}to{clip-path:inset(0);transform:none}}
#menu{border:0;padding:0;max-width:none;max-height:none;width:100%;height:100svh;margin:0;background:#101d2c;color:#e8ebdf;overflow:auto}#menu::backdrop{background:#101d2c}#menu[open]{display:flex;flex-direction:column;animation:menu-open .45s var(--ease)}#menu.closing{animation:menu-close .25s var(--ease) forwards}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:30px var(--edge)}.menu-header img{display:block;object-fit:contain}.menu-utilities{display:flex;align-items:center;gap:22px}.menu-utilities>button{background:transparent;color:inherit}#menu-close{--surface:#243c3e;--foreground:#e7eddf;font-size:12px;min-height:48px;gap:15px;padding:0 13px 0 22px}#menu-close:hover{--foreground:#101d2c;color:#101d2c}#menu-close svg{width:26px;height:26px}.menu-utilities #motion{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid #dce7d428}#motion svg{width:20px;height:20px}#motion:hover{background:#d5e2d522}.menu-content{flex:1;display:grid;grid-template-columns:1.25fr 1fr;gap:10vw;padding:5vh var(--edge) 8vh;align-items:center}.menu-company{display:flex;flex-direction:column}.menu-company>a{display:flex;align-items:center;justify-content:space-between;padding:20px 0;overflow:hidden;font-size:clamp(30px,4.1vw,72px);line-height:1.2;letter-spacing:-.05em;border-bottom:1px solid #dbe5d723;position:relative;isolation:isolate}.menu-company>a:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#f0f0d912,transparent);transform:translateX(-105%);transition:transform .5s var(--ease);clip-path:var(--cut)}.menu-company>a>span{transition:transform .5s var(--ease)}.menu-company>a>svg{width:36px;height:36px;opacity:0;transform:translateX(-18px);transition:transform .5s var(--ease),opacity .4s}.menu-company>a:hover:before,.menu-company>a:focus-visible:before{transform:none}.menu-company>a:hover>span,.menu-company>a:focus-visible>span{transform:translateX(15px)}.menu-company>a:hover>svg,.menu-company>a:focus-visible>svg{opacity:1;transform:none}.menu-discover{max-width:550px}.menu-image{aspect-ratio:1.75;overflow:hidden;clip-path:polygon(0 17%,15% 0,100% 0,100% 83%,85% 100%,0 100%);background:#60746c}.menu-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.35);transition:transform 1.1s var(--ease),filter .5s}.menu-image.switching img{transform:scale(1.07) translateX(4px);filter:saturate(.1) brightness(.8)}.menu-markets{margin-top:27px;display:flex;flex-direction:column}.menu-markets>a{padding:14px 0;font-size:17px;border-bottom:1px solid #dbe5d723;display:flex;align-items:center;justify-content:space-between;transition:padding .35s var(--ease),color .35s}.menu-markets>a:hover{padding-left:12px;color:#fff}.menu-markets svg{width:23px;height:23px;transition:transform .4s}.menu-markets>a:hover svg{transform:rotate(-12deg)}#menu[open] .menu-company>a{animation:menu-row .8s var(--ease) both}#menu[open] .menu-company>a:nth-child(2){animation-delay:.06s}#menu[open] .menu-company>a:nth-child(3){animation-delay:.12s}#menu[open] .menu-company>a:nth-child(4){animation-delay:.18s}#menu[open] .menu-discover{animation:menu-image .9s var(--ease) .12s both}@keyframes menu-open{from{clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes menu-close{to{opacity:0;transform:translateY(-15px)}}@keyframes menu-row{from{clip-path:inset(0 0 100%);transform:translateX(-25px)}to{clip-path:inset(0);transform:none}}@keyframes menu-image{from{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);transform:translateX(30px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:none}}
@media(min-width:1800px){.header{height:128px}.primary-action{min-width:350px}.opening h1{max-width:520px}.source-story{top:65%}}
@media(max-width:1000px){.navigation>a,.navigation>button{padding:0 13px}.contact{min-width:0}.brand{width:140px}.opening h1{max-width:330px;font-size:18px}.primary-action{min-width:280px;font-size:12px}.source-story h2{font-size:48px}.menu-content{gap:6vw}}
@media(max-width:640px){:root{--edge:22px}.header{height:90px;grid-template-columns:1fr auto;gap:12px}.brand{width:137px}.navigation{background:#d9e0d022;padding:0;backdrop-filter:none;clip-path:var(--cut)}.navigation:before,.navigation>a,.nav-applications{display:none!important}.navigation>button{min-height:42px;padding:0 14px;font-size:12px;gap:12px}#menu-open{background:transparent}.hero{min-height:740px}.journey{height:270svh}#source{top:160svh}.word-fallback{top:33%}.rock-fallback{top:46%;width:140vw}#examine{top:22%;left:6%;width:88%;height:45%}.shadow{top:65%;width:60%;height:3%;filter:blur(15px)}.opening h1{bottom:148px;left:var(--edge);right:var(--edge);max-width:none;font-size:18px;line-height:1.3}.desktop-break{display:none}.primary-action{bottom:48px;left:var(--edge);right:var(--edge);min-width:0;min-height:64px;font-size:13px}.source-story{left:var(--edge);right:var(--edge);top:59%;bottom:auto;width:auto;max-width:none}.source-story h2{font-size:40px;letter-spacing:-.055em;margin-bottom:18px}.source-story p{font-size:13px;line-height:1.5;max-width:340px}.process-action{margin-top:16px;min-height:44px;font-size:13px}.menu-header{padding-top:24px;padding-bottom:20px}.menu-header img{width:137px;height:auto}.menu-utilities{gap:9px}#menu-close{min-height:42px;padding-left:16px;padding-right:9px;gap:6px}#menu-close svg{width:22px;height:22px}.menu-utilities #motion{width:36px;height:36px}.menu-content{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-top:25px;padding-bottom:30px}.menu-company>a{font-size:31px;padding:16px 0}.menu-company>a svg{width:28px;height:28px;opacity:.7;transform:none}.menu-image{aspect-ratio:2.4}.menu-markets{margin-top:16px}.menu-markets>a{font-size:16px;padding:11px 0}.js:not(.scene-ready) .header .navigation{clip-path:inset(0 100% 0 0)}}
@media(max-height:700px) and (min-width:641px){.hero{min-height:640px}.header{height:90px}.opening h1{bottom:40px}.primary-action{bottom:36px;min-height:58px}.source-story{top:63%}.source-story h2{font-size:42px;margin-bottom:14px}.source-story p{font-size:13px;max-width:570px}.process-action{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.loader path{stroke-dashoffset:0}.scene-ready .header>*,.scene-ready .opening>*{clip-path:none!important;transform:none!important}}

.strata-line{transition:transform .45s var(--ease),opacity .45s}.cut-button:hover .strata-line:nth-child(1),#menu-open:hover .strata-line:nth-child(1){transform:translateX(2px)}.cut-button:hover .strata-line:nth-child(3),#menu-open:hover .strata-line:nth-child(3){transform:translateX(-2px);transition-delay:.07s}
@media(prefers-reduced-motion:reduce){.scene-ready .header .navigation{clip-path:var(--cut)!important}}

#rock{opacity:0}.canvas-ready #rock{opacity:1}.js:not(.scene-ready) .shadow{opacity:0}

@media(max-width:360px){.source-story{top:58%}.source-story h2{font-size:36px}.source-story p{font-size:12px}.process-action{margin-top:12px}}

.navigation>button .menu-glyph{width:24px;height:24px;stroke-width:1.4;transform:none}

/* The source is a view into the opened specimen. Typography occupies its gap. */
.hero{--light-phase:0%}.header{--light-phase:0%;--header-ink:color-mix(in srgb,#edeae1 calc(100% - var(--light-phase)),#183343)}
.header .brand{position:relative}.header .brand-dark{position:absolute;inset:0;opacity:0}
.header .navigation,.header #menu-open,.header .contact{color:var(--header-ink)}
.header .navigation{background:color-mix(in srgb,#bec6bc15 calc(100% - var(--light-phase)),#69766a20)}
.header #menu-open:hover,.header #menu-open:focus-visible{color:#183343}
.source-light{background:radial-gradient(ellipse at 50% 42%,#f2f0e8 0%,#dddcd2 50%,#abb1a4 100%)}
#rock{pointer-events:none}
.source-story{z-index:1;top:29%;left:27%;right:27%;color:#263b36}
.source-story h2{margin:0 0 27px;line-height:1.03;letter-spacing:-.045em}
.purity-value{display:block;font-family:Hubot Wide,Arial,sans-serif;font-size:clamp(80px,10.5vw,185px);letter-spacing:-.065em;line-height:1.03;font-weight:500}
.purity-value>span{font-size:.47em;vertical-align:top;display:inline-block;line-height:1.55;margin-left:.02em}
.purity-name{display:block;font-size:clamp(24px,2.7vw,46px);font-weight:400;letter-spacing:-.045em;line-height:1.2;margin-top:6px}
.source-story p{font-size:clamp(14px,1.08vw,18px);max-width:355px;color:#3f5147;line-height:1.55}
.process-action{margin-top:27px}.process-action:after{background:currentColor}
.webgl-unavailable .source-story{z-index:5;color:var(--ink)}.webgl-unavailable .source-story p{color:var(--ink)}
@media(min-width:1800px){.source-story{top:29%}}
@media(max-width:1000px) and (min-width:641px){.source-story{left:25%;right:25%}.purity-value{font-size:110px}.purity-name{font-size:30px}.source-story p{font-size:14px}}
@media(max-width:640px){.source-story{top:31%;left:25px;right:25px}.purity-value{font-size:clamp(86px,24vw,112px)}.purity-name{font-size:30px}.source-story h2{margin-bottom:23px}.source-story p{font-size:14px;max-width:285px}.process-action{margin-top:22px}}
@media(max-height:700px) and (min-width:641px){.source-story{top:27%}.purity-value{font-size:110px}.purity-name{font-size:31px}.source-story h2{margin-bottom:20px}.source-story p{font-size:14px}.process-action{margin-top:20px}}

/* The specimen settles as one composition below an unobstructed statement. */
.source-story{inset:0;width:auto;max-width:none}
.source-story h2{position:absolute;top:15%;left:var(--edge);right:var(--edge);margin:0}
.purity-value{font-size:clamp(80px,9vw,165px)}
.purity-name{font-size:clamp(24px,2.1vw,37px);margin-top:4px}
.source-story p{position:absolute;top:81%;left:50%;width:min(400px,calc(100% - 60px));max-width:none;transform:translateX(-50%)!important;margin:0}
.source-story .process-action{position:absolute;top:90%;left:50%;margin:0;transform:translateX(-50%)}
@media(max-width:640px){.source-story h2{top:17%;margin:0}.purity-value{font-size:clamp(86px,24vw,112px)}.purity-name{font-size:28px}.source-story p{top:73%;width:285px;max-width:calc(100% - 44px)}.source-story .process-action{top:85%}}
@media(max-height:700px) and (min-width:641px){.source-story h2{top:14%;margin:0}.purity-value{font-size:100px}.purity-name{font-size:28px}.source-story p{top:80%;font-size:13px}.source-story .process-action{top:90%}}
/* Navigation lands after the specimen and all source content have settled. */
#source{top:calc(100% - 100svh)}
