:root{color-scheme:light;--canvas:#f7f6f2;--ink:#292a26;--muted:#62645c;--line:#d8d8ce;--gold:#9b783d;--copper:#b77a59;--silver:#adb0af;--platinum:#d0cec6;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8b6534;outline-offset:5px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:1rem;left:1rem;z-index:20;transform:translateY(-200%);background:var(--ink);color:white;padding:.8rem 1rem}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:min(100% - 8rem,100rem);margin-inline:auto;padding-block:2.25rem 1.5rem}
.wordmark{text-decoration:none;font-family:Georgia,'Times New Roman',serif;letter-spacing:.09em;font-size:1.8rem;line-height:1.1}.wordmark>span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:.52rem;font-weight:400;letter-spacing:.27em;margin-top:.65rem;color:var(--muted)}
.recycling-link{display:inline-flex;align-items:center;gap:1rem;min-height:2.75rem;text-decoration:none;font-size:.75rem;letter-spacing:.025em}.recycling-link span{border-bottom:1px solid #aaa99d;padding-bottom:.35rem}.recycling-link svg{width:1.1rem;height:1.1rem;transition:transform .18s ease}.recycling-link:hover svg{transform:translate(2px,-2px)}
main{position:relative;isolation:isolate;min-height:47rem;min-height:max(47rem,calc(100svh - 14rem));overflow:hidden}
.material-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.material-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.material-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--canvas) 0%,rgb(247 246 242 / .85) 17%,rgb(247 246 242 / .3) 34%,transparent 48%),linear-gradient(0deg,var(--canvas),transparent 15%),linear-gradient(180deg,var(--canvas),transparent 8%)}
.introduction{position:relative;z-index:1;width:min(34rem,42%);margin-left:max(4rem,calc((100vw - 100rem)/2 + 4rem));padding-block:3.75rem 3rem}
.eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.6rem;font-weight:500;letter-spacing:.18em;margin:0 0 1.75rem;line-height:1.5}.eyebrow>span{width:1.35rem;height:1px;background:var(--gold)}
h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(5.5rem,7.6vw,8rem);font-weight:400;line-height:.94;letter-spacing:-.065em}h1 em{font-weight:400;color:#74583a;letter-spacing:-.075em}.introduction-copy{margin:1.75rem 0 0;font-size:.95rem;line-height:1.8;letter-spacing:.015em;color:#53574e}
.launch-invitation{margin-top:2.5rem;max-width:26rem}.launch-invitation h2{font-size:.9rem;line-height:1.5;font-weight:500;margin:0}.launch-invitation>p{color:var(--muted);font-size:.7rem;margin:.4rem 0 1.1rem;line-height:1.6}
.email-entry{display:flex;align-items:center;border-bottom:1px solid #7c7e70;gap:.75rem;padding-bottom:.5rem}.email-entry input{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);padding:.7rem 0;font-size:.85rem;border-radius:0}.email-entry input::placeholder{color:#686b61;opacity:1}.join-button{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:var(--canvas);transition:background .15s,box-shadow .15s}.join-button svg{width:1.25rem;height:1.25rem;transition:transform .15s}.join-button:hover{background:#535343;box-shadow:0 3px 8px #292a2620}.join-button:hover svg{transform:translateX(2px)}.join-button:disabled{cursor:wait;opacity:.6}
.consent{display:flex;align-items:flex-start;gap:.6rem;min-height:2.75rem;padding-block:.25rem;margin-top:.75rem;font-size:.75rem;line-height:1.65;color:#5b6055;cursor:pointer}.consent input{appearance:auto;accent-color:#6e593a;flex:none;width:1rem;height:1rem;margin:.1rem 0 0}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{font-size:.75rem;line-height:1.6;margin:0}.form-status:not(:empty){margin-top:1rem;padding:.8rem 1rem;border-left:2px solid #a08658;background:#eeede5;color:#42483e}.form-status[data-kind="error"]{border-color:#9d432f;color:#803728}
.signup-details{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;align-items:center;margin-top:.9rem;color:#64685e;font-size:.6rem;line-height:1.7}.text-link{padding:.35rem 0;border:0;border-bottom:1px solid #b6b9ab;background:none;color:inherit;font-size:inherit}.text-link:hover{color:#262d21;border-color:#262d21}
.scene-caption{position:absolute;right:4rem;bottom:2.75rem;display:flex;align-items:center;gap:1rem;font-size:.55rem;letter-spacing:.2em;color:#626258}.caption-rule{width:3rem;height:1px;background:#99998b}
.site-footer{position:relative;z-index:1;width:min(100% - 8rem,100rem);margin:0 auto;display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:1rem 0 2rem;border-top:1px solid var(--line)}.footer-note{font-size:.58rem;color:#676c60;line-height:1.7}.footer-note p{margin:0 0 .4rem}.footer-note>span{color:#7c8076;font-size:.55rem}.material-index{display:flex;align-items:end;gap:2rem}.material-index-label{font-size:.5rem;letter-spacing:.15em;line-height:1.6;color:#6d7267;max-width:6rem}.material-index ul{display:flex;gap:2rem;list-style:none;padding:0;margin:0}.material-index li{position:relative;display:flex;align-items:center;gap:.4rem;padding-top:.8rem;font-size:.58rem;color:#64685e;white-space:nowrap}.material-index li>span{position:absolute;top:0;left:0;right:0;height:3px;background:var(--silver)}.material-index li.gold>span{background:linear-gradient(90deg,#9b7739,#dfc592,#b69152)}.material-index li.silver>span{background:linear-gradient(90deg,#8e9695,#eeefea,#b0b9ba)}.material-index li.copper>span{background:linear-gradient(90deg,#8b533e,#d9a381,#ae7054)}.material-index li.platinum>span{background:linear-gradient(90deg,#b5b4ac,#e4e2d9,#bcbcb4)}.material-index abbr{text-decoration:none;font-family:Georgia,serif;color:#343a2f;font-size:1.1rem}
dialog{width:min(34rem,calc(100% - 2rem));max-height:85svh;padding:2rem;border:1px solid #d1d0c3;background:var(--canvas);color:var(--ink);box-shadow:0 15px 80px #20251b26}dialog::backdrop{background:#272b2159;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dialog-heading .eyebrow{margin:0}.close-button{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;background:none;font-size:1.8rem;color:inherit}dialog h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em;font-size:2rem;margin:1rem 0}dialog>p{font-size:.85rem;line-height:1.8;color:#59614f}dialog a{text-underline-offset:3px}.dialog-done{border:1px solid #777d6f;background:none;padding:.8rem 1rem;margin-top:1rem;min-height:2.75rem;color:inherit;font-size:.75rem}
@media(min-width:1800px){.material-scene img{object-position:center 55%}.introduction{padding-top:5rem}}
@media(max-width:1100px){.material-scene img{object-position:68% center}.site-header,.site-footer{width:calc(100% - 4rem)}.introduction{margin-left:2rem;width:44%;padding-top:3rem}h1{font-size:clamp(4.5rem,8vw,6rem)}.scene-caption{right:2rem}.material-index{gap:1rem}.material-index ul{gap:1.25rem}.material-index-label{display:none}}
@media(max-width:760px){.site-header{width:calc(100% - 3rem);padding:1.75rem 0 1rem;gap:1rem}.wordmark{font-size:1.35rem}.wordmark>span{font-size:.43rem}.recycling-link{font-size:.62rem;gap:.6rem}.recycling-link span{max-width:6.5rem;line-height:1.5}.recycling-link svg{width:.9rem;height:.9rem}main{min-height:0;padding-bottom:2.5rem}.introduction{width:min(100% - 3rem,34rem);margin-inline:1.5rem;padding:2.5rem 0 1rem}h1{font-size:clamp(4.5rem,17vw,7rem)}.eyebrow{font-size:.53rem;margin-bottom:1.5rem}.introduction-copy{font-size:.85rem;margin-top:1.5rem}.launch-invitation{margin-top:2rem;max-width:28rem}.material-scene{inset:0;height:100%;z-index:-1}.material-scene img{object-fit:cover;object-position:68% top}.material-scene::after{background:linear-gradient(180deg,rgb(247 246 242 / .12) 0%,rgb(247 246 242 / .12) 30%,rgb(247 246 242 / .88) 66%,var(--canvas) 100%),linear-gradient(90deg,rgb(247 246 242 / .72) 0%,rgb(247 246 242 / .48) 62%,rgb(247 246 242 / .16) 100%)}.scene-caption{display:none}.site-footer{width:calc(100% - 3rem);flex-direction:column-reverse;align-items:stretch;gap:1.5rem;padding:1.5rem 0 2rem}.material-index{justify-content:space-between}.material-index ul{width:100%;justify-content:space-between;gap:1rem}.material-index li{font-size:.6rem}.material-index abbr{font-size:1.2rem}.footer-note{font-size:.62rem}.signup-details{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.availability-note{font-size:.7rem;line-height:1.65;margin:.6rem 0 0;color:var(--muted)}input:disabled{cursor:not-allowed;opacity:.65}.join-button:disabled{cursor:not-allowed}.email-preferences{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.email-preferences h3{font-size:.95rem;font-weight:500;margin:0 0 .6rem}.email-preferences>p{font-size:.8rem;line-height:1.7;color:#59614f}.email-preferences form>label{display:block;font-size:.75rem;margin-bottom:.5rem}.email-preferences input[type="email"]{display:block;width:100%;min-height:2.75rem;border:1px solid #8d9285;border-radius:0;background:transparent;padding:.65rem .75rem;color:inherit;font-size:.85rem}.preference-button{min-height:2.75rem;max-width:100%;padding:.7rem 1rem;margin-top:.75rem;border:1px solid var(--ink);background:var(--ink);color:var(--canvas);font-size:.75rem;line-height:1.5}.preference-button:disabled{cursor:not-allowed;opacity:.6}
