:root{--ink:#263b2b;--lime:#dce5bd;--cream:#f0eadc;--clay:#7f4937;--moss:#596d43;--line:rgba(38,59,43,.2);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--lime);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip{position:fixed;top:-6rem;left:1rem;z-index:100;background:white;color:var(--ink);padding:.95rem 1.2rem}.skip:focus{top:1rem}.concept{position:fixed;z-index:60;right:1rem;bottom:1rem;display:flex;align-items:center;min-height:44px;gap:.55rem;padding:.7rem 1rem;border-radius:99px;background:rgba(30,45,34,.92);color:white;font-size:.64rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.concept i{width:7px;height:7px;border-radius:50%;background:var(--lime)}header{position:absolute;z-index:20;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 3vw;color:white;text-shadow:0 1px 12px rgba(14,22,16,.5)}.sample-link{text-shadow:none}.logo{display:flex;align-items:center;min-height:44px;font-size:.78rem;font-weight:700;letter-spacing:.04em}.logo span{font-weight:400;margin-left:.3rem}.logo svg{width:28px;height:28px;margin-right:.65rem;fill:none;stroke:currentColor;stroke-width:2}nav{display:flex;gap:2rem;align-items:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.11em}nav a:not(.sample-link){display:inline-flex;align-items:center;min-height:44px}.sample-link{display:flex;align-items:center;min-height:44px;padding:.75rem 1.25rem;border-radius:99px;background:var(--lime);color:var(--ink)}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding:8rem 5vw 7vh;color:white;background:#1b2620}.hero>picture,.hero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero>picture img{animation:grow 18s ease-in-out infinite alternate}.wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(101deg,rgba(21,29,24,.68),rgba(21,29,24,.34) 34%,rgba(21,29,24,0) 66%),linear-gradient(180deg,rgba(21,29,24,.46),rgba(21,29,24,0) 24%,rgba(21,29,24,0) 46%,rgba(21,29,24,.5))}.hero-copy{position:relative;z-index:3;width:100%}.eyebrow,.hero-copy>p{font-size:.64rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.biology h2,.hero h1,.lab h2,.samples h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.hero h1{font-size:clamp(4.3rem,8.7vw,9.4rem);line-height:.9;margin:1rem 0 2.5rem}.hero h1 em{font-weight:400;color:var(--lime)}.hero-copy>div{display:flex;align-items:flex-end;justify-content:space-between}.hero-copy>div p{max-width:450px;line-height:1.65}.hero-copy>div a{display:inline-block;font-size:.63rem;line-height:1.2;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid white;padding:1.25rem 0 .8rem}.growth{position:absolute;z-index:3;right:3vw;top:7rem;width:180px;font-size:.55rem;letter-spacing:.12em;text-shadow:0 1px 10px rgba(14,22,16,.7)}.growth i{display:block;height:5px;margin-top:.6rem;background:linear-gradient(90deg,var(--lime) 62%,rgba(255,255,255,.25) 62%);border-radius:99px}.spores{position:absolute;z-index:2;inset:0;pointer-events:none}.spores i{position:absolute;width:5px;height:5px;border:1px solid rgba(255,255,255,.7);border-radius:50%;animation:drift 10s linear infinite}.spores i:first-child{left:58%;top:20%}.spores i:nth-child(2){left:72%;top:32%;animation-delay:-2s}.spores i:nth-child(3){left:84%;top:46%;animation-delay:-5s}.spores i:nth-child(4){left:64%;top:63%;animation-delay:-7s}.spores i:nth-child(5){left:90%;top:72%;animation-delay:-3s}.spores i:nth-child(6){left:78%;top:55%;animation-delay:-8s}.spores i:nth-child(7){left:53%;top:41%;animation-delay:-6s}.spores i:nth-child(8){left:68%;top:12%;animation-delay:-1s}.biology{min-height:100vh;padding:10rem 5vw;background:var(--lime);display:grid;grid-template-columns:1fr .8fr;grid-gap:6vw;gap:6vw}.biology h2,.lab h2,.samples h2{font-size:clamp(3.5rem,7vw,7.8rem);line-height:1.04;margin:1rem 0}.organism{position:relative;height:420px;margin-top:6rem;overflow:hidden}.organism>div{left:6%;top:4%;width:min(260px,66%);border:1px solid var(--ink);border-radius:43% 57% 65% 35%/48% 35% 65% 52%;animation:morph 8s ease-in-out infinite}.organism b,.organism>div{position:absolute;aspect-ratio:1}.organism b{left:13%;top:11%;width:min(155px,40%);border:1px dashed var(--ink);border-radius:57% 43% 40% 60%/43% 52% 48% 57%;animation:morph 11s ease-in-out -4s infinite reverse}.organism i{left:36%;top:29%;width:min(150px,42%);height:1px;transform-origin:left;transform:rotate(var(--a)) scaleX(1);animation:thread 7s ease-in-out infinite alternate}.organism i,.organism i:after{position:absolute;background:var(--ink)}.organism i:after{content:"";right:-3px;top:-3px;width:7px;height:7px;border-radius:50%}.organism i:first-of-type{--a:15deg}.organism i:nth-of-type(2){--a:65deg;width:min(110px,32%);animation-delay:-1.6s}.organism i:nth-of-type(3){--a:125deg;animation-delay:-3.1s}.organism i:nth-of-type(4){--a:205deg;width:min(120px,34%);animation-delay:-4.4s}.organism i:nth-of-type(5){--a:250deg;width:min(95px,28%);animation-delay:-2.2s}.organism i:nth-of-type(6){--a:298deg;width:min(130px,37%);animation-delay:-5.3s}.organism i:nth-of-type(7){--a:340deg;width:min(105px,30%);animation-delay:-.8s}.organism i:nth-of-type(8){--a:95deg;width:min(88px,25%);animation-delay:-6.1s}@keyframes thread{0%{transform:rotate(var(--a)) scaleX(.35)}to{transform:rotate(var(--a)) scaleX(1)}}.organism span{position:absolute;right:0;bottom:0;font-family:Georgia,serif;font-size:2rem}.biology-copy{padding-top:7rem}.biology-copy>p{font-family:Georgia,serif;font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.45}.biology ol{list-style:none;padding:0;margin:5rem 0 0}.biology li{display:grid;grid-template-columns:3rem 1fr;padding:1rem 0;border-bottom:1px solid var(--line)}.biology li span{font-size:.65rem;color:var(--clay)}.macro{height:88vh;position:relative;overflow:hidden;color:white}.macro img,.macro picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.macro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,26,20,.5),rgba(18,26,20,.1) 20%,rgba(18,26,20,.12) 40%,rgba(18,26,20,.42) 58%,rgba(18,26,20,.78) 76%,rgba(18,26,20,.86))}.macro p{left:5vw;bottom:6vh;margin:0;font-family:Georgia,serif;font-size:clamp(3rem,6vw,6.5rem);line-height:1.04;letter-spacing:-.05em}.macro p,.macro>span{position:absolute;z-index:2}.macro>span{right:3vw;top:3rem;font-size:.58rem;letter-spacing:.14em;text-shadow:0 1px 10px rgba(14,22,16,.75)}.lab{padding:10rem 5vw;background:var(--cream)}.lab-head{display:grid;grid-template-columns:.45fr 1.2fr .5fr;align-items:flex-end;margin-bottom:5rem}.lab-head h2{margin:0}.lab-head>p:last-child{line-height:1.6}.lab-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:680px}.sample{position:relative;display:grid;place-items:center;overflow:hidden;background:#d7d1c1}.sample-body{position:relative;width:min(68%,470px);aspect-ratio:.85;background:var(--tint);border-radius:calc(70px - var(--density)*.5px);box-shadow:0 35px 80px rgba(40,52,31,.2),inset 0 0 calc(var(--density)*1px) rgba(44,53,35,.34);transition:.5s}.sample-body:before{content:"";position:absolute;inset:0;border-radius:inherit;overflow:hidden;opacity:calc(.25 + var(--density)*.006);background:repeating-radial-gradient(ellipse at 20% 30%,rgba(55,70,42,.42) 0 1px,transparent 1px 8px)}.grain-cellular .sample-body:before{background:radial-gradient(circle at 30% 25%,rgba(55,70,42,.5) 0 2px,transparent 3px),radial-gradient(circle at 70% 68%,rgba(55,70,42,.4) 0 3px,transparent 4px);background-size:16px 18px}.grain-linear .sample-body:before{background:repeating-linear-gradient(72deg,rgba(55,70,42,.28) 0 1px,transparent 1px 7px)}.sample-body i{position:absolute;width:18%;height:12%;border:1px solid rgba(38,59,43,.42);border-radius:50%}.sample-body i:first-child{left:12%;top:13%}.sample-body i:nth-child(2){right:10%;top:25%}.sample-body i:nth-child(3){left:30%;bottom:13%}.sample-body i:nth-child(4){right:28%;top:50%}.sample-body i:nth-child(5){left:8%;top:55%}.sample>span{position:absolute;left:1rem;bottom:1rem;font-size:.6rem;letter-spacing:.12em}.controls{padding:3rem;background:#e3dece}.controls fieldset{border:0;padding:0;margin:0 0 3rem}.controls legend,.controls>label{display:flex;justify-content:space-between;width:100%;margin-bottom:1rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.controls fieldset:not(.tints) button{display:grid;grid-template-columns:3rem 1fr auto;width:100%;padding:1rem 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.controls fieldset:not(.tints) button.active{padding-left:1rem;padding-right:1rem;background:var(--ink);color:white}.controls button i{font-style:normal;font-size:.6rem}.controls>input{width:100%;height:44px;accent-color:var(--clay);cursor:pointer}.tints{margin-top:3rem!important}.tints button{width:46px;height:46px;margin-right:1rem;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:box-shadow .2s,transform .2s}.tints button:hover{transform:scale(1.06)}.tints button.active{outline:2px solid var(--ink);outline-offset:4px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.9)}.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));margin-top:4rem;border-top:1px solid var(--line)}.specs div{padding:1rem .5rem 0 0}.specs span{display:block;font-size:.55rem;text-transform:uppercase}.specs strong{display:block;margin-top:.5rem;font-family:Georgia,serif;font-weight:400;font-size:1.25rem}.samples{padding:10rem 7vw;background:var(--moss);color:white;display:grid;grid-template-columns:1fr 1fr;grid-gap:8vw;gap:8vw;align-items:center;min-height:90vh}.samples>div>p:last-child{max-width:370px;line-height:1.6}.samples form label{display:block;margin:1.2rem 0 .6rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.13em}.samples form input,.samples form select{width:100%;padding:1rem 0;border:0;border-bottom:1px solid rgba(255,255,255,.55);border-radius:0;background:transparent;color:white}.samples option{color:#111}.samples form input::placeholder{color:rgba(255,255,255,.62)}.samples form input:hover,.samples form select:hover{border-bottom-color:#fff}.samples form button,.success button{width:100%;margin-top:2rem;padding:1.1rem;display:flex;justify-content:space-between;border:0;background:var(--lime);color:var(--ink);cursor:pointer}.samples small{display:block;margin-top:.8rem}.success{padding:2.5rem;border:1px solid rgba(255,255,255,.4)}.disc{width:90px;height:90px;border-radius:44% 56% 38% 62%;background:var(--tint);box-shadow:inset 0 0 20px rgba(0,0,0,.2)}.success h3{font-family:Georgia,serif;font-size:2.4rem;font-weight:400}.success p{line-height:1.6}.success button{width:auto}footer{padding:2rem 3vw 5rem;background:var(--moss);color:white;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;font-size:.63rem}footer p{margin:0;opacity:.92}footer p a{padding:1.15rem .72rem;margin:0 -.72rem;text-decoration:underline}.lab-link{display:inline-block;margin-top:2.5rem;padding:1.25rem 0 .95rem;font-size:.63rem;line-height:1.2;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid var(--ink)}.samples form button:hover,.success button:hover{background:#e7efcd}.controls fieldset:not(.tints) button:hover:not(.active){background:rgba(38,59,43,.06)}.hero-copy>div a:hover,.lab-link:hover{opacity:.72}:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.concept:focus-visible,.hero :focus-visible,.macro :focus-visible,.samples :focus-visible,footer :focus-visible,header :focus-visible{outline:3px solid #fff;outline-offset:3px}.skip:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.tints button:focus-visible{outline:3px solid var(--clay);outline-offset:4px}@keyframes grow{to{transform:scale(1.04)}}@keyframes drift{50%{transform:translate(22px,-35px) scale(1.8);opacity:.3}}@keyframes morph{50%{border-radius:60% 40% 35% 65%/35% 60% 40% 65%;transform:rotate(8deg)}}@media(max-width:800px){header{padding:1.2rem}nav a:not(.sample-link){display:none}.hero{padding:7rem 1.2rem 5rem}.hero h1{font-size:clamp(3.2rem,15vw,5rem)}.hero-copy>div{display:grid;grid-gap:1.5rem;gap:1.5rem}.hero-copy>div a{justify-self:start}.growth{display:none}.wash{background:linear-gradient(180deg,rgba(21,29,24,.5),rgba(21,29,24,.16) 20%,rgba(21,29,24,.3) 36%,rgba(21,29,24,.62) 62%,rgba(21,29,24,.84))}.biology{padding:7rem 1.2rem;grid-template-columns:1fr}.biology h2,.lab h2,.samples h2{font-size:clamp(2.4rem,11vw,4rem)}.organism{height:300px;margin-top:2rem;overflow:hidden}.organism>div{left:14%;top:6%;width:210px;height:210px}.organism i{left:34%;top:34%;width:112px}.organism span{right:4%;bottom:2%;font-size:1.5rem}.biology-copy{padding-top:0}.macro{height:70vh;min-height:460px}.macro p{font-size:clamp(2rem,9vw,3.2rem)}.macro:after{background:linear-gradient(180deg,rgba(18,26,20,.5),rgba(18,26,20,.1) 18%,rgba(18,26,20,.12) 36%,rgba(18,26,20,.44) 58%,rgba(18,26,20,.78) 82%,rgba(18,26,20,.86))}.lab{padding:7rem 1rem}.lab-head{gap:1rem}.lab-grid,.lab-head{grid-template-columns:1fr}.sample{min-height:62vh}.controls{padding:2rem 1.2rem}.samples{padding:7rem 1.2rem;grid-template-columns:1fr}.concept{right:.7rem;bottom:.7rem}footer{flex-direction:column;gap:2rem;padding:2rem 1.2rem 6rem}}@media(max-width:400px){header{padding:1rem}.logo{font-size:.72rem}.logo svg{width:24px;height:24px;margin-right:.5rem}.sample-link{padding:.75rem 1rem;font-size:.6rem}}@media(min-width:801px) and (max-height:560px) and (orientation:landscape){.hero{padding:5.5rem 5vw 3rem}.growth{top:5rem}.biology{min-height:0;padding:5rem 5vw}.organism{height:300px;margin-top:2rem}.biology ol{margin-top:3rem}.biology-copy{padding-top:2rem}.lab{padding:5rem 5vw}.lab-head{margin-bottom:3rem}.lab-grid{min-height:520px}.samples{min-height:0;padding:5rem 7vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}