@font-face{font-family:Cinzel Decorative;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cinzel-decorative-latin-700-normal.woff2) format("woff2")}:root{--void-text: #FEFDFA}html,body{margin:0;padding:0;background:#fefdfa}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#hero-canvas{display:block;width:100vw;height:100svh}#cta{position:absolute;left:50%;transform:translate(-50%,8px) rotate(-1.5deg);font-family:"Young Serif",Georgia,serif;font-size:1.05rem;line-height:1;letter-spacing:0;padding:16px 30px;border:none;clip-path:polygon(3% 12%,13% 3%,29% 9%,45% 2%,61% 8%,77% 1%,91% 7%,98% 16%,100% 32%,96% 48%,100% 64%,95% 80%,100% 92%,87% 98%,71% 93%,55% 99%,39% 94%,23% 100%,9% 95%,1% 87%,0% 68%,5% 50%,0% 32%,6% 18%);background-color:var(--page);background-image:url(../paper-grain-css.png);background-repeat:repeat;background-size:512px 512px;background-blend-mode:multiply;color:var(--ink);cursor:pointer;opacity:0;filter:drop-shadow(1px 1px 2px rgba(83,41,28,.18));transition:opacity .4s ease-out,transform .4s ease-out,filter .2s ease-out}#cta.visible{opacity:1;transform:translate(-50%) rotate(-1.5deg)}#cta:hover{transform:translate(-50%,-1px) rotate(-1.5deg);filter:drop-shadow(1px 2px 3px rgba(83,41,28,.12))}#cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#hero-title{position:absolute;top:9%;left:50%;max-width:30vw;text-align:center;transform:translate(-50%,calc(-50% + 6px));opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;pointer-events:none}#hero-title.visible{opacity:1;transform:translate(-50%,-50%)}#hero-name{margin:0;font-family:Cinzel Decorative,Georgia,serif;font-weight:700;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.2;letter-spacing:.04em;color:var(--ink)}#hero-meta{margin:.7rem 0 0;font-family:Martian Mono,ui-monospace,Courier New,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.65}@media (prefers-reduced-motion: reduce){#hero-title{transition:none}}#skip-affordance{position:fixed;right:1.5rem;bottom:1.5rem;font-family:Martian Mono,ui-monospace,Courier New,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:lowercase;background:none;border:none;padding:0;color:var(--void-text);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s ease-out}#skip-affordance.visible{opacity:.4;pointer-events:auto}#skip-affordance:hover,#skip-affordance:focus-visible{opacity:.8}#skip-affordance:focus-visible{outline:1px solid var(--void-text);outline-offset:2px}@font-face{font-family:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/young-serif-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/martian-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/newsreader-latin-400-normal.woff2) format("woff2")}:root{--page: #F7F1E3;--ink: #53291C;--ink-body: #33211A;--seed: #A81B2D;--font-display: "Young Serif", Georgia, serif;--font-mono: "Martian Mono", ui-monospace, "Courier New", monospace;--font-body: "Newsreader", Georgia, serif}#page{position:relative;background-color:var(--page);background-image:url(../paper-grain-css.png);background-repeat:repeat;background-size:512px 512px;background-blend-mode:multiply;color:var(--ink);visibility:hidden;opacity:0}#page.visible{visibility:visible;opacity:1}#page *{box-sizing:border-box}.page-wordmark{position:fixed;top:1.5rem;left:1.5rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.06em;text-transform:lowercase;color:var(--ink);z-index:5;opacity:0;transition:opacity .4s ease-out;pointer-events:none}.page-wordmark.shown{opacity:1;pointer-events:auto}.page-nav{position:fixed;top:1.5rem;right:1.5rem;display:flex;gap:1.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:lowercase;z-index:5;opacity:0;transition:opacity .4s ease-out}.page-nav.shown{opacity:1}.page-nav a{color:var(--ink);text-decoration:none}.page-nav a:hover,.page-nav a:focus-visible{text-decoration:underline;text-decoration-color:var(--seed)}.page-column{position:relative;max-width:62ch;margin:0 auto;padding:0 1.25rem}.page-vine{position:absolute;top:0;left:-3rem;width:100px;height:100%;z-index:0;overflow:visible}.page-vine path{fill:none;stroke:var(--ink);stroke-linecap:round}.page-vine-bud{fill:none;stroke:var(--ink)}.page-vine-apple{pointer-events:none}.page-vine .page-vine-apple-body{fill:var(--seed);stroke:var(--ink);stroke-width:2}.page-vine .page-vine-apple-leaf{fill:var(--ink);fill-opacity:.85;stroke:none}.page-vine-end{font-family:Cinzel Decorative,Georgia,serif;font-size:.85rem;letter-spacing:.08em;font-kerning:none;fill:var(--ink);fill-opacity:.45;text-anchor:middle}.page-seed{position:absolute;top:18vh;left:-3rem;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border-radius:50%;background:var(--seed);z-index:1}.page-hero-block{position:relative;padding-top:18vh;z-index:1}.page-name{font-family:var(--font-display);font-size:clamp(2.75rem,7vw,5.5rem);line-height:1.05;color:var(--ink);margin:0}.page-meta{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);opacity:.7;margin:.75rem 0 0}.page-opening{position:relative;z-index:1;font-family:var(--font-body);font-style:italic;font-size:1.25rem;color:var(--ink-body);margin:4rem 0}.page-reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease-out,transform .5s ease-out}.page-reveal.in-view{opacity:1;transform:translateY(0)}.page-meta.page-reveal.in-view{opacity:.7}#page.instant .page-reveal,#page.instant .page-wordmark,#page.instant .page-nav{transition:none!important}.page-project{position:relative;z-index:1;padding:3.5rem 0}.page-project-junction{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.page-leaf{width:28px;height:28px;object-fit:contain;display:block;opacity:0}.page-project h3{font-family:var(--font-display);font-size:1.75rem;color:var(--ink);margin:0}.page-project .page-project-collab{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;color:var(--ink);opacity:.6;margin:.3rem 0 0}.page-project .page-project-accolade{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;color:var(--ink);opacity:1;margin:.5rem 0}.page-project .plate-caption{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:var(--ink);opacity:.65;margin:.4rem 0 1rem}.page-plate{height:190px;margin:2rem 0 1.5rem}.page-plate svg{width:100%;height:100%;display:block;max-width:100%}.page-plate svg [stroke]:not([stroke=none]){vector-effect:non-scaling-stroke}.page-project p{font-family:var(--font-body);color:var(--ink-body);line-height:1.6;margin:0 0 1rem}.page-project-links{font-family:var(--font-mono)!important;color:var(--ink)!important}.page-project a{font-family:var(--font-mono);font-size:.8rem;color:var(--ink);text-decoration:none}.page-project a:hover,.page-project a:focus-visible{text-decoration:underline;text-decoration-color:var(--seed)}.page-about{position:relative;z-index:1;padding:3.5rem 0;font-family:var(--font-body);color:var(--ink-body);line-height:1.7}.page-about p:first-letter{font-family:var(--font-display);font-size:3.5rem;line-height:.85;float:left;padding:.05em .1em 0 0;color:var(--ink)}.page-contact{position:relative;z-index:1;padding:3rem 0 9.5rem;font-family:var(--font-mono);font-size:.85rem;line-height:2}.page-contact-junction{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.page-contact-leaf{width:28px;height:28px;object-fit:contain;display:block}.page-contact h3{font-family:var(--font-display);font-size:1.75rem;color:var(--ink);margin:0}.page-contact-group+.page-contact-group{margin-top:1.6rem}.page-contact-label{margin:0 0 .4rem;font-size:.7rem;letter-spacing:.08em;color:var(--ink);opacity:.55}.page-contact-address{margin:0;margin-left:1rem;font-size:.85rem;color:var(--ink)}.page-contact a{color:var(--ink);text-decoration:none}.page-contact a:hover,.page-contact a:focus-visible{text-decoration:underline;text-decoration-color:var(--seed)}@media (max-width: 767px){.page-vine,.page-seed{left:1rem}.page-column{padding:0 1.25rem}}@media (min-width: 1200px){.page-column{max-width:72ch;margin-left:20vw;margin-right:auto}.page-vine,.page-seed{left:-4vw}.page-name{font-size:clamp(3.5rem,9vw,8rem)}.page-meta{font-size:.95rem}.page-opening{font-size:1.6rem}.page-has-plate{display:grid;grid-template-columns:38vw 34vw;column-gap:4vw;align-items:center;width:76vw}.page-has-plate .page-project-text{grid-column:1}.page-about.page-has-plate>p{grid-column:1}.page-has-plate .page-plate{grid-column:2;height:340px;margin:0}}
